@digigov/react-core 2.0.0-2a26e869 → 2.0.0-32ae417f

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 (454) 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/Base/compat/Input/CheckboxInput.native.js.map +2 -2
  31. package/Base/compat/Input/RadioInput.native.js.map +2 -2
  32. package/Base/compat/details.native/index.js +2 -1
  33. package/Base/compat/details.native.d.ts +2 -1
  34. package/Base/compat/details.native.js.map +2 -2
  35. package/Base/index.native.js.map +2 -2
  36. package/Base/index.web.d.ts +1 -1
  37. package/Base/index.web.js.map +1 -1
  38. package/Base/mapping.native.d.ts +1 -1
  39. package/Base/mapping.native.js.map +2 -2
  40. package/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/index.d.ts +5 -5
  41. package/BreadcrumbsListItemLinkBase/index.js +23 -0
  42. package/BreadcrumbsListItemLinkBase/index.js.map +7 -0
  43. package/BreadcrumbsListItemLinkBase/package.json +6 -0
  44. package/BreadcrumbsListItemWrapper/index.d.ts +10 -0
  45. package/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.js +4 -4
  46. package/BreadcrumbsListItemWrapper/index.js.map +7 -0
  47. package/{AutoCompleteInputTypeahead → BreadcrumbsListItemWrapper}/package.json +1 -1
  48. package/Button/index.js +2 -0
  49. package/Button/index.js.map +2 -2
  50. package/{ButtonLink → ButtonLinkBase}/index.d.ts +4 -4
  51. package/ButtonLinkBase/index.js +27 -0
  52. package/ButtonLinkBase/index.js.map +7 -0
  53. package/{FooterLink → ButtonLinkBase}/package.json +1 -1
  54. package/CallToActionBase/index.d.ts +9 -0
  55. package/{CallToAction → CallToActionBase}/index.js +6 -6
  56. package/CallToActionBase/index.js.map +7 -0
  57. package/{CircularProgress → CallToActionBase}/package.json +1 -1
  58. package/{CircularProgress → CircularProgressBase}/index.d.ts +5 -5
  59. package/{CircularProgress → CircularProgressBase}/index.js +4 -4
  60. package/CircularProgressBase/index.js.map +7 -0
  61. package/CircularProgressBase/package.json +6 -0
  62. package/CopyToClipboardMessage/index.native/index.js +1 -1
  63. package/CopyToClipboardMessage/index.native.d.ts +1 -3
  64. package/CopyToClipboardMessage/index.native.js.map +1 -1
  65. package/DateInputItem/index.native/index.js +1 -1
  66. package/DateInputItem/index.native.d.ts +1 -3
  67. package/DateInputItem/index.native.js.map +1 -1
  68. package/Details/index.native/index.js +1 -1
  69. package/Details/index.native.d.ts +1 -3
  70. package/Details/index.native.js.map +1 -1
  71. package/DetailsContent/index.d.ts +1 -0
  72. package/DetailsContent/index.js +3 -2
  73. package/DetailsContent/index.js.map +2 -2
  74. package/FileUpload/index.d.ts +7 -0
  75. package/FileUpload/index.js +12 -4
  76. package/FileUpload/index.js.map +2 -2
  77. package/FileUploadContainer/index.d.ts +7 -0
  78. package/FileUploadContainer/index.js +3 -2
  79. package/FileUploadContainer/index.js.map +2 -2
  80. package/FooterLinkBase/index.d.ts +9 -0
  81. package/FooterLinkBase/index.js +23 -0
  82. package/FooterLinkBase/index.js.map +7 -0
  83. package/{CallToAction → FooterLinkBase}/package.json +1 -1
  84. package/GovGRLogoBase/govgr-logo-base64/package.json +6 -0
  85. package/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.js.map +1 -1
  86. package/GovGRLogoBase/govgr-logo-blue-base64/package.json +6 -0
  87. package/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.js.map +1 -1
  88. package/GovGRLogoBase/index.d.ts +9 -0
  89. package/GovGRLogoBase/index.js +43 -0
  90. package/GovGRLogoBase/index.js.map +7 -0
  91. package/{BackLink → GovGRLogoBase}/package.json +1 -1
  92. package/Grid/index.js +1 -0
  93. package/Grid/index.js.map +2 -2
  94. package/HeaderLogoBase/index.d.ts +19 -0
  95. package/HeaderLogoBase/index.js +33 -0
  96. package/HeaderLogoBase/index.js.map +7 -0
  97. package/HeaderLogoBase/package.json +6 -0
  98. package/HeaderSecondaryLogoBase/index.d.ts +19 -0
  99. package/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.js +7 -7
  100. package/HeaderSecondaryLogoBase/index.js.map +7 -0
  101. package/{BreadcrumbsListItemLink → HeaderSecondaryLogoBase}/package.json +1 -1
  102. package/HeaderTitleBase/index.d.ts +9 -0
  103. package/HeaderTitleBase/index.js +24 -0
  104. package/HeaderTitleBase/index.js.map +7 -0
  105. package/HeaderTitleBase/package.json +6 -0
  106. package/LinkBase/index.js +1 -0
  107. package/LinkBase/index.js.map +2 -2
  108. package/{NavListItemAction → NavListItemActionBase}/index.d.ts +6 -6
  109. package/{NavListItemAction → NavListItemActionBase}/index.js +6 -6
  110. package/NavListItemActionBase/index.js.map +7 -0
  111. package/NavListItemActionBase/package.json +6 -0
  112. package/NavListItemActionContainer/index.native/index.js +1 -1
  113. package/NavListItemActionContainer/index.native.d.ts +0 -2
  114. package/NavListItemActionContainer/index.native.js.map +1 -1
  115. package/{NavListItemLink → NavListItemLinkBase}/index.d.ts +4 -4
  116. package/{NavListItemLink → NavListItemLinkBase}/index.js +6 -6
  117. package/NavListItemLinkBase/index.js.map +7 -0
  118. package/{BreadcrumbsListItem → NavListItemLinkBase}/package.json +1 -1
  119. package/NotificationBannerContent/index.js +1 -1
  120. package/NotificationBannerContent/index.js.map +2 -2
  121. package/NotificationBannerLink/index.native/index.js +1 -1
  122. package/NotificationBannerLink/index.native.d.ts +1 -3
  123. package/NotificationBannerLink/index.native.js.map +1 -1
  124. package/Table/index.d.ts +9 -0
  125. package/Table/index.js +4 -1
  126. package/Table/index.js.map +2 -2
  127. package/TableDataCell/index.d.ts +13 -0
  128. package/TableDataCell/index.js +10 -1
  129. package/TableDataCell/index.js.map +2 -2
  130. package/TextArea/index.native/index.js +1 -1
  131. package/TextArea/index.native.d.ts +1 -3
  132. package/TextArea/index.native.js.map +1 -1
  133. package/TextInput/index.native/index.js +1 -1
  134. package/TextInput/index.native.d.ts +1 -3
  135. package/TextInput/index.native.js.map +1 -1
  136. package/Typography/index.d.ts +1 -1
  137. package/Typography/index.js +15 -17
  138. package/Typography/index.js.map +2 -2
  139. package/WarningText/index.d.ts +7 -0
  140. package/WarningText/index.js +10 -2
  141. package/WarningText/index.js.map +2 -2
  142. package/cjs/Accordion/index.js +5 -35
  143. package/cjs/Accordion/index.js.map +3 -3
  144. package/cjs/{utils/extend.native → Accordion/index.native}/index.js +22 -16
  145. package/cjs/Accordion/index.native.js.map +7 -0
  146. package/cjs/{ButtonLink → Accordion/index.web}/index.js +24 -16
  147. package/cjs/Accordion/index.web.js.map +7 -0
  148. package/cjs/AccordionSection/index.js +5 -21
  149. package/cjs/AccordionSection/index.js.map +3 -3
  150. package/cjs/{CheckboxItemInput → AccordionSection}/index.native/index.js +13 -12
  151. package/cjs/AccordionSection/index.native.js.map +7 -0
  152. package/cjs/{HeaderTitle → AccordionSection/index.web}/index.js +11 -12
  153. package/cjs/AccordionSection/index.web.js.map +7 -0
  154. package/cjs/AccordionSectionSummaryHeading/index.js +5 -3
  155. package/cjs/AccordionSectionSummaryHeading/index.js.map +2 -2
  156. package/cjs/BackLinkBase/index.js +62 -0
  157. package/cjs/BackLinkBase/index.js.map +7 -0
  158. package/cjs/Base/compat/Input/CheckboxInput.native.js.map +2 -2
  159. package/cjs/Base/compat/Input/RadioInput.native.js.map +2 -2
  160. package/cjs/Base/compat/details.native/index.js +2 -1
  161. package/cjs/Base/compat/details.native.js.map +2 -2
  162. package/cjs/Base/index.native.js.map +2 -2
  163. package/cjs/Base/index.web.js.map +1 -1
  164. package/cjs/Base/mapping.native.js.map +2 -2
  165. package/cjs/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/index.js +10 -11
  166. package/cjs/BreadcrumbsListItemLinkBase/index.js.map +7 -0
  167. package/cjs/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.js +8 -8
  168. package/cjs/BreadcrumbsListItemWrapper/index.js.map +7 -0
  169. package/cjs/Button/index.js +2 -0
  170. package/cjs/Button/index.js.map +2 -2
  171. package/cjs/ButtonLinkBase/index.js +60 -0
  172. package/cjs/ButtonLinkBase/index.js.map +7 -0
  173. package/cjs/{CallToAction → CallToActionBase}/index.js +10 -10
  174. package/cjs/CallToActionBase/index.js.map +7 -0
  175. package/cjs/{CircularProgress → CircularProgressBase}/index.js +8 -8
  176. package/cjs/CircularProgressBase/index.js.map +7 -0
  177. package/cjs/CopyToClipboardMessage/index.native/index.js +2 -2
  178. package/cjs/CopyToClipboardMessage/index.native.js.map +2 -2
  179. package/cjs/DateInputItem/index.native/index.js +2 -2
  180. package/cjs/DateInputItem/index.native.js.map +2 -2
  181. package/cjs/Details/index.native/index.js +2 -2
  182. package/cjs/Details/index.native.js.map +2 -2
  183. package/cjs/DetailsContent/index.js +3 -2
  184. package/cjs/DetailsContent/index.js.map +2 -2
  185. package/cjs/FileUpload/index.js +12 -4
  186. package/cjs/FileUpload/index.js.map +2 -2
  187. package/cjs/FileUploadContainer/index.js +3 -2
  188. package/cjs/FileUploadContainer/index.js.map +2 -2
  189. package/cjs/FooterLinkBase/index.js +56 -0
  190. package/cjs/FooterLinkBase/index.js.map +7 -0
  191. package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.js.map +1 -1
  192. package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.js.map +1 -1
  193. package/cjs/{GovGRLogo → GovGRLogoBase}/index.js +41 -43
  194. package/cjs/GovGRLogoBase/index.js.map +7 -0
  195. package/cjs/Grid/index.js +1 -0
  196. package/cjs/Grid/index.js.map +2 -2
  197. package/cjs/{HeaderSecondaryLogo → HeaderLogoBase}/index.js +12 -12
  198. package/cjs/HeaderLogoBase/index.js.map +7 -0
  199. package/cjs/HeaderSecondaryLogoBase/index.js +66 -0
  200. package/cjs/HeaderSecondaryLogoBase/index.js.map +7 -0
  201. package/cjs/HeaderTitleBase/index.js +57 -0
  202. package/cjs/HeaderTitleBase/index.js.map +7 -0
  203. package/cjs/LinkBase/index.js +1 -0
  204. package/cjs/LinkBase/index.js.map +2 -2
  205. package/cjs/{NavListItemAction → NavListItemActionBase}/index.js +10 -10
  206. package/cjs/NavListItemActionBase/index.js.map +7 -0
  207. package/cjs/NavListItemActionContainer/index.native/index.js +2 -2
  208. package/cjs/NavListItemActionContainer/index.native.js.map +2 -2
  209. package/cjs/{NavListItemLink → NavListItemLinkBase}/index.js +10 -10
  210. package/cjs/NavListItemLinkBase/index.js.map +7 -0
  211. package/cjs/NotificationBannerContent/index.js +1 -1
  212. package/cjs/NotificationBannerContent/index.js.map +2 -2
  213. package/cjs/NotificationBannerLink/index.native/index.js +2 -2
  214. package/cjs/NotificationBannerLink/index.native.js.map +2 -2
  215. package/cjs/Table/index.js +4 -1
  216. package/cjs/Table/index.js.map +2 -2
  217. package/cjs/TableDataCell/index.js +10 -1
  218. package/cjs/TableDataCell/index.js.map +2 -2
  219. package/cjs/TextArea/index.native/index.js +2 -2
  220. package/cjs/TextArea/index.native.js.map +2 -2
  221. package/cjs/TextInput/index.native/index.js +2 -2
  222. package/cjs/TextInput/index.native.js.map +2 -2
  223. package/cjs/Typography/index.js +15 -17
  224. package/cjs/Typography/index.js.map +2 -2
  225. package/cjs/WarningText/index.js +10 -2
  226. package/cjs/WarningText/index.js.map +2 -2
  227. package/cjs/index.js +24 -26
  228. package/cjs/index.js.map +2 -2
  229. package/cjs/lazy/index.js +15 -16
  230. package/cjs/lazy.js.map +2 -2
  231. package/cjs/registry/index.js +40 -38
  232. package/cjs/registry.js.map +2 -2
  233. package/cjs/utils/index.native/index.js +86 -0
  234. package/cjs/utils/index.native.js.map +7 -0
  235. package/index.d.ts +12 -13
  236. package/index.js +13 -14
  237. package/index.js.map +2 -2
  238. package/lazy/index.js +15 -16
  239. package/package.json +5 -5
  240. package/registry/index.js +40 -38
  241. package/src/Accordion/index.native.tsx +19 -0
  242. package/src/Accordion/index.tsx +2 -71
  243. package/src/Accordion/index.web.tsx +71 -0
  244. package/src/AccordionSection/index.native.tsx +18 -0
  245. package/src/AccordionSection/index.tsx +2 -28
  246. package/src/AccordionSection/index.web.tsx +28 -0
  247. package/src/AccordionSectionSummaryHeading/index.tsx +12 -4
  248. package/src/AdminAside/__snapshots__/index.test.tsx.snap +1 -1
  249. package/src/AdminContainer/__snapshots__/index.test.tsx.snap +2 -2
  250. package/src/AdminMain/__snapshots__/index.test.tsx.snap +1 -1
  251. package/src/AdminTopSection/__snapshots__/index.test.tsx.snap +1 -1
  252. package/src/Aside/__snapshots__/index.test.tsx.snap +1 -1
  253. package/src/{BackLink → BackLinkBase}/__snapshots__/index.test.tsx.snap +2 -2
  254. package/src/BackLinkBase/index.test.tsx +15 -0
  255. package/src/BackLinkBase/index.tsx +36 -0
  256. package/src/Base/compat/Input/CheckboxInput.native.tsx +2 -6
  257. package/src/Base/compat/Input/RadioInput.native.tsx +2 -6
  258. package/src/Base/compat/details.native.tsx +3 -1
  259. package/src/Base/index.native.tsx +2 -2
  260. package/src/Base/index.web.tsx +2 -2
  261. package/src/Base/mapping.native.tsx +1 -1
  262. package/src/BottomInfo/__snapshots__/index.test.tsx.snap +1 -1
  263. package/src/BottomInfoContainer/__snapshots__/index.test.tsx.snap +1 -1
  264. package/src/BottomInfoContent/__snapshots__/index.test.tsx.snap +1 -1
  265. package/src/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/__snapshots__/index.test.tsx.snap +4 -4
  266. package/src/BreadcrumbsListItemLinkBase/index.test.tsx +18 -0
  267. package/src/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/index.tsx +10 -11
  268. package/src/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.test.tsx +1 -1
  269. package/src/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.tsx +5 -5
  270. package/src/Button/index.tsx +2 -0
  271. package/src/{ButtonLink → ButtonLinkBase}/__snapshots__/index.test.tsx.snap +22 -22
  272. package/src/ButtonLinkBase/index.test.tsx +75 -0
  273. package/src/ButtonLinkBase/index.tsx +55 -0
  274. package/src/{CallToAction → CallToActionBase}/__snapshots__/index.test.tsx.snap +1 -1
  275. package/src/CallToActionBase/index.test.tsx +10 -0
  276. package/src/{CallToAction → CallToActionBase}/index.tsx +10 -8
  277. package/src/Checkbox/__snapshots__/index.test.tsx.snap +0 -5
  278. package/src/CheckboxConditional/__snapshots__/index.test.tsx.snap +1 -1
  279. package/src/CheckboxItem/__snapshots__/index.test.tsx.snap +0 -4
  280. package/src/{CircularProgress → CircularProgressBase}/__snapshots__/index.test.tsx.snap +6 -6
  281. package/src/CircularProgressBase/index.test.tsx +38 -0
  282. package/src/{CircularProgress → CircularProgressBase}/index.tsx +7 -7
  283. package/src/Container/__snapshots__/index.test.tsx.snap +3 -3
  284. package/src/CopyToClipboardMessage/index.native.tsx +1 -1
  285. package/src/DateInputItem/index.native.tsx +1 -1
  286. package/src/Details/index.native.tsx +1 -1
  287. package/src/DetailsContent/index.tsx +11 -2
  288. package/src/FieldContainer/__snapshots__/index.test.tsx.snap +3 -3
  289. package/src/FileUpload/index.tsx +20 -4
  290. package/src/FileUploadContainer/index.tsx +10 -1
  291. package/src/FooterContainer/__snapshots__/index.test.tsx.snap +1 -1
  292. package/src/{FooterLink → FooterLinkBase}/__snapshots__/index.test.tsx.snap +2 -2
  293. package/src/FooterLinkBase/index.test.tsx +16 -0
  294. package/src/FooterLinkBase/index.tsx +27 -0
  295. package/src/{GovGRLogo → GovGRLogoBase}/__snapshots__/index.test.tsx.snap +1 -1
  296. package/src/GovGRLogoBase/index.test.tsx +8 -0
  297. package/src/GovGRLogoBase/index.tsx +43 -0
  298. package/src/Grid/__snapshots__/index.test.tsx.snap +8 -8
  299. package/src/Grid/index.tsx +1 -0
  300. package/src/{HeaderLogo → HeaderLogoBase}/__snapshots__/index.test.tsx.snap +1 -1
  301. package/src/HeaderLogoBase/index.test.tsx +8 -0
  302. package/src/HeaderLogoBase/index.tsx +44 -0
  303. package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/__snapshots__/index.test.tsx.snap +2 -2
  304. package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.test.tsx +7 -7
  305. package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.tsx +9 -9
  306. package/src/{HeaderTitle → HeaderTitleBase}/__snapshots__/index.test.tsx.snap +2 -2
  307. package/src/HeaderTitleBase/index.test.tsx +17 -0
  308. package/src/HeaderTitleBase/index.tsx +28 -0
  309. package/src/LinkBase/index.tsx +1 -0
  310. package/src/Main/__snapshots__/index.test.tsx.snap +1 -1
  311. package/src/NavListItemActionBase/__snapshots__/index.test.tsx.snap +101 -0
  312. package/src/NavListItemActionBase/index.test.tsx +42 -0
  313. package/src/{NavListItemAction → NavListItemActionBase}/index.tsx +13 -12
  314. package/src/NavListItemActionContainer/index.native.tsx +1 -1
  315. package/src/{NavListItemLink → NavListItemLinkBase}/__snapshots__/index.test.tsx.snap +5 -5
  316. package/src/NavListItemLinkBase/index.test.tsx +41 -0
  317. package/src/{NavListItemLink → NavListItemLinkBase}/index.tsx +8 -9
  318. package/src/NavMenuContainer/__snapshots__/index.test.tsx.snap +4 -4
  319. package/src/NavMenuContent/__snapshots__/index.test.tsx.snap +1 -1
  320. package/src/NavMenuTitle/__snapshots__/index.test.tsx.snap +1 -1
  321. package/src/NotificationBannerContent/index.tsx +1 -1
  322. package/src/NotificationBannerLink/index.native.tsx +1 -1
  323. package/src/RadioConditional/__snapshots__/index.test.tsx.snap +1 -1
  324. package/src/RadioItem/__snapshots__/index.test.tsx.snap +0 -4
  325. package/src/Table/index.tsx +12 -0
  326. package/src/TableDataCell/__snapshots__/index.test.tsx.snap +2 -2
  327. package/src/TableDataCell/index.tsx +23 -1
  328. package/src/TextArea/index.native.tsx +1 -1
  329. package/src/TextInput/index.native.tsx +1 -1
  330. package/src/Typography/index.tsx +21 -20
  331. package/src/WarningText/__snapshots__/index.test.tsx.snap +26 -0
  332. package/src/WarningText/index.test.tsx +5 -0
  333. package/src/WarningText/index.tsx +17 -2
  334. package/src/index.ts +12 -13
  335. package/src/lazy.js +15 -16
  336. package/src/registry.js +40 -38
  337. package/src/utils/index.native.tsx +122 -0
  338. package/utils/index.native/index.js +52 -0
  339. package/utils/index.native/package.json +6 -0
  340. package/utils/index.native.d.ts +43 -0
  341. package/utils/index.native.js.map +7 -0
  342. package/AutoCompleteInputTypeahead/index.d.ts +0 -11
  343. package/AutoCompleteInputTypeahead/index.js +0 -25
  344. package/AutoCompleteInputTypeahead/index.js.map +0 -7
  345. package/BackLink/index.d.ts +0 -9
  346. package/BackLink/index.js +0 -31
  347. package/BackLink/index.js.map +0 -7
  348. package/BreadcrumbsListItem/index.d.ts +0 -10
  349. package/BreadcrumbsListItem/index.js.map +0 -7
  350. package/BreadcrumbsListItemLink/index.js +0 -24
  351. package/BreadcrumbsListItemLink/index.js.map +0 -7
  352. package/ButtonLink/index.js +0 -29
  353. package/ButtonLink/index.js.map +0 -7
  354. package/CallToAction/index.d.ts +0 -9
  355. package/CallToAction/index.js.map +0 -7
  356. package/CheckboxItemInput/index.native/index.js +0 -20
  357. package/CheckboxItemInput/index.native/package.json +0 -6
  358. package/CheckboxItemInput/index.native.d.ts +0 -4
  359. package/CheckboxItemInput/index.native.js.map +0 -7
  360. package/CircularProgress/index.js.map +0 -7
  361. package/FooterLink/index.d.ts +0 -9
  362. package/FooterLink/index.js +0 -25
  363. package/FooterLink/index.js.map +0 -7
  364. package/GovGRLogo/govgr-logo-base64/package.json +0 -6
  365. package/GovGRLogo/govgr-logo-blue-base64/package.json +0 -6
  366. package/GovGRLogo/index.d.ts +0 -9
  367. package/GovGRLogo/index.js +0 -45
  368. package/GovGRLogo/index.js.map +0 -7
  369. package/GovGRLogo/package.json +0 -6
  370. package/HeaderLogo/index.d.ts +0 -19
  371. package/HeaderLogo/index.js +0 -35
  372. package/HeaderLogo/index.js.map +0 -7
  373. package/HeaderLogo/package.json +0 -6
  374. package/HeaderSecondaryLogo/index.d.ts +0 -19
  375. package/HeaderSecondaryLogo/index.js.map +0 -7
  376. package/HeaderSecondaryLogo/package.json +0 -6
  377. package/HeaderTitle/index.d.ts +0 -9
  378. package/HeaderTitle/index.js +0 -24
  379. package/HeaderTitle/index.js.map +0 -7
  380. package/HeaderTitle/package.json +0 -6
  381. package/NavListItemAction/index.js.map +0 -7
  382. package/NavListItemAction/package.json +0 -6
  383. package/NavListItemLink/index.js.map +0 -7
  384. package/NavListItemLink/index.test.d.ts +0 -1
  385. package/NavListItemLink/package.json +0 -6
  386. package/cjs/AutoCompleteInputTypeahead/index.js +0 -58
  387. package/cjs/AutoCompleteInputTypeahead/index.js.map +0 -7
  388. package/cjs/BackLink/index.js +0 -64
  389. package/cjs/BackLink/index.js.map +0 -7
  390. package/cjs/BreadcrumbsListItem/index.js.map +0 -7
  391. package/cjs/BreadcrumbsListItemLink/index.js.map +0 -7
  392. package/cjs/ButtonLink/index.js.map +0 -7
  393. package/cjs/CallToAction/index.js.map +0 -7
  394. package/cjs/CheckboxItemInput/index.native.js.map +0 -7
  395. package/cjs/CircularProgress/index.js.map +0 -7
  396. package/cjs/FooterLink/index.js +0 -58
  397. package/cjs/FooterLink/index.js.map +0 -7
  398. package/cjs/GovGRLogo/index.js.map +0 -7
  399. package/cjs/HeaderLogo/index.js +0 -68
  400. package/cjs/HeaderLogo/index.js.map +0 -7
  401. package/cjs/HeaderSecondaryLogo/index.js.map +0 -7
  402. package/cjs/HeaderTitle/index.js.map +0 -7
  403. package/cjs/NavListItemAction/index.js.map +0 -7
  404. package/cjs/NavListItemLink/index.js.map +0 -7
  405. package/cjs/utils/extend.native.js.map +0 -7
  406. package/src/AutoCompleteInputTypeahead/__snapshots__/index.test.tsx.snap +0 -16
  407. package/src/AutoCompleteInputTypeahead/index.test.tsx +0 -8
  408. package/src/AutoCompleteInputTypeahead/index.tsx +0 -32
  409. package/src/BackLink/index.test.tsx +0 -13
  410. package/src/BackLink/index.tsx +0 -35
  411. package/src/BreadcrumbsListItemLink/index.test.tsx +0 -16
  412. package/src/ButtonLink/index.test.tsx +0 -69
  413. package/src/ButtonLink/index.tsx +0 -54
  414. package/src/CallToAction/index.test.tsx +0 -10
  415. package/src/CheckboxItemInput/index.native.tsx +0 -17
  416. package/src/CircularProgress/index.test.tsx +0 -34
  417. package/src/FooterLink/index.test.tsx +0 -14
  418. package/src/FooterLink/index.tsx +0 -26
  419. package/src/GovGRLogo/index.test.tsx +0 -8
  420. package/src/GovGRLogo/index.tsx +0 -42
  421. package/src/HeaderLogo/index.test.tsx +0 -8
  422. package/src/HeaderLogo/index.tsx +0 -43
  423. package/src/HeaderTitle/index.test.tsx +0 -16
  424. package/src/HeaderTitle/index.tsx +0 -28
  425. package/src/NavListItemAction/__snapshots__/index.test.tsx.snap +0 -13
  426. package/src/NavListItemAction/index.test.tsx +0 -11
  427. package/src/NavListItemLink/index.test.tsx +0 -39
  428. package/src/utils/extend.native.tsx +0 -36
  429. package/utils/extend.native/index.js +0 -14
  430. package/utils/extend.native/package.json +0 -6
  431. package/utils/extend.native.d.ts +0 -23
  432. package/utils/extend.native.js.map +0 -7
  433. /package/{AutoCompleteInputTypeahead → BackLinkBase}/index.test.d.ts +0 -0
  434. /package/{BackLink → BreadcrumbsListItemLinkBase}/index.test.d.ts +0 -0
  435. /package/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.test.d.ts +0 -0
  436. /package/{BreadcrumbsListItemLink → ButtonLinkBase}/index.test.d.ts +0 -0
  437. /package/{ButtonLink → CallToActionBase}/index.test.d.ts +0 -0
  438. /package/{CallToAction → CircularProgressBase}/index.test.d.ts +0 -0
  439. /package/{CircularProgress → FooterLinkBase}/index.test.d.ts +0 -0
  440. /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64/index.js +0 -0
  441. /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.d.ts +0 -0
  442. /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64/index.js +0 -0
  443. /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.d.ts +0 -0
  444. /package/{FooterLink → GovGRLogoBase}/index.test.d.ts +0 -0
  445. /package/{GovGRLogo → HeaderLogoBase}/index.test.d.ts +0 -0
  446. /package/{HeaderLogo → HeaderSecondaryLogoBase}/index.test.d.ts +0 -0
  447. /package/{HeaderSecondaryLogo → HeaderTitleBase}/index.test.d.ts +0 -0
  448. /package/{HeaderTitle → NavListItemActionBase}/index.test.d.ts +0 -0
  449. /package/{NavListItemAction → NavListItemLinkBase}/index.test.d.ts +0 -0
  450. /package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64/index.js +0 -0
  451. /package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64/index.js +0 -0
  452. /package/src/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/__snapshots__/index.test.tsx.snap +0 -0
  453. /package/src/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.js +0 -0
  454. /package/src/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.ts +0 -0
