@zohodesk/components 1.6.22 → 1.6.23

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 (112) hide show
  1. package/README.md +4 -0
  2. package/es/AppContainer/AppContainer.module.css +9 -3
  3. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
  4. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
  5. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
  6. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  7. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +107 -181
  8. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -39
  9. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  10. package/es/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  11. package/es/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  12. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +60 -60
  13. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  14. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  15. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  16. package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  17. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  18. package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  19. package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  20. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  21. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  22. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  23. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  24. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  25. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  26. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  27. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  28. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  29. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  30. package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  31. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -31
  32. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  33. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  34. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  35. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  36. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  37. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  38. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  39. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  40. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  41. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  42. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  43. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +55 -67
  44. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  45. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -242
  46. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  47. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  48. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  49. package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  50. package/es/common/basic.module.css +9 -8
  51. package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  52. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  53. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  54. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  55. package/es/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  56. package/es/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  57. package/lib/AppContainer/AppContainer.module.css +9 -3
  58. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
  59. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
  60. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
  61. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  62. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +107 -181
  63. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -39
  64. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  65. package/lib/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  66. package/lib/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  67. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +60 -60
  68. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  69. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  70. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  71. package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  72. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  73. package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  74. package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  75. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  76. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  77. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  78. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  79. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  80. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  81. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  82. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  83. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  84. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  85. package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  86. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -31
  87. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  88. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  89. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  90. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  91. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  92. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  93. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  94. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  95. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  96. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  97. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  98. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +55 -67
  99. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  100. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -242
  101. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  102. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  103. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  104. package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  105. package/lib/common/basic.module.css +9 -8
  106. package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  107. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  108. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  109. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  110. package/lib/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  111. package/lib/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  112. package/package.json +9 -10
