@digigov/react-core 1.0.0-8ae63a77 → 1.0.0-8bbf3ef2

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 (222) hide show
  1. package/AccessibilityMenuHeaderButton/index.d.ts +1 -1
  2. package/BottomInfo/__snapshots__/index.test.tsx.snap +7 -2
  3. package/BottomInfoContainer/__snapshots__/index.test.tsx.snap +7 -2
  4. package/Button/__snapshots__/index.test.tsx.snap +18 -0
  5. package/Button/index.d.ts +8 -1
  6. package/Button/index.js +3 -2
  7. package/Button/index.test.js +17 -9
  8. package/Checkbox/__snapshots__/index.test.tsx.snap +76 -0
  9. package/Checkbox/index.d.ts +8 -1
  10. package/Checkbox/index.js +3 -2
  11. package/Checkbox/index.test.js +8 -0
  12. package/CloseButton/__snapshots__/index.test.tsx.snap +53 -0
  13. package/CloseButton/index.d.ts +7 -1
  14. package/CloseButton/index.js +4 -3
  15. package/CloseButton/index.test.js +8 -0
  16. package/Container/__snapshots__/index.test.tsx.snap +14 -4
  17. package/CopyToClipboardContainer/__snapshots__/index.spec.tsx.snap +21 -0
  18. package/CopyToClipboardContainer/index.d.ts +9 -1
  19. package/CopyToClipboardContainer/index.js +3 -2
  20. package/CopyToClipboardContainer/index.spec.js +8 -0
  21. package/DateInputContainer/__snapshots__/index.test.tsx.snap +17 -0
  22. package/DateInputContainer/index.d.ts +8 -1
  23. package/DateInputContainer/index.js +4 -3
  24. package/DateInputContainer/index.test.js +8 -0
  25. package/ErrorSummary/__snapshots__/index.test.tsx.snap +39 -0
  26. package/ErrorSummary/index.d.ts +8 -1
  27. package/ErrorSummary/index.js +4 -2
  28. package/ErrorSummary/index.test.js +8 -0
  29. package/ImageLogo/__snapshots__/index.test.tsx.snap +5 -3
  30. package/ModalContainer/index.d.ts +8 -1
  31. package/ModalContainer/index.js +3 -2
  32. package/Nav/__snapshots__/index.test.tsx.snap +91 -4
  33. package/Nav/index.d.ts +30 -15
  34. package/Nav/index.js +18 -9
  35. package/Nav/index.test.js +42 -0
  36. package/NavListItemAction/index.d.ts +1 -1
  37. package/NavListItemButton/index.d.ts +1 -1
  38. package/NavMenuContainer/__snapshots__/index.test.tsx.snap +104 -0
  39. package/NavMenuContainer/index.test.js +24 -0
  40. package/NotificationBannerContainer/__snapshots__/index.test.tsx.snap +23 -0
  41. package/NotificationBannerContainer/index.d.ts +8 -1
  42. package/NotificationBannerContainer/index.js +3 -2
  43. package/NotificationBannerContainer/index.test.js +8 -0
  44. package/RadioContainer/__snapshots__/index.test.tsx.snap +17 -0
  45. package/RadioContainer/index.d.ts +8 -1
  46. package/RadioContainer/index.js +5 -4
  47. package/RadioContainer/index.test.js +8 -0
  48. package/RadioItem/__snapshots__/index.test.tsx.snap +2 -2
  49. package/SearchButton/index.d.ts +1 -1
  50. package/SelectContainer/__snapshots__/index.test.tsx.snap +17 -0
  51. package/SelectContainer/index.d.ts +8 -1
  52. package/SelectContainer/index.js +4 -3
  53. package/SelectContainer/index.test.js +9 -1
  54. package/SingleCharacterInput/index.d.ts +1 -1
  55. package/StepNav/__snapshots__/index.test.tsx.snap +2 -2
  56. package/Tabs/index.d.ts +2 -1
  57. package/Tabs/index.js +4 -3
  58. package/TaskList/__snapshots__/index.test.tsx.snap +2 -2
  59. package/TextArea/__snapshots__/index.test.tsx.snap +19 -0
  60. package/TextArea/index.d.ts +8 -1
  61. package/TextArea/index.js +6 -5
  62. package/TextArea/index.test.js +8 -0
  63. package/TextInput/__snapshots__/index.test.tsx.snap +17 -0
  64. package/TextInput/index.d.ts +8 -1
  65. package/TextInput/index.js +3 -2
  66. package/TextInput/index.test.js +91 -83
  67. package/WarningText/__snapshots__/index.test.tsx.snap +31 -0
  68. package/WarningText/index.d.ts +8 -1
  69. package/WarningText/index.js +3 -2
  70. package/WarningText/index.test.js +8 -0
  71. package/es/BottomInfo/__snapshots__/index.test.tsx.snap +7 -2
  72. package/es/BottomInfoContainer/__snapshots__/index.test.tsx.snap +7 -2
  73. package/es/Button/__snapshots__/index.test.tsx.snap +18 -0
  74. package/es/Button/index.js +3 -2
  75. package/es/Button/index.test.js +17 -9
  76. package/es/Checkbox/__snapshots__/index.test.tsx.snap +76 -0
  77. package/es/Checkbox/index.js +3 -2
  78. package/es/Checkbox/index.test.js +8 -0
  79. package/es/CloseButton/__snapshots__/index.test.tsx.snap +53 -0
  80. package/es/CloseButton/index.js +4 -3
  81. package/es/CloseButton/index.test.js +8 -0
  82. package/es/Container/__snapshots__/index.test.tsx.snap +14 -4
  83. package/es/CopyToClipboardContainer/__snapshots__/index.spec.tsx.snap +21 -0
  84. package/es/CopyToClipboardContainer/index.js +3 -2
  85. package/es/CopyToClipboardContainer/index.spec.js +8 -0
  86. package/es/DateInputContainer/__snapshots__/index.test.tsx.snap +17 -0
  87. package/es/DateInputContainer/index.js +4 -3
  88. package/es/DateInputContainer/index.test.js +8 -0
  89. package/es/ErrorSummary/__snapshots__/index.test.tsx.snap +39 -0
  90. package/es/ErrorSummary/index.js +4 -2
  91. package/es/ErrorSummary/index.test.js +8 -0
  92. package/es/ImageLogo/__snapshots__/index.test.tsx.snap +5 -3
  93. package/es/ModalContainer/index.js +3 -2
  94. package/es/Nav/__snapshots__/index.test.tsx.snap +91 -4
  95. package/es/Nav/index.js +17 -9
  96. package/es/Nav/index.test.js +42 -0
  97. package/es/NavMenuContainer/__snapshots__/index.test.tsx.snap +104 -0
  98. package/es/NavMenuContainer/index.test.js +24 -0
  99. package/es/NotificationBannerContainer/__snapshots__/index.test.tsx.snap +23 -0
  100. package/es/NotificationBannerContainer/index.js +3 -2
  101. package/es/NotificationBannerContainer/index.test.js +8 -0
  102. package/es/RadioContainer/__snapshots__/index.test.tsx.snap +17 -0
  103. package/es/RadioContainer/index.js +5 -4
  104. package/es/RadioContainer/index.test.js +8 -0
  105. package/es/RadioItem/__snapshots__/index.test.tsx.snap +2 -2
  106. package/es/SelectContainer/__snapshots__/index.test.tsx.snap +17 -0
  107. package/es/SelectContainer/index.js +4 -3
  108. package/es/SelectContainer/index.test.js +9 -1
  109. package/es/StepNav/__snapshots__/index.test.tsx.snap +2 -2
  110. package/es/Tabs/index.js +4 -3
  111. package/es/TaskList/__snapshots__/index.test.tsx.snap +2 -2
  112. package/es/TextArea/__snapshots__/index.test.tsx.snap +19 -0
  113. package/es/TextArea/index.js +6 -5
  114. package/es/TextArea/index.test.js +8 -0
  115. package/es/TextInput/__snapshots__/index.test.tsx.snap +17 -0
  116. package/es/TextInput/index.js +3 -2
  117. package/es/TextInput/index.test.js +91 -83
  118. package/es/WarningText/__snapshots__/index.test.tsx.snap +31 -0
  119. package/es/WarningText/index.js +3 -2
  120. package/es/WarningText/index.test.js +8 -0
  121. package/esm/BottomInfo/__snapshots__/index.test.tsx.snap +7 -2
  122. package/esm/BottomInfoContainer/__snapshots__/index.test.tsx.snap +7 -2
  123. package/esm/Button/__snapshots__/index.test.tsx.snap +18 -0
  124. package/esm/Button/index.js +3 -2
  125. package/esm/Button/index.test.js +17 -9
  126. package/esm/Checkbox/__snapshots__/index.test.tsx.snap +76 -0
  127. package/esm/Checkbox/index.js +3 -2
  128. package/esm/Checkbox/index.test.js +8 -0
  129. package/esm/CloseButton/__snapshots__/index.test.tsx.snap +53 -0
  130. package/esm/CloseButton/index.js +4 -3
  131. package/esm/CloseButton/index.test.js +8 -0
  132. package/esm/Container/__snapshots__/index.test.tsx.snap +14 -4
  133. package/esm/CopyToClipboardContainer/__snapshots__/index.spec.tsx.snap +21 -0
  134. package/esm/CopyToClipboardContainer/index.js +3 -2
  135. package/esm/CopyToClipboardContainer/index.spec.js +8 -0
  136. package/esm/DateInputContainer/__snapshots__/index.test.tsx.snap +17 -0
  137. package/esm/DateInputContainer/index.js +4 -3
  138. package/esm/DateInputContainer/index.test.js +8 -0
  139. package/esm/ErrorSummary/__snapshots__/index.test.tsx.snap +39 -0
  140. package/esm/ErrorSummary/index.js +4 -2
  141. package/esm/ErrorSummary/index.test.js +8 -0
  142. package/esm/ImageLogo/__snapshots__/index.test.tsx.snap +5 -3
  143. package/esm/ModalContainer/index.js +3 -2
  144. package/esm/Nav/__snapshots__/index.test.tsx.snap +91 -4
  145. package/esm/Nav/index.js +17 -9
  146. package/esm/Nav/index.test.js +42 -0
  147. package/esm/NavMenuContainer/__snapshots__/index.test.tsx.snap +104 -0
  148. package/esm/NavMenuContainer/index.test.js +24 -0
  149. package/esm/NotificationBannerContainer/__snapshots__/index.test.tsx.snap +23 -0
  150. package/esm/NotificationBannerContainer/index.js +3 -2
  151. package/esm/NotificationBannerContainer/index.test.js +8 -0
  152. package/esm/RadioContainer/__snapshots__/index.test.tsx.snap +17 -0
  153. package/esm/RadioContainer/index.js +5 -4
  154. package/esm/RadioContainer/index.test.js +8 -0
  155. package/esm/RadioItem/__snapshots__/index.test.tsx.snap +2 -2
  156. package/esm/SelectContainer/__snapshots__/index.test.tsx.snap +17 -0
  157. package/esm/SelectContainer/index.js +4 -3
  158. package/esm/SelectContainer/index.test.js +9 -1
  159. package/esm/StepNav/__snapshots__/index.test.tsx.snap +2 -2
  160. package/esm/Tabs/index.js +4 -3
  161. package/esm/TaskList/__snapshots__/index.test.tsx.snap +2 -2
  162. package/esm/TextArea/__snapshots__/index.test.tsx.snap +19 -0
  163. package/esm/TextArea/index.js +6 -5
  164. package/esm/TextArea/index.test.js +8 -0
  165. package/esm/TextInput/__snapshots__/index.test.tsx.snap +17 -0
  166. package/esm/TextInput/index.js +3 -2
  167. package/esm/TextInput/index.test.js +91 -83
  168. package/esm/WarningText/__snapshots__/index.test.tsx.snap +31 -0
  169. package/esm/WarningText/index.js +3 -2
  170. package/esm/WarningText/index.test.js +8 -0
  171. package/esm/index.js +1 -1
  172. package/package.json +3 -3
  173. package/src/BottomInfo/__snapshots__/index.test.tsx.snap +7 -2
  174. package/src/BottomInfoContainer/__snapshots__/index.test.tsx.snap +7 -2
  175. package/src/Button/__snapshots__/index.test.tsx.snap +18 -0
  176. package/src/Button/index.test.tsx +3 -0
  177. package/src/Button/index.tsx +9 -0
  178. package/src/Checkbox/__snapshots__/index.test.tsx.snap +76 -0
  179. package/src/Checkbox/index.test.tsx +10 -0
  180. package/src/Checkbox/index.tsx +9 -1
  181. package/src/CloseButton/__snapshots__/index.test.tsx.snap +53 -0
  182. package/src/CloseButton/index.test.tsx +3 -0
  183. package/src/CloseButton/index.tsx +10 -3
  184. package/src/Container/__snapshots__/index.test.tsx.snap +14 -4
  185. package/src/CopyToClipboardContainer/__snapshots__/index.spec.tsx.snap +21 -0
  186. package/src/CopyToClipboardContainer/index.spec.tsx +8 -2
  187. package/src/CopyToClipboardContainer/index.tsx +10 -1
  188. package/src/DateInputContainer/__snapshots__/index.test.tsx.snap +17 -0
  189. package/src/DateInputContainer/index.test.tsx +5 -0
  190. package/src/DateInputContainer/index.tsx +11 -2
  191. package/src/ErrorSummary/__snapshots__/index.test.tsx.snap +39 -0
  192. package/src/ErrorSummary/index.test.tsx +4 -0
  193. package/src/ErrorSummary/index.tsx +12 -5
  194. package/src/ImageLogo/__snapshots__/index.test.tsx.snap +5 -3
  195. package/src/ModalContainer/index.tsx +9 -1
  196. package/src/Nav/__snapshots__/index.test.tsx.snap +91 -4
  197. package/src/Nav/index.test.tsx +15 -0
  198. package/src/Nav/index.tsx +53 -20
  199. package/src/NavMenuContainer/__snapshots__/index.test.tsx.snap +104 -0
  200. package/src/NavMenuContainer/index.test.tsx +9 -0
  201. package/src/NotificationBannerContainer/__snapshots__/index.test.tsx.snap +23 -0
  202. package/src/NotificationBannerContainer/index.test.tsx +7 -0
  203. package/src/NotificationBannerContainer/index.tsx +9 -1
  204. package/src/RadioContainer/__snapshots__/index.test.tsx.snap +17 -0
  205. package/src/RadioContainer/index.test.tsx +3 -0
  206. package/src/RadioContainer/index.tsx +9 -1
  207. package/src/RadioItem/__snapshots__/index.test.tsx.snap +2 -2
  208. package/src/SelectContainer/__snapshots__/index.test.tsx.snap +17 -0
  209. package/src/SelectContainer/index.test.tsx +5 -0
  210. package/src/SelectContainer/index.tsx +11 -2
  211. package/src/StepNav/__snapshots__/index.test.tsx.snap +2 -2
  212. package/src/Tabs/index.tsx +5 -2
  213. package/src/TaskList/__snapshots__/index.test.tsx.snap +2 -2
  214. package/src/TextArea/__snapshots__/index.test.tsx.snap +19 -0
  215. package/src/TextArea/index.test.tsx +3 -0
  216. package/src/TextArea/index.tsx +11 -2
  217. package/src/TextInput/__snapshots__/index.test.tsx.snap +17 -0
  218. package/src/TextInput/index.test.tsx +3 -0
  219. package/src/TextInput/index.tsx +9 -0
  220. package/src/WarningText/__snapshots__/index.test.tsx.snap +31 -0
  221. package/src/WarningText/index.test.tsx +3 -0
  222. package/src/WarningText/index.tsx +9 -1
