@digigov/react-core 2.0.0-6c42d5eb → 2.0.0-6e3977bc

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 (392) 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 +97 -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 +86 -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 +2 -1
  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/NavListItemActionContainer/index.d.ts +2 -10
  129. package/NavListItemActionContainer/index.js +3 -20
  130. package/NavListItemActionContainer/index.js.map +3 -3
  131. package/NavListItemActionContainer/index.native/index.js +17 -0
  132. package/NavListItemActionContainer/index.native/package.json +6 -0
  133. package/NavListItemActionContainer/index.native.d.ts +7 -0
  134. package/NavListItemActionContainer/index.native.js.map +7 -0
  135. package/NavListItemActionContainer/index.web/index.js +23 -0
  136. package/NavListItemActionContainer/index.web/package.json +6 -0
  137. package/NavListItemActionContainer/index.web.d.ts +10 -0
  138. package/NavListItemActionContainer/index.web.js.map +7 -0
  139. package/NotificationBannerLink/index.d.ts +2 -11
  140. package/NotificationBannerLink/index.js +3 -19
  141. package/NotificationBannerLink/index.js.map +3 -3
  142. package/NotificationBannerLink/index.native/index.js +16 -0
  143. package/NotificationBannerLink/index.native/package.json +6 -0
  144. package/NotificationBannerLink/index.native.d.ts +8 -0
  145. package/NotificationBannerLink/index.native.js.map +7 -0
  146. package/NotificationBannerLink/index.web/index.js +22 -0
  147. package/NotificationBannerLink/index.web/package.json +6 -0
  148. package/NotificationBannerLink/index.web.d.ts +11 -0
  149. package/NotificationBannerLink/index.web.js.map +7 -0
  150. package/PhaseBanner/index.js +2 -1
  151. package/PhaseBanner/index.js.map +2 -2
  152. package/PhaseBannerTag/index.d.ts +2 -2
  153. package/PhaseBannerTag/index.js +1 -1
  154. package/PhaseBannerTag/index.js.map +1 -1
  155. package/PhaseBannerText/index.js +1 -1
  156. package/PhaseBannerText/index.js.map +2 -2
  157. package/RadioItem/index.js +2 -1
  158. package/RadioItem/index.js.map +2 -2
  159. package/SummaryList/index.d.ts +1 -1
  160. package/SummaryList/index.js.map +2 -2
  161. package/SummaryListItemKey/index.d.ts +14 -0
  162. package/SummaryListItemKey/index.js +5 -2
  163. package/SummaryListItemKey/index.js.map +2 -2
  164. package/TextArea/index.d.ts +2 -24
  165. package/TextArea/index.js +3 -27
  166. package/TextArea/index.js.map +3 -3
  167. package/TextArea/index.native/index.js +16 -0
  168. package/TextArea/index.native/package.json +6 -0
  169. package/TextArea/index.native.d.ts +4 -0
  170. package/TextArea/index.native.js.map +7 -0
  171. package/TextArea/index.web/index.js +30 -0
  172. package/TextArea/index.web/package.json +6 -0
  173. package/TextArea/index.web.d.ts +24 -0
  174. package/TextArea/index.web.js.map +7 -0
  175. package/TextInput/index.d.ts +2 -46
  176. package/TextInput/index.js +3 -40
  177. package/TextInput/index.js.map +3 -3
  178. package/TextInput/index.native/index.js +19 -0
  179. package/TextInput/index.native/package.json +6 -0
  180. package/TextInput/index.native.d.ts +4 -0
  181. package/TextInput/index.native.js.map +7 -0
  182. package/TextInput/index.web/index.js +43 -0
  183. package/TextInput/index.web/package.json +6 -0
  184. package/TextInput/index.web.d.ts +46 -0
  185. package/TextInput/index.web.js.map +7 -0
  186. package/Unpurge/index.js +35 -0
  187. package/Unpurge/index.js.map +2 -2
  188. package/WarningText/index.js +7 -12
  189. package/WarningText/index.js.map +2 -2
  190. package/WarningTextAssistive/index.d.ts +15 -0
  191. package/WarningTextAssistive/index.js +23 -0
  192. package/WarningTextAssistive/index.js.map +7 -0
  193. package/WarningTextAssistive/package.json +6 -0
  194. package/cjs/Base/compat/Input/CheckboxInput.native/index.js +66 -0
  195. package/cjs/Base/compat/Input/CheckboxInput.native.js.map +7 -0
  196. package/cjs/Base/compat/Input/RadioInput.native/index.js +65 -0
  197. package/cjs/Base/compat/Input/RadioInput.native.js.map +7 -0
  198. package/cjs/Base/compat/Input/StringInput.native/index.js +129 -0
  199. package/cjs/Base/compat/Input/StringInput.native.js.map +7 -0
  200. package/cjs/Base/compat/Input/index.native/index.js +55 -0
  201. package/cjs/Base/compat/Input/index.native.js.map +7 -0
  202. package/cjs/Base/compat/button.native/index.js +81 -0
  203. package/cjs/Base/compat/button.native.js.map +7 -0
  204. package/cjs/Base/compat/details.native/index.js +65 -0
  205. package/cjs/Base/compat/details.native.js.map +7 -0
  206. package/cjs/Base/compat/li.native/index.js +42 -0
  207. package/cjs/Base/compat/li.native.js.map +7 -0
  208. package/cjs/Base/compat/ol.native/index.js +66 -0
  209. package/cjs/Base/compat/ol.native.js.map +7 -0
  210. package/cjs/Base/index.js +5 -99
  211. package/cjs/Base/index.js.map +3 -3
  212. package/cjs/Base/index.native/index.js +193 -0
  213. package/cjs/Base/index.native.js.map +7 -0
  214. package/cjs/Base/index.web/index.js +137 -0
  215. package/cjs/Base/index.web.js.map +7 -0
  216. package/cjs/Base/mapping.native/index.js +67 -0
  217. package/cjs/Base/mapping.native.js.map +7 -0
  218. package/cjs/Base/utils/index.js +119 -0
  219. package/cjs/Base/utils.js.map +7 -0
  220. package/cjs/Base/wrap.native/index.js +97 -0
  221. package/cjs/Base/wrap.native.js.map +7 -0
  222. package/cjs/CallToAction/index.js +1 -1
  223. package/cjs/CallToAction/index.js.map +2 -2
  224. package/cjs/Card/index.js +2 -1
  225. package/cjs/Card/index.js.map +2 -2
  226. package/cjs/CheckboxItem/index.js +4 -16
  227. package/cjs/CheckboxItem/index.js.map +3 -3
  228. package/cjs/CheckboxItemInput/index.js +40 -0
  229. package/cjs/CheckboxItemInput/index.js.map +7 -0
  230. package/cjs/CheckboxItemInput/index.native/index.js +53 -0
  231. package/cjs/CheckboxItemInput/index.native.js.map +7 -0
  232. package/cjs/CheckboxItemInput/index.web/index.js +59 -0
  233. package/cjs/CheckboxItemInput/index.web.js.map +7 -0
  234. package/cjs/Chip/index.js +2 -1
  235. package/cjs/Chip/index.js.map +2 -2
  236. package/cjs/CodeBlockContainer/index.js.map +1 -1
  237. package/cjs/CodeBlockContent/index.js +2 -1
  238. package/cjs/CodeBlockContent/index.js.map +2 -2
  239. package/cjs/CodeBlockHeader/index.js +1 -3
  240. package/cjs/CodeBlockHeader/index.js.map +2 -2
  241. package/cjs/CopyToClipboardContainer/index.js +5 -41
  242. package/cjs/CopyToClipboardContainer/index.js.map +3 -3
  243. package/cjs/CopyToClipboardContainer/index.web/index.js +77 -0
  244. package/cjs/CopyToClipboardContainer/index.web.js.map +7 -0
  245. package/cjs/CopyToClipboardMessage/index.js +5 -22
  246. package/cjs/CopyToClipboardMessage/index.js.map +3 -3
  247. package/cjs/CopyToClipboardMessage/index.native/index.js +51 -0
  248. package/cjs/CopyToClipboardMessage/index.native.js.map +7 -0
  249. package/cjs/CopyToClipboardMessage/index.web/index.js +57 -0
  250. package/cjs/CopyToClipboardMessage/index.web.js.map +7 -0
  251. package/cjs/DateInputItem/index.js +5 -42
  252. package/cjs/DateInputItem/index.js.map +3 -3
  253. package/cjs/DateInputItem/index.native/index.js +50 -0
  254. package/cjs/DateInputItem/index.native.js.map +7 -0
  255. package/cjs/DateInputItem/index.web/index.js +65 -0
  256. package/cjs/DateInputItem/index.web.js.map +7 -0
  257. package/cjs/Details/index.js +5 -23
  258. package/cjs/Details/index.js.map +3 -3
  259. package/cjs/Details/index.native/index.js +50 -0
  260. package/cjs/Details/index.native.js.map +7 -0
  261. package/cjs/Details/index.web/index.js +58 -0
  262. package/cjs/Details/index.web.js.map +7 -0
  263. package/cjs/FieldsetLegend/index.js +1 -4
  264. package/cjs/FieldsetLegend/index.js.map +2 -2
  265. package/cjs/LabelTitle/index.js +2 -4
  266. package/cjs/LabelTitle/index.js.map +2 -2
  267. package/cjs/NavListItemActionContainer/index.js +5 -21
  268. package/cjs/NavListItemActionContainer/index.js.map +3 -3
  269. package/cjs/NavListItemActionContainer/index.native/index.js +50 -0
  270. package/cjs/NavListItemActionContainer/index.native.js.map +7 -0
  271. package/cjs/NavListItemActionContainer/index.web/index.js +56 -0
  272. package/cjs/NavListItemActionContainer/index.web.js.map +7 -0
  273. package/cjs/NotificationBannerLink/index.js +5 -20
  274. package/cjs/NotificationBannerLink/index.js.map +3 -3
  275. package/cjs/NotificationBannerLink/index.native/index.js +49 -0
  276. package/cjs/NotificationBannerLink/index.native.js.map +7 -0
  277. package/cjs/NotificationBannerLink/index.web/index.js +55 -0
  278. package/cjs/NotificationBannerLink/index.web.js.map +7 -0
  279. package/cjs/PhaseBanner/index.js +2 -1
  280. package/cjs/PhaseBanner/index.js.map +2 -2
  281. package/cjs/PhaseBannerTag/index.js +1 -1
  282. package/cjs/PhaseBannerTag/index.js.map +1 -1
  283. package/cjs/PhaseBannerText/index.js +1 -1
  284. package/cjs/PhaseBannerText/index.js.map +2 -2
  285. package/cjs/RadioItem/index.js +2 -1
  286. package/cjs/RadioItem/index.js.map +3 -3
  287. package/cjs/SummaryList/index.js.map +2 -2
  288. package/cjs/SummaryListItemKey/index.js +5 -2
  289. package/cjs/SummaryListItemKey/index.js.map +2 -2
  290. package/cjs/TextArea/index.js +5 -28
  291. package/cjs/TextArea/index.js.map +3 -3
  292. package/cjs/TextArea/index.native/index.js +49 -0
  293. package/cjs/TextArea/index.native.js.map +7 -0
  294. package/cjs/TextArea/index.web/index.js +63 -0
  295. package/cjs/TextArea/index.web.js.map +7 -0
  296. package/cjs/TextInput/index.js +5 -41
  297. package/cjs/TextInput/index.js.map +3 -3
  298. package/cjs/TextInput/index.native/index.js +52 -0
  299. package/cjs/TextInput/index.native.js.map +7 -0
  300. package/cjs/TextInput/index.web/index.js +76 -0
  301. package/cjs/TextInput/index.web.js.map +7 -0
  302. package/cjs/Unpurge/index.js +35 -0
  303. package/cjs/Unpurge/index.js.map +2 -2
  304. package/cjs/WarningText/index.js +7 -12
  305. package/cjs/WarningText/index.js.map +2 -2
  306. package/cjs/WarningTextAssistive/index.js +56 -0
  307. package/cjs/WarningTextAssistive/index.js.map +7 -0
  308. package/cjs/index.js +5 -1
  309. package/cjs/index.js.map +2 -2
  310. package/cjs/lazy/index.js +12 -10
  311. package/cjs/lazy.js.map +2 -2
  312. package/cjs/registry/index.js +27 -1
  313. package/cjs/registry.js.map +2 -2
  314. package/cjs/utils/extend.native/index.js +47 -0
  315. package/cjs/utils/extend.native.js.map +7 -0
  316. package/index.d.ts +2 -0
  317. package/index.js +3 -1
  318. package/index.js.map +2 -2
  319. package/lazy/index.js +12 -10
  320. package/lazy.d.ts +219 -217
  321. package/lazy.js.map +2 -2
  322. package/package.json +21 -4
  323. package/registry/index.js +27 -1
  324. package/registry.d.ts +13 -0
  325. package/registry.js.map +2 -2
  326. package/src/Base/compat/Input/CheckboxInput.native.tsx +40 -0
  327. package/src/Base/compat/Input/RadioInput.native.tsx +39 -0
  328. package/src/Base/compat/Input/StringInput.native.tsx +115 -0
  329. package/src/Base/compat/Input/index.native.tsx +28 -0
  330. package/src/Base/compat/button.native.tsx +53 -0
  331. package/src/Base/compat/details.native.tsx +68 -0
  332. package/src/Base/compat/li.native.tsx +11 -0
  333. package/src/Base/compat/ol.native.tsx +41 -0
  334. package/src/Base/index.native.tsx +185 -0
  335. package/src/Base/index.tsx +2 -257
  336. package/src/Base/index.web.tsx +259 -0
  337. package/src/Base/mapping.native.tsx +41 -0
  338. package/src/Base/utils.ts +84 -0
  339. package/src/Base/wrap.native.tsx +94 -0
  340. package/src/CallToAction/index.tsx +2 -2
  341. package/src/Card/index.tsx +3 -2
  342. package/src/CheckboxItem/index.tsx +4 -14
  343. package/src/CheckboxItemInput/index.native.tsx +17 -0
  344. package/src/CheckboxItemInput/index.tsx +2 -0
  345. package/src/CheckboxItemInput/index.web.tsx +34 -0
  346. package/src/Chip/index.tsx +2 -2
  347. package/src/CodeBlockContainer/index.tsx +1 -1
  348. package/src/CodeBlockContent/index.tsx +4 -3
  349. package/src/CodeBlockHeader/index.tsx +2 -4
  350. package/src/CopyToClipboardContainer/index.tsx +2 -74
  351. package/src/CopyToClipboardContainer/index.web.tsx +75 -0
  352. package/src/CopyToClipboardMessage/index.native.tsx +21 -0
  353. package/src/CopyToClipboardMessage/index.tsx +2 -41
  354. package/src/CopyToClipboardMessage/index.web.tsx +41 -0
  355. package/src/DateInputItem/index.native.tsx +12 -0
  356. package/src/DateInputItem/index.tsx +2 -64
  357. package/src/DateInputItem/index.web.tsx +53 -0
  358. package/src/Details/index.native.tsx +14 -0
  359. package/src/Details/index.tsx +2 -27
  360. package/src/Details/index.web.tsx +27 -0
  361. package/src/FieldsetLegend/index.tsx +1 -4
  362. package/src/LabelTitle/index.tsx +2 -4
  363. package/src/NavListItemActionContainer/index.native.tsx +18 -0
  364. package/src/NavListItemActionContainer/index.tsx +2 -28
  365. package/src/NavListItemActionContainer/index.web.tsx +28 -0
  366. package/src/NotificationBannerLink/index.native.tsx +22 -0
  367. package/src/NotificationBannerLink/index.tsx +2 -28
  368. package/src/NotificationBannerLink/index.web.tsx +28 -0
  369. package/src/PhaseBanner/index.tsx +2 -2
  370. package/src/PhaseBannerTag/index.tsx +3 -3
  371. package/src/PhaseBannerText/__snapshots__/index.test.tsx.snap +1 -1
  372. package/src/PhaseBannerText/index.tsx +1 -1
  373. package/src/RadioItem/index.tsx +2 -2
  374. package/src/SummaryList/index.tsx +7 -5
  375. package/src/SummaryListItemKey/index.tsx +24 -2
  376. package/src/TextArea/index.native.tsx +11 -0
  377. package/src/TextArea/index.tsx +2 -50
  378. package/src/TextArea/index.web.tsx +50 -0
  379. package/src/TextInput/index.native.tsx +15 -0
  380. package/src/TextInput/index.tsx +2 -87
  381. package/src/TextInput/index.web.tsx +87 -0
  382. package/src/Unpurge/index.tsx +35 -0
  383. package/src/WarningText/index.tsx +12 -15
  384. package/src/WarningTextAssistive/index.tsx +37 -0
  385. package/src/index.ts +2 -0
  386. package/src/lazy.js +12 -10
  387. package/src/registry.js +28 -2
  388. package/src/utils/extend.native.tsx +36 -0
  389. package/utils/extend.native/index.js +14 -0
  390. package/utils/extend.native/package.json +6 -0
  391. package/utils/extend.native.d.ts +23 -0
  392. package/utils/extend.native.js.map +7 -0
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/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;
package/src/Unpurge/index.tsx CHANGED
@@ -4,6 +4,9 @@ function Unpurge() {
4
4
  return (
5
5
  <div
6
6
  className={`
7
+ ds-display-flex
8
+ ds-display-block
9
+ ds-display-none
7
10
  ds-m-0
8
11
  ds-m-1
9
12
  ds-m-2
@@ -701,6 +704,35 @@ function Unpurge() {
701
704
  ds-skeleton--font-md
702
705
  ds-skeleton--font-lg
703
706
  ds-skeleton--font-xl
707
+ ds-summary-list__key--sm-3
708
+ ds-summary-list__key--sm-4
709
+ ds-summary-list__key--sm-5
710
+ ds-summary-list__key--sm-6
711
+ ds-summary-list__key--sm-7
712
+ ds-summary-list__key--sm-8
713
+ ds-summary-list__key--sm-9
714
+ ds-summary-list__key--md-3
715
+ ds-summary-list__key--md-4
716
+ ds-summary-list__key--md-5
717
+ ds-summary-list__key--md-6
718
+ ds-summary-list__key--md-7
719
+ ds-summary-list__key--md-8
720
+ ds-summary-list__key--md-9
721
+ ds-summary-list__key--lg-3
722
+ ds-summary-list__key--lg-4
723
+ ds-summary-list__key--lg-5
724
+ ds-summary-list__key--lg-6
725
+ ds-summary-list__key--lg-7
726
+ ds-summary-list__key--lg-8
727
+ ds-summary-list__key--lg-9
728
+ ds-fieldset__legend--xl
729
+ ds-fieldset__legend--lg
730
+ ds-fieldset__legend--md
731
+ ds-fieldset__legend--sm
732
+ ds-label__title--xl
733
+ ds-label__title--lg
734
+ ds-label__title--md
735
+ ds-label__title--sm
704
736
  ds-code--line-number
705
737
  ds-code--highlighted-line
706
738
  ds-code--doctag
@@ -744,6 +776,9 @@ function Unpurge() {
744
776
  ds-code--property
745
777
  ds-code--punctuation
746
778
  ds-code--tag
779
+ ds-code-block__header--start
780
+ ds-code-block__header--space-between
781
+ ds-code-block__header--end
747
782
  `}
748
783
  ></div>
749
784
  );
package/src/WarningText/index.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import clsx from 'clsx';
3
3
  import Base, { BaseProps } from '@digigov/react-core/Base';
4
-
4
+ import { WarningTextAssistive } from '@digigov/react-core/WarningTextAssistive';
5
5
  export interface WarningTextProps extends BaseProps<'div'> {
6
6
  /**
7
7
  * assistiveText is optional.
@@ -37,27 +37,24 @@ export const WarningText = React.forwardRef<HTMLDivElement, WarningTextProps>(
37
37
  })}
38
38
  {...props}
39
39
  >
40
- <span
40
+ <Base
41
+ as="div"
41
42
  className={clsx({
42
- 'ds-warning-text__icon': true,
43
+ "ds-warning-text__icon": true,
43
44
  })}
44
45
  >
45
- !
46
- </span>
47
- <strong
46
+ !
47
+ </Base>
48
+
49
+ <Base
50
+ as="strong"
48
51
  className={clsx({
49
- 'ds-warning-text__text': true,
52
+ 'ds-warning-text__content': true,
50
53
  })}
51
54
  >
52
- <span
53
- className={clsx({
54
- 'ds-warning-text__assistive': true,
55
- })}
56
- >
57
- {assistiveText}
58
- </span>
55
+ <WarningTextAssistive>{assistiveText}</WarningTextAssistive>
59
56
  {children}
60
- </strong>
57
+ </Base>
61
58
  </Base>
62
59
  );
63
60
  }
package/src/WarningTextAssistive/index.tsx ADDED
@@ -0,0 +1,37 @@
1
+ import React from "react";
2
+ import clsx from "clsx";
3
+ import Base, { BaseProps } from "@digigov/react-core/Base";
4
+
5
+ export interface WarningTextAssistiveProps extends BaseProps<"span"> {
6
+ /**
7
+ * assistiveText is optional.
8
+ * Default value is "Προσοχή".
9
+ * assistiveText is used to provide a textual warning for assistive technologies like screen readers.
10
+ */
11
+ assistiveText?: string;
12
+ }
13
+ /**
14
+ * Use the WarningTextAssistive component when you need to warn users about something important.
15
+ */
16
+ export const WarningTextAssistive = React.forwardRef<
17
+ HTMLSpanElement,
18
+ WarningTextAssistiveProps
19
+ >(function WarningTextAssistive(
20
+ { className, children='Προσοχή', ...props },
21
+ ref
22
+ ) {
23
+ return (
24
+ <Base
25
+ as="span"
26
+ {...props}
27
+ ref={ref}
28
+ className={clsx(className, {
29
+ "ds-warning-text__assistive": true,
30
+ })}
31
+ >
32
+ {children}
33
+ </Base>
34
+ );
35
+ });
36
+
37
+ export default WarningTextAssistive;
package/src/index.ts CHANGED
@@ -22,6 +22,7 @@ export * from '@digigov/react-core/CardContent';
22
22
  export * from '@digigov/react-core/Checkbox';
23
23
  export * from '@digigov/react-core/CheckboxConditional';
24
24
  export * from '@digigov/react-core/CheckboxItem';
25
+ export * from '@digigov/react-core/CheckboxItemInput';
25
26
  export * from '@digigov/react-core/ChoiceDividerText';
26
27
  export * from '@digigov/react-core/Code';
27
28
  export * from '@digigov/react-core/CodeBlockContainer';
@@ -216,3 +217,4 @@ export * from '@digigov/react-core/TaskListItem';
216
217
  export * from '@digigov/react-core/TaskListItemContent';
217
218
  export * from '@digigov/react-core/TaskListItemHeading';
218
219
  export * from '@digigov/react-core/TaskListItemTag';
220
+ export * from '@digigov/react-core/WarningTextAssistive';