@digigov/react-core 2.0.0-2445d5cb → 2.0.0-36b707c1

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 (403) hide show
  1. package/Base/compat/Input/CheckboxInput.native/index.js +33 -0
  2. package/Base/compat/Input/CheckboxInput.native/package.json +6 -0
  3. package/Base/compat/Input/CheckboxInput.native.d.ts +4 -0
  4. package/Base/compat/Input/CheckboxInput.native.js.map +7 -0
  5. package/Base/compat/Input/RadioInput.native/index.js +32 -0
  6. package/Base/compat/Input/RadioInput.native/package.json +6 -0
  7. package/Base/compat/Input/RadioInput.native.d.ts +4 -0
  8. package/Base/compat/Input/RadioInput.native.js.map +7 -0
  9. package/Base/compat/Input/StringInput.native/index.js +99 -0
  10. package/Base/compat/Input/StringInput.native/package.json +6 -0
  11. package/Base/compat/Input/StringInput.native.d.ts +7 -0
  12. package/Base/compat/Input/StringInput.native.js.map +7 -0
  13. package/Base/compat/Input/index.native/index.js +24 -0
  14. package/Base/compat/Input/index.native/package.json +6 -0
  15. package/Base/compat/Input/index.native.d.ts +7 -0
  16. package/Base/compat/Input/index.native.js.map +7 -0
  17. package/Base/compat/button.native/index.js +48 -0
  18. package/Base/compat/button.native/package.json +6 -0
  19. package/Base/compat/button.native.d.ts +5 -0
  20. package/Base/compat/button.native.js.map +7 -0
  21. package/Base/compat/details.native/index.js +40 -0
  22. package/Base/compat/details.native/package.json +6 -0
  23. package/Base/compat/details.native.d.ts +8 -0
  24. package/Base/compat/details.native.js.map +7 -0
  25. package/Base/compat/li.native/index.js +9 -0
  26. package/Base/compat/li.native/package.json +6 -0
  27. package/Base/compat/li.native.d.ts +6 -0
  28. package/Base/compat/li.native.js.map +7 -0
  29. package/Base/compat/ol.native/index.js +33 -0
  30. package/Base/compat/ol.native/package.json +6 -0
  31. package/Base/compat/ol.native.d.ts +6 -0
  32. package/Base/compat/ol.native.js.map +7 -0
  33. package/Base/index.d.ts +2 -95
  34. package/Base/index.js +3 -98
  35. package/Base/index.js.map +3 -3
  36. package/Base/index.native/index.js +160 -0
  37. package/Base/index.native/package.json +6 -0
  38. package/Base/index.native.d.ts +7 -0
  39. package/Base/index.native.js.map +7 -0
  40. package/Base/index.web/index.js +104 -0
  41. package/Base/index.web/package.json +6 -0
  42. package/Base/index.web.d.ts +104 -0
  43. package/Base/index.web.js.map +7 -0
  44. package/Base/mapping.native/index.js +34 -0
  45. package/Base/mapping.native/package.json +6 -0
  46. package/Base/mapping.native.d.ts +6 -0
  47. package/Base/mapping.native.js.map +7 -0
  48. package/Base/utils/index.js +94 -0
  49. package/Base/utils/package.json +6 -0
  50. package/Base/utils.d.ts +41 -0
  51. package/Base/utils.js.map +7 -0
  52. package/Base/wrap.native/index.js +64 -0
  53. package/Base/wrap.native/package.json +6 -0
  54. package/Base/wrap.native.d.ts +2 -0
  55. package/Base/wrap.native.js.map +7 -0
  56. package/CallToAction/index.js +1 -1
  57. package/CallToAction/index.js.map +2 -2
  58. package/Card/index.js +2 -1
  59. package/Card/index.js.map +2 -2
  60. package/CheckboxItem/index.js +4 -16
  61. package/CheckboxItem/index.js.map +2 -2
  62. package/CheckboxItemInput/index.d.ts +2 -0
  63. package/CheckboxItemInput/index.js +6 -0
  64. package/CheckboxItemInput/index.js.map +7 -0
  65. package/CheckboxItemInput/index.native/index.js +20 -0
  66. package/CheckboxItemInput/index.native/package.json +6 -0
  67. package/CheckboxItemInput/index.native.d.ts +4 -0
  68. package/CheckboxItemInput/index.native.js.map +7 -0
  69. package/CheckboxItemInput/index.web/index.js +26 -0
  70. package/CheckboxItemInput/index.web/package.json +6 -0
  71. package/CheckboxItemInput/index.web.d.ts +10 -0
  72. package/CheckboxItemInput/index.web.js.map +7 -0
  73. package/CheckboxItemInput/package.json +6 -0
  74. package/Chip/index.js +2 -1
  75. package/Chip/index.js.map +2 -2
  76. package/CodeBlockContainer/index.d.ts +1 -1
  77. package/CodeBlockContainer/index.js.map +1 -1
  78. package/CodeBlockContent/index.d.ts +1 -1
  79. package/CodeBlockContent/index.js +3 -2
  80. package/CodeBlockContent/index.js.map +2 -2
  81. package/CodeBlockHeader/index.d.ts +1 -1
  82. package/CodeBlockHeader/index.js +1 -3
  83. package/CodeBlockHeader/index.js.map +2 -2
  84. package/CopyToClipboardContainer/index.d.ts +2 -31
  85. package/CopyToClipboardContainer/index.js +3 -40
  86. package/CopyToClipboardContainer/index.js.map +3 -3
  87. package/CopyToClipboardContainer/index.web/index.js +44 -0
  88. package/CopyToClipboardContainer/index.web/package.json +6 -0
  89. package/CopyToClipboardContainer/index.web.d.ts +31 -0
  90. package/CopyToClipboardContainer/index.web.js.map +7 -0
  91. package/CopyToClipboardMessage/index.d.ts +2 -18
  92. package/CopyToClipboardMessage/index.js +3 -21
  93. package/CopyToClipboardMessage/index.js.map +3 -3
  94. package/CopyToClipboardMessage/index.native/index.js +18 -0
  95. package/CopyToClipboardMessage/index.native/package.json +6 -0
  96. package/CopyToClipboardMessage/index.native.d.ts +6 -0
  97. package/CopyToClipboardMessage/index.native.js.map +7 -0
  98. package/CopyToClipboardMessage/index.web/index.js +24 -0
  99. package/CopyToClipboardMessage/index.web/package.json +6 -0
  100. package/CopyToClipboardMessage/index.web.d.ts +18 -0
  101. package/CopyToClipboardMessage/index.web.js.map +7 -0
  102. package/DateInputItem/index.d.ts +2 -26
  103. package/DateInputItem/index.js +3 -41
  104. package/DateInputItem/index.js.map +3 -3
  105. package/DateInputItem/index.native/index.js +17 -0
  106. package/DateInputItem/index.native/package.json +6 -0
  107. package/DateInputItem/index.native.d.ts +4 -0
  108. package/DateInputItem/index.native.js.map +7 -0
  109. package/DateInputItem/index.web/index.js +32 -0
  110. package/DateInputItem/index.web/package.json +6 -0
  111. package/DateInputItem/index.web.d.ts +26 -0
  112. package/DateInputItem/index.web.js.map +7 -0
  113. package/Details/index.d.ts +2 -10
  114. package/Details/index.js +3 -22
  115. package/Details/index.js.map +3 -3
  116. package/Details/index.native/index.js +17 -0
  117. package/Details/index.native/package.json +6 -0
  118. package/Details/index.native.d.ts +4 -0
  119. package/Details/index.native.js.map +7 -0
  120. package/Details/index.web/index.js +25 -0
  121. package/Details/index.web/package.json +6 -0
  122. package/Details/index.web.d.ts +10 -0
  123. package/Details/index.web.js.map +7 -0
  124. package/FieldsetLegend/index.js +1 -4
  125. package/FieldsetLegend/index.js.map +2 -2
  126. package/LabelTitle/index.js +2 -4
  127. package/LabelTitle/index.js.map +2 -2
  128. package/ModalContainer/index.js +1 -7
  129. package/ModalContainer/index.js.map +2 -2
  130. package/NavListItemActionContainer/index.d.ts +2 -10
  131. package/NavListItemActionContainer/index.js +3 -20
  132. package/NavListItemActionContainer/index.js.map +3 -3
  133. package/NavListItemActionContainer/index.native/index.js +17 -0
  134. package/NavListItemActionContainer/index.native/package.json +6 -0
  135. package/NavListItemActionContainer/index.native.d.ts +7 -0
  136. package/NavListItemActionContainer/index.native.js.map +7 -0
  137. package/NavListItemActionContainer/index.web/index.js +23 -0
  138. package/NavListItemActionContainer/index.web/package.json +6 -0
  139. package/NavListItemActionContainer/index.web.d.ts +10 -0
  140. package/NavListItemActionContainer/index.web.js.map +7 -0
  141. package/NotificationBannerLink/index.d.ts +2 -11
  142. package/NotificationBannerLink/index.js +3 -19
  143. package/NotificationBannerLink/index.js.map +3 -3
  144. package/NotificationBannerLink/index.native/index.js +16 -0
  145. package/NotificationBannerLink/index.native/package.json +6 -0
  146. package/NotificationBannerLink/index.native.d.ts +8 -0
  147. package/NotificationBannerLink/index.native.js.map +7 -0
  148. package/NotificationBannerLink/index.web/index.js +22 -0
  149. package/NotificationBannerLink/index.web/package.json +6 -0
  150. package/NotificationBannerLink/index.web.d.ts +11 -0
  151. package/NotificationBannerLink/index.web.js.map +7 -0
  152. package/PhaseBanner/index.js +2 -1
  153. package/PhaseBanner/index.js.map +2 -2
  154. package/PhaseBannerTag/index.d.ts +2 -2
  155. package/PhaseBannerTag/index.js +1 -1
  156. package/PhaseBannerTag/index.js.map +1 -1
  157. package/PhaseBannerText/index.js +1 -1
  158. package/PhaseBannerText/index.js.map +2 -2
  159. package/RadioItem/index.js +2 -1
  160. package/RadioItem/index.js.map +2 -2
  161. package/Stack/index.d.ts +9 -1
  162. package/Stack/index.js +6 -1
  163. package/Stack/index.js.map +2 -2
  164. package/SummaryList/index.d.ts +1 -1
  165. package/SummaryList/index.js.map +2 -2
  166. package/SummaryListItemKey/index.d.ts +14 -0
  167. package/SummaryListItemKey/index.js +5 -2
  168. package/SummaryListItemKey/index.js.map +2 -2
  169. package/TextArea/index.d.ts +2 -24
  170. package/TextArea/index.js +3 -27
  171. package/TextArea/index.js.map +3 -3
  172. package/TextArea/index.native/index.js +16 -0
  173. package/TextArea/index.native/package.json +6 -0
  174. package/TextArea/index.native.d.ts +4 -0
  175. package/TextArea/index.native.js.map +7 -0
  176. package/TextArea/index.web/index.js +30 -0
  177. package/TextArea/index.web/package.json +6 -0
  178. package/TextArea/index.web.d.ts +24 -0
  179. package/TextArea/index.web.js.map +7 -0
  180. package/TextInput/index.d.ts +2 -46
  181. package/TextInput/index.js +3 -40
  182. package/TextInput/index.js.map +3 -3
  183. package/TextInput/index.native/index.js +19 -0
  184. package/TextInput/index.native/package.json +6 -0
  185. package/TextInput/index.native.d.ts +4 -0
  186. package/TextInput/index.native.js.map +7 -0
  187. package/TextInput/index.web/index.js +43 -0
  188. package/TextInput/index.web/package.json +6 -0
  189. package/TextInput/index.web.d.ts +46 -0
  190. package/TextInput/index.web.js.map +7 -0
  191. package/Unpurge/index.js +2458 -1
  192. package/Unpurge/index.js.map +2 -2
  193. package/WarningText/index.js +7 -12
  194. package/WarningText/index.js.map +2 -2
  195. package/WarningTextAssistive/index.d.ts +15 -0
  196. package/WarningTextAssistive/index.js +23 -0
  197. package/WarningTextAssistive/index.js.map +7 -0
  198. package/WarningTextAssistive/package.json +6 -0
  199. package/cjs/Base/compat/Input/CheckboxInput.native/index.js +66 -0
  200. package/cjs/Base/compat/Input/CheckboxInput.native.js.map +7 -0
  201. package/cjs/Base/compat/Input/RadioInput.native/index.js +65 -0
  202. package/cjs/Base/compat/Input/RadioInput.native.js.map +7 -0
  203. package/cjs/Base/compat/Input/StringInput.native/index.js +129 -0
  204. package/cjs/Base/compat/Input/StringInput.native.js.map +7 -0
  205. package/cjs/Base/compat/Input/index.native/index.js +55 -0
  206. package/cjs/Base/compat/Input/index.native.js.map +7 -0
  207. package/cjs/Base/compat/button.native/index.js +81 -0
  208. package/cjs/Base/compat/button.native.js.map +7 -0
  209. package/cjs/Base/compat/details.native/index.js +65 -0
  210. package/cjs/Base/compat/details.native.js.map +7 -0
  211. package/cjs/Base/compat/li.native/index.js +42 -0
  212. package/cjs/Base/compat/li.native.js.map +7 -0
  213. package/cjs/Base/compat/ol.native/index.js +66 -0
  214. package/cjs/Base/compat/ol.native.js.map +7 -0
  215. package/cjs/Base/index.js +5 -99
  216. package/cjs/Base/index.js.map +3 -3
  217. package/cjs/Base/index.native/index.js +193 -0
  218. package/cjs/Base/index.native.js.map +7 -0
  219. package/cjs/Base/index.web/index.js +137 -0
  220. package/cjs/Base/index.web.js.map +7 -0
  221. package/cjs/Base/mapping.native/index.js +67 -0
  222. package/cjs/Base/mapping.native.js.map +7 -0
  223. package/cjs/Base/utils/index.js +127 -0
  224. package/cjs/Base/utils.js.map +7 -0
  225. package/cjs/Base/wrap.native/index.js +97 -0
  226. package/cjs/Base/wrap.native.js.map +7 -0
  227. package/cjs/CallToAction/index.js +1 -1
  228. package/cjs/CallToAction/index.js.map +2 -2
  229. package/cjs/Card/index.js +2 -1
  230. package/cjs/Card/index.js.map +2 -2
  231. package/cjs/CheckboxItem/index.js +4 -16
  232. package/cjs/CheckboxItem/index.js.map +3 -3
  233. package/cjs/CheckboxItemInput/index.js +40 -0
  234. package/cjs/CheckboxItemInput/index.js.map +7 -0
  235. package/cjs/CheckboxItemInput/index.native/index.js +53 -0
  236. package/cjs/CheckboxItemInput/index.native.js.map +7 -0
  237. package/cjs/CheckboxItemInput/index.web/index.js +59 -0
  238. package/cjs/CheckboxItemInput/index.web.js.map +7 -0
  239. package/cjs/Chip/index.js +2 -1
  240. package/cjs/Chip/index.js.map +2 -2
  241. package/cjs/CodeBlockContainer/index.js.map +1 -1
  242. package/cjs/CodeBlockContent/index.js +3 -2
  243. package/cjs/CodeBlockContent/index.js.map +2 -2
  244. package/cjs/CodeBlockHeader/index.js +1 -3
  245. package/cjs/CodeBlockHeader/index.js.map +2 -2
  246. package/cjs/CopyToClipboardContainer/index.js +5 -41
  247. package/cjs/CopyToClipboardContainer/index.js.map +3 -3
  248. package/cjs/CopyToClipboardContainer/index.web/index.js +77 -0
  249. package/cjs/CopyToClipboardContainer/index.web.js.map +7 -0
  250. package/cjs/CopyToClipboardMessage/index.js +5 -22
  251. package/cjs/CopyToClipboardMessage/index.js.map +3 -3
  252. package/cjs/CopyToClipboardMessage/index.native/index.js +51 -0
  253. package/cjs/CopyToClipboardMessage/index.native.js.map +7 -0
  254. package/cjs/CopyToClipboardMessage/index.web/index.js +57 -0
  255. package/cjs/CopyToClipboardMessage/index.web.js.map +7 -0
  256. package/cjs/DateInputItem/index.js +5 -42
  257. package/cjs/DateInputItem/index.js.map +3 -3
  258. package/cjs/DateInputItem/index.native/index.js +50 -0
  259. package/cjs/DateInputItem/index.native.js.map +7 -0
  260. package/cjs/DateInputItem/index.web/index.js +65 -0
  261. package/cjs/DateInputItem/index.web.js.map +7 -0
  262. package/cjs/Details/index.js +5 -23
  263. package/cjs/Details/index.js.map +3 -3
  264. package/cjs/Details/index.native/index.js +50 -0
  265. package/cjs/Details/index.native.js.map +7 -0
  266. package/cjs/Details/index.web/index.js +58 -0
  267. package/cjs/Details/index.web.js.map +7 -0
  268. package/cjs/FieldsetLegend/index.js +1 -4
  269. package/cjs/FieldsetLegend/index.js.map +2 -2
  270. package/cjs/LabelTitle/index.js +2 -4
  271. package/cjs/LabelTitle/index.js.map +2 -2
  272. package/cjs/ModalContainer/index.js +1 -7
  273. package/cjs/ModalContainer/index.js.map +2 -2
  274. package/cjs/NavListItemActionContainer/index.js +5 -21
  275. package/cjs/NavListItemActionContainer/index.js.map +3 -3
  276. package/cjs/NavListItemActionContainer/index.native/index.js +50 -0
  277. package/cjs/NavListItemActionContainer/index.native.js.map +7 -0
  278. package/cjs/NavListItemActionContainer/index.web/index.js +56 -0
  279. package/cjs/NavListItemActionContainer/index.web.js.map +7 -0
  280. package/cjs/NotificationBannerLink/index.js +5 -20
  281. package/cjs/NotificationBannerLink/index.js.map +3 -3
  282. package/cjs/NotificationBannerLink/index.native/index.js +49 -0
  283. package/cjs/NotificationBannerLink/index.native.js.map +7 -0
  284. package/cjs/NotificationBannerLink/index.web/index.js +55 -0
  285. package/cjs/NotificationBannerLink/index.web.js.map +7 -0
  286. package/cjs/PhaseBanner/index.js +2 -1
  287. package/cjs/PhaseBanner/index.js.map +2 -2
  288. package/cjs/PhaseBannerTag/index.js +1 -1
  289. package/cjs/PhaseBannerTag/index.js.map +1 -1
  290. package/cjs/PhaseBannerText/index.js +1 -1
  291. package/cjs/PhaseBannerText/index.js.map +2 -2
  292. package/cjs/RadioItem/index.js +2 -1
  293. package/cjs/RadioItem/index.js.map +3 -3
  294. package/cjs/Stack/index.js +6 -1
  295. package/cjs/Stack/index.js.map +2 -2
  296. package/cjs/SummaryList/index.js.map +2 -2
  297. package/cjs/SummaryListItemKey/index.js +5 -2
  298. package/cjs/SummaryListItemKey/index.js.map +2 -2
  299. package/cjs/TextArea/index.js +5 -28
  300. package/cjs/TextArea/index.js.map +3 -3
  301. package/cjs/TextArea/index.native/index.js +49 -0
  302. package/cjs/TextArea/index.native.js.map +7 -0
  303. package/cjs/TextArea/index.web/index.js +63 -0
  304. package/cjs/TextArea/index.web.js.map +7 -0
  305. package/cjs/TextInput/index.js +5 -41
  306. package/cjs/TextInput/index.js.map +3 -3
  307. package/cjs/TextInput/index.native/index.js +52 -0
  308. package/cjs/TextInput/index.native.js.map +7 -0
  309. package/cjs/TextInput/index.web/index.js +76 -0
  310. package/cjs/TextInput/index.web.js.map +7 -0
  311. package/cjs/Unpurge/index.js +2458 -1
  312. package/cjs/Unpurge/index.js.map +2 -2
  313. package/cjs/WarningText/index.js +7 -12
  314. package/cjs/WarningText/index.js.map +2 -2
  315. package/cjs/WarningTextAssistive/index.js +56 -0
  316. package/cjs/WarningTextAssistive/index.js.map +7 -0
  317. package/cjs/index.js +5 -1
  318. package/cjs/index.js.map +2 -2
  319. package/cjs/lazy/index.js +12 -10
  320. package/cjs/lazy.js.map +2 -2
  321. package/cjs/registry/index.js +27 -1
  322. package/cjs/registry.js.map +2 -2
  323. package/cjs/utils/extend.native/index.js +47 -0
  324. package/cjs/utils/extend.native.js.map +7 -0
  325. package/index.d.ts +2 -0
  326. package/index.js +3 -1
  327. package/index.js.map +2 -2
  328. package/lazy/index.js +12 -10
  329. package/lazy.d.ts +219 -217
  330. package/lazy.js.map +2 -2
  331. package/package.json +21 -4
  332. package/registry/index.js +27 -1
  333. package/registry.d.ts +13 -0
  334. package/registry.js.map +2 -2
  335. package/src/Base/compat/Input/CheckboxInput.native.tsx +40 -0
  336. package/src/Base/compat/Input/RadioInput.native.tsx +39 -0
  337. package/src/Base/compat/Input/StringInput.native.tsx +115 -0
  338. package/src/Base/compat/Input/index.native.tsx +28 -0
  339. package/src/Base/compat/button.native.tsx +53 -0
  340. package/src/Base/compat/details.native.tsx +68 -0
  341. package/src/Base/compat/li.native.tsx +11 -0
  342. package/src/Base/compat/ol.native.tsx +41 -0
  343. package/src/Base/index.native.tsx +185 -0
  344. package/src/Base/index.tsx +2 -257
  345. package/src/Base/index.web.tsx +267 -0
  346. package/src/Base/mapping.native.tsx +41 -0
  347. package/src/Base/utils.ts +95 -0
  348. package/src/Base/wrap.native.tsx +94 -0
  349. package/src/CallToAction/index.tsx +2 -2
  350. package/src/Card/index.tsx +3 -2
  351. package/src/CheckboxItem/index.tsx +4 -14
  352. package/src/CheckboxItemInput/index.native.tsx +17 -0
  353. package/src/CheckboxItemInput/index.tsx +2 -0
  354. package/src/CheckboxItemInput/index.web.tsx +34 -0
  355. package/src/Chip/index.tsx +2 -2
  356. package/src/CodeBlockContainer/index.tsx +1 -1
  357. package/src/CodeBlockContent/index.tsx +5 -4
  358. package/src/CodeBlockHeader/index.tsx +2 -4
  359. package/src/CopyToClipboardContainer/index.tsx +2 -74
  360. package/src/CopyToClipboardContainer/index.web.tsx +75 -0
  361. package/src/CopyToClipboardMessage/index.native.tsx +21 -0
  362. package/src/CopyToClipboardMessage/index.tsx +2 -41
  363. package/src/CopyToClipboardMessage/index.web.tsx +41 -0
  364. package/src/DateInputItem/index.native.tsx +12 -0
  365. package/src/DateInputItem/index.tsx +2 -64
  366. package/src/DateInputItem/index.web.tsx +53 -0
  367. package/src/Details/index.native.tsx +14 -0
  368. package/src/Details/index.tsx +2 -27
  369. package/src/Details/index.web.tsx +27 -0
  370. package/src/FieldsetLegend/index.tsx +1 -4
  371. package/src/LabelTitle/index.tsx +2 -4
  372. package/src/ModalContainer/index.tsx +12 -10
  373. package/src/NavListItemActionContainer/index.native.tsx +18 -0
  374. package/src/NavListItemActionContainer/index.tsx +2 -28
  375. package/src/NavListItemActionContainer/index.web.tsx +28 -0
  376. package/src/NotificationBannerLink/index.native.tsx +22 -0
  377. package/src/NotificationBannerLink/index.tsx +2 -28
  378. package/src/NotificationBannerLink/index.web.tsx +28 -0
  379. package/src/PhaseBanner/index.tsx +2 -2
  380. package/src/PhaseBannerTag/index.tsx +3 -3
  381. package/src/PhaseBannerText/__snapshots__/index.test.tsx.snap +1 -1
  382. package/src/PhaseBannerText/index.tsx +1 -1
  383. package/src/RadioItem/index.tsx +2 -2
  384. package/src/Stack/index.tsx +32 -13
  385. package/src/SummaryList/index.tsx +7 -5
  386. package/src/SummaryListItemKey/index.tsx +24 -2
  387. package/src/TextArea/index.native.tsx +11 -0
  388. package/src/TextArea/index.tsx +2 -50
  389. package/src/TextArea/index.web.tsx +50 -0
  390. package/src/TextInput/index.native.tsx +15 -0
  391. package/src/TextInput/index.tsx +2 -87
  392. package/src/TextInput/index.web.tsx +87 -0
  393. package/src/Unpurge/index.tsx +2460 -2
  394. package/src/WarningText/index.tsx +12 -15
  395. package/src/WarningTextAssistive/index.tsx +37 -0
  396. package/src/index.ts +2 -0
  397. package/src/lazy.js +12 -10
  398. package/src/registry.js +28 -2
  399. package/src/utils/extend.native.tsx +36 -0
  400. package/utils/extend.native/index.js +14 -0
  401. package/utils/extend.native/package.json +6 -0
  402. package/utils/extend.native.d.ts +23 -0
  403. package/utils/extend.native.js.map +7 -0
