@digigov/react-core 0.4.0 → 0.5.2

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 (119) hide show
  1. package/Button/index.d.ts +5 -1
  2. package/Button/index.js +4 -2
  3. package/CHANGELOG.md +33 -1
  4. package/CheckboxConditional/__snapshots__/index.test.tsx.snap +2 -11
  5. package/CheckboxConditional/index.d.ts +1 -1
  6. package/CheckboxConditional/index.js +2 -6
  7. package/CheckboxItem/__snapshots__/index.test.tsx.snap +14 -14
  8. package/CheckboxItem/index.d.ts +5 -5
  9. package/CheckboxItem/index.js +6 -6
  10. package/DateInputItem/__snapshots__/index.test.tsx.snap +37 -13
  11. package/DateInputItem/index.d.ts +12 -2
  12. package/DateInputItem/index.js +7 -4
  13. package/DateInputItem/index.test.js +9 -0
  14. package/Field/__snapshots__/index.test.tsx.snap +35 -0
  15. package/Field/index.d.ts +13 -0
  16. package/{FormGroup → Field}/index.js +6 -6
  17. package/{FormGroup → Field}/index.test.d.ts +0 -0
  18. package/Field/index.test.js +31 -0
  19. package/FieldsetLegend/__snapshots__/index.test.tsx.snap +102 -876
  20. package/FieldsetLegend/index.d.ts +4 -4
  21. package/FieldsetLegend/index.js +9 -8
  22. package/FieldsetLegend/index.test.js +48 -144
  23. package/FileUpload/index.d.ts +3 -3
  24. package/FileUpload/index.js +3 -3
  25. package/FooterImage/index.d.ts +1 -1
  26. package/GovGRLogo/index.js +1 -1
  27. package/Grid/index.d.ts +1 -1
  28. package/Header/index.js +1 -1
  29. package/HellenicRepublicLogo/index.d.ts +1 -1
  30. package/Hidden/index.d.ts +17 -0
  31. package/Hidden/index.js +47 -0
  32. package/Hidden/index.test.d.ts +1 -0
  33. package/Hidden/index.test.js +49 -0
  34. package/Label/index.d.ts +1 -6
  35. package/Label/index.js +3 -5
  36. package/LabelTitle/__snapshots__/index.test.tsx.snap +133 -0
  37. package/LabelTitle/index.d.ts +19 -0
  38. package/LabelTitle/index.js +41 -0
  39. package/LabelTitle/index.test.d.ts +1 -0
  40. package/LabelTitle/index.test.js +91 -0
  41. package/RadioConditional/__snapshots__/index.test.tsx.snap +39 -0
  42. package/RadioConditional/index.d.ts +15 -0
  43. package/RadioConditional/index.js +42 -0
  44. package/RadioConditional/index.test.d.ts +1 -0
  45. package/RadioConditional/index.test.js +23 -0
  46. package/RadioItem/__snapshots__/index.test.tsx.snap +20 -20
  47. package/RadioItem/index.d.ts +5 -5
  48. package/RadioItem/index.js +6 -6
  49. package/Select/index.d.ts +1 -1
  50. package/TextArea/index.d.ts +1 -1
  51. package/TextInput/index.d.ts +1 -1
  52. package/es/Button/index.js +4 -2
  53. package/es/CheckboxConditional/__snapshots__/index.test.tsx.snap +2 -11
  54. package/es/CheckboxConditional/index.js +2 -6
  55. package/es/CheckboxItem/__snapshots__/index.test.tsx.snap +14 -14
  56. package/es/CheckboxItem/index.js +6 -6
  57. package/es/DateInputItem/__snapshots__/index.test.tsx.snap +37 -13
  58. package/es/DateInputItem/index.js +7 -4
  59. package/es/DateInputItem/index.test.js +9 -0
  60. package/es/Field/__snapshots__/index.test.tsx.snap +35 -0
  61. package/es/{FormGroup → Field}/index.js +4 -4
  62. package/es/Field/index.test.js +25 -0
  63. package/es/FieldsetLegend/__snapshots__/index.test.tsx.snap +102 -876
  64. package/es/FieldsetLegend/index.js +9 -8
  65. package/es/FieldsetLegend/index.test.js +48 -139
  66. package/es/FileUpload/index.js +3 -3
  67. package/es/GovGRLogo/index.js +1 -1
  68. package/es/Header/index.js +1 -1
  69. package/es/Hidden/index.js +32 -0
  70. package/es/Hidden/index.test.js +43 -0
  71. package/es/Label/index.js +3 -5
  72. package/es/LabelTitle/__snapshots__/index.test.tsx.snap +133 -0
  73. package/es/LabelTitle/index.js +26 -0
  74. package/es/LabelTitle/index.test.js +85 -0
  75. package/es/RadioConditional/__snapshots__/index.test.tsx.snap +39 -0
  76. package/es/RadioConditional/index.js +27 -0
  77. package/es/RadioConditional/index.test.js +17 -0
  78. package/es/RadioItem/__snapshots__/index.test.tsx.snap +20 -20
  79. package/es/RadioItem/index.js +6 -6
  80. package/es/index.js +4 -1
  81. package/esm/Button/index.js +4 -2
  82. package/esm/CheckboxConditional/__snapshots__/index.test.tsx.snap +2 -11
  83. package/esm/CheckboxConditional/index.js +2 -6
  84. package/esm/CheckboxItem/__snapshots__/index.test.tsx.snap +14 -14
  85. package/esm/CheckboxItem/index.js +6 -6
  86. package/esm/DateInputItem/__snapshots__/index.test.tsx.snap +37 -13
  87. package/esm/DateInputItem/index.js +7 -4
  88. package/esm/DateInputItem/index.test.js +9 -0
  89. package/esm/Field/__snapshots__/index.test.tsx.snap +35 -0
  90. package/esm/{FormGroup → Field}/index.js +4 -4
  91. package/esm/Field/index.test.js +25 -0
  92. package/esm/FieldsetLegend/__snapshots__/index.test.tsx.snap +102 -876
  93. package/esm/FieldsetLegend/index.js +9 -8
  94. package/esm/FieldsetLegend/index.test.js +48 -139
  95. package/esm/FileUpload/index.js +3 -3
  96. package/esm/GovGRLogo/index.js +1 -1
  97. package/esm/Header/index.js +1 -1
  98. package/esm/Hidden/index.js +32 -0
  99. package/esm/Hidden/index.test.js +43 -0
  100. package/esm/Label/index.js +3 -5
  101. package/esm/LabelTitle/__snapshots__/index.test.tsx.snap +133 -0
  102. package/esm/LabelTitle/index.js +26 -0
  103. package/esm/LabelTitle/index.test.js +85 -0
  104. package/esm/RadioConditional/__snapshots__/index.test.tsx.snap +39 -0
  105. package/esm/RadioConditional/index.js +27 -0
  106. package/esm/RadioConditional/index.test.js +17 -0
  107. package/esm/RadioItem/__snapshots__/index.test.tsx.snap +20 -20
  108. package/esm/RadioItem/index.js +6 -6
  109. package/esm/index.js +5 -2
  110. package/index.d.ts +4 -1
  111. package/index.js +31 -7
  112. package/package.json +2 -2
  113. package/FormGroup/__snapshots__/index.test.tsx.snap +0 -35
  114. package/FormGroup/index.d.ts +0 -13
  115. package/FormGroup/index.test.js +0 -31
  116. package/es/FormGroup/__snapshots__/index.test.tsx.snap +0 -35
  117. package/es/FormGroup/index.test.js +0 -25
  118. package/esm/FormGroup/__snapshots__/index.test.tsx.snap +0 -35
  119. package/esm/FormGroup/index.test.js +0 -25
