@digigov/ui 0.21.2 → 0.23.0

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 (587) hide show
  1. package/CHANGELOG.md +39 -1
  2. package/admin/AutoComplete/AccesibleAutoComplete/index.d.ts +5 -0
  3. package/admin/AutoComplete/AccesibleAutoComplete/index.js +106 -0
  4. package/admin/AutoComplete/AutoComplete.stories.d.ts +13 -0
  5. package/admin/AutoComplete/AutoComplete.stories.js +115 -0
  6. package/admin/AutoComplete/Status/index.d.ts +40 -0
  7. package/admin/AutoComplete/Status/index.js +184 -0
  8. package/{app/CopyToClipboard → admin/AutoComplete}/__stories__/Default.d.ts +0 -0
  9. package/admin/AutoComplete/__stories__/Default.js +34 -0
  10. package/admin/AutoComplete/__stories__/WithAutoSelect.d.ts +3 -0
  11. package/admin/AutoComplete/__stories__/WithAutoSelect.js +35 -0
  12. package/admin/AutoComplete/__stories__/WithDefaultValue.d.ts +3 -0
  13. package/admin/AutoComplete/__stories__/WithDefaultValue.js +33 -0
  14. package/admin/AutoComplete/__stories__/WithInLine.d.ts +3 -0
  15. package/admin/AutoComplete/__stories__/WithInLine.js +33 -0
  16. package/admin/AutoComplete/__stories__/WithMinLength.d.ts +3 -0
  17. package/admin/AutoComplete/__stories__/WithMinLength.js +35 -0
  18. package/admin/AutoComplete/__stories__/WithPlaceHolder.d.ts +3 -0
  19. package/admin/AutoComplete/__stories__/WithPlaceHolder.js +33 -0
  20. package/admin/AutoComplete/__stories__/WithShowAllValues.d.ts +3 -0
  21. package/admin/AutoComplete/__stories__/WithShowAllValues.js +33 -0
  22. package/admin/AutoComplete/index.d.ts +101 -0
  23. package/admin/AutoComplete/index.js +744 -0
  24. package/admin/AutoComplete/index.mdx +46 -0
  25. package/admin/AutoComplete/utils.d.ts +1 -0
  26. package/admin/AutoComplete/utils.js +13 -0
  27. package/admin/CopyToClipboard/CopyToClipboard.stories.d.ts +9 -0
  28. package/admin/CopyToClipboard/CopyToClipboard.stories.js +58 -0
  29. package/admin/CopyToClipboard/__stories__/Banner.d.ts +3 -0
  30. package/admin/CopyToClipboard/__stories__/Banner.js +30 -0
  31. package/admin/CopyToClipboard/__stories__/Default.d.ts +3 -0
  32. package/admin/CopyToClipboard/__stories__/Default.js +32 -0
  33. package/admin/CopyToClipboard/__stories__/MultipleCopies.d.ts +3 -0
  34. package/{app/CopyToClipboard/__stories__/Default.js → admin/CopyToClipboard/__stories__/MultipleCopies.js} +20 -18
  35. package/admin/CopyToClipboard/index.d.ts +1 -1
  36. package/admin/CopyToClipboard/index.js +3 -2
  37. package/admin/CopyToClipboard/index.mdx +22 -0
  38. package/admin/Drawer/__stories__/Default.js +1 -1
  39. package/admin/Drawer/index.mdx +12 -0
  40. package/admin/Dropdown/Dropdown.stories.d.ts +9 -0
  41. package/admin/Dropdown/Dropdown.stories.js +60 -0
  42. package/admin/Dropdown/__stories__/AlignRight.d.ts +3 -0
  43. package/admin/Dropdown/__stories__/AlignRight.js +83 -0
  44. package/admin/Dropdown/__stories__/Default.d.ts +3 -0
  45. package/admin/Dropdown/__stories__/Default.js +75 -0
  46. package/admin/Dropdown/__stories__/PlacementTop.d.ts +3 -0
  47. package/admin/Dropdown/__stories__/PlacementTop.js +83 -0
  48. package/admin/Dropdown/index.d.ts +7 -1
  49. package/admin/Dropdown/index.js +29 -1
  50. package/admin/Dropdown/index.mdx +29 -0
  51. package/admin/FilterSection/index.d.ts +1 -0
  52. package/admin/FilterSection/index.js +14 -0
  53. package/admin/Modal/Modal.stories.d.ts +8 -0
  54. package/admin/Modal/Modal.stories.js +44 -0
  55. package/admin/Modal/__stories__/AlertDialog.d.ts +3 -0
  56. package/admin/Modal/__stories__/AlertDialog.js +80 -0
  57. package/admin/Modal/__stories__/Default.d.ts +3 -0
  58. package/admin/Modal/__stories__/Default.js +79 -0
  59. package/admin/Modal/index.mdx +26 -0
  60. package/admin/Pagination/__stories__/Default.js +57 -16
  61. package/admin/Pagination/index.mdx +12 -0
  62. package/admin/index.d.ts +2 -1
  63. package/admin/index.js +17 -4
  64. package/api/fetchAPI.js +6 -4
  65. package/api/index.spec.js +18 -19
  66. package/api/useResource.js +6 -4
  67. package/api/useResourceAction.js +6 -4
  68. package/api/useResourceQuery.js +7 -4
  69. package/api/utils.js +8 -6
  70. package/app/Confirmation/Confirmation.mdx +9 -0
  71. package/app/Footer/Footer.mdx +27 -0
  72. package/app/Header/index.mdx +18 -0
  73. package/app/I18nText.js +7 -7
  74. package/app/NotFound/index.mdx +12 -0
  75. package/app/PhaseBannerHeader/index.mdx +12 -0
  76. package/core/Accordion/__stories__/Default.js +17 -1
  77. package/core/Accordion/__stories__/WithHints.js +17 -1
  78. package/core/Accordion/index.mdx +16 -84
  79. package/core/BackLink/index.mdx +16 -0
  80. package/core/Blockquote/index.mdx +17 -2
  81. package/core/Breadcrumbs/__stories__/Default.js +13 -1
  82. package/core/Breadcrumbs/breadcrumbs.mdx +22 -0
  83. package/core/Button/Button.stories.d.ts +5 -0
  84. package/core/Button/Button.stories.js +72 -0
  85. package/core/Button/__stories__/Back.d.ts +4 -0
  86. package/core/Button/__stories__/Back.js +26 -0
  87. package/core/Button/__stories__/ButtonLinkButton.d.ts +6 -0
  88. package/core/Button/__stories__/ButtonLinkButton.js +30 -0
  89. package/core/Button/__stories__/CallToActionButton.d.ts +6 -0
  90. package/core/Button/__stories__/CallToActionButton.js +30 -0
  91. package/core/Button/__stories__/Disabled.d.ts +6 -0
  92. package/core/Button/__stories__/Disabled.js +27 -0
  93. package/core/Button/__stories__/GroupingButtonsAndLinks.js +3 -1
  94. package/core/Button/__stories__/Primary.js +3 -1
  95. package/core/Button/__stories__/Secondary.js +3 -2
  96. package/core/Button/__stories__/Warning.js +2 -1
  97. package/core/Button/__stories__/WithVariantLink.d.ts +6 -0
  98. package/core/Button/__stories__/WithVariantLink.js +29 -0
  99. package/core/Button/index.mdx +97 -0
  100. package/core/Card/Card.stories.d.ts +1 -0
  101. package/core/Card/Card.stories.js +14 -0
  102. package/core/Card/__stories__/WithClickableLink.js +1 -3
  103. package/core/Card/__stories__/WithGroupButton.d.ts +3 -0
  104. package/core/Card/__stories__/WithGroupButton.js +32 -0
  105. package/core/Card/card.mdx +78 -0
  106. package/core/Checkboxes/Checkbox.stories.d.ts +1 -0
  107. package/core/Checkboxes/Checkbox.stories.js +14 -0
  108. package/core/Checkboxes/__stories__/ConditionalReveal.js +5 -1
  109. package/core/Checkboxes/__stories__/Default.js +5 -1
  110. package/core/Checkboxes/__stories__/MultipleQuestions.js +6 -2
  111. package/core/Checkboxes/__stories__/NoneAnswer.js +5 -1
  112. package/core/Checkboxes/__stories__/NoneAnswerWithError.d.ts +3 -0
  113. package/core/Checkboxes/__stories__/NoneAnswerWithError.js +57 -0
  114. package/core/Checkboxes/__stories__/WithErrorMessage.js +7 -1
  115. package/core/Checkboxes/__stories__/WithHint.js +5 -1
  116. package/core/Checkboxes/checkboxes.mdx +54 -0
  117. package/core/Confirmation/confirmation.mdx +19 -0
  118. package/core/DateInput/DateInput.stories.d.ts +1 -0
  119. package/core/DateInput/DateInput.stories.js +14 -0
  120. package/core/DateInput/__stories__/Default.js +3 -1
  121. package/core/DateInput/__stories__/MultipleQuestions.d.ts +3 -0
  122. package/core/DateInput/__stories__/MultipleQuestions.js +41 -0
  123. package/core/DateInput/index.mdx +34 -0
  124. package/core/Details/index.mdx +9 -25
  125. package/core/ErrorMessage/__stories__/Default.js +1 -1
  126. package/core/ErrorMessage/index.mdx +21 -0
  127. package/core/ErrorSummary/__stories__/LinkedToCheckbox.js +1 -1
  128. package/core/ErrorSummary/index.mdx +21 -38
  129. package/core/FileUpload/__stories__/Default.d.ts +1 -0
  130. package/core/FileUpload/__stories__/Default.js +4 -2
  131. package/core/FileUpload/index.mdx +22 -0
  132. package/core/Link/__stories__/DarkBackground.js +4 -2
  133. package/core/Link/__stories__/DarkBackgroundNoUnderline.js +4 -2
  134. package/core/Link/__stories__/Default.js +3 -1
  135. package/core/Link/__stories__/NoUnderline.js +3 -1
  136. package/core/Link/link.mdx +34 -0
  137. package/core/List/index.mdx +22 -3
  138. package/core/Masthead/masthead.mdx +14 -0
  139. package/core/NavList/NavList.d.ts +1 -14
  140. package/core/NavList/NavList.js +14 -71
  141. package/core/NavList/NavList.stories.d.ts +8 -0
  142. package/core/NavList/NavList.stories.js +44 -0
  143. package/core/NavList/NavListBase.d.ts +4 -0
  144. package/core/NavList/NavListBase.js +76 -0
  145. package/core/NavList/NavListItem.d.ts +1 -0
  146. package/core/NavList/NavListItem.js +3 -1
  147. package/core/NavList/NavListItemBase.d.ts +1 -0
  148. package/core/NavList/NavListItemBase.js +7 -3
  149. package/core/NavList/NavListSubMenu.d.ts +1 -1
  150. package/core/NavList/NavListSubMenu.js +2 -2
  151. package/core/NavList/__stories__/Default.d.ts +3 -0
  152. package/core/NavList/__stories__/Default.js +69 -0
  153. package/core/NavList/__stories__/NavHorizontalLayout.d.ts +3 -0
  154. package/core/NavList/__stories__/NavHorizontalLayout.js +67 -0
  155. package/core/NavList/index.mdx +22 -1
  156. package/core/NavList/types.d.ts +14 -0
  157. package/core/NavList/types.js +5 -0
  158. package/core/NotificationBanner/index.mdx +13 -60
  159. package/core/PhaseBanner/PhaseBanner.stories.d.ts +1 -0
  160. package/core/PhaseBanner/PhaseBanner.stories.js +14 -0
  161. package/core/PhaseBanner/__stories__/Underlined.d.ts +3 -0
  162. package/{admin/CopyToClipboardMessage/index.js → core/PhaseBanner/__stories__/Underlined.js} +21 -17
  163. package/core/PhaseBanner/index.mdx +24 -0
  164. package/core/Radios/__stories__/ConditionalReveal.js +5 -1
  165. package/core/Radios/__stories__/Default.js +1 -3
  166. package/core/Radios/__stories__/Inline.js +5 -1
  167. package/core/Radios/__stories__/MultipleQuestions.js +7 -3
  168. package/core/Radios/__stories__/WithErrorMessage.js +7 -1
  169. package/core/Radios/__stories__/WithHints.js +17 -7
  170. package/core/Radios/index.mdx +56 -0
  171. package/core/Select/Select.stories.d.ts +1 -0
  172. package/core/Select/Select.stories.js +14 -0
  173. package/core/Select/__stories__/Default.js +2 -2
  174. package/core/Select/__stories__/DisabledInput.js +3 -1
  175. package/core/Select/__stories__/WithHint.d.ts +3 -0
  176. package/core/Select/__stories__/WithHint.js +45 -0
  177. package/core/Select/index.mdx +42 -0
  178. package/core/SummaryList/SummaryList.stories.d.ts +2 -2
  179. package/core/SummaryList/SummaryList.stories.js +8 -8
  180. package/core/SummaryList/__stories__/Default.js +1 -1
  181. package/core/SummaryList/__stories__/WithActions.d.ts +3 -0
  182. package/core/SummaryList/__stories__/{SummaryListWithActions.js → WithActions.js} +10 -12
  183. package/core/SummaryList/__stories__/WithoutBorders.d.ts +3 -0
  184. package/core/SummaryList/__stories__/{SummaryListWithoutBorders.js → WithoutBorders.js} +5 -5
  185. package/core/SummaryList/index.mdx +17 -65
  186. package/core/Table/Table.stories.d.ts +1 -0
  187. package/core/Table/Table.stories.js +14 -0
  188. package/core/Table/TableFloatingScroll.d.ts +3 -0
  189. package/core/Table/TableFloatingScroll.js +105 -0
  190. package/core/Table/__stories__/DarkVariant.js +1 -1
  191. package/core/Table/__stories__/Default.js +1 -1
  192. package/core/Table/__stories__/NoData.js +3 -1
  193. package/core/Table/__stories__/TableCaptions.d.ts +3 -0
  194. package/core/Table/__stories__/TableCaptions.js +30 -0
  195. package/core/Table/__stories__/WithLoader.js +16 -12
  196. package/core/Table/index.d.ts +1 -0
  197. package/core/Table/index.js +13 -0
  198. package/core/Table/index.mdx +59 -0
  199. package/core/Tabs/__stories__/Default.d.ts +1 -0
  200. package/core/Tabs/__stories__/Default.js +6 -2
  201. package/core/Tabs/index.mdx +10 -2
  202. package/core/TextArea/index.mdx +50 -0
  203. package/core/TextInput/index.mdx +59 -0
  204. package/core/VisuallyHidden/__stories__/Default.js +14 -2
  205. package/core/VisuallyHidden/index.mdx +17 -0
  206. package/core/WarningText/index.mdx +10 -35
  207. package/es/admin/AutoComplete/AccesibleAutoComplete/index.js +87 -0
  208. package/es/admin/AutoComplete/AutoComplete.stories.js +13 -0
  209. package/es/admin/AutoComplete/Status/index.js +153 -0
  210. package/es/admin/AutoComplete/__stories__/Default.js +19 -0
  211. package/es/admin/AutoComplete/__stories__/WithAutoSelect.js +20 -0
  212. package/es/admin/AutoComplete/__stories__/WithDefaultValue.js +18 -0
  213. package/es/admin/AutoComplete/__stories__/WithInLine.js +18 -0
  214. package/es/admin/AutoComplete/__stories__/WithMinLength.js +19 -0
  215. package/es/admin/AutoComplete/__stories__/WithPlaceHolder.js +18 -0
  216. package/es/admin/AutoComplete/__stories__/WithShowAllValues.js +18 -0
  217. package/es/admin/AutoComplete/index.js +676 -0
  218. package/es/admin/AutoComplete/index.mdx +46 -0
  219. package/es/admin/AutoComplete/utils.js +6 -0
  220. package/es/admin/CopyToClipboard/CopyToClipboard.stories.js +8 -0
  221. package/es/admin/CopyToClipboard/__stories__/Banner.js +16 -0
  222. package/es/admin/CopyToClipboard/__stories__/Default.js +18 -0
  223. package/{esm/app/CopyToClipboard/__stories__/Default.js → es/admin/CopyToClipboard/__stories__/MultipleCopies.js} +10 -8
  224. package/es/admin/CopyToClipboard/index.js +3 -2
  225. package/es/admin/CopyToClipboard/index.mdx +22 -0
  226. package/es/admin/Drawer/__stories__/Default.js +1 -1
  227. package/es/admin/Drawer/index.mdx +12 -0
  228. package/es/admin/Dropdown/Dropdown.stories.js +9 -0
  229. package/es/admin/Dropdown/__stories__/AlignRight.js +56 -0
  230. package/es/admin/Dropdown/__stories__/Default.js +48 -0
  231. package/es/admin/Dropdown/__stories__/PlacementTop.js +56 -0
  232. package/es/admin/Dropdown/index.js +28 -1
  233. package/es/admin/Dropdown/index.mdx +29 -0
  234. package/es/admin/FilterSection/index.js +1 -0
  235. package/es/admin/Modal/Modal.stories.js +7 -0
  236. package/es/admin/Modal/__stories__/AlertDialog.js +58 -0
  237. package/es/admin/Modal/__stories__/Default.js +56 -0
  238. package/es/admin/Modal/index.mdx +26 -0
  239. package/es/admin/Pagination/__stories__/Default.js +56 -16
  240. package/es/admin/Pagination/index.mdx +12 -0
  241. package/es/admin/index.js +3 -2
  242. package/es/api/fetchAPI.js +6 -3
  243. package/es/api/index.spec.js +19 -17
  244. package/es/api/useResource.js +6 -3
  245. package/es/api/useResourceAction.js +6 -3
  246. package/es/api/useResourceQuery.js +6 -3
  247. package/es/api/utils.js +8 -5
  248. package/es/app/Confirmation/Confirmation.mdx +9 -0
  249. package/es/app/Footer/Footer.mdx +27 -0
  250. package/es/app/Header/index.mdx +18 -0
  251. package/es/app/I18nText.js +7 -6
  252. package/es/app/NotFound/index.mdx +12 -0
  253. package/es/app/PhaseBannerHeader/index.mdx +12 -0
  254. package/es/core/Accordion/__stories__/Default.js +17 -1
  255. package/es/core/Accordion/__stories__/WithHints.js +17 -1
  256. package/es/core/Accordion/index.mdx +16 -84
  257. package/es/core/BackLink/index.mdx +16 -0
  258. package/es/core/Blockquote/index.mdx +17 -2
  259. package/es/core/Breadcrumbs/__stories__/Default.js +13 -1
  260. package/es/core/Breadcrumbs/breadcrumbs.mdx +22 -0
  261. package/es/core/Button/Button.stories.js +7 -1
  262. package/es/core/Button/__stories__/Back.js +13 -0
  263. package/es/core/Button/__stories__/ButtonLinkButton.js +17 -0
  264. package/es/core/Button/__stories__/CallToActionButton.js +17 -0
  265. package/es/core/Button/__stories__/Disabled.js +14 -0
  266. package/es/core/Button/__stories__/GroupingButtonsAndLinks.js +3 -1
  267. package/es/core/Button/__stories__/Primary.js +3 -1
  268. package/es/core/Button/__stories__/Secondary.js +3 -2
  269. package/es/core/Button/__stories__/Warning.js +2 -1
  270. package/es/core/Button/__stories__/WithVariantLink.js +16 -0
  271. package/es/core/Button/index.mdx +97 -0
  272. package/es/core/Card/Card.stories.js +2 -1
  273. package/es/core/Card/__stories__/WithClickableLink.js +2 -3
  274. package/es/core/Card/__stories__/WithGroupButton.js +11 -0
  275. package/es/core/Card/card.mdx +78 -0
  276. package/es/core/Checkboxes/Checkbox.stories.js +1 -0
  277. package/es/core/Checkboxes/__stories__/ConditionalReveal.js +5 -1
  278. package/es/core/Checkboxes/__stories__/Default.js +5 -1
  279. package/es/core/Checkboxes/__stories__/MultipleQuestions.js +6 -2
  280. package/es/core/Checkboxes/__stories__/NoneAnswer.js +5 -1
  281. package/es/core/Checkboxes/__stories__/NoneAnswerWithError.js +34 -0
  282. package/es/core/Checkboxes/__stories__/WithErrorMessage.js +7 -1
  283. package/es/core/Checkboxes/__stories__/WithHint.js +5 -1
  284. package/es/core/Checkboxes/checkboxes.mdx +54 -0
  285. package/es/core/Confirmation/confirmation.mdx +19 -0
  286. package/es/core/DateInput/DateInput.stories.js +1 -0
  287. package/es/core/DateInput/__stories__/Default.js +3 -1
  288. package/es/core/DateInput/__stories__/MultipleQuestions.js +20 -0
  289. package/es/core/DateInput/index.mdx +34 -0
  290. package/es/core/Details/index.mdx +9 -25
  291. package/es/core/ErrorMessage/__stories__/Default.js +1 -1
  292. package/es/core/ErrorMessage/index.mdx +21 -0
  293. package/es/core/ErrorSummary/__stories__/LinkedToCheckbox.js +1 -1
  294. package/es/core/ErrorSummary/index.mdx +21 -38
  295. package/es/core/FileUpload/__stories__/Default.js +2 -1
  296. package/es/core/FileUpload/index.mdx +22 -0
  297. package/es/core/Link/__stories__/DarkBackground.js +7 -5
  298. package/es/core/Link/__stories__/DarkBackgroundNoUnderline.js +7 -5
  299. package/es/core/Link/__stories__/Default.js +5 -3
  300. package/es/core/Link/__stories__/NoUnderline.js +5 -3
  301. package/es/core/Link/link.mdx +34 -0
  302. package/es/core/List/index.mdx +22 -3
  303. package/es/core/Masthead/masthead.mdx +14 -0
  304. package/es/core/NavList/NavList.js +11 -64
  305. package/es/core/NavList/NavList.stories.js +7 -0
  306. package/es/core/NavList/NavListBase.js +60 -0
  307. package/es/core/NavList/NavListItem.js +3 -1
  308. package/es/core/NavList/NavListItemBase.js +7 -3
  309. package/es/core/NavList/NavListSubMenu.js +1 -1
  310. package/es/core/NavList/__stories__/Default.js +48 -0
  311. package/es/core/NavList/__stories__/NavHorizontalLayout.js +46 -0
  312. package/es/core/NavList/index.mdx +22 -1
  313. package/es/core/NavList/types.js +1 -0
  314. package/es/core/NotificationBanner/index.mdx +13 -60
  315. package/es/core/PhaseBanner/PhaseBanner.stories.js +2 -1
  316. package/es/core/PhaseBanner/__stories__/Underlined.js +14 -0
  317. package/es/core/PhaseBanner/index.mdx +24 -0
  318. package/es/core/Radios/__stories__/ConditionalReveal.js +5 -1
  319. package/es/core/Radios/__stories__/Default.js +1 -2
  320. package/es/core/Radios/__stories__/Inline.js +5 -1
  321. package/es/core/Radios/__stories__/MultipleQuestions.js +7 -3
  322. package/es/core/Radios/__stories__/WithErrorMessage.js +7 -1
  323. package/es/core/Radios/__stories__/WithHints.js +17 -7
  324. package/es/core/Radios/index.mdx +56 -0
  325. package/es/core/Select/Select.stories.js +2 -1
  326. package/es/core/Select/__stories__/Default.js +5 -4
  327. package/es/core/Select/__stories__/DisabledInput.js +5 -3
  328. package/es/core/Select/__stories__/WithHint.js +23 -0
  329. package/es/core/Select/index.mdx +42 -0
  330. package/es/core/SummaryList/SummaryList.stories.js +2 -2
  331. package/es/core/SummaryList/__stories__/Default.js +1 -1
  332. package/es/core/SummaryList/__stories__/WithActions.js +20 -0
  333. package/es/core/SummaryList/__stories__/WithoutBorders.js +11 -0
  334. package/es/core/SummaryList/index.mdx +17 -65
  335. package/es/core/Table/Table.stories.js +1 -0
  336. package/es/core/Table/TableFloatingScroll.js +85 -0
  337. package/es/core/Table/__stories__/DarkVariant.js +1 -1
  338. package/es/core/Table/__stories__/Default.js +1 -1
  339. package/es/core/Table/__stories__/NoData.js +3 -1
  340. package/es/core/Table/__stories__/TableCaptions.js +17 -0
  341. package/es/core/Table/__stories__/WithLoader.js +12 -10
  342. package/es/core/Table/index.js +2 -1
  343. package/es/core/Table/index.mdx +59 -0
  344. package/es/core/Tabs/__stories__/Default.js +3 -2
  345. package/es/core/Tabs/index.mdx +10 -2
  346. package/es/core/TextArea/index.mdx +50 -0
  347. package/es/core/TextInput/index.mdx +59 -0
  348. package/es/core/VisuallyHidden/__stories__/Default.js +9 -5
  349. package/es/core/VisuallyHidden/index.mdx +17 -0
  350. package/es/core/WarningText/index.mdx +10 -35
  351. package/es/govgr/Footer/index.mdx +4 -4
  352. package/es/introduction.md +4 -1
  353. package/es/layouts/Basic/Content/index.mdx +0 -12
  354. package/es/layouts/Basic/Main/index.mdx +0 -10
  355. package/es/layouts/Basic/Masthead/index.mdx +0 -12
  356. package/es/layouts/Basic/Side/index.mdx +0 -12
  357. package/es/layouts/Basic/Top/index.mdx +0 -12
  358. package/es/layouts/Basic/index.mdx +1 -15
  359. package/es/layouts/Grid/Grid.stories.js +2 -1
  360. package/es/layouts/Grid/__stories__/Default.js +26 -6
  361. package/es/layouts/Grid/__stories__/Inline.js +75 -0
  362. package/es/layouts/Grid/index.js +1 -0
  363. package/es/layouts/index.js +2 -0
  364. package/es/registry.js +66 -30
  365. package/es/test-utils/delay.js +6 -3
  366. package/es/typography/Caption/index.mdx +16 -0
  367. package/es/typography/Hint/index.mdx +16 -0
  368. package/es/typography/NormalText/index.mdx +26 -0
  369. package/es/typography/Paragraph/index.mdx +30 -0
  370. package/es/typography/Title/index.mdx +12 -0
  371. package/esm/admin/AutoComplete/AccesibleAutoComplete/index.js +87 -0
  372. package/esm/admin/AutoComplete/AutoComplete.stories.js +13 -0
  373. package/esm/admin/AutoComplete/Status/index.js +153 -0
  374. package/esm/admin/AutoComplete/__stories__/Default.js +19 -0
  375. package/esm/admin/AutoComplete/__stories__/WithAutoSelect.js +20 -0
  376. package/esm/admin/AutoComplete/__stories__/WithDefaultValue.js +18 -0
  377. package/esm/admin/AutoComplete/__stories__/WithInLine.js +18 -0
  378. package/esm/admin/AutoComplete/__stories__/WithMinLength.js +19 -0
  379. package/esm/admin/AutoComplete/__stories__/WithPlaceHolder.js +18 -0
  380. package/esm/admin/AutoComplete/__stories__/WithShowAllValues.js +18 -0
  381. package/esm/admin/AutoComplete/index.js +676 -0
  382. package/esm/admin/AutoComplete/index.mdx +46 -0
  383. package/esm/admin/AutoComplete/utils.js +6 -0
  384. package/esm/admin/CopyToClipboard/CopyToClipboard.stories.js +8 -0
  385. package/esm/admin/CopyToClipboard/__stories__/Banner.js +16 -0
  386. package/esm/admin/CopyToClipboard/__stories__/Default.js +18 -0
  387. package/{es/app/CopyToClipboard/__stories__/Default.js → esm/admin/CopyToClipboard/__stories__/MultipleCopies.js} +10 -8
  388. package/esm/admin/CopyToClipboard/index.js +3 -2
  389. package/esm/admin/CopyToClipboard/index.mdx +22 -0
  390. package/esm/admin/Drawer/__stories__/Default.js +1 -1
  391. package/esm/admin/Drawer/index.mdx +12 -0
  392. package/esm/admin/Dropdown/Dropdown.stories.js +9 -0
  393. package/esm/admin/Dropdown/__stories__/AlignRight.js +56 -0
  394. package/esm/admin/Dropdown/__stories__/Default.js +48 -0
  395. package/esm/admin/Dropdown/__stories__/PlacementTop.js +56 -0
  396. package/esm/admin/Dropdown/index.js +28 -1
  397. package/esm/admin/Dropdown/index.mdx +29 -0
  398. package/esm/admin/FilterSection/index.js +1 -0
  399. package/esm/admin/Modal/Modal.stories.js +7 -0
  400. package/esm/admin/Modal/__stories__/AlertDialog.js +58 -0
  401. package/esm/admin/Modal/__stories__/Default.js +56 -0
  402. package/esm/admin/Modal/index.mdx +26 -0
  403. package/esm/admin/Pagination/__stories__/Default.js +56 -16
  404. package/esm/admin/Pagination/index.mdx +12 -0
  405. package/esm/admin/index.js +3 -2
  406. package/esm/api/fetchAPI.js +6 -3
  407. package/esm/api/index.spec.js +19 -17
  408. package/esm/api/useResource.js +6 -3
  409. package/esm/api/useResourceAction.js +6 -3
  410. package/esm/api/useResourceQuery.js +6 -3
  411. package/esm/api/utils.js +8 -5
  412. package/esm/app/Confirmation/Confirmation.mdx +9 -0
  413. package/esm/app/Footer/Footer.mdx +27 -0
  414. package/esm/app/Header/index.mdx +18 -0
  415. package/esm/app/I18nText.js +7 -6
  416. package/esm/app/NotFound/index.mdx +12 -0
  417. package/esm/app/PhaseBannerHeader/index.mdx +12 -0
  418. package/esm/core/Accordion/__stories__/Default.js +17 -1
  419. package/esm/core/Accordion/__stories__/WithHints.js +17 -1
  420. package/esm/core/Accordion/index.mdx +16 -84
  421. package/esm/core/BackLink/index.mdx +16 -0
  422. package/esm/core/Blockquote/index.mdx +17 -2
  423. package/esm/core/Breadcrumbs/__stories__/Default.js +13 -1
  424. package/esm/core/Breadcrumbs/breadcrumbs.mdx +22 -0
  425. package/esm/core/Button/Button.stories.js +7 -1
  426. package/esm/core/Button/__stories__/Back.js +13 -0
  427. package/esm/core/Button/__stories__/ButtonLinkButton.js +17 -0
  428. package/esm/core/Button/__stories__/CallToActionButton.js +17 -0
  429. package/esm/core/Button/__stories__/Disabled.js +14 -0
  430. package/esm/core/Button/__stories__/GroupingButtonsAndLinks.js +3 -1
  431. package/esm/core/Button/__stories__/Primary.js +3 -1
  432. package/esm/core/Button/__stories__/Secondary.js +3 -2
  433. package/esm/core/Button/__stories__/Warning.js +2 -1
  434. package/esm/core/Button/__stories__/WithVariantLink.js +16 -0
  435. package/esm/core/Button/index.mdx +97 -0
  436. package/esm/core/Card/Card.stories.js +2 -1
  437. package/esm/core/Card/__stories__/WithClickableLink.js +2 -3
  438. package/esm/core/Card/__stories__/WithGroupButton.js +11 -0
  439. package/esm/core/Card/card.mdx +78 -0
  440. package/esm/core/Checkboxes/Checkbox.stories.js +1 -0
  441. package/esm/core/Checkboxes/__stories__/ConditionalReveal.js +5 -1
  442. package/esm/core/Checkboxes/__stories__/Default.js +5 -1
  443. package/esm/core/Checkboxes/__stories__/MultipleQuestions.js +6 -2
  444. package/esm/core/Checkboxes/__stories__/NoneAnswer.js +5 -1
  445. package/esm/core/Checkboxes/__stories__/NoneAnswerWithError.js +34 -0
  446. package/esm/core/Checkboxes/__stories__/WithErrorMessage.js +7 -1
  447. package/esm/core/Checkboxes/__stories__/WithHint.js +5 -1
  448. package/esm/core/Checkboxes/checkboxes.mdx +54 -0
  449. package/esm/core/Confirmation/confirmation.mdx +19 -0
  450. package/esm/core/DateInput/DateInput.stories.js +1 -0
  451. package/esm/core/DateInput/__stories__/Default.js +3 -1
  452. package/esm/core/DateInput/__stories__/MultipleQuestions.js +20 -0
  453. package/esm/core/DateInput/index.mdx +34 -0
  454. package/esm/core/Details/index.mdx +9 -25
  455. package/esm/core/ErrorMessage/__stories__/Default.js +1 -1
  456. package/esm/core/ErrorMessage/index.mdx +21 -0
  457. package/esm/core/ErrorSummary/__stories__/LinkedToCheckbox.js +1 -1
  458. package/esm/core/ErrorSummary/index.mdx +21 -38
  459. package/esm/core/FileUpload/__stories__/Default.js +2 -1
  460. package/esm/core/FileUpload/index.mdx +22 -0
  461. package/esm/core/Link/__stories__/DarkBackground.js +7 -5
  462. package/esm/core/Link/__stories__/DarkBackgroundNoUnderline.js +7 -5
  463. package/esm/core/Link/__stories__/Default.js +5 -3
  464. package/esm/core/Link/__stories__/NoUnderline.js +5 -3
  465. package/esm/core/Link/link.mdx +34 -0
  466. package/esm/core/List/index.mdx +22 -3
  467. package/esm/core/Masthead/masthead.mdx +14 -0
  468. package/esm/core/NavList/NavList.js +11 -64
  469. package/esm/core/NavList/NavList.stories.js +7 -0
  470. package/esm/core/NavList/NavListBase.js +60 -0
  471. package/esm/core/NavList/NavListItem.js +3 -1
  472. package/esm/core/NavList/NavListItemBase.js +7 -3
  473. package/esm/core/NavList/NavListSubMenu.js +1 -1
  474. package/esm/core/NavList/__stories__/Default.js +48 -0
  475. package/esm/core/NavList/__stories__/NavHorizontalLayout.js +46 -0
  476. package/esm/core/NavList/index.mdx +22 -1
  477. package/esm/core/NavList/types.js +1 -0
  478. package/esm/core/NotificationBanner/index.mdx +13 -60
  479. package/esm/core/PhaseBanner/PhaseBanner.stories.js +2 -1
  480. package/esm/core/PhaseBanner/__stories__/Underlined.js +14 -0
  481. package/esm/core/PhaseBanner/index.mdx +24 -0
  482. package/esm/core/Radios/__stories__/ConditionalReveal.js +5 -1
  483. package/esm/core/Radios/__stories__/Default.js +1 -2
  484. package/esm/core/Radios/__stories__/Inline.js +5 -1
  485. package/esm/core/Radios/__stories__/MultipleQuestions.js +7 -3
  486. package/esm/core/Radios/__stories__/WithErrorMessage.js +7 -1
  487. package/esm/core/Radios/__stories__/WithHints.js +17 -7
  488. package/esm/core/Radios/index.mdx +56 -0
  489. package/esm/core/Select/Select.stories.js +2 -1
  490. package/esm/core/Select/__stories__/Default.js +5 -4
  491. package/esm/core/Select/__stories__/DisabledInput.js +5 -3
  492. package/esm/core/Select/__stories__/WithHint.js +23 -0
  493. package/esm/core/Select/index.mdx +42 -0
  494. package/esm/core/SummaryList/SummaryList.stories.js +2 -2
  495. package/esm/core/SummaryList/__stories__/Default.js +1 -1
  496. package/esm/core/SummaryList/__stories__/WithActions.js +20 -0
  497. package/esm/core/SummaryList/__stories__/WithoutBorders.js +11 -0
  498. package/esm/core/SummaryList/index.mdx +17 -65
  499. package/esm/core/Table/Table.stories.js +1 -0
  500. package/esm/core/Table/TableFloatingScroll.js +85 -0
  501. package/esm/core/Table/__stories__/DarkVariant.js +1 -1
  502. package/esm/core/Table/__stories__/Default.js +1 -1
  503. package/esm/core/Table/__stories__/NoData.js +3 -1
  504. package/esm/core/Table/__stories__/TableCaptions.js +17 -0
  505. package/esm/core/Table/__stories__/WithLoader.js +12 -10
  506. package/esm/core/Table/index.js +2 -1
  507. package/esm/core/Table/index.mdx +59 -0
  508. package/esm/core/Tabs/__stories__/Default.js +3 -2
  509. package/esm/core/Tabs/index.mdx +10 -2
  510. package/esm/core/TextArea/index.mdx +50 -0
  511. package/esm/core/TextInput/index.mdx +59 -0
  512. package/esm/core/VisuallyHidden/__stories__/Default.js +9 -5
  513. package/esm/core/VisuallyHidden/index.mdx +17 -0
  514. package/esm/core/WarningText/index.mdx +10 -35
  515. package/esm/govgr/Footer/index.mdx +4 -4
  516. package/esm/index.js +1 -1
  517. package/esm/introduction.md +4 -1
  518. package/esm/layouts/Basic/Content/index.mdx +0 -12
  519. package/esm/layouts/Basic/Main/index.mdx +0 -10
  520. package/esm/layouts/Basic/Masthead/index.mdx +0 -12
  521. package/esm/layouts/Basic/Side/index.mdx +0 -12
  522. package/esm/layouts/Basic/Top/index.mdx +0 -12
  523. package/esm/layouts/Basic/index.mdx +1 -15
  524. package/esm/layouts/Grid/Grid.stories.js +2 -1
  525. package/esm/layouts/Grid/__stories__/Default.js +26 -6
  526. package/esm/layouts/Grid/__stories__/Inline.js +75 -0
  527. package/esm/layouts/Grid/index.js +1 -0
  528. package/esm/layouts/index.js +2 -0
  529. package/esm/registry.js +66 -30
  530. package/esm/test-utils/delay.js +6 -3
  531. package/esm/typography/Caption/index.mdx +16 -0
  532. package/esm/typography/Hint/index.mdx +16 -0
  533. package/esm/typography/NormalText/index.mdx +26 -0
  534. package/esm/typography/Paragraph/index.mdx +30 -0
  535. package/esm/typography/Title/index.mdx +12 -0
  536. package/govgr/Footer/index.mdx +4 -4
  537. package/introduction.md +4 -1
  538. package/layouts/Basic/Content/index.mdx +0 -12
  539. package/layouts/Basic/Main/index.mdx +0 -10
  540. package/layouts/Basic/Masthead/index.mdx +0 -12
  541. package/layouts/Basic/Side/index.mdx +0 -12
  542. package/layouts/Basic/Top/index.mdx +0 -12
  543. package/layouts/Basic/index.mdx +1 -15
  544. package/layouts/Grid/Grid.stories.d.ts +1 -0
  545. package/layouts/Grid/Grid.stories.js +14 -0
  546. package/layouts/Grid/__stories__/Default.js +26 -6
  547. package/layouts/Grid/__stories__/Inline.d.ts +3 -0
  548. package/layouts/Grid/__stories__/Inline.js +88 -0
  549. package/layouts/Grid/index.d.ts +1 -0
  550. package/layouts/Grid/index.js +6 -0
  551. package/layouts/index.d.ts +2 -0
  552. package/layouts/index.js +22 -1
  553. package/package.json +3 -3
  554. package/registry.d.ts +33 -15
  555. package/registry.js +99 -45
  556. package/test-utils/delay.js +5 -3
  557. package/typography/Caption/index.mdx +16 -0
  558. package/typography/Hint/index.mdx +16 -0
  559. package/typography/NormalText/index.mdx +26 -0
  560. package/typography/Paragraph/index.mdx +30 -0
  561. package/typography/Title/index.mdx +12 -0
  562. package/admin/CopyToClipboardMessage/index.d.ts +0 -3
  563. package/app/CopyToClipboard/CopyToClipboard.stories.d.ts +0 -7
  564. package/app/CopyToClipboard/CopyToClipboard.stories.js +0 -30
  565. package/app/CopyToClipboard/index.d.ts +0 -9
  566. package/app/CopyToClipboard/index.js +0 -69
  567. package/app/NotFound/NotFound.mdx +0 -5
  568. package/app/QrCodeScanner/index.mdx +0 -7
  569. package/core/Button/Button.mdx +0 -55
  570. package/core/SummaryList/__stories__/SummaryListWithActions.d.ts +0 -3
  571. package/core/SummaryList/__stories__/SummaryListWithoutBorders.d.ts +0 -3
  572. package/es/admin/CopyToClipboardMessage/index.js +0 -3
  573. package/es/app/CopyToClipboard/CopyToClipboard.stories.js +0 -6
  574. package/es/app/CopyToClipboard/index.js +0 -45
  575. package/es/app/NotFound/NotFound.mdx +0 -5
  576. package/es/app/QrCodeScanner/index.mdx +0 -7
  577. package/es/core/Button/Button.mdx +0 -55
  578. package/es/core/SummaryList/__stories__/SummaryListWithActions.js +0 -21
  579. package/es/core/SummaryList/__stories__/SummaryListWithoutBorders.js +0 -11
  580. package/esm/admin/CopyToClipboardMessage/index.js +0 -3
  581. package/esm/app/CopyToClipboard/CopyToClipboard.stories.js +0 -6
  582. package/esm/app/CopyToClipboard/index.js +0 -45
  583. package/esm/app/NotFound/NotFound.mdx +0 -5
  584. package/esm/app/QrCodeScanner/index.mdx +0 -7
  585. package/esm/core/Button/Button.mdx +0 -55
  586. package/esm/core/SummaryList/__stories__/SummaryListWithActions.js +0 -21
  587. package/esm/core/SummaryList/__stories__/SummaryListWithoutBorders.js +0 -11
