@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
@@ -4,15 +4,16 @@ import NavListItemBadge from '@digigov/react-core/NavListItemBadge';
4
4
  import NavListItemButton, {
5
5
  NavListItemButtonProps,
6
6
  } from '@digigov/react-core/NavListItemButton';
7
- import NavListItemLink, {
8
- NavListItemLinkProps,
9
- } from '@digigov/react-core/NavListItemLink';
7
+ import NavListItemLinkBase, {
8
+ NavListItemLinkBaseProps,
9
+ } from '@digigov/react-core/NavListItemLinkBase';
10
10
 
11
- export type LinkButtonJoinProps = NavListItemLinkProps & NavListItemButtonProps;
12
- export interface NavListItemActionProps extends LinkButtonJoinProps {
11
+ export type LinkButtonJoinProps = NavListItemLinkBaseProps &
12
+ NavListItemButtonProps;
13
+ export interface NavListItemActionBaseProps extends LinkButtonJoinProps {
13
14
  /**
14
15
  * label is optional.
15
- * The label for the NavListItemAction.
16
+ * The label for the NavListItemActionBase.
16
17
  */
17
18
  label?: string;
18
19
 
@@ -30,24 +31,24 @@ export interface NavListItemActionProps extends LinkButtonJoinProps {
30
31
  * NavListItemAction must be inside the NavList.
31
32
  * This component has a items of NavListItemLink component inside.
32
33
  */
33
- export const NavListItemAction = React.forwardRef<
34
+ export const NavListItemActionBase = React.forwardRef<
34
35
  HTMLButtonElement | HTMLAnchorElement,
35
- NavListItemActionProps
36
- >(function NavListItemAction(
36
+ NavListItemActionBaseProps
37
+ >(function NavListItemActionBase(
37
38
  { label, arrow = false, href, className, children, ...props },
38
39
  ref
39
40
  ) {
40
41
  return (
41
42
  <NavListItemActionContainer>
42
43
  {href ? (
43
- <NavListItemLink
44
+ <NavListItemLinkBase
44
45
  {...props}
45
46
  href={href}
46
47
  className={className}
47
48
  ref={ref as ForwardedRef<HTMLAnchorElement>}
48
49
  >
49
50
  {children || label}
50
- </NavListItemLink>
51
+ </NavListItemLinkBase>
51
52
  ) : (
52
53
  <NavListItemButton
53
54
  {...props}
@@ -63,4 +64,4 @@ export const NavListItemAction = React.forwardRef<
63
64
  );
64
65
  });
65
66
 
66
- export default NavListItemAction;
67
+ export default NavListItemActionBase;
@@ -2,7 +2,7 @@ import clsx from 'clsx';
2
2
  import CoreNavListItemActionContainer, {
3
3
  NavListItemActionContainerProps,
4
4
  } from '@digigov/react-core/NavListItemActionContainer/index.web';
5
- import extend from '@digigov/react-core/utils/extend.native';
5
+ import extend from '@digigov/react-core/utils/index.native';
6
6
 
7
7
  export const NavListItemActionContainer = extend<
8
8
  NavListItemActionContainerProps,
@@ -1,6 +1,6 @@
1
1
  // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
- exports[`renders the NavListItemLink with active=false 1`] = `
3
+ exports[`renders the NavListItemLinkBase with active=false 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <a
@@ -12,7 +12,7 @@ exports[`renders the NavListItemLink with active=false 1`] = `
12
12
  </body>
13
13
  `;
14
14
 
15
- exports[`renders the NavListItemLink with active=true 1`] = `
15
+ exports[`renders the NavListItemLinkBase with active=true 1`] = `
16
16
  <body>
17
17
  <div>
18
18
  <a
@@ -24,7 +24,7 @@ exports[`renders the NavListItemLink with active=true 1`] = `
24
24
  </body>
25
25
  `;
26
26
 
27
- exports[`renders the NavListItemLink with href and active=false 1`] = `
27
+ exports[`renders the NavListItemLinkBase with href and active=false 1`] = `
28
28
  <body>
29
29
  <div>
30
30
  <a
@@ -37,7 +37,7 @@ exports[`renders the NavListItemLink with href and active=false 1`] = `
37
37
  </body>
38
38
  `;
39
39
 
40
- exports[`renders the NavListItemLink with href and active=true 1`] = `
40
+ exports[`renders the NavListItemLinkBase with href and active=true 1`] = `
41
41
  <body>
42
42
  <div>
43
43
  <a
@@ -50,7 +50,7 @@ exports[`renders the NavListItemLink with href and active=true 1`] = `
50
50
  </body>
51
51
  `;
52
52
 
53
- exports[`renders the NavListItemLink with no props 1`] = `
53
+ exports[`renders the NavListItemLinkBase with no props 1`] = `
54
54
  <body>
55
55
  <div>
56
56
  <a
@@ -0,0 +1,41 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+ import { NavListItemLinkBase } from '@digigov/react-core/NavListItemLinkBase';
4
+
5
+ it('renders the NavListItemLinkBase with no props', () => {
6
+ expect(
7
+ render(<NavListItemLinkBase>hello</NavListItemLinkBase>).baseElement
8
+ ).toMatchSnapshot();
9
+ });
10
+
11
+ it('renders the NavListItemLinkBase with active=true', () => {
12
+ expect(
13
+ render(<NavListItemLinkBase active={true}>hello</NavListItemLinkBase>)
14
+ .baseElement
15
+ ).toMatchSnapshot();
16
+ });
17
+
18
+ it('renders the NavListItemLinkBase with active=false', () => {
19
+ expect(
20
+ render(<NavListItemLinkBase active={false}>hello</NavListItemLinkBase>)
21
+ .baseElement
22
+ ).toMatchSnapshot();
23
+ });
24
+ it('renders the NavListItemLinkBase with href and active=false', () => {
25
+ expect(
26
+ render(
27
+ <NavListItemLinkBase href="/" active={false}>
28
+ hello
29
+ </NavListItemLinkBase>
30
+ ).baseElement
31
+ ).toMatchSnapshot();
32
+ });
33
+ it('renders the NavListItemLinkBase with href and active=true', () => {
34
+ expect(
35
+ render(
36
+ <NavListItemLinkBase href="/" active={false}>
37
+ hello
38
+ </NavListItemLinkBase>
39
+ ).baseElement
40
+ ).toMatchSnapshot();
41
+ });
@@ -1,9 +1,8 @@
1
1
  import React from 'react';
2
2
  import clsx from 'clsx';
3
- import { BaseProps } from '@digigov/react-core/Base';
4
- import Link from '@digigov/react-core/LinkBase';
3
+ import { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';
5
4
 
6
- export interface NavListItemLinkProps extends BaseProps<'a'> {
5
+ export interface NavListItemLinkBaseProps extends LinkBaseProps {
7
6
  /**
8
7
  * When the NavListItemLink is active, that means that we are in this option / page of the Nav.
9
8
  * active is optional.
@@ -16,15 +15,15 @@ export interface NavListItemLinkProps extends BaseProps<'a'> {
16
15
  /**
17
16
  * NavListItemLink is an <a> element. It should be inside the NavListItem component.
18
17
  */
19
- export const NavListItemLink = React.forwardRef<
18
+ export const NavListItemLinkBase = React.forwardRef<
20
19
  HTMLAnchorElement,
21
- NavListItemLinkProps
22
- >(function NavListItemLink(
20
+ NavListItemLinkBaseProps
21
+ >(function NavListItemLinkBase(
23
22
  { active, href, className, children, ...props },
24
23
  ref
25
24
  ) {
26
25
  return (
27
- <Link
26
+ <LinkBase
28
27
  href={href}
29
28
  ref={ref}
30
29
  className={clsx(className, {
@@ -34,8 +33,8 @@ export const NavListItemLink = React.forwardRef<
34
33
  {...props}
35
34
  >
36
35
  {children}
37
- </Link>
36
+ </LinkBase>
38
37
  );
39
38
  });
40
39
 
41
- export default NavListItemLink;
40
+ export default NavListItemLinkBase;
@@ -8,7 +8,7 @@ exports[`renders the NavMenuContainer with active prop 1`] = `
8
8
  class="ds-nav-menu ds-nav-menu--horizontal"
9
9
  >
10
10
  <div
11
- class="ds-container ds-grid ds-gap-4"
11
+ class="ds-container ds-grid ds-grid-item ds-gap-4"
12
12
  >
13
13
  hello
14
14
  </div>
@@ -25,7 +25,7 @@ exports[`renders the NavMenuContainer with layout="horizontal" prop 1`] = `
25
25
  class="ds-nav-menu ds-nav-menu--horizontal ds-nav-menu--hidden"
26
26
  >
27
27
  <div
28
- class="ds-container ds-grid ds-gap-4"
28
+ class="ds-container ds-grid ds-grid-item ds-gap-4"
29
29
  >
30
30
  hello
31
31
  </div>
@@ -42,7 +42,7 @@ exports[`renders the NavMenuContainer with layout="vertical" prop 1`] = `
42
42
  class="ds-nav-menu ds-nav-menu--vertical ds-nav-menu--hidden"
43
43
  >
44
44
  <div
45
- class="ds-container"
45
+ class="ds-container ds-grid-item"
46
46
  >
47
47
  hello
48
48
  </div>
@@ -59,7 +59,7 @@ exports[`renders the NavMenuContainer with no props 1`] = `
59
59
  class="ds-nav-menu ds-nav-menu--horizontal ds-nav-menu--hidden"
60
60
  >
61
61
  <div
62
- class="ds-container ds-grid ds-gap-4"
62
+ class="ds-container ds-grid ds-grid-item ds-gap-4"
63
63
  >
64
64
  hello
65
65
  </div>
@@ -4,7 +4,7 @@ exports[`renders the NavMenuContainerContent with no props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <div
7
- class="ds-nav-menu__content xs:ds-grid__col-span-12 sm:ds-grid__col-span-8"
7
+ class="ds-nav-menu__content ds-grid-item xs:ds-grid__col-span-12 sm:ds-grid__col-span-8"
8
8
  >
9
9
  hello
10
10
  </div>
@@ -4,7 +4,7 @@ exports[`renders the NavMenuTitle with no props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <div
7
- class="ds-nav-menu__title xs:ds-grid__col-span-12 sm:ds-grid__col-span-4"
7
+ class="ds-nav-menu__title ds-grid-item xs:ds-grid__col-span-12 sm:ds-grid__col-span-4"
8
8
  >
9
9
  <h3
10
10
  class="ds-nav-menu__title-heading ds-heading-md"
@@ -67,7 +67,7 @@ export const NotificationBannerContent = React.forwardRef<
67
67
  </Base>
68
68
  </>
69
69
  ) : (
70
- <>{children}</>
70
+ children
71
71
  )}
72
72
  </Base>
73
73
  );
@@ -2,7 +2,7 @@ import clsx from 'clsx';
2
2
  import CoreNotificationBannerLink, {
3
3
  NotificationBannerLinkProps,
4
4
  } from '@digigov/react-core/NotificationBannerLink/index.web';
5
- import { extend } from '@digigov/react-core/utils/extend.native';
5
+ import { extend } from '@digigov/react-core/utils/index.native';
6
6
 
7
7
  interface AdditionalProps {
8
8
  variant?: 'error' | 'success';
@@ -7,7 +7,7 @@ exports[`renders the Blockquote with no props 1`] = `
7
7
  class="ds-radios__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"
@@ -18,7 +18,6 @@ exports[`renders the RadioItem \`dividerText\` props 1`] = `
18
18
  <input
19
19
  class="ds-radios__input"
20
20
  type="radio"
21
- value=""
22
21
  />
23
22
  </label>
24
23
  </div>
@@ -89,7 +88,6 @@ exports[`renders the RadioItem with disabled prop 1`] = `
89
88
  class="ds-radios__input"
90
89
  disabled=""
91
90
  type="radio"
92
- value=""
93
91
  />
94
92
  </label>
95
93
  </div>
@@ -111,7 +109,6 @@ exports[`renders the RadioItem with name props 1`] = `
111
109
  class="ds-radios__input"
112
110
  name="name"
113
111
  type="radio"
114
- value=""
115
112
  />
116
113
  </label>
117
114
  </div>
@@ -177,7 +174,6 @@ exports[`renders the RadioItem with no props 1`] = `
177
174
  <input
178
175
  class="ds-radios__input"
179
176
  type="radio"
180
- value=""
181
177
  />
182
178
  </label>
183
179
  </div>
@@ -47,6 +47,15 @@ export interface TableProps extends BaseProps<'table'> {
47
47
  * @default 'default'
48
48
  */
49
49
  variant?: 'zebra' | 'default';
50
+ /**
51
+ * verticalAlign is optional.
52
+ * The verticalAlign property sets vertical alignment of the table-cells.
53
+ * @value 'top'
54
+ * @value 'middle'
55
+ * @value 'bottom'
56
+ * @default 'middle'
57
+ */
58
+ verticalAlign?: 'top' | 'middle' | 'bottom';
50
59
  }
51
60
  /**
52
61
  * Table component is used to wrap the sub components of a table
@@ -59,6 +68,7 @@ export const Table = React.forwardRef<HTMLTableElement, TableProps>(
59
68
  dense = false,
60
69
  verticalBorders = false,
61
70
  stacked = 'never',
71
+ verticalAlign = 'middle',
62
72
  className,
63
73
  children,
64
74
  ...props
@@ -79,6 +89,8 @@ export const Table = React.forwardRef<HTMLTableElement, TableProps>(
79
89
  'ds-table--dense': dense,
80
90
  'ds-table--zebra': variant === 'zebra',
81
91
  'ds-table--vertical-lines': verticalBorders,
92
+ 'ds-table--align-top': verticalAlign === 'top',
93
+ 'ds-table--align-bottom': verticalAlign === 'bottom',
82
94
  })}
83
95
  {...props}
84
96
  >
@@ -13,7 +13,7 @@ exports[`renders the Table with dataType numeric prop 1`] = `
13
13
  class="ds-table__row"
14
14
  >
15
15
  <td
16
- class="ds-table__cell ds-table__cell--numeric"
16
+ class="ds-table__cell ds-table__cell--border ds-table__cell--numeric"
17
17
  >
18
18
  hello
19
19
  </td>
@@ -37,7 +37,7 @@ exports[`renders the Table with no props 1`] = `
37
37
  class="ds-table__row"
38
38
  >
39
39
  <td
40
- class="ds-table__cell"
40
+ class="ds-table__cell ds-table__cell--border"
41
41
  >
42
42
  hello
43
43
  </td>
@@ -13,6 +13,19 @@ export interface TableDataCellProps extends BaseProps<'td'> {
13
13
  * @default 'text'
14
14
  */
15
15
  dataType?: 'text' | 'numeric';
16
+ /**
17
+ * variant is optional.
18
+ * Use this prop to control the bottom border of the table-cell.
19
+ * @value 'border'
20
+ * @value 'none'
21
+ * @default 'border'
22
+ */
23
+ variant?: 'border' | 'none';
24
+ /**
25
+ * wordBreak is optional.
26
+ * Use this prop to control the word break of the table-cell contents.
27
+ */
28
+ wordBreak?: 'break-all' | 'none';
16
29
  }
17
30
  /**
18
31
  * Use TableDataCell inside the Table component to fill the data of a cell in a table.
@@ -21,7 +34,14 @@ export const TableDataCell = React.forwardRef<
21
34
  HTMLTableCellElement,
22
35
  TableDataCellProps
23
36
  >(function TableDataCell(
24
- { dataType = 'text', className, children, ...props },
37
+ {
38
+ dataType = 'text',
39
+ variant = 'border',
40
+ wordBreak = 'none',
41
+ className,
42
+ children,
43
+ ...props
44
+ },
25
45
  ref
26
46
  ) {
27
47
  return (
@@ -30,6 +50,8 @@ export const TableDataCell = React.forwardRef<
30
50
  ref={ref}
31
51
  className={clsx(className, {
32
52
  'ds-table__cell': true,
53
+ 'ds-table__cell--border': variant === 'border',
54
+ 'ds-table__cell--break-all': wordBreak === 'break-all',
33
55
  'ds-table__cell--numeric': dataType === 'numeric',
34
56
  })}
35
57
  {...props}
@@ -1,6 +1,6 @@
1
1
  import clsx from 'clsx';
2
2
  import CoreTextArea from '@digigov/react-core/TextArea/index.web';
3
- import extend from '@digigov/react-core/utils/extend.native';
3
+ import extend from '@digigov/react-core/utils/index.native';
4
4
  export const TextArea = extend(CoreTextArea, ({ className, ...props }) => ({
5
5
  ...props,
6
6
  multiline: true,
@@ -1,6 +1,6 @@
1
1
  import clsx from 'clsx';
2
2
  import CoreTextInput from '@digigov/react-core/TextInput/index.web';
3
- import extend from '@digigov/react-core/utils/extend.native';
3
+ import extend from '@digigov/react-core/utils/index.native';
4
4
  export const TextInput = extend(CoreTextInput, ({ className, ...props }) => {
5
5
  return {
6
6
  ...props,
@@ -29,25 +29,26 @@ export interface TypographyProps
29
29
  * Typography component is used as generic component for typography.
30
30
  * Use Typography component to extend components such as Heading, NormalText Paragraph etc.
31
31
  */
32
- export const Typography = React.forwardRef<HTMLHeadingElement, TypographyProps>(
33
- function Typography(
34
- { as, fontSize, fontWeight, className, children, ...props },
35
- ref
36
- ) {
37
- return (
38
- <Base
39
- as={as}
40
- ref={ref}
41
- className={clsx(className, {
42
- [`ds-!-font-size-${fontSize}`]: fontSize !== undefined,
43
- [`ds-!-font-weight-${fontWeight}`]: fontWeight !== undefined,
44
- })}
45
- {...props}
46
- >
47
- {children}
48
- </Base>
49
- );
50
- }
51
- );
32
+ export const Typography = React.forwardRef<
33
+ HTMLSpanElement | HTMLParagraphElement | HTMLHeadingElement,
34
+ TypographyProps
35
+ >(function Typography(
36
+ { as, fontSize, fontWeight, className, children, ...props },
37
+ ref
38
+ ) {
39
+ return (
40
+ <Base
41
+ as={as}
42
+ ref={ref}
43
+ className={clsx(className, {
44
+ [`ds-!-font-size-${fontSize}`]: fontSize !== undefined,
45
+ [`ds-!-font-weight-${fontWeight}`]: fontWeight !== undefined,
46
+ })}
47
+ {...props}
48
+ >
49
+ {children}
50
+ </Base>
51
+ );
52
+ });
52
53
 
53
54
  export default Typography;
@@ -77,3 +77,29 @@ exports[`renders the WarningText with no props 1`] = `
77
77
  </div>
78
78
  </body>
79
79
  `;
80
+
81
+ exports[`renders the WarningText with strong=false 1`] = `
82
+ <body>
83
+ <div>
84
+ <div
85
+ class="ds-warning-text"
86
+ >
87
+ <div
88
+ class="ds-warning-text__icon"
89
+ >
90
+ !
91
+ </div>
92
+ <div
93
+ class="ds-warning-text__content"
94
+ >
95
+ <span
96
+ class="ds-warning-text__assistive"
97
+ >
98
+ Προσοχή
99
+ </span>
100
+ hello
101
+ </div>
102
+ </div>
103
+ </div>
104
+ </body>
105
+ `;
@@ -18,3 +18,8 @@ it('renders the WarningText with dense=true', () => {
18
18
  render(<WarningText dense>hello</WarningText>).baseElement
19
19
  ).toMatchSnapshot();
20
20
  });
21
+ it('renders the WarningText with strong=false', () => {
22
+ expect(
23
+ render(<WarningText strong={false}>hello</WarningText>).baseElement
24
+ ).toMatchSnapshot();
25
+ });
@@ -16,6 +16,13 @@ export interface WarningTextProps extends BaseProps<'div'> {
16
16
  * @default false
17
17
  * */
18
18
  dense?: boolean;
19
+ /**
20
+ * strong is optional.
21
+ * @value true if you want to emphasize importance, conveying meaning to both sighted and screen readers.
22
+ * @value false WarningText will be a simple div element.
23
+ * @default true
24
+ * */
25
+ strong?: boolean;
19
26
  }
20
27
  /**
21
28
  * WarningText.
@@ -24,9 +31,17 @@ export interface WarningTextProps extends BaseProps<'div'> {
24
31
  */
25
32
  export const WarningText = React.forwardRef<HTMLDivElement, WarningTextProps>(
26
33
  function WarningText(
27
- { className, assistiveText = 'Προσοχή', dense, children, ...props },
34
+ {
35
+ className,
36
+ strong = true,
37
+ assistiveText = 'Προσοχή',
38
+ dense,
39
+ children,
40
+ ...props
41
+ },
28
42
  ref
29
43
  ) {
44
+ const Component = strong ? 'strong' : 'div';
30
45
  return (
31
46
  <Base
32
47
  as="div"
@@ -47,7 +62,7 @@ export const WarningText = React.forwardRef<HTMLDivElement, WarningTextProps>(
47
62
  </Base>
48
63
 
49
64
  <Base
50
- as="strong"
65
+ as={Component}
51
66
  className={clsx({
52
67
  'ds-warning-text__content': true,
53
68
  })}
package/src/index.ts CHANGED
@@ -5,16 +5,16 @@ export * from '@digigov/react-core/AccordionSectionContent';
5
5
  export * from '@digigov/react-core/AccordionSectionSummary';
6
6
  export * from '@digigov/react-core/AccordionSectionSummaryHeading';
7
7
  export * from '@digigov/react-core/Aside';
8
- export * from '@digigov/react-core/BackLink';
8
+ export * from '@digigov/react-core/BackLinkBase';
9
9
  export * from '@digigov/react-core/Blockquote';
10
10
  export * from '@digigov/react-core/Bottom';
11
11
  export * from '@digigov/react-core/Breadcrumbs';
12
12
  export * from '@digigov/react-core/BreadcrumbsList';
13
- export * from '@digigov/react-core/BreadcrumbsListItem';
13
+ export * from '@digigov/react-core/BreadcrumbsListItemWrapper';
14
14
  export * from '@digigov/react-core/Button';
15
15
  export * from '@digigov/react-core/ButtonGroup';
16
- export * from '@digigov/react-core/ButtonLink';
17
- export * from '@digigov/react-core/CallToAction';
16
+ export * from '@digigov/react-core/ButtonLinkBase';
17
+ export * from '@digigov/react-core/CallToActionBase';
18
18
  export * from '@digigov/react-core/Card';
19
19
  export * from '@digigov/react-core/CardAction';
20
20
  export * from '@digigov/react-core/CardHeading';
@@ -49,7 +49,7 @@ export * from '@digigov/react-core/FooterContent';
49
49
  export * from '@digigov/react-core/FooterContentLogos';
50
50
  export * from '@digigov/react-core/FooterHeading';
51
51
  export * from '@digigov/react-core/FooterImage';
52
- export * from '@digigov/react-core/FooterLink';
52
+ export * from '@digigov/react-core/FooterLinkBase';
53
53
  export * from '@digigov/react-core/FooterList';
54
54
  export * from '@digigov/react-core/FooterListItem';
55
55
  export * from '@digigov/react-core/FooterInfo';
@@ -57,14 +57,14 @@ export * from '@digigov/react-core/FooterInfoSection';
57
57
  export * from '@digigov/react-core/FooterNavigation';
58
58
  export * from '@digigov/react-core/FooterNavigationSection';
59
59
  export * from '@digigov/react-core/FieldContainer';
60
- export * from '@digigov/react-core/GovGRLogo';
60
+ export * from '@digigov/react-core/GovGRLogoBase';
61
61
  export * from '@digigov/react-core/Grid';
62
62
  export * from '@digigov/react-core/Header';
63
63
  export * from '@digigov/react-core/HeaderContent';
64
- export * from '@digigov/react-core/HeaderLogo';
65
- export * from '@digigov/react-core/HeaderSecondaryLogo';
64
+ export * from '@digigov/react-core/HeaderLogoBase';
65
+ export * from '@digigov/react-core/HeaderSecondaryLogoBase';
66
66
  export * from '@digigov/react-core/HeaderSection';
67
- export * from '@digigov/react-core/HeaderTitle';
67
+ export * from '@digigov/react-core/HeaderTitleBase';
68
68
  export * from '@digigov/react-core/Heading';
69
69
  export * from '@digigov/react-core/HeadingCaption';
70
70
  export * from '@digigov/react-core/HellenicRepublicLogo';
@@ -81,10 +81,10 @@ export * from '@digigov/react-core/Masthead';
81
81
  export * from '@digigov/react-core/MastheadBody';
82
82
  export * from '@digigov/react-core/Nav';
83
83
  export * from '@digigov/react-core/NavList';
84
- export * from '@digigov/react-core/NavListItemAction';
84
+ export * from '@digigov/react-core/NavListItemActionBase';
85
85
  export * from '@digigov/react-core/NavListItemBadge';
86
86
  export * from '@digigov/react-core/NavListItemActionContainer';
87
- export * from '@digigov/react-core/NavListItemLink';
87
+ export * from '@digigov/react-core/NavListItemLinkBase';
88
88
  export * from '@digigov/react-core/NavListItemButton';
89
89
  export * from '@digigov/react-core/NavMenuContainer';
90
90
  export * from '@digigov/react-core/NavMenuContent';
@@ -151,7 +151,6 @@ export * from '@digigov/react-core/AdminLayout';
151
151
  export * from '@digigov/react-core/AdminMain';
152
152
  export * from '@digigov/react-core/AdminTopSection';
153
153
  export * from '@digigov/react-core/AutoCompleteInputBase';
154
- export * from '@digigov/react-core/AutoCompleteInputTypeahead';
155
154
  export * from '@digigov/react-core/AutoCompleteResultList';
156
155
  export * from '@digigov/react-core/AutoCompleteResultListItem';
157
156
  export * from '@digigov/react-core/AutoCompleteContainer';
@@ -191,7 +190,7 @@ export * from '@digigov/react-core/PaginationList';
191
190
  export * from '@digigov/react-core/PaginationListItem';
192
191
  export * from '@digigov/react-core/PaginationLabelContainer';
193
192
  export * from '@digigov/react-core/LoaderContainer';
194
- export * from '@digigov/react-core/CircularProgress';
193
+ export * from '@digigov/react-core/CircularProgressBase';
195
194
  export * from '@digigov/react-core/FullPageBackground';
196
195
  export * from '@digigov/react-core/StepNavCircleNumber';
197
196
  export * from '@digigov/react-core/StepNav';