@@ -1,907 +1,133 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`renders the FieldsetLegend with no props 1`] = `
4
- <ForwardRef(FormGroup)>
5
- <div
6
- className="govgr-form-group"
7
- >
8
- <ForwardRef(Fieldset)>
9
- <fieldset
10
- className="govgr-fieldset"
11
- >
12
- <ForwardRef(FieldsetLegend)>
13
- <legend
14
- className="govgr-fieldset__legend"
15
- >
16
- <h1
17
- className="govgr-heading-l"
18
- >
19
- This is FieldsetLegend with no props
20
- </h1>
21
- </legend>
22
- </ForwardRef(FieldsetLegend)>
23
- <ForwardRef(Checkbox)>
24
- <div
25
- className="govgr-checkboxes"
26
- >
27
- <ForwardRef(CheckboxItem)
28
- name="dim"
29
- value="dim"
30
- >
31
- <div
32
- className="govgr-checkboxes__item"
33
- >
34
- <input
35
- className="govgr-checkboxes__input"
36
- name="dim"
37
- type="checkbox"
38
- value="dim"
39
- />
40
- <label
41
- className="govgr-label govgr-checkboxes__label"
42
- >
43
- Δημήτρης
44
- </label>
45
- </div>
46
- </ForwardRef(CheckboxItem)>
47
- <ForwardRef(CheckboxItem)
48
- name="kat"
49
- value="kat"
50
- >
51
- <div
52
- className="govgr-checkboxes__item"
53
- >
54
- <input
55
- className="govgr-checkboxes__input"
56
- name="kat"
57
- type="checkbox"
58
- value="kat"
59
- />
60
- <label
61
- className="govgr-label govgr-checkboxes__label"
62
- >
63
- Κατερίνα
64
- </label>
65
- </div>
66
- </ForwardRef(CheckboxItem)>
67
- </div>
68
- </ForwardRef(Checkbox)>
69
- </fieldset>
70
- </ForwardRef(Fieldset)>
71
- </div>
72
- </ForwardRef(FormGroup)>
73
- `;
74
-
75
- exports[`renders the FieldsetLegend with no props and Hint 1`] = `
76
- <ForwardRef(FormGroup)>
77
- <div
78
- className="govgr-form-group"
3
+ exports[`renders the FieldsetLegend with heading and size l props 1`] = `
4
+ <ForwardRef(FieldsetLegend)
5
+ heading={true}
6
+ size="l"
7
+ >
8
+ <legend
9
+ aria-level={1}
10
+ className="govgr-heading-l govgr-fieldset__legend"
11
+ role="heading"
79
12
  >
