@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
package/src/FileUpload/index.tsx CHANGED
@@ -10,6 +10,14 @@ export interface FileUploadProps extends BaseProps<'input'> {
10
10
  * @default false
11
11
  */
12
12
  hasFiles?: boolean;
13
+
14
+ /**
15
+ * variant is optional.
16
+ * @value 'button'
17
+ * @value 'link'
18
+ * @default 'button'
19
+ */
20
+ variant?: 'button' | 'link';
13
21
  }
14
22
  /**
15
23
  * Details for the FileUpload.
@@ -17,7 +25,15 @@ export interface FileUploadProps extends BaseProps<'input'> {
17
25
  */
18
26
  export const FileUpload = React.forwardRef<HTMLInputElement, FileUploadProps>(
19
27
  function FileUpload(
20
- { name, className, children, disabled, hasFiles = false, ...props },
28
+ {
29
+ name,
30
+ className,
31
+ children,
32
+ disabled,
33
+ hasFiles = false,
34
+ variant = 'button',
35
+ ...props
36
+ },
21
37
  ref
22
38
  ) {
23
39
  return (
@@ -27,9 +43,9 @@ export const FileUpload = React.forwardRef<HTMLInputElement, FileUploadProps>(
27
43
  role="button"
28
44
  className={clsx(className, {
29
45
  'ds-label-file': true,
30
- 'ds-btn': !hasFiles,
31
- 'ds-btn-secondary': !hasFiles,
32
- 'ds-link': hasFiles,
46
+ 'ds-btn': !hasFiles && variant === 'button',
47
+ 'ds-btn-secondary': !hasFiles && variant === 'button',
48
+ 'ds-link': hasFiles || variant === 'link',
33
49
  })}
34
50
  >
35
51
  <Base
package/src/FileUploadContainer/index.tsx CHANGED
@@ -10,6 +10,14 @@ export interface FileUploadContainerProps extends BaseProps<'div'> {
10
10
  * @default false
11
11
  */
12
12
  hasFiles?: boolean;
13
+
14
+ /**
15
+ * variant is optional.
16
+ * @value 'default'
17
+ * @value 'border'
18
+ * @default 'default'
19
+ */
20
+ variant?: 'border' | 'default';
13
21
  }
14
22
  /**
15
23
  * Details for the FileUploadContainer.
@@ -19,7 +27,7 @@ export const FileUploadContainer = React.forwardRef<
19
27
  HTMLDivElement,
20
28
  FileUploadContainerProps
21
29
  >(function FileUploadContainer(
22
- { className, children, hasFiles = false, ...props },
30
+ { className, children, hasFiles = false, variant = 'default', ...props },
23
31
  ref
24
32
  ) {
25
33
  return (
@@ -28,6 +36,7 @@ export const FileUploadContainer = React.forwardRef<
28
36
  as="div"
29
37
  className={clsx(className, {
30
38
  'ds-uploaded-file': hasFiles,
39
+ 'ds-uploaded-file-border': variant === 'border',
31
40
  })}
32
41
  {...props}
33
42
  >
package/src/FooterContainer/__snapshots__/index.test.tsx.snap CHANGED
@@ -4,7 +4,7 @@ exports[`renders the FooterContainer with no props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <div
7
- class="ds-container"
7
+ class="ds-container ds-grid-item"
8
8
  >
9
9
  hello
10
10
  </div>
package/src/{FooterLink → FooterLinkBase}/__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 FooterLink with href prop 1`] = `
3
+ exports[`renders the FooterLinkBase with href prop 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <a
@@ -13,7 +13,7 @@ exports[`renders the FooterLink with href prop 1`] = `
13
13
  </body>
14
14
  `;
15
15
 
16
- exports[`renders the FooterLink with no props 1`] = `
16
+ exports[`renders the FooterLinkBase with no props 1`] = `
17
17
  <body>
18
18
  <div>
19
19
  <a
package/src/FooterLinkBase/index.test.tsx ADDED
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+
4
+ import FooterLinkBase from '@digigov/react-core/FooterLinkBase';
5
+
6
+ it('renders the FooterLinkBase with no props', () => {
7
+ expect(
8
+ render(<FooterLinkBase>hello</FooterLinkBase>).baseElement
9
+ ).toMatchSnapshot();
10
+ });
11
+
12
+ it('renders the FooterLinkBase with href prop', () => {
13
+ expect(
14
+ render(<FooterLinkBase href={'#'}>hello</FooterLinkBase>).baseElement
15
+ ).toMatchSnapshot();
16
+ });
package/src/FooterLinkBase/index.tsx ADDED
@@ -0,0 +1,27 @@
1
+ import React from 'react';
2
+ import clsx from 'clsx';
3
+ import { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';
4
+
5
+ export interface FooterLinkBaseProps extends LinkBaseProps {}
6
+ /**
7
+ * FooterLink in used inside the Footer component.
8
+ */
9
+ export const FooterLinkBase = React.forwardRef<
10
+ HTMLAnchorElement,
11
+ FooterLinkBaseProps
12
+ >(function FooterLinkBase({ className, children, ...props }, ref) {
13
+ return (
14
+ <LinkBase
15
+ ref={ref}
16
+ defaultStyle={false}
17
+ className={clsx(className, {
18
+ 'ds-footer__link': true,
19
+ })}
20
+ {...props}
21
+ >
22
+ {children}
23
+ </LinkBase>
24
+ );
25
+ });
26
+
27
+ export default FooterLinkBase;
package/src/{GovGRLogo → GovGRLogoBase}/__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 GovGRLogo with no props 1`] = `
3
+ exports[`renders the GovGRLogoBase with no props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <a
package/src/GovGRLogoBase/index.test.tsx ADDED
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+
4
+ import GovGRLogoBase from '@digigov/react-core/GovGRLogoBase';
5
+
6
+ it('renders the GovGRLogoBase with no props', () => {
7
+ expect(render(<GovGRLogoBase />).baseElement).toMatchSnapshot();
8
+ });
package/src/GovGRLogoBase/index.tsx ADDED
@@ -0,0 +1,43 @@
1
+ import React from 'react';
2
+ import clsx from 'clsx';
3
+ import logo from '@digigov/react-core/GovGRLogoBase/govgr-logo-base64';
4
+ import logoInverted from '@digigov/react-core/GovGRLogoBase/govgr-logo-blue-base64';
5
+ import { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';
6
+ export interface GovGRLogoBaseProps extends LinkBaseProps {}
7
+ /**
8
+ * Use this component anywhere you what to provide the gov.gr logo.
9
+ * */
10
+ export const GovGRLogoBase = React.forwardRef<
11
+ HTMLAnchorElement,
12
+ GovGRLogoBaseProps
13
+ >(function GovGRLogoBase(
14
+ { href = 'https://www.gov.gr/', className, ...props },
15
+ ref
16
+ ) {
17
+ return (
18
+ <LinkBase
19
+ href={href}
20
+ ref={ref}
21
+ defaultStyle={false}
22
+ className={clsx(className, { 'ds-header__link': true })}
23
+ {...props}
24
+ >
25
+ <img
26
+ src={logo}
27
+ className={clsx(className, {
28
+ 'ds-header__logo': true,
29
+ })}
30
+ alt="gov.gr logo"
31
+ />
32
+ <img
33
+ src={logoInverted}
34
+ className={clsx(className, {
35
+ 'ds-header__logo-inverted': true,
36
+ })}
37
+ alt="gov.gr logo"
38
+ />
39
+ </LinkBase>
40
+ );
41
+ });
42
+
43
+ export default GovGRLogoBase;
package/src/Grid/__snapshots__/index.test.tsx.snap CHANGED
@@ -4,7 +4,7 @@ exports[`renders the Grid with \`container\` props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <div
7
- class="ds-grid"
7
+ class="ds-grid ds-grid-item"
8
8
  >
9
9
  hello
10
10
  </div>
@@ -16,7 +16,7 @@ exports[`renders the Grid with \`inline\` props 1`] = `
16
16
  <body>
17
17
  <div>
18
18
  <div
19
- class=""
19
+ class="ds-grid-item"
20
20
  >
21
21
  hello
22
22
  </div>
@@ -28,7 +28,7 @@ exports[`renders the Grid with \`lg\` props 1`] = `
28
28
  <body>
29
29
  <div>
30
30
  <div
31
- class="lg:ds-grid__col-span-6"
31
+ class="ds-grid-item lg:ds-grid__col-span-6"
32
32
  >
33
33
  hello
34
34
  </div>
@@ -40,7 +40,7 @@ exports[`renders the Grid with \`md\` props 1`] = `
40
40
  <body>
41
41
  <div>
42
42
  <div
43
- class="md:ds-grid__col-span-6"
43
+ class="ds-grid-item md:ds-grid__col-span-6"
44
44
  >
45
45
  hello
46
46
  </div>
@@ -52,7 +52,7 @@ exports[`renders the Grid with \`sm\` props 1`] = `
52
52
  <body>
53
53
  <div>
54
54
  <div
55
- class="sm:ds-grid__col-span-6"
55
+ class="ds-grid-item sm:ds-grid__col-span-6"
56
56
  >
57
57
  hello
58
58
  </div>
@@ -64,7 +64,7 @@ exports[`renders the Grid with \`spacing\` props 1`] = `
64
64
  <body>
65
65
  <div>
66
66
  <div
67
- class=""
67
+ class="ds-grid-item"
68
68
  >
69
69
  hello
70
70
  </div>
@@ -76,7 +76,7 @@ exports[`renders the Grid with \`xl\` props 1`] = `
76
76
  <body>
77
77
  <div>
78
78
  <div
79
- class="xl:ds-grid__col-span-6"
79
+ class="ds-grid-item xl:ds-grid__col-span-6"
80
80
  >
81
81
  hello
82
82
  </div>
@@ -88,7 +88,7 @@ exports[`renders the Grid with no props 1`] = `
88
88
  <body>
