@digigov/react-core 2.0.0-d0adc9fb → 2.0.0-d16ded05

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 (513) 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 +10 -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/ErrorSummary/index.d.ts +9 -0
  77. package/ErrorSummary/index.js +3 -3
  78. package/ErrorSummary/index.js.map +2 -2
  79. package/FileUpload/index.d.ts +7 -0
  80. package/FileUpload/index.js +12 -4
  81. package/FileUpload/index.js.map +2 -2
  82. package/FileUploadContainer/index.d.ts +7 -0
  83. package/FileUploadContainer/index.js +3 -2
  84. package/FileUploadContainer/index.js.map +2 -2
  85. package/FooterLinkBase/index.d.ts +9 -0
  86. package/FooterLinkBase/index.js +23 -0
  87. package/FooterLinkBase/index.js.map +7 -0
  88. package/{CallToAction → FooterLinkBase}/package.json +1 -1
  89. package/GovGRLogoBase/govgr-logo-base64/package.json +6 -0
  90. package/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.js.map +1 -1
  91. package/GovGRLogoBase/govgr-logo-blue-base64/package.json +6 -0
  92. package/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.js.map +1 -1
  93. package/GovGRLogoBase/index.d.ts +9 -0
  94. package/GovGRLogoBase/index.js +43 -0
  95. package/GovGRLogoBase/index.js.map +7 -0
  96. package/{BackLink → GovGRLogoBase}/package.json +1 -1
  97. package/Grid/index.d.ts +1 -7
  98. package/Grid/index.js +1 -0
  99. package/Grid/index.js.map +2 -2
  100. package/HeaderLogoBase/index.d.ts +19 -0
  101. package/HeaderLogoBase/index.js +33 -0
  102. package/HeaderLogoBase/index.js.map +7 -0
  103. package/HeaderLogoBase/package.json +6 -0
  104. package/HeaderSecondaryLogoBase/index.d.ts +19 -0
  105. package/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.js +7 -7
  106. package/HeaderSecondaryLogoBase/index.js.map +7 -0
  107. package/{BreadcrumbsListItemLink → HeaderSecondaryLogoBase}/package.json +1 -1
  108. package/HeaderTitleBase/index.d.ts +9 -0
  109. package/HeaderTitleBase/index.js +24 -0
  110. package/HeaderTitleBase/index.js.map +7 -0
  111. package/HeaderTitleBase/package.json +6 -0
  112. package/LinkBase/index.js +1 -0
  113. package/LinkBase/index.js.map +2 -2
  114. package/{NavListItemAction → NavListItemActionBase}/index.d.ts +6 -6
  115. package/{NavListItemAction → NavListItemActionBase}/index.js +6 -6
  116. package/NavListItemActionBase/index.js.map +7 -0
  117. package/NavListItemActionBase/package.json +6 -0
  118. package/NavListItemActionContainer/index.native/index.js +1 -1
  119. package/NavListItemActionContainer/index.native.d.ts +0 -2
  120. package/NavListItemActionContainer/index.native.js.map +1 -1
  121. package/{NavListItemLink → NavListItemLinkBase}/index.d.ts +4 -4
  122. package/{NavListItemLink → NavListItemLinkBase}/index.js +6 -6
  123. package/NavListItemLinkBase/index.js.map +7 -0
  124. package/{BreadcrumbsListItem → NavListItemLinkBase}/package.json +1 -1
  125. package/NotificationBannerContainer/index.d.ts +2 -1
  126. package/NotificationBannerContainer/index.js.map +2 -2
  127. package/NotificationBannerContent/index.d.ts +22 -0
  128. package/NotificationBannerContent/index.js +14 -3
  129. package/NotificationBannerContent/index.js.map +2 -2
  130. package/NotificationBannerLink/index.native/index.js +1 -1
  131. package/NotificationBannerLink/index.native.d.ts +1 -3
  132. package/NotificationBannerLink/index.native.js.map +1 -1
  133. package/Skeleton/index.js +2 -1
  134. package/Skeleton/index.js.map +2 -2
  135. package/SummaryList/index.d.ts +10 -2
  136. package/SummaryList/index.js +10 -2
  137. package/SummaryList/index.js.map +2 -2
  138. package/SummaryListItem/index.js +1 -1
  139. package/SummaryListItem/index.js.map +2 -2
  140. package/SummaryListItemKey/index.d.ts +14 -0
  141. package/SummaryListItemKey/index.js +14 -2
  142. package/SummaryListItemKey/index.js.map +2 -2
  143. package/SummaryListItemValue/index.d.ts +14 -0
  144. package/SummaryListItemValue/index.js +11 -2
  145. package/SummaryListItemValue/index.js.map +2 -2
  146. package/Table/index.d.ts +9 -0
  147. package/Table/index.js +4 -1
  148. package/Table/index.js.map +2 -2
  149. package/TableDataCell/index.d.ts +22 -0
  150. package/TableDataCell/index.js +18 -2
  151. package/TableDataCell/index.js.map +2 -2
  152. package/TextArea/index.native/index.js +1 -1
  153. package/TextArea/index.native.d.ts +1 -3
  154. package/TextArea/index.native.js.map +1 -1
  155. package/TextInput/index.native/index.js +1 -1
  156. package/TextInput/index.native.d.ts +1 -3
  157. package/TextInput/index.native.js.map +1 -1
  158. package/Typography/index.d.ts +1 -1
  159. package/Typography/index.js +15 -17
  160. package/Typography/index.js.map +2 -2
  161. package/WarningText/index.d.ts +7 -0
  162. package/WarningText/index.js +10 -2
  163. package/WarningText/index.js.map +2 -2
  164. package/cjs/Accordion/index.js +5 -35
  165. package/cjs/Accordion/index.js.map +3 -3
  166. package/cjs/{utils/extend.native → Accordion/index.native}/index.js +22 -16
  167. package/cjs/Accordion/index.native.js.map +7 -0
  168. package/cjs/{ButtonLink → Accordion/index.web}/index.js +24 -16
  169. package/cjs/Accordion/index.web.js.map +7 -0
  170. package/cjs/AccordionSection/index.js +5 -21
  171. package/cjs/AccordionSection/index.js.map +3 -3
  172. package/cjs/{CheckboxItemInput → AccordionSection}/index.native/index.js +13 -12
  173. package/cjs/AccordionSection/index.native.js.map +7 -0
  174. package/cjs/{HeaderTitle → AccordionSection/index.web}/index.js +11 -12
  175. package/cjs/AccordionSection/index.web.js.map +7 -0
  176. package/cjs/AccordionSectionSummaryHeading/index.js +5 -3
  177. package/cjs/AccordionSectionSummaryHeading/index.js.map +2 -2
  178. package/cjs/BackLinkBase/index.js +62 -0
  179. package/cjs/BackLinkBase/index.js.map +7 -0
  180. package/cjs/BannerContainer/index.js +1 -1
  181. package/cjs/BannerContainer/index.js.map +2 -2
  182. package/cjs/Base/compat/Input/CheckboxInput.native.js.map +2 -2
  183. package/cjs/Base/compat/Input/RadioInput.native.js.map +2 -2
  184. package/cjs/Base/compat/details.native/index.js +2 -1
  185. package/cjs/Base/compat/details.native.js.map +2 -2
  186. package/cjs/Base/index.native.js.map +2 -2
  187. package/cjs/Base/index.web.js.map +1 -1
  188. package/cjs/Base/mapping.native.js.map +2 -2
  189. package/cjs/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/index.js +10 -11
  190. package/cjs/BreadcrumbsListItemLinkBase/index.js.map +7 -0
  191. package/cjs/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.js +8 -8
  192. package/cjs/BreadcrumbsListItemWrapper/index.js.map +7 -0
  193. package/cjs/Button/index.js +2 -0
  194. package/cjs/Button/index.js.map +2 -2
  195. package/cjs/ButtonLinkBase/index.js +60 -0
  196. package/cjs/ButtonLinkBase/index.js.map +7 -0
  197. package/cjs/{CallToAction → CallToActionBase}/index.js +10 -10
  198. package/cjs/CallToActionBase/index.js.map +7 -0
  199. package/cjs/{CircularProgress → CircularProgressBase}/index.js +8 -8
  200. package/cjs/CircularProgressBase/index.js.map +7 -0
  201. package/cjs/CopyToClipboardMessage/index.native/index.js +2 -2
  202. package/cjs/CopyToClipboardMessage/index.native.js.map +2 -2
  203. package/cjs/DateInputItem/index.native/index.js +2 -2
  204. package/cjs/DateInputItem/index.native.js.map +2 -2
  205. package/cjs/Details/index.native/index.js +2 -2
  206. package/cjs/Details/index.native.js.map +2 -2
  207. package/cjs/DetailsContent/index.js +3 -2
  208. package/cjs/DetailsContent/index.js.map +2 -2
  209. package/cjs/ErrorSummary/index.js +3 -3
  210. package/cjs/ErrorSummary/index.js.map +2 -2
  211. package/cjs/FileUpload/index.js +12 -4
  212. package/cjs/FileUpload/index.js.map +2 -2
  213. package/cjs/FileUploadContainer/index.js +3 -2
  214. package/cjs/FileUploadContainer/index.js.map +2 -2
  215. package/cjs/FooterLinkBase/index.js +56 -0
  216. package/cjs/FooterLinkBase/index.js.map +7 -0
  217. package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.js.map +1 -1
  218. package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.js.map +1 -1
  219. package/cjs/{GovGRLogo → GovGRLogoBase}/index.js +41 -43
  220. package/cjs/GovGRLogoBase/index.js.map +7 -0
  221. package/cjs/Grid/index.js +1 -0
  222. package/cjs/Grid/index.js.map +2 -2
  223. package/cjs/{HeaderSecondaryLogo → HeaderLogoBase}/index.js +12 -12
  224. package/cjs/HeaderLogoBase/index.js.map +7 -0
  225. package/cjs/HeaderSecondaryLogoBase/index.js +66 -0
  226. package/cjs/HeaderSecondaryLogoBase/index.js.map +7 -0
  227. package/cjs/HeaderTitleBase/index.js +57 -0
  228. package/cjs/HeaderTitleBase/index.js.map +7 -0
  229. package/cjs/LinkBase/index.js +1 -0
  230. package/cjs/LinkBase/index.js.map +2 -2
  231. package/cjs/{NavListItemAction → NavListItemActionBase}/index.js +10 -10
  232. package/cjs/NavListItemActionBase/index.js.map +7 -0
  233. package/cjs/NavListItemActionContainer/index.native/index.js +2 -2
  234. package/cjs/NavListItemActionContainer/index.native.js.map +2 -2
  235. package/cjs/{NavListItemLink → NavListItemLinkBase}/index.js +10 -10
  236. package/cjs/NavListItemLinkBase/index.js.map +7 -0
  237. package/cjs/NotificationBannerContainer/index.js.map +2 -2
  238. package/cjs/NotificationBannerContent/index.js +14 -3
  239. package/cjs/NotificationBannerContent/index.js.map +2 -2
  240. package/cjs/NotificationBannerLink/index.native/index.js +2 -2
  241. package/cjs/NotificationBannerLink/index.native.js.map +2 -2
  242. package/cjs/Skeleton/index.js +2 -1
  243. package/cjs/Skeleton/index.js.map +2 -2
  244. package/cjs/SummaryList/index.js +10 -2
  245. package/cjs/SummaryList/index.js.map +2 -2
  246. package/cjs/SummaryListItem/index.js +1 -1
  247. package/cjs/SummaryListItem/index.js.map +2 -2
  248. package/cjs/SummaryListItemKey/index.js +14 -2
  249. package/cjs/SummaryListItemKey/index.js.map +3 -3
  250. package/cjs/SummaryListItemValue/index.js +11 -2
  251. package/cjs/SummaryListItemValue/index.js.map +3 -3
  252. package/cjs/Table/index.js +4 -1
  253. package/cjs/Table/index.js.map +2 -2
  254. package/cjs/TableDataCell/index.js +18 -2
  255. package/cjs/TableDataCell/index.js.map +3 -3
  256. package/cjs/TextArea/index.native/index.js +2 -2
  257. package/cjs/TextArea/index.native.js.map +2 -2
  258. package/cjs/TextInput/index.native/index.js +2 -2
  259. package/cjs/TextInput/index.native.js.map +2 -2
  260. package/cjs/Typography/index.js +15 -17
  261. package/cjs/Typography/index.js.map +2 -2
  262. package/cjs/WarningText/index.js +10 -2
  263. package/cjs/WarningText/index.js.map +2 -2
  264. package/cjs/index.js +24 -26
  265. package/cjs/index.js.map +2 -2
  266. package/cjs/lazy/index.js +15 -16
  267. package/cjs/lazy.js.map +2 -2
  268. package/cjs/registry/index.js +40 -38
  269. package/cjs/registry.js.map +2 -2
  270. package/cjs/utils/index.native/index.js +86 -0
  271. package/cjs/utils/index.native.js.map +7 -0
  272. package/index.d.ts +12 -13
  273. package/index.js +13 -14
  274. package/index.js.map +2 -2
  275. package/lazy/index.js +15 -16
  276. package/package.json +5 -5
  277. package/registry/index.js +40 -38
  278. package/src/Accordion/__snapshots__/index.test.tsx.snap +48 -0
  279. package/src/Accordion/index.native.tsx +19 -0
  280. package/src/Accordion/index.test.tsx +24 -0
  281. package/src/Accordion/index.tsx +2 -71
  282. package/src/Accordion/index.web.tsx +71 -0
  283. package/src/AccordionSection/index.native.tsx +18 -0
  284. package/src/AccordionSection/index.tsx +2 -28
  285. package/src/AccordionSection/index.web.tsx +27 -0
  286. package/src/AccordionSectionSummaryHeading/__snapshots__/index.test.tsx.snap +17 -0
  287. package/src/AccordionSectionSummaryHeading/index.test.tsx +9 -0
  288. package/src/AccordionSectionSummaryHeading/index.tsx +12 -4
  289. package/src/AdminAside/__snapshots__/index.test.tsx.snap +1 -1
  290. package/src/AdminContainer/__snapshots__/index.test.tsx.snap +2 -2
  291. package/src/AdminMain/__snapshots__/index.test.tsx.snap +1 -1
  292. package/src/AdminTopSection/__snapshots__/index.test.tsx.snap +1 -1
  293. package/src/Aside/__snapshots__/index.test.tsx.snap +1 -1
  294. package/src/{BackLink → BackLinkBase}/__snapshots__/index.test.tsx.snap +2 -2
  295. package/src/BackLinkBase/index.test.tsx +15 -0
  296. package/src/BackLinkBase/index.tsx +36 -0
  297. package/src/BannerContainer/__snapshots__/index.test.tsx.snap +1 -1
  298. package/src/BannerContainer/index.tsx +1 -1
  299. package/src/Base/compat/Input/CheckboxInput.native.tsx +2 -6
  300. package/src/Base/compat/Input/RadioInput.native.tsx +2 -6
  301. package/src/Base/compat/details.native.tsx +3 -1
  302. package/src/Base/index.native.tsx +2 -2
  303. package/src/Base/index.web.tsx +2 -2
  304. package/src/Base/mapping.native.tsx +1 -1
  305. package/src/BottomInfo/__snapshots__/index.test.tsx.snap +1 -1
  306. package/src/BottomInfoContainer/__snapshots__/index.test.tsx.snap +1 -1
  307. package/src/BottomInfoContent/__snapshots__/index.test.tsx.snap +1 -1
  308. package/src/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/__snapshots__/index.test.tsx.snap +4 -4
  309. package/src/BreadcrumbsListItemLinkBase/index.test.tsx +18 -0
  310. package/src/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/index.tsx +10 -11
  311. package/src/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.test.tsx +1 -1
  312. package/src/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.tsx +5 -5
  313. package/src/Button/index.tsx +2 -0
  314. package/src/{ButtonLink → ButtonLinkBase}/__snapshots__/index.test.tsx.snap +22 -22
  315. package/src/ButtonLinkBase/index.test.tsx +75 -0
  316. package/src/ButtonLinkBase/index.tsx +55 -0
  317. package/src/{CallToAction → CallToActionBase}/__snapshots__/index.test.tsx.snap +1 -1
  318. package/src/CallToActionBase/index.test.tsx +10 -0
  319. package/src/{CallToAction → CallToActionBase}/index.tsx +10 -8
  320. package/src/Checkbox/__snapshots__/index.test.tsx.snap +0 -5
  321. package/src/CheckboxConditional/__snapshots__/index.test.tsx.snap +1 -1
  322. package/src/CheckboxItem/__snapshots__/index.test.tsx.snap +0 -4
  323. package/src/{CircularProgress → CircularProgressBase}/__snapshots__/index.test.tsx.snap +6 -6
  324. package/src/CircularProgressBase/index.test.tsx +38 -0
  325. package/src/{CircularProgress → CircularProgressBase}/index.tsx +7 -7
  326. package/src/Container/__snapshots__/index.test.tsx.snap +3 -3
  327. package/src/CopyToClipboardMessage/index.native.tsx +1 -1
  328. package/src/DateInputItem/index.native.tsx +1 -1
  329. package/src/Details/index.native.tsx +1 -1
  330. package/src/DetailsContent/index.tsx +11 -2
  331. package/src/ErrorSummary/index.tsx +17 -4
  332. package/src/FieldContainer/__snapshots__/index.test.tsx.snap +3 -3
  333. package/src/FileUpload/index.tsx +20 -4
  334. package/src/FileUploadContainer/index.tsx +10 -1
  335. package/src/FooterContainer/__snapshots__/index.test.tsx.snap +1 -1
  336. package/src/{FooterLink → FooterLinkBase}/__snapshots__/index.test.tsx.snap +2 -2
  337. package/src/FooterLinkBase/index.test.tsx +16 -0
  338. package/src/FooterLinkBase/index.tsx +27 -0
  339. package/src/{GovGRLogo → GovGRLogoBase}/__snapshots__/index.test.tsx.snap +1 -1
  340. package/src/GovGRLogoBase/index.test.tsx +8 -0
  341. package/src/GovGRLogoBase/index.tsx +43 -0
  342. package/src/Grid/__snapshots__/index.test.tsx.snap +8 -8
  343. package/src/Grid/index.tsx +2 -7
  344. package/src/{HeaderLogo → HeaderLogoBase}/__snapshots__/index.test.tsx.snap +1 -1
  345. package/src/HeaderLogoBase/index.test.tsx +8 -0
  346. package/src/HeaderLogoBase/index.tsx +44 -0
  347. package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/__snapshots__/index.test.tsx.snap +2 -2
  348. package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.test.tsx +7 -7
  349. package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.tsx +9 -9
  350. package/src/{HeaderTitle → HeaderTitleBase}/__snapshots__/index.test.tsx.snap +2 -2
  351. package/src/HeaderTitleBase/index.test.tsx +17 -0
  352. package/src/HeaderTitleBase/index.tsx +28 -0
  353. package/src/LinkBase/index.tsx +1 -0
  354. package/src/Main/__snapshots__/index.test.tsx.snap +1 -1
  355. package/src/NavListItemActionBase/__snapshots__/index.test.tsx.snap +101 -0
  356. package/src/NavListItemActionBase/index.test.tsx +42 -0
  357. package/src/{NavListItemAction → NavListItemActionBase}/index.tsx +13 -12
  358. package/src/NavListItemActionContainer/index.native.tsx +1 -1
  359. package/src/{NavListItemLink → NavListItemLinkBase}/__snapshots__/index.test.tsx.snap +5 -5
  360. package/src/NavListItemLinkBase/index.test.tsx +41 -0
  361. package/src/{NavListItemLink → NavListItemLinkBase}/index.tsx +8 -9
  362. package/src/NavMenuContainer/__snapshots__/index.test.tsx.snap +4 -4
  363. package/src/NavMenuContent/__snapshots__/index.test.tsx.snap +1 -1
  364. package/src/NavMenuTitle/__snapshots__/index.test.tsx.snap +1 -1
  365. package/src/NotificationBannerContainer/index.tsx +2 -1
  366. package/src/NotificationBannerContent/index.tsx +50 -4
  367. package/src/NotificationBannerLink/index.native.tsx +1 -1
  368. package/src/RadioConditional/__snapshots__/index.test.tsx.snap +1 -1
  369. package/src/RadioItem/__snapshots__/index.test.tsx.snap +0 -4
  370. package/src/Skeleton/index.tsx +3 -2
  371. package/src/SummaryList/__snapshots__/index.test.tsx.snap +36 -0
  372. package/src/SummaryList/index.test.tsx +15 -0
  373. package/src/SummaryList/index.tsx +20 -3
  374. package/src/SummaryListItem/index.tsx +1 -1
  375. package/src/SummaryListItemKey/__snapshots__/index.test.tsx.snap +70 -0
  376. package/src/SummaryListItemKey/index.test.tsx +29 -0
  377. package/src/SummaryListItemKey/index.tsx +29 -1
  378. package/src/SummaryListItemValue/__snapshots__/index.test.tsx.snap +34 -0
  379. package/src/SummaryListItemValue/index.test.tsx +14 -0
  380. package/src/SummaryListItemValue/index.tsx +30 -2
  381. package/src/Table/index.tsx +12 -0
  382. package/src/TableDataCell/__snapshots__/index.test.tsx.snap +79 -2
  383. package/src/TableDataCell/index.test.tsx +42 -0
  384. package/src/TableDataCell/index.tsx +56 -1
  385. package/src/TableRow/__snapshots__/index.test.tsx.snap +1 -1
  386. package/src/TableRow/index.test.tsx +1 -1
  387. package/src/TextArea/index.native.tsx +1 -1
  388. package/src/TextInput/index.native.tsx +1 -1
  389. package/src/Typography/index.tsx +21 -20
  390. package/src/WarningText/__snapshots__/index.test.tsx.snap +26 -0
  391. package/src/WarningText/index.test.tsx +5 -0
  392. package/src/WarningText/index.tsx +17 -2
  393. package/src/index.ts +12 -13
  394. package/src/lazy.js +15 -16
  395. package/src/registry.js +40 -38
  396. package/src/utils/index.native.tsx +122 -0
  397. package/utils/index.native/index.js +52 -0
  398. package/utils/index.native/package.json +6 -0
  399. package/utils/index.native.d.ts +43 -0
  400. package/utils/index.native.js.map +7 -0
  401. package/AutoCompleteInputTypeahead/index.d.ts +0 -11
  402. package/AutoCompleteInputTypeahead/index.js +0 -25
  403. package/AutoCompleteInputTypeahead/index.js.map +0 -7
  404. package/BackLink/index.d.ts +0 -9
  405. package/BackLink/index.js +0 -31
  406. package/BackLink/index.js.map +0 -7
  407. package/BreadcrumbsListItem/index.d.ts +0 -10
  408. package/BreadcrumbsListItem/index.js.map +0 -7
  409. package/BreadcrumbsListItemLink/index.js +0 -24
  410. package/BreadcrumbsListItemLink/index.js.map +0 -7
  411. package/ButtonLink/index.js +0 -29
  412. package/ButtonLink/index.js.map +0 -7
  413. package/CallToAction/index.d.ts +0 -9
  414. package/CallToAction/index.js.map +0 -7
  415. package/CheckboxItemInput/index.native/index.js +0 -20
  416. package/CheckboxItemInput/index.native/package.json +0 -6
  417. package/CheckboxItemInput/index.native.d.ts +0 -4
  418. package/CheckboxItemInput/index.native.js.map +0 -7
  419. package/CircularProgress/index.js.map +0 -7
  420. package/FooterLink/index.d.ts +0 -9
  421. package/FooterLink/index.js +0 -25
  422. package/FooterLink/index.js.map +0 -7
  423. package/GovGRLogo/govgr-logo-base64/package.json +0 -6
  424. package/GovGRLogo/govgr-logo-blue-base64/package.json +0 -6
  425. package/GovGRLogo/index.d.ts +0 -9
  426. package/GovGRLogo/index.js +0 -45
  427. package/GovGRLogo/index.js.map +0 -7
  428. package/GovGRLogo/package.json +0 -6
  429. package/HeaderLogo/index.d.ts +0 -19
  430. package/HeaderLogo/index.js +0 -35
  431. package/HeaderLogo/index.js.map +0 -7
  432. package/HeaderLogo/package.json +0 -6
  433. package/HeaderSecondaryLogo/index.d.ts +0 -19
  434. package/HeaderSecondaryLogo/index.js.map +0 -7
  435. package/HeaderSecondaryLogo/package.json +0 -6
  436. package/HeaderTitle/index.d.ts +0 -9
  437. package/HeaderTitle/index.js +0 -24
  438. package/HeaderTitle/index.js.map +0 -7
  439. package/HeaderTitle/package.json +0 -6
  440. package/NavListItemAction/index.js.map +0 -7
  441. package/NavListItemAction/package.json +0 -6
  442. package/NavListItemLink/index.js.map +0 -7
  443. package/NavListItemLink/index.test.d.ts +0 -1
  444. package/NavListItemLink/package.json +0 -6
  445. package/cjs/AutoCompleteInputTypeahead/index.js +0 -58
  446. package/cjs/AutoCompleteInputTypeahead/index.js.map +0 -7
  447. package/cjs/BackLink/index.js +0 -64
  448. package/cjs/BackLink/index.js.map +0 -7
  449. package/cjs/BreadcrumbsListItem/index.js.map +0 -7
  450. package/cjs/BreadcrumbsListItemLink/index.js.map +0 -7
  451. package/cjs/ButtonLink/index.js.map +0 -7
  452. package/cjs/CallToAction/index.js.map +0 -7
  453. package/cjs/CheckboxItemInput/index.native.js.map +0 -7
  454. package/cjs/CircularProgress/index.js.map +0 -7
  455. package/cjs/FooterLink/index.js +0 -58
  456. package/cjs/FooterLink/index.js.map +0 -7
  457. package/cjs/GovGRLogo/index.js.map +0 -7
  458. package/cjs/HeaderLogo/index.js +0 -68
  459. package/cjs/HeaderLogo/index.js.map +0 -7
  460. package/cjs/HeaderSecondaryLogo/index.js.map +0 -7
  461. package/cjs/HeaderTitle/index.js.map +0 -7
  462. package/cjs/NavListItemAction/index.js.map +0 -7
  463. package/cjs/NavListItemLink/index.js.map +0 -7
  464. package/cjs/utils/extend.native.js.map +0 -7
  465. package/src/AutoCompleteInputTypeahead/__snapshots__/index.test.tsx.snap +0 -16
  466. package/src/AutoCompleteInputTypeahead/index.test.tsx +0 -8
  467. package/src/AutoCompleteInputTypeahead/index.tsx +0 -32
  468. package/src/BackLink/index.test.tsx +0 -13
  469. package/src/BackLink/index.tsx +0 -35
  470. package/src/BreadcrumbsListItemLink/index.test.tsx +0 -16
  471. package/src/ButtonLink/index.test.tsx +0 -69
  472. package/src/ButtonLink/index.tsx +0 -54
  473. package/src/CallToAction/index.test.tsx +0 -10
  474. package/src/CheckboxItemInput/index.native.tsx +0 -17
  475. package/src/CircularProgress/index.test.tsx +0 -34
  476. package/src/FooterLink/index.test.tsx +0 -14
  477. package/src/FooterLink/index.tsx +0 -26
  478. package/src/GovGRLogo/index.test.tsx +0 -8
  479. package/src/GovGRLogo/index.tsx +0 -42
  480. package/src/HeaderLogo/index.test.tsx +0 -8
  481. package/src/HeaderLogo/index.tsx +0 -43
  482. package/src/HeaderTitle/index.test.tsx +0 -16
  483. package/src/HeaderTitle/index.tsx +0 -28
  484. package/src/NavListItemAction/__snapshots__/index.test.tsx.snap +0 -13
  485. package/src/NavListItemAction/index.test.tsx +0 -11
  486. package/src/NavListItemLink/index.test.tsx +0 -39
  487. package/src/utils/extend.native.tsx +0 -36
  488. package/utils/extend.native/index.js +0 -14
  489. package/utils/extend.native/package.json +0 -6
  490. package/utils/extend.native.d.ts +0 -23
  491. package/utils/extend.native.js.map +0 -7
  492. /package/{AutoCompleteInputTypeahead → BackLinkBase}/index.test.d.ts +0 -0
  493. /package/{BackLink → BreadcrumbsListItemLinkBase}/index.test.d.ts +0 -0
  494. /package/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.test.d.ts +0 -0
  495. /package/{BreadcrumbsListItemLink → ButtonLinkBase}/index.test.d.ts +0 -0
  496. /package/{ButtonLink → CallToActionBase}/index.test.d.ts +0 -0
  497. /package/{CallToAction → CircularProgressBase}/index.test.d.ts +0 -0
  498. /package/{CircularProgress → FooterLinkBase}/index.test.d.ts +0 -0
  499. /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64/index.js +0 -0
  500. /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.d.ts +0 -0
  501. /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64/index.js +0 -0
  502. /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.d.ts +0 -0
  503. /package/{FooterLink → GovGRLogoBase}/index.test.d.ts +0 -0
  504. /package/{GovGRLogo → HeaderLogoBase}/index.test.d.ts +0 -0
  505. /package/{HeaderLogo → HeaderSecondaryLogoBase}/index.test.d.ts +0 -0
  506. /package/{HeaderSecondaryLogo → HeaderTitleBase}/index.test.d.ts +0 -0
  507. /package/{HeaderTitle → NavListItemActionBase}/index.test.d.ts +0 -0
  508. /package/{NavListItemAction → NavListItemLinkBase}/index.test.d.ts +0 -0
  509. /package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64/index.js +0 -0
  510. /package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64/index.js +0 -0
  511. /package/src/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/__snapshots__/index.test.tsx.snap +0 -0
  512. /package/src/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.js +0 -0
  513. /package/src/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.ts +0 -0
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/NotificationBannerContainer/index.tsx CHANGED
@@ -9,9 +9,10 @@ export interface NotificationBannerContainerProps extends BaseProps<'div'> {
9
9
  * @value 'info'
10
10
  * @value 'success'
11
11
  * @value 'error'
12
+ * @value 'error-group'
12
13
  * @default 'info'.
13
14
  */
14
- variant?: 'info' | 'success' | 'error';
15
+ variant?: 'info' | 'success' | 'error' | 'error-group';
15
16
  /**
16
17
  * dense is optional.
17
18
  * @value true NotificationBannerContainer will be dense.
package/src/NotificationBannerContent/index.tsx CHANGED
@@ -1,8 +1,32 @@
1
1
  import React from 'react';
2
2
  import clsx from 'clsx';
3
3
  import Base, { BaseProps } from '@digigov/react-core/Base';
4
+ import { WarningTextAssistive } from '@digigov/react-core/WarningTextAssistive';
4
5
 
5
- export interface NotificationBannerContentProps extends BaseProps<'div'> {}
6
+ export interface NotificationBannerContentProps extends BaseProps<'div'> {
7
+ /**
8
+ * assistiveText is optional.
9
+ * Default value is "Προσοχή".
10
+ * assistiveText is used to provide a textual warning for assistive technologies like screen readers.
11
+ */
12
+ assistiveText?: string;
13
+ /**
14
+ * variant is optional.
15
+ * variant is used to display red line on the left side of the component and exclamation mark icon with light red as background.
16
+ * @value 'error'
17
+ * @value 'error-group'
18
+ * @default 'error'.
19
+ */
20
+ /**
21
+ * variant is optional.
22
+ * variant error is used to change the color of the NotificationBannerContainer.
23
+ * variant error-group is used to display red line on the left side of the component and exclamation mark icon with light red as background.
24
+ * @value 'error'
25
+ * @value 'error-group'
26
+ * @default 'error'.
27
+ */
28
+ variant?: 'error' | 'error-group';
29
+ }
6
30
  /**
7
31
  * Details for the NotificationBannerContent.
8
32
  * NotificationBannerContent component is used as a content for
@@ -12,17 +36,39 @@ export interface NotificationBannerContentProps extends BaseProps<'div'> {}
12
36
  export const NotificationBannerContent = React.forwardRef<
13
37
  HTMLDivElement,
14
38
  NotificationBannerContentProps
15
- >(function NotificationBannerContent({ className, children, ...props }, ref) {
39
+ >(function NotificationBannerContent(
40
+ { className, assistiveText, variant, children, ...props },
41
+ ref
42
+ ) {
16
43
  return (
17
44
  <Base
18
45
  as="div"
19
46
  ref={ref}
20
47
  className={clsx(className, {
21
- 'ds-notification-banner__content': true,
48
+ 'ds-notification-banner__content': variant !== 'error-group',
49
+ 'ds-notification-error-group-banner__content':
50
+ variant === 'error-group',
22
51
  })}
23
52
  {...props}
24
53
  >
25
- {children}
54
+ {variant === 'error-group' ? (
55
+ <>
56
+ <Base
57
+ as="div"
58
+ className={clsx({
59
+ 'ds-notification-banner__icon--error-group': true,
60
+ })}
61
+ >
62
+ !
63
+ </Base>
64
+ <WarningTextAssistive>{assistiveText}</WarningTextAssistive>
65
+ <Base as="div" className="ds-notification-banner__text-error-group">
66
+ {children}
67
+ </Base>
68
+ </>
69
+ ) : (
70
+ children
71
+ )}
26
72
  </Base>
27
73
  );
28
74
  });
package/src/NotificationBannerLink/index.native.tsx CHANGED
@@ -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';
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/Skeleton/index.tsx CHANGED
@@ -90,13 +90,14 @@ export const Skeleton = React.forwardRef<HTMLSpanElement, SkeletonProps>(
90
90
  }}
91
91
  >
92
92
  {variant === 'button' && (
93
- <span
93
+ <Base
94
+ as="span"
94
95
  className={clsx({
95
96
  'ds-skeleton__line': true,
96
97
  'ds-skeleton__line--size-default':
97
98
  width === undefined && height === undefined,
98
99
  })}
99
- ></span>
100
+ ></Base>
100
101
  )}
101
102
  {typeof children != 'string' && children}
102
103
  </Base>
package/src/SummaryList/__snapshots__/index.test.tsx.snap CHANGED
@@ -1,5 +1,29 @@
1
1
  // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
+ exports[`renders the SummaryList with border="true" 1`] = `
4
+ <body>
5
+ <div>
6
+ <dl
7
+ class="ds-summary-list"
8
+ >
9
+ hello
10
+ </dl>
11
+ </div>
12
+ </body>
13
+ `;
14
+
15
+ exports[`renders the SummaryList with error="true 1`] = `
16
+ <body>
17
+ <div>
18
+ <dl
19
+ class="ds-summary-list ds-summary-list--error"
20
+ >
21
+ hello
22
+ </dl>
23
+ </div>
24
+ </body>
25
+ `;
26
+
3
27
  exports[`renders the SummaryList with no props 1`] = `
4
28
  <body>
5
29
  <div>
@@ -11,3 +35,15 @@ exports[`renders the SummaryList with no props 1`] = `
11
35
  </div>
12
36
  </body>
13
37
  `;
38
+
39
+ exports[`renders the SummaryList with noLastBorder="true 1`] = `
40
+ <body>
41
+ <div>
42
+ <dl
43
+ class="ds-summary-list ds-summary-list--no-last-border"
44
+ >
45
+ hello
46
+ </dl>
47
+ </div>
48
+ </body>
49
+ `;
package/src/SummaryList/index.test.tsx CHANGED
@@ -8,3 +8,18 @@ it('renders the SummaryList with no props', () => {
8
8
  render(<SummaryList>hello</SummaryList>).baseElement
9
9
  ).toMatchSnapshot();
10
10
  });
11
+ it('renders the SummaryList with border="true"', () => {
12
+ expect(
13
+ render(<SummaryList border>hello</SummaryList>).baseElement
14
+ ).toMatchSnapshot();
15
+ });
16
+ it('renders the SummaryList with noLastBorder="true', () => {
17
+ expect(
18
+ render(<SummaryList noLastBorder>hello</SummaryList>).baseElement
19
+ ).toMatchSnapshot();
20
+ });
21
+ it('renders the SummaryList with error="true', () => {
22
+ expect(
23
+ render(<SummaryList error>hello</SummaryList>).baseElement
24
+ ).toMatchSnapshot();
25
+ });
package/src/SummaryList/index.tsx CHANGED
@@ -6,7 +6,7 @@ export interface SummaryListProps extends BaseProps<'dl'> {
6
6
  /**
7
7
  * border is optional.
8
8
  * By default, SummaryList has borders. You can remove borders by using border prop.
9
- * By default is true
9
+ * By default is true.
10
10
  * @value true
11
11
  * @value false
12
12
  * @default true
@@ -15,12 +15,21 @@ export interface SummaryListProps extends BaseProps<'dl'> {
15
15
  /**
16
16
  * noLastBorder is optional.
17
17
  * By default, SummaryList has borders. You can remove last border by using noLastBorder prop.
18
- * By default is true
18
+ * By default is false.
19
19
  * @value true
20
20
  * @value false
21
21
  * @default false
22
22
  */