@@ -8,13 +8,18 @@ exports[`renders the BottomInfoContainer with no props 1`] = `
8
8
  <ForwardRef(Grid)
9
9
  className="govgr-bottom-info__container govgr-container"
10
10
  container={true}
11
+ spacing={
12
+ Object {
13
+ "sm": 12,
14
+ }
15
+ }
11
16
  >
12
17
  <ForwardRef(Base)
13
18
  as="div"
14
- className="govgr-bottom-info__container govgr-container govgr-grid"
19
+ className="govgr-bottom-info__container govgr-container govgr-gap-sm-12 govgr-grid"
15
20
  >
16
21
  <div
17
- className="govgr-bottom-info__container govgr-container govgr-grid"
22
+ className="govgr-bottom-info__container govgr-container govgr-gap-sm-12 govgr-grid"
18
23
  >
19
24
  hello
20
25
  </div>
@@ -137,6 +137,24 @@ exports[`renders the Button with color=warning with disabled=true 1`] = `
137
137
  </ForwardRef(Button)>
138
138
  `;
139
139
 
140
+ exports[`renders the Button with dense=true 1`] = `
141
+ <ForwardRef(Button)
142
+ dense={true}
143
+ >
144
+ <ForwardRef(Base)
145
+ as="button"
146
+ className="govgr-btn-primary govgr-btn govgr-btn--dense"
147
+ printHidden={true}
148
+ >
149
+ <button
150
+ className="govgr-btn-primary govgr-btn govgr-btn--dense govgr-print-hidden"
151
+ >
152
+ hello
153
+ </button>
154
+ </ForwardRef(Base)>
155
+ </ForwardRef(Button)>
156
+ `;
157
+
140
158
  exports[`renders the Button with disabled=false 1`] = `
