@zohodesk/components 1.6.20 → 1.6.22

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 (164) hide show
  1. package/README.md +10 -0
  2. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  3. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  4. package/es/Button/css/cssJSLogic.js +6 -6
  5. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  6. package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  7. package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  8. package/es/CheckBox/CheckBox.js +2 -2
  9. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +130 -153
  10. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +50 -52
  11. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +30 -30
  12. package/es/DateTime/CalendarView.js +2 -2
  13. package/es/DateTime/DateWidget.js +2 -2
  14. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  15. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +93 -93
  16. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  17. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +8 -8
  18. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +8 -8
  19. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  20. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +28 -28
  21. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +6 -6
  22. package/es/DropDown/DropDownItem.js +1 -1
  23. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  24. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  25. package/es/Label/Label.js +1 -1
  26. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  27. package/es/Layout/Box.js +1 -115
  28. package/es/Layout/Container.js +1 -132
  29. package/es/Layout/props/defaultProps.js +1 -16
  30. package/es/Layout/props/propTypes.js +1 -46
  31. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  32. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  33. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  34. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -69
  35. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  36. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +69 -69
  37. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +4 -4
  38. package/es/MultiSelect/MultiSelect.js +1 -1
  39. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  40. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  41. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +38 -41
  42. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +7 -7
  43. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  44. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  45. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  46. package/es/Radio/Radio.js +1 -1
  47. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +152 -152
  48. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  49. package/es/Ribbon/Ribbon.js +3 -16
  50. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +24 -24
  51. package/es/Select/SelectWithAvatar.js +1 -1
  52. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +7 -7
  53. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +845 -823
  54. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  55. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +10 -10
  56. package/es/Switch/Switch.js +1 -1
  57. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +56 -56
  58. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  59. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  60. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  61. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +40 -40
  62. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  63. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  64. package/es/Tag/Tag.js +1 -2
  65. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +140 -186
  66. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  67. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +167 -167
  68. package/es/Textarea/Textarea.js +1 -1
  69. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  70. package/es/Tooltip/Tooltip.js +1 -1
  71. package/es/Typography/css/cssJSLogic.js +2 -2
  72. package/es/css.js +0 -1
  73. package/es/deprecated/Switch/Switch.js +1 -1
  74. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +20 -20
  75. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  76. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  77. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  78. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  79. package/lib/Button/css/cssJSLogic.js +3 -3
  80. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  81. package/lib/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  82. package/lib/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  83. package/lib/CheckBox/CheckBox.js +2 -2
  84. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +130 -153
  85. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +50 -52
  86. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +30 -30
  87. package/lib/DateTime/CalendarView.js +2 -2
  88. package/lib/DateTime/DateWidget.js +2 -2
  89. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  90. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +93 -93
  91. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  92. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +8 -8
  93. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +8 -8
  94. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  95. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +28 -28
  96. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +2 -2
  97. package/lib/DropDown/DropDownItem.js +1 -1
  98. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  99. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  100. package/lib/Label/Label.js +1 -1
  101. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  102. package/lib/Layout/Box.js +7 -120
  103. package/lib/Layout/Container.js +7 -137
  104. package/lib/Layout/props/defaultProps.js +14 -19
  105. package/lib/Layout/props/propTypes.js +13 -52
  106. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  107. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  108. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  109. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -69
  110. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  111. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +69 -69
  112. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +4 -4
  113. package/lib/MultiSelect/MultiSelect.js +1 -1
  114. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  115. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  116. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +38 -41
  117. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +7 -7
  118. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  119. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  120. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  121. package/lib/Radio/Radio.js +1 -1
  122. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +152 -152
  123. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  124. package/lib/Ribbon/Ribbon.js +2 -15
  125. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +24 -24
  126. package/lib/Select/SelectWithAvatar.js +1 -1
  127. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +7 -7
  128. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +845 -823
  129. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  130. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +10 -10
  131. package/lib/Switch/Switch.js +1 -1
  132. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +56 -56
  133. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  134. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  135. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  136. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +40 -40
  137. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  138. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  139. package/lib/Tag/Tag.js +1 -1
  140. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +140 -186
  141. package/lib/TextBoxIcon/TextBoxIcon.js +1 -1
  142. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +167 -167
  143. package/lib/Textarea/Textarea.js +1 -1
  144. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  145. package/lib/Tooltip/Tooltip.js +1 -1
  146. package/lib/Typography/css/cssJSLogic.js +1 -1
  147. package/lib/css.js +0 -2
  148. package/lib/deprecated/Switch/Switch.js +1 -1
  149. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +20 -20
  150. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  151. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  152. package/package.json +7 -7
  153. package/es/Layout/Layout.module.css +0 -336
  154. package/es/Layout/__tests__/Box.spec.js +0 -11
  155. package/es/Layout/__tests__/Container.spec.js +0 -11
  156. package/es/Layout/__tests__/__snapshots__/Box.spec.js.snap +0 -16
  157. package/es/Layout/__tests__/__snapshots__/Container.spec.js.snap +0 -16
  158. package/es/Layout/utils.js +0 -29
  159. package/lib/Layout/Layout.module.css +0 -336
  160. package/lib/Layout/__tests__/Box.spec.js +0 -18
  161. package/lib/Layout/__tests__/Container.spec.js +0 -18
  162. package/lib/Layout/__tests__/__snapshots__/Box.spec.js.snap +0 -16
  163. package/lib/Layout/__tests__/__snapshots__/Container.spec.js.snap +0 -16
  164. package/lib/Layout/utils.js +0 -59
package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap CHANGED
@@ -18,8 +18,7 @@ exports[`Tag component Should be render closeTitle 1`] = `
18
18
  <button
19
19
  aria-label="Delete"
20
20
  class="buttonReset close
21
- lgRadiusClose
22
- closedanger"
21
+ lgRadiusClose closedanger "
23
22
  data-id="tag_RemoveTag"
24
23
  data-test-id="tag_RemoveTag"
25
24
  data-title="TagCloseTitle"
@@ -27,14 +26,14 @@ exports[`Tag component Should be render closeTitle 1`] = `
27
26
  value="text"
28
27
  >
29
28
  <div
30
- class="flex cover coldir both"
29
+ class="flex fullSize column alignItems_center justifyContent_center"
31
30
  data-id="containerComponent"
32
31
  data-selector-id="container"
33
32
  data-test-id="containerComponent"
34
33
  >
35
34
  <i
36
35
  aria-hidden="true"
37
- class="zd_font_icons basic icon-close2 fbold "
36
+ class="zd_font_icons basic icon-close2 fbold "
38
37
  data-id="fontIcon"
39
38
  data-selector-id="fontIcon"
40
39
  data-test-id="fontIcon"
@@ -64,22 +63,21 @@ exports[`Tag component Should be render dataId when active if false 1`] = `
64
63
  <button
65
64
  aria-label="Delete"
66
65
  class="buttonReset close
67
- lgRadiusClose
68
- closedanger"
66
+ lgRadiusClose closedanger "
69
67
  data-id="TagdataId_RemoveTag"
70
68
  data-test-id="TagdataId_RemoveTag"
71
69
  type="button"
72
70
  value="text"
73
71
  >
74
72
  <div
75
- class="flex cover coldir both"
73
+ class="flex fullSize column alignItems_center justifyContent_center"
76
74
  data-id="containerComponent"
77
75
  data-selector-id="container"
78
76
  data-test-id="containerComponent"
79
77
  >
80
78
  <i
81
79
  aria-hidden="true"
82
- class="zd_font_icons basic icon-close2 fbold "
80
+ class="zd_font_icons basic icon-close2 fbold "
83
81
  data-id="fontIcon"
84
82
  data-selector-id="fontIcon"
85
83
  data-test-id="fontIcon"
@@ -109,22 +107,21 @@ exports[`Tag component Should be render dataId when active if true 1`] = `
109
107
  <button
