@digigov/react-core 2.0.0-2445d5cb → 2.0.0-298cfc51

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 (705) hide show
  1. package/AutoCompleteInputBase/index.d.ts +17 -0
  2. package/{AutoCompleteInput → AutoCompleteInputBase}/index.js +4 -4
  3. package/AutoCompleteInputBase/index.js.map +7 -0
  4. package/AutoCompleteInputBase/package.json +6 -0
  5. package/Base/compat/Input/CheckboxInput.native/index.js +33 -0
  6. package/Base/compat/Input/CheckboxInput.native/package.json +6 -0
  7. package/Base/compat/Input/CheckboxInput.native.d.ts +4 -0
  8. package/Base/compat/Input/CheckboxInput.native.js.map +7 -0
  9. package/Base/compat/Input/RadioInput.native/index.js +32 -0
  10. package/Base/compat/Input/RadioInput.native/package.json +6 -0
  11. package/Base/compat/Input/RadioInput.native.d.ts +4 -0
  12. package/Base/compat/Input/RadioInput.native.js.map +7 -0
  13. package/Base/compat/Input/StringInput.native/index.js +99 -0
  14. package/Base/compat/Input/StringInput.native/package.json +6 -0
  15. package/Base/compat/Input/StringInput.native.d.ts +7 -0
  16. package/Base/compat/Input/StringInput.native.js.map +7 -0
  17. package/Base/compat/Input/index.native/index.js +24 -0
  18. package/Base/compat/Input/index.native/package.json +6 -0
  19. package/Base/compat/Input/index.native.d.ts +7 -0
  20. package/Base/compat/Input/index.native.js.map +7 -0
  21. package/Base/compat/button.native/index.js +48 -0
  22. package/Base/compat/button.native/package.json +6 -0
  23. package/Base/compat/button.native.d.ts +5 -0
  24. package/Base/compat/button.native.js.map +7 -0
  25. package/Base/compat/details.native/index.js +40 -0
  26. package/Base/compat/details.native/package.json +6 -0
  27. package/Base/compat/details.native.d.ts +8 -0
  28. package/Base/compat/details.native.js.map +7 -0
  29. package/Base/compat/li.native/index.js +9 -0
  30. package/Base/compat/li.native/package.json +6 -0
  31. package/Base/compat/li.native.d.ts +6 -0
  32. package/Base/compat/li.native.js.map +7 -0
  33. package/Base/compat/ol.native/index.js +33 -0
  34. package/Base/compat/ol.native/package.json +6 -0
  35. package/Base/compat/ol.native.d.ts +6 -0
  36. package/Base/compat/ol.native.js.map +7 -0
  37. package/Base/index.d.ts +2 -95
  38. package/Base/index.js +3 -98
  39. package/Base/index.js.map +3 -3
  40. package/Base/index.native/index.js +165 -0
  41. package/Base/index.native/package.json +6 -0
  42. package/Base/index.native.d.ts +7 -0
  43. package/Base/index.native.js.map +7 -0
  44. package/Base/index.web/index.js +104 -0
  45. package/{AutoCompleteInput → Base/index.web}/package.json +1 -1
  46. package/Base/index.web.d.ts +104 -0
  47. package/Base/index.web.js.map +7 -0
  48. package/Base/mapping.native/index.js +34 -0
  49. package/Base/mapping.native/package.json +6 -0
  50. package/Base/mapping.native.d.ts +6 -0
  51. package/Base/mapping.native.js.map +7 -0
  52. package/Base/utils/index.js +93 -0
  53. package/{SvgIcon → Base/utils}/package.json +1 -1
  54. package/Base/utils.d.ts +40 -0
  55. package/Base/utils.js.map +7 -0
  56. package/Base/wrap.native/index.js +66 -0
  57. package/Base/wrap.native/package.json +6 -0
  58. package/Base/wrap.native.d.ts +2 -0
  59. package/Base/wrap.native.js.map +7 -0
  60. package/BreadcrumbsListItem/index.d.ts +3 -8
  61. package/BreadcrumbsListItem/index.js +4 -14
  62. package/BreadcrumbsListItem/index.js.map +3 -3
  63. package/BreadcrumbsListItemLink/index.d.ts +14 -0
  64. package/BreadcrumbsListItemLink/index.js +24 -0
  65. package/BreadcrumbsListItemLink/index.js.map +7 -0
  66. package/BreadcrumbsListItemLink/package.json +6 -0
  67. package/CallToAction/index.js +1 -1
  68. package/CallToAction/index.js.map +2 -2
  69. package/Card/index.js +2 -1
  70. package/Card/index.js.map +2 -2
  71. package/CheckboxItem/index.js +4 -16
  72. package/CheckboxItem/index.js.map +2 -2
  73. package/CheckboxItemInput/index.d.ts +2 -0
  74. package/CheckboxItemInput/index.js +6 -0
  75. package/CheckboxItemInput/index.js.map +7 -0
  76. package/CheckboxItemInput/index.native/index.js +20 -0
  77. package/CheckboxItemInput/index.native/package.json +6 -0
  78. package/CheckboxItemInput/index.native.d.ts +4 -0
  79. package/CheckboxItemInput/index.native.js.map +7 -0
  80. package/CheckboxItemInput/index.web/index.js +26 -0
  81. package/CheckboxItemInput/index.web/package.json +6 -0
  82. package/CheckboxItemInput/index.web.d.ts +10 -0
  83. package/CheckboxItemInput/index.web.js.map +7 -0
  84. package/CheckboxItemInput/package.json +6 -0
  85. package/Chip/index.js +2 -1
  86. package/Chip/index.js.map +2 -2
  87. package/CodeBlockContainer/index.d.ts +1 -1
  88. package/CodeBlockContainer/index.js.map +1 -1
  89. package/CodeBlockContent/index.d.ts +1 -1
  90. package/CodeBlockContent/index.js +3 -2
  91. package/CodeBlockContent/index.js.map +2 -2
  92. package/CodeBlockHeader/index.d.ts +1 -1
  93. package/CodeBlockHeader/index.js +1 -3
  94. package/CodeBlockHeader/index.js.map +2 -2
  95. package/CopyToClipboardContainer/index.d.ts +2 -31
  96. package/CopyToClipboardContainer/index.js +3 -40
  97. package/CopyToClipboardContainer/index.js.map +3 -3
  98. package/CopyToClipboardContainer/index.web/index.js +44 -0
  99. package/CopyToClipboardContainer/index.web/package.json +6 -0
  100. package/CopyToClipboardContainer/index.web.d.ts +31 -0
  101. package/CopyToClipboardContainer/index.web.js.map +7 -0
  102. package/CopyToClipboardMessage/index.d.ts +2 -18
  103. package/CopyToClipboardMessage/index.js +3 -21
  104. package/CopyToClipboardMessage/index.js.map +3 -3
  105. package/CopyToClipboardMessage/index.native/index.js +18 -0
  106. package/CopyToClipboardMessage/index.native/package.json +6 -0
  107. package/CopyToClipboardMessage/index.native.d.ts +6 -0
  108. package/CopyToClipboardMessage/index.native.js.map +7 -0
  109. package/CopyToClipboardMessage/index.web/index.js +24 -0
  110. package/CopyToClipboardMessage/index.web/package.json +6 -0
  111. package/CopyToClipboardMessage/index.web.d.ts +18 -0
  112. package/CopyToClipboardMessage/index.web.js.map +7 -0
  113. package/DateInputItem/index.d.ts +2 -26
  114. package/DateInputItem/index.js +3 -41
  115. package/DateInputItem/index.js.map +3 -3
  116. package/DateInputItem/index.native/index.js +17 -0
  117. package/DateInputItem/index.native/package.json +6 -0
  118. package/DateInputItem/index.native.d.ts +4 -0
  119. package/DateInputItem/index.native.js.map +7 -0
  120. package/DateInputItem/index.web/index.js +32 -0
  121. package/DateInputItem/index.web/package.json +6 -0
  122. package/DateInputItem/index.web.d.ts +26 -0
  123. package/DateInputItem/index.web.js.map +7 -0
  124. package/Details/index.d.ts +2 -10
  125. package/Details/index.js +3 -22
  126. package/Details/index.js.map +3 -3
  127. package/Details/index.native/index.js +17 -0
  128. package/Details/index.native/package.json +6 -0
  129. package/Details/index.native.d.ts +4 -0
  130. package/Details/index.native.js.map +7 -0
  131. package/Details/index.web/index.js +25 -0
  132. package/Details/index.web/package.json +6 -0
  133. package/Details/index.web.d.ts +10 -0
  134. package/Details/index.web.js.map +7 -0
  135. package/Drawer/index.d.ts +7 -5
  136. package/Drawer/index.js +25 -12
  137. package/Drawer/index.js.map +2 -2
  138. package/FieldsetLegend/index.js +1 -4
  139. package/FieldsetLegend/index.js.map +2 -2
  140. package/FilterContainer/index.d.ts +8 -6
  141. package/FilterContainer/index.js +24 -11
  142. package/FilterContainer/index.js.map +2 -2
  143. package/FilterHeadingContainer/index.d.ts +12 -0
  144. package/FilterHeadingContainer/index.js +12 -2
  145. package/FilterHeadingContainer/index.js.map +2 -2
  146. package/LabelTitle/index.js +2 -4
  147. package/LabelTitle/index.js.map +2 -2
  148. package/LinkBase/index.d.ts +8 -0
  149. package/LinkBase/index.js +2 -2
  150. package/LinkBase/index.js.map +2 -2
  151. package/ModalContainer/index.js +4 -10
  152. package/ModalContainer/index.js.map +2 -2
  153. package/NavListItemActionContainer/index.d.ts +2 -10
  154. package/NavListItemActionContainer/index.js +3 -20
  155. package/NavListItemActionContainer/index.js.map +3 -3
  156. package/NavListItemActionContainer/index.native/index.js +17 -0
  157. package/NavListItemActionContainer/index.native/package.json +6 -0
  158. package/NavListItemActionContainer/index.native.d.ts +7 -0
  159. package/NavListItemActionContainer/index.native.js.map +7 -0
  160. package/NavListItemActionContainer/index.web/index.js +23 -0
  161. package/NavListItemActionContainer/index.web/package.json +6 -0
  162. package/NavListItemActionContainer/index.web.d.ts +10 -0
  163. package/NavListItemActionContainer/index.web.js.map +7 -0
  164. package/NotificationBannerLink/index.d.ts +2 -11
  165. package/NotificationBannerLink/index.js +3 -19
  166. package/NotificationBannerLink/index.js.map +3 -3
  167. package/NotificationBannerLink/index.native/index.js +16 -0
  168. package/NotificationBannerLink/index.native/package.json +6 -0
  169. package/NotificationBannerLink/index.native.d.ts +8 -0
  170. package/NotificationBannerLink/index.native.js.map +7 -0
  171. package/NotificationBannerLink/index.web/index.js +22 -0
  172. package/NotificationBannerLink/index.web/package.json +6 -0
  173. package/NotificationBannerLink/index.web.d.ts +11 -0
  174. package/NotificationBannerLink/index.web.js.map +7 -0
  175. package/PhaseBanner/index.js +2 -1
  176. package/PhaseBanner/index.js.map +2 -2
  177. package/PhaseBannerTag/index.d.ts +2 -2
  178. package/PhaseBannerTag/index.js +1 -1
  179. package/PhaseBannerTag/index.js.map +1 -1
  180. package/PhaseBannerText/index.js +1 -1
  181. package/PhaseBannerText/index.js.map +2 -2
  182. package/RadioItem/index.js +2 -1
  183. package/RadioItem/index.js.map +2 -2
  184. package/ResultsHeadingActions/index.js +2 -4
  185. package/ResultsHeadingActions/index.js.map +2 -2
  186. package/Stack/index.d.ts +9 -1
  187. package/Stack/index.js +6 -1
  188. package/Stack/index.js.map +2 -2
  189. package/SummaryList/index.d.ts +1 -1
  190. package/SummaryList/index.js.map +2 -2
  191. package/SummaryListItemKey/index.d.ts +14 -0
  192. package/SummaryListItemKey/index.js +5 -2
  193. package/SummaryListItemKey/index.js.map +2 -2
  194. package/TextArea/index.d.ts +2 -24
  195. package/TextArea/index.js +3 -27
  196. package/TextArea/index.js.map +3 -3
  197. package/TextArea/index.native/index.js +16 -0
  198. package/TextArea/index.native/package.json +6 -0
  199. package/TextArea/index.native.d.ts +4 -0
  200. package/TextArea/index.native.js.map +7 -0
  201. package/TextArea/index.web/index.js +29 -0
  202. package/TextArea/index.web/package.json +6 -0
  203. package/TextArea/index.web.d.ts +24 -0
  204. package/TextArea/index.web.js.map +7 -0
  205. package/TextInput/index.d.ts +2 -46
  206. package/TextInput/index.js +3 -40
  207. package/TextInput/index.js.map +3 -3
  208. package/TextInput/index.native/index.js +19 -0
  209. package/TextInput/index.native/package.json +6 -0
  210. package/TextInput/index.native.d.ts +4 -0
  211. package/TextInput/index.native.js.map +7 -0
  212. package/TextInput/index.web/index.js +43 -0
  213. package/TextInput/index.web/package.json +6 -0
  214. package/TextInput/index.web.d.ts +46 -0
  215. package/TextInput/index.web.js.map +7 -0
  216. package/Unpurge/index.js +2458 -1
  217. package/Unpurge/index.js.map +2 -2
  218. package/WarningText/index.js +7 -12
  219. package/WarningText/index.js.map +2 -2
  220. package/WarningTextAssistive/index.d.ts +15 -0
  221. package/WarningTextAssistive/index.js +23 -0
  222. package/WarningTextAssistive/index.js.map +7 -0
  223. package/WarningTextAssistive/package.json +6 -0
  224. package/cjs/{AutoCompleteInput → AutoCompleteInputBase}/index.js +8 -8
  225. package/cjs/AutoCompleteInputBase/index.js.map +7 -0
  226. package/cjs/Base/compat/Input/CheckboxInput.native/index.js +66 -0
  227. package/cjs/Base/compat/Input/CheckboxInput.native.js.map +7 -0
  228. package/cjs/Base/compat/Input/RadioInput.native/index.js +65 -0
  229. package/cjs/Base/compat/Input/RadioInput.native.js.map +7 -0
  230. package/cjs/Base/compat/Input/StringInput.native/index.js +129 -0
  231. package/cjs/Base/compat/Input/StringInput.native.js.map +7 -0
  232. package/cjs/Base/compat/Input/index.native/index.js +55 -0
  233. package/cjs/Base/compat/Input/index.native.js.map +7 -0
  234. package/cjs/Base/compat/button.native/index.js +81 -0
  235. package/cjs/Base/compat/button.native.js.map +7 -0
  236. package/cjs/Base/compat/details.native/index.js +65 -0
  237. package/cjs/Base/compat/details.native.js.map +7 -0
  238. package/cjs/Base/compat/li.native/index.js +42 -0
  239. package/cjs/Base/compat/li.native.js.map +7 -0
  240. package/cjs/Base/compat/ol.native/index.js +66 -0
  241. package/cjs/Base/compat/ol.native.js.map +7 -0
  242. package/cjs/Base/index.js +5 -99
  243. package/cjs/Base/index.js.map +3 -3
  244. package/cjs/Base/index.native/index.js +198 -0
  245. package/cjs/Base/index.native.js.map +7 -0
  246. package/cjs/Base/index.web/index.js +137 -0
  247. package/cjs/Base/index.web.js.map +7 -0
  248. package/cjs/Base/mapping.native/index.js +67 -0
  249. package/cjs/Base/mapping.native.js.map +7 -0
  250. package/cjs/Base/utils/index.js +126 -0
  251. package/cjs/Base/utils.js.map +7 -0
  252. package/cjs/Base/wrap.native/index.js +99 -0
  253. package/cjs/Base/wrap.native.js.map +7 -0
  254. package/cjs/BreadcrumbsListItem/index.js +5 -15
  255. package/cjs/BreadcrumbsListItem/index.js.map +3 -3
  256. package/cjs/BreadcrumbsListItemLink/index.js +57 -0
  257. package/cjs/BreadcrumbsListItemLink/index.js.map +7 -0
  258. package/cjs/CallToAction/index.js +1 -1
  259. package/cjs/CallToAction/index.js.map +2 -2
  260. package/cjs/Card/index.js +2 -1
  261. package/cjs/Card/index.js.map +2 -2
  262. package/cjs/CheckboxItem/index.js +4 -16
  263. package/cjs/CheckboxItem/index.js.map +3 -3
  264. package/cjs/CheckboxItemInput/index.js +40 -0
  265. package/cjs/CheckboxItemInput/index.js.map +7 -0
  266. package/cjs/CheckboxItemInput/index.native/index.js +53 -0
  267. package/cjs/CheckboxItemInput/index.native.js.map +7 -0
  268. package/cjs/CheckboxItemInput/index.web/index.js +59 -0
  269. package/cjs/CheckboxItemInput/index.web.js.map +7 -0
  270. package/cjs/Chip/index.js +2 -1
  271. package/cjs/Chip/index.js.map +2 -2
  272. package/cjs/CodeBlockContainer/index.js.map +1 -1
  273. package/cjs/CodeBlockContent/index.js +3 -2
  274. package/cjs/CodeBlockContent/index.js.map +2 -2
  275. package/cjs/CodeBlockHeader/index.js +1 -3
  276. package/cjs/CodeBlockHeader/index.js.map +2 -2
  277. package/cjs/CopyToClipboardContainer/index.js +5 -41
  278. package/cjs/CopyToClipboardContainer/index.js.map +3 -3
  279. package/cjs/CopyToClipboardContainer/index.web/index.js +77 -0
  280. package/cjs/CopyToClipboardContainer/index.web.js.map +7 -0
  281. package/cjs/CopyToClipboardMessage/index.js +5 -22
  282. package/cjs/CopyToClipboardMessage/index.js.map +3 -3
  283. package/cjs/CopyToClipboardMessage/index.native/index.js +51 -0
  284. package/cjs/CopyToClipboardMessage/index.native.js.map +7 -0
  285. package/cjs/CopyToClipboardMessage/index.web/index.js +57 -0
  286. package/cjs/CopyToClipboardMessage/index.web.js.map +7 -0
  287. package/cjs/DateInputItem/index.js +5 -42
  288. package/cjs/DateInputItem/index.js.map +3 -3
  289. package/cjs/DateInputItem/index.native/index.js +50 -0
  290. package/cjs/DateInputItem/index.native.js.map +7 -0
  291. package/cjs/DateInputItem/index.web/index.js +65 -0
  292. package/cjs/DateInputItem/index.web.js.map +7 -0
  293. package/cjs/Details/index.js +5 -23
  294. package/cjs/Details/index.js.map +3 -3
  295. package/cjs/Details/index.native/index.js +50 -0
  296. package/cjs/Details/index.native.js.map +7 -0
  297. package/cjs/{SvgIcon → Details/index.web}/index.js +12 -17
  298. package/cjs/Details/index.web.js.map +7 -0
  299. package/cjs/Drawer/index.js +25 -12
  300. package/cjs/Drawer/index.js.map +2 -2
  301. package/cjs/FieldsetLegend/index.js +1 -4
  302. package/cjs/FieldsetLegend/index.js.map +2 -2
  303. package/cjs/FilterContainer/index.js +24 -11
  304. package/cjs/FilterContainer/index.js.map +2 -2
  305. package/cjs/FilterHeadingContainer/index.js +12 -2
  306. package/cjs/FilterHeadingContainer/index.js.map +3 -3
  307. package/cjs/LabelTitle/index.js +2 -4
  308. package/cjs/LabelTitle/index.js.map +2 -2
  309. package/cjs/LinkBase/index.js +2 -2
  310. package/cjs/LinkBase/index.js.map +2 -2
  311. package/cjs/ModalContainer/index.js +4 -10
  312. package/cjs/ModalContainer/index.js.map +2 -2
  313. package/cjs/NavListItemActionContainer/index.js +5 -21
  314. package/cjs/NavListItemActionContainer/index.js.map +3 -3
  315. package/cjs/NavListItemActionContainer/index.native/index.js +50 -0
  316. package/cjs/NavListItemActionContainer/index.native.js.map +7 -0
  317. package/cjs/NavListItemActionContainer/index.web/index.js +56 -0
  318. package/cjs/NavListItemActionContainer/index.web.js.map +7 -0
  319. package/cjs/NotificationBannerLink/index.js +5 -20
  320. package/cjs/NotificationBannerLink/index.js.map +3 -3
  321. package/cjs/NotificationBannerLink/index.native/index.js +49 -0
  322. package/cjs/NotificationBannerLink/index.native.js.map +7 -0
  323. package/cjs/NotificationBannerLink/index.web/index.js +55 -0
  324. package/cjs/NotificationBannerLink/index.web.js.map +7 -0
  325. package/cjs/PhaseBanner/index.js +2 -1
  326. package/cjs/PhaseBanner/index.js.map +2 -2
  327. package/cjs/PhaseBannerTag/index.js +1 -1
  328. package/cjs/PhaseBannerTag/index.js.map +1 -1
  329. package/cjs/PhaseBannerText/index.js +1 -1
  330. package/cjs/PhaseBannerText/index.js.map +2 -2
  331. package/cjs/RadioItem/index.js +2 -1
  332. package/cjs/RadioItem/index.js.map +3 -3
  333. package/cjs/ResultsHeadingActions/index.js +2 -4
  334. package/cjs/ResultsHeadingActions/index.js.map +3 -3
  335. package/cjs/Stack/index.js +6 -1
  336. package/cjs/Stack/index.js.map +2 -2
  337. package/cjs/SummaryList/index.js.map +2 -2
  338. package/cjs/SummaryListItemKey/index.js +5 -2
  339. package/cjs/SummaryListItemKey/index.js.map +2 -2
  340. package/cjs/TextArea/index.js +5 -28
  341. package/cjs/TextArea/index.js.map +3 -3
  342. package/cjs/TextArea/index.native/index.js +49 -0
  343. package/cjs/TextArea/index.native.js.map +7 -0
  344. package/cjs/TextArea/index.web/index.js +62 -0
  345. package/cjs/TextArea/index.web.js.map +7 -0
  346. package/cjs/TextInput/index.js +5 -41
  347. package/cjs/TextInput/index.js.map +3 -3
  348. package/cjs/TextInput/index.native/index.js +52 -0
  349. package/cjs/TextInput/index.native.js.map +7 -0
  350. package/cjs/TextInput/index.web/index.js +76 -0
  351. package/cjs/TextInput/index.web.js.map +7 -0
  352. package/cjs/Unpurge/index.js +2458 -1
  353. package/cjs/Unpurge/index.js.map +2 -2
  354. package/cjs/WarningText/index.js +7 -12
  355. package/cjs/WarningText/index.js.map +2 -2
  356. package/cjs/WarningTextAssistive/index.js +56 -0
  357. package/cjs/WarningTextAssistive/index.js.map +7 -0
  358. package/cjs/index.js +7 -5
  359. package/cjs/index.js.map +2 -2
  360. package/cjs/lazy/index.js +15 -13
  361. package/cjs/lazy.js.map +2 -2
  362. package/cjs/registry/index.js +31 -5
  363. package/cjs/registry.js.map +2 -2
  364. package/cjs/utils/extend.native/index.js +47 -0
  365. package/cjs/utils/extend.native.js.map +7 -0
  366. package/index.d.ts +3 -2
  367. package/index.js +4 -3
  368. package/index.js.map +2 -2
  369. package/lazy/index.js +15 -13
  370. package/lazy.d.ts +219 -217
  371. package/lazy.js.map +2 -2
  372. package/package.json +21 -4
  373. package/registry/index.js +31 -5
  374. package/registry.d.ts +15 -2
  375. package/registry.js.map +2 -2
  376. package/src/Accordion/__snapshots__/index.test.tsx.snap +2 -2
  377. package/src/AccordionControls/__snapshots__/index.test.tsx.snap +1 -1
  378. package/src/AccordionSection/__snapshots__/index.test.tsx.snap +1 -1
  379. package/src/AccordionSectionContent/__snapshots__/index.test.tsx.snap +1 -1
  380. package/src/AccordionSectionSummary/__snapshots__/index.test.tsx.snap +1 -1
  381. package/src/AccordionSectionSummaryHeading/__snapshots__/index.test.tsx.snap +1 -1
  382. package/src/AdminAside/__snapshots__/index.test.tsx.snap +1 -1
  383. package/src/AdminContainer/__snapshots__/index.test.tsx.snap +3 -3
  384. package/src/AdminHeader/__snapshots__/index.test.tsx.snap +1 -1
  385. package/src/AdminHeaderContent/__snapshots__/index.spec.tsx.snap +1 -1
  386. package/src/AdminLayout/__snapshots__/index.test.tsx.snap +2 -2
  387. package/src/AdminMain/__snapshots__/index.test.tsx.snap +1 -1
  388. package/src/AdminTopSection/__snapshots__/index.test.tsx.snap +1 -1
  389. package/src/Aside/__snapshots__/index.test.tsx.snap +2 -2
  390. package/src/AutoCompleteAssistiveHint/__snapshots__/index.test.tsx.snap +1 -1
  391. package/src/AutoCompleteContainer/__snapshots__/index.test.tsx.snap +1 -1
  392. package/src/{AutoCompleteInput → AutoCompleteInputBase}/__snapshots__/index.test.tsx.snap +3 -3
  393. package/src/{AutoCompleteInput → AutoCompleteInputBase}/index.test.tsx +4 -4
  394. package/src/{AutoCompleteInput → AutoCompleteInputBase}/index.tsx +6 -6
  395. package/src/AutoCompleteInputTypeahead/__snapshots__/index.test.tsx.snap +1 -1
  396. package/src/AutoCompleteResultList/__snapshots__/index.test.tsx.snap +2 -2
  397. package/src/AutoCompleteResultListItem/__snapshots__/index.test.tsx.snap +3 -3
  398. package/src/AutoCompleteStatus/__snapshots__/index.test.tsx.snap +1 -1
  399. package/src/AutoCompleteStatusContainer/__snapshots__/index.test.tsx.snap +1 -1
  400. package/src/BackLink/__snapshots__/index.test.tsx.snap +9 -3
  401. package/src/BannerContainer/__snapshots__/index.test.tsx.snap +1 -1
  402. package/src/Base/compat/Input/CheckboxInput.native.tsx +40 -0
  403. package/src/Base/compat/Input/RadioInput.native.tsx +39 -0
  404. package/src/Base/compat/Input/StringInput.native.tsx +115 -0
  405. package/src/Base/compat/Input/index.native.tsx +28 -0
  406. package/src/Base/compat/button.native.tsx +53 -0
  407. package/src/Base/compat/details.native.tsx +68 -0
  408. package/src/Base/compat/li.native.tsx +11 -0
  409. package/src/Base/compat/ol.native.tsx +41 -0
  410. package/src/Base/index.native.tsx +202 -0
  411. package/src/Base/index.tsx +2 -257
  412. package/src/Base/index.web.tsx +267 -0
  413. package/src/Base/mapping.native.tsx +41 -0
  414. package/src/Base/utils.ts +94 -0
  415. package/src/Base/wrap.native.tsx +98 -0
  416. package/src/Blockquote/__snapshots__/index.test.tsx.snap +2 -2
  417. package/src/Bottom/__snapshots__/index.test.tsx.snap +1 -1
  418. package/src/BottomInfo/__snapshots__/index.test.tsx.snap +2 -2
  419. package/src/BottomInfoContainer/__snapshots__/index.test.tsx.snap +2 -2
  420. package/src/BottomInfoContent/__snapshots__/index.test.tsx.snap +1 -1
  421. package/src/Breadcrumbs/__snapshots__/index.test.tsx.snap +1 -1
  422. package/src/BreadcrumbsList/__snapshots__/index.test.tsx.snap +1 -1
  423. package/src/BreadcrumbsListItem/__snapshots__/index.test.tsx.snap +2 -23
  424. package/src/BreadcrumbsListItem/index.test.tsx +0 -5
  425. package/src/BreadcrumbsListItem/index.tsx +6 -20
  426. package/src/BreadcrumbsListItemLink/__snapshots__/index.test.tsx.snap +26 -0
  427. package/src/BreadcrumbsListItemLink/index.test.tsx +15 -0
  428. package/src/BreadcrumbsListItemLink/index.tsx +33 -0
  429. package/src/Button/__snapshots__/index.test.tsx.snap +13 -13
  430. package/src/ButtonGroup/__snapshots__/index.test.tsx.snap +1 -1
  431. package/src/ButtonLink/__snapshots__/index.test.tsx.snap +12 -12
  432. package/src/CallToAction/__snapshots__/index.test.tsx.snap +6 -3
  433. package/src/CallToAction/index.tsx +2 -2
  434. package/src/Card/__snapshots__/index.test.tsx.snap +13 -13
  435. package/src/Card/index.tsx +3 -2
  436. package/src/CardAction/__snapshots__/index.test.tsx.snap +1 -1
  437. package/src/CardContent/__snapshots__/index.test.tsx.snap +1 -1
  438. package/src/CardHeading/__snapshots__/index.test.tsx.snap +1 -1
  439. package/src/Checkbox/__snapshots__/index.test.tsx.snap +3 -3
  440. package/src/CheckboxConditional/__snapshots__/index.test.tsx.snap +1 -1
  441. package/src/CheckboxItem/__snapshots__/index.test.tsx.snap +4 -4
  442. package/src/CheckboxItem/index.tsx +4 -14
  443. package/src/CheckboxItemInput/index.native.tsx +17 -0
  444. package/src/CheckboxItemInput/index.tsx +2 -0
  445. package/src/CheckboxItemInput/index.web.tsx +34 -0
  446. package/src/Chip/__snapshots__/index.test.tsx.snap +1 -1
  447. package/src/Chip/index.tsx +3 -2
  448. package/src/ChipContainer/__snapshots__/index.spec.tsx.snap +1 -1
  449. package/src/ChipHeading/__snapshots__/index.test.tsx.snap +1 -1
  450. package/src/ChipKeyValue/__snapshots__/index.test.tsx.snap +1 -1
  451. package/src/ChoiceDividerText/__snapshots__/index.test.tsx.snap +1 -1
  452. package/src/CircularProgress/__snapshots__/index.test.tsx.snap +7 -7
  453. package/src/CloseButton/__snapshots__/index.test.tsx.snap +9 -3
  454. package/src/Code/__snapshots__/index.test.tsx.snap +4 -4
  455. package/src/CodeBlockContainer/__snapshots__/index.test.tsx.snap +3 -9
  456. package/src/CodeBlockContainer/index.tsx +1 -1
  457. package/src/CodeBlockContent/__snapshots__/index.test.tsx.snap +17 -0
  458. package/src/CodeBlockContent/index.tsx +5 -4
  459. package/src/CodeBlockHeader/__snapshots__/index.test.tsx.snap +13 -0
  460. package/src/CodeBlockHeader/index.tsx +2 -4
  461. package/src/Container/__snapshots__/index.test.tsx.snap +4 -4
  462. package/src/CopyToClipboardContainer/__snapshots__/index.spec.tsx.snap +4 -4
  463. package/src/CopyToClipboardContainer/index.tsx +2 -74
  464. package/src/CopyToClipboardContainer/index.web.tsx +75 -0
  465. package/src/CopyToClipboardMessage/__snapshots__/index.test.tsx.snap +4 -4
  466. package/src/CopyToClipboardMessage/index.native.tsx +21 -0
  467. package/src/CopyToClipboardMessage/index.tsx +2 -41
  468. package/src/CopyToClipboardMessage/index.web.tsx +41 -0
  469. package/src/CopyrightContainer/__snapshots__/index.test.tsx.snap +1 -1
  470. package/src/DateInputContainer/__snapshots__/index.test.tsx.snap +2 -2
  471. package/src/DateInputItem/__snapshots__/index.test.tsx.snap +4 -4
  472. package/src/DateInputItem/index.native.tsx +12 -0
  473. package/src/DateInputItem/index.tsx +2 -64
  474. package/src/DateInputItem/index.web.tsx +53 -0
  475. package/src/Details/__snapshots__/index.test.tsx.snap +1 -1
  476. package/src/Details/index.native.tsx +14 -0
  477. package/src/Details/index.tsx +2 -27
  478. package/src/Details/index.web.tsx +27 -0
  479. package/src/DetailsContent/__snapshots__/index.test.tsx.snap +1 -1
  480. package/src/DetailsSummary/__snapshots__/index.test.tsx.snap +1 -1
  481. package/src/Drawer/__snapshots__/index.test.tsx.snap +38 -31
  482. package/src/Drawer/index.tsx +29 -16
  483. package/src/DrawerHeading/__snapshots__/index.test.tsx.snap +6 -3
  484. package/src/DropdownBase/__snapshots__/index.test.tsx.snap +7 -7
  485. package/src/DropdownButton/__snapshots__/index.test.tsx.snap +41 -23
  486. package/src/DropdownContent/__snapshots__/index.test.tsx.snap +2 -2
  487. package/src/ErrorMessage/__snapshots__/index.test.tsx.snap +1 -1
  488. package/src/ErrorSummary/__snapshots__/index.test.tsx.snap +3 -3
  489. package/src/FieldContainer/__snapshots__/index.test.tsx.snap +2 -2
  490. package/src/Fieldset/__snapshots__/index.test.tsx.snap +1 -1
  491. package/src/FieldsetLegend/__snapshots__/index.test.tsx.snap +11 -11
  492. package/src/FieldsetLegend/index.tsx +1 -4
  493. package/src/FileUpload/__snapshots__/index.test.tsx.snap +3 -3
  494. package/src/FileUploadContainer/__snapshots__/index.test.tsx.snap +1 -1
  495. package/src/FillableText/__snapshots__/index.test.tsx.snap +1 -1
  496. package/src/FilterContainer/__snapshots__/index.test.tsx.snap +71 -3
  497. package/src/FilterContainer/index.test.tsx +21 -0
  498. package/src/FilterContainer/index.tsx +29 -16
  499. package/src/FilterContent/__snapshots__/index.test.tsx.snap +1 -1
  500. package/src/FilterHeadingContainer/__snapshots__/index.test.tsx.snap +13 -1
  501. package/src/FilterHeadingContainer/index.test.tsx +10 -0
  502. package/src/FilterHeadingContainer/index.tsx +29 -2
  503. package/src/FilterOptionsSection/__snapshots__/index.spec.tsx.snap +1 -1
  504. package/src/FilterSelectedHeading/__snapshots__/index.spec.tsx.snap +1 -1
  505. package/src/FilterSelectedSection/__snapshots__/index.test.tsx.snap +1 -1
  506. package/src/Footer/__snapshots__/index.test.tsx.snap +1 -1
  507. package/src/FooterContainer/__snapshots__/index.test.tsx.snap +1 -1
  508. package/src/FooterContent/__snapshots__/index.test.tsx.snap +1 -1
  509. package/src/FooterContentLogos/__snapshots__/index.test.tsx.snap +1 -1
  510. package/src/FooterHeading/__snapshots__/index.test.tsx.snap +1 -1
  511. package/src/FooterImage/__snapshots__/index.test.tsx.snap +1 -1
  512. package/src/FooterInfo/__snapshots__/index.test.tsx.snap +1 -1
  513. package/src/FooterInfoSection/__snapshots__/index.test.tsx.snap +1 -1
  514. package/src/FooterLink/__snapshots__/index.test.tsx.snap +1 -1
  515. package/src/FooterList/__snapshots__/index.test.tsx.snap +2 -2
  516. package/src/FooterListItem/__snapshots__/index.test.tsx.snap +1 -1
  517. package/src/FooterNavigation/__snapshots__/index.test.tsx.snap +1 -1
  518. package/src/FooterNavigationSection/__snapshots__/index.test.tsx.snap +1 -1
  519. package/src/Form/__snapshots__/index.test.tsx.snap +1 -1
  520. package/src/FullPageBackground/__snapshots__/index.test.tsx.snap +1 -1
  521. package/src/GovGRLogo/__snapshots__/index.test.tsx.snap +1 -1
  522. package/src/Grid/__snapshots__/index.test.tsx.snap +1 -1
  523. package/src/Header/__snapshots__/index.test.tsx.snap +1 -1
  524. package/src/HeaderContent/__snapshots__/index.test.tsx.snap +1 -1
  525. package/src/HeaderLogo/__snapshots__/index.test.tsx.snap +1 -1
  526. package/src/HeaderNavMenuContent/__snapshots__/index.test.tsx.snap +1 -1
  527. package/src/HeaderSecondaryLogo/__snapshots__/index.test.tsx.snap +1 -1
  528. package/src/HeaderSection/__snapshots__/index.test.tsx.snap +1 -1
  529. package/src/HeaderTitle/__snapshots__/index.test.tsx.snap +1 -1
  530. package/src/Heading/__snapshots__/index.test.tsx.snap +1 -1
  531. package/src/HeadingCaption/__snapshots__/index.test.tsx.snap +1 -1
  532. package/src/HellenicRepublicLogo/__snapshots__/index.test.tsx.snap +1 -1
  533. package/src/Hidden/__snapshots__/index.test.tsx.snap +1 -1
  534. package/src/Hint/__snapshots__/index.test.tsx.snap +1 -1
  535. package/src/ImageLogo/__snapshots__/index.test.tsx.snap +3 -3
  536. package/src/ImageLogoSet/__snapshots__/index.test.tsx.snap +6 -6
  537. package/src/LabelContainer/__snapshots__/index.test.tsx.snap +1 -1
  538. package/src/LabelTitle/__snapshots__/index.test.tsx.snap +11 -11
  539. package/src/LabelTitle/index.tsx +2 -4
  540. package/src/LabeledText/__snapshots__/index.test.tsx.snap +2 -2
  541. package/src/Layout/__snapshots__/index.test.tsx.snap +2 -2
  542. package/src/LinkBase/__snapshots__/index.test.tsx.snap +2 -2
  543. package/src/LinkBase/index.tsx +10 -2
  544. package/src/List/__snapshots__/index.test.tsx.snap +7 -7
  545. package/src/ListItem/__snapshots__/index.test.tsx.snap +1 -1
  546. package/src/LoaderContainer/__snapshots__/index.test.tsx.snap +1 -1
  547. package/src/Main/__snapshots__/index.test.tsx.snap +1 -1
  548. package/src/Masthead/__snapshots__/index.test.tsx.snap +2 -2
  549. package/src/MastheadBody/__snapshots__/index.test.tsx.snap +1 -1
  550. package/src/MastheadLogo/__snapshots__/index.test.tsx.snap +1 -1
  551. package/src/ModalAction/__snapshots__/index.test.tsx.snap +1 -1
  552. package/src/ModalContainer/__snapshots__/index.test.tsx.snap +4 -4
  553. package/src/ModalContainer/index.tsx +15 -13
  554. package/src/ModalContent/__snapshots__/index.test.tsx.snap +1 -1
  555. package/src/ModalHeading/__snapshots__/index.test.tsx.snap +1 -1
  556. package/src/Nav/__snapshots__/index.test.tsx.snap +8 -8
  557. package/src/NavList/__snapshots__/index.test.tsx.snap +3 -3
  558. package/src/NavListItemAction/__snapshots__/index.test.tsx.snap +1 -1
  559. package/src/NavListItemActionContainer/__snapshots__/index.test.tsx.snap +1 -1
  560. package/src/NavListItemActionContainer/index.native.tsx +18 -0
  561. package/src/NavListItemActionContainer/index.tsx +2 -28
  562. package/src/NavListItemActionContainer/index.web.tsx +28 -0
  563. package/src/NavListItemBadge/__snapshots__/index.test.tsx.snap +1 -1
  564. package/src/NavListItemButton/__snapshots__/index.test.tsx.snap +13 -4
  565. package/src/NavListItemLink/__snapshots__/index.test.tsx.snap +2 -2
  566. package/src/NavMenuContainer/__snapshots__/index.test.tsx.snap +8 -8
  567. package/src/NavMenuContent/__snapshots__/index.test.tsx.snap +1 -1
  568. package/src/NavMenuContentListBase/__snapshots__/index.test.tsx.snap +1 -1
  569. package/src/NavMenuContentListItem/__snapshots__/index.test.tsx.snap +1 -1
  570. package/src/NavMenuTitle/__snapshots__/index.test.tsx.snap +1 -1
  571. package/src/NormalText/__snapshots__/index.test.tsx.snap +21 -21
  572. package/src/NotificationBannerContainer/__snapshots__/index.test.tsx.snap +4 -4
  573. package/src/NotificationBannerContent/__snapshots__/index.test.tsx.snap +1 -1
  574. package/src/NotificationBannerHeader/__snapshots__/index.test.tsx.snap +2 -2
  575. package/src/NotificationBannerHeading/__snapshots__/index.test.tsx.snap +1 -1
  576. package/src/NotificationBannerLink/__snapshots__/index.test.tsx.snap +1 -1
  577. package/src/NotificationBannerLink/index.native.tsx +22 -0
  578. package/src/NotificationBannerLink/index.tsx +2 -28
  579. package/src/NotificationBannerLink/index.web.tsx +28 -0
  580. package/src/PageTitleCaption/__snapshots__/index.test.tsx.snap +1 -1
  581. package/src/PageTitleContainer/__snapshots__/index.test.tsx.snap +1 -1
  582. package/src/PageTitleHeading/__snapshots__/index.test.tsx.snap +1 -1
  583. package/src/Pagination/__snapshots__/index.spec.tsx.snap +2 -2
  584. package/src/PaginationLabelContainer/__snapshots__/index.spec.tsx.snap +1 -1
  585. package/src/PaginationList/__snapshots__/index.spec.tsx.snap +1 -1
  586. package/src/PaginationListItem/__snapshots__/index.spec.tsx.snap +4 -4
  587. package/src/Panel/__snapshots__/index.test.tsx.snap +2 -2
  588. package/src/PanelBody/__snapshots__/index.test.tsx.snap +1 -1
  589. package/src/PanelTitle/__snapshots__/index.test.tsx.snap +1 -1
  590. package/src/Paragraph/__snapshots__/index.test.tsx.snap +21 -21
  591. package/src/PhaseBanner/__snapshots__/index.test.tsx.snap +2 -2
  592. package/src/PhaseBanner/index.tsx +2 -2
  593. package/src/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +1 -1
  594. package/src/PhaseBannerTag/__snapshots__/index.test.tsx.snap +3 -3
  595. package/src/PhaseBannerTag/index.tsx +3 -3
  596. package/src/PhaseBannerText/__snapshots__/index.test.tsx.snap +2 -2
  597. package/src/PhaseBannerText/index.tsx +1 -1
  598. package/src/RadioConditional/__snapshots__/index.test.tsx.snap +1 -1
  599. package/src/RadioContainer/__snapshots__/index.test.tsx.snap +3 -3
  600. package/src/RadioItem/__snapshots__/index.test.tsx.snap +4 -4
  601. package/src/RadioItem/index.tsx +2 -2
  602. package/src/ResultsActionBar/__snapshots__/indext.test.tsx.snap +1 -1
  603. package/src/ResultsHeading/__snapshots__/index.test.tsx.snap +1 -1
  604. package/src/ResultsHeadingActions/__snapshots__/index.test.tsx.snap +1 -6
  605. package/src/ResultsHeadingActions/index.tsx +2 -7
  606. package/src/SearchButton/__snapshots__/index.test.tsx.snap +5 -2
  607. package/src/SearchContainer/__snapshots__/index.test.tsx.snap +1 -1
  608. package/src/Section/__snapshots__/index.test.tsx.snap +1 -1
  609. package/src/SectionBreak/__snapshots__/index.test.tsx.snap +6 -6
  610. package/src/SelectContainer/__snapshots__/index.test.tsx.snap +2 -2
  611. package/src/SelectOption/__snapshots__/index.test.tsx.snap +1 -1
  612. package/src/SingleCharacterInput/__snapshots__/index.test.tsx.snap +4 -4
  613. package/src/SingleCharacterInputs/__snapshots__/index.test.tsx.snap +1 -1
  614. package/src/Skeleton/__snapshots__/index.test.tsx.snap +12 -12
  615. package/src/SkipLink/__snapshots__/index.test.tsx.snap +1 -1
  616. package/src/Stack/__snapshots__/index.test.tsx.snap +31 -31
  617. package/src/Stack/index.tsx +32 -13
  618. package/src/StepNav/__snapshots__/index.test.tsx.snap +2 -2
  619. package/src/StepNavAccordion/__snapshots__/index.test.tsx.snap +1 -1
  620. package/src/StepNavAccordionContent/__snapshots__/index.test.tsx.snap +1 -1
  621. package/src/StepNavAccordionHeadingText/__snapshots__/index.test.tsx.snap +1 -1
  622. package/src/StepNavAccordionHeadingTitle/__snapshots__/index.test.tsx.snap +1 -1
  623. package/src/StepNavAccordionSummary/__snapshots__/index.test.tsx.snap +1 -1
  624. package/src/StepNavAccordionSummaryHeading/__snapshots__/index.test.tsx.snap +5 -5
  625. package/src/StepNavCircleNumber/__snapshots__/index.test.tsx.snap +2 -2
  626. package/src/StepNavControls/__snapshots__/index.test.tsx.snap +1 -1
  627. package/src/StepNavList/__snapshots__/index.test.tsx.snap +1 -1
  628. package/src/StepNavListItem/__snapshots__/index.test.tsx.snap +1 -1
  629. package/src/SummaryList/__snapshots__/index.test.tsx.snap +1 -1
  630. package/src/SummaryList/index.tsx +7 -5
  631. package/src/SummaryListItem/__snapshots__/index.test.tsx.snap +1 -1
  632. package/src/SummaryListItemAction/__snapshots__/index.test.tsx.snap +1 -1
  633. package/src/SummaryListItemKey/__snapshots__/index.test.tsx.snap +2 -2
  634. package/src/SummaryListItemKey/index.tsx +24 -2
  635. package/src/SummaryListItemValue/__snapshots__/index.test.tsx.snap +1 -1
  636. package/src/Table/__snapshots__/index.test.tsx.snap +20 -10
  637. package/src/Table/index.test.tsx +6 -5
  638. package/src/TableBody/__snapshots__/index.test.tsx.snap +7 -5
  639. package/src/TableBody/index.test.tsx +2 -1
  640. package/src/TableCaption/__snapshots__/index.test.tsx.snap +41 -21
  641. package/src/TableCaption/index.test.tsx +6 -5
  642. package/src/TableContainer/__snapshots__/index.test.tsx.snap +2 -2
  643. package/src/TableDataCell/__snapshots__/index.test.tsx.snap +33 -9
  644. package/src/TableDataCell/index.test.tsx +5 -2
  645. package/src/TableHead/__snapshots__/index.test.tsx.snap +17 -5
  646. package/src/TableHead/index.test.tsx +4 -1
  647. package/src/TableHeadCell/__snapshots__/index.test.tsx.snap +213 -45
  648. package/src/TableHeadCell/index.test.tsx +17 -14
  649. package/src/TableLoaderBackground/__snapshots__/index.test.tsx.snap +1 -1
  650. package/src/TableNoDataRow/__snapshots__/index.test.tsx.snap +15 -9
  651. package/src/TableNoDataRow/index.test.tsx +3 -1
  652. package/src/TableRow/__snapshots__/index.test.tsx.snap +31 -13
  653. package/src/TableRow/index.test.tsx +5 -3
  654. package/src/TableSortIconContainer/__snapshots__/index.test.tsx.snap +1 -1
  655. package/src/Tabs/__snapshots__/index.test.tsx.snap +2 -2
  656. package/src/TabsHeading/__snapshots__/index.test.tsx.snap +1 -1
  657. package/src/TabsList/__snapshots__/index.test.tsx.snap +1 -1
  658. package/src/TabsListItemBase/__snapshots__/index.test.tsx.snap +1 -1
  659. package/src/TabsPanelBase/__snapshots__/index.test.tsx.snap +3 -3
  660. package/src/TaskList/__snapshots__/index.test.tsx.snap +2 -2
  661. package/src/TaskListItem/__snapshots__/index.test.tsx.snap +1 -1
  662. package/src/TaskListItemContent/__snapshots__/index.test.tsx.snap +1 -1
  663. package/src/TaskListItemHeading/__snapshots__/index.test.tsx.snap +4 -4
  664. package/src/TaskListItemTag/__snapshots__/index.test.tsx.snap +4 -4
  665. package/src/TextArea/__snapshots__/index.test.tsx.snap +15 -2
  666. package/src/TextArea/index.native.tsx +11 -0
  667. package/src/TextArea/index.test.tsx +11 -7
  668. package/src/TextArea/index.tsx +2 -50
  669. package/src/TextArea/index.web.tsx +48 -0
  670. package/src/TextInput/__snapshots__/index.test.tsx.snap +43 -43
  671. package/src/TextInput/index.native.tsx +15 -0
  672. package/src/TextInput/index.tsx +2 -87
  673. package/src/TextInput/index.web.tsx +87 -0
  674. package/src/Timeline/__snapshots__/index.test.tsx.snap +2 -2
  675. package/src/TimelineActions/__snapshots__/index.test.tsx.snap +1 -1
  676. package/src/TimelineContent/__snapshots__/index.test.tsx.snap +1 -1
  677. package/src/TimelineHeading/__snapshots__/index.test.tsx.snap +3 -3
  678. package/src/TimelineItem/__snapshots__/index.test.tsx.snap +1 -1
  679. package/src/Top/__snapshots__/index.test.tsx.snap +1 -1
  680. package/src/Typography/__snapshots__/index.test.tsx.snap +1 -1
  681. package/src/Unpurge/index.tsx +2460 -2
  682. package/src/VisuallyHidden/__snapshots__/index.test.tsx.snap +1 -1
  683. package/src/WarningText/__snapshots__/index.test.tsx.snap +11 -11
  684. package/src/WarningText/index.tsx +12 -15
  685. package/src/WarningTextAssistive/index.tsx +37 -0
  686. package/src/index.ts +3 -2
  687. package/src/lazy.js +15 -13
  688. package/src/registry.js +32 -6
  689. package/src/utils/extend.native.tsx +36 -0
  690. package/utils/extend.native/index.js +14 -0
  691. package/utils/extend.native/package.json +6 -0
  692. package/utils/extend.native.d.ts +23 -0
  693. package/utils/extend.native.js.map +7 -0
  694. package/AutoCompleteInput/index.d.ts +0 -17
  695. package/AutoCompleteInput/index.js.map +0 -7
  696. package/SvgIcon/index.d.ts +0 -37
  697. package/SvgIcon/index.js +0 -30
  698. package/SvgIcon/index.js.map +0 -7
  699. package/cjs/AutoCompleteInput/index.js.map +0 -7
  700. package/cjs/SvgIcon/index.js.map +0 -7
  701. package/src/SvgIcon/__snapshots__/index.test.tsx.snap +0 -254
  702. package/src/SvgIcon/index.test.tsx +0 -68
  703. package/src/SvgIcon/index.tsx +0 -72
  704. /package/{AutoCompleteInput → AutoCompleteInputBase}/index.test.d.ts +0 -0
  705. /package/{SvgIcon → BreadcrumbsListItemLink}/index.test.d.ts +0 -0
