@digigov/react-core 2.0.0-d0adc9fb → 2.0.0-d2ffc726

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 (509) hide show
  1. package/Accordion/index.d.ts +2 -28
  2. package/Accordion/index.js +3 -34
  3. package/Accordion/index.js.map +3 -3
  4. package/Accordion/index.native/index.js +22 -0
  5. package/Accordion/index.native/package.json +6 -0
  6. package/Accordion/index.native.d.ts +2 -0
  7. package/Accordion/index.native.js.map +7 -0
  8. package/Accordion/index.web/index.js +37 -0
  9. package/Accordion/index.web/package.json +6 -0
  10. package/Accordion/index.web.d.ts +28 -0
  11. package/Accordion/index.web.js.map +7 -0
  12. package/AccordionSection/index.d.ts +2 -11
  13. package/AccordionSection/index.js +3 -20
  14. package/AccordionSection/index.js.map +3 -3
  15. package/AccordionSection/index.native/index.js +21 -0
  16. package/AccordionSection/index.native/package.json +6 -0
  17. package/AccordionSection/index.native.d.ts +2 -0
  18. package/AccordionSection/index.native.js.map +7 -0
  19. package/AccordionSection/index.web/index.js +23 -0
  20. package/AccordionSection/index.web/package.json +6 -0
  21. package/AccordionSection/index.web.d.ts +11 -0
  22. package/AccordionSection/index.web.js.map +7 -0
  23. package/AccordionSectionSummaryHeading/index.d.ts +1 -0
  24. package/AccordionSectionSummaryHeading/index.js +5 -3
  25. package/AccordionSectionSummaryHeading/index.js.map +2 -2
  26. package/BackLinkBase/index.d.ts +9 -0
  27. package/BackLinkBase/index.js +29 -0
  28. package/BackLinkBase/index.js.map +7 -0
  29. package/{ButtonLink → BackLinkBase}/package.json +1 -1
  30. package/BannerContainer/index.js +1 -1
  31. package/BannerContainer/index.js.map +2 -2
  32. package/Base/compat/Input/CheckboxInput.native.js.map +2 -2
  33. package/Base/compat/Input/RadioInput.native.js.map +2 -2
  34. package/Base/compat/details.native/index.js +2 -1
  35. package/Base/compat/details.native.d.ts +2 -1
  36. package/Base/compat/details.native.js.map +2 -2
  37. package/Base/index.native.js.map +2 -2
  38. package/Base/index.web.d.ts +1 -1
  39. package/Base/index.web.js.map +1 -1
  40. package/Base/mapping.native.d.ts +1 -1
  41. package/Base/mapping.native.js.map +2 -2
  42. package/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/index.d.ts +5 -5
  43. package/BreadcrumbsListItemLinkBase/index.js +23 -0
  44. package/BreadcrumbsListItemLinkBase/index.js.map +7 -0
  45. package/BreadcrumbsListItemLinkBase/package.json +6 -0
  46. package/BreadcrumbsListItemWrapper/index.d.ts +10 -0
  47. package/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.js +4 -4
  48. package/BreadcrumbsListItemWrapper/index.js.map +7 -0
  49. package/{AutoCompleteInputTypeahead → BreadcrumbsListItemWrapper}/package.json +1 -1
  50. package/Button/index.js +2 -0
  51. package/Button/index.js.map +2 -2
  52. package/{ButtonLink → ButtonLinkBase}/index.d.ts +4 -4
  53. package/ButtonLinkBase/index.js +27 -0
  54. package/ButtonLinkBase/index.js.map +7 -0
  55. package/{FooterLink → ButtonLinkBase}/package.json +1 -1
  56. package/CallToActionBase/index.d.ts +9 -0
  57. package/{CallToAction → CallToActionBase}/index.js +6 -6
  58. package/CallToActionBase/index.js.map +7 -0
  59. package/{CircularProgress → CallToActionBase}/package.json +1 -1
  60. package/{CircularProgress → CircularProgressBase}/index.d.ts +5 -5
  61. package/{CircularProgress → CircularProgressBase}/index.js +4 -4
  62. package/CircularProgressBase/index.js.map +7 -0
  63. package/CircularProgressBase/package.json +6 -0
  64. package/CopyToClipboardMessage/index.native/index.js +1 -1
  65. package/CopyToClipboardMessage/index.native.d.ts +1 -3
  66. package/CopyToClipboardMessage/index.native.js.map +1 -1
  67. package/DateInputItem/index.native/index.js +1 -1
  68. package/DateInputItem/index.native.d.ts +1 -3
  69. package/DateInputItem/index.native.js.map +1 -1
  70. package/Details/index.native/index.js +1 -1
  71. package/Details/index.native.d.ts +1 -3
  72. package/Details/index.native.js.map +1 -1
  73. package/DetailsContent/index.d.ts +1 -0
  74. package/DetailsContent/index.js +3 -2
  75. package/DetailsContent/index.js.map +2 -2
  76. package/ErrorSummary/index.d.ts +9 -0
  77. package/ErrorSummary/index.js +3 -3
  78. package/ErrorSummary/index.js.map +2 -2
  79. package/FileUpload/index.d.ts +7 -0
  80. package/FileUpload/index.js +12 -4
  81. package/FileUpload/index.js.map +2 -2
  82. package/FileUploadContainer/index.d.ts +7 -0
  83. package/FileUploadContainer/index.js +3 -2
  84. package/FileUploadContainer/index.js.map +2 -2
  85. package/FooterLinkBase/index.d.ts +9 -0
  86. package/FooterLinkBase/index.js +23 -0
  87. package/FooterLinkBase/index.js.map +7 -0
  88. package/{CallToAction → FooterLinkBase}/package.json +1 -1
  89. package/GovGRLogoBase/govgr-logo-base64/package.json +6 -0
  90. package/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.js.map +1 -1
  91. package/GovGRLogoBase/govgr-logo-blue-base64/package.json +6 -0
  92. package/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.js.map +1 -1
  93. package/GovGRLogoBase/index.d.ts +9 -0
  94. package/GovGRLogoBase/index.js +43 -0
  95. package/GovGRLogoBase/index.js.map +7 -0
  96. package/{BackLink → GovGRLogoBase}/package.json +1 -1
  97. package/Grid/index.d.ts +1 -7
  98. package/Grid/index.js +1 -0
  99. package/Grid/index.js.map +2 -2
  100. package/HeaderLogoBase/index.d.ts +19 -0
  101. package/HeaderLogoBase/index.js +33 -0
  102. package/HeaderLogoBase/index.js.map +7 -0
  103. package/HeaderLogoBase/package.json +6 -0
  104. package/HeaderSecondaryLogoBase/index.d.ts +19 -0
  105. package/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.js +7 -7
  106. package/HeaderSecondaryLogoBase/index.js.map +7 -0
  107. package/{BreadcrumbsListItemLink → HeaderSecondaryLogoBase}/package.json +1 -1
  108. package/HeaderTitleBase/index.d.ts +9 -0
  109. package/HeaderTitleBase/index.js +24 -0
  110. package/HeaderTitleBase/index.js.map +7 -0
  111. package/HeaderTitleBase/package.json +6 -0
  112. package/LinkBase/index.js +1 -0
  113. package/LinkBase/index.js.map +2 -2
  114. package/{NavListItemAction → NavListItemActionBase}/index.d.ts +6 -6
  115. package/{NavListItemAction → NavListItemActionBase}/index.js +6 -6
  116. package/NavListItemActionBase/index.js.map +7 -0
  117. package/NavListItemActionBase/package.json +6 -0
  118. package/NavListItemActionContainer/index.native/index.js +1 -1
  119. package/NavListItemActionContainer/index.native.d.ts +0 -2
  120. package/NavListItemActionContainer/index.native.js.map +1 -1
  121. package/{NavListItemLink → NavListItemLinkBase}/index.d.ts +4 -4
  122. package/{NavListItemLink → NavListItemLinkBase}/index.js +6 -6
  123. package/NavListItemLinkBase/index.js.map +7 -0
  124. package/{BreadcrumbsListItem → NavListItemLinkBase}/package.json +1 -1
  125. package/NotificationBannerContainer/index.d.ts +2 -1
  126. package/NotificationBannerContainer/index.js.map +2 -2
  127. package/NotificationBannerContent/index.d.ts +22 -0
  128. package/NotificationBannerContent/index.js +14 -3
  129. package/NotificationBannerContent/index.js.map +2 -2
  130. package/NotificationBannerLink/index.native/index.js +1 -1
  131. package/NotificationBannerLink/index.native.d.ts +1 -3
  132. package/NotificationBannerLink/index.native.js.map +1 -1
  133. package/Skeleton/index.js +2 -1
  134. package/Skeleton/index.js.map +2 -2
  135. package/SummaryList/index.d.ts +10 -2
  136. package/SummaryList/index.js +10 -2
  137. package/SummaryList/index.js.map +2 -2
  138. package/SummaryListItem/index.js +1 -1
  139. package/SummaryListItem/index.js.map +2 -2
  140. package/SummaryListItemKey/index.d.ts +14 -0
  141. package/SummaryListItemKey/index.js +14 -2
  142. package/SummaryListItemKey/index.js.map +2 -2
  143. package/SummaryListItemValue/index.d.ts +14 -0
  144. package/SummaryListItemValue/index.js +11 -2
  145. package/SummaryListItemValue/index.js.map +2 -2
  146. package/Table/index.d.ts +9 -0
  147. package/Table/index.js +4 -1
  148. package/Table/index.js.map +2 -2
  149. package/TableDataCell/index.d.ts +22 -0
  150. package/TableDataCell/index.js +18 -2
  151. package/TableDataCell/index.js.map +2 -2
  152. package/TextArea/index.native/index.js +1 -1
  153. package/TextArea/index.native.d.ts +1 -3
  154. package/TextArea/index.native.js.map +1 -1
  155. package/TextInput/index.native/index.js +1 -1
  156. package/TextInput/index.native.d.ts +1 -3
  157. package/TextInput/index.native.js.map +1 -1
  158. package/Typography/index.d.ts +1 -1
  159. package/Typography/index.js +15 -17
  160. package/Typography/index.js.map +2 -2
  161. package/WarningText/index.d.ts +7 -0
  162. package/WarningText/index.js +10 -2
  163. package/WarningText/index.js.map +2 -2
  164. package/cjs/Accordion/index.js +5 -35
  165. package/cjs/Accordion/index.js.map +3 -3
  166. package/cjs/{utils/extend.native → Accordion/index.native}/index.js +22 -16
  167. package/cjs/Accordion/index.native.js.map +7 -0
  168. package/cjs/{ButtonLink → Accordion/index.web}/index.js +24 -16
  169. package/cjs/Accordion/index.web.js.map +7 -0
  170. package/cjs/AccordionSection/index.js +5 -21
  171. package/cjs/AccordionSection/index.js.map +3 -3
  172. package/cjs/{CheckboxItemInput → AccordionSection}/index.native/index.js +13 -12
  173. package/cjs/AccordionSection/index.native.js.map +7 -0
  174. package/cjs/{HeaderTitle → AccordionSection/index.web}/index.js +11 -12
  175. package/cjs/AccordionSection/index.web.js.map +7 -0
  176. package/cjs/AccordionSectionSummaryHeading/index.js +5 -3
  177. package/cjs/AccordionSectionSummaryHeading/index.js.map +2 -2
  178. package/cjs/BackLinkBase/index.js +62 -0
  179. package/cjs/BackLinkBase/index.js.map +7 -0
  180. package/cjs/BannerContainer/index.js +1 -1
  181. package/cjs/BannerContainer/index.js.map +2 -2
  182. package/cjs/Base/compat/Input/CheckboxInput.native.js.map +2 -2
  183. package/cjs/Base/compat/Input/RadioInput.native.js.map +2 -2
  184. package/cjs/Base/compat/details.native/index.js +2 -1
  185. package/cjs/Base/compat/details.native.js.map +2 -2
  186. package/cjs/Base/index.native.js.map +2 -2
  187. package/cjs/Base/index.web.js.map +1 -1
  188. package/cjs/Base/mapping.native.js.map +2 -2
  189. package/cjs/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/index.js +10 -11
  190. package/cjs/BreadcrumbsListItemLinkBase/index.js.map +7 -0
  191. package/cjs/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.js +8 -8
  192. package/cjs/BreadcrumbsListItemWrapper/index.js.map +7 -0
  193. package/cjs/Button/index.js +2 -0
  194. package/cjs/Button/index.js.map +2 -2
  195. package/cjs/ButtonLinkBase/index.js +60 -0
  196. package/cjs/ButtonLinkBase/index.js.map +7 -0
  197. package/cjs/{CallToAction → CallToActionBase}/index.js +10 -10
  198. package/cjs/CallToActionBase/index.js.map +7 -0
  199. package/cjs/{CircularProgress → CircularProgressBase}/index.js +8 -8
  200. package/cjs/CircularProgressBase/index.js.map +7 -0
  201. package/cjs/CopyToClipboardMessage/index.native/index.js +2 -2
  202. package/cjs/CopyToClipboardMessage/index.native.js.map +2 -2
  203. package/cjs/DateInputItem/index.native/index.js +2 -2
  204. package/cjs/DateInputItem/index.native.js.map +2 -2
  205. package/cjs/Details/index.native/index.js +2 -2
  206. package/cjs/Details/index.native.js.map +2 -2
  207. package/cjs/DetailsContent/index.js +3 -2
  208. package/cjs/DetailsContent/index.js.map +2 -2
  209. package/cjs/ErrorSummary/index.js +3 -3
  210. package/cjs/ErrorSummary/index.js.map +2 -2
  211. package/cjs/FileUpload/index.js +12 -4
  212. package/cjs/FileUpload/index.js.map +2 -2
  213. package/cjs/FileUploadContainer/index.js +3 -2
  214. package/cjs/FileUploadContainer/index.js.map +2 -2
  215. package/cjs/FooterLinkBase/index.js +56 -0
  216. package/cjs/FooterLinkBase/index.js.map +7 -0
  217. package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.js.map +1 -1
  218. package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.js.map +1 -1
  219. package/cjs/{GovGRLogo → GovGRLogoBase}/index.js +41 -43
  220. package/cjs/GovGRLogoBase/index.js.map +7 -0
  221. package/cjs/Grid/index.js +1 -0
  222. package/cjs/Grid/index.js.map +2 -2
  223. package/cjs/{HeaderSecondaryLogo → HeaderLogoBase}/index.js +12 -12
  224. package/cjs/HeaderLogoBase/index.js.map +7 -0
  225. package/cjs/HeaderSecondaryLogoBase/index.js +66 -0
  226. package/cjs/HeaderSecondaryLogoBase/index.js.map +7 -0
  227. package/cjs/HeaderTitleBase/index.js +57 -0
  228. package/cjs/HeaderTitleBase/index.js.map +7 -0
  229. package/cjs/LinkBase/index.js +1 -0
  230. package/cjs/LinkBase/index.js.map +2 -2
  231. package/cjs/{NavListItemAction → NavListItemActionBase}/index.js +10 -10
  232. package/cjs/NavListItemActionBase/index.js.map +7 -0
  233. package/cjs/NavListItemActionContainer/index.native/index.js +2 -2
  234. package/cjs/NavListItemActionContainer/index.native.js.map +2 -2
  235. package/cjs/{NavListItemLink → NavListItemLinkBase}/index.js +10 -10
  236. package/cjs/NavListItemLinkBase/index.js.map +7 -0
  237. package/cjs/NotificationBannerContainer/index.js.map +2 -2
  238. package/cjs/NotificationBannerContent/index.js +14 -3
  239. package/cjs/NotificationBannerContent/index.js.map +2 -2
  240. package/cjs/NotificationBannerLink/index.native/index.js +2 -2
  241. package/cjs/NotificationBannerLink/index.native.js.map +2 -2
  242. package/cjs/Skeleton/index.js +2 -1
  243. package/cjs/Skeleton/index.js.map +2 -2
  244. package/cjs/SummaryList/index.js +10 -2
  245. package/cjs/SummaryList/index.js.map +2 -2
  246. package/cjs/SummaryListItem/index.js +1 -1
  247. package/cjs/SummaryListItem/index.js.map +2 -2
  248. package/cjs/SummaryListItemKey/index.js +14 -2
  249. package/cjs/SummaryListItemKey/index.js.map +3 -3
  250. package/cjs/SummaryListItemValue/index.js +11 -2
  251. package/cjs/SummaryListItemValue/index.js.map +3 -3
  252. package/cjs/Table/index.js +4 -1
  253. package/cjs/Table/index.js.map +2 -2
  254. package/cjs/TableDataCell/index.js +18 -2
  255. package/cjs/TableDataCell/index.js.map +3 -3
  256. package/cjs/TextArea/index.native/index.js +2 -2
  257. package/cjs/TextArea/index.native.js.map +2 -2
  258. package/cjs/TextInput/index.native/index.js +2 -2
  259. package/cjs/TextInput/index.native.js.map +2 -2
  260. package/cjs/Typography/index.js +15 -17
  261. package/cjs/Typography/index.js.map +2 -2
  262. package/cjs/WarningText/index.js +10 -2
  263. package/cjs/WarningText/index.js.map +2 -2
  264. package/cjs/index.js +24 -26
  265. package/cjs/index.js.map +2 -2
  266. package/cjs/lazy/index.js +15 -16
  267. package/cjs/lazy.js.map +2 -2
  268. package/cjs/registry/index.js +36 -34
  269. package/cjs/registry.js.map +2 -2
  270. package/cjs/utils/index.native/index.js +86 -0
  271. package/cjs/utils/index.native.js.map +7 -0
  272. package/index.d.ts +12 -13
  273. package/index.js +13 -14
  274. package/index.js.map +2 -2
  275. package/lazy/index.js +15 -16
  276. package/package.json +5 -5
  277. package/registry/index.js +36 -34
  278. package/src/Accordion/index.native.tsx +19 -0
  279. package/src/Accordion/index.tsx +2 -71
  280. package/src/Accordion/index.web.tsx +71 -0
  281. package/src/AccordionSection/index.native.tsx +18 -0
  282. package/src/AccordionSection/index.tsx +2 -28
  283. package/src/AccordionSection/index.web.tsx +28 -0
  284. package/src/AccordionSectionSummaryHeading/index.tsx +12 -4
  285. package/src/AdminAside/__snapshots__/index.test.tsx.snap +1 -1
  286. package/src/AdminContainer/__snapshots__/index.test.tsx.snap +2 -2
  287. package/src/AdminMain/__snapshots__/index.test.tsx.snap +1 -1
  288. package/src/AdminTopSection/__snapshots__/index.test.tsx.snap +1 -1
  289. package/src/Aside/__snapshots__/index.test.tsx.snap +1 -1
  290. package/src/{BackLink → BackLinkBase}/__snapshots__/index.test.tsx.snap +2 -2
  291. package/src/BackLinkBase/index.test.tsx +15 -0
  292. package/src/BackLinkBase/index.tsx +36 -0
  293. package/src/BannerContainer/__snapshots__/index.test.tsx.snap +1 -1
  294. package/src/BannerContainer/index.tsx +1 -1
  295. package/src/Base/compat/Input/CheckboxInput.native.tsx +2 -6
  296. package/src/Base/compat/Input/RadioInput.native.tsx +2 -6
  297. package/src/Base/compat/details.native.tsx +3 -1
  298. package/src/Base/index.native.tsx +2 -2
  299. package/src/Base/index.web.tsx +2 -2
  300. package/src/Base/mapping.native.tsx +1 -1
  301. package/src/BottomInfo/__snapshots__/index.test.tsx.snap +1 -1
  302. package/src/BottomInfoContainer/__snapshots__/index.test.tsx.snap +1 -1
  303. package/src/BottomInfoContent/__snapshots__/index.test.tsx.snap +1 -1
  304. package/src/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/__snapshots__/index.test.tsx.snap +4 -4
  305. package/src/BreadcrumbsListItemLinkBase/index.test.tsx +18 -0
  306. package/src/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/index.tsx +10 -11
  307. package/src/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.test.tsx +1 -1
  308. package/src/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.tsx +5 -5
  309. package/src/Button/index.tsx +2 -0
  310. package/src/{ButtonLink → ButtonLinkBase}/__snapshots__/index.test.tsx.snap +22 -22
  311. package/src/ButtonLinkBase/index.test.tsx +75 -0
  312. package/src/ButtonLinkBase/index.tsx +55 -0
  313. package/src/{CallToAction → CallToActionBase}/__snapshots__/index.test.tsx.snap +1 -1
  314. package/src/CallToActionBase/index.test.tsx +10 -0
  315. package/src/{CallToAction → CallToActionBase}/index.tsx +10 -8
  316. package/src/Checkbox/__snapshots__/index.test.tsx.snap +0 -5
  317. package/src/CheckboxConditional/__snapshots__/index.test.tsx.snap +1 -1
  318. package/src/CheckboxItem/__snapshots__/index.test.tsx.snap +0 -4
  319. package/src/{CircularProgress → CircularProgressBase}/__snapshots__/index.test.tsx.snap +6 -6
  320. package/src/CircularProgressBase/index.test.tsx +38 -0
  321. package/src/{CircularProgress → CircularProgressBase}/index.tsx +7 -7
  322. package/src/Container/__snapshots__/index.test.tsx.snap +3 -3
  323. package/src/CopyToClipboardMessage/index.native.tsx +1 -1
  324. package/src/DateInputItem/index.native.tsx +1 -1
  325. package/src/Details/index.native.tsx +1 -1
  326. package/src/DetailsContent/index.tsx +11 -2
  327. package/src/ErrorSummary/index.tsx +17 -4
  328. package/src/FieldContainer/__snapshots__/index.test.tsx.snap +3 -3
  329. package/src/FileUpload/index.tsx +20 -4
  330. package/src/FileUploadContainer/index.tsx +10 -1
  331. package/src/FooterContainer/__snapshots__/index.test.tsx.snap +1 -1
  332. package/src/{FooterLink → FooterLinkBase}/__snapshots__/index.test.tsx.snap +2 -2
  333. package/src/FooterLinkBase/index.test.tsx +16 -0
  334. package/src/FooterLinkBase/index.tsx +27 -0
  335. package/src/{GovGRLogo → GovGRLogoBase}/__snapshots__/index.test.tsx.snap +1 -1
  336. package/src/GovGRLogoBase/index.test.tsx +8 -0
  337. package/src/GovGRLogoBase/index.tsx +43 -0
  338. package/src/Grid/__snapshots__/index.test.tsx.snap +8 -8
  339. package/src/Grid/index.tsx +2 -7
  340. package/src/{HeaderLogo → HeaderLogoBase}/__snapshots__/index.test.tsx.snap +1 -1
  341. package/src/HeaderLogoBase/index.test.tsx +8 -0
  342. package/src/HeaderLogoBase/index.tsx +44 -0
  343. package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/__snapshots__/index.test.tsx.snap +2 -2
  344. package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.test.tsx +7 -7
  345. package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.tsx +9 -9
  346. package/src/{HeaderTitle → HeaderTitleBase}/__snapshots__/index.test.tsx.snap +2 -2
  347. package/src/HeaderTitleBase/index.test.tsx +17 -0
  348. package/src/HeaderTitleBase/index.tsx +28 -0
  349. package/src/LinkBase/index.tsx +1 -0
  350. package/src/Main/__snapshots__/index.test.tsx.snap +1 -1
  351. package/src/NavListItemActionBase/__snapshots__/index.test.tsx.snap +101 -0
  352. package/src/NavListItemActionBase/index.test.tsx +42 -0
  353. package/src/{NavListItemAction → NavListItemActionBase}/index.tsx +13 -12
  354. package/src/NavListItemActionContainer/index.native.tsx +1 -1
  355. package/src/{NavListItemLink → NavListItemLinkBase}/__snapshots__/index.test.tsx.snap +5 -5
  356. package/src/NavListItemLinkBase/index.test.tsx +41 -0
  357. package/src/{NavListItemLink → NavListItemLinkBase}/index.tsx +8 -9
  358. package/src/NavMenuContainer/__snapshots__/index.test.tsx.snap +4 -4
  359. package/src/NavMenuContent/__snapshots__/index.test.tsx.snap +1 -1
  360. package/src/NavMenuTitle/__snapshots__/index.test.tsx.snap +1 -1
  361. package/src/NotificationBannerContainer/index.tsx +2 -1
  362. package/src/NotificationBannerContent/index.tsx +50 -4
  363. package/src/NotificationBannerLink/index.native.tsx +1 -1
  364. package/src/RadioConditional/__snapshots__/index.test.tsx.snap +1 -1
  365. package/src/RadioItem/__snapshots__/index.test.tsx.snap +0 -4
  366. package/src/Skeleton/index.tsx +3 -2
  367. package/src/SummaryList/__snapshots__/index.test.tsx.snap +36 -0
  368. package/src/SummaryList/index.test.tsx +15 -0
  369. package/src/SummaryList/index.tsx +20 -3
  370. package/src/SummaryListItem/index.tsx +1 -1
  371. package/src/SummaryListItemKey/__snapshots__/index.test.tsx.snap +70 -0
  372. package/src/SummaryListItemKey/index.test.tsx +29 -0
  373. package/src/SummaryListItemKey/index.tsx +29 -1
  374. package/src/SummaryListItemValue/__snapshots__/index.test.tsx.snap +34 -0
  375. package/src/SummaryListItemValue/index.test.tsx +14 -0
  376. package/src/SummaryListItemValue/index.tsx +30 -2
  377. package/src/Table/index.tsx +12 -0
  378. package/src/TableDataCell/__snapshots__/index.test.tsx.snap +79 -2
  379. package/src/TableDataCell/index.test.tsx +42 -0
  380. package/src/TableDataCell/index.tsx +56 -1
  381. package/src/TableRow/__snapshots__/index.test.tsx.snap +1 -1
  382. package/src/TableRow/index.test.tsx +1 -1
  383. package/src/TextArea/index.native.tsx +1 -1
  384. package/src/TextInput/index.native.tsx +1 -1
  385. package/src/Typography/index.tsx +21 -20
  386. package/src/WarningText/__snapshots__/index.test.tsx.snap +26 -0
  387. package/src/WarningText/index.test.tsx +5 -0
  388. package/src/WarningText/index.tsx +17 -2
  389. package/src/index.ts +12 -13
  390. package/src/lazy.js +15 -16
  391. package/src/registry.js +36 -34
  392. package/src/utils/index.native.tsx +122 -0
  393. package/utils/index.native/index.js +52 -0
  394. package/utils/index.native/package.json +6 -0
  395. package/utils/index.native.d.ts +43 -0
  396. package/utils/index.native.js.map +7 -0
  397. package/AutoCompleteInputTypeahead/index.d.ts +0 -11
  398. package/AutoCompleteInputTypeahead/index.js +0 -25
  399. package/AutoCompleteInputTypeahead/index.js.map +0 -7
  400. package/BackLink/index.d.ts +0 -9
  401. package/BackLink/index.js +0 -31
  402. package/BackLink/index.js.map +0 -7
  403. package/BreadcrumbsListItem/index.d.ts +0 -10
  404. package/BreadcrumbsListItem/index.js.map +0 -7
  405. package/BreadcrumbsListItemLink/index.js +0 -24
  406. package/BreadcrumbsListItemLink/index.js.map +0 -7
  407. package/ButtonLink/index.js +0 -29
  408. package/ButtonLink/index.js.map +0 -7
  409. package/CallToAction/index.d.ts +0 -9
  410. package/CallToAction/index.js.map +0 -7
  411. package/CheckboxItemInput/index.native/index.js +0 -20
  412. package/CheckboxItemInput/index.native/package.json +0 -6
  413. package/CheckboxItemInput/index.native.d.ts +0 -4
  414. package/CheckboxItemInput/index.native.js.map +0 -7
  415. package/CircularProgress/index.js.map +0 -7
  416. package/FooterLink/index.d.ts +0 -9
  417. package/FooterLink/index.js +0 -25
  418. package/FooterLink/index.js.map +0 -7
  419. package/GovGRLogo/govgr-logo-base64/package.json +0 -6
  420. package/GovGRLogo/govgr-logo-blue-base64/package.json +0 -6
  421. package/GovGRLogo/index.d.ts +0 -9
  422. package/GovGRLogo/index.js +0 -45
  423. package/GovGRLogo/index.js.map +0 -7
  424. package/GovGRLogo/package.json +0 -6
  425. package/HeaderLogo/index.d.ts +0 -19
  426. package/HeaderLogo/index.js +0 -35
  427. package/HeaderLogo/index.js.map +0 -7
  428. package/HeaderLogo/package.json +0 -6
  429. package/HeaderSecondaryLogo/index.d.ts +0 -19
  430. package/HeaderSecondaryLogo/index.js.map +0 -7
  431. package/HeaderSecondaryLogo/package.json +0 -6
  432. package/HeaderTitle/index.d.ts +0 -9
  433. package/HeaderTitle/index.js +0 -24
  434. package/HeaderTitle/index.js.map +0 -7
  435. package/HeaderTitle/package.json +0 -6
  436. package/NavListItemAction/index.js.map +0 -7
  437. package/NavListItemAction/package.json +0 -6
  438. package/NavListItemLink/index.js.map +0 -7
  439. package/NavListItemLink/index.test.d.ts +0 -1
  440. package/NavListItemLink/package.json +0 -6
  441. package/cjs/AutoCompleteInputTypeahead/index.js +0 -58
  442. package/cjs/AutoCompleteInputTypeahead/index.js.map +0 -7
  443. package/cjs/BackLink/index.js +0 -64
  444. package/cjs/BackLink/index.js.map +0 -7
  445. package/cjs/BreadcrumbsListItem/index.js.map +0 -7
  446. package/cjs/BreadcrumbsListItemLink/index.js.map +0 -7
  447. package/cjs/ButtonLink/index.js.map +0 -7
  448. package/cjs/CallToAction/index.js.map +0 -7
  449. package/cjs/CheckboxItemInput/index.native.js.map +0 -7
  450. package/cjs/CircularProgress/index.js.map +0 -7
  451. package/cjs/FooterLink/index.js +0 -58
  452. package/cjs/FooterLink/index.js.map +0 -7
  453. package/cjs/GovGRLogo/index.js.map +0 -7
  454. package/cjs/HeaderLogo/index.js +0 -68
  455. package/cjs/HeaderLogo/index.js.map +0 -7
  456. package/cjs/HeaderSecondaryLogo/index.js.map +0 -7
  457. package/cjs/HeaderTitle/index.js.map +0 -7
  458. package/cjs/NavListItemAction/index.js.map +0 -7
  459. package/cjs/NavListItemLink/index.js.map +0 -7
  460. package/cjs/utils/extend.native.js.map +0 -7
  461. package/src/AutoCompleteInputTypeahead/__snapshots__/index.test.tsx.snap +0 -16
  462. package/src/AutoCompleteInputTypeahead/index.test.tsx +0 -8
  463. package/src/AutoCompleteInputTypeahead/index.tsx +0 -32
  464. package/src/BackLink/index.test.tsx +0 -13
  465. package/src/BackLink/index.tsx +0 -35
  466. package/src/BreadcrumbsListItemLink/index.test.tsx +0 -16
  467. package/src/ButtonLink/index.test.tsx +0 -69
  468. package/src/ButtonLink/index.tsx +0 -54
  469. package/src/CallToAction/index.test.tsx +0 -10
  470. package/src/CheckboxItemInput/index.native.tsx +0 -17
  471. package/src/CircularProgress/index.test.tsx +0 -34
  472. package/src/FooterLink/index.test.tsx +0 -14
  473. package/src/FooterLink/index.tsx +0 -26
  474. package/src/GovGRLogo/index.test.tsx +0 -8
  475. package/src/GovGRLogo/index.tsx +0 -42
  476. package/src/HeaderLogo/index.test.tsx +0 -8
  477. package/src/HeaderLogo/index.tsx +0 -43
  478. package/src/HeaderTitle/index.test.tsx +0 -16
  479. package/src/HeaderTitle/index.tsx +0 -28
  480. package/src/NavListItemAction/__snapshots__/index.test.tsx.snap +0 -13
  481. package/src/NavListItemAction/index.test.tsx +0 -11
  482. package/src/NavListItemLink/index.test.tsx +0 -39
  483. package/src/utils/extend.native.tsx +0 -36
  484. package/utils/extend.native/index.js +0 -14
  485. package/utils/extend.native/package.json +0 -6
  486. package/utils/extend.native.d.ts +0 -23
  487. package/utils/extend.native.js.map +0 -7
  488. /package/{AutoCompleteInputTypeahead → BackLinkBase}/index.test.d.ts +0 -0
  489. /package/{BackLink → BreadcrumbsListItemLinkBase}/index.test.d.ts +0 -0
  490. /package/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.test.d.ts +0 -0
  491. /package/{BreadcrumbsListItemLink → ButtonLinkBase}/index.test.d.ts +0 -0
  492. /package/{ButtonLink → CallToActionBase}/index.test.d.ts +0 -0
  493. /package/{CallToAction → CircularProgressBase}/index.test.d.ts +0 -0
  494. /package/{CircularProgress → FooterLinkBase}/index.test.d.ts +0 -0
  495. /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64/index.js +0 -0
  496. /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.d.ts +0 -0
  497. /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64/index.js +0 -0
  498. /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.d.ts +0 -0
  499. /package/{FooterLink → GovGRLogoBase}/index.test.d.ts +0 -0
  500. /package/{GovGRLogo → HeaderLogoBase}/index.test.d.ts +0 -0
  501. /package/{HeaderLogo → HeaderSecondaryLogoBase}/index.test.d.ts +0 -0
  502. /package/{HeaderSecondaryLogo → HeaderTitleBase}/index.test.d.ts +0 -0
  503. /package/{HeaderTitle → NavListItemActionBase}/index.test.d.ts +0 -0
  504. /package/{NavListItemAction → NavListItemLinkBase}/index.test.d.ts +0 -0
  505. /package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64/index.js +0 -0
  506. /package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64/index.js +0 -0
  507. /package/src/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/__snapshots__/index.test.tsx.snap +0 -0
  508. /package/src/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.js +0 -0
  509. /package/src/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.ts +0 -0