80
- <ForwardRef(Fieldset)>
81
- <fieldset
82
- className="govgr-fieldset"
83
- >
84
- <ForwardRef(FieldsetLegend)>
85
- <legend
86
- className="govgr-fieldset__legend"
87
- >
88
- <h1
89
- className="govgr-heading-l"
90
- >
91
- This is FieldsetLegend with no props
92
- </h1>
93
- </legend>
94
- </ForwardRef(FieldsetLegend)>
95
- <ForwardRef(Hint)>
96
- <p
97
- className="govgr-hint"
98
- >
99
- This is a hint
100
- </p>
101
- </ForwardRef(Hint)>
102
- <ForwardRef(Checkbox)>
103
- <div
104
- className="govgr-checkboxes"
105
- >
106
- <ForwardRef(CheckboxItem)
107
- name="dim"
108
- value="dim"
109
- >
110
- <div
111
- className="govgr-checkboxes__item"
112
- >
113
- <input
114
- className="govgr-checkboxes__input"
115
- name="dim"
116
- type="checkbox"
117
- value="dim"
118
- />
119
- <label
120
- className="govgr-label govgr-checkboxes__label"
121
- >
122
- Δημήτρης
123
- </label>
124
- </div>
125
- </ForwardRef(CheckboxItem)>
126
- <ForwardRef(CheckboxItem)
127
- name="kat"
128
- value="kat"
129
- >
130
- <div
131
- className="govgr-checkboxes__item"
132
- >
133
- <input
134
- className="govgr-checkboxes__input"
135
- name="kat"
136
- type="checkbox"
137
- value="kat"
138
- />
139
- <label
140
- className="govgr-label govgr-checkboxes__label"
141
- >
142
- Κατερίνα
143
- </label>
144
- </div>
145
- </ForwardRef(CheckboxItem)>
146
- </div>
147
- </ForwardRef(Checkbox)>
148
- </fieldset>
149
- </ForwardRef(Fieldset)>
150
- </div>
151
- </ForwardRef(FormGroup)>
13
+ This is FieldsetLegend with no props
14
+ </legend>
15
+ </ForwardRef(FieldsetLegend)>
152
16
  `;
153
17
 
154
- exports[`renders the FieldsetLegend with singleFieldLegend=false 1`] = `
155
- <ForwardRef(FormGroup)>
156
- <div
157
- className="govgr-form-group"
18
+ exports[`renders the FieldsetLegend with heading and size m props 1`] = `
19
+ <ForwardRef(FieldsetLegend)
20
+ heading={true}
21
+ size="m"
22
+ >
23
+ <legend
24
+ aria-level={1}
25
+ className="govgr-heading-m govgr-fieldset__legend"
26
+ role="heading"
158
27
  >
159
- <ForwardRef(Fieldset)>
160
- <fieldset
161
- className="govgr-fieldset"
162
- >
163
- <ForwardRef(FieldsetLegend)
164
- singleFieldLegend={false}
165
- >
166
- <legend
167
- className="govgr-fieldset__legend"
168
- >
169
- This is FieldsetLegend with singleFieldLegend false
170
- </legend>
171
- </ForwardRef(FieldsetLegend)>
172
- <ForwardRef(Checkbox)>
173
- <div
174
- className="govgr-checkboxes"
175
- >
176
- <ForwardRef(CheckboxItem)
177
- name="dim"
178
- value="dim"
179
- >
180
- <div
181
- className="govgr-checkboxes__item"
182
- >
183
- <input
184
- className="govgr-checkboxes__input"
185
- name="dim"
186
- type="checkbox"
187
- value="dim"
188
- />
189
- <label
190
- className="govgr-label govgr-checkboxes__label"
191
- >
192
- Δημήτρης
193
- </label>
194
- </div>
195
- </ForwardRef(CheckboxItem)>
196
- <ForwardRef(CheckboxItem)
197
- name="kat"
198
- value="kat"
199
- >
200
- <div
201
- className="govgr-checkboxes__item"
202
- >
203
- <input
204
- className="govgr-checkboxes__input"
205
- name="kat"
206
- type="checkbox"
207
- value="kat"
208
- />
209
- <label
210
- className="govgr-label govgr-checkboxes__label"
211
- >
212
- Κατερίνα
213
- </label>
214
- </div>
215
- </ForwardRef(CheckboxItem)>
216
- </div>
217
- </ForwardRef(Checkbox)>
218
- </fieldset>
219
- </ForwardRef(Fieldset)>
220
- </div>
221
- </ForwardRef(FormGroup)>
28
+ This is FieldsetLegend with no props
29
+ </legend>
30
+ </ForwardRef(FieldsetLegend)>
222
31
  `;