@@ -1,10 +1,10 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`renders the TaskList with dense prop 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <ol
7
- class="ds-task-list--dense ds-task-list"
7
+ class="ds-task-list ds-task-list--dense"
8
8
  >
9
9
  hello
10
10
  </ol>
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`renders the TaskListItem with no prop 1`] = `
4
4
  <body>
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`renders the Timeline with no prop 1`] = `
4
4
  <body>
@@ -1,10 +1,10 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`renders the TaskListItemHeading with no prop 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <h2
7
- class="ds-heading-lg ds-mb-4"
7
+ class="ds-mb-4 ds-heading-lg"
8
8
  >
9
9
  hello
10
10
  </h2>
@@ -16,7 +16,7 @@ exports[`renders the TaskListItemHeading with size = "md" prop 1`] = `
16
16
  <body>
17
17
  <div>
18
18
  <h3
19
- class="ds-heading-md ds-mb-4"
19
+ class="ds-mb-4 ds-heading-md"
20
20
  >
21
21
  hello
22
22
  </h3>
@@ -28,7 +28,7 @@ exports[`renders the TaskListItemHeading with size = "sm" prop 1`] = `
28
28
  <body>
29
29
  <div>
30
30
  <h4
31
- class="ds-heading-sm ds-mb-4"
31
+ class="ds-mb-4 ds-heading-sm"
32
32
  >
