@digigov/react-core 2.0.0-8e254888 → 2.0.0-a0ac149e

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 (338) hide show
  1. package/Accordion/index.native.d.ts +1 -5
  2. package/AccordionSection/index.native.d.ts +1 -3
  3. package/AccordionSectionSummaryHeading/index.d.ts +1 -0
  4. package/AccordionSectionSummaryHeading/index.js +3 -2
  5. package/AccordionSectionSummaryHeading/index.js.map +2 -2
  6. package/BackLinkBase/index.d.ts +9 -0
  7. package/BackLinkBase/index.js +29 -0
  8. package/BackLinkBase/index.js.map +7 -0
  9. package/{CallToAction → BackLinkBase}/package.json +1 -1
  10. package/BannerContainer/index.js +1 -1
  11. package/BannerContainer/index.js.map +2 -2
  12. package/Base/compat/Input/CheckboxInput.native.js.map +2 -2
  13. package/Base/compat/Input/RadioInput.native.js.map +2 -2
  14. package/Base/index.native.js.map +2 -2
  15. package/Base/index.web.d.ts +1 -1
  16. package/Base/index.web.js.map +1 -1
  17. package/Base/mapping.native.d.ts +1 -1
  18. package/Base/mapping.native.js.map +2 -2
  19. package/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/index.d.ts +5 -5
  20. package/BreadcrumbsListItemLinkBase/index.js +23 -0
  21. package/BreadcrumbsListItemLinkBase/index.js.map +7 -0
  22. package/{AutoCompleteInputTypeahead → BreadcrumbsListItemLinkBase}/package.json +1 -1
  23. package/Button/index.js +1 -0
  24. package/Button/index.js.map +2 -2
  25. package/{ButtonLink → ButtonLinkBase}/index.d.ts +4 -4
  26. package/ButtonLinkBase/index.js +27 -0
  27. package/ButtonLinkBase/index.js.map +7 -0
  28. package/{FooterLink → ButtonLinkBase}/package.json +1 -1
  29. package/CallToActionBase/index.d.ts +9 -0
  30. package/{CallToAction → CallToActionBase}/index.js +6 -6
  31. package/CallToActionBase/index.js.map +7 -0
  32. package/{CircularProgress → CallToActionBase}/package.json +1 -1
  33. package/{CircularProgress → CircularProgressBase}/index.d.ts +5 -5
  34. package/{CircularProgress → CircularProgressBase}/index.js +4 -4
  35. package/CircularProgressBase/index.js.map +7 -0
  36. package/CircularProgressBase/package.json +6 -0
  37. package/CopyToClipboardMessage/index.native.d.ts +1 -3
  38. package/DateInputItem/index.native.d.ts +1 -3
  39. package/Details/index.native.d.ts +1 -3
  40. package/DetailsContent/index.d.ts +1 -0
  41. package/DetailsContent/index.js +3 -2
  42. package/DetailsContent/index.js.map +2 -2
  43. package/FooterLinkBase/index.d.ts +9 -0
  44. package/FooterLinkBase/index.js +23 -0
  45. package/FooterLinkBase/index.js.map +7 -0
  46. package/{ButtonLink → FooterLinkBase}/package.json +1 -1
  47. package/GovGRLogoBase/govgr-logo-base64/package.json +6 -0
  48. package/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.js.map +1 -1
  49. package/GovGRLogoBase/govgr-logo-blue-base64/package.json +6 -0
  50. package/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.js.map +1 -1
  51. package/GovGRLogoBase/index.d.ts +9 -0
  52. package/GovGRLogoBase/index.js +43 -0
  53. package/GovGRLogoBase/index.js.map +7 -0
  54. package/{BackLink → GovGRLogoBase}/package.json +1 -1
  55. package/Grid/index.d.ts +1 -7
  56. package/Grid/index.js.map +2 -2
  57. package/HeaderLogoBase/index.d.ts +19 -0
  58. package/HeaderLogoBase/index.js +33 -0
  59. package/HeaderLogoBase/index.js.map +7 -0
  60. package/HeaderLogoBase/package.json +6 -0
  61. package/HeaderSecondaryLogoBase/index.d.ts +19 -0
  62. package/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.js +7 -7
  63. package/HeaderSecondaryLogoBase/index.js.map +7 -0
  64. package/{BreadcrumbsListItemLink → HeaderSecondaryLogoBase}/package.json +1 -1
  65. package/HeaderTitleBase/index.d.ts +9 -0
  66. package/HeaderTitleBase/index.js +24 -0
  67. package/HeaderTitleBase/index.js.map +7 -0
  68. package/HeaderTitleBase/package.json +6 -0
  69. package/LinkBase/index.js +1 -0
  70. package/LinkBase/index.js.map +2 -2
  71. package/{NavListItemAction → NavListItemActionBase}/index.d.ts +6 -6
  72. package/{NavListItemAction → NavListItemActionBase}/index.js +6 -6
  73. package/NavListItemActionBase/index.js.map +7 -0
  74. package/NavListItemActionBase/package.json +6 -0
  75. package/NavListItemActionContainer/index.native.d.ts +0 -2
  76. package/{NavListItemLink → NavListItemLinkBase}/index.d.ts +4 -4
  77. package/{NavListItemLink → NavListItemLinkBase}/index.js +6 -6
  78. package/NavListItemLinkBase/index.js.map +7 -0
  79. package/NavListItemLinkBase/package.json +6 -0
  80. package/NotificationBannerLink/index.native.d.ts +1 -3
  81. package/Table/index.d.ts +9 -0
  82. package/Table/index.js +4 -1
  83. package/Table/index.js.map +2 -2
  84. package/TableDataCell/index.d.ts +13 -0
  85. package/TableDataCell/index.js +10 -1
  86. package/TableDataCell/index.js.map +2 -2
  87. package/TextArea/index.native.d.ts +1 -3
  88. package/TextInput/index.native.d.ts +1 -3
  89. package/Typography/index.d.ts +1 -1
  90. package/Typography/index.js +15 -17
  91. package/Typography/index.js.map +2 -2
  92. package/WarningText/index.d.ts +7 -0
  93. package/WarningText/index.js +10 -2
  94. package/WarningText/index.js.map +2 -2
  95. package/cjs/AccordionSectionSummaryHeading/index.js +3 -2
  96. package/cjs/AccordionSectionSummaryHeading/index.js.map +2 -2
  97. package/cjs/BackLinkBase/index.js +62 -0
  98. package/cjs/BackLinkBase/index.js.map +7 -0
  99. package/cjs/BannerContainer/index.js +1 -1
  100. package/cjs/BannerContainer/index.js.map +2 -2
  101. package/cjs/Base/compat/Input/CheckboxInput.native.js.map +2 -2
  102. package/cjs/Base/compat/Input/RadioInput.native.js.map +2 -2
  103. package/cjs/Base/index.native.js.map +2 -2
  104. package/cjs/Base/index.web.js.map +1 -1
  105. package/cjs/Base/mapping.native.js.map +2 -2
  106. package/cjs/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/index.js +10 -11
  107. package/cjs/BreadcrumbsListItemLinkBase/index.js.map +7 -0
  108. package/cjs/Button/index.js +1 -0
  109. package/cjs/Button/index.js.map +2 -2
  110. package/cjs/ButtonLinkBase/index.js +60 -0
  111. package/cjs/ButtonLinkBase/index.js.map +7 -0
  112. package/cjs/{CallToAction → CallToActionBase}/index.js +10 -10
  113. package/cjs/CallToActionBase/index.js.map +7 -0
  114. package/cjs/{CircularProgress → CircularProgressBase}/index.js +8 -8
  115. package/cjs/CircularProgressBase/index.js.map +7 -0
  116. package/cjs/DetailsContent/index.js +3 -2
  117. package/cjs/DetailsContent/index.js.map +2 -2
  118. package/cjs/FooterLinkBase/index.js +56 -0
  119. package/cjs/FooterLinkBase/index.js.map +7 -0
  120. package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.js.map +1 -1
  121. package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.js.map +1 -1
  122. package/cjs/{GovGRLogo → GovGRLogoBase}/index.js +41 -43
  123. package/cjs/GovGRLogoBase/index.js.map +7 -0
  124. package/cjs/Grid/index.js.map +2 -2
  125. package/cjs/{HeaderSecondaryLogo → HeaderLogoBase}/index.js +12 -12
  126. package/cjs/HeaderLogoBase/index.js.map +7 -0
  127. package/cjs/HeaderSecondaryLogoBase/index.js +66 -0
  128. package/cjs/HeaderSecondaryLogoBase/index.js.map +7 -0
  129. package/cjs/{HeaderTitle → HeaderTitleBase}/index.js +11 -11
  130. package/cjs/HeaderTitleBase/index.js.map +7 -0
  131. package/cjs/LinkBase/index.js +1 -0
  132. package/cjs/LinkBase/index.js.map +2 -2
  133. package/cjs/{NavListItemAction → NavListItemActionBase}/index.js +10 -10
  134. package/cjs/NavListItemActionBase/index.js.map +7 -0
  135. package/cjs/{NavListItemLink → NavListItemLinkBase}/index.js +10 -10
  136. package/cjs/NavListItemLinkBase/index.js.map +7 -0
  137. package/cjs/Table/index.js +4 -1
  138. package/cjs/Table/index.js.map +2 -2
  139. package/cjs/TableDataCell/index.js +10 -1
  140. package/cjs/TableDataCell/index.js.map +2 -2
  141. package/cjs/Typography/index.js +15 -17
  142. package/cjs/Typography/index.js.map +2 -2
  143. package/cjs/WarningText/index.js +10 -2
  144. package/cjs/WarningText/index.js.map +2 -2
  145. package/cjs/index.js +22 -24
  146. package/cjs/index.js.map +2 -2
  147. package/cjs/lazy/index.js +13 -14
  148. package/cjs/lazy.js.map +2 -2
  149. package/cjs/registry/index.js +36 -38
  150. package/cjs/registry.js.map +2 -2
  151. package/cjs/utils/index.native/index.js +32 -34
  152. package/cjs/utils/index.native.js.map +2 -2
  153. package/index.d.ts +11 -12
  154. package/index.js +12 -13
  155. package/index.js.map +2 -2
  156. package/lazy/index.js +13 -14
  157. package/package.json +5 -5
  158. package/registry/index.js +36 -38
  159. package/src/AccordionSectionSummaryHeading/index.tsx +9 -2
  160. package/src/AdminAside/__snapshots__/index.test.tsx.snap +1 -1
  161. package/src/AdminContainer/__snapshots__/index.test.tsx.snap +2 -2
  162. package/src/AdminMain/__snapshots__/index.test.tsx.snap +1 -1
  163. package/src/AdminTopSection/__snapshots__/index.test.tsx.snap +1 -1
  164. package/src/Aside/__snapshots__/index.test.tsx.snap +1 -1
  165. package/src/{BackLink → BackLinkBase}/__snapshots__/index.test.tsx.snap +2 -2
  166. package/src/BackLinkBase/index.test.tsx +15 -0
  167. package/src/BackLinkBase/index.tsx +36 -0
  168. package/src/BannerContainer/__snapshots__/index.test.tsx.snap +1 -1
  169. package/src/BannerContainer/index.tsx +1 -1
  170. package/src/Base/compat/Input/CheckboxInput.native.tsx +2 -6
  171. package/src/Base/compat/Input/RadioInput.native.tsx +2 -6
  172. package/src/Base/index.native.tsx +2 -2
  173. package/src/Base/index.web.tsx +2 -2
  174. package/src/Base/mapping.native.tsx +1 -1
  175. package/src/BottomInfo/__snapshots__/index.test.tsx.snap +1 -1
  176. package/src/BottomInfoContainer/__snapshots__/index.test.tsx.snap +1 -1
  177. package/src/BottomInfoContent/__snapshots__/index.test.tsx.snap +1 -1
  178. package/src/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/__snapshots__/index.test.tsx.snap +4 -4
  179. package/src/BreadcrumbsListItemLinkBase/index.test.tsx +18 -0
  180. package/src/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/index.tsx +10 -11
  181. package/src/Button/index.tsx +1 -0
  182. package/src/{ButtonLink → ButtonLinkBase}/__snapshots__/index.test.tsx.snap +22 -22
  183. package/src/ButtonLinkBase/index.test.tsx +75 -0
  184. package/src/ButtonLinkBase/index.tsx +55 -0
  185. package/src/{CallToAction → CallToActionBase}/__snapshots__/index.test.tsx.snap +1 -1
  186. package/src/CallToActionBase/index.test.tsx +10 -0
  187. package/src/{CallToAction → CallToActionBase}/index.tsx +10 -8
  188. package/src/Checkbox/__snapshots__/index.test.tsx.snap +0 -5
  189. package/src/CheckboxConditional/__snapshots__/index.test.tsx.snap +1 -1
  190. package/src/CheckboxItem/__snapshots__/index.test.tsx.snap +0 -4
  191. package/src/{CircularProgress → CircularProgressBase}/__snapshots__/index.test.tsx.snap +6 -6
  192. package/src/CircularProgressBase/index.test.tsx +38 -0
  193. package/src/{CircularProgress → CircularProgressBase}/index.tsx +7 -7
  194. package/src/Container/__snapshots__/index.test.tsx.snap +3 -3
  195. package/src/DetailsContent/index.tsx +11 -2
  196. package/src/FieldContainer/__snapshots__/index.test.tsx.snap +3 -3
  197. package/src/FooterContainer/__snapshots__/index.test.tsx.snap +1 -1
  198. package/src/{FooterLink → FooterLinkBase}/__snapshots__/index.test.tsx.snap +2 -2
  199. package/src/FooterLinkBase/index.test.tsx +16 -0
  200. package/src/FooterLinkBase/index.tsx +27 -0
  201. package/src/{GovGRLogo → GovGRLogoBase}/__snapshots__/index.test.tsx.snap +1 -1
  202. package/src/GovGRLogoBase/index.test.tsx +8 -0
  203. package/src/GovGRLogoBase/index.tsx +43 -0
  204. package/src/Grid/__snapshots__/index.test.tsx.snap +8 -8
  205. package/src/Grid/index.tsx +1 -7
  206. package/src/{HeaderLogo → HeaderLogoBase}/__snapshots__/index.test.tsx.snap +1 -1
  207. package/src/HeaderLogoBase/index.test.tsx +8 -0
  208. package/src/HeaderLogoBase/index.tsx +44 -0
  209. package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/__snapshots__/index.test.tsx.snap +2 -2
  210. package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.test.tsx +7 -7
  211. package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.tsx +9 -9
  212. package/src/{HeaderTitle → HeaderTitleBase}/__snapshots__/index.test.tsx.snap +2 -2
  213. package/src/HeaderTitleBase/index.test.tsx +17 -0
  214. package/src/HeaderTitleBase/index.tsx +28 -0
  215. package/src/LinkBase/index.tsx +1 -0
  216. package/src/Main/__snapshots__/index.test.tsx.snap +1 -1
  217. package/src/NavListItemActionBase/__snapshots__/index.test.tsx.snap +101 -0
  218. package/src/NavListItemActionBase/index.test.tsx +42 -0
  219. package/src/{NavListItemAction → NavListItemActionBase}/index.tsx +13 -12
  220. package/src/{NavListItemLink → NavListItemLinkBase}/__snapshots__/index.test.tsx.snap +5 -5
  221. package/src/NavListItemLinkBase/index.test.tsx +41 -0
  222. package/src/{NavListItemLink → NavListItemLinkBase}/index.tsx +8 -9
  223. package/src/NavMenuContainer/__snapshots__/index.test.tsx.snap +4 -4
  224. package/src/NavMenuContent/__snapshots__/index.test.tsx.snap +1 -1
  225. package/src/NavMenuTitle/__snapshots__/index.test.tsx.snap +1 -1
  226. package/src/RadioConditional/__snapshots__/index.test.tsx.snap +1 -1
  227. package/src/RadioItem/__snapshots__/index.test.tsx.snap +0 -4
  228. package/src/Table/index.tsx +12 -0
  229. package/src/TableDataCell/__snapshots__/index.test.tsx.snap +2 -2
  230. package/src/TableDataCell/index.tsx +23 -1
  231. package/src/Typography/index.tsx +21 -20
  232. package/src/WarningText/__snapshots__/index.test.tsx.snap +26 -0
  233. package/src/WarningText/index.test.tsx +5 -0
  234. package/src/WarningText/index.tsx +17 -2
  235. package/src/index.ts +11 -12
  236. package/src/lazy.js +13 -14
  237. package/src/registry.js +36 -38
  238. package/src/utils/index.native.tsx +56 -54
  239. package/utils/index.native/index.js +32 -34
  240. package/utils/index.native.d.ts +3 -6
  241. package/utils/index.native.js.map +2 -2
  242. package/AutoCompleteInputTypeahead/index.d.ts +0 -11
  243. package/AutoCompleteInputTypeahead/index.js +0 -25
  244. package/AutoCompleteInputTypeahead/index.js.map +0 -7
  245. package/BackLink/index.d.ts +0 -9
  246. package/BackLink/index.js +0 -31
  247. package/BackLink/index.js.map +0 -7
  248. package/BreadcrumbsListItemLink/index.js +0 -24
  249. package/BreadcrumbsListItemLink/index.js.map +0 -7
  250. package/ButtonLink/index.js +0 -29
  251. package/ButtonLink/index.js.map +0 -7
  252. package/CallToAction/index.d.ts +0 -9
  253. package/CallToAction/index.js.map +0 -7
  254. package/CircularProgress/index.js.map +0 -7
  255. package/FooterLink/index.d.ts +0 -9
  256. package/FooterLink/index.js +0 -25
  257. package/FooterLink/index.js.map +0 -7
  258. package/GovGRLogo/govgr-logo-base64/package.json +0 -6
  259. package/GovGRLogo/govgr-logo-blue-base64/package.json +0 -6
  260. package/GovGRLogo/index.d.ts +0 -9
  261. package/GovGRLogo/index.js +0 -45
  262. package/GovGRLogo/index.js.map +0 -7
  263. package/GovGRLogo/package.json +0 -6
  264. package/HeaderLogo/index.d.ts +0 -19
  265. package/HeaderLogo/index.js +0 -35
  266. package/HeaderLogo/index.js.map +0 -7
  267. package/HeaderLogo/package.json +0 -6
  268. package/HeaderSecondaryLogo/index.d.ts +0 -19
  269. package/HeaderSecondaryLogo/index.js.map +0 -7
  270. package/HeaderSecondaryLogo/package.json +0 -6
  271. package/HeaderTitle/index.d.ts +0 -9
  272. package/HeaderTitle/index.js +0 -24
  273. package/HeaderTitle/index.js.map +0 -7
  274. package/HeaderTitle/package.json +0 -6
  275. package/NavListItemAction/index.js.map +0 -7
  276. package/NavListItemAction/package.json +0 -6
  277. package/NavListItemLink/index.js.map +0 -7
  278. package/NavListItemLink/index.test.d.ts +0 -1
  279. package/NavListItemLink/package.json +0 -6
  280. package/cjs/AutoCompleteInputTypeahead/index.js +0 -58
  281. package/cjs/AutoCompleteInputTypeahead/index.js.map +0 -7
  282. package/cjs/BackLink/index.js +0 -64
  283. package/cjs/BackLink/index.js.map +0 -7
  284. package/cjs/BreadcrumbsListItemLink/index.js.map +0 -7
  285. package/cjs/ButtonLink/index.js +0 -62
  286. package/cjs/ButtonLink/index.js.map +0 -7
  287. package/cjs/CallToAction/index.js.map +0 -7
  288. package/cjs/CircularProgress/index.js.map +0 -7
  289. package/cjs/FooterLink/index.js +0 -58
  290. package/cjs/FooterLink/index.js.map +0 -7
  291. package/cjs/GovGRLogo/index.js.map +0 -7
  292. package/cjs/HeaderLogo/index.js +0 -68
  293. package/cjs/HeaderLogo/index.js.map +0 -7
  294. package/cjs/HeaderSecondaryLogo/index.js.map +0 -7
  295. package/cjs/HeaderTitle/index.js.map +0 -7
  296. package/cjs/NavListItemAction/index.js.map +0 -7
  297. package/cjs/NavListItemLink/index.js.map +0 -7
  298. package/src/AutoCompleteInputTypeahead/__snapshots__/index.test.tsx.snap +0 -16
  299. package/src/AutoCompleteInputTypeahead/index.test.tsx +0 -8
  300. package/src/AutoCompleteInputTypeahead/index.tsx +0 -32
  301. package/src/BackLink/index.test.tsx +0 -13
  302. package/src/BackLink/index.tsx +0 -35
  303. package/src/BreadcrumbsListItemLink/index.test.tsx +0 -16
  304. package/src/ButtonLink/index.test.tsx +0 -69
  305. package/src/ButtonLink/index.tsx +0 -54
  306. package/src/CallToAction/index.test.tsx +0 -10
  307. package/src/CircularProgress/index.test.tsx +0 -34
  308. package/src/FooterLink/index.test.tsx +0 -14
  309. package/src/FooterLink/index.tsx +0 -26
  310. package/src/GovGRLogo/index.test.tsx +0 -8
  311. package/src/GovGRLogo/index.tsx +0 -42
  312. package/src/HeaderLogo/index.test.tsx +0 -8
  313. package/src/HeaderLogo/index.tsx +0 -43
  314. package/src/HeaderTitle/index.test.tsx +0 -16
  315. package/src/HeaderTitle/index.tsx +0 -28
  316. package/src/NavListItemAction/__snapshots__/index.test.tsx.snap +0 -13
  317. package/src/NavListItemAction/index.test.tsx +0 -11
  318. package/src/NavListItemLink/index.test.tsx +0 -39
  319. /package/{AutoCompleteInputTypeahead → BackLinkBase}/index.test.d.ts +0 -0
  320. /package/{BackLink → BreadcrumbsListItemLinkBase}/index.test.d.ts +0 -0
  321. /package/{BreadcrumbsListItemLink → ButtonLinkBase}/index.test.d.ts +0 -0
  322. /package/{ButtonLink → CallToActionBase}/index.test.d.ts +0 -0
  323. /package/{CallToAction → CircularProgressBase}/index.test.d.ts +0 -0
  324. /package/{CircularProgress → FooterLinkBase}/index.test.d.ts +0 -0
  325. /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64/index.js +0 -0
  326. /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.d.ts +0 -0
  327. /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64/index.js +0 -0
  328. /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.d.ts +0 -0
  329. /package/{FooterLink → GovGRLogoBase}/index.test.d.ts +0 -0
  330. /package/{GovGRLogo → HeaderLogoBase}/index.test.d.ts +0 -0
  331. /package/{HeaderLogo → HeaderSecondaryLogoBase}/index.test.d.ts +0 -0
  332. /package/{HeaderSecondaryLogo → HeaderTitleBase}/index.test.d.ts +0 -0
  333. /package/{HeaderTitle → NavListItemActionBase}/index.test.d.ts +0 -0
  334. /package/{NavListItemAction → NavListItemLinkBase}/index.test.d.ts +0 -0
  335. /package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64/index.js +0 -0
  336. /package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64/index.js +0 -0
  337. /package/src/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.js +0 -0
  338. /package/src/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.ts +0 -0