@@ -3,13 +3,13 @@
3
3
  exports[`MultiSelect Should render with renderCustomSelectedValue 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="wrapper effect"
6
+ class="wrapper effect"
7
7
  data-id="multiSelect"
8
8
  data-selector-id="multiSelect"
9
9
  data-test-id="multiSelect"
10
10
  >
11
11
  <div
12
- class="flex fullSize row wrap alignItems_center container medium borderColor_default hasBorder"
12
+ class="flex fullSize row wrap alignItems_center container medium borderColor_default hasBorder"
13
13
  data-id="containerComponent"
14
14
  data-selector-id="container"
15
15
  data-test-id="containerComponent"
@@ -21,11 +21,10 @@ exports[`MultiSelect Should render with renderCustomSelectedValue 1`] = `
21
21
  data-test-id="boxComponent"
22
22
  >
23
23
  <span
24
- class=" custmSpan custmSpanMedium
25
- "
24
+ class="custmSpan custmSpanMedium"
26
25
  />
27
26
  <div
28
- class="flex row varClass customContainer effect container custmInputWrapper"
27
+ class="flex row varClass customContainer effect container custmInputWrapper"
29
28
  data-selector-id="textBoxIcon"
30
29
  >
31
30
  <div
@@ -39,7 +38,7 @@ exports[`MultiSelect Should render with renderCustomSelectedValue 1`] = `
39
38
  aria-haspopup="true"
40
39
  aria-required="true"
41
40
  autocomplete="off"
42
- class=" container medium default effect borderColor_default "
41
+ class="container medium default effect borderColor_default"
43
42
  data-id="multiSelect_textBox"
44
43
  data-selector-id="textBoxIcon"
45
44
  data-test-id="multiSelect_textBox"
@@ -86,13 +85,13 @@ exports[`MultiSelect Should render with renderCustomSelectedValue 1`] = `
86
85
  exports[`MultiSelect rendering the defult props 1`] = `
87
86
  <DocumentFragment>
88
87
  <div
89
- class="wrapper effect"
88
+ class="wrapper effect"
90
89
  data-id="multiSelect"
91
90
  data-selector-id="multiSelect"
92
91
  data-test-id="multiSelect"
93
92
  >
94
93
  <div
95
- class="flex fullSize row wrap alignItems_center container medium borderColor_default hasBorder"
94
+ class="flex fullSize row wrap alignItems_center container medium borderColor_default hasBorder"
96
95
  data-id="containerComponent"
97
96
  data-selector-id="container"
98
97
  data-test-id="containerComponent"
@@ -104,11 +103,10 @@ exports[`MultiSelect rendering the defult props 1`] = `
104
103
  data-test-id="boxComponent"
105
104
  >
106
105
  <span
107
- class=" custmSpan custmSpanMedium
108
- "
106
+ class="custmSpan custmSpanMedium"
109
107
  />
110
108
  <div
111
- class="flex row varClass customContainer effect container custmInputWrapper"
109
+ class="flex row varClass customContainer effect container custmInputWrapper"
112
110
  data-selector-id="textBoxIcon"
113
111
  >
114
112
  <div
@@ -122,7 +120,7 @@ exports[`MultiSelect rendering the defult props 1`] = `
122
120
  aria-haspopup="true"
123
121
  aria-required="true"
124
122
  autocomplete="off"
125
- class=" container medium default effect borderColor_default "
123
+ class="container medium default effect borderColor_default"
126
124
  data-id="multiSelect_textBox"
127
125
  data-selector-id="textBoxIcon"
128
126
  data-test-id="multiSelect_textBox"
@@ -169,13 +167,13 @@ exports[`MultiSelect rendering the defult props 1`] = `
169
167
  exports[`MultiSelect rendering with limit feature 1`] = `
170
168
  <DocumentFragment>
171
169
  <div
172
- class="wrapper effect"
170
+ class="wrapper effect"
173
171
  data-id="multiSelect"
174
172
  data-selector-id="multiSelect"
175
173
  data-test-id="multiSelect"
176
174
  >
177
175
  <div
178
- class="flex fullSize row wrap alignItems_center container medium borderColor_default hasBorder"
176
+ class="flex fullSize row wrap alignItems_center container medium borderColor_default hasBorder"
179
177
  data-id="containerComponent"
180
178
  data-selector-id="container"
181
179
  data-test-id="containerComponent"
@@ -188,7 +186,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
188
186
  >
189
187
  <div
190
188
  aria-labelledby="7"
191
- class="container effect medium lgRadius danger pointer "
189
+ class="container effect medium lgRadius danger pointer"
192
190
  data-id="tag_Tag"
193
191
  data-selector-id="tag"
194
192
  data-test-id="tag_Tag"
@@ -204,8 +202,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
204
202
  </div>
205
203
  <button
206
204
  aria-label="Delete"
207
- class="buttonReset close
208
- lgRadiusClose closedanger "
205
+ class="buttonReset close lgRadiusClose closedanger"
209
206
  data-id="tag_RemoveTag"
210
207
  data-test-id="tag_RemoveTag"
211
208
  type="button"
@@ -219,7 +216,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
219
216
  >
220
217
  <i
221
218
  aria-hidden="true"
222
- class="zd_font_icons basic icon-close2 fbold "
219
+ class="zd_font_icons basic icon-close2 fbold"
223
220
  data-id="fontIcon"
224
221
  data-selector-id="fontIcon"
225
222
  data-test-id="fontIcon"
@@ -237,7 +234,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
237
234
  >
238
235
  <div
239
236
  aria-labelledby="8"
240
- class="container effect medium lgRadius danger pointer "
237
+ class="container effect medium lgRadius danger pointer"
241
238
  data-id="tag_Tag"
242
239
  data-selector-id="tag"
243
240
  data-test-id="tag_Tag"
@@ -253,8 +250,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
253
250
  </div>
254
251
  <button
255
252
  aria-label="Delete"
256
- class="buttonReset close
257
- lgRadiusClose closedanger "
253
+ class="buttonReset close lgRadiusClose closedanger"
258
254
  data-id="tag_RemoveTag"
259
255
  data-test-id="tag_RemoveTag"
260
256
  type="button"
@@ -268,7 +264,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
268
264
  >
269
265
  <i
270
266
  aria-hidden="true"
271
- class="zd_font_icons basic icon-close2 fbold "
267
+ class="zd_font_icons basic icon-close2 fbold"
272
268
  data-id="fontIcon"
273
269
  data-selector-id="fontIcon"
274
270
  data-test-id="fontIcon"
@@ -286,7 +282,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
286
282
  >
287
283
  <div
288
284
  aria-labelledby="9"
289
- class="container effect medium lgRadius danger pointer "
285
+ class="container effect medium lgRadius danger pointer"
290
286
  data-id="tag_Tag"
291
287
  data-selector-id="tag"
292
288
  data-test-id="tag_Tag"
@@ -302,8 +298,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
302
298
  </div>
303
299
  <button
304
300
  aria-label="Delete"
305
- class="buttonReset close
306
- lgRadiusClose closedanger "
301
+ class="buttonReset close lgRadiusClose closedanger"
307
302
  data-id="tag_RemoveTag"
308
303
  data-test-id="tag_RemoveTag"
309
304
  type="button"
@@ -317,7 +312,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
317
312
  >
318
313
  <i
319
314
  aria-hidden="true"
320
- class="zd_font_icons basic icon-close2 fbold "
315
+ class="zd_font_icons basic icon-close2 fbold"
321
316
  data-id="fontIcon"
322
317
  data-selector-id="fontIcon"
323
318
  data-test-id="fontIcon"
@@ -334,11 +329,10 @@ exports[`MultiSelect rendering with limit feature 1`] = `
334
329
  data-test-id="boxComponent"
335
330
  >
336
331
  <span
337
- class=" custmSpan custmSpanMedium clearIconSpace
338
- "
332
+ class="custmSpan custmSpanMedium clearIconSpace"
339
333
  />
340
334
  <div
341
- class="flex row varClass customContainer effect container custmInputWrapper"
335
+ class="flex row varClass customContainer effect container custmInputWrapper"
342
336
  data-selector-id="textBoxIcon"
343
337
  >
344
338
  <div
@@ -352,7 +346,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
352
346
  aria-haspopup="true"
353
347
  aria-required="true"
354
348
  autocomplete="off"
355
- class=" container medium default effect borderColor_default "
349
+ class="container medium default effect borderColor_default"
356
350
  data-id="multiSelect_textBox"
357
351
  data-selector-id="textBoxIcon"
358
352
  data-test-id="multiSelect_textBox"
@@ -396,7 +390,7 @@ exports[`MultiSelect rendering with limit feature 1`] = `
396
390
  >
397
391
  <i
398
392
  aria-hidden="true"
399
- class="zd_font_icons rtl basic icon-delete "
393
+ class="zd_font_icons rtl basic icon-delete"
400
394
  data-id="fontIcon"
401
395
  data-selector-id="fontIcon"
402
396
  data-test-id="fontIcon"
@@ -3,7 +3,7 @@
3
3
  exports[`MultiSelectHeader rendering the basic value 1`] = `
4
4
  <DocumentFragment>
5
5
  <li
6
- class="flex row alignItems_center list medium default withBorder selectAll"
6
+ class="flex row alignItems_center list medium default withBorder selectAll"
7
7
  data-a11y-inset-focus="true"
8
8
  data-id="MultiSelectHeader_selectAll"
9
9
  data-selector-id="listItemWithIcon"
@@ -31,7 +31,7 @@ exports[`MultiSelectHeader rendering the basic value 1`] = `
31
31
  >
32
32
  <i
33
33
  aria-hidden="true"
34
- class="zd_font_icons basic icon-androidd "
34
+ class="zd_font_icons basic icon-androidd"
35
35
  data-id="fontIcon"
36
36
  data-selector-id="fontIcon"
37
37
  data-test-id="fontIcon"
@@ -3,13 +3,13 @@
3
3
  exports[`MultiSelectWithAvatar rendering the defult props 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class=" wrapper effect"
6
+ class="wrapper effect"
7
7
  data-id="multiSelectWithAvatar"
8
8
  data-selector-id="multiSelectWithAvatar"
9
9
  data-test-id="multiSelectWithAvatar"
10
10
  >
11
11
  <div
12
- class="flex fullSize row wrap alignItems_center container medium borderColor_default hasBorder undefined"
12
+ class="flex fullSize row wrap alignItems_center container medium borderColor_default hasBorder"
13
13
  data-id="containerComponent"
14
14
  data-selector-id="container"
15
15
  data-test-id="containerComponent"
@@ -21,11 +21,10 @@ exports[`MultiSelectWithAvatar rendering the defult props 1`] = `
21
21
  data-test-id="boxComponent"
22
22
  >
23
23
  <span
24
- class=" custmSpan custmSpanMedium
25
- "
24
+ class="custmSpan custmSpanMedium"
26
25
  />
27
26
  <div
28
- class="flex row varClass customContainer effect container custmInputWrapper"
27
+ class="flex row varClass customContainer effect container custmInputWrapper"
29
28
  data-selector-id="textBoxIcon"
30
29
  >
31
30
  <div
@@ -38,7 +37,7 @@ exports[`MultiSelectWithAvatar rendering the defult props 1`] = `
38
37
  aria-expanded="false"
39
38
  aria-haspopup="true"
40
39
  aria-required="true"
41
- class=" container medium default effect borderColor_default "
40
+ class="container medium default effect borderColor_default"
42
41
  data-id="multiSelectWithAvatar_textBox"
43
42
  data-selector-id="textBoxIcon"
44
43
  data-test-id="multiSelectWithAvatar_textBox"
@@ -25,7 +25,7 @@ exports[`SelectedOptions rendering the basic select options 1`] = `
25
25
  >
26
26
  <div
27
27
  aria-labelledby="1"
28
- class="container effect medium lgRadius danger "
28
+ class="container effect medium lgRadius danger"
29
29
  data-id="tag_Tag"
30
30
  data-selector-id="tag"
31
31
  data-test-id="tag_Tag"
@@ -49,7 +49,7 @@ exports[`SelectedOptions rendering the basic select options 1`] = `
49
49
  >
50
50
  <div
51
51
  aria-labelledby="2"
52
- class="container effect medium lgRadius danger "
52
+ class="container effect medium lgRadius danger"
53
53
  data-id="tag_Tag"
54
54
  data-selector-id="tag"
55
55
  data-test-id="tag_Tag"
@@ -73,7 +73,7 @@ exports[`SelectedOptions rendering the basic select options 1`] = `
73
73
  >
74
74
  <div
75
75
  aria-labelledby="3"
76
- class="container effect medium lgRadius danger "
76
+ class="container effect medium lgRadius danger"
77
77
  data-id="tag_Tag"
78
78
  data-selector-id="tag"
79
79
  data-test-id="tag_Tag"
@@ -18,7 +18,7 @@ exports[`Suggestions Should render with renderBeforeChildren 1`] = `
18
18
  <li
19
19
  aria-label="Suggestions Option 1"
20
20
  aria-selected="false"
21
- class="flex row alignItems_center list medium default withBorder"
21
+ class="flex row alignItems_center list medium default withBorder"
22
22
  data-a11y-inset-focus="true"
23
23
  data-a11y-list-active="false"
24
24
  data-id="Suggestions Option 1"
@@ -103,7 +103,7 @@ exports[`Suggestions rendering with limit props 1`] = `
103
103
  <li
104
104
  aria-label="text2"
105
105
  aria-selected="true"
106
- class="flex row alignItems_center list medium default activedefault activewithBorder"
106
+ class="flex row alignItems_center list medium default activedefault activewithBorder"
107
107
  data-a11y-inset-focus="true"
108
108
  data-a11y-list-active="false"
109
109
  data-id="text2"
@@ -141,7 +141,7 @@ exports[`Suggestions rendering with limit props 1`] = `
141
141
  <li
142
142
  aria-label="text3"
143
143
  aria-selected="true"
144
- class="flex row alignItems_center list medium default activedefault activewithBorder"
144
+ class="flex row alignItems_center list medium default activedefault activewithBorder"
145
145
  data-a11y-inset-focus="true"
146
146
  data-a11y-list-active="false"
147
147
  data-id="text3"
@@ -179,7 +179,7 @@ exports[`Suggestions rendering with limit props 1`] = `
179
179
  <li
180
180
  aria-label="text4"
181
181
  aria-selected="true"
182
- class="flex row alignItems_center list medium default activedefault activewithBorder"
182
+ class="flex row alignItems_center list medium default activedefault activewithBorder"
183
183
  data-a11y-inset-focus="true"
184
184
  data-a11y-list-active="false"
185
185
  data-id="text4"
@@ -216,7 +216,7 @@ exports[`Suggestions rendering with limit props 1`] = `
216
216
  <li
217
217
  aria-label="text5"
218
218
  aria-selected="false"
219
- class="flex row alignItems_center list medium default disable withBorder"
219
+ class="flex row alignItems_center list medium default disable withBorder"
220
220
  data-a11y-inset-focus="true"
221
221
  data-a11y-list-active="false"
222
222
  data-id="text5"
@@ -251,7 +251,7 @@ exports[`Suggestions rendering with limit props 1`] = `
251
251
  <li
252
252
  aria-label="text6"
253
253
  aria-selected="false"
254
- class="flex row alignItems_center list medium default disable withBorder"
254
+ class="flex row alignItems_center list medium default disable withBorder"
255
255
  data-a11y-inset-focus="true"
256
256
  data-a11y-list-active="false"
257
257
  data-id="text6"
@@ -286,7 +286,7 @@ exports[`Suggestions rendering with limit props 1`] = `
286
286
  <li
287
287
  aria-label="text7"
288
288
  aria-selected="false"
289
- class="flex row alignItems_center list medium default disable withBorder"
289
+ class="flex row alignItems_center list medium default disable withBorder"
290
290
  data-a11y-inset-focus="true"
291
291
  data-a11y-list-active="false"
292
292
  data-id="text7"
@@ -321,7 +321,7 @@ exports[`Suggestions rendering with limit props 1`] = `
321
321
  <li
322
322
  aria-label="text8"
323
323
  aria-selected="false"
324
- class="flex row alignItems_center list medium default disable withBorder"
324
+ class="flex row alignItems_center list medium default disable withBorder"
325
325
  data-a11y-inset-focus="true"
326
326
  data-a11y-list-active="false"
327
327
  data-id="text8"
@@ -356,7 +356,7 @@ exports[`Suggestions rendering with limit props 1`] = `
356
356
  <li
357
357
  aria-label="text9"
358
358
  aria-selected="false"
359
- class="flex row alignItems_center list medium default disable withBorder"
359
+ class="flex row alignItems_center list medium default disable withBorder"
360
360
  data-a11y-inset-focus="true"
361
361
  data-a11y-list-active="false"
362
362
  data-id="text9"
@@ -391,7 +391,7 @@ exports[`Suggestions rendering with limit props 1`] = `
391
391
  <li
392
392
  aria-label="text10"
393
393
  aria-selected="false"
394
- class="flex row alignItems_center list medium default disable withBorder"
394
+ class="flex row alignItems_center list medium default disable withBorder"
395
395
  data-a11y-inset-focus="true"
396
396
  data-a11y-list-active="false"
397
397
  data-id="text10"