110
108
  aria-label="Delete"
111
109
  class="buttonReset close activedangerClose
112
- lgRadiusClose
113
- closedanger"
110
+ lgRadiusClose closedanger "
114
111
  data-id="TagdataId_RemoveTag"
115
112
  data-test-id="TagdataId_RemoveTag"
116
113
  type="button"
117
114
  value="text"
118
115
  >
119
116
  <div
120
- class="flex cover coldir both"
117
+ class="flex fullSize column alignItems_center justifyContent_center"
121
118
  data-id="containerComponent"
122
119
  data-selector-id="container"
123
120
  data-test-id="containerComponent"
124
121
  >
125
122
  <i
126
123
  aria-hidden="true"
127
- class="zd_font_icons basic icon-close2 fbold "
124
+ class="zd_font_icons basic icon-close2 fbold "
128
125
  data-id="fontIcon"
129
126
  data-selector-id="fontIcon"
130
127
  data-test-id="fontIcon"
@@ -190,7 +187,7 @@ exports[`Tag component Should be render iconName and iconSize 1`] = `
190
187
  >
191
188
  <i
192
189
  aria-hidden="true"
193
- class="zd_font_icons basic icon-androidd "
190
+ class="zd_font_icons basic icon-androidd "
194
191
  data-id="fontIcon"
195
192
  data-selector-id="fontIcon"
196
193
  data-test-id="fontIcon"
@@ -360,22 +357,21 @@ exports[`Tag component Should be render rounded is false 1`] = `
360
357
  <button
361
358
  aria-label="Delete"
362
359
  class="buttonReset close
363
- smRadiusClose
364
- closedanger"
360
+ smRadiusClose closedanger "
365
361
  data-id="tag_RemoveTag"
366
362
  data-test-id="tag_RemoveTag"
367
363
  type="button"
368
364
  value="text"
369
365
  >
370
366
  <div
371
- class="flex cover coldir both"
367
+ class="flex fullSize column alignItems_center justifyContent_center"
372
368
  data-id="containerComponent"
373
369
  data-selector-id="container"
374
370
  data-test-id="containerComponent"
375
371
  >
376
372
  <i
377
373
  aria-hidden="true"
378
- class="zd_font_icons basic icon-close2 fbold "
374
+ class="zd_font_icons basic icon-close2 fbold "
379
375
  data-id="fontIcon"
380
376
  data-selector-id="fontIcon"
381
377
  data-test-id="fontIcon"
