@digigov/ui 1.2.0-dcbd7ded → 2.0.0-4be8f7cc

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 (394) hide show
  1. package/app/Footer/index.mdx +18 -5
  2. package/app/Header/index.mdx +7 -5
  3. package/app/Masthead/index.mdx +9 -4
  4. package/app/Modal/auto.d.ts +2 -2
  5. package/app/Modal/index.d.ts +2 -2
  6. package/app/Modal/index.js +1 -1
  7. package/app/Modal/index.mdx +11 -4
  8. package/app/NotFound/index.mdx +2 -0
  9. package/app/Panel/index.mdx +9 -4
  10. package/app/PhaseBannerHeader/index.mdx +4 -4
  11. package/app/QrCodeViewer/index.mdx +4 -4
  12. package/app/Skeleton/Skeleton.stories/index.js +16 -0
  13. package/{form/AutoComplete/__stories__/WithInLine → app/Skeleton/Skeleton.stories}/package.json +1 -1
  14. package/app/Skeleton/Skeleton.stories.d.ts +17 -0
  15. package/app/Skeleton/__stories__/Button/index.js +9 -0
  16. package/app/Skeleton/__stories__/Button/package.json +6 -0
  17. package/app/Skeleton/__stories__/Button.d.ts +3 -0
  18. package/app/Skeleton/__stories__/Circular/index.js +11 -0
  19. package/app/Skeleton/__stories__/Circular/package.json +6 -0
  20. package/app/Skeleton/__stories__/Circular.d.ts +3 -0
  21. package/app/Skeleton/__stories__/Default/index.js +7 -0
  22. package/app/Skeleton/__stories__/Default/package.json +6 -0
  23. package/app/Skeleton/__stories__/Default.d.ts +3 -0
  24. package/app/Skeleton/__stories__/NoAnimation/index.js +9 -0
  25. package/app/Skeleton/__stories__/NoAnimation/package.json +6 -0
  26. package/app/Skeleton/__stories__/NoAnimation.d.ts +3 -0
  27. package/app/Skeleton/__stories__/Rectangular/index.js +10 -0
  28. package/app/Skeleton/__stories__/Rectangular/package.json +6 -0
  29. package/app/Skeleton/__stories__/Rectangular.d.ts +3 -0
  30. package/app/Skeleton/__stories__/SpecificWidthAndHeight/index.js +10 -0
  31. package/app/Skeleton/__stories__/SpecificWidthAndHeight/package.json +6 -0
  32. package/app/Skeleton/__stories__/SpecificWidthAndHeight.d.ts +3 -0
  33. package/app/Skeleton/__stories__/UnderTypography/index.js +10 -0
  34. package/app/Skeleton/__stories__/UnderTypography/package.json +6 -0
  35. package/app/Skeleton/__stories__/UnderTypography.d.ts +3 -0
  36. package/app/Skeleton/__stories__/WithChildren/index.js +8 -0
  37. package/app/Skeleton/__stories__/WithChildren/package.json +6 -0
  38. package/app/Skeleton/__stories__/WithChildren.d.ts +3 -0
  39. package/app/Skeleton/index.d.ts +3 -0
  40. package/app/Skeleton/index.js +3 -0
  41. package/app/Skeleton/package.json +6 -0
  42. package/app/ThemeOptions/index.d.ts +1 -1
  43. package/cjs/app/Footer/index.mdx +18 -5
  44. package/cjs/app/Header/index.mdx +7 -5
  45. package/cjs/app/Masthead/index.mdx +9 -4
  46. package/cjs/app/Modal/index.js +1 -1
  47. package/cjs/app/Modal/index.mdx +11 -4
  48. package/cjs/app/NotFound/index.mdx +2 -0
  49. package/cjs/app/Panel/index.mdx +9 -4
  50. package/cjs/app/PhaseBannerHeader/index.mdx +4 -4
  51. package/cjs/app/QrCodeViewer/index.mdx +4 -4
  52. package/cjs/app/Skeleton/Skeleton.stories/index.js +111 -0
  53. package/cjs/app/Skeleton/__stories__/Button/index.js +16 -0
  54. package/cjs/app/Skeleton/__stories__/Circular/index.js +18 -0
  55. package/cjs/app/Skeleton/__stories__/Default/index.js +14 -0
  56. package/cjs/app/Skeleton/__stories__/NoAnimation/index.js +16 -0
  57. package/cjs/app/Skeleton/__stories__/Rectangular/index.js +17 -0
  58. package/cjs/app/Skeleton/__stories__/SpecificWidthAndHeight/index.js +17 -0
  59. package/cjs/app/Skeleton/__stories__/UnderTypography/index.js +17 -0
  60. package/cjs/app/Skeleton/__stories__/WithChildren/index.js +15 -0
  61. package/cjs/app/Skeleton/index.js +23 -0
  62. package/cjs/content/Accordion/__stories__/Auto/index.js +2 -3
  63. package/cjs/content/Accordion/hooks/index.js +0 -1
  64. package/cjs/content/Accordion/index.mdx +9 -5
  65. package/cjs/content/Blockquote/index.mdx +3 -5
  66. package/cjs/content/Card/index.mdx +3 -5
  67. package/cjs/content/Chip/index.mdx +4 -5
  68. package/cjs/content/Details/index.mdx +3 -5
  69. package/cjs/content/List/__stories__/Default/index.js +1 -2
  70. package/cjs/content/List/index.mdx +3 -5
  71. package/cjs/content/SafeHTML/index.js +5 -8
  72. package/cjs/content/StepNav/index.mdx +28 -5
  73. package/cjs/content/SummaryList/index.mdx +10 -5
  74. package/cjs/content/Table/index.js +2 -2
  75. package/cjs/content/Table/index.mdx +13 -14
  76. package/cjs/content/TaskList/index.mdx +9 -5
  77. package/cjs/content/Timeline/index.mdx +10 -5
  78. package/cjs/feedback/CopyToClipboard/index.mdx +3 -5
  79. package/cjs/feedback/ErrorSummary/index.mdx +3 -5
  80. package/cjs/feedback/NotificationBanner/index.mdx +14 -5
  81. package/cjs/feedback/PhaseBanner/index.mdx +8 -5
  82. package/cjs/feedback/WarningText/index.mdx +5 -5
  83. package/cjs/form/AutoComplete/AutoComplete.stories/index.js +44 -8
  84. package/cjs/form/AutoComplete/AutoComplete.stories.playwright.json +33 -0
  85. package/cjs/form/AutoComplete/Status/index.js +12 -5
  86. package/cjs/form/AutoComplete/__stories__/Multiple/index.js +24 -0
  87. package/cjs/form/AutoComplete/__stories__/{WithInLine → MultipleShowingTwoSelected}/index.js +7 -6
  88. package/cjs/form/AutoComplete/__stories__/MultipleWithDefaultValues/index.js +23 -0
  89. package/cjs/form/AutoComplete/__stories__/MultipleWithMinLength/index.js +26 -0
  90. package/cjs/form/AutoComplete/__stories__/WithShowAllValues/index.js +0 -1
  91. package/cjs/form/AutoComplete/index.js +312 -202
  92. package/cjs/form/AutoComplete/index.mdx +13 -20
  93. package/cjs/form/AutoComplete/utils/index.js +2 -1
  94. package/cjs/form/Button/index.mdx +3 -5
  95. package/cjs/form/Checkbox/index.mdx +3 -5
  96. package/cjs/form/DateInputContainer/index.mdx +3 -5
  97. package/cjs/form/ErrorMessage/index.mdx +3 -5
  98. package/cjs/form/FileUpload/index.mdx +3 -5
  99. package/cjs/form/RadioContainer/index.mdx +2 -14
  100. package/cjs/form/SelectContainer/index.mdx +3 -1
  101. package/cjs/form/SingleCharacterInputs/index.mdx +3 -5
  102. package/cjs/form/TextArea/index.mdx +3 -5
  103. package/cjs/form/TextInput/TextInput.stories/index.js +12 -0
  104. package/cjs/form/TextInput/__stories__/DisabledInputWithValue/index.js +31 -0
  105. package/cjs/form/TextInput/index.mdx +3 -5
  106. package/cjs/govgr/Footer/index.mdx +1 -1
  107. package/cjs/i18n/locales/el/index.js +2 -2
  108. package/cjs/i18n/locales/en/index.js +2 -2
  109. package/cjs/layouts/Basic/Bottom/__stories__/Default/index.js +22 -0
  110. package/cjs/layouts/Basic/Bottom/index.mdx +9 -28
  111. package/cjs/layouts/Basic/Container/__stories__/Default/index.js +20 -0
  112. package/cjs/layouts/Basic/Container/index.mdx +23 -0
  113. package/cjs/layouts/Basic/Main/__stories__/Default/index.js +20 -0
  114. package/cjs/layouts/Basic/Main/index.mdx +10 -47
  115. package/cjs/layouts/Basic/Top/__stories__/Default/index.js +20 -0
  116. package/cjs/layouts/Basic/Top/index.mdx +10 -55
  117. package/cjs/layouts/Basic/index.mdx +27 -25
  118. package/cjs/layouts/Grid/index.mdx +39 -0
  119. package/cjs/lazy/index.js +152 -17
  120. package/cjs/navigation/BackLink/index.mdx +4 -5
  121. package/cjs/navigation/Breadcrumbs/index.mdx +6 -5
  122. package/cjs/navigation/Drawer/index.mdx +4 -10
  123. package/cjs/navigation/Dropdown/Dropdown.stories/index.js +12 -0
  124. package/cjs/navigation/Dropdown/Dropdown.stories.playwright.json +16 -0
  125. package/cjs/navigation/Dropdown/__stories__/ScrollableContent/index.js +68 -0
  126. package/cjs/navigation/Dropdown/index.mdx +3 -5
  127. package/cjs/navigation/Link/index.mdx +5 -15
  128. package/cjs/navigation/NavList/__stories__/Default/index.js +14 -2
  129. package/cjs/navigation/NavList/__stories__/HorizontalWithDrawer/index.js +35 -2
  130. package/cjs/navigation/NavList/__stories__/HorizontalWithoutDrawer/index.js +35 -2
  131. package/cjs/navigation/NavList/__stories__/NavListWithoutNav/index.js +14 -2
  132. package/cjs/navigation/NavList/__stories__/UsingNavListAuto/index.js +37 -4
  133. package/cjs/navigation/NavList/__stories__/Vertical/index.js +14 -2
  134. package/cjs/navigation/NavList/__stories__/VerticalWithoutDrawer/index.js +35 -2
  135. package/cjs/navigation/NavList/index.mdx +23 -7
  136. package/cjs/navigation/Pagination/index.mdx +9 -5
  137. package/cjs/navigation/Tabs/index.mdx +9 -5
  138. package/cjs/registry/index.js +6 -0
  139. package/cjs/typography/Heading/index.mdx +3 -5
  140. package/cjs/typography/HeadingCaption/index.mdx +3 -5
  141. package/cjs/typography/Hint/index.mdx +3 -5
  142. package/cjs/typography/NormalText/index.mdx +3 -5
  143. package/cjs/typography/Paragraph/index.mdx +9 -30
  144. package/cjs/typography/Typography/index.js +23 -0
  145. package/cjs/typography/Typography/index.mdx +12 -0
  146. package/cjs/typography/index.js +11 -0
  147. package/cjs/utils/Base/index.mdx +13 -0
  148. package/cjs/utils/VisuallyHidden/index.mdx +10 -5
  149. package/content/Accordion/__stories__/Auto/index.js +2 -3
  150. package/content/Accordion/auto.d.ts +3 -3
  151. package/content/Accordion/hooks/index.js +0 -1
  152. package/content/Accordion/index.mdx +9 -5
  153. package/content/Blockquote/index.mdx +3 -5
  154. package/content/Card/index.mdx +3 -5
  155. package/content/Chip/index.mdx +4 -5
  156. package/content/Details/index.mdx +3 -5
  157. package/content/List/__stories__/Default/index.js +1 -2
  158. package/content/List/index.mdx +3 -5
  159. package/content/SafeHTML/index.d.ts +1 -1
  160. package/content/SafeHTML/index.js +5 -8
  161. package/content/StepNav/auto.d.ts +3 -3
  162. package/content/StepNav/index.mdx +28 -5
  163. package/content/SummaryList/index.mdx +10 -5
  164. package/content/Table/index.d.ts +1 -1
  165. package/content/Table/index.js +2 -2
  166. package/content/Table/index.mdx +13 -14
  167. package/content/TaskList/index.mdx +9 -5
  168. package/content/Timeline/index.mdx +10 -5
  169. package/feedback/CopyToClipboard/index.d.ts +1 -1
  170. package/feedback/CopyToClipboard/index.mdx +3 -5
  171. package/feedback/ErrorSummary/index.mdx +3 -5
  172. package/feedback/NotificationBanner/index.mdx +14 -5
  173. package/feedback/PhaseBanner/index.mdx +8 -5
  174. package/feedback/WarningText/index.mdx +5 -5
  175. package/form/AutoComplete/AutoComplete.stories/index.js +4 -1
  176. package/form/AutoComplete/AutoComplete.stories.d.ts +4 -1
  177. package/form/AutoComplete/AutoComplete.stories.playwright.json +33 -0
  178. package/form/AutoComplete/Status/index.d.ts +4 -2
  179. package/form/AutoComplete/Status/index.js +11 -4
  180. package/form/AutoComplete/__stories__/Multiple/index.js +17 -0
  181. package/form/AutoComplete/__stories__/Multiple/package.json +6 -0
  182. package/form/AutoComplete/__stories__/Multiple.d.ts +3 -0
  183. package/form/AutoComplete/__stories__/{WithInLine → MultipleShowingTwoSelected}/index.js +6 -5
  184. package/form/AutoComplete/__stories__/MultipleShowingTwoSelected/package.json +6 -0
  185. package/form/AutoComplete/__stories__/MultipleShowingTwoSelected.d.ts +3 -0
  186. package/form/AutoComplete/__stories__/MultipleWithDefaultValues/index.js +16 -0
  187. package/form/AutoComplete/__stories__/MultipleWithDefaultValues/package.json +6 -0
  188. package/form/AutoComplete/__stories__/MultipleWithDefaultValues.d.ts +3 -0
  189. package/form/AutoComplete/__stories__/MultipleWithMinLength/index.js +19 -0
  190. package/form/AutoComplete/__stories__/MultipleWithMinLength/package.json +6 -0
  191. package/form/AutoComplete/__stories__/MultipleWithMinLength.d.ts +3 -0
  192. package/form/AutoComplete/__stories__/WithShowAllValues/index.js +0 -1
  193. package/form/AutoComplete/index.d.ts +12 -18
  194. package/form/AutoComplete/index.js +295 -197
  195. package/form/AutoComplete/index.mdx +13 -20
  196. package/form/AutoComplete/utils/index.js +2 -1
  197. package/form/AutoComplete/utils.d.ts +1 -0
  198. package/form/Button/index.mdx +3 -5
  199. package/form/Checkbox/index.mdx +3 -5
  200. package/form/DateInputContainer/index.mdx +3 -5
  201. package/form/ErrorMessage/index.mdx +3 -5
  202. package/form/FileUpload/index.mdx +3 -5
  203. package/form/RadioContainer/index.mdx +2 -14
  204. package/form/SelectContainer/index.mdx +3 -1
  205. package/form/SingleCharacterInputs/index.mdx +3 -5
  206. package/form/TextArea/index.mdx +3 -5
  207. package/form/TextInput/TextInput.stories/index.js +1 -0
  208. package/form/TextInput/TextInput.stories.d.ts +1 -0
  209. package/form/TextInput/__stories__/DisabledInputWithValue/index.js +25 -0
  210. package/form/TextInput/__stories__/DisabledInputWithValue/package.json +6 -0
  211. package/form/TextInput/__stories__/DisabledInputWithValue.d.ts +3 -0
  212. package/form/TextInput/index.mdx +3 -5
  213. package/govgr/Footer/index.mdx +1 -1
  214. package/i18n/locales/el/index.js +2 -2
  215. package/i18n/locales/en/index.js +2 -2
  216. package/index.js +1 -1
  217. package/layouts/Basic/Bottom/__stories__/Default/index.js +15 -0
  218. package/layouts/Basic/Bottom/__stories__/Default/package.json +6 -0
  219. package/layouts/Basic/Bottom/__stories__/Default.d.ts +3 -0
  220. package/layouts/Basic/Bottom/index.mdx +9 -28
  221. package/layouts/Basic/Container/__stories__/Default/index.js +13 -0
  222. package/layouts/Basic/Container/__stories__/Default/package.json +6 -0
  223. package/layouts/Basic/Container/__stories__/Default.d.ts +3 -0
  224. package/layouts/Basic/Container/index.mdx +23 -0
  225. package/layouts/Basic/Main/__stories__/Default/index.js +13 -0
  226. package/layouts/Basic/Main/__stories__/Default/package.json +6 -0
  227. package/layouts/Basic/Main/__stories__/Default.d.ts +3 -0
  228. package/layouts/Basic/Main/index.mdx +10 -47
  229. package/layouts/Basic/Top/__stories__/Default/index.js +13 -0
  230. package/layouts/Basic/Top/__stories__/Default/package.json +6 -0
  231. package/layouts/Basic/Top/__stories__/Default.d.ts +3 -0
  232. package/layouts/Basic/Top/index.mdx +10 -55
  233. package/layouts/Basic/index.mdx +27 -25
  234. package/layouts/Grid/index.mdx +39 -0
  235. package/lazy/index.js +120 -15
  236. package/lazy.d.ts +269 -254
  237. package/navigation/BackLink/index.mdx +4 -5
  238. package/navigation/Breadcrumbs/index.mdx +6 -5
  239. package/navigation/Drawer/auto.d.ts +3 -3
  240. package/navigation/Drawer/index.mdx +4 -10
  241. package/navigation/Dropdown/Dropdown.stories/index.js +1 -0
  242. package/navigation/Dropdown/Dropdown.stories.d.ts +1 -0
  243. package/navigation/Dropdown/Dropdown.stories.playwright.json +16 -0
  244. package/navigation/Dropdown/__stories__/ScrollableContent/index.js +61 -0
  245. package/navigation/Dropdown/__stories__/ScrollableContent/package.json +6 -0
  246. package/navigation/Dropdown/__stories__/ScrollableContent.d.ts +3 -0
  247. package/navigation/Dropdown/index.d.ts +1 -1
  248. package/navigation/Dropdown/index.mdx +3 -5
  249. package/navigation/Link/index.mdx +5 -15
  250. package/navigation/NavList/__stories__/Default/index.js +13 -1
  251. package/navigation/NavList/__stories__/HorizontalWithDrawer/index.js +34 -1
  252. package/navigation/NavList/__stories__/HorizontalWithoutDrawer/index.js +34 -1
  253. package/navigation/NavList/__stories__/NavListWithoutNav/index.js +13 -1
  254. package/navigation/NavList/__stories__/UsingNavListAuto/index.js +35 -2
  255. package/navigation/NavList/__stories__/Vertical/index.js +13 -1
  256. package/navigation/NavList/__stories__/VerticalWithoutDrawer/index.js +34 -1
  257. package/navigation/NavList/index.mdx +23 -7
  258. package/navigation/NavList/types.d.ts +1 -2
  259. package/navigation/Pagination/auto.d.ts +4 -4
  260. package/navigation/Pagination/index.d.ts +2 -2
  261. package/navigation/Pagination/index.mdx +9 -5
  262. package/navigation/Tabs/auto.d.ts +2 -2
  263. package/navigation/Tabs/index.mdx +9 -5
  264. package/package.json +4 -6
  265. package/registry/index.js +6 -0
  266. package/registry.d.ts +4 -0
  267. package/src/app/Footer/index.mdx +18 -5
  268. package/src/app/Header/index.mdx +7 -5
  269. package/src/app/Masthead/index.mdx +9 -4
  270. package/src/app/Modal/index.mdx +11 -4
  271. package/src/app/Modal/index.tsx +1 -1
  272. package/src/app/NotFound/index.mdx +2 -0
  273. package/src/app/Panel/index.mdx +9 -4
  274. package/src/app/PhaseBannerHeader/index.mdx +4 -4
  275. package/src/app/QrCodeViewer/index.mdx +4 -4
  276. package/src/app/Skeleton/Skeleton.stories.js +18 -0
  277. package/src/app/Skeleton/__stories__/Button.tsx +6 -0
  278. package/src/app/Skeleton/__stories__/Circular.tsx +8 -0
  279. package/src/app/Skeleton/__stories__/Default.tsx +6 -0
  280. package/src/app/Skeleton/__stories__/NoAnimation.tsx +6 -0
  281. package/src/app/Skeleton/__stories__/Rectangular.tsx +8 -0
  282. package/src/app/Skeleton/__stories__/SpecificWidthAndHeight.tsx +8 -0
  283. package/src/app/Skeleton/__stories__/UnderTypography.tsx +17 -0
  284. package/src/app/Skeleton/__stories__/WithChildren.tsx +11 -0
  285. package/src/app/Skeleton/index.tsx +4 -0
  286. package/src/content/Accordion/__stories__/Auto.tsx +2 -2
  287. package/src/content/Accordion/auto.tsx +1 -1
  288. package/src/content/Accordion/hooks.ts +0 -1
  289. package/src/content/Accordion/index.mdx +9 -5
  290. package/src/content/Blockquote/index.mdx +3 -5
  291. package/src/content/Card/index.mdx +3 -5
  292. package/src/content/Chip/index.mdx +4 -5
  293. package/src/content/Details/index.mdx +3 -5
  294. package/src/content/List/__stories__/Default.tsx +3 -4
  295. package/src/content/List/index.mdx +3 -5
  296. package/src/content/SafeHTML/index.tsx +3 -4
  297. package/src/content/StepNav/index.mdx +28 -5
  298. package/src/content/SummaryList/index.mdx +10 -5
  299. package/src/content/Table/index.mdx +13 -14
  300. package/src/content/Table/index.tsx +2 -2
  301. package/src/content/TaskList/index.mdx +9 -5
  302. package/src/content/Timeline/index.mdx +10 -5
  303. package/src/feedback/CopyToClipboard/index.mdx +3 -5
  304. package/src/feedback/ErrorSummary/index.mdx +3 -5
  305. package/src/feedback/NotificationBanner/index.mdx +14 -5
  306. package/src/feedback/PhaseBanner/index.mdx +8 -5
  307. package/src/feedback/WarningText/index.mdx +5 -5
  308. package/src/form/AutoComplete/AutoComplete.stories.js +4 -1
  309. package/src/form/AutoComplete/AutoComplete.stories.playwright.json +33 -0
  310. package/src/form/AutoComplete/Status/index.tsx +10 -6
  311. package/src/form/AutoComplete/__stories__/Multiple.tsx +18 -0
  312. package/src/form/AutoComplete/__stories__/{WithInLine.tsx → MultipleShowingTwoSelected.tsx} +3 -8
  313. package/src/form/AutoComplete/__stories__/MultipleWithDefaultValues.tsx +16 -0
  314. package/src/form/AutoComplete/__stories__/MultipleWithMinLength.tsx +29 -0
  315. package/src/form/AutoComplete/__stories__/WithShowAllValues.tsx +0 -1
  316. package/src/form/AutoComplete/index.mdx +13 -20
  317. package/src/form/AutoComplete/index.tsx +351 -213
  318. package/src/form/AutoComplete/utils.ts +3 -2
  319. package/src/form/Button/index.mdx +3 -5
  320. package/src/form/Checkbox/index.mdx +3 -5
  321. package/src/form/DateInputContainer/index.mdx +3 -5
  322. package/src/form/ErrorMessage/index.mdx +3 -5
  323. package/src/form/FileUpload/index.mdx +3 -5
  324. package/src/form/RadioContainer/index.mdx +2 -14
  325. package/src/form/SelectContainer/index.mdx +3 -1
  326. package/src/form/SingleCharacterInputs/index.mdx +3 -5
  327. package/src/form/TextArea/index.mdx +3 -5
  328. package/src/form/TextInput/TextInput.stories.js +1 -0
  329. package/src/form/TextInput/__stories__/DisabledInputWithValue.tsx +27 -0
  330. package/src/form/TextInput/index.mdx +3 -5
  331. package/src/govgr/Footer/index.mdx +1 -1
  332. package/src/i18n/locales/el.ts +2 -2
  333. package/src/i18n/locales/en.ts +2 -2
  334. package/src/layouts/Basic/Bottom/__stories__/Default.tsx +35 -0
  335. package/src/layouts/Basic/Bottom/index.mdx +9 -28
  336. package/src/layouts/Basic/Container/__stories__/Default.tsx +30 -0
  337. package/src/layouts/Basic/Container/index.mdx +23 -0
  338. package/src/layouts/Basic/Main/__stories__/Default.tsx +30 -0
  339. package/src/layouts/Basic/Main/index.mdx +10 -47
  340. package/src/layouts/Basic/Top/__stories__/Default.tsx +28 -0
  341. package/src/layouts/Basic/Top/index.mdx +10 -55
  342. package/src/layouts/Basic/index.mdx +27 -25
  343. package/src/layouts/Grid/index.mdx +39 -0
  344. package/src/lazy.js +18 -3
  345. package/src/navigation/BackLink/index.mdx +4 -5
  346. package/src/navigation/Breadcrumbs/index.mdx +6 -5
  347. package/src/navigation/Drawer/index.mdx +4 -10
  348. package/src/navigation/Dropdown/Dropdown.stories.js +1 -0
  349. package/src/navigation/Dropdown/Dropdown.stories.playwright.json +16 -0
  350. package/src/navigation/Dropdown/__stories__/ScrollableContent.tsx +82 -0
  351. package/src/navigation/Dropdown/index.mdx +3 -5
  352. package/src/navigation/Link/index.mdx +5 -15
  353. package/src/navigation/NavList/__stories__/Default.tsx +18 -1
  354. package/src/navigation/NavList/__stories__/HorizontalWithDrawer.tsx +37 -1
  355. package/src/navigation/NavList/__stories__/HorizontalWithoutDrawer.tsx +37 -1
  356. package/src/navigation/NavList/__stories__/NavListWithoutNav.tsx +18 -1
  357. package/src/navigation/NavList/__stories__/UsingNavListAuto.tsx +39 -2
  358. package/src/navigation/NavList/__stories__/Vertical.tsx +18 -1
  359. package/src/navigation/NavList/__stories__/VerticalWithoutDrawer.tsx +37 -1
  360. package/src/navigation/NavList/index.mdx +23 -7
  361. package/src/navigation/NavList/types.tsx +1 -2
  362. package/src/navigation/Pagination/index.mdx +9 -5
  363. package/src/navigation/Tabs/index.mdx +9 -5
  364. package/src/registry.js +6 -0
  365. package/src/typography/Heading/index.mdx +3 -5
  366. package/src/typography/HeadingCaption/index.mdx +3 -5
  367. package/src/typography/Hint/index.mdx +3 -5
  368. package/src/typography/NormalText/index.mdx +3 -5
  369. package/src/typography/Paragraph/index.mdx +9 -30
  370. package/src/typography/Typography/index.mdx +12 -0
  371. package/src/typography/Typography/index.tsx +4 -0
  372. package/src/typography/index.ts +1 -0
  373. package/src/utils/Base/index.mdx +13 -0
  374. package/src/utils/VisuallyHidden/index.mdx +10 -5
  375. package/typography/Heading/index.mdx +3 -5
  376. package/typography/HeadingCaption/index.mdx +3 -5
  377. package/typography/Hint/index.mdx +3 -5
  378. package/typography/NormalText/index.mdx +3 -5
  379. package/typography/Paragraph/index.mdx +9 -30
  380. package/typography/Typography/index.d.ts +3 -0
  381. package/typography/Typography/index.js +3 -0
  382. package/typography/Typography/index.mdx +12 -0
  383. package/typography/Typography/package.json +6 -0
  384. package/typography/index.d.ts +1 -0
  385. package/typography/index.js +2 -1
  386. package/utils/Base/index.mdx +13 -0
  387. package/utils/VisuallyHidden/index.mdx +10 -5
  388. package/cjs/content/List/List.stories.playwright.json +0 -27
  389. package/cjs/layouts/Basic/Masthead/index.mdx +0 -65
  390. package/content/List/List.stories.playwright.json +0 -27
  391. package/form/AutoComplete/__stories__/WithInLine.d.ts +0 -3
  392. package/layouts/Basic/Masthead/index.mdx +0 -65
  393. package/src/content/List/List.stories.playwright.json +0 -27
  394. package/src/layouts/Basic/Masthead/index.mdx +0 -65