23
23
  noLastBorder?: boolean;
24
+
25
+ /**
26
+ * error is optional.
27
+ * If true, the SummaryList will be styled to indicate an error state.
28
+ * @value true
29
+ * @value false
30
+ * @default false
31
+ */
32
+ error?: boolean;
24
33
  }
25
34
  /**
26
35
  * SummaryList used as a table with summary information.
@@ -28,7 +37,14 @@ export interface SummaryListProps extends BaseProps<'dl'> {
28
37
  */
29
38
  export const SummaryList = React.forwardRef<HTMLDListElement, SummaryListProps>(
30
39
  function SummaryList(
31
- { className, noLastBorder = false, border = true, children, ...props },
40
+ {
41
+ border = true,
42
+ noLastBorder = false,
43
+ error = false,
44
+ className,
45
+ children,
46
+ ...props
47
+ },
32
48
  ref
33
49
  ) {
34
50
  return (
@@ -39,6 +55,7 @@ export const SummaryList = React.forwardRef<HTMLDListElement, SummaryListProps>(
39
55
  'ds-summary-list': true,
40
56
  'ds-summary-list--no-border': !border,
41
57
  'ds-summary-list--no-last-border': noLastBorder,
58
+ 'ds-summary-list--error': error === true,
42
59
  })}
43
60
  {...props}
44
61
  >
package/src/SummaryListItem/index.tsx CHANGED
@@ -21,7 +21,7 @@ export const SummaryListItem = React.forwardRef<
21
21
  HTMLDivElement,
22
22
  SummaryListItemProps
23
23
  >(function SummaryListItem(
24
- { className, children, border = true, ...props },
24
+ { border = true, className, children, ...props },
25
25
  ref
26
26
  ) {
27
27
  return (
package/src/SummaryListItemKey/__snapshots__/index.test.tsx.snap CHANGED
@@ -1,5 +1,63 @@
1
1
  // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
+ exports[`renders the SummaryListItemKey with error="true" 1`] = `
4
+ <body>
5
+ <div>
6
+ <dt
7
+ class="ds-summary-list__key ds-summary-list__key--sm-3 ds-summary-list__key--error"
8
+ >
9
+ <span
10
+ class="ds-visually-hidden"
11
+ >
12
+ Λανθασμένο πεδίο
13
+ </span>
14
+ hello
15
+ </dt>
16
+ </div>
17
+ </body>
18
+ `;
19
+
20
+ exports[`renders the SummaryListItemKey with error="true" and errorAssistiveText="wrong" 1`] = `
21
+ <body>
22
+ <div>
23
+ <dt
24
+ class="ds-summary-list__key ds-summary-list__key--sm-3 ds-summary-list__key--error"
25
+ >
26
+ <span
27
+ class="ds-visually-hidden"
28
+ >
29
+ wrong
30
+ </span>
31
+ hello
32
+ </dt>
33
+ </div>
34
+ </body>
35
+ `;
36
+
37
+ exports[`renders the SummaryListItemKey with lg=9 1`] = `
38
+ <body>
39
+ <div>
40
+ <dt
41
+ class="ds-summary-list__key ds-summary-list__key--sm-3 ds-summary-list__key--lg-9"
42
+ >
43
+ hello
44
+ </dt>
45
+ </div>
46
+ </body>
47
+ `;
48
+
49
+ exports[`renders the SummaryListItemKey with md=6 1`] = `
50
+ <body>
51
+ <div>
52
+ <dt
53
+ class="ds-summary-list__key ds-summary-list__key--sm-3 ds-summary-list__key--md-6"
54
+ >
55
+ hello
56
+ </dt>
57
+ </div>
58
+ </body>
59
+ `;
60
+
3
61
  exports[`renders the SummaryListItemKey with no props 1`] = `
4
62
  <body>
5
63
  <div>
@@ -11,3 +69,15 @@ exports[`renders the SummaryListItemKey with no props 1`] = `
11
69
  </div>
12
70
  </body>
13
71
  `;
72
+
73
+ exports[`renders the SummaryListItemKey with sm=4 1`] = `
74
+ <body>
75
+ <div>
76
+ <dt
77
+ class="ds-summary-list__key ds-summary-list__key--sm-4"
78
+ >
79
+ hello
80
+ </dt>
81
+ </div>
82
+ </body>
83
+ `;
package/src/SummaryListItemKey/index.test.tsx CHANGED
@@ -8,3 +8,32 @@ it('renders the SummaryListItemKey with no props', () => {
8
8
  render(<SummaryListItemKey>hello</SummaryListItemKey>).baseElement
9
9
  ).toMatchSnapshot();
10
10
  });
11
+ it('renders the SummaryListItemKey with sm=4', () => {
12
+ expect(
13
+ render(<SummaryListItemKey sm={4}>hello</SummaryListItemKey>).baseElement
14
+ ).toMatchSnapshot();
15
+ });
16
+ it('renders the SummaryListItemKey with md=6', () => {
17
+ expect(
18
+ render(<SummaryListItemKey md={6}>hello</SummaryListItemKey>).baseElement
19
+ ).toMatchSnapshot();
20
+ });
21
+ it('renders the SummaryListItemKey with lg=9', () => {
22
+ expect(
23
+ render(<SummaryListItemKey lg={9}>hello</SummaryListItemKey>).baseElement
24
+ ).toMatchSnapshot();
25
+ });
26
+ it('renders the SummaryListItemKey with error="true"', () => {
27
+ expect(
28
+ render(<SummaryListItemKey error>hello</SummaryListItemKey>).baseElement
29
+ ).toMatchSnapshot();
30
+ });
31
+ it('renders the SummaryListItemKey with error="true" and errorAssistiveText="wrong"', () => {
32
+ expect(
33
+ render(
34
+ <SummaryListItemKey error errorAssistiveText="wrong">
35
+ hello
36
+ </SummaryListItemKey>
37
+ ).baseElement
38
+ ).toMatchSnapshot();
39
+ });
package/src/SummaryListItemKey/index.tsx CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import clsx from 'clsx';
3
3
  import Base, { BaseProps } from '@digigov/react-core/Base';
4
+ import VisuallyHidden from '@digigov/react-core/VisuallyHidden';
4
5
 
5
6
  export interface SummaryListItemKeyProps extends BaseProps<'dt'> {
6
7
  /**
@@ -16,6 +17,22 @@ export interface SummaryListItemKeyProps extends BaseProps<'dt'> {
16
17
  * lg shows the width of the key column for large screens.
17
18
  */
18
19
  lg?: WidthValues;
20
+
21
+ /**
22
+ * error is optional.
23
+ * Use error prop to highlight the SummaryListItemKey when there is an error in the corresponding field.
24
+ * @value true
25
+ * @value false
26
+ * @default false
27
+ */
28
+
29
+ error?: boolean;
30
+ /**
31
+ * errorAssistiveText is optional.
32
+ * Default value is "Λανθασμένο πεδίο".
33
+ * errorAssistiveText is used to provide a textual warning for assistive technologies like screen readers.
34
+ */
35
+ errorAssistiveText?: string;
19
36
  }
20
37
 
21
38
  export type WidthValues = 3 | 4 | 5 | 6 | 7 | 8 | 9;
@@ -27,7 +44,16 @@ export const SummaryListItemKey = React.forwardRef<
27
44
  HTMLElement,
28
45
  SummaryListItemKeyProps
29
46
  >(function SummaryListItemKey(
30
- { sm = 3, md, lg, className, children, ...props },
47
+ {
48
+ sm = 3,
49
+ md,
50
+ lg,
51
+ error,
52
+ errorAssistiveText = 'Λανθασμένο πεδίο',
53
+ className,
54
+ children,
55
+ ...props
56
+ },
31
57
  ref
32
58
  ) {
33
59
  return (
@@ -39,9 +65,11 @@ export const SummaryListItemKey = React.forwardRef<
39
65
  [`ds-summary-list__key--sm-${sm}`]: sm !== undefined,
40
66
  [`ds-summary-list__key--md-${md}`]: md !== undefined,
41
67
  [`ds-summary-list__key--lg-${lg}`]: lg !== undefined,
68
+ 'ds-summary-list__key--error': error === true,
42
69
  })}
43
70
  {...props}
44
71
  >
72
+ {error === true && <VisuallyHidden>{errorAssistiveText}</VisuallyHidden>}
45
73
  {children}
46
74
  </Base>
47
75
  );
package/src/SummaryListItemValue/__snapshots__/index.test.tsx.snap CHANGED
@@ -1,5 +1,39 @@
1
1
  // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
+ exports[`renders the SummaryListItemValue with error="true 1`] = `
4
+ <body>
5
+ <div>
6
+ <dd
7
+ class="ds-summary-list__value ds-summary-list__value--error"
8
+ >
9
+ <span
10
+ class="ds-visually-hidden"
11
+ >
12
+ Λανθασμένο πεδίο
13
+ </span>
14
+ hello
15
+ </dd>
16
+ </div>
17
+ </body>
18
+ `;
19
+
20
+ exports[`renders the SummaryListItemValue with error="true and errorAssistiveText="wrong 1`] = `
21
+ <body>
22
+ <div>
23
+ <dd
24
+ class="ds-summary-list__value ds-summary-list__value--error"
25
+ >
26
+ <span
27
+ class="ds-visually-hidden"
28
+ >
29
+ wrong
30
+ </span>
31
+ hello
32
+ </dd>
33
+ </div>
34
+ </body>
35
+ `;
36
+
3
37
  exports[`renders the SummaryListItemValue with no props 1`] = `
4
38
  <body>
5
39
  <div>
package/src/SummaryListItemValue/index.test.tsx CHANGED
@@ -8,3 +8,17 @@ it('renders the SummaryListItemValue with no props', () => {
8
8
  render(<SummaryListItemValue>hello</SummaryListItemValue>).baseElement
9
9
  ).toMatchSnapshot();
10
10
  });
11
+ it('renders the SummaryListItemValue with error="true', () => {
12
+ expect(
13
+ render(<SummaryListItemValue error>hello</SummaryListItemValue>).baseElement
14
+ ).toMatchSnapshot();
15
+ });
16
+ it('renders the SummaryListItemValue with error="true and errorAssistiveText="wrong', () => {
17
+ expect(
18
+ render(
19
+ <SummaryListItemValue error errorAssistiveText="wrong">
20
+ hello
21
+ </SummaryListItemValue>
22
+ ).baseElement
23
+ ).toMatchSnapshot();
24
+ });
package/src/SummaryListItemValue/index.tsx CHANGED
@@ -1,24 +1,52 @@
1
1
  import React from 'react';
2
2
  import clsx from 'clsx';
3
3
  import Base, { BaseProps } from '@digigov/react-core/Base';
4
+ import VisuallyHidden from '@digigov/react-core/VisuallyHidden';
4
5
 
5
- export interface SummaryListItemValueProps extends BaseProps<'dd'> {}
6
+ export interface SummaryListItemValueProps extends BaseProps<'dd'> {
7
+ /**
8
+ * error is optional.
9
+ * Use error prop to highlight the SummaryListItemKey when there is an error in the corresponding field.
10
+ * @value true
11
+ * @value false
12
+ * @default false
13
+ */
14
+
15
+ error?: boolean;
16
+ /**
17
+ * errorAssistiveText is optional.
18
+ * Default value is "Λανθασμένο πεδίο".
19
+ * errorAssistiveText is used to provide a textual warning for assistive technologies like screen readers.
20
+ */
21
+ errorAssistiveText?: string;
22
+ }
6
23
  /**
7
24
  * Details for the SummaryListItemValue.
8
25
  */
9
26
  export const SummaryListItemValue = React.forwardRef<
10
27
  HTMLElement,
11
28
  SummaryListItemValueProps
12
- >(function SummaryListItemValue({ className, children, ...props }, ref) {
29
+ >(function SummaryListItemValue(
30
+ {
31
+ error,
32
+ errorAssistiveText = 'Λανθασμένο πεδίο',
33
+ className,
34
+ children,
35
+ ...props
36
+ },
37
+ ref
38
+ ) {
13
39
  return (
14
40
  <Base
15
41
  as="dd"
16
42
  ref={ref}
17
43
  className={clsx(className, {
18
44
  'ds-summary-list__value': true,
45
+ 'ds-summary-list__value--error': error === true,
19
46
  })}
20
47
  {...props}
21
48
  >
49
+ {error === true && <VisuallyHidden>{errorAssistiveText}</VisuallyHidden>}
22
50
  {children}
23
51
  </Base>
24
52
  );