223
32
 
224
- exports[`renders the FieldsetLegend with singleFieldLegend=false and Hint 1`] = `
225
- <ForwardRef(FormGroup)>
226
- <div
227
- className="govgr-form-group"
33
+ exports[`renders the FieldsetLegend with heading and size s props 1`] = `
34
+ <ForwardRef(FieldsetLegend)
35
+ heading={true}
36
+ size="s"
37
+ >
38
+ <legend
39
+ aria-level={1}
40
+ className="govgr-heading-s govgr-fieldset__legend"
41
+ role="heading"
228
42
  >
229
- <ForwardRef(Fieldset)>
230
- <fieldset
231
- className="govgr-fieldset"
232
- >
233
- <ForwardRef(FieldsetLegend)
234
- singleFieldLegend={false}
235
- >
236
- <legend
237
- className="govgr-fieldset__legend"
238
- >
239
- This is FieldsetLegend with singleFieldLegend false and size=m
240
- </legend>
241
- </ForwardRef(FieldsetLegend)>
242
- <ForwardRef(Hint)>
243
- <p
244
- className="govgr-hint"
245
- >
246
- This is a hint
247
- </p>
248
- </ForwardRef(Hint)>
249
- <ForwardRef(Checkbox)>
250
- <div
251
- className="govgr-checkboxes"
252
- >
253
- <ForwardRef(CheckboxItem)
254
- name="dim"
255
- value="dim"
256
- >
257
- <div
258
- className="govgr-checkboxes__item"
259
- >
260
- <input
261
- className="govgr-checkboxes__input"
262
- name="dim"
263
- type="checkbox"
264
- value="dim"
265
- />
266
- <label
267
- className="govgr-label govgr-checkboxes__label"
268
- >
269
- Δημήτρης
270
- </label>
271
- </div>
272
- </ForwardRef(CheckboxItem)>
273
- <ForwardRef(CheckboxItem)
274
- name="kat"
275
- value="kat"
276
- >
277
- <div
278
- className="govgr-checkboxes__item"
279
- >
280
- <input
281
- className="govgr-checkboxes__input"
282
- name="kat"
283
- type="checkbox"
284
- value="kat"
285
- />
286
- <label
287
- className="govgr-label govgr-checkboxes__label"
288
- >
289
- Κατερίνα
290
- </label>
291
- </div>
292
- </ForwardRef(CheckboxItem)>
293
- </div>
294
- </ForwardRef(Checkbox)>
295
- </fieldset>
296
- </ForwardRef(Fieldset)>
297
- </div>
298
- </ForwardRef(FormGroup)>
43
+ This is FieldsetLegend with no props
44
+ </legend>
45
+ </ForwardRef(FieldsetLegend)>
299
46
  `;
300
47
 
301
- exports[`renders the FieldsetLegend with singleFieldLegend=false and size=m 1`] = `
302
- <ForwardRef(FormGroup)>
303
- <div
304
- className="govgr-form-group"
48
+ exports[`renders the FieldsetLegend with heading and size xl props 1`] = `
49
+ <ForwardRef(FieldsetLegend)
50
+ heading={true}
51
+ size="xl"
52
+ >
53
+ <legend
54
+ aria-level={1}
55
+ className="govgr-heading-xl govgr-fieldset__legend"
56
+ role="heading"
305
57
  >
306
- <ForwardRef(Fieldset)>
307
- <fieldset
308
- className="govgr-fieldset"
309
- >
310
- <ForwardRef(FieldsetLegend)
311
- singleFieldLegend={false}
312
- size="m"
313
- >
314
- <legend
315
- className="govgr-fieldset__legend"
316
- >
317
- This is FieldsetLegend with singleFieldLegend false
318
- </legend>
319
- </ForwardRef(FieldsetLegend)>
320
- <ForwardRef(Checkbox)>
321
- <div
322
- className="govgr-checkboxes"
323
- >
324
- <ForwardRef(CheckboxItem)
325
- name="dim"
326
- value="dim"
327
- >
328
- <div
329
- className="govgr-checkboxes__item"
330
- >
331
- <input
332
- className="govgr-checkboxes__input"
333
- name="dim"
334
- type="checkbox"
335
- value="dim"
336
- />
337
- <label
338
- className="govgr-label govgr-checkboxes__label"
339
- >
340
- Δημήτρης
341
- </label>
342
- </div>
343
- </ForwardRef(CheckboxItem)>
344
- <ForwardRef(CheckboxItem)
345
- name="kat"
346
- value="kat"
347
- >
348
- <div
349
- className="govgr-checkboxes__item"
350
- >
351
- <input
352
- className="govgr-checkboxes__input"
353
- name="kat"
354
- type="checkbox"
355
- value="kat"
356
- />
357
- <label
358
- className="govgr-label govgr-checkboxes__label"
359
- >
360
- Κατερίνα
361
- </label>
362
- </div>
363
- </ForwardRef(CheckboxItem)>
364
- </div>
365
- </ForwardRef(Checkbox)>
366
- </fieldset>
367
- </ForwardRef(Fieldset)>
368
- </div>
369
- </ForwardRef(FormGroup)>
58
+ This is FieldsetLegend with no props
59
+ </legend>
60
+ </ForwardRef(FieldsetLegend)>
370
61
  `;