package/src/{HeaderTitle → HeaderTitleBase}/__snapshots__/index.test.tsx.snap RENAMED
@@ -1,6 +1,6 @@
1
1
  // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
- exports[`renders the HeaderTitle with href 1`] = `
3
+ exports[`renders the HeaderTitleBase with href 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <a
@@ -13,7 +13,7 @@ exports[`renders the HeaderTitle with href 1`] = `
13
13
  </body>
14
14
  `;
15
15
 
16
- exports[`renders the HeaderTitle with no props 1`] = `
16
+ exports[`renders the HeaderTitleBase with no props 1`] = `
17
17
  <body>
18
18
  <div>
19
19
  <a
package/src/HeaderTitleBase/index.test.tsx ADDED
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+
4
+ import HeaderTitleBase from '@digigov/react-core/HeaderTitleBase';
5
+
6
+ it('renders the HeaderTitleBase with no props', () => {
7
+ expect(
8
+ render(<HeaderTitleBase>hello</HeaderTitleBase>).baseElement
9
+ ).toMatchSnapshot();
10
+ });
11
+ it('renders the HeaderTitleBase with href', () => {
12
+ expect(
13
+ render(
14
+ <HeaderTitleBase href="https://government.gov.gr">hello</HeaderTitleBase>
15
+ ).baseElement
16
+ ).toMatchSnapshot();
17
+ });
package/src/HeaderTitleBase/index.tsx ADDED
@@ -0,0 +1,28 @@
1
+ import React from 'react';
2
+ import clsx from 'clsx';
3
+ import { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';
4
+
5
+ export interface HeaderTitleBaseProps extends LinkBaseProps {}
6
+ /**
7
+ * Use this component inside HeaderContent to provide a title to the header.
8
+ */
9
+ export const HeaderTitleBase = React.forwardRef<
10
+ HTMLAnchorElement,
11
+ HeaderTitleBaseProps
12
+ >(function HeaderTitleBase({ href = '/', className, children, ...props }, ref) {
13
+ return (
14
+ <LinkBase
15
+ ref={ref}
16
+ href={href}
17
+ defaultStyle={false}
18
+ className={clsx(className, {
19
+ 'ds-header__title': true,
20
+ })}
21
+ {...props}
22
+ >
23
+ {children}
24
+ </LinkBase>
25
+ );
26
+ });
27
+
28
+ export default HeaderTitleBase;
package/src/LinkBase/index.tsx CHANGED
@@ -35,6 +35,7 @@ export const LinkBase = React.forwardRef<HTMLAnchorElement, LinkBaseProps>(
35
35
  'ds-link': defaultStyle,
36
36
  'ds-link--no-underline': !underline,
37
37
  })}