141
159
  <ForwardRef(Button)
142
160
  disabled={false}
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["color", "variant", "disabled", "printHidden", "className", "children"];
3
+ var _excluded = ["color", "variant", "dense", "disabled", "printHidden", "className", "children"];
4
4
  import React from 'react';
5
5
  import clsx from 'clsx';
6
6
  import Base from '@digigov/react-core/Base';
@@ -13,6 +13,7 @@ export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
13
13
  color = _ref$color === void 0 ? 'primary' : _ref$color,
14
14
  _ref$variant = _ref.variant,
15
15
  variant = _ref$variant === void 0 ? 'button' : _ref$variant,
16
+ dense = _ref.dense,
16
17
  disabled = _ref.disabled,
17
18
  _ref$printHidden = _ref.printHidden,
18
19
  printHidden = _ref$printHidden === void 0 ? true : _ref$printHidden,
@@ -25,7 +26,7 @@ export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
25
26
  disabled: disabled,
26
27
  printHidden: printHidden,
27
28
  ref: ref,
28
- className: clsx(className, variant === 'button' && [color === 'secondary' && 'govgr-btn-secondary', color === 'primary' && 'govgr-btn-primary', color === 'warning' && 'govgr-btn-warning', disabled && 'govgr-btn--disabled', 'govgr-btn'], variant === 'link' && 'govgr-link')
29
+ className: clsx(className, variant === 'button' && [color === 'secondary' && 'govgr-btn-secondary', color === 'primary' && 'govgr-btn-primary', color === 'warning' && 'govgr-btn-warning', disabled && 'govgr-btn--disabled', 'govgr-btn'], variant === 'link' && 'govgr-link', dense && 'govgr-btn--dense')
29
30
  }, props), children);