33
33
  hello
34
34
  </h4>
@@ -1,10 +1,10 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`renders the TaskListItemTag with color="primary" props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <strong
7
- class="ds-task-list__content__tag--primary ds-task-list__content__tag"
7
+ class="ds-task-list__content__tag ds-task-list__content__tag--primary"
8
8
  >
9
9
  hello
10
10
  </strong>
@@ -16,7 +16,7 @@ exports[`renders the TaskListItemTag with color="secondary" props 1`] = `
16
16
  <body>
17
17
  <div>
18
18
  <strong
19
- class="ds-task-list__content__tag--secondary ds-task-list__content__tag"
19
+ class="ds-task-list__content__tag ds-task-list__content__tag--secondary"
20
20
  >
21
21
  hello
22
22
  </strong>
@@ -40,7 +40,7 @@ exports[`renders the TaskListItemTag with status="info" props 1`] = `
40
40
  <body>
41
41
  <div>
42
42
  <strong
43
- class="ds-task-list__content__tag--info ds-task-list__content__tag"
43
+ class="ds-task-list__content__tag ds-task-list__content__tag--info"
44
44
  >
45
45
  hello
46
46
  </strong>
@@ -1,10 +1,10 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`renders the TextArea with dense prop 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <textarea
7
- class="ds-textarea--dense ds-textarea"
7
+ class="ds-textarea ds-textarea--dense"
8
8
  rows="3"