@@ -3,10 +3,6 @@ id: footer
3
3
  title: Footer
4
4
  ---
5
5
 
6
- ```bash
7
- import Footer from '@digigov/ui/app/Footer';
8
- ```
9
-
10
6
  ## How to use
11
7
 
12
8
  ### Default footer
@@ -47,4 +43,21 @@ import Footer from '@digigov/ui/app/Footer';
47
43
 
48
44
  ## API
49
45
 
50
- <PropTypes packageName="@digigov/ui" component="Footer" />
46
+ See below for a complete reference to all of the props available to the components mentioned here.
47
+
48
+ <ComponentProps componentName={[
49
+ "Footer",
50
+ "FooterContainer",
51
+ "FooterNavigation",
52
+ "FooterNavigationSection",
53
+ "FooterHeading",
54
+ "FooterList",
55
+ "FooterListItem",
56
+ "FooterLink",
57
+ "FooterInfo",
58
+ "FooterInfoSection",
59
+ "FooterContent",
60
+ "FooterContentLogos",
61
+ "FooterImage",
62
+ "CopyrightContainer"]}
63
+ />
@@ -3,10 +3,6 @@ id: header
3
3
  title: Header
4
4
  ---
5
5
 
6
- ```bash
7
- import Header from '@digigov/ui/app/Header';
8
- ```
9
-
10
6
  ## How to use
