@zohodesk/components 1.0.0-temp-203.2 → 1.0.0-temp-205

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 (156) hide show
  1. package/.cli/PropUnificationExcludeFilesArray.js +230 -230
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +29 -0
  5. package/css_error.log +1 -1
  6. package/es/AppContainer/AppContainer.js +0 -1
  7. package/es/Avatar/Avatar.js +9 -9
  8. package/es/Avatar/Avatar.module.css +2 -2
  9. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  10. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  11. package/es/Button/css/Button.module.css +22 -6
  12. package/es/Buttongroup/Buttongroup.module.css +1 -1
  13. package/es/CheckBox/CheckBox.js +3 -2
  14. package/es/CheckBox/props/propTypes.js +2 -1
  15. package/es/DateTime/DateTime.module.css +11 -8
  16. package/es/DateTime/DateWidget.js +8 -3
  17. package/es/DateTime/DateWidget.module.css +1 -0
  18. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +3 -3
  19. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +1 -1
  20. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +3 -3
  21. package/es/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  22. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +24 -9
  23. package/es/DropBox/DropBoxPositionMapping.js +142 -0
  24. package/es/DropBox/css/DropBox.module.css +1 -1
  25. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  26. package/es/MultiSelect/MultiSelect.js +11 -3
  27. package/es/MultiSelect/MultiSelect.module.css +4 -0
  28. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +1 -1
  29. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +1 -1
  30. package/es/MultiSelect/props/defaultProps.js +2 -1
  31. package/es/MultiSelect/props/propTypes.js +4 -1
  32. package/es/Popup/Popup.js +1 -1
  33. package/es/Popup/PositionMapping.js +72 -0
  34. package/es/Provider/LibraryContext.js +15 -3
  35. package/es/Provider/LibraryContextInit.js +1 -1
  36. package/es/Radio/Radio.js +3 -2
  37. package/es/Radio/Radio.module.css +2 -1
  38. package/es/Radio/props/propTypes.js +2 -1
  39. package/es/Ribbon/Ribbon.module.css +6 -6
  40. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  41. package/es/Select/Select.js +13 -8
  42. package/es/Select/Select.module.css +3 -0
  43. package/es/Select/SelectWithIcon.js +24 -4
  44. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +1 -1
  45. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +1 -1
  46. package/es/Select/props/defaultProps.js +2 -1
  47. package/es/Select/props/propTypes.js +7 -1
  48. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  49. package/es/Switch/Switch.module.css +2 -1
  50. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  51. package/es/Tab/Tabs.module.css +3 -3
  52. package/es/Tag/Tag.js +3 -1
  53. package/es/Tag/__tests__/Tag.spec.js +10 -0
  54. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +20 -0
  55. package/es/Tag/props/defaultProps.js +1 -0
  56. package/es/Tag/props/propTypes.js +1 -0
  57. package/es/TextBoxIcon/TextBoxIcon.js +13 -3
  58. package/es/TextBoxIcon/props/defaultProps.js +1 -0
  59. package/es/TextBoxIcon/props/propTypes.js +3 -1
  60. package/es/Tooltip/Tooltip.module.css +3 -0
  61. package/es/v1/AppContainer/AppContainer.js +0 -1
  62. package/es/v1/Avatar/Avatar.js +5 -5
  63. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  64. package/es/v1/Button/Button.js +4 -4
  65. package/es/v1/Card/Card.js +4 -4
  66. package/es/v1/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  67. package/es/v1/Popup/Popup.js +1 -1
  68. package/es/v1/Select/Select.js +3 -1
  69. package/es/v1/Select/props/propTypes.js +1 -0
  70. package/es/v1/Tab/v1Tabs.module.css +3 -3
  71. package/es/v1/Tag/Tag.js +3 -1
  72. package/es/v1/Tag/props/defaultProps.js +1 -0
  73. package/es/v1/Tag/props/propTypes.js +1 -0
  74. package/es/v1/TextBoxIcon/TextBoxIcon.js +9 -1
  75. package/es/v1/TextBoxIcon/props/defaultProps.js +1 -0
  76. package/es/v1/TextBoxIcon/props/propTypes.js +1 -0
  77. package/lib/AppContainer/AppContainer.js +0 -2
  78. package/lib/Avatar/Avatar.js +9 -9
  79. package/lib/Avatar/Avatar.module.css +2 -2
  80. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  81. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  82. package/lib/Button/css/Button.module.css +22 -6
  83. package/lib/Buttongroup/Buttongroup.module.css +1 -1
  84. package/lib/CheckBox/CheckBox.js +3 -2
  85. package/lib/CheckBox/props/propTypes.js +2 -1
  86. package/lib/DateTime/DateTime.module.css +11 -8
  87. package/lib/DateTime/DateWidget.js +11 -4
  88. package/lib/DateTime/DateWidget.module.css +1 -0
  89. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +3 -3
  90. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +1 -1
  91. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +3 -3
  92. package/lib/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  93. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +24 -9
  94. package/lib/DropBox/DropBoxPositionMapping.js +149 -0
  95. package/lib/DropBox/css/DropBox.module.css +1 -1
  96. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  97. package/lib/MultiSelect/MultiSelect.js +12 -4
  98. package/lib/MultiSelect/MultiSelect.module.css +4 -0
  99. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +1 -1
  100. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +1 -1
  101. package/lib/MultiSelect/props/defaultProps.js +2 -1
  102. package/lib/MultiSelect/props/propTypes.js +4 -1
  103. package/lib/Popup/Popup.js +1 -1
  104. package/lib/Popup/PositionMapping.js +81 -0
  105. package/lib/Provider/LibraryContext.js +15 -5
  106. package/lib/Provider/LibraryContextInit.js +1 -1
  107. package/lib/Radio/Radio.js +3 -2
  108. package/lib/Radio/Radio.module.css +2 -1
  109. package/lib/Radio/props/propTypes.js +2 -1
  110. package/lib/Ribbon/Ribbon.module.css +6 -6
  111. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  112. package/lib/Select/Select.js +14 -9
  113. package/lib/Select/Select.module.css +3 -0
  114. package/lib/Select/SelectWithIcon.js +33 -6
  115. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +1 -1
  116. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +1 -1
  117. package/lib/Select/props/defaultProps.js +1 -1
  118. package/lib/Select/props/propTypes.js +7 -1
  119. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  120. package/lib/Switch/Switch.module.css +2 -1
  121. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  122. package/lib/Tab/Tabs.module.css +3 -3
  123. package/lib/Tag/Tag.js +5 -2
  124. package/lib/Tag/__tests__/Tag.spec.js +10 -0
  125. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +20 -0
  126. package/lib/Tag/props/defaultProps.js +1 -0
  127. package/lib/Tag/props/propTypes.js +1 -0
  128. package/lib/TextBoxIcon/TextBoxIcon.js +14 -3
  129. package/lib/TextBoxIcon/props/defaultProps.js +1 -0
  130. package/lib/TextBoxIcon/props/propTypes.js +3 -1
  131. package/lib/Tooltip/Tooltip.module.css +3 -0
  132. package/lib/v1/AppContainer/AppContainer.js +0 -2
  133. package/lib/v1/Avatar/Avatar.js +5 -5
  134. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  135. package/lib/v1/Button/Button.js +4 -4
  136. package/lib/v1/Card/Card.js +4 -4
  137. package/lib/v1/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  138. package/lib/v1/Popup/Popup.js +1 -1
  139. package/lib/v1/Select/Select.js +4 -2
  140. package/lib/v1/Select/props/propTypes.js +1 -0
  141. package/lib/v1/Tab/v1Tabs.module.css +3 -3
  142. package/lib/v1/Tag/Tag.js +5 -2
  143. package/lib/v1/Tag/props/defaultProps.js +1 -0
  144. package/lib/v1/Tag/props/propTypes.js +1 -0
  145. package/lib/v1/TextBoxIcon/TextBoxIcon.js +9 -1
  146. package/lib/v1/TextBoxIcon/props/defaultProps.js +1 -0
  147. package/lib/v1/TextBoxIcon/props/propTypes.js +1 -0
  148. package/package.json +17 -13
  149. package/propValidationArg.json +11 -11
  150. package/result.json +1 -1
  151. package/es/DropBox/DropBoxPositionMapping.json +0 -145
  152. package/es/Popup/PositionMapping.json +0 -74
  153. package/lib/DropBox/DropBoxPositionMapping.json +0 -145
  154. package/lib/Popup/PositionMapping.json +0 -74
  155. /package/es/{common → deprecated}/boxShadow.module.css +0 -0
  156. /package/lib/{common → deprecated}/boxShadow.module.css +0 -0