9
9
  >
10
10
  hello
@@ -90,3 +90,16 @@ exports[`renders the TextArea with rows=8 1`] = `
90
90
  </div>
91
91
  </body>
92
92
  `;
93
+
94
+ exports[`renders the TextArea with value props 1`] = `
95
+ <body>
96
+ <div>
97
+ <textarea
98
+ class="ds-textarea"
99
+ rows="6"
100
+ >
101
+ hello
102
+ </textarea>
103
+ </div>
104
+ </body>
105
+ `;
@@ -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;
@@ -4,28 +4,32 @@ import { render } from '@testing-library/react';
4
4
  import TextArea from '@digigov/react-core/TextArea';
5
5
 
6
6
  it('renders the TextArea with no props', () => {
7
- expect(render(<TextArea>hello</TextArea>).baseElement).toMatchSnapshot();
7
+ expect(render(<TextArea defaultValue="hello" />).baseElement).toMatchSnapshot();
8
+ });
9
+
10
+ it('renders the TextArea with value props', () => {
11
+ expect(render(<TextArea value="hello" onChange={() => {}} />).baseElement).toMatchSnapshot();
8
12
  });
9
13
 
10
14
  it('renders the TextArea with rows=4', () => {
11
- expect(render(<TextArea rows={4}>hello</TextArea>).baseElement).toMatchSnapshot();
15
+ expect(render(<TextArea rows={4} defaultValue="hello" />).baseElement).toMatchSnapshot();
12
16
  });