11
7
 
12
8
  ### Default header
@@ -44,4 +40,10 @@ import Header from '@digigov/ui/app/Header';
44
40
 
45
41
  ## API
46
42
 
47
- <PropTypes packageName="@digigov/ui" component="Header" />
43
+ See below for a complete reference to all of the props available to the components mentioned here.
44
+
45
+ <ComponentProps componentName={[
46
+ "Header",
47
+ "HeaderContent",
48
+ "HeaderSection",]}
49
+ />
@@ -5,9 +5,7 @@ title: Masthead
5
5
 
6
6
  # Masthead
7
7
 
8
- ```bash
9
- import Masthead from '@digigov/ui/app/Masthead';
10
- ```
8
+ The Masthead component is a set of features or layout that marks the page and delivers identifying information to web users.
11
9
 
12
10
  ## How to use
13
11
 
@@ -15,4 +13,11 @@ import Masthead from '@digigov/ui/app/Masthead';
15
13
 
16
14
  ## API
17
15
 
18
- <PropTypes packageName="@digigov/ui" component="Masthead" />
16
+ See below for a complete reference to all of the props available to the components mentioned here.
17
+
18
+ <ComponentProps componentName={[
19
+ "Masthead",
20
+ "MastheadBody",
21
+ "MastheadLogo",
22
+ ]}
23
+ />
@@ -12,10 +12,10 @@ export declare const ModalProvider: ({ children }: {
12
12
  children: React.ReactNode;
13
13
  }) => JSX.Element;