package/es/Label/__tests__/__snapshots__/Label.spec.js.snap CHANGED
@@ -1,312 +1,312 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Label rendering the Id 1`] = `
4
- <DocumentFragment>
5
- <label
6
- class="label title medium default font_default
7
- cursor "
8
- data-id="label"
9
- data-selector-id="label"
10
- data-test-id="label"
11
- id="LabelID"
12
- >
13
- Label
14
- </label>
15
- </DocumentFragment>
16
- `;
17
-
18
- exports[`Label rendering the clipped is true 1`] = `
19
- <DocumentFragment>
20
- <label
21
- class="label title medium default font_default
22
- dotted cursor "
23
- data-id="label"
24
- data-selector-id="label"
25
- data-test-id="label"
26
- >
27
- Label
28
- </label>
29
- </DocumentFragment>
30
- `;
31
-
32
- exports[`Label rendering the customClass 1`] = `
33
- <DocumentFragment>
34
- <label
35
- class="label title medium default font_default
36
- cursor LabelCustomClass "
37
- data-id="label"
38
- data-selector-id="label"
39
- data-test-id="label"
40
- >
41
- Label
42
- </label>
43
- </DocumentFragment>
44
- `;
45
-
46
- exports[`Label rendering the defult props 1`] = `
47
- <DocumentFragment>
48
- <label
49
- class="label title medium default font_default
50
- cursor "
51
- data-id="label"
52
- data-selector-id="label"
53
- data-test-id="label"
54
- >
55
- Label
56
- </label>
57
- </DocumentFragment>
58
- `;
59
-
60
- exports[`Label rendering the htmlFor 1`] = `
61
- <DocumentFragment>
62
- <label
63
- class="label title medium default font_default
64
- cursor "
65
- data-id="label"
66
- data-selector-id="label"
67
- data-test-id="label"
68
- for="LabelHtmlFor"
69
- >
70
- Label
71
- </label>
72
- </DocumentFragment>
73
- `;
74
-
75
- exports[`Label rendering the onClick prop with asFragment and toMatchSnapshot 1`] = `
76
- <DocumentFragment>
77
- <label
78
- class="label title medium default font_default
79
- pointer "
80
- data-id="label"
81
- data-selector-id="label"
82
- data-test-id="label"
83
- >
84
- Click Me
85
- </label>
86
- </DocumentFragment>
87
- `;
88
-
89
- exports[`Label rendering the palette of- danger 1`] = `
90
- <DocumentFragment>
91
- <label
92
- class="label title medium danger font_default
93
- cursor "
94
- data-id="label"
95
- data-selector-id="label"
96
- data-test-id="label"
97
- >
98
- Label
99
- </label>
100
- </DocumentFragment>
101
- `;
102
-
103
- exports[`Label rendering the palette of- dark 1`] = `
104
- <DocumentFragment>
105
- <label
106
- class="label title medium dark font_default
107
- cursor "
108
- data-id="label"
109
- data-selector-id="label"
110
- data-test-id="label"
111
- >
112
- Label
113
- </label>
114
- </DocumentFragment>
115
- `;
116
-
117
- exports[`Label rendering the palette of- default 1`] = `
118
- <DocumentFragment>
119
- <label
120
- class="label title medium default font_default
121
- cursor "
122
- data-id="label"
123
- data-selector-id="label"
124
- data-test-id="label"
125
- >
126
- Label
127
- </label>
128
- </DocumentFragment>
129
- `;
130
-
131
- exports[`Label rendering the palette of- disable 1`] = `
132
- <DocumentFragment>
133
- <label
134
- class="label title medium disable font_default
135
- cursor "
136
- data-id="label"
137
- data-selector-id="label"
138
- data-test-id="label"
139
- >
140
- Label
141
- </label>
142
- </DocumentFragment>
143
- `;
144
-
145
- exports[`Label rendering the palette of- mandatory 1`] = `
146
- <DocumentFragment>
147
- <label
148
- class="label title medium mandatory font_default
149
- cursor "
150
- data-id="label"
151
- data-selector-id="label"
152
- data-test-id="label"
153
- >
154
- Label
155
- </label>
156
- </DocumentFragment>
157
- `;
158
-
159
- exports[`Label rendering the palette of- primary 1`] = `
160
- <DocumentFragment>
161
- <label
162
- class="label title medium primary font_default
163
- cursor "
164
- data-id="label"
165
- data-selector-id="label"
166
- data-test-id="label"
167
- >
168
- Label
169
- </label>
170
- </DocumentFragment>
171
- `;
172
-
173
- exports[`Label rendering the palette of- secondary 1`] = `
174
- <DocumentFragment>
175
- <label
176
- class="label title medium secondary font_default
177
- cursor "
178
- data-id="label"
179
- data-selector-id="label"
180
- data-test-id="label"
181
- >
182
- Label
183
- </label>
184
- </DocumentFragment>
185
- `;
186
-
187
- exports[`Label rendering the size of- large 1`] = `
188
- <DocumentFragment>
189
- <label
190
- class="label title large default font_default
191
- cursor "
192
- data-id="label"
193
- data-selector-id="label"
194
- data-test-id="label"
195
- >
196
- Label
197
- </label>
198
- </DocumentFragment>
199
- `;
200
-
201
- exports[`Label rendering the size of- medium 1`] = `
202
- <DocumentFragment>
203
- <label
204
- class="label title medium default font_default
205
- cursor "
206
- data-id="label"
207
- data-selector-id="label"
208
- data-test-id="label"
209
- >
210
- Label
211
- </label>
212
- </DocumentFragment>
213
- `;
214
-
215
- exports[`Label rendering the size of- small 1`] = `
216
- <DocumentFragment>
217
- <label
218
- class="label title small default font_default
219
- cursor "
220
- data-id="label"
221
- data-selector-id="label"
222
- data-test-id="label"
223
- >
224
- Label
225
- </label>
226
- </DocumentFragment>
227
- `;
228
-
229
- exports[`Label rendering the size of- xsmall 1`] = `
230
- <DocumentFragment>
231
- <label
232
- class="label title xsmall default font_default
233
- cursor "
234
- data-id="label"
235
- data-selector-id="label"
236
- data-test-id="label"
237
- >
238
- Label
239
- </label>
240
- </DocumentFragment>
241
- `;
242
-
243
- exports[`Label rendering the title 1`] = `
244
- <DocumentFragment>
245
- <label
246
- class="label title medium default font_default
247
- cursor "
248
- data-id="label"
249
- data-selector-id="label"
250
- data-test-id="label"
251
- data-title="labelTitle"
252
- >
253
- Label
254
- </label>
255
- </DocumentFragment>
256
- `;
257
-
258
- exports[`Label rendering the type of- subtitle 1`] = `
259
- <DocumentFragment>
260
- <label
261
- class="label subtitle medium default font_default
262
- cursor "
263
- data-id="label"
264
- data-selector-id="label"
265
- data-test-id="label"
266
- >
267
- Label
268
- </label>
269
- </DocumentFragment>
270
- `;
271
-
272
- exports[`Label rendering the type of- title 1`] = `
273
- <DocumentFragment>
274
- <label
275
- class="label title medium default font_default
276
- cursor "
277
- data-id="label"
278
- data-selector-id="label"
279
- data-test-id="label"
280
- >
281
- Label
282
- </label>
283
- </DocumentFragment>
284
- `;
285
-
286
- exports[`Label rendering the variant of- default 1`] = `
287
- <DocumentFragment>
288
- <label
289
- class="label title medium default font_default
290
- cursor "
291
- data-id="label"
292
- data-selector-id="label"
293
- data-test-id="label"
294
- >
295
- Label
296
- </label>
297
- </DocumentFragment>
298
- `;
299
-
300
- exports[`Label rendering the variant of- primary 1`] = `
301
- <DocumentFragment>
302
- <label
303
- class="label title medium default font_primary
304
- cursor "
305
- data-id="label"
306
- data-selector-id="label"
307
- data-test-id="label"
308
- >
309
- Label
310
- </label>
311
- </DocumentFragment>
312
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Label rendering the Id 1`] = `
4
+ <DocumentFragment>
5
+ <label
6
+ class="label title medium default font_default
7
+ cursor "
8
+ data-id="label"
9
+ data-selector-id="label"
10
+ data-test-id="label"
11
+ id="LabelID"
12
+ >
13
+ Label
14
+ </label>
15
+ </DocumentFragment>
16
+ `;
17
+
18
+ exports[`Label rendering the clipped is true 1`] = `
19
+ <DocumentFragment>
20
+ <label
21
+ class="label title medium default font_default
22
+ dotted cursor "
23
+ data-id="label"
24
+ data-selector-id="label"
25
+ data-test-id="label"
26
+ >
27
+ Label
28
+ </label>
29
+ </DocumentFragment>
30
+ `;
31
+
32
+ exports[`Label rendering the customClass 1`] = `
33
+ <DocumentFragment>
34
+ <label
35
+ class="label title medium default font_default
36
+ cursor LabelCustomClass "
37
+ data-id="label"
38
+ data-selector-id="label"
39
+ data-test-id="label"
40
+ >
41
+ Label
42
+ </label>
43
+ </DocumentFragment>
44
+ `;
45
+
46
+ exports[`Label rendering the defult props 1`] = `
47
+ <DocumentFragment>
48
+ <label
49
+ class="label title medium default font_default
50
+ cursor "
51
+ data-id="label"
52
+ data-selector-id="label"
53
+ data-test-id="label"
54
+ >
55
+ Label
56
+ </label>
57
+ </DocumentFragment>
58
+ `;
59
+
60
+ exports[`Label rendering the htmlFor 1`] = `
61
+ <DocumentFragment>
62
+ <label
63
+ class="label title medium default font_default
64
+ cursor "
65
+ data-id="label"
66
+ data-selector-id="label"
67
+ data-test-id="label"
68
+ for="LabelHtmlFor"
69
+ >
70
+ Label
71
+ </label>
72
+ </DocumentFragment>
73
+ `;
74
+
75
+ exports[`Label rendering the onClick prop with asFragment and toMatchSnapshot 1`] = `
76
+ <DocumentFragment>
77
+ <label
78
+ class="label title medium default font_default
79
+ pointer "
80
+ data-id="label"
81
+ data-selector-id="label"
82
+ data-test-id="label"
83
+ >
84
+ Click Me
85
+ </label>
86
+ </DocumentFragment>
87
+ `;
88
+
89
+ exports[`Label rendering the palette of- danger 1`] = `
90
+ <DocumentFragment>
91
+ <label
92
+ class="label title medium danger font_default
93
+ cursor "
94
+ data-id="label"
95
+ data-selector-id="label"
96
+ data-test-id="label"
97
+ >
98
+ Label
99
+ </label>
100
+ </DocumentFragment>
101
+ `;
102
+
103
+ exports[`Label rendering the palette of- dark 1`] = `
104
+ <DocumentFragment>
105
+ <label
106
+ class="label title medium dark font_default
107
+ cursor "
108
+ data-id="label"
109
+ data-selector-id="label"
110
+ data-test-id="label"
111
+ >
112
+ Label
113
+ </label>
114
+ </DocumentFragment>
115
+ `;
116
+
117
+ exports[`Label rendering the palette of- default 1`] = `
118
+ <DocumentFragment>
119
+ <label
120
+ class="label title medium default font_default
121
+ cursor "
122
+ data-id="label"
123
+ data-selector-id="label"
124
+ data-test-id="label"
125
+ >
126
+ Label
127
+ </label>
128
+ </DocumentFragment>
129
+ `;
130
+
131
+ exports[`Label rendering the palette of- disable 1`] = `
132
+ <DocumentFragment>
133
+ <label
134
+ class="label title medium disable font_default
135
+ cursor "
136
+ data-id="label"
137
+ data-selector-id="label"
138
+ data-test-id="label"
139
+ >
140
+ Label
141
+ </label>
142
+ </DocumentFragment>
143
+ `;
144
+
145
+ exports[`Label rendering the palette of- mandatory 1`] = `
146
+ <DocumentFragment>
147
+ <label
148
+ class="label title medium mandatory font_default
149
+ cursor "
150
+ data-id="label"
151
+ data-selector-id="label"
152
+ data-test-id="label"
153
+ >
154
+ Label
155
+ </label>
156
+ </DocumentFragment>
157
+ `;
158
+
159
+ exports[`Label rendering the palette of- primary 1`] = `
160
+ <DocumentFragment>
161
+ <label
162
+ class="label title medium primary font_default
163
+ cursor "
164
+ data-id="label"
165
+ data-selector-id="label"
166
+ data-test-id="label"
167
+ >
168
+ Label
169
+ </label>
170
+ </DocumentFragment>
171
+ `;
172
+
173
+ exports[`Label rendering the palette of- secondary 1`] = `
174
+ <DocumentFragment>
175
+ <label
176
+ class="label title medium secondary font_default
177
+ cursor "
178
+ data-id="label"
179
+ data-selector-id="label"
180
+ data-test-id="label"
181
+ >
182
+ Label
183
+ </label>
184
+ </DocumentFragment>
185
+ `;
186
+
187
+ exports[`Label rendering the size of- large 1`] = `
188
+ <DocumentFragment>
189
+ <label
190
+ class="label title large default font_default
191
+ cursor "
192
+ data-id="label"
193
+ data-selector-id="label"
194
+ data-test-id="label"
195
+ >
196
+ Label
197
+ </label>
198
+ </DocumentFragment>
199
+ `;
200
+
201
+ exports[`Label rendering the size of- medium 1`] = `
202
+ <DocumentFragment>
203
+ <label
204
+ class="label title medium default font_default
205
+ cursor "
206
+ data-id="label"
207
+ data-selector-id="label"
208
+ data-test-id="label"
209
+ >
210
+ Label
211
+ </label>
212
+ </DocumentFragment>
213
+ `;
214
+
215
+ exports[`Label rendering the size of- small 1`] = `
216
+ <DocumentFragment>
217
+ <label
218
+ class="label title small default font_default
219
+ cursor "
220
+ data-id="label"
221
+ data-selector-id="label"
222
+ data-test-id="label"
223
+ >
224
+ Label
225
+ </label>
226
+ </DocumentFragment>
227
+ `;
228
+
229
+ exports[`Label rendering the size of- xsmall 1`] = `
230
+ <DocumentFragment>
231
+ <label
232
+ class="label title xsmall default font_default
233
+ cursor "
234
+ data-id="label"
235
+ data-selector-id="label"
236
+ data-test-id="label"
237
+ >
238
+ Label
239
+ </label>
240
+ </DocumentFragment>
241
+ `;
242
+
243
+ exports[`Label rendering the title 1`] = `
244
+ <DocumentFragment>
245
+ <label
246
+ class="label title medium default font_default
247
+ cursor "
248
+ data-id="label"
249
+ data-selector-id="label"
250
+ data-test-id="label"
251
+ data-title="labelTitle"
252
+ >
253
+ Label
254
+ </label>
255
+ </DocumentFragment>
256
+ `;
257
+
258
+ exports[`Label rendering the type of- subtitle 1`] = `
259
+ <DocumentFragment>
260
+ <label
261
+ class="label subtitle medium default font_default
262
+ cursor "
263
+ data-id="label"
264
+ data-selector-id="label"
265
+ data-test-id="label"
266
+ >
267
+ Label
268
+ </label>
269
+ </DocumentFragment>
270
+ `;
271
+
272
+ exports[`Label rendering the type of- title 1`] = `
273
+ <DocumentFragment>
274
+ <label
275
+ class="label title medium default font_default
276
+ cursor "
277
+ data-id="label"
278
+ data-selector-id="label"
279
+ data-test-id="label"
280
+ >
281
+ Label
282
+ </label>
283
+ </DocumentFragment>
284
+ `;
285
+
286
+ exports[`Label rendering the variant of- default 1`] = `
287
+ <DocumentFragment>
288
+ <label
289
+ class="label title medium default font_default
290
+ cursor "
291
+ data-id="label"
292
+ data-selector-id="label"
293
+ data-test-id="label"
294
+ >
295
+ Label
296
+ </label>
297
+ </DocumentFragment>
298
+ `;
299
+
300
+ exports[`Label rendering the variant of- primary 1`] = `
301
+ <DocumentFragment>
302
+ <label
303
+ class="label title medium default font_primary
304
+ cursor "
305
+ data-id="label"
306
+ data-selector-id="label"
307
+ data-test-id="label"
308
+ >
309
+ Label
310
+ </label>
311
+ </DocumentFragment>
312
+ `;
package/es/MultiSelect/MultiSelect.js CHANGED
@@ -864,7 +864,8 @@ export class MultiSelectComponent extends React.Component {
864
864
  dataId,
865
865
  setAriaId,
866
866
  isPopupOpen,
867
- ariaErrorId
867
+ ariaErrorId,
868
+ customProps
868
869
  } = this.props;
869
870
  let {
870
871
  isActive,
@@ -886,6 +887,9 @@ export class MultiSelectComponent extends React.Component {
886
887
  disabledOptions
887
888
  });
888
889
  const isShowClearIcon = !isReadOnly && !isDisabled && !disableAction && isShowClear;
890
+ let {
891
+ TextBoxIconProps = {}
892
+ } = customProps;
889
893
  return /*#__PURE__*/React.createElement(Container, {
890
894
  align: "vertical",
891
895
  alignBox: "row",
@@ -941,10 +945,14 @@ export class MultiSelectComponent extends React.Component {
941
945
  ariaDescribedby: ariaErrorId,
942
946
  ariaLabelledby: ariaLabelledby
943
947
  },
944
- autoComplete: autoComplete
948
+ autoComplete: autoComplete,
949
+ ...TextBoxIconProps
945
950
  }, /*#__PURE__*/React.createElement(Container, {
951
+ isInline: true,
952
+ isCover: false,
946
953
  alignBox: "row",
947
- align: "vertical"
954
+ align: "vertical",
955
+ className: style.rightPlaceholder
948
956
  }, isShowClearIcon ? /*#__PURE__*/React.createElement(Box, {
949
957
  className: `${style.delete} ${style[`${palette}Delete`]}`,
950
958
  dataId: `${dataId}_clearIcon`,
package/es/MultiSelect/MultiSelect.module.css CHANGED
@@ -202,3 +202,7 @@
202
202
  background-color: var(--zdt_multiselect_delete_bg);
203
203
  border: 0;
204
204
  }
205
+
206
+ .rightPlaceholder{
207
+ height: 100% ;
208
+ }
package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap CHANGED
@@ -70,7 +70,7 @@ exports[`MultiSelect rendering the defult props 1`] = `
70
70
  data-test-id="boxComponent"
71
71
  >
72
72
  <div
73
- class="flex cover rowdir vCenter"
73
+ class="rightPlaceholder inflex rowdir vCenter"
74
74
  data-id="containerComponent"
75
75
  data-selector-id="container"
76
76
  data-test-id="containerComponent"
package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap CHANGED
@@ -69,7 +69,7 @@ exports[`MultiSelectWithAvatar rendering the defult props 1`] = `
69
69
  data-test-id="boxComponent"
70
70
  >
71
71
  <div
72
- class="flex cover rowdir vCenter"
72
+ class="rightPlaceholder inflex rowdir vCenter"
73
73
  data-id="containerComponent"
74
74
  data-selector-id="container"
75
75
  data-test-id="containerComponent"