13
17
 
14
18
  it('renders the TextArea with rows=5', () => {
15
- expect(render(<TextArea rows={5}>hello</TextArea>).baseElement).toMatchSnapshot();
19
+ expect(render(<TextArea rows={5} defaultValue="hello" />).baseElement).toMatchSnapshot();
16
20
  });
17
21
 
18
22
  it('renders the TextArea with rows=6', () => {
19
- expect(render(<TextArea rows={6}>hello</TextArea>).baseElement).toMatchSnapshot();
23
+ expect(render(<TextArea rows={6} defaultValue="hello" />).baseElement).toMatchSnapshot();
20
24
  });
21
25
 
22
26
  it('renders the TextArea with rows=7', () => {
23
- expect(render(<TextArea rows={7}>hello</TextArea>).baseElement).toMatchSnapshot();
27
+ expect(render(<TextArea rows={7} defaultValue="hello" />).baseElement).toMatchSnapshot();
24
28
  });
25
29
 
26
30
  it('renders the TextArea with rows=8', () => {
27
- expect(render(<TextArea rows={8}>hello</TextArea>).baseElement).toMatchSnapshot();
31
+ expect(render(<TextArea rows={8} defaultValue="hello" />).baseElement).toMatchSnapshot();
28
32
  });
29
33
  it('renders the TextArea with dense prop', () => {
30
- expect(render(<TextArea dense>hello</TextArea>).baseElement).toMatchSnapshot();
34
+ expect(render(<TextArea dense defaultValue="hello" />).baseElement).toMatchSnapshot();
31
35
  });