@@ -466,22 +462,21 @@ exports[`Tag component Should render active - palette danger, size medium , clos
466
462
  <button
467
463
  aria-label="Delete"
468
464
  class="buttonReset close activedangerClose
469
- lgRadiusClose
470
- closedanger"
465
+ lgRadiusClose closedanger "
471
466
  data-id="tag_RemoveTag"
472
467
  data-test-id="tag_RemoveTag"
473
468
  type="button"
474
469
  value="text"
475
470
  >
476
471
  <div
477
- class="flex cover coldir both"
472
+ class="flex fullSize column alignItems_center justifyContent_center"
478
473
  data-id="containerComponent"
479
474
  data-selector-id="container"
480
475
  data-test-id="containerComponent"
481
476
  >
482
477
  <i
483
478
  aria-hidden="true"
484
- class="zd_font_icons basic icon-close2 fbold "
479
+ class="zd_font_icons basic icon-close2 fbold "
485
480
  data-id="fontIcon"
486
481
  data-selector-id="fontIcon"
487
482
  data-test-id="fontIcon"
@@ -511,22 +506,21 @@ exports[`Tag component Should render active - palette danger, size medium , clos
511
506
  <button
512
507
  aria-label="Delete"
513
508
  class="buttonReset close activeprimaryClose
514
- lgRadiusClose
515
- closeprimary"
509
+ lgRadiusClose closeprimary "
516
510
  data-id="tag_RemoveTag"
517
511
  data-test-id="tag_RemoveTag"
518
512
  type="button"
519
513
  value="text"
520
514
  >
521
515
  <div
522
- class="flex cover coldir both"
516
+ class="flex fullSize column alignItems_center justifyContent_center"
523
517
  data-id="containerComponent"
524
518
  data-selector-id="container"
525
519
  data-test-id="containerComponent"
526
520
  >
527
521
  <i
528
522
  aria-hidden="true"
529
- class="zd_font_icons basic icon-close2 fbold "
523
+ class="zd_font_icons basic icon-close2 fbold "
530
524
  data-id="fontIcon"
531
525
  data-selector-id="fontIcon"
532
526
  data-test-id="fontIcon"
@@ -556,22 +550,21 @@ exports[`Tag component Should render active - palette danger, size small , close
556
550
  <button
557
551
  aria-label="Delete"
558
552
  class="buttonReset close activedangerClose
559
- lgRadiusClose
560
- closedanger"
553
+ lgRadiusClose closedanger "
561
554
  data-id="tag_RemoveTag"
562
555
  data-test-id="tag_RemoveTag"
563
556
  type="button"
564
557
  value="text"
565
558
  >
566
559
  <div
567
- class="flex cover coldir both"
560
+ class="flex fullSize column alignItems_center justifyContent_center"
568
561
  data-id="containerComponent"
569
562
  data-selector-id="container"
570
563
  data-test-id="containerComponent"
571
564
  >
572
565
  <i
573
566
  aria-hidden="true"
574
- class="zd_font_icons basic icon-close2 fbold "
567
+ class="zd_font_icons basic icon-close2 fbold "
575
568
  data-id="fontIcon"
576
569
  data-selector-id="fontIcon"
577
570
  data-test-id="fontIcon"
@@ -601,22 +594,21 @@ exports[`Tag component Should render active - palette danger, size small , close
601
594
  <button
602
595
  aria-label="Delete"
603
596
  class="buttonReset close activeprimaryClose
604
- lgRadiusClose
605
- closeprimary"
597
+ lgRadiusClose closeprimary "
606
598
  data-id="tag_RemoveTag"
607
599
  data-test-id="tag_RemoveTag"
608
600
  type="button"
609
601
  value="text"
610
602
  >
611
603
  <div
612
- class="flex cover coldir both"
604
+ class="flex fullSize column alignItems_center justifyContent_center"
613
605
  data-id="containerComponent"
614
606
  data-selector-id="container"
615
607
  data-test-id="containerComponent"
616
608
  >
617
609
  <i
618
610
  aria-hidden="true"
619
- class="zd_font_icons basic icon-close2 fbold "
611
+ class="zd_font_icons basic icon-close2 fbold "
620
612
  data-id="fontIcon"
621
613
  data-selector-id="fontIcon"
622
614
  data-test-id="fontIcon"
@@ -646,22 +638,21 @@ exports[`Tag component Should render active - palette dark, size medium , closeP
646
638
  <button
647
639
  aria-label="Delete"
648
640
  class="buttonReset close activedangerClose
649
- lgRadiusClose darkTagClose
650
- closedanger"
641
+ lgRadiusClose darkTagClose closedanger "
651
642
  data-id="tag_RemoveTag"
652
643
  data-test-id="tag_RemoveTag"
653
644
  type="button"
654
645
  value="text"
655
646
  >
656
647
  <div
657
- class="flex cover coldir both"
648
+ class="flex fullSize column alignItems_center justifyContent_center"
658
649
  data-id="containerComponent"
659
650
  data-selector-id="container"
660
651
  data-test-id="containerComponent"
661
652
  >
662
653
  <i
663
654
  aria-hidden="true"
664
- class="zd_font_icons basic icon-close2 fbold "
655
+ class="zd_font_icons basic icon-close2 fbold "
665
656
  data-id="fontIcon"
666
657
  data-selector-id="fontIcon"
667
658
  data-test-id="fontIcon"
@@ -691,22 +682,21 @@ exports[`Tag component Should render active - palette dark, size medium , closeP
691
682
  <button
692
683
  aria-label="Delete"
693
684
  class="buttonReset close activeprimaryClose
694
- lgRadiusClose darkTagClose
695
- closeprimary"
685
+ lgRadiusClose darkTagClose closeprimary "
696
686
  data-id="tag_RemoveTag"
697
687
  data-test-id="tag_RemoveTag"
698
688
  type="button"
699
689
  value="text"
700
690
  >
701
691
  <div
702
- class="flex cover coldir both"
692
+ class="flex fullSize column alignItems_center justifyContent_center"
703
693
  data-id="containerComponent"
704
694
  data-selector-id="container"
705
695
  data-test-id="containerComponent"
706
696
  >
707
697
  <i
708
698
  aria-hidden="true"
709
- class="zd_font_icons basic icon-close2 fbold "
699
+ class="zd_font_icons basic icon-close2 fbold "
710
700
  data-id="fontIcon"
711
701
  data-selector-id="fontIcon"
712
702
  data-test-id="fontIcon"
@@ -736,22 +726,21 @@ exports[`Tag component Should render active - palette dark, size small , closePa
736
726
  <button
737
727
  aria-label="Delete"
738
728
  class="buttonReset close activedangerClose
739
- lgRadiusClose darkTagClose
740
- closedanger"
729
+ lgRadiusClose darkTagClose closedanger "
741
730
  data-id="tag_RemoveTag"
742
731
  data-test-id="tag_RemoveTag"
743
732
  type="button"
744
733
  value="text"
745
734
  >
746
735
  <div
747
- class="flex cover coldir both"
736
+ class="flex fullSize column alignItems_center justifyContent_center"
748
737
  data-id="containerComponent"
749
738
  data-selector-id="container"
750
739
  data-test-id="containerComponent"
751
740
  >
752
741
  <i
753
742
  aria-hidden="true"
754
- class="zd_font_icons basic icon-close2 fbold "
743
+ class="zd_font_icons basic icon-close2 fbold "
755
744
  data-id="fontIcon"
756
745
  data-selector-id="fontIcon"
757
746
  data-test-id="fontIcon"
@@ -781,22 +770,21 @@ exports[`Tag component Should render active - palette dark, size small , closePa
781
770
  <button
782
771
  aria-label="Delete"
783
772
  class="buttonReset close activeprimaryClose
784
- lgRadiusClose darkTagClose
785
- closeprimary"
773
+ lgRadiusClose darkTagClose closeprimary "
786
774
  data-id="tag_RemoveTag"
787
775
  data-test-id="tag_RemoveTag"
788
776
  type="button"
789
777
  value="text"
790
778
  >
791
779
  <div
792
- class="flex cover coldir both"
780
+ class="flex fullSize column alignItems_center justifyContent_center"
793
781
  data-id="containerComponent"
794
782
  data-selector-id="container"
795
783
  data-test-id="containerComponent"
796
784
  >
797
785
  <i
798
786
  aria-hidden="true"
799
- class="zd_font_icons basic icon-close2 fbold "
787
+ class="zd_font_icons basic icon-close2 fbold "
800
788
  data-id="fontIcon"
801
789
  data-selector-id="fontIcon"
802
790
  data-test-id="fontIcon"
@@ -826,22 +814,21 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size me
826
814
  <button
827
815
  aria-label="Delete"
828
816
  class="buttonReset close activedangerClose
829
- lgRadiusClose
830
- closedanger"
817
+ lgRadiusClose closedanger "
831
818
  data-id="tag_RemoveTag"
832
819
  data-test-id="tag_RemoveTag"
833
820
  type="button"
834
821
  value="text"
835
822
  >
836
823
  <div
837
- class="flex cover coldir both"
824
+ class="flex fullSize column alignItems_center justifyContent_center"
838
825
  data-id="containerComponent"
839
826
  data-selector-id="container"
840
827
  data-test-id="containerComponent"
841
828
  >
842
829
  <i
843
830
  aria-hidden="true"
844
- class="zd_font_icons basic icon-close2 fbold "
831
+ class="zd_font_icons basic icon-close2 fbold "
845
832
  data-id="fontIcon"
846
833
  data-selector-id="fontIcon"
847
834
  data-test-id="fontIcon"
@@ -871,22 +858,21 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size me
871
858
  <button
872
859
  aria-label="Delete"
873
860
  class="buttonReset close activeprimaryClose
874
- lgRadiusClose
875
- closeprimary"
861
+ lgRadiusClose closeprimary "
876
862
  data-id="tag_RemoveTag"
877
863
  data-test-id="tag_RemoveTag"
878
864
  type="button"
879
865
  value="text"
880
866
  >
881
867
  <div
882
- class="flex cover coldir both"
868
+ class="flex fullSize column alignItems_center justifyContent_center"
883
869
  data-id="containerComponent"
884
870
  data-selector-id="container"
885
871
  data-test-id="containerComponent"
886
872
  >
887
873
  <i
888
874
  aria-hidden="true"
889
- class="zd_font_icons basic icon-close2 fbold "
875
+ class="zd_font_icons basic icon-close2 fbold "
890
876
  data-id="fontIcon"
891
877
  data-selector-id="fontIcon"
892
878
  data-test-id="fontIcon"
@@ -916,22 +902,21 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size sm
916
902
  <button
917
903
  aria-label="Delete"
918
904
  class="buttonReset close activedangerClose
919
- lgRadiusClose
920
- closedanger"
905
+ lgRadiusClose closedanger "
921
906
  data-id="tag_RemoveTag"
922
907
  data-test-id="tag_RemoveTag"
923
908
  type="button"
924
909
  value="text"
925
910
  >
926
911
  <div
927
- class="flex cover coldir both"
912
+ class="flex fullSize column alignItems_center justifyContent_center"
928
913
  data-id="containerComponent"
929
914
  data-selector-id="container"
930
915
  data-test-id="containerComponent"
931
916
  >
932
917
  <i
933
918
  aria-hidden="true"
934
- class="zd_font_icons basic icon-close2 fbold "
919
+ class="zd_font_icons basic icon-close2 fbold "
935
920
  data-id="fontIcon"
936
921
  data-selector-id="fontIcon"
937
922
  data-test-id="fontIcon"
@@ -961,22 +946,21 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size sm
961
946
  <button
962
947
  aria-label="Delete"
963
948
  class="buttonReset close activeprimaryClose
964
- lgRadiusClose
965
- closeprimary"
949
+ lgRadiusClose closeprimary "
966
950
  data-id="tag_RemoveTag"
967
951
  data-test-id="tag_RemoveTag"
968
952
  type="button"
969
953
  value="text"
970
954
  >
971
955
  <div
972
- class="flex cover coldir both"
956
+ class="flex fullSize column alignItems_center justifyContent_center"
973
957
  data-id="containerComponent"
974
958
  data-selector-id="container"
975
959
  data-test-id="containerComponent"
976
960
  >
977
961
  <i
978
962
  aria-hidden="true"
979
- class="zd_font_icons basic icon-close2 fbold "
963
+ class="zd_font_icons basic icon-close2 fbold "
980
964
  data-id="fontIcon"
981
965
  data-selector-id="fontIcon"
982
966
  data-test-id="fontIcon"
@@ -1006,22 +990,21 @@ exports[`Tag component Should render active - palette default, size medium , clo
1006
990
  <button
1007
991
  aria-label="Delete"
1008
992
  class="buttonReset close activedangerClose
1009
- lgRadiusClose
1010
- closedanger"
993
+ lgRadiusClose closedanger "
1011
994
  data-id="tag_RemoveTag"
1012
995
  data-test-id="tag_RemoveTag"
1013
996
  type="button"
1014
997
  value="text"
1015
998
  >
1016
999
  <div
1017
- class="flex cover coldir both"
1000
+ class="flex fullSize column alignItems_center justifyContent_center"
1018
1001
  data-id="containerComponent"
1019
1002
  data-selector-id="container"
1020
1003
  data-test-id="containerComponent"
1021
1004
  >
1022
1005
  <i
1023
1006
  aria-hidden="true"
1024
- class="zd_font_icons basic icon-close2 fbold "
1007
+ class="zd_font_icons basic icon-close2 fbold "
1025
1008
  data-id="fontIcon"
1026
1009
  data-selector-id="fontIcon"
1027
1010
  data-test-id="fontIcon"
@@ -1051,22 +1034,21 @@ exports[`Tag component Should render active - palette default, size medium , clo
1051
1034
  <button
1052
1035
  aria-label="Delete"
1053
1036
  class="buttonReset close activeprimaryClose
1054
- lgRadiusClose
1055
- closeprimary"
1037
+ lgRadiusClose closeprimary "
1056
1038
  data-id="tag_RemoveTag"
1057
1039
  data-test-id="tag_RemoveTag"
1058
1040
  type="button"
1059
1041
  value="text"
1060
1042
  >
1061
1043
  <div
1062
- class="flex cover coldir both"
1044
+ class="flex fullSize column alignItems_center justifyContent_center"
1063
1045
  data-id="containerComponent"
1064
1046
  data-selector-id="container"
1065
1047
  data-test-id="containerComponent"
1066
1048
  >
1067
1049
  <i
1068
1050
  aria-hidden="true"
1069
- class="zd_font_icons basic icon-close2 fbold "
1051
+ class="zd_font_icons basic icon-close2 fbold "
1070
1052
  data-id="fontIcon"
1071
1053
  data-selector-id="fontIcon"
1072
1054
  data-test-id="fontIcon"
@@ -1096,22 +1078,21 @@ exports[`Tag component Should render active - palette default, size small , clos
1096
1078
  <button
1097
1079
  aria-label="Delete"
1098
1080
  class="buttonReset close activedangerClose
1099
- lgRadiusClose
1100
- closedanger"
1081
+ lgRadiusClose closedanger "
1101
1082
  data-id="tag_RemoveTag"
1102
1083
  data-test-id="tag_RemoveTag"
1103
1084
  type="button"
1104
1085
  value="text"
1105
1086
  >
1106
1087
  <div
1107
- class="flex cover coldir both"
1088
+ class="flex fullSize column alignItems_center justifyContent_center"
1108
1089
  data-id="containerComponent"
1109
1090
  data-selector-id="container"
1110
1091
  data-test-id="containerComponent"
1111
1092
  >
1112
1093
  <i
1113
1094
  aria-hidden="true"
1114
- class="zd_font_icons basic icon-close2 fbold "
1095
+ class="zd_font_icons basic icon-close2 fbold "
1115
1096
  data-id="fontIcon"
1116
1097
  data-selector-id="fontIcon"
1117
1098
  data-test-id="fontIcon"
@@ -1141,22 +1122,21 @@ exports[`Tag component Should render active - palette default, size small , clos
1141
1122
  <button
1142
1123
  aria-label="Delete"
1143
1124
  class="buttonReset close activeprimaryClose
1144
- lgRadiusClose
1145
- closeprimary"
1125
+ lgRadiusClose closeprimary "
1146
1126
  data-id="tag_RemoveTag"
1147
1127
  data-test-id="tag_RemoveTag"
1148
1128
  type="button"
1149
1129
  value="text"
1150
1130
  >
1151
1131
  <div
1152
- class="flex cover coldir both"
1132
+ class="flex fullSize column alignItems_center justifyContent_center"
1153
1133
  data-id="containerComponent"
1154
1134
  data-selector-id="container"
1155
1135
  data-test-id="containerComponent"
1156
1136
  >
1157
1137
  <i
1158
1138
  aria-hidden="true"
1159
- class="zd_font_icons basic icon-close2 fbold "
1139
+ class="zd_font_icons basic icon-close2 fbold "
1160
1140
  data-id="fontIcon"
1161
1141
  data-selector-id="fontIcon"
1162
1142
  data-test-id="fontIcon"
@@ -1186,22 +1166,21 @@ exports[`Tag component Should render active - palette defaultLink, size medium ,
1186
1166
  <button
1187
1167
  aria-label="Delete"
1188
1168
  class="buttonReset close activedangerClose
1189
- lgRadiusClose
1190
- closedanger"
1169
+ lgRadiusClose closedanger "
1191
1170
  data-id="tag_RemoveTag"
1192
1171
  data-test-id="tag_RemoveTag"
1193
1172
  type="button"
1194
1173
  value="text"
1195
1174
  >
1196
1175
  <div
1197
- class="flex cover coldir both"
1176
+ class="flex fullSize column alignItems_center justifyContent_center"
1198
1177
  data-id="containerComponent"
1199
1178
  data-selector-id="container"
1200
1179
  data-test-id="containerComponent"
1201
1180
  >
1202
1181
  <i
1203
1182
  aria-hidden="true"
1204
- class="zd_font_icons basic icon-close2 fbold "
1183
+ class="zd_font_icons basic icon-close2 fbold "
1205
1184
  data-id="fontIcon"
1206
1185
  data-selector-id="fontIcon"
1207
1186
  data-test-id="fontIcon"
@@ -1231,22 +1210,21 @@ exports[`Tag component Should render active - palette defaultLink, size medium ,
1231
1210
  <button
1232
1211
  aria-label="Delete"
1233
1212
  class="buttonReset close activeprimaryClose
1234
- lgRadiusClose
1235
- closeprimary"
1213
+ lgRadiusClose closeprimary "
1236
1214
  data-id="tag_RemoveTag"
1237
1215
  data-test-id="tag_RemoveTag"
1238
1216
  type="button"
1239
1217
  value="text"
1240
1218
  >
1241
1219
  <div
1242
- class="flex cover coldir both"
1220
+ class="flex fullSize column alignItems_center justifyContent_center"
1243
1221
  data-id="containerComponent"
1244
1222
  data-selector-id="container"
1245
1223
  data-test-id="containerComponent"
1246
1224
  >
1247
1225
  <i
1248
1226
  aria-hidden="true"
1249
- class="zd_font_icons basic icon-close2 fbold "
1227
+ class="zd_font_icons basic icon-close2 fbold "
1250
1228
  data-id="fontIcon"
1251
1229
  data-selector-id="fontIcon"
1252
1230
  data-test-id="fontIcon"
@@ -1276,22 +1254,21 @@ exports[`Tag component Should render active - palette defaultLink, size small ,
1276
1254
  <button
1277
1255
  aria-label="Delete"
1278
1256
  class="buttonReset close activedangerClose
1279
- lgRadiusClose
1280
- closedanger"
1257
+ lgRadiusClose closedanger "
1281
1258
  data-id="tag_RemoveTag"
1282
1259
  data-test-id="tag_RemoveTag"
1283
1260
  type="button"
1284
1261
  value="text"
1285
1262
  >
1286
1263
  <div
1287
- class="flex cover coldir both"
1264
+ class="flex fullSize column alignItems_center justifyContent_center"
1288
1265
  data-id="containerComponent"
1289
1266
  data-selector-id="container"
1290
1267
  data-test-id="containerComponent"
1291
1268
  >
1292
1269
  <i
1293
1270
  aria-hidden="true"
1294
- class="zd_font_icons basic icon-close2 fbold "
1271
+ class="zd_font_icons basic icon-close2 fbold "
1295
1272
  data-id="fontIcon"
1296
1273
  data-selector-id="fontIcon"
1297
1274
  data-test-id="fontIcon"
@@ -1321,22 +1298,21 @@ exports[`Tag component Should render active - palette defaultLink, size small ,
1321
1298
  <button
1322
1299
  aria-label="Delete"
1323
1300
  class="buttonReset close activeprimaryClose
1324
- lgRadiusClose
1325
- closeprimary"
1301
+ lgRadiusClose closeprimary "
1326
1302
  data-id="tag_RemoveTag"
1327
1303
  data-test-id="tag_RemoveTag"
1328
1304
  type="button"
1329
1305
  value="text"
1330
1306
  >
1331
1307
  <div
1332
- class="flex cover coldir both"
1308
+ class="flex fullSize column alignItems_center justifyContent_center"
1333
1309
  data-id="containerComponent"
1334
1310
  data-selector-id="container"
1335
1311
  data-test-id="containerComponent"
1336
1312
  >
1337
1313
  <i
1338
1314
  aria-hidden="true"
1339
- class="zd_font_icons basic icon-close2 fbold "
1315
+ class="zd_font_icons basic icon-close2 fbold "
1340
1316
  data-id="fontIcon"
1341
1317
  data-selector-id="fontIcon"
1342
1318
  data-test-id="fontIcon"
@@ -1366,22 +1342,21 @@ exports[`Tag component Should render active - palette primaryDotted, size medium
1366
1342
  <button
1367
1343
  aria-label="Delete"
1368
1344
  class="buttonReset close activedangerClose
1369
- lgRadiusClose
1370
- closedanger"
1345
+ lgRadiusClose closedanger "
1371
1346
  data-id="tag_RemoveTag"
1372
1347
  data-test-id="tag_RemoveTag"
1373
1348
  type="button"
1374
1349
  value="text"
1375
1350
  >
1376
1351
  <div
1377
- class="flex cover coldir both"
1352
+ class="flex fullSize column alignItems_center justifyContent_center"
1378
1353
  data-id="containerComponent"
1379
1354
  data-selector-id="container"
1380
1355
  data-test-id="containerComponent"
1381
1356
  >
1382
1357
  <i
1383
1358
  aria-hidden="true"
1384
- class="zd_font_icons basic icon-close2 fbold "
1359
+ class="zd_font_icons basic icon-close2 fbold "
1385
1360
  data-id="fontIcon"
1386
1361
  data-selector-id="fontIcon"
1387
1362
  data-test-id="fontIcon"
@@ -1411,22 +1386,21 @@ exports[`Tag component Should render active - palette primaryDotted, size medium
1411
1386
  <button
1412
1387
  aria-label="Delete"
1413
1388
  class="buttonReset close activeprimaryClose
1414
- lgRadiusClose
1415
- closeprimary"
1389
+ lgRadiusClose closeprimary "
1416
1390
  data-id="tag_RemoveTag"
1417
1391
  data-test-id="tag_RemoveTag"
1418
1392
  type="button"
1419
1393
  value="text"
1420
1394
  >
1421
1395
  <div
1422
- class="flex cover coldir both"
1396
+ class="flex fullSize column alignItems_center justifyContent_center"
1423
1397
  data-id="containerComponent"
1424
1398
  data-selector-id="container"
1425
1399
  data-test-id="containerComponent"
1426
1400
  >
1427
1401
  <i
1428
1402
  aria-hidden="true"
1429
- class="zd_font_icons basic icon-close2 fbold "
1403
+ class="zd_font_icons basic icon-close2 fbold "
1430
1404
  data-id="fontIcon"
1431
1405
  data-selector-id="fontIcon"
1432
1406
  data-test-id="fontIcon"
@@ -1456,22 +1430,21 @@ exports[`Tag component Should render active - palette primaryDotted, size small
1456
1430
  <button
1457
1431
  aria-label="Delete"
1458
1432
  class="buttonReset close activedangerClose
1459
- lgRadiusClose
1460
- closedanger"
1433
+ lgRadiusClose closedanger "
1461
1434
  data-id="tag_RemoveTag"
1462
1435
  data-test-id="tag_RemoveTag"
1463
1436
  type="button"
1464
1437
  value="text"
1465
1438
  >
1466
1439
  <div
1467
- class="flex cover coldir both"
1440
+ class="flex fullSize column alignItems_center justifyContent_center"
1468
1441
  data-id="containerComponent"
1469
1442
  data-selector-id="container"
1470
1443
  data-test-id="containerComponent"
1471
1444
  >
1472
1445
  <i
1473
1446
  aria-hidden="true"
1474
- class="zd_font_icons basic icon-close2 fbold "
1447
+ class="zd_font_icons basic icon-close2 fbold "
1475
1448
  data-id="fontIcon"
1476
1449
  data-selector-id="fontIcon"
1477
1450
  data-test-id="fontIcon"
@@ -1501,22 +1474,21 @@ exports[`Tag component Should render active - palette primaryDotted, size small
1501
1474
  <button
1502
1475
  aria-label="Delete"
1503
1476
  class="buttonReset close activeprimaryClose
1504
- lgRadiusClose
1505
- closeprimary"
1477
+ lgRadiusClose closeprimary "
1506
1478
  data-id="tag_RemoveTag"
1507
1479
  data-test-id="tag_RemoveTag"
1508
1480
  type="button"
1509
1481
  value="text"
1510
1482
  >
1511
1483
  <div
1512
- class="flex cover coldir both"
1484
+ class="flex fullSize column alignItems_center justifyContent_center"
1513
1485
  data-id="containerComponent"
1514
1486
  data-selector-id="container"
1515
1487
  data-test-id="containerComponent"
1516
1488
  >
1517
1489
  <i
1518
1490
  aria-hidden="true"
1519
- class="zd_font_icons basic icon-close2 fbold "
1491
+ class="zd_font_icons basic icon-close2 fbold "
1520
1492
  data-id="fontIcon"
1521
1493
  data-selector-id="fontIcon"
1522
1494
  data-test-id="fontIcon"
@@ -1546,22 +1518,21 @@ exports[`Tag component Should render active - palette pureDarkDotted, size mediu
1546
1518
  <button
1547
1519
  aria-label="Delete"
1548
1520
  class="buttonReset close activedangerClose
1549
- lgRadiusClose
1550
- closedanger"
1521
+ lgRadiusClose closedanger "
1551
1522
  data-id="tag_RemoveTag"
1552
1523
  data-test-id="tag_RemoveTag"
1553
1524
  type="button"
1554
1525
  value="text"
1555
1526
  >
1556
1527
  <div
1557
- class="flex cover coldir both"
1528
+ class="flex fullSize column alignItems_center justifyContent_center"
1558
1529
  data-id="containerComponent"
1559
1530
  data-selector-id="container"
1560
1531
  data-test-id="containerComponent"
1561
1532
  >
1562
1533
  <i
1563
1534
  aria-hidden="true"
1564
- class="zd_font_icons basic icon-close2 fbold "
1535
+ class="zd_font_icons basic icon-close2 fbold "
1565
1536
  data-id="fontIcon"
1566
1537
  data-selector-id="fontIcon"
1567
1538
  data-test-id="fontIcon"
@@ -1591,22 +1562,21 @@ exports[`Tag component Should render active - palette pureDarkDotted, size mediu
1591
1562
  <button
1592
1563
  aria-label="Delete"
1593
1564
  class="buttonReset close activeprimaryClose
1594
- lgRadiusClose
1595
- closeprimary"
1565
+ lgRadiusClose closeprimary "
1596
1566
  data-id="tag_RemoveTag"
1597
1567
  data-test-id="tag_RemoveTag"
1598
1568
  type="button"
1599
1569
  value="text"
1600
1570
  >
1601
1571
  <div
1602
- class="flex cover coldir both"
1572
+ class="flex fullSize column alignItems_center justifyContent_center"
1603
1573
  data-id="containerComponent"
1604
1574
  data-selector-id="container"
1605
1575
  data-test-id="containerComponent"
1606
1576
  >
1607
1577
  <i
1608
1578
  aria-hidden="true"
1609
- class="zd_font_icons basic icon-close2 fbold "
1579
+ class="zd_font_icons basic icon-close2 fbold "
1610
1580
  data-id="fontIcon"
1611
1581
  data-selector-id="fontIcon"
1612
1582
  data-test-id="fontIcon"
@@ -1636,22 +1606,21 @@ exports[`Tag component Should render active - palette pureDarkDotted, size small
1636
1606
  <button
1637
1607
  aria-label="Delete"
1638
1608
  class="buttonReset close activedangerClose
1639
- lgRadiusClose
1640
- closedanger"
1609
+ lgRadiusClose closedanger "
1641
1610
  data-id="tag_RemoveTag"
1642
1611
  data-test-id="tag_RemoveTag"
1643
1612
  type="button"
1644
1613
  value="text"
1645
1614
  >
1646
1615
  <div
1647
- class="flex cover coldir both"
1616
+ class="flex fullSize column alignItems_center justifyContent_center"
1648
1617
  data-id="containerComponent"
1649
1618
  data-selector-id="container"
1650
1619
  data-test-id="containerComponent"
1651
1620
  >
1652
1621
  <i
1653
1622
  aria-hidden="true"
1654
- class="zd_font_icons basic icon-close2 fbold "
1623
+ class="zd_font_icons basic icon-close2 fbold "
1655
1624
  data-id="fontIcon"
1656
1625
  data-selector-id="fontIcon"
1657
1626
  data-test-id="fontIcon"
@@ -1681,22 +1650,21 @@ exports[`Tag component Should render active - palette pureDarkDotted, size small
1681
1650
  <button
1682
1651
  aria-label="Delete"
1683
1652
  class="buttonReset close activeprimaryClose
1684
- lgRadiusClose
1685
- closeprimary"
1653
+ lgRadiusClose closeprimary "
1686
1654
  data-id="tag_RemoveTag"
1687
1655
  data-test-id="tag_RemoveTag"
1688
1656
  type="button"
1689
1657
  value="text"
1690
1658
  >
1691
1659
  <div
1692
- class="flex cover coldir both"
1660
+ class="flex fullSize column alignItems_center justifyContent_center"
1693
1661
  data-id="containerComponent"
1694
1662
  data-selector-id="container"
1695
1663
  data-test-id="containerComponent"
1696
1664
  >
1697
1665
  <i
1698
1666
  aria-hidden="true"
1699
- class="zd_font_icons basic icon-close2 fbold "
1667
+ class="zd_font_icons basic icon-close2 fbold "
1700
1668
  data-id="fontIcon"
1701
1669
  data-selector-id="fontIcon"
1702
1670
  data-test-id="fontIcon"
@@ -1726,22 +1694,21 @@ exports[`Tag component Should render active - palette pureDotted, size medium ,
1726
1694
  <button
1727
1695
  aria-label="Delete"
1728
1696
  class="buttonReset close activedangerClose
1729
- lgRadiusClose
1730
- closedanger"
1697
+ lgRadiusClose closedanger "
1731
1698
  data-id="tag_RemoveTag"
1732
1699
  data-test-id="tag_RemoveTag"
1733
1700
  type="button"
1734
1701
  value="text"
1735
1702
  >
1736
1703
  <div
1737
- class="flex cover coldir both"
1704
+ class="flex fullSize column alignItems_center justifyContent_center"
1738
1705
  data-id="containerComponent"
1739
1706
  data-selector-id="container"
1740
1707
  data-test-id="containerComponent"
1741
1708
  >
1742
1709
  <i
1743
1710
  aria-hidden="true"
1744
- class="zd_font_icons basic icon-close2 fbold "
1711
+ class="zd_font_icons basic icon-close2 fbold "
1745
1712
  data-id="fontIcon"
1746
1713
  data-selector-id="fontIcon"
1747
1714
  data-test-id="fontIcon"
@@ -1771,22 +1738,21 @@ exports[`Tag component Should render active - palette pureDotted, size medium ,
1771
1738
  <button
1772
1739
  aria-label="Delete"
1773
1740
  class="buttonReset close activeprimaryClose
1774
- lgRadiusClose
1775
- closeprimary"
1741
+ lgRadiusClose closeprimary "
1776
1742
  data-id="tag_RemoveTag"
1777
1743
  data-test-id="tag_RemoveTag"
1778
1744
  type="button"
1779
1745
  value="text"
1780
1746
  >
1781
1747
  <div
1782
- class="flex cover coldir both"
1748
+ class="flex fullSize column alignItems_center justifyContent_center"
1783
1749
  data-id="containerComponent"
1784
1750
  data-selector-id="container"
1785
1751
  data-test-id="containerComponent"
1786
1752
  >
1787
1753
  <i
1788
1754
  aria-hidden="true"
1789
- class="zd_font_icons basic icon-close2 fbold "
1755
+ class="zd_font_icons basic icon-close2 fbold "
1790
1756
  data-id="fontIcon"
1791
1757
  data-selector-id="fontIcon"
1792
1758
  data-test-id="fontIcon"
@@ -1816,22 +1782,21 @@ exports[`Tag component Should render active - palette pureDotted, size small , c
1816
1782
  <button
1817
1783
  aria-label="Delete"
1818
1784
  class="buttonReset close activedangerClose
1819
- lgRadiusClose
1820
- closedanger"
1785
+ lgRadiusClose closedanger "
1821
1786
  data-id="tag_RemoveTag"
1822
1787
  data-test-id="tag_RemoveTag"
1823
1788
  type="button"
1824
1789
  value="text"
1825
1790
  >
1826
1791
  <div
1827
- class="flex cover coldir both"
1792
+ class="flex fullSize column alignItems_center justifyContent_center"
1828
1793
  data-id="containerComponent"
1829
1794
  data-selector-id="container"
1830
1795
  data-test-id="containerComponent"
1831
1796
  >
1832
1797
  <i
1833
1798
  aria-hidden="true"
1834
- class="zd_font_icons basic icon-close2 fbold "
1799
+ class="zd_font_icons basic icon-close2 fbold "
1835
1800
  data-id="fontIcon"
1836
1801
  data-selector-id="fontIcon"
1837
1802
  data-test-id="fontIcon"
@@ -1861,22 +1826,21 @@ exports[`Tag component Should render active - palette pureDotted, size small , c
1861
1826
  <button
1862
1827
  aria-label="Delete"
1863
1828
  class="buttonReset close activeprimaryClose
1864
- lgRadiusClose
1865
- closeprimary"
1829
+ lgRadiusClose closeprimary "
1866
1830
  data-id="tag_RemoveTag"
1867
1831
  data-test-id="tag_RemoveTag"
1868
1832
  type="button"
1869
1833
  value="text"
1870
1834
  >
1871
1835
  <div
1872
- class="flex cover coldir both"
1836
+ class="flex fullSize column alignItems_center justifyContent_center"
1873
1837
  data-id="containerComponent"
1874
1838
  data-selector-id="container"
1875
1839
  data-test-id="containerComponent"
1876
1840
  >
1877
1841
  <i
1878
1842
  aria-hidden="true"
1879
- class="zd_font_icons basic icon-close2 fbold "
1843
+ class="zd_font_icons basic icon-close2 fbold "
1880
1844
  data-id="fontIcon"
1881
1845
  data-selector-id="fontIcon"
1882
1846
  data-test-id="fontIcon"
@@ -1906,22 +1870,21 @@ exports[`Tag component Should render active - palette secondary, size medium , c
1906
1870
  <button
1907
1871
  aria-label="Delete"
1908
1872
  class="buttonReset close activedangerClose
1909
- lgRadiusClose
1910
- closedanger"
1873
+ lgRadiusClose closedanger "
1911
1874
  data-id="tag_RemoveTag"
1912
1875
  data-test-id="tag_RemoveTag"
1913
1876
  type="button"
1914
1877
  value="text"
1915
1878
  >
1916
1879
  <div
1917
- class="flex cover coldir both"
1880
+ class="flex fullSize column alignItems_center justifyContent_center"
1918
1881
  data-id="containerComponent"
1919
1882
  data-selector-id="container"
1920
1883
  data-test-id="containerComponent"
1921
1884
  >
1922
1885
  <i
1923
1886
  aria-hidden="true"
1924
- class="zd_font_icons basic icon-close2 fbold "
1887
+ class="zd_font_icons basic icon-close2 fbold "
1925
1888
  data-id="fontIcon"
1926
1889
  data-selector-id="fontIcon"
1927
1890
  data-test-id="fontIcon"
@@ -1951,22 +1914,21 @@ exports[`Tag component Should render active - palette secondary, size medium , c
1951
1914
  <button
1952
1915
  aria-label="Delete"
1953
1916
  class="buttonReset close activeprimaryClose
1954
- lgRadiusClose
1955
- closeprimary"
1917
+ lgRadiusClose closeprimary "
1956
1918
  data-id="tag_RemoveTag"
1957
1919
  data-test-id="tag_RemoveTag"
1958
1920
  type="button"
1959
1921
  value="text"
1960
1922
  >
1961
1923
  <div
1962
- class="flex cover coldir both"
1924
+ class="flex fullSize column alignItems_center justifyContent_center"
1963
1925
  data-id="containerComponent"
1964
1926
  data-selector-id="container"
1965
1927
  data-test-id="containerComponent"
1966
1928
  >
1967
1929
  <i
1968
1930
  aria-hidden="true"
1969
- class="zd_font_icons basic icon-close2 fbold "
1931
+ class="zd_font_icons basic icon-close2 fbold "
1970
1932
  data-id="fontIcon"
1971
1933
  data-selector-id="fontIcon"
1972
1934
  data-test-id="fontIcon"
@@ -1996,22 +1958,21 @@ exports[`Tag component Should render active - palette secondary, size small , cl
1996
1958
  <button
1997
1959
  aria-label="Delete"
1998
1960
  class="buttonReset close activedangerClose
1999
- lgRadiusClose
2000
- closedanger"
1961
+ lgRadiusClose closedanger "
2001
1962
  data-id="tag_RemoveTag"
2002
1963
  data-test-id="tag_RemoveTag"
2003
1964
  type="button"
2004
1965
  value="text"
2005
1966
  >
2006
1967
  <div
2007
- class="flex cover coldir both"
1968
+ class="flex fullSize column alignItems_center justifyContent_center"
2008
1969
  data-id="containerComponent"
2009
1970
  data-selector-id="container"
2010
1971
  data-test-id="containerComponent"
2011
1972
  >
2012
1973
  <i
2013
1974
  aria-hidden="true"
2014
- class="zd_font_icons basic icon-close2 fbold "
1975
+ class="zd_font_icons basic icon-close2 fbold "
2015
1976
  data-id="fontIcon"
2016
1977
  data-selector-id="fontIcon"
2017
1978
  data-test-id="fontIcon"
@@ -2041,22 +2002,21 @@ exports[`Tag component Should render active - palette secondary, size small , cl
2041
2002
  <button
2042
2003
  aria-label="Delete"
2043
2004
  class="buttonReset close activeprimaryClose
2044
- lgRadiusClose
2045
- closeprimary"
2005
+ lgRadiusClose closeprimary "
2046
2006
  data-id="tag_RemoveTag"
2047
2007
  data-test-id="tag_RemoveTag"
2048
2008
  type="button"
2049
2009
  value="text"
2050
2010
  >
2051
2011
  <div
2052
- class="flex cover coldir both"
2012
+ class="flex fullSize column alignItems_center justifyContent_center"
2053
2013
  data-id="containerComponent"
2054
2014
  data-selector-id="container"
2055
2015
  data-test-id="containerComponent"
2056
2016
  >
2057
2017
  <i
2058
2018
  aria-hidden="true"
2059
- class="zd_font_icons basic icon-close2 fbold "
2019
+ class="zd_font_icons basic icon-close2 fbold "
2060
2020
  data-id="fontIcon"
2061
2021
  data-selector-id="fontIcon"
2062
2022
  data-test-id="fontIcon"
@@ -2410,22 +2370,21 @@ exports[`Tag component Should render closePalette - danger 1`] = `
2410
2370
  <button
2411
2371
  aria-label="Delete"
2412
2372
  class="buttonReset close activedangerClose
2413
- lgRadiusClose
2414
- closedanger"
2373
+ lgRadiusClose closedanger "
2415
2374
  data-id="tag_RemoveTag"
2416
2375
  data-test-id="tag_RemoveTag"
2417
2376
  type="button"
2418
2377
  value="text"
2419
2378
  >
2420
2379
  <div
2421
- class="flex cover coldir both"
2380
+ class="flex fullSize column alignItems_center justifyContent_center"
2422
2381
  data-id="containerComponent"
2423
2382
  data-selector-id="container"
2424
2383
  data-test-id="containerComponent"
2425
2384
  >
2426
2385
  <i
2427
2386
  aria-hidden="true"
2428
- class="zd_font_icons basic icon-close2 fbold "
2387
+ class="zd_font_icons basic icon-close2 fbold "
2429
2388
  data-id="fontIcon"
2430
2389
  data-selector-id="fontIcon"
2431
2390
  data-test-id="fontIcon"
@@ -2455,22 +2414,21 @@ exports[`Tag component Should render closePalette - primary 1`] = `
2455
2414
  <button
2456
2415
  aria-label="Delete"
2457
2416
  class="buttonReset close activeprimaryClose
2458
- lgRadiusClose
2459
- closeprimary"
2417
+ lgRadiusClose closeprimary "
2460
2418
  data-id="tag_RemoveTag"
2461
2419
  data-test-id="tag_RemoveTag"
2462
2420
  type="button"
2463
2421
  value="text"
2464
2422
  >
2465
2423
  <div
2466
- class="flex cover coldir both"
2424
+ class="flex fullSize column alignItems_center justifyContent_center"
2467
2425
  data-id="containerComponent"
2468
2426
  data-selector-id="container"
2469
2427
  data-test-id="containerComponent"
2470
2428
  >
2471
2429
  <i
2472
2430
  aria-hidden="true"
2473
- class="zd_font_icons basic icon-close2 fbold "
2431
+ class="zd_font_icons basic icon-close2 fbold "
2474
2432
  data-id="fontIcon"
2475
2433
  data-selector-id="fontIcon"
2476
2434
  data-test-id="fontIcon"
@@ -2500,22 +2458,21 @@ exports[`Tag component Should render onRemove - medium 1`] = `
2500
2458
  <button
2501
2459
  aria-label="Delete"
2502
2460
  class="buttonReset close activedangerClose
2503
- lgRadiusClose
2504
- closedanger"
2461
+ lgRadiusClose closedanger "
2505
2462
  data-id="tag_RemoveTag"
2506
2463
  data-test-id="tag_RemoveTag"
2507
2464
  type="button"
2508
2465
  value="text"
2509
2466
  >
2510
2467
  <div
2511
- class="flex cover coldir both"
2468
+ class="flex fullSize column alignItems_center justifyContent_center"
2512
2469
  data-id="containerComponent"
2513
2470
  data-selector-id="container"
2514
2471
  data-test-id="containerComponent"
2515
2472
  >
2516
2473
  <i
2517
2474
  aria-hidden="true"
2518
- class="zd_font_icons basic icon-close2 fbold "
2475
+ class="zd_font_icons basic icon-close2 fbold "
2519
2476
  data-id="fontIcon"
2520
2477
  data-selector-id="fontIcon"
2521
2478
  data-test-id="fontIcon"
@@ -2545,22 +2502,21 @@ exports[`Tag component Should render onRemove - small 1`] = `
2545
2502
  <button
2546
2503
  aria-label="Delete"
2547
2504
  class="buttonReset close activedangerClose
2548
- lgRadiusClose
2549
- closedanger"
2505
+ lgRadiusClose closedanger "
2550
2506
  data-id="tag_RemoveTag"
2551
2507
  data-test-id="tag_RemoveTag"
2552
2508
  type="button"
2553
2509
  value="text"
2554
2510
  >
2555
2511
  <div
2556
- class="flex cover coldir both"
2512
+ class="flex fullSize column alignItems_center justifyContent_center"
2557
2513
  data-id="containerComponent"
2558
2514
  data-selector-id="container"
2559
2515
  data-test-id="containerComponent"
2560
2516
  >
2561
2517
  <i
2562
2518
  aria-hidden="true"
2563
- class="zd_font_icons basic icon-close2 fbold "
2519
+ class="zd_font_icons basic icon-close2 fbold "
2564
2520
  data-id="fontIcon"
2565
2521
  data-selector-id="fontIcon"
2566
2522
  data-test-id="fontIcon"
@@ -2952,22 +2908,21 @@ exports[`Tag component rendering ally clearLabel 1`] = `
2952
2908
  <button
2953
2909
  aria-label="TagClearLabel"
2954
2910
  class="buttonReset close
2955
- lgRadiusClose
2956
- closedanger"
2911
+ lgRadiusClose closedanger "
2957
2912
  data-id="tag_RemoveTag"
2958
2913
  data-test-id="tag_RemoveTag"
2959
2914
  type="button"
2960
2915
  value="text"
2961
2916
  >
2962
2917
  <div
2963
- class="flex cover coldir both"
2918
+ class="flex fullSize column alignItems_center justifyContent_center"
2964
2919
  data-id="containerComponent"
2965
2920
  data-selector-id="container"
2966
2921
  data-test-id="containerComponent"
2967
2922
  >
2968
2923
  <i
2969
2924
  aria-hidden="true"
2970
- class="zd_font_icons basic icon-close2 fbold "
2925
+ class="zd_font_icons basic icon-close2 fbold "
2971
2926
  data-id="fontIcon"
2972
2927
  data-selector-id="fontIcon"
2973
2928
  data-test-id="fontIcon"
@@ -3012,7 +2967,7 @@ exports[`Tag component rendering the Custom class 1`] = `
3012
2967
  >
3013
2968
  <i
3014
2969
  aria-hidden="true"
3015
- class="zd_font_icons basic icon-androidd "
2970
+ class="zd_font_icons basic icon-androidd "
3016
2971
  data-id="fontIcon"
3017
2972
  data-selector-id="fontIcon"
3018
2973
  data-test-id="fontIcon"
@@ -3026,22 +2981,21 @@ exports[`Tag component rendering the Custom class 1`] = `
3026
2981
  <button
3027
2982
  aria-label="Delete"
3028
2983
  class="buttonReset close
3029
- lgRadiusClose
3030
- customCustomTagClose closedanger"
2984
+ lgRadiusClose closedanger customCustomTagClose"
3031
2985
  data-id="tag_RemoveTag"
3032
2986
  data-test-id="tag_RemoveTag"
3033
2987
  type="button"
3034
2988
  value="text"
3035
2989
  >
3036
2990
  <div
3037
- class="flex cover coldir both"
2991
+ class="flex fullSize column alignItems_center justifyContent_center"
3038
2992
  data-id="containerComponent"
3039
2993
  data-selector-id="container"
3040
2994
  data-test-id="containerComponent"
3041
2995
  >
3042
2996
  <i
3043
2997
  aria-hidden="true"
3044
- class="zd_font_icons basic icon-close2 fbold "
2998
+ class="zd_font_icons basic icon-close2 fbold "
3045
2999
  data-id="fontIcon"
3046
3000
  data-selector-id="fontIcon"
3047
3001
  data-test-id="fontIcon"