@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/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap CHANGED
@@ -3,44 +3,44 @@
3
3
  exports[`TabWrapper rendering the align prop of - horizontal 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="flex cover rowdir"
6
+ class="flex fullSize row"
7
7
  data-id="containerComponent"
8
8
  data-selector-id="tabWrapper"
9
9
  data-test-id="containerComponent"
10
10
  >
11
11
  <div
12
- class="shrinkOff"
12
+ class="noShrink"
13
13
  data-id="boxComponent"
14
14
  data-selector-id="tabs"
15
15
  data-test-id="boxComponent"
16
16
  >
17
17
  <div
18
- class="tab alpha alpha_border alpha_padding flex cover coldir"
18
+ class="flex fullSize column tab alpha alpha_border alpha_padding"
19
19
  data-id="containerComponent"
20
20
  data-selector-id="container"
21
21
  data-test-id="containerComponent"
22
22
  >
23
23
  <div
24
- class="grow basis shrinkOff"
24
+ class="flexible basis_zero noShrink"
25
25
  data-id="boxComponent"
26
26
  data-selector-id="box"
27
27
  data-test-id="boxComponent"
28
28
  >
29
29
  <div
30
- class="flex cover coldir"
30
+ class="flex fullSize column"
31
31
  data-id="containerComponent"
32
32
  data-selector-id="container"
33
33
  data-test-id="containerComponent"
34
34
  >
35
35
  <div
36
- class="menu shrinkOff"
36
+ class="noShrink menu"
37
37
  data-id="boxComponent"
38
38
  data-selector-id="tabs_moreIcon"
39
39
  data-test-id="boxComponent"
40
40
  >
41
41
  <button
42
42
  aria-label="MoreTabs"
43
- class="buttonReset flex cover coldir both"
43
+ class="flex fullSize column alignItems_center justifyContent_center buttonReset"
44
44
  data-id="moreTabs"
45
45
  data-selector-id="container"
46
46
  data-test-id="moreTabs"
@@ -48,7 +48,7 @@ exports[`TabWrapper rendering the align prop of - horizontal 1`] = `
48
48
  >
49
49
  <i
50
50
  aria-hidden="true"
51
- class="zd_font_icons basic icon-menu rtl "
51
+ class="zd_font_icons rtl basic icon-menu "
52
52
  data-id="fontIcon"
53
53
  data-selector-id="fontIcon"
54
54
  data-test-id="fontIcon"
@@ -61,14 +61,14 @@ exports[`TabWrapper rendering the align prop of - horizontal 1`] = `
61
61
  </div>
62
62
  </div>
63
63
  <div
64
- class="grow basis shrinkOff"
64
+ class="flexible basis_zero noShrink"
65
65
  data-id="boxComponent"
66
66
  data-selector-id="tabContentWrapper"
67
67
  data-test-id="boxComponent"
68
68
  >
69
69
  <div
70
70
  aria-labelledby="page1"
71
- class="container flex cover coldir"
71
+ class="flex fullSize column container"
72
72
  data-id="tabContent_TabContent"
73
73
  data-scroll="true"
74
74
  data-selector-id="tabContent"
@@ -88,44 +88,44 @@ exports[`TabWrapper rendering the align prop of - horizontal 1`] = `
88
88
  exports[`TabWrapper rendering the align prop of - horizontal-reverse 1`] = `
89
89
  <DocumentFragment>
90
90
  <div
91
- class="flex cover rowReverse"
91
+ class="flex fullSize rowReverse"
92
92
  data-id="containerComponent"
93
93
  data-selector-id="tabWrapper"
94
94
  data-test-id="containerComponent"
95
95
  >
96
96
  <div
97
- class="shrinkOff"
97
+ class="noShrink"
98
98
  data-id="boxComponent"
99
99
  data-selector-id="tabs"
100
100
  data-test-id="boxComponent"
101
101
  >
102
102
  <div
103
- class="tab alpha alpha_border alpha_padding flex cover coldir"
103
+ class="flex fullSize column tab alpha alpha_border alpha_padding"
104
104
  data-id="containerComponent"
105
105
  data-selector-id="container"
106
106
  data-test-id="containerComponent"
107
107
  >
108
108
  <div
109
- class="grow basis shrinkOff"
109
+ class="flexible basis_zero noShrink"
110
110
  data-id="boxComponent"
111
111
  data-selector-id="box"
112
112
  data-test-id="boxComponent"
113
113
  >
114
114
  <div
115
- class="flex cover coldir"
115
+ class="flex fullSize column"
116
116
  data-id="containerComponent"
117
117
  data-selector-id="container"
118
118
  data-test-id="containerComponent"
119
119
  >
120
120
  <div
121
- class="menu shrinkOff"
121
+ class="noShrink menu"
122
122
  data-id="boxComponent"
123
123
  data-selector-id="tabs_moreIcon"
124
124
  data-test-id="boxComponent"
125
125
  >
126
126
  <button
127
127
  aria-label="MoreTabs"
128
- class="buttonReset flex cover coldir both"
128
+ class="flex fullSize column alignItems_center justifyContent_center buttonReset"
129
129
  data-id="moreTabs"
130
130
  data-selector-id="container"
131
131
  data-test-id="moreTabs"
@@ -133,7 +133,7 @@ exports[`TabWrapper rendering the align prop of - horizontal-reverse 1`] = `
133
133
  >
134
134
  <i
135
135
  aria-hidden="true"
136
- class="zd_font_icons basic icon-menu rtl "
136
+ class="zd_font_icons rtl basic icon-menu "
137
137
  data-id="fontIcon"
138
138
  data-selector-id="fontIcon"
139
139
  data-test-id="fontIcon"
@@ -146,14 +146,14 @@ exports[`TabWrapper rendering the align prop of - horizontal-reverse 1`] = `
146
146
  </div>
147
147
  </div>
148
148
  <div
149
- class="grow basis shrinkOff"
149
+ class="flexible basis_zero noShrink"
150
150
  data-id="boxComponent"
151
151
  data-selector-id="tabContentWrapper"
152
152
  data-test-id="boxComponent"
153
153
  >
154
154
  <div
155
155
  aria-labelledby="page1"
156
- class="container flex cover coldir"
156
+ class="flex fullSize column container"
157
157
  data-id="tabContent_TabContent"
158
158
  data-scroll="true"
159
159
  data-selector-id="tabContent"
@@ -173,44 +173,44 @@ exports[`TabWrapper rendering the align prop of - horizontal-reverse 1`] = `
173
173
  exports[`TabWrapper rendering the align prop of - vertical 1`] = `
174
174
  <DocumentFragment>
175
175
  <div
176
- class="flex cover coldir"
176
+ class="flex fullSize column"
177
177
  data-id="containerComponent"
178
178
  data-selector-id="tabWrapper"
179
179
  data-test-id="containerComponent"
180
180
  >
181
181
  <div
182
- class="shrinkOff"
182
+ class="noShrink"
183
183
  data-id="boxComponent"
184
184
  data-selector-id="tabs"
185
185
  data-test-id="boxComponent"
186
186
  >
187
187
  <div
188
- class="tab alpha alpha_border alpha_padding flex cover rowdir"
188
+ class="flex fullSize row tab alpha alpha_border alpha_padding"
189
189
  data-id="containerComponent"
190
190
  data-selector-id="container"
191
191
  data-test-id="containerComponent"
192
192
  >
193
193
  <div
194
- class="grow basis shrinkOff"
194
+ class="flexible basis_zero noShrink"
195
195
  data-id="boxComponent"
196
196
  data-selector-id="box"
197
197
  data-test-id="boxComponent"
198
198
  >
199
199
  <div
200
- class="flex cover rowdir"
200
+ class="flex fullSize row"
201
201
  data-id="containerComponent"
202
202
  data-selector-id="container"
203
203
  data-test-id="containerComponent"
204
204
  >
205
205
  <div
206
- class="menu shrinkOff"
206
+ class="noShrink menu"
207
207
  data-id="boxComponent"
208
208
  data-selector-id="tabs_moreIcon"
209
209
  data-test-id="boxComponent"
210
210
  >
211
211
  <button
212
212
  aria-label="MoreTabs"
213
- class="buttonReset flex cover coldir both"
213
+ class="flex fullSize column alignItems_center justifyContent_center buttonReset"
214
214
  data-id="moreTabs"
215
215
  data-selector-id="container"
216
216
  data-test-id="moreTabs"
@@ -218,7 +218,7 @@ exports[`TabWrapper rendering the align prop of - vertical 1`] = `
218
218
  >
219
219
  <i
220
220
  aria-hidden="true"
221
- class="zd_font_icons basic icon-menu rtl "
221
+ class="zd_font_icons rtl basic icon-menu "
222
222
  data-id="fontIcon"
223
223
  data-selector-id="fontIcon"
224
224
  data-test-id="fontIcon"
@@ -231,14 +231,14 @@ exports[`TabWrapper rendering the align prop of - vertical 1`] = `
231
231
  </div>
232
232
  </div>
233
233
  <div
234
- class="grow basis shrinkOff"
234
+ class="flexible basis_zero noShrink"
235
235
  data-id="boxComponent"
236
236
  data-selector-id="tabContentWrapper"
237
237
  data-test-id="boxComponent"
238
238
  >
239
239
  <div
240
240
  aria-labelledby="page1"
241
- class="container flex cover coldir"
241
+ class="flex fullSize column container"
242
242
  data-id="tabContent_TabContent"
243
243
  data-scroll="true"
244
244
  data-selector-id="tabContent"
@@ -258,44 +258,44 @@ exports[`TabWrapper rendering the align prop of - vertical 1`] = `
258
258
  exports[`TabWrapper rendering the align prop of - vertical-reverse 1`] = `
259
259
  <DocumentFragment>
260
260
  <div
261
- class="flex cover colReverse"
261
+ class="flex fullSize columnReverse"
262
262
  data-id="containerComponent"
263
263
  data-selector-id="tabWrapper"
264
264
  data-test-id="containerComponent"
265
265
  >
266
266
  <div
267
- class="shrinkOff"
267
+ class="noShrink"
268
268
  data-id="boxComponent"
269
269
  data-selector-id="tabs"
270
270
  data-test-id="boxComponent"
271
271
  >
272
272
  <div
273
- class="tab alpha alpha_border alpha_padding flex cover rowdir"
273
+ class="flex fullSize row tab alpha alpha_border alpha_padding"
274
274
  data-id="containerComponent"
275
275
  data-selector-id="container"
276
276
  data-test-id="containerComponent"
277
277
  >
278
278
  <div
279
- class="grow basis shrinkOff"
279
+ class="flexible basis_zero noShrink"
280
280
  data-id="boxComponent"
281
281
  data-selector-id="box"
282
282
  data-test-id="boxComponent"
283
283
  >
284
284
  <div
285
- class="flex cover rowdir"
285
+ class="flex fullSize row"
286
286
  data-id="containerComponent"
287
287
  data-selector-id="container"
288
288
  data-test-id="containerComponent"
289
289
  >
290
290
  <div
291
- class="menu shrinkOff"
291
+ class="noShrink menu"
292
292
  data-id="boxComponent"
293
293
  data-selector-id="tabs_moreIcon"
294
294
  data-test-id="boxComponent"
295
295
  >
296
296
  <button
297
297
  aria-label="MoreTabs"
298
- class="buttonReset flex cover coldir both"
298
+ class="flex fullSize column alignItems_center justifyContent_center buttonReset"
299
299
  data-id="moreTabs"
300
300
  data-selector-id="container"
301
301
  data-test-id="moreTabs"
@@ -303,7 +303,7 @@ exports[`TabWrapper rendering the align prop of - vertical-reverse 1`] = `
303
303
  >
304
304
  <i
305
305
  aria-hidden="true"
306
- class="zd_font_icons basic icon-menu rtl "
306
+ class="zd_font_icons rtl basic icon-menu "
307
307
  data-id="fontIcon"
308
308
  data-selector-id="fontIcon"
309
309
  data-test-id="fontIcon"
@@ -316,14 +316,14 @@ exports[`TabWrapper rendering the align prop of - vertical-reverse 1`] = `
316
316
  </div>
317
317
  </div>
318
318
  <div
319
- class="grow basis shrinkOff"
319
+ class="flexible basis_zero noShrink"
320
320
  data-id="boxComponent"
321
321
  data-selector-id="tabContentWrapper"
322
322
  data-test-id="boxComponent"
323
323
  >
324
324
  <div
325
325
  aria-labelledby="page1"
326
- class="container flex cover coldir"
326
+ class="flex fullSize column container"
327
327
  data-id="tabContent_TabContent"
328
328
  data-scroll="true"
329
329
  data-selector-id="tabContent"
package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`TabWrapper rendering the defult props 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="flex cover coldir"
6
+ class="flex fullSize column"
7
7
  data-id="containerComponent"
8
8
  data-selector-id="tabWrapper"
9
9
  data-test-id="containerComponent"
package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap CHANGED
@@ -3,25 +3,25 @@
3
3
  exports[`Tabs rendering the defult props 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="shrinkOff"
6
+ class="noShrink"
7
7
  data-id="boxComponent"
8
8
  data-selector-id="tabs"
9
9
  data-test-id="boxComponent"
10
10
  >
11
11
  <div
12
- class="tab flex cover coldir"
12
+ class="flex fullSize column tab"
13
13
  data-id="containerComponent"
14
14
  data-selector-id="container"
15
15
  data-test-id="containerComponent"
16
16
  >
17
17
  <div
18
- class="grow basis shrinkOff"
18
+ class="flexible basis_zero noShrink"
19
19
  data-id="boxComponent"
20
20
  data-selector-id="box"
21
21
  data-test-id="boxComponent"
22
22
  >
23
23
  <div
24
- class="flex cover coldir"
24
+ class="flex fullSize column"
25
25
  data-id="containerComponent"
26
26
  data-selector-id="container"
27
27
  data-test-id="containerComponent"
package/es/Tag/Tag.js CHANGED
@@ -138,8 +138,7 @@ export default class Tag extends PureComponent {
138
138
  id: getAriaId
139
139
  }, text), onRemove && /*#__PURE__*/React.createElement(Button, {
140
140
  customClass: `${style.close} ${active ? style[`active${closePalette}Close`] : ''}
141
- ${rounded ? style.lgRadiusClose : style.smRadiusClose} ${isDarkPalette ? style.darkTagClose : ''}
142
- ${customTagClose} ${style[`close${closePalette}`]}`,
141
+ ${rounded ? style.lgRadiusClose : style.smRadiusClose} ${isDarkPalette ? style.darkTagClose : ''} ${style[`close${closePalette}`]} ${customTagClose}`,
143
142
  dataId: `${dataId}_RemoveTag`,
144
143
  title: closeTitle,
145
144
  onClick: this.handleRemove,