package/src/NotificationBannerLink/index.tsx CHANGED
@@ -1,28 +1,2 @@
1
- import React from 'react';
2
- import clsx from 'clsx';
3
- import LinkBase, { LinkBaseProps } from '@digigov/react-core/LinkBase';
4
-
5
- export interface NotificationBannerLinkProps extends LinkBaseProps { }
6
- /**
7
- * Details for the NotificationBannerLink.
8
- * NotificationBannerLink allow users to click their way from page to page.
9
- * NotificationBannerLink must be wrapped inside NotificationContent component as children
10
- */
11
- export const NotificationBannerLink = React.forwardRef<
12
- HTMLAnchorElement,
13
- NotificationBannerLinkProps
14
- >(function NotificationBannerLink({ className, children, ...props }, ref) {
15
- return (
16
- <LinkBase
17
- ref={ref}
18
- className={clsx(className, {
19
- 'ds-notification-banner__link': true,
20
- })}
21
- {...props}
22
- >
23
- {children}
24
- </LinkBase>
25
- );
26
- });
27
-
28
- export default NotificationBannerLink;
1
+ export * from '@digigov/react-core/NotificationBannerLink/index.web';
2
+ export {default as default} from '@digigov/react-core/NotificationBannerLink/index.web';
package/src/NotificationBannerLink/index.web.tsx ADDED
@@ -0,0 +1,28 @@
1
+ import React from 'react';
2
+ import clsx from 'clsx';
3
+ import LinkBase, { LinkBaseProps } from '@digigov/react-core/LinkBase';
4
+
5
+ export interface NotificationBannerLinkProps extends LinkBaseProps { }
6
+ /**
7
+ * Details for the NotificationBannerLink.
8
+ * NotificationBannerLink allow users to click their way from page to page.
9
+ * NotificationBannerLink must be wrapped inside NotificationContent component as children
10
+ */
11
+ export const NotificationBannerLink = React.forwardRef<
12
+ HTMLAnchorElement,
13
+ NotificationBannerLinkProps
14
+ >(function NotificationBannerLink({ className, children, ...props }, ref) {
15
+ return (
16
+ <LinkBase
17
+ ref={ref}
18
+ className={clsx(className, {
19
+ 'ds-notification-banner__link': true,
20
+ })}
21
+ {...props}
22
+ >
23
+ {children}
24
+ </LinkBase>
25
+ );
26
+ });
27
+
28
+ export default NotificationBannerLink;
package/src/PhaseBanner/index.tsx CHANGED
@@ -31,13 +31,13 @@ export const PhaseBanner = React.forwardRef<HTMLDivElement, PhaseBannerProps>(
31
31
  })}