38
+ {...(props.as && { defaultStyle: defaultStyle, underline: underline })}
38
39
  {...props}
39
40
  >
40
41
  {children}
package/src/Main/__snapshots__/index.test.tsx.snap CHANGED
@@ -4,7 +4,7 @@ exports[`renders the Main with no props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <main
7
- class="ds-main xs:ds-grid__col-span-12 md:ds-grid__col-span-8"
7
+ class="ds-main ds-grid-item xs:ds-grid__col-span-12 md:ds-grid__col-span-8"
8
8
  id="main-content"
9
9
  >
10
10
  hello
package/src/NavListItemActionBase/__snapshots__/index.test.tsx.snap ADDED
@@ -0,0 +1,101 @@
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
+
3
+ exports[`renders the NavListItemActionBase with arrow and label props 1`] = `
4
+ <body>
5
+ <div>
6
+ <li
7
+ class="ds-nav__list-item"
8
+ >
9
+ <button
10
+ class="ds-print-hidden ds-nav__list-item-btn ds-link"
11
+ >
12
+ hello
13
+ <svg
14
+ aria-hidden="true"
15
+ as="svg"
16
+ class="ds-svg-icon--chevron ds-svg-icon"
17
+ focusable="false"
18
+ viewBox="0 0 24 24"
19
+ >
20
+ <path
21
+ as="path"
22
+ class=""
23
+ d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
24
+ />
25
+ </svg>
26
+ </button>
27
+ </li>
28
+ </div>
29
+ </body>
30
+ `;
31
+
32
+ exports[`renders the NavListItemActionBase with arrow, badgeText and label props 1`] = `
33
+ <body>
34
+ <div>
35
+ <li
36
+ class="ds-nav__list-item"
37
+ >
38
+ <button
39
+ badgetext="hello"
40
+ class="ds-print-hidden ds-nav__list-item-btn ds-link"
41
+ >
42
+ hello
43
+ </button>
44
+ <span
45
+ class="ds-nav__list-item-badge"
46
+ >
47
+ hello
48
+ </span>
49
+ </li>
50
+ </div>
51
+ </body>
52
+ `;
53
+
54
+ exports[`renders the NavListItemActionBase with href prop 1`] = `
55
+ <body>
56
+ <div>
57
+ <li
58
+ class="ds-nav__list-item"
59
+ >
60
+ <a
61
+ class="ds-nav__list-item-link ds-link"
62
+ href="/#"
63
+ >
64
+ hello
65
+ </a>
66
+ </li>
67
+ </div>
68
+ </body>
69
+ `;
70
+
71
+ exports[`renders the NavListItemActionBase with label prop 1`] = `
72
+ <body>
73
+ <div>
74
+ <li
75
+ class="ds-nav__list-item"
76
+ >
77
+ <button
78
+ class="ds-print-hidden ds-nav__list-item-btn ds-link"
79
+ >
80
+ hello
81
+ </button>
82
+ </li>
83
+ </div>
84
+ </body>
85
+ `;
86
+
87
+ exports[`renders the NavListItemActionBase with no props 1`] = `
88
+ <body>
89
+ <div>
90
+ <li
91
+ class="ds-nav__list-item"
92
+ >
93
+ <button
94
+ class="ds-print-hidden ds-nav__list-item-btn ds-link"
95
+ >
96
+ hello
97
+ </button>
98
+ </li>
99
+ </div>
100
+ </body>
101
+ `;
package/src/NavListItemActionBase/index.test.tsx ADDED
@@ -0,0 +1,42 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+
4
+ import NavListItemActionBase from '@digigov/react-core/NavListItemActionBase';
5
+
6
+ it('renders the NavListItemActionBase with no props', () => {
7
+ expect(
8
+ render(<NavListItemActionBase>hello</NavListItemActionBase>).baseElement
9
+ ).toMatchSnapshot();
10
+ });
11
+
12
+ it('renders the NavListItemActionBase with href prop', () => {
13
+ expect(
14
+ render(<NavListItemActionBase href="/#">hello</NavListItemActionBase>)
15
+ .baseElement
16
+ ).toMatchSnapshot();
17
+ });
18
+
19
+ it('renders the NavListItemActionBase with label prop', () => {
20
+ expect(
21
+ render(<NavListItemActionBase label="hello"></NavListItemActionBase>)
22
+ .baseElement
23
+ ).toMatchSnapshot();
24
+ });
25
+
26
+ it('renders the NavListItemActionBase with arrow and label props', () => {
27
+ expect(
28
+ render(<NavListItemActionBase arrow label="hello"></NavListItemActionBase>)
29
+ .baseElement
30
+ ).toMatchSnapshot();
31
+ });
32
+
33
+ it('renders the NavListItemActionBase with arrow, badgeText and label props', () => {
34
+ expect(
35
+ render(
36
+ <NavListItemActionBase
37
+ badgeText="hello"
38
+ label="hello"
39
+ ></NavListItemActionBase>
40
+ ).baseElement
41
+ ).toMatchSnapshot();
42
+ });
package/src/{NavListItemAction → NavListItemActionBase}/index.tsx RENAMED
@@ -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;
package/src/{NavListItemLink → NavListItemLinkBase}/__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 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
package/src/NavListItemLinkBase/index.test.tsx ADDED
@@ -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
+ });
package/src/{NavListItemLink → NavListItemLinkBase}/index.tsx RENAMED
@@ -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;
package/src/NavMenuContainer/__snapshots__/index.test.tsx.snap CHANGED
@@ -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>
package/src/NavMenuContent/__snapshots__/index.test.tsx.snap CHANGED
@@ -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>
package/src/NavMenuTitle/__snapshots__/index.test.tsx.snap CHANGED
@@ -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"
package/src/RadioConditional/__snapshots__/index.test.tsx.snap CHANGED
@@ -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"
package/src/RadioItem/__snapshots__/index.test.tsx.snap CHANGED
@@ -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>
package/src/Table/index.tsx CHANGED
@@ -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
  >
package/src/TableDataCell/__snapshots__/index.test.tsx.snap CHANGED
@@ -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>
package/src/TableDataCell/index.tsx CHANGED
@@ -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}
package/src/Typography/index.tsx CHANGED
@@ -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;