@@ -0,0 +1,18 @@
1
+ import CoreAccordionSection from '@digigov/react-core/AccordionSection/index.web';
2
+ import { extend } from '@digigov/react-core/utils/index.native';
3
+
4
+ export const AccordionSection = extend(
5
+ CoreAccordionSection,
6
+ ({ className, ...props }) => {
7
+ return {
8
+ className: className,
9
+ iconClassName: 'ds-accordion__section-button-icon',
10
+ openIcon: '–',
11
+ closeIcon: '+',
12
+ placement: 'after',
13
+ ...props,
14
+ };
15
+ }
16
+ );
17
+
18
+ export default AccordionSection;
@@ -1,28 +1,2 @@
1
- import React from 'react';
2
- import clsx from 'clsx';
3
- import Base, { BaseProps } from '@digigov/react-core/Base';
4
- export interface AccordionSectionProps extends BaseProps<'details'> {}
5
- /**
6
- * AccordionSection should be inside the Accordion component.
7
- *
8
- * Inside this component must place the Accordion and the AccordionSectionContent components.
9
- */
10
- export const AccordionSection = React.forwardRef<
11
- HTMLDetailsElement,
12
- AccordionSectionProps
13
- >(function AccordionSection({ className, children, ...props }, ref) {
14
- return (
15
- <Base
16
- as="details"
17
- ref={ref}
18
- className={clsx(className, {
19
- 'ds-accordion__section': true,
20
- })}
21
- {...props}
22
- >
23
- {children}
24
- </Base>
25
- );
26
- });
27
-
28
- export default AccordionSection;
1
+ export * from '@digigov/react-core/AccordionSection/index.web';
2
+ export { default as default } from '@digigov/react-core/AccordionSection/index.web';
@@ -0,0 +1,28 @@
1
+ import React from 'react';
2
+ import clsx from 'clsx';
3
+ import Base, { BaseProps } from '@digigov/react-core/Base';
4
+ export interface AccordionSectionProps extends BaseProps<'details'> {}
5
+ /**
6
+ * AccordionSection should be inside the Accordion component.
7
+ *
8
+ * Inside this component must place the Accordion and the AccordionSectionContent components.
9
+ */
10
+ export const AccordionSection = React.forwardRef<
11
+ HTMLDetailsElement,
12
+ AccordionSectionProps
13
+ >(function AccordionSection({ className, children, ...props }, ref) {
14
+ return (
15
+ <Base
16
+ as="details"
17
+ ref={ref}
18
+ className={clsx(className, {
19
+ 'ds-accordion__section': true,
20
+ })}
21
+ {...props}
22
+ >
23
+ {children}
24
+ </Base>
25
+ );
26
+ });
27
+
28
+ export default AccordionSection;
@@ -2,7 +2,13 @@ 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 AccordionSectionSummaryHeadingProps extends BaseProps<'h2'> {}
5
+ export interface AccordionSectionSummaryHeadingProps extends BaseProps<'h2'> {
6
+ /*
7
+ * The type of the icon to be displayed on the right side of the heading.
8
+ * @default 'default'
9
+ */
10
+ variant?: 'default' | 'arrows';
11
+ }
6
12
  /**
7
13
  * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.
8
14
  */