30
31
  });
31
32
  export default Button;
@@ -49,44 +49,52 @@ it('renders the Button with disabled=false', function () {
49
49
  });
50
50
 
51
51
  var _ref7 = /*#__PURE__*/React.createElement(Button, {
52
+ dense: true
53
+ }, "hello");
54
+
55
+ it('renders the Button with dense=true', function () {
56
+ expect(mount(_ref7)).toMatchSnapshot();
57
+ });
58
+
59
+ var _ref8 = /*#__PURE__*/React.createElement(Button, {
52
60
  disabled: true,
53
61
  color: 'primary'
54
62
  }, "hello");
55
63
 
56
64
  it('renders the Button with color=primary with disabled=true', function () {
57
- expect(mount(_ref7)).toMatchSnapshot();
65
+ expect(mount(_ref8)).toMatchSnapshot();
58
66
  });
59
67
 
60
- var _ref8 = /*#__PURE__*/React.createElement(Button, {
68
+ var _ref9 = /*#__PURE__*/React.createElement(Button, {
61
69
  disabled: true,
62
70
  color: 'secondary'
63
71
  }, "hello");
64
72
 
65
73
  it('renders the Button with color=secondary with disabled=true', function () {
66
- expect(mount(_ref8)).toMatchSnapshot();
74
+ expect(mount(_ref9)).toMatchSnapshot();
67
75
  });
68
76
 
69
- var _ref9 = /*#__PURE__*/React.createElement(Button, {
77
+ var _ref10 = /*#__PURE__*/React.createElement(Button, {
70
78
  disabled: true,
71
79
  color: 'warning'
72
80
  }, "hello");
73
81
 
74
82
  it('renders the Button with color=warning with disabled=true', function () {
75
- expect(mount(_ref9)).toMatchSnapshot();
83
+ expect(mount(_ref10)).toMatchSnapshot();
76
84
  });
77
85
 
78
- var _ref10 = /*#__PURE__*/React.createElement(Button, {
86
+ var _ref11 = /*#__PURE__*/React.createElement(Button, {
79
87
  "aria-label": "button for opening menu"
80
88
  }, "Menu");
81
89
 
82
90
  it('renders the Button with ariaLabel prop', function () {
83
- expect(mount(_ref10)).toMatchSnapshot();
91
+ expect(mount(_ref11)).toMatchSnapshot();
84
92
  });
85
93
 
86
- var _ref11 = /*#__PURE__*/React.createElement(Button, {
94
+ var _ref12 = /*#__PURE__*/React.createElement(Button, {
87
95
  tabIndex: 0
88
96
  }, "Menu");
89
97
 
90
98
  it('renders the Button with tabIndex prop', function () {
91
- expect(mount(_ref11)).toMatchSnapshot();
99
+ expect(mount(_ref12)).toMatchSnapshot();
92
100
  });
@@ -1,5 +1,81 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
+ exports[`renders the Checkbox with dense prop and CheckboxItems 1`] = `
4
+ <ForwardRef(Checkbox)
5
+ dense={true}
6
+ >
7
+ <ForwardRef(Base)
8
+ as="div"
9
+ className="govgr-checkboxes--dense govgr-checkboxes"
10
+ >
11
+ <div
12
+ className="govgr-checkboxes--dense govgr-checkboxes"
13
+ >
14
+ <ForwardRef(CheckboxItem)>
15
+ <div
16
+ className="govgr-checkboxes__item"
17
+ >
18
+ <ForwardRef(LabelContainer)
19
+ className="govgr-checkboxes__label"
20
+ >
21
+ <ForwardRef(Base)
22
+ as="label"
23
+ className="govgr-checkboxes__label govgr-label"
24
+ >
25
+ <label
26
+ className="govgr-checkboxes__label govgr-label"
27
+ >
28
+ This is item 1
29
+ <ForwardRef(Base)
30
+ as="input"
31
+ className="govgr-checkboxes__input"
32
+ type="checkbox"
33
+ >
34
+ <input
35
+ className="govgr-checkboxes__input"
36
+ type="checkbox"
37
+ />
38
+ </ForwardRef(Base)>
39
+ </label>
40
+ </ForwardRef(Base)>
41
+ </ForwardRef(LabelContainer)>
42
+ </div>
43
+ </ForwardRef(CheckboxItem)>
44
+ <ForwardRef(CheckboxItem)>
45
+ <div
46
+ className="govgr-checkboxes__item"
47
+ >
48
+ <ForwardRef(LabelContainer)
49
+ className="govgr-checkboxes__label"
50
+ >
51
+ <ForwardRef(Base)
52
+ as="label"
53
+ className="govgr-checkboxes__label govgr-label"
54
+ >
55
+ <label
56
+ className="govgr-checkboxes__label govgr-label"
57
+ >
58
+ This is item 2
59
+ <ForwardRef(Base)
60
+ as="input"
61
+ className="govgr-checkboxes__input"
62
+ type="checkbox"
63
+ >
64
+ <input
65
+ className="govgr-checkboxes__input"
66
+ type="checkbox"
67
+ />
68
+ </ForwardRef(Base)>
69
+ </label>
70
+ </ForwardRef(Base)>
71
+ </ForwardRef(LabelContainer)>
72
+ </div>
73
+ </ForwardRef(CheckboxItem)>
74
+ </div>
75
+ </ForwardRef(Base)>
76
+ </ForwardRef(Checkbox)>
77
+ `;
78
+
3
79
  exports[`renders the Checkbox with layout=horizontal and CheckboxItems 1`] = `
4
80
  <ForwardRef(Checkbox)
5
81
  layout="horizontal"
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["layout", "className", "children"];
3
+ var _excluded = ["layout", "dense", "className", "children"];
4
4
  import React from 'react';
5
5
  import clsx from 'clsx';
6
6
  import Base from '@digigov/react-core/Base';
@@ -12,6 +12,7 @@ import Base from '@digigov/react-core/Base';
12
12
  */
13
13
  export var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(_ref, ref) {
14
14
  var layout = _ref.layout,
15
+ dense = _ref.dense,
15
16
  className = _ref.className,
16
17
  children = _ref.children,
17
18
  props = _objectWithoutProperties(_ref, _excluded);
@@ -19,7 +20,7 @@ export var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(_ref, ref)
19
20
  return /*#__PURE__*/React.createElement(Base, _extends({
20
21
  as: "div",
21
22
  ref: ref,
22
- className: clsx(className, layout === 'horizontal' && 'govgr-checkboxes--horizontal', true && 'govgr-checkboxes')
23
+ className: clsx(className, layout === 'horizontal' && 'govgr-checkboxes--horizontal', dense && 'govgr-checkboxes--dense', true && 'govgr-checkboxes')
23
24
  }, props), children);
24
25
  });
25
26
  export default Checkbox;
@@ -21,4 +21,12 @@ var _ref3 = /*#__PURE__*/React.createElement(Checkbox, {
21
21
 
22
22
  it('renders the Checkbox with layout=horizontal and CheckboxItems', function () {
23
23
  expect(mount(_ref3)).toMatchSnapshot();
24
+ });
25
+
26
+ var _ref4 = /*#__PURE__*/React.createElement(Checkbox, {
27
+ dense: true
28
+ }, /*#__PURE__*/React.createElement(CheckboxItem, null, "This is item 1"), /*#__PURE__*/React.createElement(CheckboxItem, null, "This is item 2"));
29
+
30
+ it('renders the Checkbox with dense prop and CheckboxItems', function () {
31
+ expect(mount(_ref4)).toMatchSnapshot();
24
32
  });
@@ -49,3 +49,56 @@ exports[`renders the CloseButton 1`] = `
49
49
  </ForwardRef(Button)>
50
50
  </ForwardRef(CloseButton)>
51
51
  `;
52
+
53
+ exports[`renders the CloseButton with label prop 1`] = `
54
+ <ForwardRef(CloseButton)
55
+ label="Κλείσιμο"
56
+ >
57
+ <ForwardRef(Button)
58
+ className="govgr-close-btn"
59
+ variant="link"
60
+ >
61
+ <ForwardRef(Base)
62
+ as="button"
63
+ className="govgr-close-btn govgr-link"
64
+ printHidden={true}
65
+ >
66
+ <button
67
+ className="govgr-close-btn govgr-link govgr-print-hidden"
68
+ >
69
+ Κλείσιμο
70
+ <CloseIcon>
71
+ <ForwardRef(Icon)
72
+ icon="close"
73
+ >
74
+ <ForwardRef(SvgIcon)
75
+ className="govgr-svg-icon--close"
76
+ >
77
+ <ForwardRef(Base)
78
+ aria-hidden="true"
79
+ as="svg"
80
+ className="govgr-svg-icon--close govgr-svg-icon"
81
+ focusable="false"
82
+ viewBox="0 0 24 24"
83
+ >
84
+ <svg
85
+ aria-hidden="true"
86
+ className="govgr-svg-icon--close govgr-svg-icon"
87
+ focusable="false"
88
+ viewBox="0 0 24 24"
89
+ >
90
+ <close>
91
+ <polygon
92
+ points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
93
+ />
94
+ </close>
95
+ </svg>
96
+ </ForwardRef(Base)>
97
+ </ForwardRef(SvgIcon)>
98
+ </ForwardRef(Icon)>
99
+ </CloseIcon>
100
+ </button>
101
+ </ForwardRef(Base)>
102
+ </ForwardRef(Button)>
103
+ </ForwardRef(CloseButton)>
104
+ `;
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["className", "children"];
3
+ var _excluded = ["label", "className", "children"];
4
4
  import React from 'react';
5
5
  import clsx from 'clsx';
6
6
  import Button from '@digigov/react-core/Button';
@@ -12,7 +12,8 @@ var _ref2 = /*#__PURE__*/React.createElement(CloseIcon, null);
12
12
  * CloseButton is an <button> element. It can be used be inside the FilterSection component.
13
13
  */
14
14
  export var CloseButton = /*#__PURE__*/React.forwardRef(function CloseButton(_ref, ref) {
15
- var className = _ref.className,
15
+ var label = _ref.label,
16
+ className = _ref.className,
16
17
  children = _ref.children,
17
18
  props = _objectWithoutProperties(_ref, _excluded);
18
19
 
@@ -20,6 +21,6 @@ export var CloseButton = /*#__PURE__*/React.forwardRef(function CloseButton(_ref
20
21
  variant: "link",
21
22
  className: clsx(className, true && 'govgr-close-btn'),
22
23
  ref: ref
23
- }, props), children, _ref2);
24
+ }, props), label || children, _ref2);
24
25
  });
25
26
  export default CloseButton;
@@ -6,4 +6,12 @@ var _ref = /*#__PURE__*/React.createElement(CloseButton, null);
6
6
 
7
7
  it('renders the CloseButton', function () {
8
8
  expect(mount(_ref)).toMatchSnapshot();
9
+ });
10
+
11
+ var _ref2 = /*#__PURE__*/React.createElement(CloseButton, {
12
+ label: "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF"
13
+ });
14
+
15
+ it('renders the CloseButton with label prop', function () {
16
+ expect(mount(_ref2)).toMatchSnapshot();
9
17
  });
@@ -30,13 +30,18 @@ exports[`renders the Container with fullWidth prop 1`] = `
30
30
  <ForwardRef(Grid)
31
31
  className="govgr-container--full-width govgr-container"
32
32
  container={true}
33
+ spacing={
34
+ Object {
35
+ "sm": 12,
36
+ }
37
+ }
33
38
  >
34
39
  <ForwardRef(Base)
35
40
  as="div"
36
- className="govgr-container--full-width govgr-container govgr-grid"
41
+ className="govgr-container--full-width govgr-container govgr-gap-sm-12 govgr-grid"
37
42
  >
38
43
  <div
39
- className="govgr-container--full-width govgr-container govgr-grid"
44
+ className="govgr-container--full-width govgr-container govgr-gap-sm-12 govgr-grid"
40
45
  >
41
46
  hello
42
47
  </div>
@@ -50,13 +55,18 @@ exports[`renders the Container with no props 1`] = `
50
55
  <ForwardRef(Grid)
51
56
  className="govgr-container"
52
57
  container={true}
58
+ spacing={
59
+ Object {
60
+ "sm": 12,
61
+ }
62
+ }
53
63
  >
54
64
  <ForwardRef(Base)
55
65
  as="div"
56
- className="govgr-container govgr-grid"
66
+ className="govgr-container govgr-gap-sm-12 govgr-grid"
57
67
  >
58
68
  <div
59
- className="govgr-container govgr-grid"
69
+ className="govgr-container govgr-gap-sm-12 govgr-grid"
60
70
  >
61
71
  hello
62
72
  </div>
@@ -1,5 +1,26 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
+ exports[`renders the CopyToClipboardContainer with dense=true 1`] = `
4
+ <ForwardRef(CopyToClipboardContainer)
5
+ dense={true}
6
+ >
7
+ <ForwardRef(Base)
8
+ as="div"
9
+ className="govgr-copy-to-clipboard"
10
+ >
11
+ <div
12
+ className="govgr-copy-to-clipboard"
13
+ >
14
+ <div
15
+ className="govgr-copy-to-clipboard__tooltip--right govgr-copy-to-clipboard__tooltip--dense govgr-copy-to-clipboard__tooltip"
16
+ >
17
+ Text copied!
18
+ </div>
19
+ </div>
20
+ </ForwardRef(Base)>
21
+ </ForwardRef(CopyToClipboardContainer)>
22
+ `;
23
+
3
24
  exports[`renders the CopyToClipboardContainer with no props 1`] = `
4
25
  <ForwardRef(CopyToClipboardContainer)>
5
26
  <ForwardRef(Base)
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["variant", "tooltipAlign", "className", "children"];
3
+ var _excluded = ["variant", "tooltipAlign", "className", "dense", "children"];
4
4
  import React from 'react';
5
5
  import clsx from 'clsx';
6
6
  import Base from '@digigov/react-core/Base';
@@ -14,6 +14,7 @@ export var CopyToClipboardContainer = /*#__PURE__*/React.forwardRef(function Cop
14
14
  _ref$tooltipAlign = _ref.tooltipAlign,
15
15
  tooltipAlign = _ref$tooltipAlign === void 0 ? 'right' : _ref$tooltipAlign,
16
16
  className = _ref.className,
17
+ dense = _ref.dense,
17
18
  children = _ref.children,
18
19
  props = _objectWithoutProperties(_ref, _excluded);
19
20
 
@@ -23,7 +24,7 @@ export var CopyToClipboardContainer = /*#__PURE__*/React.forwardRef(function Cop
23
24
  }, props, {
24
25
  className: clsx(className, true && 'govgr-copy-to-clipboard')
25
26
  }, props), /*#__PURE__*/React.createElement("div", {
26
- className: clsx(className, variant === 'tooltip' && [tooltipAlign === 'right' && 'govgr-copy-to-clipboard__tooltip--right', tooltipAlign === 'left' && 'govgr-copy-to-clipboard__tooltip--left', 'govgr-copy-to-clipboard__tooltip'], variant === 'banner' && 'govgr-copy-to-clipboard__banner')
27
+ className: clsx(className, variant === 'tooltip' && [tooltipAlign === 'right' && 'govgr-copy-to-clipboard__tooltip--right', tooltipAlign === 'left' && 'govgr-copy-to-clipboard__tooltip--left', dense && 'govgr-copy-to-clipboard__tooltip--dense', 'govgr-copy-to-clipboard__tooltip'], variant === 'banner' && 'govgr-copy-to-clipboard__banner')
27
28
  }, children));
28
29
  });
29
30
  export default CopyToClipboardContainer;
@@ -23,4 +23,12 @@ var _ref3 = /*#__PURE__*/React.createElement(CopyToClipboardContainer, {
23
23
 
24
24
  it('renders the CopyToClipboardContainer with variant=banner', function () {
25
25
  expect(mount(_ref3)).toMatchSnapshot();
26
+ });
27
+
28
+ var _ref4 = /*#__PURE__*/React.createElement(CopyToClipboardContainer, {
29
+ dense: true
30
+ }, "Text copied!");
31
+
32
+ it('renders the CopyToClipboardContainer with dense=true', function () {
33
+ expect(mount(_ref4)).toMatchSnapshot();
26
34
  });
@@ -1,5 +1,22 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
+ exports[`renders the DateInputContainer with dense prop 1`] = `
4
+ <ForwardRef(DateInputContainer)
5
+ dense={true}
6
+ >
7
+ <ForwardRef(Base)
8
+ as="div"
9
+ className="govgr-date-input--dense govgr-date-input"
10
+ >
11
+ <div
12
+ className="govgr-date-input--dense govgr-date-input"
13
+ >
14
+ hello
15
+ </div>
16
+ </ForwardRef(Base)>
17
+ </ForwardRef(DateInputContainer)>
18
+ `;
19
+
3
20
  exports[`renders the DateInputContainer with no props 1`] = `
4
21
  <ForwardRef(DateInputContainer)>
5
22
  <ForwardRef(Base)
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["className", "children"];
3
+ var _excluded = ["dense", "className", "children"];
4
4
  import React from 'react';
5
5
  import clsx from 'clsx';
6
6
  import Base from '@digigov/react-core/Base';
@@ -12,14 +12,15 @@ import Base from '@digigov/react-core/Base';
12
12
  *
13
13
  */
14
14
  export var DateInputContainer = /*#__PURE__*/React.forwardRef(function DateInputContainer(_ref, ref) {
15
- var className = _ref.className,
15
+ var dense = _ref.dense,
16
+ className = _ref.className,
16
17
  children = _ref.children,
17
18
  props = _objectWithoutProperties(_ref, _excluded);
18
19
 
19
20
  return /*#__PURE__*/React.createElement(Base, _extends({
20
21
  as: "div",
21
22
  ref: ref,
22
- className: clsx(className, true && 'govgr-date-input')
23
+ className: clsx(className, dense && 'govgr-date-input--dense', true && 'govgr-date-input')
23
24
  }, props), children);
24
25
  });
25
26
  export default DateInputContainer;
@@ -6,4 +6,12 @@ var _ref = /*#__PURE__*/React.createElement(DateInputContainer, null, "hello");
6
6
 
7
7
  it('renders the DateInputContainer with no props', function () {
8
8
  expect(mount(_ref)).toMatchSnapshot();
9
+ });
10
+
11
+ var _ref2 = /*#__PURE__*/React.createElement(DateInputContainer, {
12
+ dense: true
13
+ }, "hello");
14
+
15
+ it('renders the DateInputContainer with dense prop', function () {
16
+ expect(mount(_ref2)).toMatchSnapshot();
9
17
  });
@@ -1,5 +1,44 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
+ exports[`renders the ErrorSummary with dense=true 1`] = `
4
+ <ForwardRef(ErrorSummary)
5
+ dense={true}
6
+ >
7
+ <ForwardRef(NotificationBannerContainer)
8
+ dense={true}
9
+ variant="error"
10
+ >
11
+ <ForwardRef(Base)
12
+ aria-labelledby="govgr-notification-banner-title"
13
+ as="div"
14
+ className="govgr-notification-banner--error govgr-notification-banner--dense govgr-notification-banner"
15
+ data-module="govgr-notification-banner"
16
+ role="region"
17
+ >
18
+ <div
19
+ aria-labelledby="govgr-notification-banner-title"
20
+ className="govgr-notification-banner--error govgr-notification-banner--dense govgr-notification-banner"
21
+ data-module="govgr-notification-banner"
22
+ role="region"
23
+ >
24
+ <ForwardRef(NotificationBannerContent)>
25
+ <ForwardRef(Base)
26
+ as="div"
27
+ className="govgr-notification-banner__content"
28
+ >
29
+ <div
30
+ className="govgr-notification-banner__content"
31
+ >
32
+ hello
33
+ </div>
34
+ </ForwardRef(Base)>
35
+ </ForwardRef(NotificationBannerContent)>
36
+ </div>
37
+ </ForwardRef(Base)>
38
+ </ForwardRef(NotificationBannerContainer)>
39
+ </ForwardRef(ErrorSummary)>
40
+ `;
41
+
3
42
  exports[`renders the ErrorSummary with no props 1`] = `
4
43
  <ForwardRef(ErrorSummary)>
5
44
  <ForwardRef(NotificationBannerContainer)
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["className", "children"];
3
+ var _excluded = ["className", "dense", "children"];
4
4
  import React from 'react';
5
5
  import NotificationBannerContainer from '@digigov/react-core/NotificationBannerContainer';
6
6
  import NotificationBannerContent from '@digigov/react-core/NotificationBannerContent';
@@ -10,13 +10,15 @@ import NotificationBannerContent from '@digigov/react-core/NotificationBannerCon
10
10
  */
11
11
  export var ErrorSummary = /*#__PURE__*/React.forwardRef(function ErrorSummary(_ref, ref) {
12
12
  var className = _ref.className,
13
+ dense = _ref.dense,
13
14
  children = _ref.children,
14
15
  props = _objectWithoutProperties(_ref, _excluded);
15
16
 
16
17
  return /*#__PURE__*/React.createElement(NotificationBannerContainer, _extends({
17
18
  variant: 'error',
18
19
  className: className,
19
- ref: ref
20
+ ref: ref,
21
+ dense: dense
20
22
  }, props), /*#__PURE__*/React.createElement(NotificationBannerContent, null, children));
21
23
  });
22
24
  export default ErrorSummary;
@@ -6,4 +6,12 @@ var _ref = /*#__PURE__*/React.createElement(ErrorSummary, null, "hello");
6
6
 
7
7
  it('renders the ErrorSummary with no props', function () {
8
8
  expect(mount(_ref)).toMatchSnapshot();
9
+ });
10
+
11
+ var _ref2 = /*#__PURE__*/React.createElement(ErrorSummary, {
12
+ dense: true
13
+ }, "hello");
14
+
15
+ it('renders the ErrorSummary with dense=true', function () {
16
+ expect(mount(_ref2)).toMatchSnapshot();
9
17
  });
@@ -8,10 +8,11 @@ exports[`renders the Hint with variant and src props 1`] = `
8
8
  <ForwardRef(Base)
9
9
  as="img"
10
10
  className="govgr-image-logo--dark"
11
+ printHidden={true}
11
12
  src="logo.png"
12
13
  >
13
14
  <img
14
- className="govgr-image-logo--dark"
15
+ className="govgr-image-logo--dark govgr-print-hidden"
15
16
  src="logo.png"
16
17
  />
17
18
  </ForwardRef(Base)>
@@ -24,11 +25,12 @@ exports[`renders the Hint with src prop 1`] = `
24
25
  >
25
26
  <ForwardRef(Base)
26
27
  as="img"
27
- className="govgr-image-logo--light"
28
+ className="govgr-image-logo"
29
+ printHidden={true}
28
30
  src="logo.png"
29
31
  >
30
32
  <img
31
- className="govgr-image-logo--light"
33
+ className="govgr-image-logo govgr-print-hidden"
32
34
  src="logo.png"
33
35
  />
34
36
  </ForwardRef(Base)>
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["className", "children", "open"];
3
+ var _excluded = ["className", "children", "open", "dense"];
4
4
  import React from 'react';
5
5
  import clsx from 'clsx';
6
6
  import Base from '@digigov/react-core/Base';
@@ -15,12 +15,13 @@ export var ModalContainer = /*#__PURE__*/React.forwardRef(function ModalContaine
15
15
  var className = _ref.className,
16
16
  children = _ref.children,
17
17
  open = _ref.open,
18
+ dense = _ref.dense,
18
19
  props = _objectWithoutProperties(_ref, _excluded);
19
20
 
20
21
  return /*#__PURE__*/React.createElement(Base, _extends({
21
22
  as: "div",
22
23
  ref: ref,
23
- className: clsx(className, true && 'govgr-modal', open && 'govgr-modal--open')
24
+ className: clsx(className, dense && 'govgr-modal--dense', true && 'govgr-modal', open && 'govgr-modal--open')
24
25
  }, props), /*#__PURE__*/React.createElement("div", {
25
26
  className: clsx(true && 'govgr-modal__body')
26
27
  }, /*#__PURE__*/React.createElement("div", {