@zohodesk/components 1.6.19 → 1.6.21

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 (140) hide show
  1. package/README.md +15 -1
  2. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  3. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  4. package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  5. package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  6. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +98 -121
  7. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +45 -45
  8. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +24 -24
  9. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  10. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +87 -87
  11. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  12. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +5 -5
  13. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +6 -6
  14. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  15. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +25 -25
  16. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  17. package/es/Layout/Box.js +1 -115
  18. package/es/Layout/Container.js +1 -132
  19. package/es/Layout/props/defaultProps.js +1 -16
  20. package/es/Layout/props/propTypes.js +1 -46
  21. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  22. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  23. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  24. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -69
  25. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  26. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +69 -69
  27. package/es/MultiSelect/AdvancedMultiSelect.js +4 -2
  28. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +3 -3
  29. package/es/MultiSelect/MultiSelect.js +11 -7
  30. package/es/MultiSelect/MultiSelectWithAvatar.js +4 -2
  31. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  32. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  33. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +31 -31
  34. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +6 -6
  35. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  36. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  37. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  38. package/es/MultiSelect/props/defaultProps.js +3 -0
  39. package/es/MultiSelect/props/propTypes.js +1 -0
  40. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +130 -130
  41. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  42. package/es/Select/GroupSelect.js +4 -2
  43. package/es/Select/Select.js +9 -5
  44. package/es/Select/SelectWithAvatar.js +4 -2
  45. package/es/Select/SelectWithIcon.js +4 -2
  46. package/es/Select/__tests__/SelectWithIcon.spec.js +3 -1
  47. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +6 -6
  48. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +771 -749
  49. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  50. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +9 -9
  51. package/es/Select/props/defaultProps.js +4 -0
  52. package/es/Select/props/propTypes.js +3 -0
  53. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +44 -44
  54. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  55. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  56. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  57. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +36 -36
  58. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  59. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  60. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +46 -46
  61. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +164 -164
  62. package/es/css.js +0 -1
  63. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +10 -10
  64. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  65. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  66. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  67. package/lib/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  68. package/lib/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  69. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +98 -121
  70. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +45 -45
  71. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +24 -24
  72. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  73. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +87 -87
  74. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  75. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +5 -5
  76. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +6 -6
  77. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  78. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +25 -25
  79. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  80. package/lib/Layout/Box.js +7 -120
  81. package/lib/Layout/Container.js +7 -137
  82. package/lib/Layout/props/defaultProps.js +14 -19
  83. package/lib/Layout/props/propTypes.js +13 -52
  84. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  85. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  86. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  87. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -69
  88. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  89. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +69 -69
  90. package/lib/MultiSelect/AdvancedMultiSelect.js +4 -2
  91. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +3 -3
  92. package/lib/MultiSelect/MultiSelect.js +50 -45
  93. package/lib/MultiSelect/MultiSelectWithAvatar.js +4 -2
  94. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  95. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  96. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +31 -31
  97. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +6 -6
  98. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  99. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  100. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  101. package/lib/MultiSelect/props/defaultProps.js +3 -0
  102. package/lib/MultiSelect/props/propTypes.js +1 -0
  103. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +130 -130
  104. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  105. package/lib/Select/GroupSelect.js +4 -2
  106. package/lib/Select/Select.js +9 -5
  107. package/lib/Select/SelectWithAvatar.js +4 -2
  108. package/lib/Select/SelectWithIcon.js +4 -2
  109. package/lib/Select/__tests__/SelectWithIcon.spec.js +3 -1
  110. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +6 -6
  111. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +771 -749
  112. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  113. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +9 -9
  114. package/lib/Select/props/defaultProps.js +5 -2
  115. package/lib/Select/props/propTypes.js +3 -0
  116. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +44 -44
  117. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  118. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  119. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  120. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +36 -36
  121. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  122. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  123. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +46 -46
  124. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +164 -164
  125. package/lib/css.js +0 -2
  126. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +10 -10
  127. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  128. package/package.json +5 -5
  129. package/es/Layout/Layout.module.css +0 -336
  130. package/es/Layout/__tests__/Box.spec.js +0 -11
  131. package/es/Layout/__tests__/Container.spec.js +0 -11
  132. package/es/Layout/__tests__/__snapshots__/Box.spec.js.snap +0 -16
  133. package/es/Layout/__tests__/__snapshots__/Container.spec.js.snap +0 -16
  134. package/es/Layout/utils.js +0 -29
  135. package/lib/Layout/Layout.module.css +0 -336
  136. package/lib/Layout/__tests__/Box.spec.js +0 -18
  137. package/lib/Layout/__tests__/Container.spec.js +0 -18
  138. package/lib/Layout/__tests__/__snapshots__/Box.spec.js.snap +0 -16
  139. package/lib/Layout/__tests__/__snapshots__/Container.spec.js.snap +0 -16
  140. package/lib/Layout/utils.js +0 -59