@@ -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';
@@ -0,0 +1,48 @@
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, ...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
+ );
45
+ }
46
+ );
47
+
48
+ export default TextArea;
@@ -1,10 +1,10 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`renders the TextInput with with maxWidth="5-char" with width=full 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <input
7
- class="ds-input--width-5-char ds-input"
7
+ class="ds-input ds-input--width-5-char"
8
8
  type="text"
9
9
  />
10
10
  </div>
@@ -15,7 +15,7 @@ exports[`renders the TextInput with with maxWidth="5-char" with width=one-half
15
15
  <body>
16
16
  <div>
17
17
  <input
18
- class="ds-input--width-5-char ds-!-width-one-half ds-input"
18
+ class="ds-input ds-input--width-5-char ds-!-width-one-half"
19
19
  type="text"
20
20
  />
21
21
  </div>
@@ -26,7 +26,7 @@ exports[`renders the TextInput with with maxWidth="5-char" with width=one-quart
26
26
  <body>
27
27
  <div>
28
28
  <input
29
- class="ds-input--width-5-char ds-!-width-one-quarter ds-input"
29
+ class="ds-input ds-input--width-5-char ds-!-width-one-quarter"
30
30
  type="text"
31
31
  />
32
32
  </div>
@@ -37,7 +37,7 @@ exports[`renders the TextInput with with maxWidth="5-char" with width=one-third
37
37
  <body>
38
38
  <div>
39
39
  <input
40
- class="ds-input--width-5-char ds-!-width-one-third ds-input"
40
+ class="ds-input ds-input--width-5-char ds-!-width-one-third"
41
41
  type="text"
42
42
  />
43
43
  </div>
@@ -48,7 +48,7 @@ exports[`renders the TextInput with with maxWidth="5-char" with width=three-qua
48
48
  <body>
49
49
  <div>
50
50
  <input
51
- class="ds-input--width-5-char ds-!-width-three-quarters ds-input"
51
+ class="ds-input ds-input--width-5-char ds-!-width-three-quarters"
52
52
  type="text"
53
53
  />
54
54
  </div>
@@ -59,7 +59,7 @@ exports[`renders the TextInput with with maxWidth="5-char" with width=two-third
59
59
  <body>
60
60
  <div>
61
61
  <input
62
- class="ds-input--width-5-char ds-!-width-two-thirds ds-input"
62
+ class="ds-input ds-input--width-5-char ds-!-width-two-thirds"
63
63
  type="text"
64
64
  />
65
65
  </div>
@@ -70,7 +70,7 @@ exports[`renders the TextInput with dense prop 1`] = `
70
70
  <body>
71
71
  <div>
72
72
  <input
73
- class="ds-input--dense ds-input"
73
+ class="ds-input ds-input--dense"
74
74
  type="text"
75
75
  />
76
76
  </div>
@@ -81,7 +81,7 @@ exports[`renders the TextInput with maxWidth="2-char" 1`] = `
81
81
  <body>
82
82
  <div>
83
83
  <input
84
- class="ds-input--width-2-char ds-input"
84
+ class="ds-input ds-input--width-2-char"
85
85
  type="text"
86
86
  />
87
87
  </div>
@@ -92,7 +92,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=full 1`] =
92
92
  <body>
93
93
  <div>
94
94
  <input
95
- class="ds-input--width-2-char ds-input"
95
+ class="ds-input ds-input--width-2-char"
96
96
  type="text"
97
97
  />
98
98
  </div>
@@ -103,7 +103,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=one-half 1`
103
103
  <body>
104
104
  <div>
105
105
  <input
106
- class="ds-input--width-2-char ds-!-width-one-half ds-input"
106
+ class="ds-input ds-input--width-2-char ds-!-width-one-half"
107
107
  type="text"
108
108
  />
109
109
  </div>
@@ -114,7 +114,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=one-quarter
114
114
  <body>
115
115
  <div>
116
116
  <input
117
- class="ds-input--width-2-char ds-!-width-one-quarter ds-input"
117
+ class="ds-input ds-input--width-2-char ds-!-width-one-quarter"
118
118
  type="text"
119
119
  />
120
120
  </div>
@@ -125,7 +125,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=one-third 1
125
125
  <body>
126
126
  <div>
127
127
  <input
128
- class="ds-input--width-2-char ds-!-width-one-third ds-input"
128
+ class="ds-input ds-input--width-2-char ds-!-width-one-third"
129
129
  type="text"
130
130
  />
131
131
  </div>
@@ -136,7 +136,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=three-quart
136
136
  <body>
137
137
  <div>
138
138
  <input
139
- class="ds-input--width-2-char ds-!-width-three-quarters ds-input"
139
+ class="ds-input ds-input--width-2-char ds-!-width-three-quarters"
140
140
  type="text"
141
141
  />
142
142
  </div>
@@ -147,7 +147,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=two-thirds
147
147
  <body>
148
148
  <div>
149
149
  <input
150
- class="ds-input--width-2-char ds-!-width-two-thirds ds-input"
150
+ class="ds-input ds-input--width-2-char ds-!-width-two-thirds"
151
151
  type="text"
152
152
  />
153
153
  </div>
@@ -158,7 +158,7 @@ exports[`renders the TextInput with maxWidth="3-char" 1`] = `
158
158
  <body>
159
159
  <div>
160
160
  <input
161
- class="ds-input--width-3-char ds-input"
161
+ class="ds-input ds-input--width-3-char"
162
162
  type="text"
163
163
  />
164
164
  </div>
@@ -169,7 +169,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=full 1`] =
169
169
  <body>
170
170
  <div>
171
171
  <input
172
- class="ds-input--width-3-char ds-input"
172
+ class="ds-input ds-input--width-3-char"
173
173
  type="text"
174
174
  />
175
175
  </div>
@@ -180,7 +180,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=one-half 1`
180
180
  <body>
181
181
  <div>
182
182
  <input
183
- class="ds-input--width-3-char ds-!-width-one-half ds-input"
183
+ class="ds-input ds-input--width-3-char ds-!-width-one-half"
184
184
  type="text"
185
185
  />
186
186
  </div>
@@ -191,7 +191,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=one-quarter
191
191
  <body>
192
192
  <div>
193
193
  <input
194
- class="ds-input--width-3-char ds-!-width-one-quarter ds-input"
194
+ class="ds-input ds-input--width-3-char ds-!-width-one-quarter"
195
195
  type="text"
196
196
  />
197
197
  </div>
@@ -202,7 +202,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=one-third 1
202
202
  <body>
203
203
  <div>
204
204
  <input
205
- class="ds-input--width-3-char ds-!-width-one-third ds-input"
205
+ class="ds-input ds-input--width-3-char ds-!-width-one-third"
206
206
  type="text"
207
207
  />
208
208
  </div>
@@ -213,7 +213,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=three-quart
213
213
  <body>
214
214
  <div>
215
215
  <input
216
- class="ds-input--width-3-char ds-!-width-three-quarters ds-input"
216
+ class="ds-input ds-input--width-3-char ds-!-width-three-quarters"
217
217
  type="text"
218
218
  />
219
219
  </div>
@@ -224,7 +224,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=two-thirds
224
224
  <body>
225
225
  <div>
226
226
  <input
227
- class="ds-input--width-3-char ds-!-width-two-thirds ds-input"
227
+ class="ds-input ds-input--width-3-char ds-!-width-two-thirds"
228
228
  type="text"
229
229
  />
230
230
  </div>
@@ -235,7 +235,7 @@ exports[`renders the TextInput with maxWidth="4-char" 1`] = `
235
235
  <body>
236
236
  <div>
237
237
  <input
238
- class="ds-input--width-4-char ds-input"
238
+ class="ds-input ds-input--width-4-char"
239
239
  type="text"
240
240
  />
241
241
  </div>
@@ -246,7 +246,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=full 1`] =
246
246
  <body>
247
247
  <div>
248
248
  <input
249
- class="ds-input--width-4-char ds-input"
249
+ class="ds-input ds-input--width-4-char"
250
250
  type="text"
251
251
  />
252
252
  </div>
@@ -257,7 +257,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=one-half 1`
257
257
  <body>
258
258
  <div>
259
259
  <input
260
- class="ds-input--width-4-char ds-!-width-one-half ds-input"
260
+ class="ds-input ds-input--width-4-char ds-!-width-one-half"
261
261
  type="text"
262
262
  />
263
263
  </div>
@@ -268,7 +268,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=one-quarter
268
268
  <body>
269
269
  <div>
270
270
  <input
271
- class="ds-input--width-4-char ds-!-width-one-quarter ds-input"
271
+ class="ds-input ds-input--width-4-char ds-!-width-one-quarter"
272
272
  type="text"
273
273
  />
274
274
  </div>
@@ -279,7 +279,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=one-third 1
279
279
  <body>
280
280
  <div>
281
281
  <input
282
- class="ds-input--width-4-char ds-!-width-one-third ds-input"
282
+ class="ds-input ds-input--width-4-char ds-!-width-one-third"
283
283
  type="text"
284
284
  />
285
285
  </div>
@@ -290,7 +290,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=three-quart
290
290
  <body>
291
291
  <div>
292
292
  <input
293
- class="ds-input--width-4-char ds-!-width-three-quarters ds-input"
293
+ class="ds-input ds-input--width-4-char ds-!-width-three-quarters"
294
294
  type="text"
295
295
  />
296
296
  </div>
@@ -301,7 +301,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=two-thirds
301
301
  <body>
302
302
  <div>
303
303
  <input
304
- class="ds-input--width-4-char ds-!-width-two-thirds ds-input"
304
+ class="ds-input ds-input--width-4-char ds-!-width-two-thirds"
305
305
  type="text"
306
306
  />
307
307
  </div>
@@ -312,7 +312,7 @@ exports[`renders the TextInput with maxWidth="5-char" 1`] = `
312
312
  <body>
313
313
  <div>
314
314
  <input
315
- class="ds-input--width-5-char ds-input"
315
+ class="ds-input ds-input--width-5-char"
316
316
  type="text"
317
317
  />
318
318
  </div>
@@ -323,7 +323,7 @@ exports[`renders the TextInput with maxWidth="10-char" 1`] = `
323
323
  <body>
324
324
  <div>
325
325
  <input
326
- class="ds-input--width-10-char ds-input"
326
+ class="ds-input ds-input--width-10-char"
327
327
  type="text"
328
328
  />
329
329
  </div>
@@ -334,7 +334,7 @@ exports[`renders the TextInput with maxWidth="20-char" 1`] = `
334
334
  <body>
335
335
  <div>
336
336
  <input
337
- class="ds-input--width-20-char ds-input"
337
+ class="ds-input ds-input--width-20-char"
338
338
  type="text"
339
339
  />
340
340
  </div>
@@ -345,7 +345,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=full 1`] =
345
345
  <body>
