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

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