package/src/Base/compat/Input/CheckboxInput.native.tsx CHANGED
@@ -1,8 +1,4 @@
1
- import React, {
2
- DetailedHTMLProps,
3
- InputHTMLAttributes,
4
- LegacyRef,
5
- } from 'react';
1
+ import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
6
2
  import { TouchableOpacity, View } from 'react-native';
7
3
 
8
4
  export type CheckboxInputProps = Omit<
@@ -28,7 +24,7 @@ export const CheckboxInput = React.forwardRef<
28
24
  return (
29
25
  // @ts-ignore
30
26
  <TouchableOpacity
31
- ref={ref as LegacyRef<TouchableOpacity>}
27
+ ref={ref as Ref<TouchableOpacity>}
32
28
  onPress={handlePress}
33
29
  {...props}
34
30
  >
package/src/Base/compat/Input/RadioInput.native.tsx CHANGED
@@ -1,8 +1,4 @@
1
- import React, {
2
- DetailedHTMLProps,
3
- InputHTMLAttributes,
4
- LegacyRef,
5
- } from 'react';
1
+ import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
6
2
  import { TouchableOpacity, View } from 'react-native';
7
3
 
8
4
  export type RadioInputProps = Omit<
@@ -26,7 +22,7 @@ export const RadioInput = React.forwardRef<HTMLInputElement, RadioInputProps>(
26
22
 
27
23
  return (
28
24
  <TouchableOpacity
29
- ref={ref as LegacyRef<typeof TouchableOpacity>}
25
+ ref={ref as Ref<typeof TouchableOpacity>}
30
26
  onPress={handlePress}
31
27
  {...(props as any)}
32
28
  >
package/src/Base/compat/details.native.tsx CHANGED
@@ -16,6 +16,7 @@ type HTMLElementProps = Omit<
16
16
  > & {
17
17
  closeIcon?: string;
18
18
  openIcon?: string;
19
+ iconClassName?: string;
19
20
  placement?: 'before' | 'after';
20
21
  };
21
22
 
@@ -25,6 +26,7 @@ const CompatDetails = ({
25
26
  placement,
26
27
  closeIcon,
27
28
  openIcon,
29
+ iconClassName,
28
30
  ...props
29
31
  }: HTMLElementProps) => {
30
32
  const [isExpanded, setIsExpanded] = useState(open);
@@ -41,7 +43,7 @@ const CompatDetails = ({
41
43
 
42
44
  const toggleIcon =
43
45
  closeIcon && openIcon ? (
44
- <Text>{isExpanded ? openIcon : closeIcon}</Text>
46
+ <Text className={iconClassName}>{isExpanded ? openIcon : closeIcon}</Text>
45
47
  ) : null;
46
48
 
47
49
  return (
package/src/Base/index.native.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import React, { useMemo } from 'react';
1
+ import React, { useMemo, type JSX } from 'react';
2
2
  import { Text, View, ViewProps } from 'react-native';
3
3
  import { BaseProps as CoreBaseProps } from '@digigov/react-core/Base/index.web';
4
4
  import { mapping } from '@digigov/react-core/Base/mapping.native';
@@ -22,7 +22,7 @@ const BooleanMapper = {
22
22
  const textHtmlTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'p', 'span'];
23
23
 
24
24
  export const Base: BaseComponent = React.forwardRef(function Base<
25
- C extends React.ElementType = 'span',
25
+ C extends React.ElementType,
26
26
  >(
27
27
  {
28
28
  as,
package/src/Base/index.web.tsx CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import clsx from 'clsx';
3
3
  import { basePropGenerator } from '@digigov/react-core/Base/utils';
4
4
  interface AsProp<C extends React.ElementType> {
5
- as?: C;
5
+ as?: C | React.ElementType<any>;
6
6
  }
7
7
 
8
8
  type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
@@ -162,7 +162,7 @@ type BaseComponent = <C extends React.ElementType = 'span'>(
162
162
  ) => React.ReactNode | null;
163
163
 
164
164
  export const Base: BaseComponent = React.forwardRef(function Base<
165
- C extends React.ElementType = 'span',
165
+ C extends React.ElementType,
166
166
  >(
167
167
  {
168
168
  as,
package/src/Base/mapping.native.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { type JSX } from 'react';
2
2
  import { Link } from 'expo-router';
3
3
  import { cssInterop } from 'nativewind';
4
4
  import { Image, View } from 'react-native';
package/src/BottomInfo/__snapshots__/index.test.tsx.snap CHANGED
@@ -4,7 +4,7 @@ exports[`renders the BottomInfo with no props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <div
7
- class="ds-bottom-info ds-container ds-grid ds-gap-sm-12"
7
+ class="ds-bottom-info ds-container ds-grid ds-grid-item ds-gap-sm-12"
8
8
  >
9
9
  hello
10
10
  </div>
package/src/BottomInfoContainer/__snapshots__/index.test.tsx.snap CHANGED
@@ -4,7 +4,7 @@ exports[`renders the BottomInfoContainer with no props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <div
7
- class="ds-bottom-info__container ds-container ds-grid ds-gap-sm-12"
7
+ class="ds-bottom-info__container ds-container ds-grid ds-grid-item ds-gap-sm-12"
8
8
  >
9
9
  hello
10
10
  </div>
package/src/BottomInfoContent/__snapshots__/index.test.tsx.snap CHANGED
@@ -4,7 +4,7 @@ exports[`renders the BottomInfoContent with no props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <div
7
- class="ds-bottom-info__content xs:ds-grid__col-span-12"
7
+ class="ds-bottom-info__content ds-grid-item xs:ds-grid__col-span-12"
8
8
  >
9
9
  hello
10
10
  </div>
package/src/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/__snapshots__/index.test.tsx.snap RENAMED
@@ -1,10 +1,10 @@
1
1
  // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
- exports[`renders the BreadcrumbsListItemLink with href 1`] = `
3
+ exports[`renders the BreadcrumbsListItemLinkBase with href 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <a
7
- class="ds-breadcrumbs__link"
7
+ class="ds-breadcrumbs__link ds-link"
8
8
  href="#"
9
9
  >
10
10
  hello
@@ -13,11 +13,11 @@ exports[`renders the BreadcrumbsListItemLink with href 1`] = `
13
13
  </body>
14
14
  `;
15
15
 
16
- exports[`renders the BreadcrumbsListItemLink with no props 1`] = `
16
+ exports[`renders the BreadcrumbsListItemLinkBase with no props 1`] = `
17
17
  <body>
18
18
  <div>
19
19
  <a
20
- class="ds-breadcrumbs__link ds-breadcrumbs__link--inactive"
20
+ class="ds-breadcrumbs__link ds-breadcrumbs__link--inactive ds-link"
21
21
  >
22
22
  hello
23
23
  </a>
package/src/BreadcrumbsListItemLinkBase/index.test.tsx ADDED
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+
4
+ import { BreadcrumbsListItemLinkBase } from '@digigov/react-core/BreadcrumbsListItemLinkBase';
5
+
6
+ it('renders the BreadcrumbsListItemLinkBase with no props', () => {
7
+ expect(
8
+ render(<BreadcrumbsListItemLinkBase>hello</BreadcrumbsListItemLinkBase>)
9
+ .baseElement
10
+ ).toMatchSnapshot();
11
+ });
12
+ it('renders the BreadcrumbsListItemLinkBase with href', () => {
13
+ expect(
14
+ render(
15
+ <BreadcrumbsListItemLinkBase href="#">hello</BreadcrumbsListItemLinkBase>
16
+ ).baseElement
17
+ ).toMatchSnapshot();
18
+ });
package/src/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/index.tsx RENAMED
@@ -1,24 +1,23 @@
1
1
  import React from 'react';
2
2
  import clsx from 'clsx';
3
- import Link, { LinkBaseProps } from '@digigov/react-core/LinkBase';
3
+ import { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';
4
4
 
5
- export interface BreadcrumbsListItemLinkProps extends LinkBaseProps {}
5
+ export interface BreadcrumbsListItemLinkBaseProps extends LinkBaseProps {}
6
6
  /**
7
- * BreadcrumbsListItemLink creates an anchor link to navigate in different
7
+ * BreadcrumbsListItemLinkBase creates an anchor link to navigate in different
8
8
  * parts of the breadcrumbs.
9
9
  * It should be used inside BreadcrumbsListItem as children component. This is
10
10
  * the default link component for the BreadcrumbsListItem and it uses the LinkBase
11
11
  * component from `@digigov/react-core`. In case you need to use a different Link
12
- * component from a framework or a custom router, use `@digigov/ui/navigation/BreadcrumbsListItemLink` instead.
12
+ * component from a framework or a custom router, use `@digigov/ui/navigation/BreadcrumbsListItemLinkBase` instead.
13
13
  */
14
- export const BreadcrumbsListItemLink = React.forwardRef<
14
+ export const BreadcrumbsListItemLinkBase = React.forwardRef<
15
15
  HTMLAnchorElement,
16
- BreadcrumbsListItemLinkProps
17
- >(function BreadcrumbsListItemLink({ href, className, children }, ref) {
16
+ BreadcrumbsListItemLinkBaseProps
17
+ >(function BreadcrumbsListItemLinkBase({ href, className, children }, ref) {
18
18
  return (
19
- <Link
19
+ <LinkBase
20
20
  href={href}
21
- defaultStyle={false}
22
21
  className={clsx(className, {
23
22
  'ds-breadcrumbs__link': true,
24
23
  'ds-breadcrumbs__link--inactive': href === undefined,
@@ -26,8 +25,8 @@ export const BreadcrumbsListItemLink = React.forwardRef<
26
25
  ref={ref}
27
26
  >
28
27
  {children}
29
- </Link>
28
+ </LinkBase>
30
29
  );
31
30
  });
32
31
 
33
- export default BreadcrumbsListItemLink;
32
+ export default BreadcrumbsListItemLinkBase;
package/src/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.test.tsx RENAMED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { render } from '@testing-library/react';
3
3
 
4
- import BreadcrumbsListItem from '@digigov/react-core/BreadcrumbsListItem';
4
+ import BreadcrumbsListItem from '@digigov/react-core/BreadcrumbsListItemWrapper';
5
5
 
6
6
  it('renders the BreadcrumbsListItem with no props', () => {
7
7
  expect(
package/src/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.tsx RENAMED
@@ -2,15 +2,15 @@ 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 BreadcrumbsListItemBaseProps extends BaseProps<'li'> {}
5
+ export interface BreadcrumbsListItemWrapperProps extends BaseProps<'li'> {}
6
6
  /**
7
7
  * BreadcrumbsListItem creates a list of items with the possibility of navigation.
8
8
  * It should be used inside BreadcrumbsList as children component
9
9
  */
10
- export const BreadcrumbsListItemBase = React.forwardRef<
10
+ export const BreadcrumbsListItemWrapper = React.forwardRef<
11
11
  HTMLLIElement,
12
- BreadcrumbsListItemBaseProps
13
- >(function BreadcrumbsListItemBase({ className, children, ...props }, ref) {
12
+ BreadcrumbsListItemWrapperProps
13
+ >(function BreadcrumbsListItemWrapper({ className, children, ...props }, ref) {
14
14
  return (
15
15
  <Base
16
16
  as="li"
@@ -25,4 +25,4 @@ export const BreadcrumbsListItemBase = React.forwardRef<
25
25
  );
26
26
  });
27
27
 
28
- export default BreadcrumbsListItemBase;
28
+ export default BreadcrumbsListItemWrapper;
package/src/Button/index.tsx CHANGED
@@ -55,6 +55,8 @@ export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
55
55
  ref={ref}
56
56
  className={clsx(className, {
57
57
  'ds-link': variant === 'link',
58
+ 'ds-link-warning': variant === 'link' && color === 'warning',
59
+ 'ds-link--disabled': variant === 'link' && disabled,
58
60
  'ds-btn': variant === 'button',
59
61
  'ds-btn--dense': dense,
60
62
  'ds-btn-primary': variant === 'button' && color === 'primary',
package/src/{ButtonLink → ButtonLinkBase}/__snapshots__/index.test.tsx.snap RENAMED
@@ -1,11 +1,11 @@
1
1
  // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
- exports[`renders the Button with tabIndex prop 1`] = `
3
+ exports[`renders the ButtonLinkBase with ariaLabel prop 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <a
7
+ aria-label="button for opening menu"
7
8
  class="ds-btn ds-btn-primary"
8
- tabindex="0"
9
9
  >
10
10
  Menu
11
11
  </a>
@@ -13,24 +13,24 @@ exports[`renders the Button with tabIndex prop 1`] = `
13
13
  </body>
14
14
  `;
15
15
 
16
- exports[`renders the ButtonLink with ariaLabel prop 1`] = `
16
+ exports[`renders the ButtonLinkBase with color=primary 1`] = `
17
17
  <body>
18
18
  <div>
19
19
  <a
20
- aria-label="button for opening menu"
21
20
  class="ds-btn ds-btn-primary"
22
21
  >
23
- Menu
22
+ hello
24
23
  </a>
25
24
  </div>
26
25
  </body>
27
26
  `;
28
27
 
29
- exports[`renders the ButtonLink with color=primary 1`] = `
28
+ exports[`renders the ButtonLinkBase with color=primary with href=# 1`] = `
30
29
  <body>
31
30
  <div>
32
31
  <a
33
32
  class="ds-btn ds-btn-primary"
33
+ href="#"
34
34
  >
35
35
  hello
36
36
  </a>
@@ -38,12 +38,11 @@ exports[`renders the ButtonLink with color=primary 1`] = `
38
38
  </body>
39
39
  `;
40
40
 
41
- exports[`renders the ButtonLink with color=primary with href=# 1`] = `
41
+ exports[`renders the ButtonLinkBase with color=secondary 1`] = `
42
42
  <body>
43
43
  <div>
44
44
  <a
45
- class="ds-btn ds-btn-primary"
46
- href="#"
45
+ class="ds-btn ds-btn-secondary"
47
46
  >
48
47
  hello
49
48
  </a>
@@ -51,11 +50,12 @@ exports[`renders the ButtonLink with color=primary with href=# 1`] = `
51
50
  </body>
52
51
  `;
53
52
 
54
- exports[`renders the ButtonLink with color=secondary 1`] = `
53
+ exports[`renders the ButtonLinkBase with color=secondary with href=# 1`] = `
55
54
  <body>
56
55
  <div>
57
56
  <a
58
57
  class="ds-btn ds-btn-secondary"
58
+ href="#"
59
59
  >
60
60
  hello
61
61
  </a>
@@ -63,12 +63,11 @@ exports[`renders the ButtonLink with color=secondary 1`] = `
63
63
  </body>
64
64
  `;
65
65
 
66
- exports[`renders the ButtonLink with color=secondary with href=# 1`] = `
66
+ exports[`renders the ButtonLinkBase with color=warning 1`] = `
67
67
  <body>
68
68
  <div>
69
69
  <a
70
- class="ds-btn ds-btn-secondary"
71
- href="#"
70
+ class="ds-btn ds-btn-warning"
72
71
  >
73
72
  hello
74
73
  </a>
@@ -76,11 +75,12 @@ exports[`renders the ButtonLink with color=secondary with href=# 1`] = `
76
75
  </body>
77
76
  `;
78
77
 
79
- exports[`renders the ButtonLink with color=warning 1`] = `
78
+ exports[`renders the ButtonLinkBase with color=warning with href=# 1`] = `
80
79
  <body>
81
80
  <div>
82
81
  <a
83
82
  class="ds-btn ds-btn-warning"
83
+ href="#"
84
84
  >
85
85
  hello
86
86
  </a>
@@ -88,12 +88,11 @@ exports[`renders the ButtonLink with color=warning 1`] = `
88
88
  </body>
89
89
  `;
90
90
 
91
- exports[`renders the ButtonLink with color=warning with href=# 1`] = `
91
+ exports[`renders the ButtonLinkBase with disabled=false 1`] = `
92
92
  <body>
93
93
  <div>
94
94
  <a
95
- class="ds-btn ds-btn-warning"
96
- href="#"
95
+ class="ds-btn ds-btn-primary"
97
96
  >
98
97
  hello
99
98
  </a>
@@ -101,11 +100,12 @@ exports[`renders the ButtonLink with color=warning with href=# 1`] = `
101
100
  </body>
102
101
  `;
103
102
 
104
- exports[`renders the ButtonLink with disabled=false 1`] = `
103
+ exports[`renders the ButtonLinkBase with href=# 1`] = `
105
104
  <body>
106
105
  <div>
107
106
  <a
108
107
  class="ds-btn ds-btn-primary"
108
+ href="#"
109
109
  >
110
110
  hello
111
111
  </a>
@@ -113,12 +113,11 @@ exports[`renders the ButtonLink with disabled=false 1`] = `
113
113
  </body>
114
114
  `;
115
115
 
116
- exports[`renders the ButtonLink with href=# 1`] = `
116
+ exports[`renders the ButtonLinkBase with no props 1`] = `
117
117
  <body>
118
118
  <div>
119
119
  <a
120
120
  class="ds-btn ds-btn-primary"
121
- href="#"
122
121
  >
123
122
  hello
124
123
  </a>
@@ -126,13 +125,14 @@ exports[`renders the ButtonLink with href=# 1`] = `
126
125
  </body>
127
126
  `;
128
127
 
129
- exports[`renders the ButtonLink with no props 1`] = `
128
+ exports[`renders the ButtonLinkBase with tabIndex prop 1`] = `
130
129
  <body>
131
130
  <div>
132
131
  <a
133
132
  class="ds-btn ds-btn-primary"
133
+ tabindex="0"
134
134
  >
135
- hello
135
+ Menu
136
136
  </a>
137
137
  </div>
138
138
  </body>
package/src/ButtonLinkBase/index.test.tsx ADDED
@@ -0,0 +1,75 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+
4
+ import ButtonLinkBase from '@digigov/react-core/ButtonLinkBase';
5
+
6
+ it('renders the ButtonLinkBase with no props', () => {
7
+ expect(
8
+ render(<ButtonLinkBase>hello</ButtonLinkBase>).baseElement
9
+ ).toMatchSnapshot();
10
+ });
11
+ it('renders the ButtonLinkBase with color=primary', () => {
12
+ expect(
13
+ render(<ButtonLinkBase color={'primary'}>hello</ButtonLinkBase>).baseElement
14
+ ).toMatchSnapshot();
15
+ });
16
+ it('renders the ButtonLinkBase with color=secondary', () => {
17
+ expect(
18
+ render(<ButtonLinkBase color={'secondary'}>hello</ButtonLinkBase>)
19
+ .baseElement
20
+ ).toMatchSnapshot();
21
+ });
22
+ it('renders the ButtonLinkBase with color=warning', () => {
23
+ expect(
24
+ render(<ButtonLinkBase color={'warning'}>hello</ButtonLinkBase>).baseElement
25
+ ).toMatchSnapshot();
26
+ });
27
+ it('renders the ButtonLinkBase with href=#', () => {
28
+ expect(
29
+ render(<ButtonLinkBase href={'#'}>hello</ButtonLinkBase>).baseElement
30
+ ).toMatchSnapshot();
31
+ });
32
+ it('renders the ButtonLinkBase with disabled=false', () => {
33
+ expect(
34
+ render(<ButtonLinkBase>hello</ButtonLinkBase>).baseElement
35
+ ).toMatchSnapshot();
36
+ });
37
+ it('renders the ButtonLinkBase with color=primary with href=#', () => {
38
+ expect(
39
+ render(
40
+ <ButtonLinkBase href={'#'} color={'primary'}>
41
+ hello
42
+ </ButtonLinkBase>
43
+ ).baseElement
44
+ ).toMatchSnapshot();
45
+ });
46
+ it('renders the ButtonLinkBase with color=secondary with href=#', () => {
47
+ expect(
48
+ render(
49
+ <ButtonLinkBase href={'#'} color={'secondary'}>
50
+ hello
51
+ </ButtonLinkBase>
52
+ ).baseElement
53
+ ).toMatchSnapshot();
54
+ });
55
+ it('renders the ButtonLinkBase with color=warning with href=#', () => {
56
+ expect(
57
+ render(
58
+ <ButtonLinkBase href={'#'} color={'warning'}>
59
+ hello
60
+ </ButtonLinkBase>
61
+ ).baseElement
62
+ ).toMatchSnapshot();
63
+ });
64
+ it('renders the ButtonLinkBase with ariaLabel prop', () => {
65
+ expect(
66
+ render(
67
+ <ButtonLinkBase aria-label="button for opening menu">Menu</ButtonLinkBase>
68
+ ).baseElement
69
+ ).toMatchSnapshot();
70
+ });
71
+ it('renders the ButtonLinkBase with tabIndex prop', () => {
72
+ expect(
73
+ render(<ButtonLinkBase tabIndex={0}>Menu</ButtonLinkBase>).baseElement
74
+ ).toMatchSnapshot();
75
+ });
package/src/ButtonLinkBase/index.tsx ADDED
@@ -0,0 +1,55 @@
1
+ import React from 'react';
2
+ import clsx from 'clsx';
3
+ import { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';
4
+
5
+ export interface ButtonLinkBaseProps extends LinkBaseProps {
6
+ /**
7
+ * color is optional.
8
+ * 'primary' color is used for the main call to action on a page.
9
+ * 'secondary' color is used for secondary calls to action on a page.
10
+ * 'warning' color is used to make users think carefully before they use them.
11
+ * The default value is 'primary'.
12
+ * @value 'primary'
13
+ * @value 'secondary'
14
+ * @value 'warning'
15
+ * @default 'primary'
16
+ */
17
+ color?: 'primary' | 'secondary' | 'warning';
18
+
19
+ /**
20
+ * dense is optional.
21
+ * @value true Button will be dense.
22
+ * @value false
23
+ * @default false
24
+ */
25
+ dense?: boolean;
26
+ }
27
+ /**
28
+ * Use the Button component to help users carry out an action.
29
+ */
30
+ export const ButtonLinkBase = React.forwardRef<
31
+ HTMLAnchorElement,
32
+ ButtonLinkBaseProps
33
+ >(function ButtonLinkBase(
34
+ { color = 'primary', dense, className, children, ...props },
35
+ ref
36
+ ) {
37
+ return (
38
+ <LinkBase
39
+ ref={ref}
40
+ defaultStyle={false}
41
+ className={clsx(className, {
42
+ 'ds-btn': true,
43
+ 'ds-btn--dense': dense,
44
+ 'ds-btn-primary': color === 'primary',
45
+ 'ds-btn-secondary': color === 'secondary',
46
+ 'ds-btn-warning': color === 'warning',
47
+ })}
48
+ {...props}
49
+ >
50
+ {children}
51
+ </LinkBase>
52
+ );
53
+ });
54
+
55
+ export default ButtonLinkBase;
package/src/{CallToAction → CallToActionBase}/__snapshots__/index.test.tsx.snap RENAMED
@@ -1,6 +1,6 @@
1
1
  // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
- exports[`renders the CallToAction with no props 1`] = `
3
+ exports[`renders the CallToActionBase with no props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <a
package/src/CallToActionBase/index.test.tsx ADDED
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+
4
+ import CallToActionBase from '@digigov/react-core/CallToActionBase';
5
+
6
+ it('renders the CallToActionBase with no props', () => {
7
+ expect(
8
+ render(<CallToActionBase>hello</CallToActionBase>).baseElement
9
+ ).toMatchSnapshot();
10
+ });
package/src/{CallToAction → CallToActionBase}/index.tsx RENAMED
@@ -1,21 +1,23 @@
1
1
  import React from 'react';
2
2
  import clsx from 'clsx';
3
- import ButtonLink, { ButtonLinkProps } from '@digigov/react-core/ButtonLink';
3
+ import ButtonLinkBase, {
4
+ ButtonLinkBaseProps,
5
+ } from '@digigov/react-core/ButtonLinkBase';
4
6
  import { ChevronIcon } from '@digigov/react-icons';
5
7
 
6
- export interface CallToActionProps extends ButtonLinkProps {}
8
+ export interface CallToActionBaseProps extends ButtonLinkBaseProps {}
7
9
  /**
8
10
  * Use this button for the main call to action on your service’s start page.
9
11
  */
10
- export const CallToAction = React.forwardRef<
12
+ export const CallToActionBase = React.forwardRef<
11
13
  HTMLAnchorElement,
12
- CallToActionProps
13
- >(function CallToAction(
14
+ CallToActionBaseProps
15
+ >(function CallToActionBase(
14
16
  { printHidden = true, className, children, ...props },
15
17
  ref
16
18
  ) {
17
19
  return (
18
- <ButtonLink
20
+ <ButtonLinkBase
19
21
  ref={ref}
20
22
  printHidden={printHidden}
21
23
  className={clsx(className, {
@@ -25,8 +27,8 @@ export const CallToAction = React.forwardRef<
25
27
  >
26
28
  {children}
27
29
  <ChevronIcon className="ds-btn-cta__icon" />
28
- </ButtonLink>
30
+ </ButtonLinkBase>
29
31
  );
30
32
  });
31
33
 
32
- export default CallToAction;
34
+ export default CallToActionBase;
package/src/Checkbox/__snapshots__/index.test.tsx.snap CHANGED
@@ -16,7 +16,6 @@ exports[`renders the Checkbox with dense prop and CheckboxItems 1`] = `
16
16
  <input
17
17
  class="ds-checkboxes__input"
18
18
  type="checkbox"
19
- value=""
20
19
  />
21
20
  </label>
22
21
  </div>
@@ -30,7 +29,6 @@ exports[`renders the Checkbox with dense prop and CheckboxItems 1`] = `
30
29
  <input
31
30
  class="ds-checkboxes__input"
32
31
  type="checkbox"
33
- value=""
34
32
  />
35
33
  </label>
36
34
  </div>
@@ -55,7 +53,6 @@ exports[`renders the Checkbox with layout=horizontal and CheckboxItems 1`] = `
55
53
  <input
56
54
  class="ds-checkboxes__input"
57
55
  type="checkbox"
58
- value=""
59
56
  />
60
57
  </label>
61
58
  </div>
@@ -69,7 +66,6 @@ exports[`renders the Checkbox with layout=horizontal and CheckboxItems 1`] = `
69
66
  <input
70
67
  class="ds-checkboxes__input"
71
68
  type="checkbox"
72
- value=""
73
69
  />
74
70
  </label>
75
71
  </div>
@@ -106,7 +102,6 @@ exports[`renders the Checkbox with no props and CheckboxItem 1`] = `
106
102
  <input
107
103
  class="ds-checkboxes__input"
108
104
  type="checkbox"
109
- value=""
110
105
  />
111
106
  </label>
112
107
  </div>
package/src/CheckboxConditional/__snapshots__/index.test.tsx.snap CHANGED
@@ -7,7 +7,7 @@ exports[`renders the Blockquote with no props 1`] = `
7
7
  class="ds-checkboxes__conditional"
8
8
  >
9
9
  <div
10
- class="ds-field xs:ds-grid__col-span-12"
10
+ class="ds-field ds-grid-item xs:ds-grid__col-span-12"
11
11
  >
12
12
  <label
13
13
  class="ds-label"