14
14
  export declare const useModalContext: () => UseModalReturn | null;
15
- export declare const ModalAuto: React.ForwardRefExoticComponent<Pick<ModalAutoProps, "children" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "open" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "dense" | "clickOutside" | "closeOnEscape"> & React.RefAttributes<HTMLDivElement>>;
15
+ export declare const ModalAuto: React.ForwardRefExoticComponent<Pick<ModalAutoProps, "children" | "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "open" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "dense" | "clickOutside" | "closeOnEscape"> & React.RefAttributes<HTMLDivElement>>;
16
16
  export interface ModalButtonAutoProps extends ButtonProps {
17
17
  modal: ModalId;
18
18
  open?: boolean;
19
19
  close?: boolean;
20
20
  }
21
- export declare const ModalButtonAuto: React.ForwardRefExoticComponent<Pick<ModalButtonAutoProps, "children" | "form" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "open" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "variant" | "dense" | "close" | "modal"> & React.RefAttributes<HTMLButtonElement>>;
21
+ export declare const ModalButtonAuto: React.ForwardRefExoticComponent<Pick<ModalButtonAutoProps, "children" | "form" | "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "open" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "variant" | "dense" | "close" | "modal"> & React.RefAttributes<HTMLButtonElement>>;
@@ -10,6 +10,6 @@ import { ModalContainerProps } from '@digigov/react-core/ModalContainer';
10
10
  export interface ModalProps extends ModalContainerProps {
11
11
  onEscape?: () => void;
12
12
  }