371
62
 
372
- exports[`renders the FieldsetLegend with singleFieldLegend=false and size=m and Hint 1`] = `
373
- <ForwardRef(FormGroup)>
374
- <div
375
- className="govgr-form-group"
63
+ exports[`renders the FieldsetLegend with heading props 1`] = `
64
+ <ForwardRef(FieldsetLegend)
65
+ heading={true}
66
+ >
67
+ <legend
68
+ aria-level={1}
69
+ className="govgr-heading-l govgr-fieldset__legend"
70
+ role="heading"
376
71
  >
377
- <ForwardRef(Fieldset)>
378
- <fieldset
379
- className="govgr-fieldset"
380
- >
381
- <ForwardRef(FieldsetLegend)
382
- singleFieldLegend={false}
383
- size="m"
384
- >
385
- <legend
386
- className="govgr-fieldset__legend"
387
- >
388
- This is FieldsetLegend with singleFieldLegend false and size=m
389
- </legend>
390
- </ForwardRef(FieldsetLegend)>
391
- <ForwardRef(Hint)>
392
- <p
393
- className="govgr-hint"
394
- >
395
- This is a hint
396
- </p>
397
- </ForwardRef(Hint)>
398
- <ForwardRef(Checkbox)>
399
- <div
400
- className="govgr-checkboxes"
401
- >
402
- <ForwardRef(CheckboxItem)
403
- name="dim"
404
- value="dim"
405
- >
406
- <div
407
- className="govgr-checkboxes__item"
408
- >
409
- <input
410
- className="govgr-checkboxes__input"
411
- name="dim"
412
- type="checkbox"
413
- value="dim"
414
- />
415
- <label
416
- className="govgr-label govgr-checkboxes__label"
417
- >
418
- Δημήτρης
419
- </label>
420
- </div>
421
- </ForwardRef(CheckboxItem)>
422
- <ForwardRef(CheckboxItem)
423
- name="kat"
424
- value="kat"
425
- >
426
- <div
427
- className="govgr-checkboxes__item"
428
- >
429
- <input
430
- className="govgr-checkboxes__input"
431
- name="kat"
432
- type="checkbox"
433
- value="kat"
434
- />
435
- <label
436
- className="govgr-label govgr-checkboxes__label"
437
- >
438
- Κατερίνα
439
- </label>
440
- </div>
441
- </ForwardRef(CheckboxItem)>
442
- </div>
443
- </ForwardRef(Checkbox)>
444
- </fieldset>
445
- </ForwardRef(Fieldset)>
446
- </div>
447
- </ForwardRef(FormGroup)>
72
+ This is FieldsetLegend with no props
73
+ </legend>
74
+ </ForwardRef(FieldsetLegend)>
448
75
  `;
449
76
 
450
- exports[`renders the FieldsetLegend with singleFieldLegend=false and size=s 1`] = `
451
- <ForwardRef(FormGroup)>
452
- <div
453
- className="govgr-form-group"
454
- >
455
- <ForwardRef(Fieldset)>
456
- <fieldset
457
- className="govgr-fieldset"
458
- >
459
- <ForwardRef(FieldsetLegend)
460
- singleFieldLegend={false}
461
- size="s"
462
- >
463
- <legend
464
- className="govgr-fieldset__legend"
465
- >
466
- This is FieldsetLegend with singleFieldLegend false
467
- </legend>
468
- </ForwardRef(FieldsetLegend)>
469
- <ForwardRef(Checkbox)>
470
- <div
471
- className="govgr-checkboxes"
472
- >
473
- <ForwardRef(CheckboxItem)
474
- name="dim"
475
- value="dim"
476
- >
477
- <div
478
- className="govgr-checkboxes__item"
479
- >
480
- <input
481
- className="govgr-checkboxes__input"
482
- name="dim"
483
- type="checkbox"
484
- value="dim"
485
- />
486
- <label
487
- className="govgr-label govgr-checkboxes__label"
488
- >
489
- Δημήτρης
490
- </label>
491
- </div>
492
- </ForwardRef(CheckboxItem)>
493
- <ForwardRef(CheckboxItem)
494
- name="kat"
495
- value="kat"
496
- >
497
- <div
498
- className="govgr-checkboxes__item"
499
- >
500
- <input
501
- className="govgr-checkboxes__input"
502
- name="kat"
503
- type="checkbox"
504
- value="kat"
505
- />
506
- <label
507
- className="govgr-label govgr-checkboxes__label"
508
- >
509
- Κατερίνα
510
- </label>
511
- </div>
512
- </ForwardRef(CheckboxItem)>
513
- </div>
514
- </ForwardRef(Checkbox)>
515
- </fieldset>
516
- </ForwardRef(Fieldset)>
517
- </div>
518
- </ForwardRef(FormGroup)>
519
- `;
520
-
521
- exports[`renders the FieldsetLegend with singleFieldLegend=false and size=s and Hint 1`] = `
522
- <ForwardRef(FormGroup)>
523
- <div
524
- className="govgr-form-group"
77
+ exports[`renders the FieldsetLegend with no props 1`] = `
78
+ <ForwardRef(FieldsetLegend)>
79
+ <legend
80
+ className="govgr-heading-l govgr-fieldset__legend"
525
81
  >
526
- <ForwardRef(Fieldset)>
527
- <fieldset
528
- className="govgr-fieldset"
529
- >
530
- <ForwardRef(FieldsetLegend)
531
- singleFieldLegend={false}
532
- size="s"
533
- >
534
- <legend
535
- className="govgr-fieldset__legend"
536
- >
537
- This is FieldsetLegend with singleFieldLegend false and size=s
538
- </legend>
539
- </ForwardRef(FieldsetLegend)>
540
- <ForwardRef(Hint)>
541
- <p
542
- className="govgr-hint"
543
- >
544
- This is a hint
545
- </p>
546
- </ForwardRef(Hint)>
547
- <ForwardRef(Checkbox)>
548
- <div
549
- className="govgr-checkboxes"
550
- >
551
- <ForwardRef(CheckboxItem)
552
- name="dim"
553
- value="dim"
554
- >
555
- <div
556
- className="govgr-checkboxes__item"
557
- >
558
- <input
559
- className="govgr-checkboxes__input"
560
- name="dim"
561
- type="checkbox"
562
- value="dim"
563
- />
564
- <label
565
- className="govgr-label govgr-checkboxes__label"
566
- >
567
- Δημήτρης
568
- </label>
569
- </div>
570
- </ForwardRef(CheckboxItem)>
571
- <ForwardRef(CheckboxItem)
572
- name="kat"
573
- value="kat"
574
- >
575
- <div
576
- className="govgr-checkboxes__item"
577
- >
578
- <input
579
- className="govgr-checkboxes__input"
580
- name="kat"
581
- type="checkbox"
582
- value="kat"
583
- />
584
- <label
585
- className="govgr-label govgr-checkboxes__label"
586
- >
587
- Κατερίνα
588
- </label>
589
- </div>
590
- </ForwardRef(CheckboxItem)>
591
- </div>
592
- </ForwardRef(Checkbox)>
593
- </fieldset>
594
- </ForwardRef(Fieldset)>
595
- </div>
596
- </ForwardRef(FormGroup)>
82
+ This is FieldsetLegend with no props
83
+ </legend>
84
+ </ForwardRef(FieldsetLegend)>
597
85
  `;
