@digigov/react-core 2.0.0-2a26e869 → 2.0.0-30d44ed9

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