32
32
  {...props}
33
33
  >
34
- <p
34
+ <Base as="p"
35
35
  className={clsx({
36
36
  'ds-phase-banner__content': true,
37
37
  })}
38
38
  >
39
39
  {children}
40
- </p>
40
+ </Base>
41
41
  </Base>
42
42
  );
43
43
  }
package/src/PhaseBannerTag/index.tsx CHANGED
@@ -2,17 +2,17 @@ import React from 'react';
2
2
  import clsx from 'clsx';
3
3
  import Base, { BaseProps } from '@digigov/react-core/Base';
4
4
 
5
- export interface PhaseBannerTagProps extends BaseProps<'strong'> { }
5
+ export interface PhaseBannerTagProps extends BaseProps<'span'> { }
6
6
  /**
7
7
  * PhaseBannerTag is used inside the PhaseBanner component and it requires a text of the phase of the service (ex. Alpha, Beta).
8
8
  */
9
9
  export const PhaseBannerTag = React.forwardRef<
10
- HTMLElement,
10
+ HTMLSpanElement,
11
11
  PhaseBannerTagProps
12
12
  >(function PhaseBannerTag({ className, children, ...props }, ref) {
13
13
  return (
14
14
  <Base
15
- as="strong"
15
+ as="span"
16
16
  ref={ref}
17
17
  className={clsx(className, {
18
18
  'ds-phase-banner__tag': true,
package/src/PhaseBannerText/__snapshots__/index.test.tsx.snap CHANGED
@@ -4,7 +4,7 @@ exports[`renders the PhaseBannerText with no props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <span
7
- class="ds-phase-banner__text"
7
+ class="ds-phase-banner__message"
8
8
  >
9
9
  hello
10
10
  </span>
package/src/PhaseBannerText/index.tsx CHANGED
@@ -17,7 +17,7 @@ export const PhaseBannerText = React.forwardRef<
17
17
  as="span"
18
18
  ref={ref}
19
19
  className={clsx(className, {
20
- 'ds-phase-banner__text': true,
20
+ 'ds-phase-banner__message': true,
21
21
  })}
22
22
  {...props}
23
23
  >
package/src/RadioItem/index.tsx CHANGED
@@ -32,7 +32,7 @@ export const RadioItem = React.forwardRef<HTMLInputElement, RadioItemProps>(
32
32
  return (
33
33
  <>
34
34
  {dividerText && <ChoiceDividerText>{dividerText}</ChoiceDividerText>}
35
- <div
35
+ <Base as='div'
36
36
  className={clsx(className, {
37
37
  'ds-radios__item': true,
38
38
  })}
@@ -57,7 +57,7 @@ export const RadioItem = React.forwardRef<HTMLInputElement, RadioItemProps>(
57
57
  {...props}
58
58
  />
59
59
  </LabelContainer>
60
- </div>
60
+ </Base>
61
61
  </>
62
62
  );
63
63
  }
package/src/Stack/index.tsx CHANGED
@@ -11,12 +11,12 @@ export interface StackProps extends BaseProps<'div'> {
11
11
  * justifyContent is optional. Set to control how items are positioned along Stack's main axis .
12
12
  */
13
13
  justifyContent?:
14
- | 'flex-start'
15
- | 'flex-end'
16
- | 'center'
17
- | 'space-between'
18
- | 'space-around'
19
- | 'space-evenly';
14
+ | 'flex-start'
15
+ | 'flex-end'
16
+ | 'center'
17
+ | 'space-between'
18
+ | 'space-around'
19
+ | 'space-evenly';
20
20
  /**
21
21
  * alignItems is optional. Set to control how items are positioned along Stack's cross axis.
22
22
  */
@@ -25,21 +25,30 @@ export interface StackProps extends BaseProps<'div'> {
25
25
  * alignContent is optional. Set to control how rows are positioned in multi-row Stack container.
26
26
  */
27
27
  alignContent?:
28
- | 'flex-start'
29
- | 'flex-end'
30
- | 'center'
31
- | 'space-between'
32
- | 'space-around'
33
- | 'space-evenly';
28
+ | 'flex-start'
29
+ | 'flex-end'
30
+ | 'center'
31
+ | 'space-between'
32
+ | 'space-around'
33
+ | 'space-evenly';
34
34
  /**
35
35
  * spacing is optional. Set to the number you want the space to be.
36
36
  */
37
- spacing?: 1 | 2 | 4 | 6 | 8 | 10 | 12;
37
+ spacing?: SpacingValues | SpacingMediaValues;
38
38
  /**
39
39
  * flexWrap is optional. The default value is 'wrap'.
40
40
  */
41
41
  flexWrap?: 'wrap' | 'nowrap';
42
42
  }
43
+
44
+ type SpacingValues = 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 11 | 12;
45
+ type SpacingMediaValues = {
46
+ xs?: SpacingValues;
47
+ sm?: SpacingValues;
48
+ md?: SpacingValues;
49
+ lg?: SpacingValues;
50
+ xl?: SpacingValues;
51
+ };
43
52
  /**
44
53
  * ...
45
54
  */
@@ -70,6 +79,16 @@ export const Stack = React.forwardRef<HTMLDivElement, StackProps>(
70
79
  [`ds-stack--content-${alignContent}`]: alignContent,
71
80
  'ds-stack--nowrap': flexWrap === 'nowrap',
72
81
  [`ds-gap-${spacing}`]: spacing !== undefined,
82
+ [`ds-gap-xs-${(spacing as SpacingMediaValues)?.xs}`]:
83
+ (spacing as SpacingMediaValues)?.xs !== undefined,
84
+ [`ds-gap-sm-${(spacing as SpacingMediaValues)?.sm}`]:
85
+ (spacing as SpacingMediaValues)?.sm !== undefined,
86
+ [`ds-gap-md-${(spacing as SpacingMediaValues)?.md}`]:
87
+ (spacing as SpacingMediaValues)?.md !== undefined,
88
+ [`ds-gap-lg-${(spacing as SpacingMediaValues)?.lg}`]:
89
+ (spacing as SpacingMediaValues)?.lg !== undefined,
90
+ [`ds-gap-xl-${(spacing as SpacingMediaValues)?.xl}`]:
91
+ (spacing as SpacingMediaValues)?.xl !== undefined,
73
92
  })}
74
93
  {...props}
75
94
  >
package/src/SummaryList/index.tsx CHANGED
@@ -20,15 +20,17 @@ export interface SummaryListProps extends BaseProps<'dl'> {
20
20
  * @value false
21
21
  * @default false
22
22
  */
23
- noLastBorder?: boolean
24
-
23
+ noLastBorder?: boolean;
25
24
  }
26
25
  /**
27
- * SummaryList used as a table with summary informations.
26
+ * SummaryList used as a table with summary information.
28
27
  * It must contain a list of SummaryListItem components.
29
28
  */
30
29
  export const SummaryList = React.forwardRef<HTMLDListElement, SummaryListProps>(
31
- function SummaryList({ className, noLastBorder = false, border = true, children, ...props }, ref) {
30
+ function SummaryList(
31
+ { className, noLastBorder = false, border = true, children, ...props },
32
+ ref
33
+ ) {
32
34
  return (
33
35
  <Base
34
36
  as="dl"
@@ -36,7 +38,7 @@ export const SummaryList = React.forwardRef<HTMLDListElement, SummaryListProps>(
36
38
  className={clsx(className, {
37
39
  'ds-summary-list': true,
38
40
  'ds-summary-list--no-border': !border,
39
- 'ds-summary-list--no-last-border': noLastBorder
41
+ 'ds-summary-list--no-last-border': noLastBorder,
40
42
  })}
41
43
  {...props}
42
44
  >
package/src/SummaryListItemKey/index.tsx CHANGED
@@ -2,7 +2,23 @@ import React from 'react';
2
2
  import clsx from 'clsx';
3
3
  import Base, { BaseProps } from '@digigov/react-core/Base';
4
4
 
5
- export interface SummaryListItemKeyProps extends BaseProps<'dt'> { }
5
+ export interface SummaryListItemKeyProps extends BaseProps<'dt'> {
6
+ /**
7
+ * sm shows the width of the key column for small screens.
8
+ * @default 3
9
+ */
10
+ sm?: WidthValues;
11
+ /**
12
+ * md shows the width of the key column for medium screens.
13
+ */
14
+ md?: WidthValues;
15
+ /**
16
+ * lg shows the width of the key column for large screens.
17
+ */
18
+ lg?: WidthValues;
19
+ }
20
+
21
+ export type WidthValues = 3 | 4 | 5 | 6 | 7 | 8 | 9;
6
22
  /**
7
23
  * SummaryListItemKey is used within the SummaryListItem component.
8
24
  * In this column we place the key information for the row (ex. "Name", "Address", etc).
@@ -10,13 +26,19 @@ export interface SummaryListItemKeyProps extends BaseProps<'dt'> { }
10
26
  export const SummaryListItemKey = React.forwardRef<
11
27
  HTMLElement,
12
28
  SummaryListItemKeyProps
13
- >(function SummaryListItemKey({ className, children, ...props }, ref) {
29
+ >(function SummaryListItemKey(
30
+ { sm = 3, md, lg, className, children, ...props },
31
+ ref
32
+ ) {
14
33
  return (
15
34
  <Base
16
35
  as="dt"
17
36
  ref={ref}
18
37
  className={clsx(className, {
19
38
  'ds-summary-list__key': true,
39
+ [`ds-summary-list__key--sm-${sm}`]: sm !== undefined,
40
+ [`ds-summary-list__key--md-${md}`]: md !== undefined,
41
+ [`ds-summary-list__key--lg-${lg}`]: lg !== undefined,
20
42
  })}
21
43
  {...props}
22
44
  >
package/src/TextArea/index.native.tsx ADDED
@@ -0,0 +1,11 @@
1
+ import clsx from 'clsx';
2
+ import CoreTextArea from '@digigov/react-core/TextArea/index.web';
3
+ import extend from '@digigov/react-core/utils/extend.native';
4
+ export const TextArea = extend(CoreTextArea, ({ className, ...props }) => ({
5
+ ...props,
6
+ multiline: true,
7
+ className: clsx(className, {
8
+ 'ds-textarea__wrapper': true,
9
+ }),
10
+ }));
11
+ export default TextArea;
package/src/TextArea/index.tsx CHANGED
@@ -1,50 +1,2 @@
1
- import React from 'react';
2
- import clsx from 'clsx';
3
- import Base, { BaseProps } from '@digigov/react-core/Base';
4
-
5
- export interface TextAreaProps extends BaseProps<'textarea'> {
6
- /**
7
- * error is optional. The default value is false.
8
- * Use this prop when there is an error at the input.
9
- * @value true
10
- * @value false
11
- */
12
- error?: boolean;
13
- /**
14
- * dense is optional.
15
- * @value true TextArea will be dense.
16
- * @value false
17
- * @default false
18
- */
19
- dense?: boolean;
20
- }
21
- /**
22
- * Textarea component is used when you need to let users enter an
23
- * amount of text that’s longer than a single line.
24
- */
25
- export const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
26
- function TextArea(
27
- { name, rows, error, dense, className, children, ...props },
28
- ref
29
- ) {
30
- const defaultRows = dense ? 3 : 6;
31
- return (
32
- <Base
33
- as="textarea"
34
- name={name}
35
- rows={rows || defaultRows}
36
- ref={ref}
37
- className={clsx(className, {
38
- 'ds-textarea': true,
39
- 'ds-textarea--dense': dense,
40
- 'ds-input--error': error,
41
- })}
42
- {...props}
43
- >
44
- {children}
45
- </Base>
46
- );
47
- }
48
- );
49
-
50
- export default TextArea;
1
+ export * from '@digigov/react-core/TextArea/index.web';
2
+ export {default as default} from '@digigov/react-core/TextArea/index.web';
package/src/TextArea/index.web.tsx ADDED
@@ -0,0 +1,50 @@
1
+ import React from 'react';
2
+ import clsx from 'clsx';
3
+ import Base, { BaseProps } from '@digigov/react-core/Base';
4
+
5
+ export interface TextAreaProps extends BaseProps<'textarea'> {
6
+ /**
7
+ * error is optional. The default value is false.
8
+ * Use this prop when there is an error at the input.
9
+ * @value true
10
+ * @value false
11
+ */
12
+ error?: boolean;
13
+ /**
14
+ * dense is optional.
15
+ * @value true TextArea will be dense.
16
+ * @value false
17
+ * @default false
18
+ */
19
+ dense?: boolean;
20
+ }
21
+ /**
22
+ * Textarea component is used when you need to let users enter an
23
+ * amount of text that’s longer than a single line.
24
+ */
25
+ export const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
26
+ function TextArea(
27
+ { name, rows, error, dense, className, children, ...props },
28
+ ref
29
+ ) {
30
+ const defaultRows = dense ? 3 : 6;
31
+ return (
32
+ <Base
33
+ as="textarea"
34
+ name={name}
35
+ rows={rows || defaultRows}
36
+ ref={ref}
37
+ className={clsx(className, {
38
+ 'ds-textarea': true,
39
+ 'ds-textarea--dense': dense,
40
+ 'ds-input--error': error,
41
+ })}
42
+ {...props}
43
+ >
44
+ {children}
45
+ </Base>
46
+ );
47
+ }
48
+ );
49
+
50
+ export default TextArea;
package/src/TextInput/index.native.tsx ADDED
@@ -0,0 +1,15 @@
1
+ import extend from '@digigov/react-core/utils/extend.native';
2
+ import CoreTextInput from '@digigov/react-core/TextInput/index.web';
3
+ import clsx from 'clsx';
4
+ export const TextInput = extend(CoreTextInput, ({ className, ...props }) => {
5
+ return {
6
+ ...props,
7
+ className: clsx(className, {
8
+ 'ds-input__wrapper': props.maxWidth === undefined,
9
+ 'ds-input--disabled': props.disabled,
10
+ [`ds-input--width-${props.maxWidth}__wrapper`]:
11
+ props.maxWidth !== undefined,
12
+ }),
13
+ };
14
+ });
15
+ export default TextInput;
package/src/TextInput/index.tsx CHANGED
@@ -1,87 +1,2 @@
1
- import React from 'react';
2
- import clsx from 'clsx';
3
- import Base, { BaseProps } from '@digigov/react-core/Base';
4
-
5
- export interface TextInputProps extends BaseProps<'input'> {
6
- /**
7
- * maxWidth is optional.
8
- * @value '2-char';
9
- * @value '3-char';
10
- * @value '4-char';
11
- * @value '5-char';
12
- * @value '10-char';
13
- * @value '20-char';
14
- */
15
- maxWidth?: '2-char' | '3-char' | '4-char' | '5-char' | '10-char' | '20-char';
16
-
17
- /**
18
- * width is optional.
19
- * Use width prop to define a custom width in your component.
20
- * @value '25%';
21
- * @value '33.3%';
22
- * @value '50%';
23
- * @value '66.6%';
24
- * @value '75%';
25
- * @value '100%';
26
- * @value 'full';
27
- */
28
- width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';
29
-
30
- /**
31
- * error is optional. The default value is false.
32
- * Use this prop when there is an error at the input.
33
- * @value true
34
- * @value false
35
- */
36
- error?: boolean;
37
- /**
38
- * dense is optional.
39
- * @value true TextInput will be dense.
40
- * @value false
41
- * @default false
42
- */
43
- dense?: boolean;
44
- }
45
- /**
46
- * TextInput component when you need to let users enter text that’s no
47
- * longer than a single line, such as their name or phone number.
48
- */
49
- export const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
50
- function TextInput(
51
- {
52
- type = 'text',
53
- maxWidth,
54
- width,
55
- error,
56
- dense,
57
- className,
58
- children,
59
- ...props
60
- },
61
- ref
62
- ) {
63
- return (
64
- <Base
65
- as="input"
66
- type={type}
67
- ref={ref}
68
- className={clsx(className, {
69
- 'ds-input': true,
70
- 'ds-input--error': error,
71
- 'ds-input--dense': dense,
72
- [`ds-input--width-${maxWidth}`]: maxWidth !== undefined,
73
- 'ds-!-width-one-quarter': width === '25%',
74
- 'ds-!-width-one-third': width === '33.3%',
75
- 'ds-!-width-one-half': width === '50%',
76
- 'ds-!-width-two-thirds': width === '66.6%',
77
- 'ds-!-width-three-quarters': width === '75%',
78
- })}
79
- {...props}
80
- >
81
- {children}
82
- </Base>
83
- );
84
- }
85
- );
86
-
87
- export default TextInput;
1
+ export * from '@digigov/react-core/TextInput/index.web';
2
+ export { default as default } from '@digigov/react-core/TextInput/index.web';
package/src/TextInput/index.web.tsx ADDED
@@ -0,0 +1,87 @@
1
+ import React from 'react';
2
+ import clsx from 'clsx';
3
+ import Base, { BaseProps } from '@digigov/react-core/Base';
4
+
5
+ export interface TextInputProps extends BaseProps<'input'> {
6
+ /**
7
+ * maxWidth is optional.
8
+ * @value '2-char';
9
+ * @value '3-char';
10
+ * @value '4-char';
11
+ * @value '5-char';
12
+ * @value '10-char';
13
+ * @value '20-char';
14
+ */
15
+ maxWidth?: '2-char' | '3-char' | '4-char' | '5-char' | '10-char' | '20-char';
16
+
17
+ /**
18
+ * width is optional.
19
+ * Use width prop to define a custom width in your component.
20
+ * @value '25%';
21
+ * @value '33.3%';
22
+ * @value '50%';
23
+ * @value '66.6%';
24
+ * @value '75%';
25
+ * @value '100%';
26
+ * @value 'full';
27
+ */
28
+ width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';
29
+
30
+ /**
31
+ * error is optional. The default value is false.
32
+ * Use this prop when there is an error at the input.
33
+ * @value true
34
+ * @value false
35
+ */
36
+ error?: boolean;
37
+ /**
38
+ * dense is optional.
39
+ * @value true TextInput will be dense.
40
+ * @value false
41
+ * @default false
42
+ */
43
+ dense?: boolean;
44
+ }
45
+ /**
46
+ * TextInput component when you need to let users enter text that’s no
47
+ * longer than a single line, such as their name or phone number.
48
+ */
49
+ export const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
50
+ function TextInput(
51
+ {
52
+ type = 'text',
53
+ maxWidth,
54
+ width,
55
+ error,
56
+ dense,
57
+ className,
58
+ children,
59
+ ...props
60
+ },
61
+ ref
62
+ ) {
63
+ return (
64
+ <Base
65
+ as="input"
66
+ type={type}
67
+ ref={ref}
68
+ className={clsx(className, {
69
+ 'ds-input': true,
70
+ 'ds-input--error': error,
71
+ 'ds-input--dense': dense,
72
+ [`ds-input--width-${maxWidth}`]: maxWidth !== undefined,
73
+ 'ds-!-width-one-quarter': width === '25%',
74
+ 'ds-!-width-one-third': width === '33.3%',
75
+ 'ds-!-width-one-half': width === '50%',
76
+ 'ds-!-width-two-thirds': width === '66.6%',
77
+ 'ds-!-width-three-quarters': width === '75%',
78
+ })}
79
+ {...props}
80
+ >
81
+ {children}
82
+ </Base>
83
+ );
84
+ }
85
+ );
86
+
87
+ export default TextInput;