@zohodesk/dot 1.0.0-temp-210.1 → 1.0.0-temp-211

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 (55) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +5 -0
  3. package/es/ActionButton/__tests__/ActionButton.spec.js +353 -2
  4. package/es/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +2633 -1
  5. package/es/Drawer/Drawer.js +2 -10
  6. package/es/Drawer/__tests__/Content.spec.js +24 -0
  7. package/es/Drawer/__tests__/Drawer.spec.js +130 -4
  8. package/es/Drawer/__tests__/Footer.spec.js +34 -0
  9. package/es/Drawer/__tests__/Header.spec.js +173 -0
  10. package/es/Drawer/__tests__/__snapshots__/Content.spec.js.snap +127 -0
  11. package/es/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +535 -2
  12. package/es/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +1233 -0
  13. package/es/Drawer/__tests__/__snapshots__/Header.spec.js.snap +782 -0
  14. package/es/Drawer/props/defaultProps.js +1 -5
  15. package/es/Drawer/props/propTypes.js +1 -5
  16. package/es/FlipCard/__tests__/FlipCard.spec.js +606 -2
  17. package/es/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +6626 -1
  18. package/es/FreezeLayer/FreezeLayer.js +3 -11
  19. package/es/FreezeLayer/props/defaultProps.js +1 -5
  20. package/es/FreezeLayer/props/propTypes.js +1 -5
  21. package/es/Link/__tests__/Link.spec.js +123 -3
  22. package/es/Link/__tests__/__snapshots__/Link.spec.js.snap +142 -2
  23. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +8 -2
  24. package/es/list/ListStencils/ListStencils.js +7 -2
  25. package/es/list/ListStencils/__tests__/ListStencils.spec.js +9 -0
  26. package/es/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +46 -0
  27. package/es/list/ListStencils/props/propTypes.js +3 -1
  28. package/lib/ActionButton/__tests__/ActionButton.spec.js +354 -1
  29. package/lib/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +2633 -1
  30. package/lib/Drawer/Drawer.js +2 -10
  31. package/lib/Drawer/__tests__/Content.spec.js +35 -0
  32. package/lib/Drawer/__tests__/Drawer.spec.js +132 -5
  33. package/lib/Drawer/__tests__/Footer.spec.js +41 -0
  34. package/lib/Drawer/__tests__/Header.spec.js +192 -0
  35. package/lib/Drawer/__tests__/__snapshots__/Content.spec.js.snap +127 -0
  36. package/lib/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +535 -2
  37. package/lib/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +1233 -0
  38. package/lib/Drawer/__tests__/__snapshots__/Header.spec.js.snap +782 -0
  39. package/lib/Drawer/props/defaultProps.js +1 -5
  40. package/lib/Drawer/props/propTypes.js +1 -5
  41. package/lib/FlipCard/__tests__/FlipCard.spec.js +613 -1
  42. package/lib/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +6626 -1
  43. package/lib/FreezeLayer/FreezeLayer.js +3 -11
  44. package/lib/FreezeLayer/props/defaultProps.js +1 -5
  45. package/lib/FreezeLayer/props/propTypes.js +1 -5
  46. package/lib/Link/__tests__/Link.spec.js +130 -4
  47. package/lib/Link/__tests__/__snapshots__/Link.spec.js.snap +142 -2
  48. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +12 -6
  49. package/lib/list/ListStencils/ListStencils.js +8 -2
  50. package/lib/list/ListStencils/__tests__/ListStencils.spec.js +9 -0
  51. package/lib/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +46 -0
  52. package/lib/list/ListStencils/props/propTypes.js +3 -1
  53. package/package.json +6 -6
  54. package/result.json +1 -0
  55. package/unittest/index.html +45 -0