598
86
 
599
- exports[`renders the FieldsetLegend with size=m 1`] = `
600
- <ForwardRef(FormGroup)>
601
- <div
602
- className="govgr-form-group"
87
+ exports[`renders the FieldsetLegend with size l props 1`] = `
88
+ <ForwardRef(FieldsetLegend)
89
+ size="l"
90
+ >
91
+ <legend
92
+ className="govgr-heading-l govgr-fieldset__legend"
603
93
  >
604
- <ForwardRef(Fieldset)>
605
- <fieldset
606
- className="govgr-fieldset"
607
- >
608
- <ForwardRef(FieldsetLegend)
609
- size="m"
610
- >
611
- <legend
612
- className="govgr-fieldset__legend"
613
- >
614
- <h1
615
- className="govgr-heading-m"
616
- >
617
- This is FieldsetLegend with singleFieldLegend false
618
- </h1>
619
- </legend>
620
- </ForwardRef(FieldsetLegend)>
621
- <ForwardRef(Checkbox)>
622
- <div
623
- className="govgr-checkboxes"
624
- >
625
- <ForwardRef(CheckboxItem)
626
- name="dim"
627
- value="dim"
628
- >
629
- <div
630
- className="govgr-checkboxes__item"
631
- >
632
- <input
633
- className="govgr-checkboxes__input"
634
- name="dim"
635
- type="checkbox"
636
- value="dim"
637
- />
638
- <label
639
- className="govgr-label govgr-checkboxes__label"
640
- >
641
- Δημήτρης
642
- </label>
643
- </div>
644
- </ForwardRef(CheckboxItem)>
645
- <ForwardRef(CheckboxItem)
646
- name="kat"
647
- value="kat"
648
- >
649
- <div
650
- className="govgr-checkboxes__item"
651
- >
652
- <input
653
- className="govgr-checkboxes__input"
654
- name="kat"
655
- type="checkbox"
656
- value="kat"
657
- />
658
- <label
659
- className="govgr-label govgr-checkboxes__label"
660
- >
661
- Κατερίνα
662
- </label>
663
- </div>
664
- </ForwardRef(CheckboxItem)>
665
- </div>
666
- </ForwardRef(Checkbox)>
667
- </fieldset>
668
- </ForwardRef(Fieldset)>
669
- </div>
670
- </ForwardRef(FormGroup)>
94
+ This is FieldsetLegend with no props
95
+ </legend>
96
+ </ForwardRef(FieldsetLegend)>
671
97
  `;
672
98
 
673
- exports[`renders the FieldsetLegend with size=m and Hint 1`] = `
674
- <ForwardRef(FormGroup)>
675
- <div
676
- className="govgr-form-group"
99
+ exports[`renders the FieldsetLegend with size m props 1`] = `
100
+ <ForwardRef(FieldsetLegend)
101
+ size="m"
102
+ >
103
+ <legend
104
+ className="govgr-heading-m govgr-fieldset__legend"
677
105
  >
678
- <ForwardRef(Fieldset)>
679
- <fieldset
680
- className="govgr-fieldset"
681
- >
682
- <ForwardRef(FieldsetLegend)
683
- size="m"
684
- >
685
- <legend
686
- className="govgr-fieldset__legend"
687
- >
688
- <h1
689
- className="govgr-heading-m"
690
- >
691
- This is FieldsetLegend with singleFieldLegend false
692
- </h1>
693
- </legend>
694
- </ForwardRef(FieldsetLegend)>
695
- <ForwardRef(Hint)>
696
- <p
697
- className="govgr-hint"
698
- >
699
- This is a hint
700
- </p>
701
- </ForwardRef(Hint)>
702
- <ForwardRef(Checkbox)>
703
- <div
704
- className="govgr-checkboxes"
705
- >
706
- <ForwardRef(CheckboxItem)
707
- name="dim"
708
- value="dim"
709
- >
710
- <div
711
- className="govgr-checkboxes__item"
712
- >
713
- <input
714
- className="govgr-checkboxes__input"
715
- name="dim"
716
- type="checkbox"
717
- value="dim"
718
- />
719
- <label
720
- className="govgr-label govgr-checkboxes__label"
721
- >
722
- Δημήτρης
723
- </label>
724
- </div>
725
- </ForwardRef(CheckboxItem)>
726
- <ForwardRef(CheckboxItem)
727
- name="kat"
728
- value="kat"
729
- >
730
- <div
731
- className="govgr-checkboxes__item"
732
- >
733
- <input
734
- className="govgr-checkboxes__input"
735
- name="kat"
736
- type="checkbox"
737
- value="kat"
738
- />
739
- <label
740
- className="govgr-label govgr-checkboxes__label"
741
- >
742
- Κατερίνα
743
- </label>
744
- </div>
745
- </ForwardRef(CheckboxItem)>
746
- </div>
747
- </ForwardRef(Checkbox)>
748
- </fieldset>
749
- </ForwardRef(Fieldset)>
750
- </div>
751
- </ForwardRef(FormGroup)>
106
+ This is FieldsetLegend with no props
107
+ </legend>
108
+ </ForwardRef(FieldsetLegend)>
752
109
  `;