346
346
  <div>
347
347
  <input
348
- class="ds-input--width-20-char ds-input"
348
+ class="ds-input ds-input--width-20-char"
349
349
  type="text"
350
350
  />
351
351
  </div>
@@ -356,7 +356,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=one-half 1
356
356
  <body>
357
357
  <div>
358
358
  <input
359
- class="ds-input--width-20-char ds-!-width-one-half ds-input"
359
+ class="ds-input ds-input--width-20-char ds-!-width-one-half"
360
360
  type="text"
361
361
  />
362
362
  </div>
@@ -367,7 +367,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=one-quarte
367
367
  <body>
368
368
  <div>
369
369
  <input
370
- class="ds-input--width-20-char ds-!-width-one-quarter ds-input"
370
+ class="ds-input ds-input--width-20-char ds-!-width-one-quarter"
371
371
  type="text"
372
372
  />
373
373
  </div>
@@ -378,7 +378,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=one-third
378
378
  <body>
379
379
  <div>
380
380
  <input
381
- class="ds-input--width-20-char ds-!-width-one-third ds-input"
381
+ class="ds-input ds-input--width-20-char ds-!-width-one-third"
382
382
  type="text"
383
383
  />
384
384
  </div>
@@ -389,7 +389,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=three-quar
389
389
  <body>