package/es/Drawer/__tests__/__snapshots__/Footer.spec.js.snap ADDED
@@ -0,0 +1,1233 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Footer Component Snapshots renders Footer with size - default 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ class="wrapperDiv"
7
+ data-selector-id="formAction"
8
+ >
9
+ <div
10
+ class="footerParent undefined
11
+
12
+ undefined
13
+ flex rowdir"
14
+ data-id="containerComponent"
15
+ data-selector-id="container"
16
+ data-test-id="containerComponent"
17
+ >
18
+ <div
19
+ class="shrinkOn"
20
+ data-id="boxComponent"
21
+ data-selector-id="box"
22
+ data-test-id="boxComponent"
23
+ >
24
+ Footer Content
25
+ </div>
26
+ </div>
27
+ </div>
28
+ </DocumentFragment>
29
+ `;
30
+
31
+ exports[`Footer Component Snapshots renders Footer with size - default and all variants 1`] = `
32
+ <DocumentFragment>
33
+ <div
34
+ class="wrapperDiv"
35
+ data-selector-id="formAction"
36
+ >
37
+ <div
38
+ class="footerParent undefined
39
+
40
+ undefined
41
+ flex rowdir"
42
+ data-id="containerComponent"
43
+ data-selector-id="container"
44
+ data-test-id="containerComponent"
45
+ >
46
+ <div
47
+ class="shrinkOn"
48
+ data-id="boxComponent"
49
+ data-selector-id="box"
50
+ data-test-id="boxComponent"
51
+ >
52
+ Footer Content
53
+ </div>
54
+ </div>
55
+ </div>
56
+ </DocumentFragment>
57
+ `;
58
+
59
+ exports[`Footer Component Snapshots renders Footer with size - default and all variants 2`] = `
60
+ <DocumentFragment>
61
+ <div
62
+ class="wrapperDiv"
63
+ data-selector-id="formAction"
64
+ >
65
+ <div
66
+ class="footerParent undefined
67
+
68
+ undefined
69
+ flex rowdir"
70
+ data-id="containerComponent"
71
+ data-selector-id="container"
72
+ data-test-id="containerComponent"
73
+ >
74
+ <div
75
+ class="shrinkOn"
76
+ data-id="boxComponent"
77
+ data-selector-id="box"
78
+ data-test-id="boxComponent"
79
+ >
80
+ Footer Content
81
+ </div>
82
+ </div>
83
+ </div>
84
+ </DocumentFragment>
85
+ `;
86
+
87
+ exports[`Footer Component Snapshots renders Footer with size - default and all variants 3`] = `
88
+ <DocumentFragment>
89
+ <div
90
+ class="wrapperDiv"
91
+ data-selector-id="formAction"
92
+ >
93
+ <div
94
+ class="footerParent undefined
95
+
96
+ undefined
97
+ flex rowdir"
98
+ data-id="containerComponent"
99
+ data-selector-id="container"
100
+ data-test-id="containerComponent"
101
+ >
102
+ <div
103
+ class="shrinkOn"
104
+ data-id="boxComponent"
105
+ data-selector-id="box"
106
+ data-test-id="boxComponent"
107
+ >
108
+ Footer Content
109
+ </div>
110
+ </div>
111
+ </div>
112
+ </DocumentFragment>
113
+ `;
114
+
115
+ exports[`Footer Component Snapshots renders Footer with size - default and all variants 4`] = `
116
+ <DocumentFragment>
117
+ <div
118
+ class="wrapperDiv"
119
+ data-selector-id="formAction"
120
+ >
121
+ <div
122
+ class="footerParent undefined
123
+
124
+ undefined
125
+ flex rowdir"
126
+ data-id="containerComponent"
127
+ data-selector-id="container"
128
+ data-test-id="containerComponent"
129
+ >
130
+ <div
131
+ class="shrinkOn"
132
+ data-id="boxComponent"
133
+ data-selector-id="box"
134
+ data-test-id="boxComponent"
135
+ >
136
+ Footer Content
137
+ </div>
138
+ </div>
139
+ </div>
140
+ </DocumentFragment>
141
+ `;
142
+
143
+ exports[`Footer Component Snapshots renders Footer with size - large 1`] = `
144
+ <DocumentFragment>
145
+ <div
146
+ class="wrapperDiv"
147
+ data-selector-id="formAction"
148
+ >
149
+ <div
150
+ class="footerParent largePadding
151
+
152
+ largeFooter
153
+ flex rowdir"
154
+ data-id="containerComponent"
155
+ data-selector-id="container"
156
+ data-test-id="containerComponent"
157
+ >
158
+ <div
159
+ class="shrinkOn"
160
+ data-id="boxComponent"
161
+ data-selector-id="box"
162
+ data-test-id="boxComponent"
163
+ >
164
+ Footer Content
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </DocumentFragment>
169
+ `;
170
+
171
+ exports[`Footer Component Snapshots renders Footer with size - large and all variants 1`] = `
172
+ <DocumentFragment>
173
+ <div
174
+ class="wrapperDiv"
175
+ data-selector-id="formAction"
176
+ >
177
+ <div
178
+ class="footerParent largePadding
179
+
180
+ largeFooter
181
+ flex rowdir"
182
+ data-id="containerComponent"
183
+ data-selector-id="container"
184
+ data-test-id="containerComponent"
185
+ >
186
+ <div
187
+ class="shrinkOn"
188
+ data-id="boxComponent"
189
+ data-selector-id="box"
190
+ data-test-id="boxComponent"
191
+ >
192
+ Footer Content
193
+ </div>
194
+ </div>
195
+ </div>
196
+ </DocumentFragment>
197
+ `;
198
+
199
+ exports[`Footer Component Snapshots renders Footer with size - large and all variants 2`] = `
200
+ <DocumentFragment>
201
+ <div
202
+ class="wrapperDiv"
203
+ data-selector-id="formAction"
204
+ >
205
+ <div
206
+ class="footerParent largePadding
207
+
208
+ largeFooter
209
+ flex rowdir"
210
+ data-id="containerComponent"
211
+ data-selector-id="container"
212
+ data-test-id="containerComponent"
213
+ >
214
+ <div
215
+ class="shrinkOn"
216
+ data-id="boxComponent"
217
+ data-selector-id="box"
218
+ data-test-id="boxComponent"
219
+ >
220
+ Footer Content
221
+ </div>
222
+ </div>
223
+ </div>
224
+ </DocumentFragment>
225
+ `;
226
+
227
+ exports[`Footer Component Snapshots renders Footer with size - large and all variants 3`] = `
228
+ <DocumentFragment>
229
+ <div
230
+ class="wrapperDiv"
231
+ data-selector-id="formAction"
232
+ >
233
+ <div
234
+ class="footerParent largePadding
235
+
236
+ largeFooter
237
+ flex rowdir"
238
+ data-id="containerComponent"
239
+ data-selector-id="container"
240
+ data-test-id="containerComponent"
241
+ >
242
+ <div
243
+ class="shrinkOn"
244
+ data-id="boxComponent"
245
+ data-selector-id="box"
246
+ data-test-id="boxComponent"
247
+ >
248
+ Footer Content
249
+ </div>
250
+ </div>
251
+ </div>
252
+ </DocumentFragment>
253
+ `;
254
+
255
+ exports[`Footer Component Snapshots renders Footer with size - large and all variants 4`] = `
256
+ <DocumentFragment>
257
+ <div
258
+ class="wrapperDiv"
259
+ data-selector-id="formAction"
260
+ >
261
+ <div
262
+ class="footerParent largePadding
263
+
264
+ largeFooter
265
+ flex rowdir"
266
+ data-id="containerComponent"
267
+ data-selector-id="container"
268
+ data-test-id="containerComponent"
269
+ >
270
+ <div
271
+ class="shrinkOn"
272
+ data-id="boxComponent"
273
+ data-selector-id="box"
274
+ data-test-id="boxComponent"
275
+ >
276
+ Footer Content
277
+ </div>
278
+ </div>
279
+ </div>
280
+ </DocumentFragment>
281
+ `;
282
+
283
+ exports[`Footer Component Snapshots renders Footer with size - medium 1`] = `
284
+ <DocumentFragment>
285
+ <div
286
+ class="wrapperDiv"
287
+ data-selector-id="formAction"
288
+ >
289
+ <div
290
+ class="footerParent mediumPadding
291
+
292
+ mediumFooter
293
+ flex rowdir"
294
+ data-id="containerComponent"
295
+ data-selector-id="container"
296
+ data-test-id="containerComponent"
297
+ >
298
+ <div
299
+ class="shrinkOn"
300
+ data-id="boxComponent"
301
+ data-selector-id="box"
302
+ data-test-id="boxComponent"
303
+ >
304
+ Footer Content
305
+ </div>
306
+ </div>
307
+ </div>
308
+ </DocumentFragment>
309
+ `;
310
+
311
+ exports[`Footer Component Snapshots renders Footer with size - medium and all variants 1`] = `
312
+ <DocumentFragment>
313
+ <div
314
+ class="wrapperDiv"
315
+ data-selector-id="formAction"
316
+ >
317
+ <div
318
+ class="footerParent mediumPadding
319
+
320
+ mediumFooter
321
+ flex rowdir"
322
+ data-id="containerComponent"
323
+ data-selector-id="container"
324
+ data-test-id="containerComponent"
325
+ >
326
+ <div
327
+ class="shrinkOn"
328
+ data-id="boxComponent"
329
+ data-selector-id="box"
330
+ data-test-id="boxComponent"
331
+ >
332
+ Footer Content
333
+ </div>
334
+ </div>
335
+ </div>
336
+ </DocumentFragment>
337
+ `;
338
+
339
+ exports[`Footer Component Snapshots renders Footer with size - medium and all variants 2`] = `
340
+ <DocumentFragment>
341
+ <div
342
+ class="wrapperDiv"
343
+ data-selector-id="formAction"
344
+ >
345
+ <div
346
+ class="footerParent mediumPadding
347
+
348
+ mediumFooter
349
+ flex rowdir"
350
+ data-id="containerComponent"
351
+ data-selector-id="container"
352
+ data-test-id="containerComponent"
353
+ >
354
+ <div
355
+ class="shrinkOn"
356
+ data-id="boxComponent"
357
+ data-selector-id="box"
358
+ data-test-id="boxComponent"
359
+ >
360
+ Footer Content
361
+ </div>
362
+ </div>
363
+ </div>
364
+ </DocumentFragment>
365
+ `;
366
+
367
+ exports[`Footer Component Snapshots renders Footer with size - medium and all variants 3`] = `
368
+ <DocumentFragment>
369
+ <div
370
+ class="wrapperDiv"
371
+ data-selector-id="formAction"
372
+ >
373
+ <div
374
+ class="footerParent mediumPadding
375
+
376
+ mediumFooter
377
+ flex rowdir"
378
+ data-id="containerComponent"
379
+ data-selector-id="container"
380
+ data-test-id="containerComponent"
381
+ >
382
+ <div
383
+ class="shrinkOn"
384
+ data-id="boxComponent"
385
+ data-selector-id="box"
386
+ data-test-id="boxComponent"
387
+ >
388
+ Footer Content
389
+ </div>
390
+ </div>
391
+ </div>
392
+ </DocumentFragment>
393
+ `;
394
+
395
+ exports[`Footer Component Snapshots renders Footer with size - medium and all variants 4`] = `
396
+ <DocumentFragment>
397
+ <div
398
+ class="wrapperDiv"
399
+ data-selector-id="formAction"
400
+ >
401
+ <div
402
+ class="footerParent mediumPadding
403
+
404
+ mediumFooter
405
+ flex rowdir"
406
+ data-id="containerComponent"
407
+ data-selector-id="container"
408
+ data-test-id="containerComponent"
409
+ >
410
+ <div
411
+ class="shrinkOn"
412
+ data-id="boxComponent"
413
+ data-selector-id="box"
414
+ data-test-id="boxComponent"
415
+ >
416
+ Footer Content
417
+ </div>
418
+ </div>
419
+ </div>
420
+ </DocumentFragment>
421
+ `;
422
+
423
+ exports[`Footer Component Snapshots renders Footer with size - small 1`] = `
424
+ <DocumentFragment>
425
+ <div
426
+ class="wrapperDiv"
427
+ data-selector-id="formAction"
428
+ >
429
+ <div
430
+ class="footerParent smallPadding
431
+
432
+ smallFooter
433
+ flex rowdir"
434
+ data-id="containerComponent"
435
+ data-selector-id="container"
436
+ data-test-id="containerComponent"
437
+ >
438
+ <div
439
+ class="shrinkOn"
440
+ data-id="boxComponent"
441
+ data-selector-id="box"
442
+ data-test-id="boxComponent"
443
+ >
444
+ Footer Content
445
+ </div>
446
+ </div>
447
+ </div>
448
+ </DocumentFragment>
449
+ `;
450
+
451
+ exports[`Footer Component Snapshots renders Footer with size - small and all variants 1`] = `
452
+ <DocumentFragment>
453
+ <div
454
+ class="wrapperDiv"
455
+ data-selector-id="formAction"
456
+ >
457
+ <div
458
+ class="footerParent smallPadding
459
+
460
+ smallFooter
461
+ flex rowdir"
462
+ data-id="containerComponent"
463
+ data-selector-id="container"
464
+ data-test-id="containerComponent"
465
+ >
466
+ <div
467
+ class="shrinkOn"
468
+ data-id="boxComponent"
469
+ data-selector-id="box"
470
+ data-test-id="boxComponent"
471
+ >
472
+ Footer Content
473
+ </div>
474
+ </div>
475
+ </div>
476
+ </DocumentFragment>
477
+ `;
478
+
479
+ exports[`Footer Component Snapshots renders Footer with size - small and all variants 2`] = `
480
+ <DocumentFragment>
481
+ <div
482
+ class="wrapperDiv"
483
+ data-selector-id="formAction"
484
+ >
485
+ <div
486
+ class="footerParent smallPadding
487
+
488
+ smallFooter
489
+ flex rowdir"
490
+ data-id="containerComponent"
491
+ data-selector-id="container"
492
+ data-test-id="containerComponent"
493
+ >
494
+ <div
495
+ class="shrinkOn"
496
+ data-id="boxComponent"
497
+ data-selector-id="box"
498
+ data-test-id="boxComponent"
499
+ >
500
+ Footer Content
501
+ </div>
502
+ </div>
503
+ </div>
504
+ </DocumentFragment>
505
+ `;
506
+
507
+ exports[`Footer Component Snapshots renders Footer with size - small and all variants 3`] = `
508
+ <DocumentFragment>
509
+ <div
510
+ class="wrapperDiv"
511
+ data-selector-id="formAction"
512
+ >
513
+ <div
514
+ class="footerParent smallPadding
515
+
516
+ smallFooter
517
+ flex rowdir"
518
+ data-id="containerComponent"
519
+ data-selector-id="container"
520
+ data-test-id="containerComponent"
521
+ >
522
+ <div
523
+ class="shrinkOn"
524
+ data-id="boxComponent"
525
+ data-selector-id="box"
526
+ data-test-id="boxComponent"
527
+ >
528
+ Footer Content
529
+ </div>
530
+ </div>
531
+ </div>
532
+ </DocumentFragment>
533
+ `;
534
+
535
+ exports[`Footer Component Snapshots renders Footer with size - small and all variants 4`] = `
536
+ <DocumentFragment>
537
+ <div
538
+ class="wrapperDiv"
539
+ data-selector-id="formAction"
540
+ >
541
+ <div
542
+ class="footerParent smallPadding
543
+
544
+ smallFooter
545
+ flex rowdir"
546
+ data-id="containerComponent"
547
+ data-selector-id="container"
548
+ data-test-id="containerComponent"
549
+ >
550
+ <div
551
+ class="shrinkOn"
552
+ data-id="boxComponent"
553
+ data-selector-id="box"
554
+ data-test-id="boxComponent"
555
+ >
556
+ Footer Content
557
+ </div>
558
+ </div>
559
+ </div>
560
+ </DocumentFragment>
561
+ `;
562
+
563
+ exports[`Footer Component Snapshots renders Footer with size - xlarge 1`] = `
564
+ <DocumentFragment>
565
+ <div
566
+ class="wrapperDiv"
567
+ data-selector-id="formAction"
568
+ >
569
+ <div
570
+ class="footerParent undefined
571
+
572
+ undefined
573
+ flex rowdir"
574
+ data-id="containerComponent"
575
+ data-selector-id="container"
576
+ data-test-id="containerComponent"
577
+ >
578
+ <div
579
+ class="shrinkOn"
580
+ data-id="boxComponent"
581
+ data-selector-id="box"
582
+ data-test-id="boxComponent"
583
+ >
584
+ Footer Content
585
+ </div>
586
+ </div>
587
+ </div>
588
+ </DocumentFragment>
589
+ `;
590
+
591
+ exports[`Footer Component Snapshots renders Footer with size - xlarge and all variants 1`] = `
592
+ <DocumentFragment>
593
+ <div
594
+ class="wrapperDiv"
595
+ data-selector-id="formAction"
596
+ >
597
+ <div
598
+ class="footerParent undefined
599
+
600
+ undefined
601
+ flex rowdir"
602
+ data-id="containerComponent"
603
+ data-selector-id="container"
604
+ data-test-id="containerComponent"
605
+ >
606
+ <div
607
+ class="shrinkOn"
608
+ data-id="boxComponent"
609
+ data-selector-id="box"
610
+ data-test-id="boxComponent"
611
+ >
612
+ Footer Content
613
+ </div>
614
+ </div>
615
+ </div>
616
+ </DocumentFragment>
617
+ `;
618
+
619
+ exports[`Footer Component Snapshots renders Footer with size - xlarge and all variants 2`] = `
620
+ <DocumentFragment>
621
+ <div
622
+ class="wrapperDiv"
623
+ data-selector-id="formAction"
624
+ >
625
+ <div
626
+ class="footerParent undefined
627
+
628
+ undefined
629
+ flex rowdir"
630
+ data-id="containerComponent"
631
+ data-selector-id="container"
632
+ data-test-id="containerComponent"
633
+ >
634
+ <div
635
+ class="shrinkOn"
636
+ data-id="boxComponent"
637
+ data-selector-id="box"
638
+ data-test-id="boxComponent"
639
+ >
640
+ Footer Content
641
+ </div>
642
+ </div>
643
+ </div>
644
+ </DocumentFragment>
645
+ `;
646
+
647
+ exports[`Footer Component Snapshots renders Footer with size - xlarge and all variants 3`] = `
648
+ <DocumentFragment>
649
+ <div
650
+ class="wrapperDiv"
651
+ data-selector-id="formAction"
652
+ >
653
+ <div
654
+ class="footerParent undefined
655
+
656
+ undefined
657
+ flex rowdir"
658
+ data-id="containerComponent"
659
+ data-selector-id="container"
660
+ data-test-id="containerComponent"
661
+ >
662
+ <div
663
+ class="shrinkOn"
664
+ data-id="boxComponent"
665
+ data-selector-id="box"
666
+ data-test-id="boxComponent"
667
+ >
668
+ Footer Content
669
+ </div>
670
+ </div>
671
+ </div>
672
+ </DocumentFragment>
673
+ `;
674
+
675
+ exports[`Footer Component Snapshots renders Footer with size - xlarge and all variants 4`] = `
676
+ <DocumentFragment>
677
+ <div
678
+ class="wrapperDiv"
679
+ data-selector-id="formAction"
680
+ >
681
+ <div
682
+ class="footerParent undefined
683
+
684
+ undefined
685
+ flex rowdir"
686
+ data-id="containerComponent"
687
+ data-selector-id="container"
688
+ data-test-id="containerComponent"
689
+ >
690
+ <div
691
+ class="shrinkOn"
692
+ data-id="boxComponent"
693
+ data-selector-id="box"
694
+ data-test-id="boxComponent"
695
+ >
696
+ Footer Content
697
+ </div>
698
+ </div>
699
+ </div>
700
+ </DocumentFragment>
701
+ `;
702
+
703
+ exports[`Footer Component Snapshots renders Footer with size - xmedium 1`] = `
704
+ <DocumentFragment>
705
+ <div
706
+ class="wrapperDiv"
707
+ data-selector-id="formAction"
708
+ >
709
+ <div
710
+ class="footerParent xmediumPadding
711
+
712
+ undefined
713
+ flex rowdir"
714
+ data-id="containerComponent"
715
+ data-selector-id="container"
716
+ data-test-id="containerComponent"
717
+ >
718
+ <div
719
+ class="shrinkOn"
720
+ data-id="boxComponent"
721
+ data-selector-id="box"
722
+ data-test-id="boxComponent"
723
+ >
724
+ Footer Content
725
+ </div>
726
+ </div>
727
+ </div>
728
+ </DocumentFragment>
729
+ `;
730
+
731
+ exports[`Footer Component Snapshots renders Footer with size - xmedium and all variants 1`] = `
732
+ <DocumentFragment>
733
+ <div
734
+ class="wrapperDiv"
735
+ data-selector-id="formAction"
736
+ >
737
+ <div
738
+ class="footerParent xmediumPadding
739
+
740
+ undefined
741
+ flex rowdir"
742
+ data-id="containerComponent"
743
+ data-selector-id="container"
744
+ data-test-id="containerComponent"
745
+ >
746
+ <div
747
+ class="shrinkOn"
748
+ data-id="boxComponent"
749
+ data-selector-id="box"
750
+ data-test-id="boxComponent"
751
+ >
752
+ Footer Content
753
+ </div>
754
+ </div>
755
+ </div>
756
+ </DocumentFragment>
757
+ `;
758
+
759
+ exports[`Footer Component Snapshots renders Footer with size - xmedium and all variants 2`] = `
760
+ <DocumentFragment>
761
+ <div
762
+ class="wrapperDiv"
763
+ data-selector-id="formAction"
764
+ >
765
+ <div
766
+ class="footerParent xmediumPadding
767
+
768
+ undefined
769
+ flex rowdir"
770
+ data-id="containerComponent"
771
+ data-selector-id="container"
772
+ data-test-id="containerComponent"
773
+ >
774
+ <div
775
+ class="shrinkOn"
776
+ data-id="boxComponent"
777
+ data-selector-id="box"
778
+ data-test-id="boxComponent"
779
+ >
780
+ Footer Content
781
+ </div>
782
+ </div>
783
+ </div>
784
+ </DocumentFragment>
785
+ `;
786
+
787
+ exports[`Footer Component Snapshots renders Footer with size - xmedium and all variants 3`] = `
788
+ <DocumentFragment>
789
+ <div
790
+ class="wrapperDiv"
791
+ data-selector-id="formAction"
792
+ >
793
+ <div
794
+ class="footerParent xmediumPadding
795
+
796
+ undefined
797
+ flex rowdir"
798
+ data-id="containerComponent"
799
+ data-selector-id="container"
800
+ data-test-id="containerComponent"
801
+ >
802
+ <div
803
+ class="shrinkOn"
804
+ data-id="boxComponent"
805
+ data-selector-id="box"
806
+ data-test-id="boxComponent"
807
+ >
808
+ Footer Content
809
+ </div>
810
+ </div>
811
+ </div>
812
+ </DocumentFragment>
813
+ `;
814
+
815
+ exports[`Footer Component Snapshots renders Footer with size - xmedium and all variants 4`] = `
816
+ <DocumentFragment>
817
+ <div
818
+ class="wrapperDiv"
819
+ data-selector-id="formAction"
820
+ >
821
+ <div
822
+ class="footerParent xmediumPadding
823
+
824
+ undefined
825
+ flex rowdir"
826
+ data-id="containerComponent"
827
+ data-selector-id="container"
828
+ data-test-id="containerComponent"
829
+ >
830
+ <div
831
+ class="shrinkOn"
832
+ data-id="boxComponent"
833
+ data-selector-id="box"
834
+ data-test-id="boxComponent"
835
+ >
836
+ Footer Content
837
+ </div>
838
+ </div>
839
+ </div>
840
+ </DocumentFragment>
841
+ `;
842
+
843
+ exports[`Footer Component Snapshots renders Footer with size - xsmall 1`] = `
844
+ <DocumentFragment>
845
+ <div
846
+ class="wrapperDiv"
847
+ data-selector-id="formAction"
848
+ >
849
+ <div
850
+ class="footerParent xsmallPadding
851
+
852
+ undefined
853
+ flex rowdir"
854
+ data-id="containerComponent"
855
+ data-selector-id="container"
856
+ data-test-id="containerComponent"
857
+ >
858
+ <div
859
+ class="shrinkOn"
860
+ data-id="boxComponent"
861
+ data-selector-id="box"
862
+ data-test-id="boxComponent"
863
+ >
864
+ Footer Content
865
+ </div>
866
+ </div>
867
+ </div>
868
+ </DocumentFragment>
869
+ `;
870
+
871
+ exports[`Footer Component Snapshots renders Footer with size - xsmall and all variants 1`] = `
872
+ <DocumentFragment>
873
+ <div
874
+ class="wrapperDiv"
875
+ data-selector-id="formAction"
876
+ >
877
+ <div
878
+ class="footerParent xsmallPadding
879
+
880
+ undefined
881
+ flex rowdir"
882
+ data-id="containerComponent"
883
+ data-selector-id="container"
884
+ data-test-id="containerComponent"
885
+ >
886
+ <div
887
+ class="shrinkOn"
888
+ data-id="boxComponent"
889
+ data-selector-id="box"
890
+ data-test-id="boxComponent"
891
+ >
892
+ Footer Content
893
+ </div>
894
+ </div>
895
+ </div>
896
+ </DocumentFragment>
897
+ `;
898
+
899
+ exports[`Footer Component Snapshots renders Footer with size - xsmall and all variants 2`] = `
900
+ <DocumentFragment>
901
+ <div
902
+ class="wrapperDiv"
903
+ data-selector-id="formAction"
904
+ >
905
+ <div
906
+ class="footerParent xsmallPadding
907
+
908
+ undefined
909
+ flex rowdir"
910
+ data-id="containerComponent"
911
+ data-selector-id="container"
912
+ data-test-id="containerComponent"
913
+ >
914
+ <div
915
+ class="shrinkOn"
916
+ data-id="boxComponent"
917
+ data-selector-id="box"
918
+ data-test-id="boxComponent"
919
+ >
920
+ Footer Content
921
+ </div>
922
+ </div>
923
+ </div>
924
+ </DocumentFragment>
925
+ `;
926
+
927
+ exports[`Footer Component Snapshots renders Footer with size - xsmall and all variants 3`] = `
928
+ <DocumentFragment>
929
+ <div
930
+ class="wrapperDiv"
931
+ data-selector-id="formAction"
932
+ >
933
+ <div
934
+ class="footerParent xsmallPadding
935
+
936
+ undefined
937
+ flex rowdir"
938
+ data-id="containerComponent"
939
+ data-selector-id="container"
940
+ data-test-id="containerComponent"
941
+ >
942
+ <div
943
+ class="shrinkOn"
944
+ data-id="boxComponent"
945
+ data-selector-id="box"
946
+ data-test-id="boxComponent"
947
+ >
948
+ Footer Content
949
+ </div>
950
+ </div>
951
+ </div>
952
+ </DocumentFragment>
953
+ `;
954
+
955
+ exports[`Footer Component Snapshots renders Footer with size - xsmall and all variants 4`] = `
956
+ <DocumentFragment>
957
+ <div
958
+ class="wrapperDiv"
959
+ data-selector-id="formAction"
960
+ >
961
+ <div
962
+ class="footerParent xsmallPadding
963
+
964
+ undefined
965
+ flex rowdir"
966
+ data-id="containerComponent"
967
+ data-selector-id="container"
968
+ data-test-id="containerComponent"
969
+ >
970
+ <div
971
+ class="shrinkOn"
972
+ data-id="boxComponent"
973
+ data-selector-id="box"
974
+ data-test-id="boxComponent"
975
+ >
976
+ Footer Content
977
+ </div>
978
+ </div>
979
+ </div>
980
+ </DocumentFragment>
981
+ `;
982
+
983
+ exports[`Footer Component Snapshots renders Footer with size - xxlarge 1`] = `
984
+ <DocumentFragment>
985
+ <div
986
+ class="wrapperDiv"
987
+ data-selector-id="formAction"
988
+ >
989
+ <div
990
+ class="footerParent undefined
991
+
992
+ undefined
993
+ flex rowdir"
994
+ data-id="containerComponent"
995
+ data-selector-id="container"
996
+ data-test-id="containerComponent"
997
+ >
998
+ <div
999
+ class="shrinkOn"
1000
+ data-id="boxComponent"
1001
+ data-selector-id="box"
1002
+ data-test-id="boxComponent"
1003
+ >
1004
+ Footer Content
1005
+ </div>
1006
+ </div>
1007
+ </div>
1008
+ </DocumentFragment>
1009
+ `;
1010
+
1011
+ exports[`Footer Component Snapshots renders Footer with size - xxlarge and all variants 1`] = `
1012
+ <DocumentFragment>
1013
+ <div
1014
+ class="wrapperDiv"
1015
+ data-selector-id="formAction"
1016
+ >
1017
+ <div
1018
+ class="footerParent undefined
1019
+
1020
+ undefined
1021
+ flex rowdir"
1022
+ data-id="containerComponent"
1023
+ data-selector-id="container"
1024
+ data-test-id="containerComponent"
1025
+ >
1026
+ <div
1027
+ class="shrinkOn"
1028
+ data-id="boxComponent"
1029
+ data-selector-id="box"
1030
+ data-test-id="boxComponent"
1031
+ >
1032
+ Footer Content
1033
+ </div>
1034
+ </div>
1035
+ </div>
1036
+ </DocumentFragment>
1037
+ `;
1038
+
1039
+ exports[`Footer Component Snapshots renders Footer with size - xxlarge and all variants 2`] = `
1040
+ <DocumentFragment>
1041
+ <div
1042
+ class="wrapperDiv"
1043
+ data-selector-id="formAction"
1044
+ >
1045
+ <div
1046
+ class="footerParent undefined
1047
+
1048
+ undefined
1049
+ flex rowdir"
1050
+ data-id="containerComponent"
1051
+ data-selector-id="container"
1052
+ data-test-id="containerComponent"
1053
+ >
1054
+ <div
1055
+ class="shrinkOn"
1056
+ data-id="boxComponent"
1057
+ data-selector-id="box"
1058
+ data-test-id="boxComponent"
1059
+ >
1060
+ Footer Content
1061
+ </div>
1062
+ </div>
1063
+ </div>
1064
+ </DocumentFragment>
1065
+ `;
1066
+
1067
+ exports[`Footer Component Snapshots renders Footer with size - xxlarge and all variants 3`] = `
1068
+ <DocumentFragment>
1069
+ <div
1070
+ class="wrapperDiv"
1071
+ data-selector-id="formAction"
1072
+ >
1073
+ <div
1074
+ class="footerParent undefined
1075
+
1076
+ undefined
1077
+ flex rowdir"
1078
+ data-id="containerComponent"
1079
+ data-selector-id="container"
1080
+ data-test-id="containerComponent"
1081
+ >
1082
+ <div
1083
+ class="shrinkOn"
1084
+ data-id="boxComponent"
1085
+ data-selector-id="box"
1086
+ data-test-id="boxComponent"
1087
+ >
1088
+ Footer Content
1089
+ </div>
1090
+ </div>
1091
+ </div>
1092
+ </DocumentFragment>
1093
+ `;
1094
+
1095
+ exports[`Footer Component Snapshots renders Footer with size - xxlarge and all variants 4`] = `
1096
+ <DocumentFragment>
1097
+ <div
1098
+ class="wrapperDiv"
1099
+ data-selector-id="formAction"
1100
+ >
1101
+ <div
1102
+ class="footerParent undefined
1103
+
1104
+ undefined
1105
+ flex rowdir"
1106
+ data-id="containerComponent"
1107
+ data-selector-id="container"
1108
+ data-test-id="containerComponent"
1109
+ >
1110
+ <div
1111
+ class="shrinkOn"
1112
+ data-id="boxComponent"
1113
+ data-selector-id="box"
1114
+ data-test-id="boxComponent"
1115
+ >
1116
+ Footer Content
1117
+ </div>
1118
+ </div>
1119
+ </div>
1120
+ </DocumentFragment>
1121
+ `;
1122
+
1123
+ exports[`Footer Component Snapshots renders Footer with variant - default 1`] = `
1124
+ <DocumentFragment>
1125
+ <div
1126
+ class="wrapperDiv"
1127
+ data-selector-id="formAction"
1128
+ >
1129
+ <div
1130
+ class="footerParent smallPadding
1131
+
1132
+ smallFooter
1133
+ flex rowdir"
1134
+ data-id="containerComponent"
1135
+ data-selector-id="container"
1136
+ data-test-id="containerComponent"
1137
+ >
1138
+ <div
1139
+ class="shrinkOn"
1140
+ data-id="boxComponent"
1141
+ data-selector-id="box"
1142
+ data-test-id="boxComponent"
1143
+ >
1144
+ Footer Content
1145
+ </div>
1146
+ </div>
1147
+ </div>
1148
+ </DocumentFragment>
1149
+ `;
1150
+
1151
+ exports[`Footer Component Snapshots renders Footer with variant - primary 1`] = `
1152
+ <DocumentFragment>
1153
+ <div
1154
+ class="wrapperDiv"
1155
+ data-selector-id="formAction"
1156
+ >
1157
+ <div
1158
+ class="footerParent smallPadding
1159
+
1160
+ smallFooter
1161
+ flex rowdir"
1162
+ data-id="containerComponent"
1163
+ data-selector-id="container"
1164
+ data-test-id="containerComponent"
1165
+ >
1166
+ <div
1167
+ class="shrinkOn"
1168
+ data-id="boxComponent"
1169
+ data-selector-id="box"
1170
+ data-test-id="boxComponent"
1171
+ >
1172
+ Footer Content
1173
+ </div>
1174
+ </div>
1175
+ </div>
1176
+ </DocumentFragment>
1177
+ `;
1178
+
1179
+ exports[`Footer Component Snapshots renders Footer with variant - secondary 1`] = `
1180
+ <DocumentFragment>
1181
+ <div
1182
+ class="wrapperDiv"
1183
+ data-selector-id="formAction"
1184
+ >
1185
+ <div
1186
+ class="footerParent smallPadding
1187
+
1188
+ smallFooter
1189
+ flex rowdir"
1190
+ data-id="containerComponent"
1191
+ data-selector-id="container"
1192
+ data-test-id="containerComponent"
1193
+ >
1194
+ <div
1195
+ class="shrinkOn"
1196
+ data-id="boxComponent"
1197
+ data-selector-id="box"
1198
+ data-test-id="boxComponent"
1199
+ >
1200
+ Footer Content
1201
+ </div>
1202
+ </div>
1203
+ </div>
1204
+ </DocumentFragment>
1205
+ `;
1206
+
1207
+ exports[`Footer Component Snapshots renders Footer with variant - tertiary 1`] = `
1208
+ <DocumentFragment>
1209
+ <div
1210
+ class="wrapperDiv"
1211
+ data-selector-id="formAction"
1212
+ >
1213
+ <div
1214
+ class="footerParent smallPadding
1215
+
1216
+ smallFooter
1217
+ flex rowdir"
1218
+ data-id="containerComponent"
1219
+ data-selector-id="container"
1220
+ data-test-id="containerComponent"
1221
+ >
1222
+ <div
1223
+ class="shrinkOn"
1224
+ data-id="boxComponent"
1225
+ data-selector-id="box"
1226
+ data-test-id="boxComponent"
1227
+ >
1228
+ Footer Content
1229
+ </div>
1230
+ </div>
1231
+ </div>
1232
+ </DocumentFragment>
1233
+ `;