@@ -27,7 +27,7 @@ exports[`Tag component Should be render closeTitle 1`] = `
27
27
  value="text"
28
28
  >
29
29
  <div
30
- class="flex cover coldir both"
30
+ class="flex fullSize column alignItems_center justifyContent_center"
31
31
  data-id="containerComponent"
32
32
  data-selector-id="container"
33
33
  data-test-id="containerComponent"
@@ -72,7 +72,7 @@ exports[`Tag component Should be render dataId when active if false 1`] = `
72
72
  value="text"
73
73
  >
74
74
  <div
75
- class="flex cover coldir both"
75
+ class="flex fullSize column alignItems_center justifyContent_center"
76
76
  data-id="containerComponent"
77
77
  data-selector-id="container"
78
78
  data-test-id="containerComponent"
@@ -117,7 +117,7 @@ exports[`Tag component Should be render dataId when active if true 1`] = `
117
117
  value="text"
118
118
  >
119
119
  <div
120
- class="flex cover coldir both"
120
+ class="flex fullSize column alignItems_center justifyContent_center"
121
121
  data-id="containerComponent"
122
122
  data-selector-id="container"
123
123
  data-test-id="containerComponent"
@@ -368,7 +368,7 @@ exports[`Tag component Should be render rounded is false 1`] = `
368
368
  value="text"
369
369
  >
370
370
  <div
371
- class="flex cover coldir both"
371
+ class="flex fullSize column alignItems_center justifyContent_center"
372
372
  data-id="containerComponent"
373
373
  data-selector-id="container"
374
374
  data-test-id="containerComponent"