390
390
  <div>
391
391
  <input
392
- class="ds-input--width-20-char ds-!-width-three-quarters ds-input"
392
+ class="ds-input ds-input--width-20-char ds-!-width-three-quarters"
393
393
  type="text"
394
394
  />
395
395
  </div>
@@ -400,7 +400,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=two-thirds
400
400
  <body>
401
401
  <div>
402
402
  <input
403
- class="ds-input--width-20-char ds-!-width-two-thirds ds-input"
403
+ class="ds-input ds-input--width-20-char ds-!-width-two-thirds"
404
404
  type="text"
405
405
  />
406
406
  </div>
@@ -433,7 +433,7 @@ exports[`renders the TextInput with width=one-half 1`] = `
433
433
  <body>
434
434
  <div>
435
435
  <input
436
- class="ds-!-width-one-half ds-input"
436
+ class="ds-input ds-!-width-one-half"
437
437
  type="text"
438
438
  />
439
439
  </div>
@@ -444,7 +444,7 @@ exports[`renders the TextInput with width=one-quarter 1`] = `
444
444
  <body>
445
445
  <div>
446
446
  <input
447
- class="ds-!-width-one-quarter ds-input"
447
+ class="ds-input ds-!-width-one-quarter"
448
448
  type="text"
449
449
  />
450
450
  </div>
@@ -455,7 +455,7 @@ exports[`renders the TextInput with width=one-third 1`] = `
455
455
  <body>
456
456
  <div>
457
457
  <input
458
- class="ds-!-width-one-third ds-input"
458
+ class="ds-input ds-!-width-one-third"
459
459
  type="text"
460
460
  />
461
461
  </div>
@@ -466,7 +466,7 @@ exports[`renders the TextInput with width=three-quarters 1`] = `
466
466
  <body>
467
467
  <div>
468
468
  <input
469
- class="ds-!-width-three-quarters ds-input"
469
+ class="ds-input ds-!-width-three-quarters"
470
470
  type="text"
471
471
  />
472
472
  </div>
@@ -477,7 +477,7 @@ exports[`renders the TextInput with width=two-thirds 1`] = `
477
477
  <body>
478
478
  <div>
479
479
  <input
480
- class="ds-!-width-two-thirds ds-input"
480
+ class="ds-input ds-!-width-two-thirds"
481
481
  type="text"
482
482
  />
483
483
  </div>
@@ -0,0 +1,15 @@
1
+ import clsx from 'clsx';
2
+ import CoreTextInput from '@digigov/react-core/TextInput/index.web';
3
+ import extend from '@digigov/react-core/utils/extend.native';
4
+ export const TextInput = extend(CoreTextInput, ({ className, ...props }) => {
5
+ return {
6
+ ...props,
7
+ className: clsx(className, {
8
+ 'ds-input__wrapper': true,
9
+ 'ds-input--disabled': props.disabled,
10
+ [`ds-input--width-${props.maxWidth}__wrapper`]:
11
+ props.maxWidth !== undefined,
12
+ }),
13
+ };
14
+ });
15
+ export default TextInput;