89
89
  <div>
90
90
  <div
91
- class=""
91
+ class="ds-grid-item"
92
92
  >
93
93
  hello
94
94
  </div>
package/src/Grid/index.tsx CHANGED
@@ -112,6 +112,7 @@ export const Grid = React.forwardRef<HTMLElement, GridProps>(function Grid(
112
112
  ref={ref}
113
113
  className={clsx(className, {
114
114
  'ds-grid': container,
115
+ 'ds-grid-item': item,
115
116
  'ds-grid-inline': container && inline,
116
117
  [`ds-gap-${spacing}`]: container && typeof spacing === 'number',
117
118
  [`ds-gap-xs-${(spacing as SpacingMediaValues)?.xs}`]:
package/src/{HeaderLogo → HeaderLogoBase}/__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 HeaderLogo with no props 1`] = `
3
+ exports[`renders the HeaderLogoBase with no props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <a
package/src/HeaderLogoBase/index.test.tsx ADDED
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+
4
+ import HeaderLogoBase from '@digigov/react-core/HeaderLogoBase';
5
+
6
+ it('renders the HeaderLogoBase with no props', () => {
7
+ expect(render(<HeaderLogoBase />).baseElement).toMatchSnapshot();
8
+ });
package/src/HeaderLogoBase/index.tsx ADDED
@@ -0,0 +1,44 @@
1
+ import React from 'react';
2
+ import clsx from 'clsx';
3
+ import { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';
4
+
5
+ export interface HeaderLogoBaseProps extends LinkBaseProps {
6
+ /**
7
+ * src is optional.
8
+
9
+ */
10
+ src?: string;
11
+ /**
12
+ * href is optional.
13
+
14
+ */
15
+ altText?: string;
16
+ }
17
+ /**
18
+ * Use this component inside the Header to provide a logo.
19
+ */
20
+ export const HeaderLogoBase = React.forwardRef<
21
+ HTMLAnchorElement,
22
+ HeaderLogoBaseProps
23
+ >(function HeaderLogoBase({ href, src, altText, className, ...props }, ref) {
24
+ return (
25
+ <LinkBase
26
+ href={href}
27
+ ref={ref}
28
+ defaultStyle={false}
29
+ className={clsx(className, {
30
+ 'ds-header__link': true,
31
+ })}
32
+ {...props}
33
+ >
34
+ <img
35
+ src={src}
36
+ className={clsx(className, {
37
+ 'ds-header__logo': true,
38
+ })}
39
+ alt={altText}
40
+ />
41
+ </LinkBase>
42
+ );
43
+ });
44
+ export default HeaderLogoBase;
package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/__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 HeaderSecondaryLogo with src and alt 1`] = `
3
+ exports[`renders the HeaderSecondaryLogoBase with src and alt 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <a
@@ -16,7 +16,7 @@ exports[`renders the HeaderSecondaryLogo with src and alt 1`] = `
16
16
  </body>
17
17
  `;
18
18
 
19
- exports[`renders the HeaderSecondaryLogo with src, href and alt 1`] = `
19
+ exports[`renders the HeaderSecondaryLogoBase with src, href and alt 1`] = `
20
20
  <body>
21
21
  <div>
22
22
  <a
package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.test.tsx RENAMED
@@ -1,26 +1,26 @@
1
1
  import React from 'react';
2
2
  import { render } from '@testing-library/react';
3
3
 
4
- import HeaderSecondaryLogo from '@digigov/react-core/HeaderSecondaryLogo';
4
+ import HeaderSecondaryLogoBase from '@digigov/react-core/HeaderSecondaryLogoBase';
5
5
 
6
- it('renders the HeaderSecondaryLogo with src and alt', () => {
6
+ it('renders the HeaderSecondaryLogoBase with src and alt', () => {
7
7
  expect(
8
8
  render(
9
- <HeaderSecondaryLogo
9
+ <HeaderSecondaryLogoBase
10
10
  src="https://dilosi.services.gov.gr/minedu-logo.svg"
11
11
  altText="minedu logo"
12
- ></HeaderSecondaryLogo>
12
+ ></HeaderSecondaryLogoBase>
13
13
  ).baseElement
14
14
  ).toMatchSnapshot();
15
15
  });
16
- it('renders the HeaderSecondaryLogo with src, href and alt', () => {
16
+ it('renders the HeaderSecondaryLogoBase with src, href and alt', () => {
17
17
  expect(
18
18
  render(
19
- <HeaderSecondaryLogo
19
+ <HeaderSecondaryLogoBase
20
20
  src="https://dilosi.services.gov.gr/minedu-logo.svg"
21
21
  href="https://www.minedu.gov.gr/"
22
22
  altText="minedu logo"
23
- ></HeaderSecondaryLogo>
23
+ ></HeaderSecondaryLogoBase>
24
24
  ).baseElement
25
25
  ).toMatchSnapshot();
26
26
  });
package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.tsx RENAMED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import clsx from 'clsx';
3
- import Base, { BaseProps } from '@digigov/react-core/Base';
3
+ import { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';
4
4
 
5
- export interface HeaderSecondaryLogoProps extends BaseProps<'a'> {
5
+ export interface HeaderSecondaryLogoBaseProps extends LinkBaseProps {
6
6
  /**
7
7
  * src is needed to provide the url that we get the logo from.
8
8
 
@@ -17,18 +17,18 @@ export interface HeaderSecondaryLogoProps extends BaseProps<'a'> {
17
17
  /**
18
18
  * HeaderSecondaryLogo is used inside Header for providing additional logos.
19
19
  */
20
- export const HeaderSecondaryLogo = React.forwardRef<
20
+ export const HeaderSecondaryLogoBase = React.forwardRef<
21
21
  HTMLAnchorElement,
22
- HeaderSecondaryLogoProps
23
- >(function HeaderSecondaryLogo(
22
+ HeaderSecondaryLogoBaseProps
23
+ >(function HeaderSecondaryLogoBase(
24
24
  { href, src, altText, className, ...props },
25
25
  ref
26
26
  ) {
27
27
  return (
28
- <Base
29
- as="a"
28
+ <LinkBase
30
29
  href={href}
31
30
  ref={ref}
31
+ defaultStyle={false}
32
32
  className={clsx(className, {
33
33
  'ds-header__link': true,
34
34
  })}
@@ -41,8 +41,8 @@ export const HeaderSecondaryLogo = React.forwardRef<
41
41
  })}
42
42
  alt={altText}
43
43
  />
44
- </Base>
44
+ </LinkBase>
45
45
  );
46
46
  });
47
47
 
48
- export default HeaderSecondaryLogo;
48
+ export default HeaderSecondaryLogoBase;
package/src/{HeaderTitle → HeaderTitleBase}/__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 HeaderTitle with href 1`] = `
3
+ exports[`renders the HeaderTitleBase with href 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <a
@@ -13,7 +13,7 @@ exports[`renders the HeaderTitle with href 1`] = `
13
13
  </body>
14
14
  `;
15
15
 
16
- exports[`renders the HeaderTitle with no props 1`] = `
16
+ exports[`renders the HeaderTitleBase with no props 1`] = `
17
17
  <body>
18
18
  <div>
19
19
  <a
package/src/HeaderTitleBase/index.test.tsx ADDED
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+
4
+ import HeaderTitleBase from '@digigov/react-core/HeaderTitleBase';
5
+
6
+ it('renders the HeaderTitleBase with no props', () => {
7
+ expect(
8
+ render(<HeaderTitleBase>hello</HeaderTitleBase>).baseElement
9
+ ).toMatchSnapshot();
10
+ });
11
+ it('renders the HeaderTitleBase with href', () => {
12
+ expect(
13
+ render(
14
+ <HeaderTitleBase href="https://government.gov.gr">hello</HeaderTitleBase>
15
+ ).baseElement
16
+ ).toMatchSnapshot();
17
+ });
package/src/HeaderTitleBase/index.tsx ADDED
@@ -0,0 +1,28 @@
1
+ import React from 'react';
2
+ import clsx from 'clsx';
3
+ import { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';
4
+
5
+ export interface HeaderTitleBaseProps extends LinkBaseProps {}
6
+ /**
7
+ * Use this component inside HeaderContent to provide a title to the header.
8
+ */
9
+ export const HeaderTitleBase = React.forwardRef<
10
+ HTMLAnchorElement,
11
+ HeaderTitleBaseProps
12
+ >(function HeaderTitleBase({ href = '/', className, children, ...props }, ref) {
13
+ return (
14
+ <LinkBase
15
+ ref={ref}
16
+ href={href}
17
+ defaultStyle={false}
18
+ className={clsx(className, {
19
+ 'ds-header__title': true,
20
+ })}
21
+ {...props}
22
+ >
23
+ {children}
24
+ </LinkBase>
25
+ );
26
+ });
27
+
28
+ export default HeaderTitleBase;
package/src/LinkBase/index.tsx CHANGED
@@ -35,6 +35,7 @@ export const LinkBase = React.forwardRef<HTMLAnchorElement, LinkBaseProps>(
35
35
  'ds-link': defaultStyle,
36
36
  'ds-link--no-underline': !underline,
37
37
  })}
38
+ {...(props.as && { defaultStyle: defaultStyle, underline: underline })}
38
39
  {...props}
39
40
  >
40
41
  {children}
package/src/Main/__snapshots__/index.test.tsx.snap CHANGED
@@ -4,7 +4,7 @@ exports[`renders the Main with no props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <main
7
- class="ds-main xs:ds-grid__col-span-12 md:ds-grid__col-span-8"
7
+ class="ds-main ds-grid-item xs:ds-grid__col-span-12 md:ds-grid__col-span-8"
8
8
  id="main-content"
9
9
  >
10
10
  hello
package/src/NavListItemActionBase/__snapshots__/index.test.tsx.snap ADDED
@@ -0,0 +1,101 @@
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
+
3
+ exports[`renders the NavListItemActionBase with arrow and label props 1`] = `
4
+ <body>
5
+ <div>
6
+ <li
7
+ class="ds-nav__list-item"
8
+ >
9
+ <button
10
+ class="ds-print-hidden ds-nav__list-item-btn ds-link"
11
+ >
12
+ hello
13
+ <svg
14
+ aria-hidden="true"
15
+ as="svg"
16
+ class="ds-svg-icon--chevron ds-svg-icon"
17
+ focusable="false"
18
+ viewBox="0 0 24 24"
19
+ >
20
+ <path
21
+ as="path"
22
+ class=""
23
+ d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
24
+ />
25
+ </svg>
26
+ </button>
27
+ </li>
28
+ </div>
29
+ </body>
30
+ `;
31
+
32
+ exports[`renders the NavListItemActionBase with arrow, badgeText and label props 1`] = `
33
+ <body>
34
+ <div>
35
+ <li
36
+ class="ds-nav__list-item"
37
+ >
38
+ <button
39
+ badgetext="hello"
40
+ class="ds-print-hidden ds-nav__list-item-btn ds-link"
41
+ >
42
+ hello
43
+ </button>
44
+ <span
45
+ class="ds-nav__list-item-badge"
46
+ >
47
+ hello
48
+ </span>
49
+ </li>
50
+ </div>
51
+ </body>
52
+ `;
53
+
54
+ exports[`renders the NavListItemActionBase with href prop 1`] = `
55
+ <body>
56
+ <div>
57
+ <li
58
+ class="ds-nav__list-item"
59
+ >
60
+ <a
61
+ class="ds-nav__list-item-link ds-link"
62
+ href="/#"
63
+ >
64
+ hello
65
+ </a>
66
+ </li>
67
+ </div>
68
+ </body>
69
+ `;
70
+
71
+ exports[`renders the NavListItemActionBase with label prop 1`] = `
72
+ <body>
73
+ <div>
74
+ <li
75
+ class="ds-nav__list-item"
76
+ >
77
+ <button
78
+ class="ds-print-hidden ds-nav__list-item-btn ds-link"
79
+ >
80
+ hello
81
+ </button>
82
+ </li>
83
+ </div>
84
+ </body>
85
+ `;
86
+
87
+ exports[`renders the NavListItemActionBase with no props 1`] = `
88
+ <body>
89
+ <div>
90
+ <li
91
+ class="ds-nav__list-item"
92
+ >
93
+ <button
94
+ class="ds-print-hidden ds-nav__list-item-btn ds-link"
95
+ >
96
+ hello
97
+ </button>
98
+ </li>
99
+ </div>
100
+ </body>
101
+ `;
package/src/NavListItemActionBase/index.test.tsx ADDED
@@ -0,0 +1,42 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+
4
+ import NavListItemActionBase from '@digigov/react-core/NavListItemActionBase';
5
+
6
+ it('renders the NavListItemActionBase with no props', () => {
7
+ expect(
8
+ render(<NavListItemActionBase>hello</NavListItemActionBase>).baseElement
9
+ ).toMatchSnapshot();
10
+ });
11
+
12
+ it('renders the NavListItemActionBase with href prop', () => {
13
+ expect(
14
+ render(<NavListItemActionBase href="/#">hello</NavListItemActionBase>)
15
+ .baseElement
16
+ ).toMatchSnapshot();
17
+ });
18
+
19
+ it('renders the NavListItemActionBase with label prop', () => {
20
+ expect(
21
+ render(<NavListItemActionBase label="hello"></NavListItemActionBase>)
22
+ .baseElement
23
+ ).toMatchSnapshot();
24
+ });
25
+
26
+ it('renders the NavListItemActionBase with arrow and label props', () => {
27
+ expect(
28
+ render(<NavListItemActionBase arrow label="hello"></NavListItemActionBase>)
29
+ .baseElement
30
+ ).toMatchSnapshot();
31
+ });
32
+
33
+ it('renders the NavListItemActionBase with arrow, badgeText and label props', () => {
34
+ expect(
35
+ render(
36
+ <NavListItemActionBase
37
+ badgeText="hello"
38
+ label="hello"
39
+ ></NavListItemActionBase>
40
+ ).baseElement
41
+ ).toMatchSnapshot();
42
+ });