@@ -474,7 +474,7 @@ exports[`Tag component Should render active - palette danger, size medium , clos
474
474
  value="text"
475
475
  >
476
476
  <div
477
- class="flex cover coldir both"
477
+ class="flex fullSize column alignItems_center justifyContent_center"
478
478
  data-id="containerComponent"
479
479
  data-selector-id="container"
480
480
  data-test-id="containerComponent"
@@ -519,7 +519,7 @@ exports[`Tag component Should render active - palette danger, size medium , clos
519
519
  value="text"
520
520
  >
521
521
  <div
522
- class="flex cover coldir both"
522
+ class="flex fullSize column alignItems_center justifyContent_center"
523
523
  data-id="containerComponent"
524
524
  data-selector-id="container"
525
525
  data-test-id="containerComponent"
@@ -564,7 +564,7 @@ exports[`Tag component Should render active - palette danger, size small , close
564
564
  value="text"
565
565
  >
566
566
  <div
567
- class="flex cover coldir both"
567
+ class="flex fullSize column alignItems_center justifyContent_center"
568
568
  data-id="containerComponent"
569
569
  data-selector-id="container"
570
570
  data-test-id="containerComponent"
@@ -609,7 +609,7 @@ exports[`Tag component Should render active - palette danger, size small , close
609
609
  value="text"
610
610
  >
611
611
  <div
612
- class="flex cover coldir both"
612
+ class="flex fullSize column alignItems_center justifyContent_center"
613
613
  data-id="containerComponent"
614
614
  data-selector-id="container"
615
615
  data-test-id="containerComponent"
@@ -654,7 +654,7 @@ exports[`Tag component Should render active - palette dark, size medium , closeP
654
654
  value="text"
655
655
  >
656
656
  <div
657
- class="flex cover coldir both"
657
+ class="flex fullSize column alignItems_center justifyContent_center"
658
658
  data-id="containerComponent"
659
659
  data-selector-id="container"
660
660
  data-test-id="containerComponent"
@@ -699,7 +699,7 @@ exports[`Tag component Should render active - palette dark, size medium , closeP
699
699
  value="text"
700
700
  >
701
701
  <div
702
- class="flex cover coldir both"
702
+ class="flex fullSize column alignItems_center justifyContent_center"
703
703
  data-id="containerComponent"
704
704
  data-selector-id="container"
705
705
  data-test-id="containerComponent"
@@ -744,7 +744,7 @@ exports[`Tag component Should render active - palette dark, size small , closePa
744
744
  value="text"
745
745
  >
746
746
  <div
747
- class="flex cover coldir both"
747
+ class="flex fullSize column alignItems_center justifyContent_center"
748
748
  data-id="containerComponent"
749
749
  data-selector-id="container"
750
750
  data-test-id="containerComponent"
@@ -789,7 +789,7 @@ exports[`Tag component Should render active - palette dark, size small , closePa
789
789
  value="text"
790
790
  >
791
791
  <div
792
- class="flex cover coldir both"
792
+ class="flex fullSize column alignItems_center justifyContent_center"
793
793
  data-id="containerComponent"
794
794
  data-selector-id="container"
795
795
  data-test-id="containerComponent"
@@ -834,7 +834,7 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size me
834
834
  value="text"
835
835
  >
836
836
  <div
837
- class="flex cover coldir both"
837
+ class="flex fullSize column alignItems_center justifyContent_center"
838
838
  data-id="containerComponent"
839
839
  data-selector-id="container"
840
840
  data-test-id="containerComponent"
@@ -879,7 +879,7 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size me
879
879
  value="text"
880
880
  >
881
881
  <div
882
- class="flex cover coldir both"
882
+ class="flex fullSize column alignItems_center justifyContent_center"
883
883
  data-id="containerComponent"
884
884
  data-selector-id="container"
885
885
  data-test-id="containerComponent"
@@ -924,7 +924,7 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size sm
924
924
  value="text"
925
925
  >
926
926
  <div
927
- class="flex cover coldir both"
927
+ class="flex fullSize column alignItems_center justifyContent_center"
928
928
  data-id="containerComponent"
929
929
  data-selector-id="container"
930
930
  data-test-id="containerComponent"
@@ -969,7 +969,7 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size sm
969
969
  value="text"
970
970
  >
971
971
  <div
972
- class="flex cover coldir both"
972
+ class="flex fullSize column alignItems_center justifyContent_center"
973
973
  data-id="containerComponent"
974
974
  data-selector-id="container"
975
975
  data-test-id="containerComponent"
@@ -1014,7 +1014,7 @@ exports[`Tag component Should render active - palette default, size medium , clo
1014
1014
  value="text"
1015
1015
  >
1016
1016
  <div
1017
- class="flex cover coldir both"
1017
+ class="flex fullSize column alignItems_center justifyContent_center"
1018
1018
  data-id="containerComponent"
1019
1019
  data-selector-id="container"
1020
1020
  data-test-id="containerComponent"
@@ -1059,7 +1059,7 @@ exports[`Tag component Should render active - palette default, size medium , clo
1059
1059
  value="text"
1060
1060
  >
1061
1061
  <div
1062
- class="flex cover coldir both"
1062
+ class="flex fullSize column alignItems_center justifyContent_center"
1063
1063
  data-id="containerComponent"
1064
1064
  data-selector-id="container"
1065
1065
  data-test-id="containerComponent"
@@ -1104,7 +1104,7 @@ exports[`Tag component Should render active - palette default, size small , clos
1104
1104
  value="text"
1105
1105
  >
1106
1106
  <div
1107
- class="flex cover coldir both"
1107
+ class="flex fullSize column alignItems_center justifyContent_center"
1108
1108
  data-id="containerComponent"
1109
1109
  data-selector-id="container"
1110
1110
  data-test-id="containerComponent"
@@ -1149,7 +1149,7 @@ exports[`Tag component Should render active - palette default, size small , clos
1149
1149
  value="text"
1150
1150
  >
1151
1151
  <div
1152
- class="flex cover coldir both"
1152
+ class="flex fullSize column alignItems_center justifyContent_center"
1153
1153
  data-id="containerComponent"
1154
1154
  data-selector-id="container"
1155
1155
  data-test-id="containerComponent"
@@ -1194,7 +1194,7 @@ exports[`Tag component Should render active - palette defaultLink, size medium ,
1194
1194
  value="text"
1195
1195
  >
1196
1196
  <div
1197
- class="flex cover coldir both"
1197
+ class="flex fullSize column alignItems_center justifyContent_center"
1198
1198
  data-id="containerComponent"
1199
1199
  data-selector-id="container"
1200
1200
  data-test-id="containerComponent"
@@ -1239,7 +1239,7 @@ exports[`Tag component Should render active - palette defaultLink, size medium ,
1239
1239
  value="text"
1240
1240
  >
1241
1241
  <div
1242
- class="flex cover coldir both"
1242
+ class="flex fullSize column alignItems_center justifyContent_center"
1243
1243
  data-id="containerComponent"
1244
1244
  data-selector-id="container"
1245
1245
  data-test-id="containerComponent"
@@ -1284,7 +1284,7 @@ exports[`Tag component Should render active - palette defaultLink, size small ,
1284
1284
  value="text"
1285
1285
  >
1286
1286
  <div
1287
- class="flex cover coldir both"
1287
+ class="flex fullSize column alignItems_center justifyContent_center"
1288
1288
  data-id="containerComponent"
1289
1289
  data-selector-id="container"
1290
1290
  data-test-id="containerComponent"
@@ -1329,7 +1329,7 @@ exports[`Tag component Should render active - palette defaultLink, size small ,
1329
1329
  value="text"
1330
1330
  >
1331
1331
  <div
1332
- class="flex cover coldir both"
1332
+ class="flex fullSize column alignItems_center justifyContent_center"
1333
1333
  data-id="containerComponent"
1334
1334
  data-selector-id="container"
1335
1335
  data-test-id="containerComponent"
@@ -1374,7 +1374,7 @@ exports[`Tag component Should render active - palette primaryDotted, size medium
1374
1374
  value="text"
1375
1375
  >
1376
1376
  <div
1377
- class="flex cover coldir both"
1377
+ class="flex fullSize column alignItems_center justifyContent_center"
1378
1378
  data-id="containerComponent"
1379
1379
  data-selector-id="container"
1380
1380
  data-test-id="containerComponent"
@@ -1419,7 +1419,7 @@ exports[`Tag component Should render active - palette primaryDotted, size medium
1419
1419
  value="text"
1420
1420
  >
1421
1421
  <div
1422
- class="flex cover coldir both"
1422
+ class="flex fullSize column alignItems_center justifyContent_center"
1423
1423
  data-id="containerComponent"
1424
1424
  data-selector-id="container"
1425
1425
  data-test-id="containerComponent"
@@ -1464,7 +1464,7 @@ exports[`Tag component Should render active - palette primaryDotted, size small
1464
1464
  value="text"
1465
1465
  >
1466
1466
  <div
1467
- class="flex cover coldir both"
1467
+ class="flex fullSize column alignItems_center justifyContent_center"
1468
1468
  data-id="containerComponent"
1469
1469
  data-selector-id="container"
1470
1470
  data-test-id="containerComponent"
@@ -1509,7 +1509,7 @@ exports[`Tag component Should render active - palette primaryDotted, size small
1509
1509
  value="text"
1510
1510
  >
1511
1511
  <div
1512
- class="flex cover coldir both"
1512
+ class="flex fullSize column alignItems_center justifyContent_center"
1513
1513
  data-id="containerComponent"
1514
1514
  data-selector-id="container"
1515
1515
  data-test-id="containerComponent"
@@ -1554,7 +1554,7 @@ exports[`Tag component Should render active - palette pureDarkDotted, size mediu
1554
1554
  value="text"
1555
1555
  >
1556
1556
  <div
1557
- class="flex cover coldir both"
1557
+ class="flex fullSize column alignItems_center justifyContent_center"
1558
1558
  data-id="containerComponent"
1559
1559
  data-selector-id="container"
1560
1560
  data-test-id="containerComponent"
@@ -1599,7 +1599,7 @@ exports[`Tag component Should render active - palette pureDarkDotted, size mediu
1599
1599
  value="text"
1600
1600
  >
1601
1601
  <div
1602
- class="flex cover coldir both"
1602
+ class="flex fullSize column alignItems_center justifyContent_center"
1603
1603
  data-id="containerComponent"
1604
1604
  data-selector-id="container"
1605
1605
  data-test-id="containerComponent"
@@ -1644,7 +1644,7 @@ exports[`Tag component Should render active - palette pureDarkDotted, size small
1644
1644
  value="text"
1645
1645
  >
1646
1646
  <div
1647
- class="flex cover coldir both"
1647
+ class="flex fullSize column alignItems_center justifyContent_center"
1648
1648
  data-id="containerComponent"
1649
1649
  data-selector-id="container"
1650
1650
  data-test-id="containerComponent"
@@ -1689,7 +1689,7 @@ exports[`Tag component Should render active - palette pureDarkDotted, size small
1689
1689
  value="text"
1690
1690
  >
1691
1691
  <div
1692
- class="flex cover coldir both"
1692
+ class="flex fullSize column alignItems_center justifyContent_center"
1693
1693
  data-id="containerComponent"
1694
1694
  data-selector-id="container"
1695
1695
  data-test-id="containerComponent"
@@ -1734,7 +1734,7 @@ exports[`Tag component Should render active - palette pureDotted, size medium ,
1734
1734
  value="text"
1735
1735
  >
1736
1736
  <div
1737
- class="flex cover coldir both"
1737
+ class="flex fullSize column alignItems_center justifyContent_center"
1738
1738
  data-id="containerComponent"
1739
1739
  data-selector-id="container"
1740
1740
  data-test-id="containerComponent"
@@ -1779,7 +1779,7 @@ exports[`Tag component Should render active - palette pureDotted, size medium ,
1779
1779
  value="text"
1780
1780
  >
1781
1781
  <div
1782
- class="flex cover coldir both"
1782
+ class="flex fullSize column alignItems_center justifyContent_center"
1783
1783
  data-id="containerComponent"
1784
1784
  data-selector-id="container"
1785
1785
  data-test-id="containerComponent"
@@ -1824,7 +1824,7 @@ exports[`Tag component Should render active - palette pureDotted, size small , c
1824
1824
  value="text"
1825
1825
  >
1826
1826
  <div
1827
- class="flex cover coldir both"
1827
+ class="flex fullSize column alignItems_center justifyContent_center"
1828
1828
  data-id="containerComponent"
1829
1829
  data-selector-id="container"
1830
1830
  data-test-id="containerComponent"
@@ -1869,7 +1869,7 @@ exports[`Tag component Should render active - palette pureDotted, size small , c
1869
1869
  value="text"
1870
1870
  >
1871
1871
  <div
1872
- class="flex cover coldir both"
1872
+ class="flex fullSize column alignItems_center justifyContent_center"
1873
1873
  data-id="containerComponent"
1874
1874
  data-selector-id="container"
1875
1875
  data-test-id="containerComponent"
@@ -1914,7 +1914,7 @@ exports[`Tag component Should render active - palette secondary, size medium , c
1914
1914
  value="text"
1915
1915
  >
1916
1916
  <div
1917
- class="flex cover coldir both"
1917
+ class="flex fullSize column alignItems_center justifyContent_center"
1918
1918
  data-id="containerComponent"
1919
1919
  data-selector-id="container"
1920
1920
  data-test-id="containerComponent"
@@ -1959,7 +1959,7 @@ exports[`Tag component Should render active - palette secondary, size medium , c
1959
1959
  value="text"
1960
1960
  >
1961
1961
  <div
1962
- class="flex cover coldir both"
1962
+ class="flex fullSize column alignItems_center justifyContent_center"
1963
1963
  data-id="containerComponent"
1964
1964
  data-selector-id="container"
1965
1965
  data-test-id="containerComponent"
@@ -2004,7 +2004,7 @@ exports[`Tag component Should render active - palette secondary, size small , cl
2004
2004
  value="text"
2005
2005
  >
2006
2006
  <div
2007
- class="flex cover coldir both"
2007
+ class="flex fullSize column alignItems_center justifyContent_center"
2008
2008
  data-id="containerComponent"
2009
2009
  data-selector-id="container"
2010
2010
  data-test-id="containerComponent"
@@ -2049,7 +2049,7 @@ exports[`Tag component Should render active - palette secondary, size small , cl
2049
2049
  value="text"
2050
2050
  >
2051
2051
  <div
2052
- class="flex cover coldir both"
2052
+ class="flex fullSize column alignItems_center justifyContent_center"
2053
2053
  data-id="containerComponent"
2054
2054
  data-selector-id="container"
2055
2055
  data-test-id="containerComponent"
@@ -2418,7 +2418,7 @@ exports[`Tag component Should render closePalette - danger 1`] = `
2418
2418
  value="text"
2419
2419
  >
2420
2420
  <div
2421
- class="flex cover coldir both"
2421
+ class="flex fullSize column alignItems_center justifyContent_center"
2422
2422
  data-id="containerComponent"
2423
2423
  data-selector-id="container"
2424
2424
  data-test-id="containerComponent"
@@ -2463,7 +2463,7 @@ exports[`Tag component Should render closePalette - primary 1`] = `
2463
2463
  value="text"
2464
2464
  >
2465
2465
  <div
2466
- class="flex cover coldir both"
2466
+ class="flex fullSize column alignItems_center justifyContent_center"
2467
2467
  data-id="containerComponent"
2468
2468
  data-selector-id="container"
2469
2469
  data-test-id="containerComponent"
@@ -2508,7 +2508,7 @@ exports[`Tag component Should render onRemove - medium 1`] = `
2508
2508
  value="text"
2509
2509
  >
2510
2510
  <div
2511
- class="flex cover coldir both"
2511
+ class="flex fullSize column alignItems_center justifyContent_center"
2512
2512
  data-id="containerComponent"
2513
2513
  data-selector-id="container"
2514
2514
  data-test-id="containerComponent"
@@ -2553,7 +2553,7 @@ exports[`Tag component Should render onRemove - small 1`] = `
2553
2553
  value="text"
2554
2554
  >
2555
2555
  <div
2556
- class="flex cover coldir both"
2556
+ class="flex fullSize column alignItems_center justifyContent_center"
2557
2557
  data-id="containerComponent"
2558
2558
  data-selector-id="container"
2559
2559
  data-test-id="containerComponent"
@@ -2960,7 +2960,7 @@ exports[`Tag component rendering ally clearLabel 1`] = `
2960
2960
  value="text"
2961
2961
  >
2962
2962
  <div
2963
- class="flex cover coldir both"
2963
+ class="flex fullSize column alignItems_center justifyContent_center"
2964
2964
  data-id="containerComponent"
2965
2965
  data-selector-id="container"
2966
2966
  data-test-id="containerComponent"
@@ -3034,7 +3034,7 @@ exports[`Tag component rendering the Custom class 1`] = `
3034
3034
  value="text"
3035
3035
  >
3036
3036
  <div
3037
- class="flex cover coldir both"
3037
+ class="flex fullSize column alignItems_center justifyContent_center"
3038
3038
  data-id="containerComponent"
3039
3039
  data-selector-id="container"
3040
3040
  data-test-id="containerComponent"