13
- export declare const Modal: React.ForwardRefExoticComponent<Pick<ModalProps, "children" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "open" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "dense" | "onEscape"> & React.RefAttributes<HTMLDivElement>>;
14
- export declare const ModalBase: React.ForwardRefExoticComponent<Pick<ModalProps, "children" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "open" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "dense" | "onEscape"> & React.RefAttributes<HTMLDivElement>>;
13
+ export declare const Modal: React.ForwardRefExoticComponent<Pick<ModalProps, "children" | "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "open" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "dense" | "onEscape"> & React.RefAttributes<HTMLDivElement>>;
14
+ export declare const ModalBase: React.ForwardRefExoticComponent<Pick<ModalProps, "children" | "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "open" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "dense" | "onEscape"> & React.RefAttributes<HTMLDivElement>>;
15
15
  export default Modal;
@@ -38,7 +38,7 @@ export var ModalBase = /*#__PURE__*/React.forwardRef(function ModalBase(_ref2, r
38
38
  return function () {
39
39
  lastModalElementInstance.removeEventListener('focus', handleFocus);
40
40
  };
41
- }, [open]);
41
+ }, []);
42
42
  return /*#__PURE__*/React.createElement(ModalContainer, _extends({
43
43
  open: open,
44
44
  role: "dialog",
@@ -3,9 +3,7 @@ id: modal
3
3
  title: Modal
4
4
  ---
5
5
 
6
- ```bash
7
- import Modal, {ModalHeading, ModalContent, ModalAction} from "@digigov/ui/app/Modal";
8
- ```
6
+ Modal is a dialog box/popup window which contains information or an action and it is displayed on top of the current page:
9
7
 
10
8
  ## How to use
11
9
 
@@ -30,4 +28,13 @@ implementation in the ARIA Authoring Practices Guide (APG) at
30
28
 
31
29
  ## API
32
30
 
33
- <PropTypes packageName="@digigov/ui" component="Modal" />
31
+ See below for a complete reference to all of the props available to the components mentioned here.
32
+
33
+ <ComponentProps componentName={[
34
+ "ModalContainer",
35
+ "Modal",
36
+ "ModalHeading",
37
+ "ModalContent",
38
+ "ModalAction"]}
39
+ />
40
+
@@ -13,4 +13,6 @@ import NotFound from '@digigov/ui/app/NotFound';
13
13
 
14
14
  ## API
15
15
 
16
+ See below for a complete reference to all of the props available to the components mentioned here.
17
+
16
18
  There are no available prop types for this component.
@@ -3,9 +3,8 @@ id: panel
3
3
  title: Panel
4
4
  ---
5
5
 
6
- ```bash
7
- import Panel from '@digigov/ui/app/Panel';
8
- ```
6
+ Panels are bordered boxes where you can place texts, lists, tables and other content.
7
+ Panels are similar to cards, but they don't include media.
9
8
 
10
9
  ## How to use
11
10
 
@@ -13,4 +12,10 @@ import Panel from '@digigov/ui/app/Panel';
13
12
 
14
13
  ## API
15
14
 
16
- <PropTypes packageName="@digigov/ui" component="Panel" />
15
+ See below for a complete reference to all of the props available to the components mentioned here.
16
+
17
+ <ComponentProps componentName={[
18
+ "Panel",
19
+ "PanelTitle",
20
+ "PanelBody"]}
21
+ />
@@ -3,9 +3,7 @@ id: phase-banner-header
3
3
  title: PhaseBannerHeader
4
4
  ---
5
5
 
6
- ```bash
7
- import PhaseBannerHeader from '@digigov/ui/app/PhaseBannerHeader';
8
- ```
6
+ Phase banner lets users know the service is still being worked on, and encourages the user to provide feedback to help improve it.
9
7
 
10
8
  ## How to use
11
9
 
@@ -17,4 +15,6 @@ import PhaseBannerHeader from '@digigov/ui/app/PhaseBannerHeader';
17
15
 
18
16
  ## API
19
17
 
20
- <PropTypes packageName="@digigov/ui" component="PhaseBannerHeader" />
18
+ See below for a complete reference to all of the props available to the components mentioned here.
19
+
20
+ <ComponentProps componentName={["PhaseBannerHeaderContainer"]} />
@@ -3,9 +3,7 @@ id: qr-code-viewer
3
3
  title: QrCodeViewer
4
4
  ---
5
5
 
6
- ```bash
7
- import QrCodeViewer from '@digigov/ui/app/QrCodeViewer';
8
- ```
6
+ QR codes are frequently used to track information and allow the users to access this information instantly.
9
7
 
10
8
  ## How to use
11
9
 
@@ -27,4 +25,6 @@ import QrCodeViewer from '@digigov/ui/app/QrCodeViewer';
27
25
 
28
26
  ## API
29
27
 
30
- <PropTypes packageName="@digigov/ui" component="QrCodeViewer" />
28
+ See below for a complete reference to all of the props available to the components mentioned here.
29
+
30
+ There are no available prop types for this component.
@@ -0,0 +1,16 @@
1
+ import Skeleton from '@digigov/ui/app/Skeleton';
2
+ export default {
3
+ title: 'Digigov UI/app/Skeleton',
4
+ description: 'Use a set of Skeleton components to display placeholder content when data is loading.',
5
+ component: Skeleton,
6
+ displayName: 'Skeleton'
7
+ };
8
+ export * from '@digigov/ui/app/Skeleton/__stories__/Default';
9
+ export * from '@digigov/ui/app/Skeleton/__stories__/Rectangular';
10
+ export * from '@digigov/ui/app/Skeleton/__stories__/Circular';
11
+ export * from '@digigov/ui/app/Skeleton/__stories__/Button';
12
+ export * from '@digigov/ui/app/Skeleton/__stories__/NoAnimation';
13
+ export * from '@digigov/ui/app/Skeleton/__stories__/SpecificWidthAndHeight';
14
+ export * from '@digigov/ui/app/Skeleton/__stories__/NoAnimation';
15
+ export * from '@digigov/ui/app/Skeleton/__stories__/UnderTypography';
16
+ export * from '@digigov/ui/app/Skeleton/__stories__/WithChildren';
@@ -2,5 +2,5 @@
2
2
  "sideEffects": false,
3
3
  "module": "./index.js",
4
4
  "types": "./index.d.ts",
5
- "main": "../../../../cjs/form/AutoComplete/__stories__/WithInLine/index.js"
5
+ "main": "../../../cjs/app/Skeleton/Skeleton.stories/index.js"
6
6
  }
@@ -0,0 +1,17 @@
1
+ declare namespace _default {
2
+ export let title: string;
3
+ export let description: string;
4
+ export { Skeleton as component };
5
+ export let displayName: string;
6
+ }
7
+ export default _default;
8
+ export * from "@digigov/ui/app/Skeleton/__stories__/Default";
9
+ export * from "@digigov/ui/app/Skeleton/__stories__/Rectangular";
10
+ export * from "@digigov/ui/app/Skeleton/__stories__/Circular";
11
+ export * from "@digigov/ui/app/Skeleton/__stories__/Button";
12
+ export * from "@digigov/ui/app/Skeleton/__stories__/NoAnimation";
13
+ export * from "@digigov/ui/app/Skeleton/__stories__/SpecificWidthAndHeight";
14
+ export * from "@digigov/ui/app/Skeleton/__stories__/NoAnimation";
15
+ export * from "@digigov/ui/app/Skeleton/__stories__/UnderTypography";
16
+ export * from "@digigov/ui/app/Skeleton/__stories__/WithChildren";
17
+ import Skeleton from '@digigov/ui/app/Skeleton';
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { Skeleton } from '@digigov/ui/app/Skeleton';
3
+ var _ref = /*#__PURE__*/React.createElement(Skeleton, {
4
+ variant: "button"
5
+ });
6
+ export var Button = function Button() {
7
+ return _ref;
8
+ };
9
+ export default Button;
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "types": "./index.d.ts",
5
+ "main": "../../../../cjs/app/Skeleton/__stories__/Button/index.js"
6
+ }
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const Button: () => JSX.Element;
3
+ export default Button;
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import { Skeleton } from '@digigov/ui/app/Skeleton';
3
+ var _ref = /*#__PURE__*/React.createElement(Skeleton, {
4
+ variant: "circular",
5
+ width: 100,
6
+ height: 100
7
+ });
8
+ export var Circular = function Circular() {
9
+ return _ref;
10
+ };
11
+ export default Circular;
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "types": "./index.d.ts",
5
+ "main": "../../../../cjs/app/Skeleton/__stories__/Circular/index.js"
6
+ }
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const Circular: () => JSX.Element;
3
+ export default Circular;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { Skeleton } from '@digigov/ui/app/Skeleton';
3
+ var _ref = /*#__PURE__*/React.createElement(Skeleton, null);
4
+ export var Default = function Default() {
5
+ return _ref;
6
+ };
7
+ export default Default;
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "types": "./index.d.ts",
5
+ "main": "../../../../cjs/app/Skeleton/__stories__/Default/index.js"
6
+ }
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const Default: () => JSX.Element;
3
+ export default Default;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { Skeleton } from '@digigov/ui/app/Skeleton';
3
+ var _ref = /*#__PURE__*/React.createElement(Skeleton, {
4
+ animation: false
5
+ });
6
+ export var NoAnimation = function NoAnimation() {
7
+ return _ref;
8
+ };
9
+ export default NoAnimation;
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "types": "./index.d.ts",
5
+ "main": "../../../../cjs/app/Skeleton/__stories__/NoAnimation/index.js"
6
+ }
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const NoAnimation: () => JSX.Element;
3
+ export default NoAnimation;
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { Skeleton } from '@digigov/ui/app/Skeleton';
3
+ var _ref = /*#__PURE__*/React.createElement(Skeleton, {
4
+ variant: "rectangular",
5
+ height: 150
6
+ });
7
+ export var Rectangular = function Rectangular() {
8
+ return _ref;
9
+ };
10
+ export default Rectangular;
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "types": "./index.d.ts",
5
+ "main": "../../../../cjs/app/Skeleton/__stories__/Rectangular/index.js"
6
+ }
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const Rectangular: () => JSX.Element;
3
+ export default Rectangular;
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { Skeleton } from '@digigov/ui/app/Skeleton';
3
+ var _ref = /*#__PURE__*/React.createElement(Skeleton, {
4
+ width: 200,
5
+ height: 200
6
+ });
7
+ export var SpecificWidthAndHeight = function SpecificWidthAndHeight() {
8
+ return _ref;
9
+ };
10
+ export default SpecificWidthAndHeight;
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "types": "./index.d.ts",
5
+ "main": "../../../../cjs/app/Skeleton/__stories__/SpecificWidthAndHeight/index.js"
6
+ }
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const SpecificWidthAndHeight: () => JSX.Element;
3
+ export default SpecificWidthAndHeight;
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { Skeleton } from '@digigov/ui/app/Skeleton';
3
+ import Heading from '@digigov/ui/typography/Heading';
4
+ import { Paragraph } from '@digigov/ui/typography/Paragraph';
5
+ var _ref = /*#__PURE__*/React.createElement(Heading, null, /*#__PURE__*/React.createElement(Skeleton, null));
6
+ var _ref2 = /*#__PURE__*/React.createElement(Paragraph, null, /*#__PURE__*/React.createElement(Skeleton, null));
7
+ export var UnderTypography = function UnderTypography() {
8
+ return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2);
9
+ };
10
+ export default UnderTypography;
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "types": "./index.d.ts",
5
+ "main": "../../../../cjs/app/Skeleton/__stories__/UnderTypography/index.js"
6
+ }
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const UnderTypography: () => JSX.Element;
3
+ export default UnderTypography;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { Skeleton } from '@digigov/ui/app/Skeleton';
3
+ import { NormalText } from '@digigov/ui/typography/NormalText';
4
+ var _ref = /*#__PURE__*/React.createElement(Skeleton, null, /*#__PURE__*/React.createElement(NormalText, null, "\u039A\u03B5\u03AF\u03BC\u03B5\u03BD\u03BF"));
5
+ export var WithChildren = function WithChildren() {
6
+ return _ref;
7
+ };
8
+ export default WithChildren;
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "types": "./index.d.ts",
5
+ "main": "../../../../cjs/app/Skeleton/__stories__/WithChildren/index.js"
6
+ }
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const WithChildren: () => JSX.Element;
3
+ export default WithChildren;
@@ -0,0 +1,3 @@
1
+ export * from '@digigov/react-core/Skeleton';
2
+ import Skeleton from '@digigov/react-core/Skeleton';
3
+ export default Skeleton;
@@ -0,0 +1,3 @@
1
+ export * from '@digigov/react-core/Skeleton';
2
+ import Skeleton from '@digigov/react-core/Skeleton';
3
+ export default Skeleton;
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "types": "./index.d.ts",
5
+ "main": "../../cjs/app/Skeleton/index.js"
6
+ }