753
110
 
754
- exports[`renders the FieldsetLegend with size=s 1`] = `
755
- <ForwardRef(FormGroup)>
756
- <div
757
- className="govgr-form-group"
111
+ exports[`renders the FieldsetLegend with size s props 1`] = `
112
+ <ForwardRef(FieldsetLegend)
113
+ size="s"
114
+ >
115
+ <legend
116
+ className="govgr-heading-s govgr-fieldset__legend"
758
117
  >
759
- <ForwardRef(Fieldset)>
760
- <fieldset
761
- className="govgr-fieldset"
762
- >
763
- <ForwardRef(FieldsetLegend)
764
- size="s"
765
- >
766
- <legend
767
- className="govgr-fieldset__legend"
768
- >
769
- <h1
770
- className="govgr-heading-s"
771
- >
772
- This is FieldsetLegend with singleFieldLegend false
773
- </h1>
774
- </legend>
775
- </ForwardRef(FieldsetLegend)>
776
- <ForwardRef(Checkbox)>
777
- <div
778
- className="govgr-checkboxes"
779
- >
780
- <ForwardRef(CheckboxItem)
781
- name="dim"
782
- value="dim"
783
- >
784
- <div
785
- className="govgr-checkboxes__item"
786
- >
787
- <input
788
- className="govgr-checkboxes__input"
789
- name="dim"
790
- type="checkbox"
791
- value="dim"
792
- />
793
- <label
794
- className="govgr-label govgr-checkboxes__label"
795
- >
796
- Δημήτρης
797
- </label>
798
- </div>
799
- </ForwardRef(CheckboxItem)>
800
- <ForwardRef(CheckboxItem)
801
- name="kat"
802
- value="kat"
803
- >
804
- <div
805
- className="govgr-checkboxes__item"
806
- >
807
- <input
808
- className="govgr-checkboxes__input"
809
- name="kat"
810
- type="checkbox"
811
- value="kat"
812
- />
813
- <label
814
- className="govgr-label govgr-checkboxes__label"
815
- >
816
- Κατερίνα
817
- </label>
818
- </div>
819
- </ForwardRef(CheckboxItem)>
820
- </div>
821
- </ForwardRef(Checkbox)>
822
- </fieldset>
823
- </ForwardRef(Fieldset)>
824
- </div>
825
- </ForwardRef(FormGroup)>
118
+ This is FieldsetLegend with no props
119
+ </legend>
120
+ </ForwardRef(FieldsetLegend)>
826
121
  `;
827
122
 
828
- exports[`renders the FieldsetLegend with size=s and Hint 1`] = `
829
- <ForwardRef(FormGroup)>
830
- <div
831
- className="govgr-form-group"
123
+ exports[`renders the FieldsetLegend with size xl props 1`] = `
124
+ <ForwardRef(FieldsetLegend)
125
+ size="xl"
126
+ >
127
+ <legend
128
+ className="govgr-heading-xl govgr-fieldset__legend"
832
129
  >
833
- <ForwardRef(Fieldset)>
834
- <fieldset
835
- className="govgr-fieldset"
836
- >
837
- <ForwardRef(FieldsetLegend)
838
- size="s"
839
- >
840
- <legend
841
- className="govgr-fieldset__legend"
842
- >
843
- <h1
844
- className="govgr-heading-s"
845
- >
846
- This is FieldsetLegend with singleFieldLegend false and size=s
847
- </h1>
848
- </legend>
849
- </ForwardRef(FieldsetLegend)>
850
- <ForwardRef(Hint)>
851
- <p
852
- className="govgr-hint"
853
- >
854
- This is a hint
855
- </p>
856
- </ForwardRef(Hint)>
857
- <ForwardRef(Checkbox)>
858
- <div
859
- className="govgr-checkboxes"
860
- >
861
- <ForwardRef(CheckboxItem)
862
- name="dim"
863
- value="dim"
864
- >
865
- <div
866
- className="govgr-checkboxes__item"
867
- >
868
- <input
869
- className="govgr-checkboxes__input"
870
- name="dim"
871
- type="checkbox"
872
- value="dim"
873
- />
874
- <label
875
- className="govgr-label govgr-checkboxes__label"
876
- >
877
- Δημήτρης
878
- </label>
879
- </div>
880
- </ForwardRef(CheckboxItem)>
881
- <ForwardRef(CheckboxItem)
882
- name="kat"
883
- value="kat"
884
- >
885
- <div
886
- className="govgr-checkboxes__item"
887
- >
888
- <input
889
- className="govgr-checkboxes__input"
890
- name="kat"
891
- type="checkbox"
892
- value="kat"
893
- />
894
- <label
895
- className="govgr-label govgr-checkboxes__label"
896
- >
897
- Κατερίνα
898
- </label>
899
- </div>
900
- </ForwardRef(CheckboxItem)>
901
- </div>
902
- </ForwardRef(Checkbox)>
903
- </fieldset>
904
- </ForwardRef(Fieldset)>
905
- </div>
906
- </ForwardRef(FormGroup)>
130
+ This is FieldsetLegend with no props
131
+ </legend>
132
+ </ForwardRef(FieldsetLegend)>
907
133
  `;