@@ -1,55 +0,0 @@
1
- ---
2
- id: button
3
- title: Button
4
- ---
5
-
6
- # Button
7
-
8
- Use the button component to help users carry out an action like starting an
9
- application or saving their information.
10
-
11
-
12
- ## How to import
13
-
14
- ```bash
15
- import Button from '@digigov/ui/core/Button';
16
- ```
17
-
18
- ## Usage
19
-
20
- <Story packageName="@digigov/ui" component="core/Button" story="Primary.tsx" />
21
-
22
- <Story packageName="@digigov/ui" component="core/Button" story="Secondary.tsx" />
23
-
24
- Write button text in sentence case, describing the action it performs. For
25
- example:'
26
-
27
- - `Start now` at the [start of the service](patterns/start-pages.md)
28
- - `Sign in` to an account a user has already created
29
- - `Continue` when the service does not save a user's information
30
- - `Save and continue` when the service does save a user's information
31
- - `Save and come back later` when a user can save their information and come back later
32
- - `Add another` to add another item to a list or group
33
- - `Pay` to make a payment
34
- - `Confirm and send` on a check answers page that does not have any legal
35
- content a user must agree to
36
- - `Accept and send` on a check answers page that has legal content a user
37
- must agree to
38
- - `Sign out` when a user is signed in to an account
39
-
40
- You may need to include more or different words to better describe the action.
41
- For example, `Add another address` and `Accept and claim a tax refund`.
42
-
43
- Align the primary action button to the left edge of your form.
44
-
45
- ## Default buttons
46
-
47
- Use a default button for the main call to action on a page.
48
-
49
- Avoid using multiple default buttons on a single page. Having more than on main
50
- call to action reduces their impact, and makes it harder for users to know what
51
- to do next.
52
-
53
- ## API Docs
54
-
55
- Read more about [how to use the React types](/docs/api/Button)
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const SummaryListWithActions: () => JSX.Element;
3
- export default SummaryListWithActions;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const SummaryListWithoutBorders: () => JSX.Element;
3
- export default SummaryListWithoutBorders;
@@ -1,3 +0,0 @@
1
- export * from '@digigov/react-extensions/admin/CopyToClipboardMessage';
2
- import CopyToClipboardMessage from '@digigov/react-extensions/admin/CopyToClipboardMessage';
3
- export default CopyToClipboardMessage;
@@ -1,6 +0,0 @@
1
- import CopyToClipboard from '@digigov/ui/app/CopyToClipboard';
2
- export default {
3
- title: 'Digigov UI/app/CopyToClipboard',
4
- component: CopyToClipboard
5
- };
6
- export * from '@digigov/ui/app/CopyToClipboard/__stories__/Default';
@@ -1,45 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import React, { useState, useEffect } from 'react';
3
- import CopyToClipboardContainer from '@digigov/react-extensions/admin/CopyToClipboardContainer';
4
- import CopyToClipboardMessage from '@digigov/react-extensions/admin/CopyToClipboardMessage';
5
- import NormalText from '@digigov/ui/typography/NormalText';
6
- import { useTranslation } from '@digigov/ui/app';
7
- export var CopyToClipboard = /*#__PURE__*/React.forwardRef(function CopyToClipboard(_ref, ref) {
8
- var text = _ref.text,
9
- _ref$variant = _ref.variant,
10
- variant = _ref$variant === void 0 ? 'tooltip' : _ref$variant,
11
- message = _ref.message,
12
- children = _ref.children;
13
-
14
- var _useState = useState(false),
15
- _useState2 = _slicedToArray(_useState, 2),
16
- enabled = _useState2[0],
17
- setEnabled = _useState2[1];
18
-
19
- var _useTranslation = useTranslation(),
20
- t = _useTranslation.t;
21
-
22
- useEffect(function () {
23
- var timeout = setTimeout(function () {
24
- if (enabled) setEnabled(false);
25
- }, 3000);
26
- return function () {
27
- return clearTimeout(timeout);
28
- };
29
- }, [enabled]);
30
-
31
- function copyToClipboard() {
32
- navigator.clipboard.writeText(text);
33
- setEnabled(true);
34
- }
35
-
36
- return /*#__PURE__*/React.createElement(CopyToClipboardContainer, {
37
- onClick: copyToClipboard,
38
- variant: variant,
39
- ref: ref
40
- }, children, enabled && /*#__PURE__*/React.createElement(CopyToClipboardMessage, {
41
- variant: variant,
42
- enabled: enabled
43
- }, /*#__PURE__*/React.createElement(NormalText, null, message || t('copy-to-clipboard.message'))));
44
- });
45
- export default CopyToClipboard;
@@ -1,5 +0,0 @@
1
- ---
2
- title: NotFound
3
- ---
4
-
5
- TBD
@@ -1,7 +0,0 @@
1
- ---
2
- title: QrCode Scanner
3
- ---
4
-
5
- import QrCodeScanner from '@digigov/ui/app/QrCodeScanner';
6
-
7
- ## Example
@@ -1,55 +0,0 @@
1
- ---
2
- id: button
3
- title: Button
4
- ---
5
-
6
- # Button
7
-
8
- Use the button component to help users carry out an action like starting an
9
- application or saving their information.
10
-
11
-
12
- ## How to import
13
-
14
- ```bash
15
- import Button from '@digigov/ui/core/Button';
16
- ```
17
-
18
- ## Usage
19
-
20
- <Story packageName="@digigov/ui" component="core/Button" story="Primary.tsx" />
21
-
22
- <Story packageName="@digigov/ui" component="core/Button" story="Secondary.tsx" />
23
-
24
- Write button text in sentence case, describing the action it performs. For
25
- example:'
26
-
27
- - `Start now` at the [start of the service](patterns/start-pages.md)
28
- - `Sign in` to an account a user has already created
29
- - `Continue` when the service does not save a user's information
30
- - `Save and continue` when the service does save a user's information
31
- - `Save and come back later` when a user can save their information and come back later
32
- - `Add another` to add another item to a list or group
33
- - `Pay` to make a payment
34
- - `Confirm and send` on a check answers page that does not have any legal
35
- content a user must agree to
36
- - `Accept and send` on a check answers page that has legal content a user
37
- must agree to
38
- - `Sign out` when a user is signed in to an account
39
-
40
- You may need to include more or different words to better describe the action.
41
- For example, `Add another address` and `Accept and claim a tax refund`.
42
-
43
- Align the primary action button to the left edge of your form.
44
-
45
- ## Default buttons
46
-
47
- Use a default button for the main call to action on a page.
48
-
49
- Avoid using multiple default buttons on a single page. Having more than on main
50
- call to action reduces their impact, and makes it harder for users to know what
51
- to do next.
52
-
53
- ## API Docs
54
-
55
- Read more about [how to use the React types](/docs/api/Button)
@@ -1,21 +0,0 @@
1
- import React from 'react';
2
- import SummaryList, { SummaryListItem, SummaryListItemAction, SummaryListItemKey, SummaryListItemValue } from '@digigov/ui/core/SummaryList';
3
- import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
4
- import Link from '@digigov/ui/core/Link';
5
- import { ArrowIcon } from '@digigov/react-core';
6
- import { ButtonGroup, Button } from '@digigov/ui/core';
7
-
8
- var _ref = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039A\u03B1\u03C4\u03B5\u03C1\u03AF\u03BD\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
9
- href: "#"
10
- }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039F\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
11
- href: "#"
12
- }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B72"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE"), /*#__PURE__*/React.createElement(Link, {
13
- href: "#"
14
- }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")), /*#__PURE__*/React.createElement(Link, {
15
- href: "#"
16
- }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2"))))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "699876543"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Button, null, "\u0394\u03BF\u03BA\u03B9\u03BC\u03AE ", /*#__PURE__*/React.createElement(ArrowIcon, null)))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF2"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "699876543"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE"), /*#__PURE__*/React.createElement(Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE2")))));
17
-
18
- export var SummaryListWithActions = function SummaryListWithActions() {
19
- return /*#__PURE__*/React.createElement(React.Fragment, null, _ref);
20
- };
21
- export default SummaryListWithActions;
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import SummaryList, { SummaryListItem, SummaryListItemAction, SummaryListItemKey, SummaryListItemValue } from '@digigov/ui/core/SummaryList';
3
-
4
- var _ref = /*#__PURE__*/React.createElement(SummaryList, {
5
- border: false
6
- }, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039A\u03B1\u03C4\u03B5\u03C1\u03AF\u03BD\u03B1")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null)), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "699876543")));
7
-
8
- export var SummaryListWithoutBorders = function SummaryListWithoutBorders() {
9
- return /*#__PURE__*/React.createElement(React.Fragment, null, _ref);
10
- };
11
- export default SummaryListWithoutBorders;
@@ -1,3 +0,0 @@
1
- export * from '@digigov/react-extensions/admin/CopyToClipboardMessage';
2
- import CopyToClipboardMessage from '@digigov/react-extensions/admin/CopyToClipboardMessage';
3
- export default CopyToClipboardMessage;
@@ -1,6 +0,0 @@
1
- import CopyToClipboard from '@digigov/ui/app/CopyToClipboard';
2
- export default {
3
- title: 'Digigov UI/app/CopyToClipboard',
4
- component: CopyToClipboard
5
- };
6
- export * from '@digigov/ui/app/CopyToClipboard/__stories__/Default';
@@ -1,45 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import React, { useState, useEffect } from 'react';
3
- import CopyToClipboardContainer from '@digigov/react-extensions/admin/CopyToClipboardContainer';
4
- import CopyToClipboardMessage from '@digigov/react-extensions/admin/CopyToClipboardMessage';
5
- import NormalText from '@digigov/ui/typography/NormalText';
6
- import { useTranslation } from '@digigov/ui/app';
7
- export var CopyToClipboard = /*#__PURE__*/React.forwardRef(function CopyToClipboard(_ref, ref) {
8
- var text = _ref.text,
9
- _ref$variant = _ref.variant,
10
- variant = _ref$variant === void 0 ? 'tooltip' : _ref$variant,
11
- message = _ref.message,
12
- children = _ref.children;
13
-
14
- var _useState = useState(false),
15
- _useState2 = _slicedToArray(_useState, 2),
16
- enabled = _useState2[0],
17
- setEnabled = _useState2[1];
18
-
19
- var _useTranslation = useTranslation(),
20
- t = _useTranslation.t;
21
-
22
- useEffect(function () {
23
- var timeout = setTimeout(function () {
24
- if (enabled) setEnabled(false);
25
- }, 3000);
26
- return function () {
27
- return clearTimeout(timeout);
28
- };
29
- }, [enabled]);
30
-
31
- function copyToClipboard() {
32
- navigator.clipboard.writeText(text);
33
- setEnabled(true);
34
- }
35
-
36
- return /*#__PURE__*/React.createElement(CopyToClipboardContainer, {
37
- onClick: copyToClipboard,
38
- variant: variant,
39
- ref: ref
40
- }, children, enabled && /*#__PURE__*/React.createElement(CopyToClipboardMessage, {
41
- variant: variant,
42
- enabled: enabled
43
- }, /*#__PURE__*/React.createElement(NormalText, null, message || t('copy-to-clipboard.message'))));
44
- });
45
- export default CopyToClipboard;
@@ -1,5 +0,0 @@
1
- ---
2
- title: NotFound
3
- ---
4
-
5
- TBD
@@ -1,7 +0,0 @@
1
- ---
2
- title: QrCode Scanner
3
- ---
4
-
5
- import QrCodeScanner from '@digigov/ui/app/QrCodeScanner';
6
-
7
- ## Example
@@ -1,55 +0,0 @@
1
- ---
2
- id: button
3
- title: Button
4
- ---
5
-
6
- # Button
7
-
8
- Use the button component to help users carry out an action like starting an
9
- application or saving their information.
10
-
11
-
12
- ## How to import
13
-
14
- ```bash
15
- import Button from '@digigov/ui/core/Button';
16
- ```
17
-
18
- ## Usage
19
-
20
- <Story packageName="@digigov/ui" component="core/Button" story="Primary.tsx" />
21
-
22
- <Story packageName="@digigov/ui" component="core/Button" story="Secondary.tsx" />
23
-
24
- Write button text in sentence case, describing the action it performs. For
25
- example:'
26
-
27
- - `Start now` at the [start of the service](patterns/start-pages.md)
28
- - `Sign in` to an account a user has already created
29
- - `Continue` when the service does not save a user's information
30
- - `Save and continue` when the service does save a user's information
31
- - `Save and come back later` when a user can save their information and come back later
32
- - `Add another` to add another item to a list or group
33
- - `Pay` to make a payment
34
- - `Confirm and send` on a check answers page that does not have any legal
35
- content a user must agree to
36
- - `Accept and send` on a check answers page that has legal content a user
37
- must agree to
38
- - `Sign out` when a user is signed in to an account
39
-
40
- You may need to include more or different words to better describe the action.
41
- For example, `Add another address` and `Accept and claim a tax refund`.
42
-
43
- Align the primary action button to the left edge of your form.
44
-
45
- ## Default buttons
46
-
47
- Use a default button for the main call to action on a page.
48
-
49
- Avoid using multiple default buttons on a single page. Having more than on main
50
- call to action reduces their impact, and makes it harder for users to know what
51
- to do next.
52
-
53
- ## API Docs
54
-
55
- Read more about [how to use the React types](/docs/api/Button)
@@ -1,21 +0,0 @@
1
- import React from 'react';
2
- import SummaryList, { SummaryListItem, SummaryListItemAction, SummaryListItemKey, SummaryListItemValue } from '@digigov/ui/core/SummaryList';
3
- import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
4
- import Link from '@digigov/ui/core/Link';
5
- import { ArrowIcon } from '@digigov/react-core';
6
- import { ButtonGroup, Button } from '@digigov/ui/core';
7
-
8
- var _ref = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039A\u03B1\u03C4\u03B5\u03C1\u03AF\u03BD\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
9
- href: "#"
10
- }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039F\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
11
- href: "#"
12
- }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B72"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE"), /*#__PURE__*/React.createElement(Link, {
13
- href: "#"
14
- }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")), /*#__PURE__*/React.createElement(Link, {
15
- href: "#"
16
- }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2"))))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "699876543"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Button, null, "\u0394\u03BF\u03BA\u03B9\u03BC\u03AE ", /*#__PURE__*/React.createElement(ArrowIcon, null)))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF2"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "699876543"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE"), /*#__PURE__*/React.createElement(Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE2")))));
17
-
18
- export var SummaryListWithActions = function SummaryListWithActions() {
19
- return /*#__PURE__*/React.createElement(React.Fragment, null, _ref);
20
- };
21
- export default SummaryListWithActions;
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import SummaryList, { SummaryListItem, SummaryListItemAction, SummaryListItemKey, SummaryListItemValue } from '@digigov/ui/core/SummaryList';
3
-
4
- var _ref = /*#__PURE__*/React.createElement(SummaryList, {
5
- border: false
6
- }, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039A\u03B1\u03C4\u03B5\u03C1\u03AF\u03BD\u03B1")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null)), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "699876543")));
7
-
8
- export var SummaryListWithoutBorders = function SummaryListWithoutBorders() {
9
- return /*#__PURE__*/React.createElement(React.Fragment, null, _ref);
10
- };
11
- export default SummaryListWithoutBorders;