@@ -10,7 +16,7 @@ export const AccordionSectionSummaryHeading = React.forwardRef<
10
16
  HTMLHeadingElement,
11
17
  AccordionSectionSummaryHeadingProps
12
18
  >(function AccordionSectionSummaryHeading(
13
- { className, children, ...props },
19
+ { variant, className, children, ...props },
14
20
  ref
15
21
  ) {
16
22
  return (
@@ -23,13 +29,15 @@ export const AccordionSectionSummaryHeading = React.forwardRef<
23
29
  {...props}
24
30
  role="button"
25
31
  >
26
- <span
32
+ <Base
33
+ as="span"
27
34
  className={clsx({
28
35
  'ds-accordion__section-button': true,
36
+ 'ds-accordion__section-button--arrows': variant === 'arrows',
29
37
  })}
30
38
  >
31
39
  {children}
32
- </span>
40
+ </Base>
33
41
  </Base>
34
42
  );
35
43
  });
@@ -4,7 +4,7 @@ exports[`renders the AdminAside with no prop 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <aside
7
- class="ds-admin-aside ds-aside xs:ds-grid__col-span-12 md:ds-grid__col-span-4 lg:ds-grid__col-span-3"
7
+ class="ds-admin-aside ds-aside ds-grid-item xs:ds-grid__col-span-12 md:ds-grid__col-span-4 lg:ds-grid__col-span-3"
8
8
  >
9
9
  hello
10
10
  </aside>
@@ -4,7 +4,7 @@ exports[`renders the AdminContainer with no grid 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <div
7
- class="ds-admin-container ds-container ds-container--full-width"
7
+ class="ds-admin-container ds-container ds-container--full-width ds-grid-item"
8
8
  >
9
9
  hello
10
10
  </div>
@@ -16,7 +16,7 @@ exports[`renders the AdminContainer with no props 1`] = `
16
16
  <body>
17
17
  <div>
18
18
  <div
19
- class="ds-admin-container ds-container ds-container--full-width ds-grid ds-gap-sm-12"
19
+ class="ds-admin-container ds-container ds-container--full-width ds-grid ds-grid-item ds-gap-sm-12"
20
20
  >
21
21
  hello
22
22
  </div>
@@ -4,7 +4,7 @@ exports[`renders the AdminMain with no prop 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <main
7
- class="ds-admin-main ds-main xs:ds-grid__col-span-12 md:ds-grid__col-span-8 lg:ds-grid__col-span-9"
7
+ class="ds-admin-main ds-main ds-grid-item xs:ds-grid__col-span-12 md:ds-grid__col-span-8 lg:ds-grid__col-span-9"
8
8
  id="main-content"
9
9
  >
10
10
  hello
@@ -4,7 +4,7 @@ exports[`renders the AdminTopSection no prop 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <div
7
- class="ds-admin-top-section"
7
+ class="ds-admin-top-section ds-grid-item"
8
8
  >
9
9
  hello
10
10
  </div>
@@ -4,7 +4,7 @@ exports[`renders the Aside with no props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <aside
7
- class="ds-aside ds-aside--sticky xs:ds-grid__col-span-12 md:ds-grid__col-span-4"
7
+ class="ds-aside ds-aside--sticky ds-grid-item xs:ds-grid__col-span-12 md:ds-grid__col-span-4"
8
8
  >
9
9
  hello
10
10
  </aside>
@@ -1,6 +1,6 @@
1
1
  // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
- exports[`renders the BackLink with href="#" 1`] = `
3
+ exports[`renders the BackLinkBase with href="#" 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <a
@@ -27,7 +27,7 @@ exports[`renders the BackLink with href="#" 1`] = `
27
27
  </body>
28
28
  `;
29
29
 
30
- exports[`renders the BackLink with no props 1`] = `
30
+ exports[`renders the BackLinkBase with no props 1`] = `
31
31
  <body>
32
32
  <div>
33
33
  <a
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+
4
+ import BackLinkBase from '@digigov/react-core/BackLinkBase';
5
+
6
+ it('renders the BackLinkBase with no props', () => {
7
+ expect(
8
+ render(<BackLinkBase>hello</BackLinkBase>).baseElement
9
+ ).toMatchSnapshot();
10
+ });
11
+ it('renders the BackLinkBase with href="#"', () => {
12
+ expect(
13
+ render(<BackLinkBase href="#">hello</BackLinkBase>).baseElement
14
+ ).toMatchSnapshot();
15
+ });
@@ -0,0 +1,36 @@
1
+ import React from 'react';
2
+ import clsx from 'clsx';
3
+ import { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';
4
+ import { CaretIcon } from '@digigov/react-icons';
5
+
6
+ export interface BackLinkBaseProps extends LinkBaseProps {}
7
+ /**
8
+ * Use BackLinkBase component to help users go back to the previous page in a multi-page transaction.
9
+ */
10
+ export const BackLinkBase = React.forwardRef<
11
+ HTMLAnchorElement,
12
+ BackLinkBaseProps
13
+ >(function BackLinkBase(
14
+ { href, printHidden = true, className, children, ...props },
15
+ ref
16
+ ) {
17
+ return (
18
+ <LinkBase
19
+ href={href}
20
+ printHidden={printHidden}
21
+ defaultStyle={false}
22
+ onClick={() => !href && window.history.back()}
23
+ ref={ref}
24
+ className={clsx(className, {
25
+ 'ds-back-link': true,
26
+ })}
27
+ tabIndex={0}
28
+ {...props}
29
+ >
30
+ <CaretIcon direction={'left'} />
31
+ {children}
32
+ </LinkBase>
33
+ );
34
+ });
35
+
36
+ export default BackLinkBase;
@@ -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
  >
@@ -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
  >
@@ -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 (
@@ -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,
@@ -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,
@@ -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';
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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
+ });
@@ -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;
@@ -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(
@@ -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;
@@ -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',