@zohodesk/components 1.6.21 → 1.6.22-exp-1

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 (152) 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/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  7. package/es/Button/css/cssJSLogic.js +6 -6
  8. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  9. package/es/CheckBox/CheckBox.js +2 -2
  10. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +108 -182
  11. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -41
  12. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  13. package/es/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  14. package/es/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  15. package/es/DateTime/CalendarView.js +2 -2
  16. package/es/DateTime/DateWidget.js +2 -2
  17. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +24 -24
  18. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  19. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  20. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  21. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +6 -6
  22. package/es/DropDown/DropDownItem.js +1 -1
  23. package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  24. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  25. package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  26. package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  27. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  28. package/es/Label/Label.js +1 -1
  29. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  30. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  31. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  32. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  33. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  34. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  35. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  36. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +1 -1
  37. package/es/MultiSelect/MultiSelect.js +1 -1
  38. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  39. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  40. package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  41. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -34
  42. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  43. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  44. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  45. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  46. package/es/Radio/Radio.js +1 -1
  47. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  48. package/es/Ribbon/Ribbon.js +3 -16
  49. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  50. package/es/Select/SelectWithAvatar.js +1 -1
  51. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  52. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  53. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  54. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  55. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  56. package/es/Switch/Switch.js +1 -1
  57. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +76 -88
  58. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  59. package/es/Tag/Tag.js +1 -2
  60. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -288
  61. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  62. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  63. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  64. package/es/Textarea/Textarea.js +1 -1
  65. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  66. package/es/Tooltip/Tooltip.js +1 -1
  67. package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  68. package/es/Typography/css/cssJSLogic.js +2 -2
  69. package/es/common/basic.module.css +9 -8
  70. package/es/deprecated/Switch/Switch.js +1 -1
  71. package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  72. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  73. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  74. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  75. package/es/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  76. package/es/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  77. package/lib/AppContainer/AppContainer.module.css +9 -3
  78. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
  79. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
  80. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
  81. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  82. package/lib/Button/css/cssJSLogic.js +3 -3
  83. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  84. package/lib/CheckBox/CheckBox.js +2 -2
  85. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +108 -182
  86. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -41
  87. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  88. package/lib/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  89. package/lib/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  90. package/lib/DateTime/CalendarView.js +2 -2
  91. package/lib/DateTime/DateWidget.js +2 -2
  92. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +24 -24
  93. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  94. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  95. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  96. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +2 -2
  97. package/lib/DropDown/DropDownItem.js +1 -1
  98. package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  99. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  100. package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  101. package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  102. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  103. package/lib/Label/Label.js +1 -1
  104. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  105. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  106. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  107. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  108. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  109. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  110. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  111. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +1 -1
  112. package/lib/MultiSelect/MultiSelect.js +1 -1
  113. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  114. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  115. package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  116. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -34
  117. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  118. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  119. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  120. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  121. package/lib/Radio/Radio.js +1 -1
  122. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  123. package/lib/Ribbon/Ribbon.js +2 -15
  124. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  125. package/lib/Select/SelectWithAvatar.js +1 -1
  126. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  127. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  128. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  129. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  130. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  131. package/lib/Switch/Switch.js +1 -1
  132. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +76 -88
  133. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  134. package/lib/Tag/Tag.js +1 -1
  135. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -288
  136. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  137. package/lib/TextBoxIcon/TextBoxIcon.js +1 -1
  138. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  139. package/lib/Textarea/Textarea.js +1 -1
  140. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  141. package/lib/Tooltip/Tooltip.js +1 -1
  142. package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  143. package/lib/Typography/css/cssJSLogic.js +1 -1
  144. package/lib/common/basic.module.css +9 -8
  145. package/lib/deprecated/Switch/Switch.js +1 -1
  146. package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  147. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  148. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  149. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  150. package/lib/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  151. package/lib/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  152. package/package.json +11 -12
package/es/Select/__tests__/__snapshots__/Select.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`Select - Should close the dropdown when clicking outside 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="container box_medium "
6
+ class="container box_medium"
7
7
  data-selector-id="select"
8
8
  >
9
9
  <div
@@ -12,7 +12,7 @@ exports[`Select - Should close the dropdown when clicking outside 1`] = `
12
12
  data-test-id="selectComponent"
13
13
  >
14
14
  <div
15
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
15
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
16
16
  data-selector-id="textBoxIcon"
17
17
  >
18
18
  <div
@@ -30,7 +30,7 @@ exports[`Select - Should close the dropdown when clicking outside 1`] = `
30
30
  aria-owns="1"
31
31
  aria-readonly="true"
32
32
  autocomplete="off"
33
- class=" pointer container medium default effect borderColor_default inputDotted "
33
+ class="pointer container medium default effect borderColor_default inputDotted"
34
34
  data-id="selectComponent_textBox"
35
35
  data-selector-id="textBoxIcon"
36
36
  data-test-id="selectComponent_textBox"
@@ -76,7 +76,7 @@ exports[`Select - Should close the dropdown when clicking outside 1`] = `
76
76
  >
77
77
  <i
78
78
  aria-hidden="true"
79
- class="zd_font_icons basic icon-down "
79
+ class="zd_font_icons basic icon-down"
80
80
  data-id="fontIcon"
81
81
  data-selector-id="fontIcon"
82
82
  data-test-id="fontIcon"
@@ -96,7 +96,7 @@ exports[`Select - Should close the dropdown when clicking outside 1`] = `
96
96
  exports[`Select - Should highlight the next list-items, when arrow keys pressed 1`] = `
97
97
  <DocumentFragment>
98
98
  <div
99
- class="container box_medium "
99
+ class="container box_medium"
100
100
  data-selector-id="select"
101
101
  >
102
102
  <div
@@ -105,7 +105,7 @@ exports[`Select - Should highlight the next list-items, when arrow keys pressed
105
105
  data-test-id="selectComponent"
106
106
  >
107
107
  <div
108
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
108
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
109
109
  data-selector-id="textBoxIcon"
110
110
  >
111
111
  <div
@@ -123,7 +123,7 @@ exports[`Select - Should highlight the next list-items, when arrow keys pressed
123
123
  aria-owns="1"
124
124
  aria-readonly="true"
125
125
  autocomplete="off"
126
- class=" pointer container medium default effect borderColor_default inputDotted "
126
+ class="pointer container medium default effect borderColor_default inputDotted"
127
127
  data-id="selectComponent_textBox"
128
128
  data-selector-id="textBoxIcon"
129
129
  data-test-id="selectComponent_textBox"
@@ -169,7 +169,7 @@ exports[`Select - Should highlight the next list-items, when arrow keys pressed
169
169
  >
170
170
  <i
171
171
  aria-hidden="true"
172
- class="zd_font_icons basic icon-down "
172
+ class="zd_font_icons basic icon-down"
173
173
  data-id="fontIcon"
174
174
  data-selector-id="fontIcon"
175
175
  data-test-id="fontIcon"
@@ -219,8 +219,7 @@ exports[`Select - Should highlight the next list-items, when arrow keys pressed
219
219
  data-test-id="containerComponent"
220
220
  >
221
221
  <div
222
- class="flexible basis_zero shrink scroll_vertical
223
- small"
222
+ class="flexible basis_zero shrink scroll_vertical small"
224
223
  data-id="CardContent"
225
224
  data-selector-id="cardContent"
226
225
  data-test-id="CardContent"
@@ -244,7 +243,7 @@ exports[`Select - Should highlight the next list-items, when arrow keys pressed
244
243
  aria-label="Option 1"
245
244
  aria-selected="true"
246
245
  ariaparentrole="listbox"
247
- class="flex row alignItems_center list medium default activedefault mediumwithTick"
246
+ class="flex row alignItems_center list medium default activedefault mediumwithTick"
248
247
  data-a11y-inset-focus="true"
249
248
  data-a11y-list-active="false"
250
249
  data-id="Option 1"
@@ -286,7 +285,7 @@ exports[`Select - Should highlight the next list-items, when arrow keys pressed
286
285
  >
287
286
  <i
288
287
  aria-hidden="true"
289
- class="zd_font_icons basic icon-ticknew "
288
+ class="zd_font_icons basic icon-ticknew"
290
289
  data-id="fontIcon"
291
290
  data-selector-id="fontIcon"
292
291
  data-test-id="fontIcon"
@@ -298,7 +297,7 @@ exports[`Select - Should highlight the next list-items, when arrow keys pressed
298
297
  aria-label="Option 2"
299
298
  aria-selected="false"
300
299
  ariaparentrole="listbox"
301
- class="flex row alignItems_center list medium default defaultHover mediumwithTick"
300
+ class="flex row alignItems_center list medium default defaultHover mediumwithTick"
302
301
  data-a11y-inset-focus="true"
303
302
  data-a11y-list-active="true"
304
303
  data-id="Option 2"
@@ -335,7 +334,7 @@ exports[`Select - Should highlight the next list-items, when arrow keys pressed
335
334
  aria-label="Option 3"
336
335
  aria-selected="false"
337
336
  ariaparentrole="listbox"
338
- class="flex row alignItems_center list medium default mediumwithTick"
337
+ class="flex row alignItems_center list medium default mediumwithTick"
339
338
  data-a11y-inset-focus="true"
340
339
  data-a11y-list-active="false"
341
340
  data-id="Option 3"
@@ -383,7 +382,7 @@ exports[`Select - Should highlight the next list-items, when arrow keys pressed
383
382
  exports[`Select - Should not open the dropdown when disabled 1`] = `
384
383
  <DocumentFragment>
385
384
  <div
386
- class="container box_medium "
385
+ class="container box_medium"
387
386
  data-selector-id="select"
388
387
  >
389
388
  <div
@@ -392,7 +391,7 @@ exports[`Select - Should not open the dropdown when disabled 1`] = `
392
391
  data-test-id="selectComponent_disabled"
393
392
  >
394
393
  <div
395
- class="flex row varClass customContainer border_bottom disabled borderColor_default hasBorder container"
394
+ class="flex row varClass customContainer border_bottom disabled borderColor_default hasBorder container"
396
395
  data-selector-id="textBoxIcon"
397
396
  data-title=""
398
397
  >
@@ -411,7 +410,7 @@ exports[`Select - Should not open the dropdown when disabled 1`] = `
411
410
  aria-owns="1"
412
411
  aria-readonly="true"
413
412
  autocomplete="off"
414
- class=" container medium default borderColor_default inputDotted "
413
+ class="container medium default borderColor_default inputDotted"
415
414
  data-id="selectComponent_textBox"
416
415
  data-selector-id="textBoxIcon"
417
416
  data-test-id="selectComponent_textBox"
@@ -458,7 +457,7 @@ exports[`Select - Should not open the dropdown when disabled 1`] = `
458
457
  >
459
458
  <i
460
459
  aria-hidden="true"
461
- class="zd_font_icons basic icon-down "
460
+ class="zd_font_icons basic icon-down"
462
461
  data-id="fontIcon"
463
462
  data-selector-id="fontIcon"
464
463
  data-test-id="fontIcon"
@@ -478,7 +477,7 @@ exports[`Select - Should not open the dropdown when disabled 1`] = `
478
477
  exports[`Select - Should not open the dropdown when readonly 1`] = `
479
478
  <DocumentFragment>
480
479
  <div
481
- class="container box_medium readonly "
480
+ class="container box_medium readonly"
482
481
  data-selector-id="select"
483
482
  >
484
483
  <div
@@ -487,7 +486,7 @@ exports[`Select - Should not open the dropdown when readonly 1`] = `
487
486
  data-test-id="selectComponent_readOnly"
488
487
  >
489
488
  <div
490
- class="flex row varClass customContainer border_bottom readonly borderColor_default hasBorder container"
489
+ class="flex row varClass customContainer border_bottom readonly borderColor_default hasBorder container"
491
490
  data-selector-id="textBoxIcon"
492
491
  >
493
492
  <div
@@ -505,7 +504,7 @@ exports[`Select - Should not open the dropdown when readonly 1`] = `
505
504
  aria-owns="1"
506
505
  aria-readonly="true"
507
506
  autocomplete="off"
508
- class="readonly container medium default borderColor_default inputDotted "
507
+ class="readonly container medium default borderColor_default inputDotted"
509
508
  data-id="selectComponent_textBox"
510
509
  data-selector-id="textBoxIcon"
511
510
  data-test-id="selectComponent_textBox"
@@ -551,7 +550,7 @@ exports[`Select - Should not open the dropdown when readonly 1`] = `
551
550
  >
552
551
  <i
553
552
  aria-hidden="true"
554
- class="zd_font_icons basic icon-down "
553
+ class="zd_font_icons basic icon-down"
555
554
  data-id="fontIcon"
556
555
  data-selector-id="fontIcon"
557
556
  data-test-id="fontIcon"
@@ -571,7 +570,7 @@ exports[`Select - Should not open the dropdown when readonly 1`] = `
571
570
  exports[`Select - Should open the dropdown, when click on the input 1`] = `
572
571
  <DocumentFragment>
573
572
  <div
574
- class="container box_medium "
573
+ class="container box_medium"
575
574
  data-selector-id="select"
576
575
  >
577
576
  <div
@@ -580,7 +579,7 @@ exports[`Select - Should open the dropdown, when click on the input 1`] = `
580
579
  data-test-id="selectComponent"
581
580
  >
582
581
  <div
583
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
582
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
584
583
  data-selector-id="textBoxIcon"
585
584
  >
586
585
  <div
@@ -597,7 +596,7 @@ exports[`Select - Should open the dropdown, when click on the input 1`] = `
597
596
  aria-owns="1"
598
597
  aria-readonly="true"
599
598
  autocomplete="off"
600
- class=" pointer container medium default effect focus borderColor_default inputDotted "
599
+ class="pointer container medium default effect focus borderColor_default inputDotted"
601
600
  data-id="selectComponent_textBox"
602
601
  data-selector-id="textBoxIcon"
603
602
  data-test-id="selectComponent_textBox"
@@ -642,7 +641,7 @@ exports[`Select - Should open the dropdown, when click on the input 1`] = `
642
641
  >
643
642
  <i
644
643
  aria-hidden="true"
645
- class="zd_font_icons basic icon-down "
644
+ class="zd_font_icons basic icon-down"
646
645
  data-id="fontIcon"
647
646
  data-selector-id="fontIcon"
648
647
  data-test-id="fontIcon"
@@ -693,14 +692,13 @@ exports[`Select - Should open the dropdown, when click on the input 1`] = `
693
692
  data-test-id="containerComponent"
694
693
  >
695
694
  <div
696
- class="flexible basis_zero shrink scroll_vertical
697
- small"
695
+ class="flexible basis_zero shrink scroll_vertical small"
698
696
  data-id="CardContent"
699
697
  data-selector-id="cardContent"
700
698
  data-test-id="CardContent"
701
699
  >
702
700
  <div
703
- class=" default"
701
+ class="default"
704
702
  data-id="selectComponent_noOptnsMsg"
705
703
  data-test-id="selectComponent_noOptnsMsg"
706
704
  id="2"
@@ -719,7 +717,7 @@ exports[`Select - Should open the dropdown, when click on the input 1`] = `
719
717
  exports[`Select - Should render all the options when search value is cleared 1`] = `
720
718
  <DocumentFragment>
721
719
  <div
722
- class="container box_medium "
720
+ class="container box_medium"
723
721
  data-selector-id="select"
724
722
  >
725
723
  <div
@@ -728,7 +726,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
728
726
  data-test-id="selectComponent"
729
727
  >
730
728
  <div
731
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
729
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
732
730
  data-selector-id="textBoxIcon"
733
731
  >
734
732
  <div
@@ -746,7 +744,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
746
744
  aria-owns="1"
747
745
  aria-readonly="true"
748
746
  autocomplete="off"
749
- class=" pointer container medium default effect borderColor_default inputDotted "
747
+ class="pointer container medium default effect borderColor_default inputDotted"
750
748
  data-id="selectComponent_textBox"
751
749
  data-selector-id="textBoxIcon"
752
750
  data-test-id="selectComponent_textBox"
@@ -792,7 +790,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
792
790
  >
793
791
  <i
794
792
  aria-hidden="true"
795
- class="zd_font_icons basic icon-down "
793
+ class="zd_font_icons basic icon-down"
796
794
  data-id="fontIcon"
797
795
  data-selector-id="fontIcon"
798
796
  data-test-id="fontIcon"
@@ -851,7 +849,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
851
849
  class="search medium"
852
850
  >
853
851
  <div
854
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container"
852
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container"
855
853
  data-selector-id="textBoxIcon"
856
854
  >
857
855
  <div
@@ -865,7 +863,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
865
863
  aria-controls="1"
866
864
  aria-describedby="2"
867
865
  autocomplete="off"
868
- class=" container small default effect borderColor_default "
866
+ class="container small default effect borderColor_default"
869
867
  data-id="selectComponent_search"
870
868
  data-selector-id="textBoxIcon"
871
869
  data-test-id="selectComponent_search"
@@ -892,8 +890,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
892
890
  </div>
893
891
  </div>
894
892
  <div
895
- class="flexible basis_zero shrink scroll_vertical
896
- small"
893
+ class="flexible basis_zero shrink scroll_vertical small"
897
894
  data-id="CardContent"
898
895
  data-selector-id="cardContent"
899
896
  data-test-id="CardContent"
@@ -917,7 +914,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
917
914
  aria-label="Option 1"
918
915
  aria-selected="true"
919
916
  ariaparentrole="listbox"
920
- class="flex row alignItems_center list medium default activedefault mediumwithTick"
917
+ class="flex row alignItems_center list medium default activedefault mediumwithTick"
921
918
  data-a11y-inset-focus="true"
922
919
  data-a11y-list-active="true"
923
920
  data-id="Option 1"
@@ -959,7 +956,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
959
956
  >
960
957
  <i
961
958
  aria-hidden="true"
962
- class="zd_font_icons basic icon-ticknew "
959
+ class="zd_font_icons basic icon-ticknew"
963
960
  data-id="fontIcon"
964
961
  data-selector-id="fontIcon"
965
962
  data-test-id="fontIcon"
@@ -971,7 +968,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
971
968
  aria-label="Option 2"
972
969
  aria-selected="false"
973
970
  ariaparentrole="listbox"
974
- class="flex row alignItems_center list medium default mediumwithTick"
971
+ class="flex row alignItems_center list medium default mediumwithTick"
975
972
  data-a11y-inset-focus="true"
976
973
  data-a11y-list-active="false"
977
974
  data-id="Option 2"
@@ -1008,7 +1005,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
1008
1005
  aria-label="Option 3"
1009
1006
  aria-selected="false"
1010
1007
  ariaparentrole="listbox"
1011
- class="flex row alignItems_center list medium default mediumwithTick"
1008
+ class="flex row alignItems_center list medium default mediumwithTick"
1012
1009
  data-a11y-inset-focus="true"
1013
1010
  data-a11y-list-active="false"
1014
1011
  data-id="Option 3"
@@ -1056,7 +1053,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
1056
1053
  exports[`Select - Should render given the options 1`] = `
1057
1054
  <DocumentFragment>
1058
1055
  <div
1059
- class="container box_medium "
1056
+ class="container box_medium"
1060
1057
  data-selector-id="select"
1061
1058
  >
1062
1059
  <div
@@ -1065,7 +1062,7 @@ exports[`Select - Should render given the options 1`] = `
1065
1062
  data-test-id="selectComponent"
1066
1063
  >
1067
1064
  <div
1068
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
1065
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
1069
1066
  data-selector-id="textBoxIcon"
1070
1067
  >
1071
1068
  <div
@@ -1083,7 +1080,7 @@ exports[`Select - Should render given the options 1`] = `
1083
1080
  aria-owns="1"
1084
1081
  aria-readonly="true"
1085
1082
  autocomplete="off"
1086
- class=" pointer container medium default effect focus borderColor_default inputDotted "
1083
+ class="pointer container medium default effect focus borderColor_default inputDotted"
1087
1084
  data-id="selectComponent_textBox"
1088
1085
  data-selector-id="textBoxIcon"
1089
1086
  data-test-id="selectComponent_textBox"
@@ -1129,7 +1126,7 @@ exports[`Select - Should render given the options 1`] = `
1129
1126
  >
1130
1127
  <i
1131
1128
  aria-hidden="true"
1132
- class="zd_font_icons basic icon-down "
1129
+ class="zd_font_icons basic icon-down"
1133
1130
  data-id="fontIcon"
1134
1131
  data-selector-id="fontIcon"
1135
1132
  data-test-id="fontIcon"
@@ -1180,8 +1177,7 @@ exports[`Select - Should render given the options 1`] = `
1180
1177
  data-test-id="containerComponent"
1181
1178
  >
1182
1179
  <div
1183
- class="flexible basis_zero shrink scroll_vertical
1184
- small"
1180
+ class="flexible basis_zero shrink scroll_vertical small"
1185
1181
  data-id="CardContent"
1186
1182
  data-selector-id="cardContent"
1187
1183
  data-test-id="CardContent"
@@ -1205,7 +1201,7 @@ exports[`Select - Should render given the options 1`] = `
1205
1201
  aria-label="Option 1"
1206
1202
  aria-selected="true"
1207
1203
  ariaparentrole="listbox"
1208
- class="flex row alignItems_center list medium default activedefault mediumwithTick"
1204
+ class="flex row alignItems_center list medium default activedefault mediumwithTick"
1209
1205
  data-a11y-inset-focus="true"
1210
1206
  data-a11y-list-active="true"
1211
1207
  data-id="Option 1"
@@ -1247,7 +1243,7 @@ exports[`Select - Should render given the options 1`] = `
1247
1243
  >
1248
1244
  <i
1249
1245
  aria-hidden="true"
1250
- class="zd_font_icons basic icon-ticknew "
1246
+ class="zd_font_icons basic icon-ticknew"
1251
1247
  data-id="fontIcon"
1252
1248
  data-selector-id="fontIcon"
1253
1249
  data-test-id="fontIcon"
@@ -1259,7 +1255,7 @@ exports[`Select - Should render given the options 1`] = `
1259
1255
  aria-label="Option 2"
1260
1256
  aria-selected="false"
1261
1257
  ariaparentrole="listbox"
1262
- class="flex row alignItems_center list medium default mediumwithTick"
1258
+ class="flex row alignItems_center list medium default mediumwithTick"
1263
1259
  data-a11y-inset-focus="true"
1264
1260
  data-a11y-list-active="false"
1265
1261
  data-id="Option 2"
@@ -1296,7 +1292,7 @@ exports[`Select - Should render given the options 1`] = `
1296
1292
  aria-label="Option 3"
1297
1293
  aria-selected="false"
1298
1294
  ariaparentrole="listbox"
1299
- class="flex row alignItems_center list medium default mediumwithTick"
1295
+ class="flex row alignItems_center list medium default mediumwithTick"
1300
1296
  data-a11y-inset-focus="true"
1301
1297
  data-a11y-list-active="false"
1302
1298
  data-id="Option 3"
@@ -1344,7 +1340,7 @@ exports[`Select - Should render given the options 1`] = `
1344
1340
  exports[`Select - Should render the Select component 1`] = `
1345
1341
  <DocumentFragment>
1346
1342
  <div
1347
- class="container box_medium "
1343
+ class="container box_medium"
1348
1344
  data-selector-id="select"
1349
1345
  >
1350
1346
  <div
@@ -1353,7 +1349,7 @@ exports[`Select - Should render the Select component 1`] = `
1353
1349
  data-test-id="selectComponent"
1354
1350
  >
1355
1351
  <div
1356
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1352
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1357
1353
  data-selector-id="textBoxIcon"
1358
1354
  >
1359
1355
  <div
@@ -1370,7 +1366,7 @@ exports[`Select - Should render the Select component 1`] = `
1370
1366
  aria-owns="1"
1371
1367
  aria-readonly="true"
1372
1368
  autocomplete="off"
1373
- class=" pointer container medium default effect borderColor_default inputDotted "
1369
+ class="pointer container medium default effect borderColor_default inputDotted"
1374
1370
  data-id="selectComponent_textBox"
1375
1371
  data-selector-id="textBoxIcon"
1376
1372
  data-test-id="selectComponent_textBox"
@@ -1415,7 +1411,7 @@ exports[`Select - Should render the Select component 1`] = `
1415
1411
  >
1416
1412
  <i
1417
1413
  aria-hidden="true"
1418
- class="zd_font_icons basic icon-down "
1414
+ class="zd_font_icons basic icon-down"
1419
1415
  data-id="fontIcon"
1420
1416
  data-selector-id="fontIcon"
1421
1417
  data-test-id="fontIcon"
@@ -1435,7 +1431,7 @@ exports[`Select - Should render the Select component 1`] = `
1435
1431
  exports[`Select - Should render the default selected value 1`] = `
1436
1432
  <DocumentFragment>
1437
1433
  <div
1438
- class="container box_medium "
1434
+ class="container box_medium"
1439
1435
  data-selector-id="select"
1440
1436
  >
1441
1437
  <div
@@ -1444,7 +1440,7 @@ exports[`Select - Should render the default selected value 1`] = `
1444
1440
  data-test-id="selectComponent"
1445
1441
  >
1446
1442
  <div
1447
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1443
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1448
1444
  data-selector-id="textBoxIcon"
1449
1445
  >
1450
1446
  <div
@@ -1462,7 +1458,7 @@ exports[`Select - Should render the default selected value 1`] = `
1462
1458
  aria-owns="1"
1463
1459
  aria-readonly="true"
1464
1460
  autocomplete="off"
1465
- class=" pointer container medium default effect borderColor_default inputDotted "
1461
+ class="pointer container medium default effect borderColor_default inputDotted"
1466
1462
  data-id="selectComponent_textBox"
1467
1463
  data-selector-id="textBoxIcon"
1468
1464
  data-test-id="selectComponent_textBox"
@@ -1508,7 +1504,7 @@ exports[`Select - Should render the default selected value 1`] = `
1508
1504
  >
1509
1505
  <i
1510
1506
  aria-hidden="true"
1511
- class="zd_font_icons basic icon-down "
1507
+ class="zd_font_icons basic icon-down"
1512
1508
  data-id="fontIcon"
1513
1509
  data-selector-id="fontIcon"
1514
1510
  data-test-id="fontIcon"
@@ -1528,7 +1524,7 @@ exports[`Select - Should render the default selected value 1`] = `
1528
1524
  exports[`Select - Should render the given selected value 1`] = `
1529
1525
  <DocumentFragment>
1530
1526
  <div
1531
- class="container box_medium "
1527
+ class="container box_medium"
1532
1528
  data-selector-id="select"
1533
1529
  >
1534
1530
  <div
@@ -1537,7 +1533,7 @@ exports[`Select - Should render the given selected value 1`] = `
1537
1533
  data-test-id="selectComponent"
1538
1534
  >
1539
1535
  <div
1540
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1536
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1541
1537
  data-selector-id="textBoxIcon"
1542
1538
  >
1543
1539
  <div
@@ -1555,7 +1551,7 @@ exports[`Select - Should render the given selected value 1`] = `
1555
1551
  aria-owns="1"
1556
1552
  aria-readonly="true"
1557
1553
  autocomplete="off"
1558
- class=" pointer container medium default effect borderColor_default inputDotted "
1554
+ class="pointer container medium default effect borderColor_default inputDotted"
1559
1555
  data-id="selectComponent_textBox"
1560
1556
  data-selector-id="textBoxIcon"
1561
1557
  data-test-id="selectComponent_textBox"
@@ -1601,7 +1597,7 @@ exports[`Select - Should render the given selected value 1`] = `
1601
1597
  >
1602
1598
  <i
1603
1599
  aria-hidden="true"
1604
- class="zd_font_icons basic icon-down "
1600
+ class="zd_font_icons basic icon-down"
1605
1601
  data-id="fontIcon"
1606
1602
  data-selector-id="fontIcon"
1607
1603
  data-test-id="fontIcon"
@@ -1621,7 +1617,7 @@ exports[`Select - Should render the given selected value 1`] = `
1621
1617
  exports[`Select - Should render the only options matching search value 1`] = `
1622
1618
  <DocumentFragment>
1623
1619
  <div
1624
- class="container box_medium "
1620
+ class="container box_medium"
1625
1621
  data-selector-id="select"
1626
1622
  >
1627
1623
  <div
@@ -1630,7 +1626,7 @@ exports[`Select - Should render the only options matching search value 1`] = `
1630
1626
  data-test-id="selectComponent"
1631
1627
  >
1632
1628
  <div
1633
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1629
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1634
1630
  data-selector-id="textBoxIcon"
1635
1631
  >
1636
1632
  <div
@@ -1648,7 +1644,7 @@ exports[`Select - Should render the only options matching search value 1`] = `
1648
1644
  aria-owns="1"
1649
1645
  aria-readonly="true"
1650
1646
  autocomplete="off"
1651
- class=" pointer container medium default effect borderColor_default inputDotted "
1647
+ class="pointer container medium default effect borderColor_default inputDotted"
1652
1648
  data-id="selectComponent_textBox"
1653
1649
  data-selector-id="textBoxIcon"
1654
1650
  data-test-id="selectComponent_textBox"
@@ -1694,7 +1690,7 @@ exports[`Select - Should render the only options matching search value 1`] = `
1694
1690
  >
1695
1691
  <i
1696
1692
  aria-hidden="true"
1697
- class="zd_font_icons basic icon-down "
1693
+ class="zd_font_icons basic icon-down"
1698
1694
  data-id="fontIcon"
1699
1695
  data-selector-id="fontIcon"
1700
1696
  data-test-id="fontIcon"
@@ -1753,7 +1749,7 @@ exports[`Select - Should render the only options matching search value 1`] = `
1753
1749
  class="search medium"
1754
1750
  >
1755
1751
  <div
1756
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container"
1752
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container"
1757
1753
  data-selector-id="textBoxIcon"
1758
1754
  >
1759
1755
  <div
@@ -1767,7 +1763,7 @@ exports[`Select - Should render the only options matching search value 1`] = `
1767
1763
  aria-controls="1"
1768
1764
  aria-describedby="2"
1769
1765
  autocomplete="off"
1770
- class=" container small default effect borderColor_default "
1766
+ class="container small default effect borderColor_default"
1771
1767
  data-id="selectComponent_search"
1772
1768
  data-selector-id="textBoxIcon"
1773
1769
  data-test-id="selectComponent_search"
@@ -1794,8 +1790,7 @@ exports[`Select - Should render the only options matching search value 1`] = `
1794
1790
  </div>
1795
1791
  </div>
1796
1792
  <div
1797
- class="flexible basis_zero shrink scroll_vertical
1798
- small"
1793
+ class="flexible basis_zero shrink scroll_vertical small"
1799
1794
  data-id="CardContent"
1800
1795
  data-selector-id="cardContent"
1801
1796
  data-test-id="CardContent"
@@ -1819,7 +1814,7 @@ exports[`Select - Should render the only options matching search value 1`] = `
1819
1814
  aria-label="Option 2"
1820
1815
  aria-selected="false"
1821
1816
  ariaparentrole="listbox"
1822
- class="flex row alignItems_center list medium default defaultHover mediumwithTick"
1817
+ class="flex row alignItems_center list medium default defaultHover mediumwithTick"
1823
1818
  data-a11y-inset-focus="true"
1824
1819
  data-a11y-list-active="true"
1825
1820
  data-id="Option 2"
@@ -1867,7 +1862,7 @@ exports[`Select - Should render the only options matching search value 1`] = `
1867
1862
  exports[`Select - Should render the only options matching search value even with additional spaces before and after 1`] = `
1868
1863
  <DocumentFragment>
1869
1864
  <div
1870
- class="container box_medium "
1865
+ class="container box_medium"
1871
1866
  data-selector-id="select"
1872
1867
  >
1873
1868
  <div
@@ -1876,7 +1871,7 @@ exports[`Select - Should render the only options matching search value even with
1876
1871
  data-test-id="selectComponent"
1877
1872
  >
1878
1873
  <div
1879
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1874
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1880
1875
  data-selector-id="textBoxIcon"
1881
1876
  >
1882
1877
  <div
@@ -1894,7 +1889,7 @@ exports[`Select - Should render the only options matching search value even with
1894
1889
  aria-owns="1"
1895
1890
  aria-readonly="true"
1896
1891
  autocomplete="off"
1897
- class=" pointer container medium default effect borderColor_default inputDotted "
1892
+ class="pointer container medium default effect borderColor_default inputDotted"
1898
1893
  data-id="selectComponent_textBox"
1899
1894
  data-selector-id="textBoxIcon"
1900
1895
  data-test-id="selectComponent_textBox"
@@ -1940,7 +1935,7 @@ exports[`Select - Should render the only options matching search value even with
1940
1935
  >
1941
1936
  <i
1942
1937
  aria-hidden="true"
1943
- class="zd_font_icons basic icon-down "
1938
+ class="zd_font_icons basic icon-down"
1944
1939
  data-id="fontIcon"
1945
1940
  data-selector-id="fontIcon"
1946
1941
  data-test-id="fontIcon"
@@ -1999,7 +1994,7 @@ exports[`Select - Should render the only options matching search value even with
1999
1994
  class="search medium"
2000
1995
  >
2001
1996
  <div
2002
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container"
1997
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container"
2003
1998
  data-selector-id="textBoxIcon"
2004
1999
  >
2005
2000
  <div
@@ -2013,7 +2008,7 @@ exports[`Select - Should render the only options matching search value even with
2013
2008
  aria-controls="1"
2014
2009
  aria-describedby="2"
2015
2010
  autocomplete="off"
2016
- class=" container small default effect borderColor_default "
2011
+ class="container small default effect borderColor_default"
2017
2012
  data-id="selectComponent_search"
2018
2013
  data-selector-id="textBoxIcon"
2019
2014
  data-test-id="selectComponent_search"
@@ -2051,7 +2046,7 @@ exports[`Select - Should render the only options matching search value even with
2051
2046
  >
2052
2047
  <i
2053
2048
  aria-hidden="true"
2054
- class="zd_font_icons basic icon-delete rtl "
2049
+ class="zd_font_icons rtl basic icon-delete"
2055
2050
  data-id="fontIcon"
2056
2051
  data-selector-id="fontIcon"
2057
2052
  data-test-id="fontIcon"
@@ -2065,8 +2060,7 @@ exports[`Select - Should render the only options matching search value even with
2065
2060
  </div>
2066
2061
  </div>
2067
2062
  <div
2068
- class="flexible basis_zero shrink scroll_vertical
2069
- small"
2063
+ class="flexible basis_zero shrink scroll_vertical small"
2070
2064
  data-id="CardContent"
2071
2065
  data-selector-id="cardContent"
2072
2066
  data-test-id="CardContent"
@@ -2090,7 +2084,7 @@ exports[`Select - Should render the only options matching search value even with
2090
2084
  aria-label="Option 2"
2091
2085
  aria-selected="false"
2092
2086
  ariaparentrole="listbox"
2093
- class="flex row alignItems_center list medium default defaultHover mediumwithTick"
2087
+ class="flex row alignItems_center list medium default defaultHover mediumwithTick"
2094
2088
  data-a11y-inset-focus="true"
2095
2089
  data-a11y-list-active="true"
2096
2090
  data-id="Option 2"
@@ -2138,7 +2132,7 @@ exports[`Select - Should render the only options matching search value even with
2138
2132
  exports[`Select - Should render the placeholder when there is no default value 1`] = `
2139
2133
  <DocumentFragment>
2140
2134
  <div
2141
- class="container box_medium "
2135
+ class="container box_medium"
2142
2136
  data-selector-id="select"
2143
2137
  >
2144
2138
  <div
@@ -2147,7 +2141,7 @@ exports[`Select - Should render the placeholder when there is no default value 1
2147
2141
  data-test-id="selectComponent"
2148
2142
  >
2149
2143
  <div
2150
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
2144
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
2151
2145
  data-selector-id="textBoxIcon"
2152
2146
  >
2153
2147
  <div
@@ -2165,7 +2159,7 @@ exports[`Select - Should render the placeholder when there is no default value 1
2165
2159
  aria-owns="1"
2166
2160
  aria-readonly="true"
2167
2161
  autocomplete="off"
2168
- class=" pointer container medium default effect borderColor_default inputDotted "
2162
+ class="pointer container medium default effect borderColor_default inputDotted"
2169
2163
  data-id="selectComponent_textBox"
2170
2164
  data-selector-id="textBoxIcon"
2171
2165
  data-test-id="selectComponent_textBox"
@@ -2211,7 +2205,7 @@ exports[`Select - Should render the placeholder when there is no default value 1
2211
2205
  >
2212
2206
  <i
2213
2207
  aria-hidden="true"
2214
- class="zd_font_icons basic icon-down "
2208
+ class="zd_font_icons basic icon-down"
2215
2209
  data-id="fontIcon"
2216
2210
  data-selector-id="fontIcon"
2217
2211
  data-test-id="fontIcon"
@@ -2231,7 +2225,7 @@ exports[`Select - Should render the placeholder when there is no default value 1
2231
2225
  exports[`Select - Should show the custom empty state using getCustomEmptyState prop, when there is no matching options search value 1`] = `
2232
2226
  <DocumentFragment>
2233
2227
  <div
2234
- class="container box_medium "
2228
+ class="container box_medium"
2235
2229
  data-selector-id="select"
2236
2230
  >
2237
2231
  <div
@@ -2240,7 +2234,7 @@ exports[`Select - Should show the custom empty state using getCustomEmptyState p
2240
2234
  data-test-id="selectComponent"
2241
2235
  >
2242
2236
  <div
2243
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
2237
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
2244
2238
  data-selector-id="textBoxIcon"
2245
2239
  >
2246
2240
  <div
@@ -2258,7 +2252,7 @@ exports[`Select - Should show the custom empty state using getCustomEmptyState p
2258
2252
  aria-owns="1"
2259
2253
  aria-readonly="true"
2260
2254
  autocomplete="off"
2261
- class=" pointer container medium default effect borderColor_default inputDotted "
2255
+ class="pointer container medium default effect borderColor_default inputDotted"
2262
2256
  data-id="selectComponent_textBox"
2263
2257
  data-selector-id="textBoxIcon"
2264
2258
  data-test-id="selectComponent_textBox"
@@ -2304,7 +2298,7 @@ exports[`Select - Should show the custom empty state using getCustomEmptyState p
2304
2298
  >
2305
2299
  <i
2306
2300
  aria-hidden="true"
2307
- class="zd_font_icons basic icon-down "
2301
+ class="zd_font_icons basic icon-down"
2308
2302
  data-id="fontIcon"
2309
2303
  data-selector-id="fontIcon"
2310
2304
  data-test-id="fontIcon"
@@ -2363,7 +2357,7 @@ exports[`Select - Should show the custom empty state using getCustomEmptyState p
2363
2357
  class="search medium"
2364
2358
  >
2365
2359
  <div
2366
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container"
2360
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container"
2367
2361
  data-selector-id="textBoxIcon"
2368
2362
  >
2369
2363
  <div
@@ -2377,7 +2371,7 @@ exports[`Select - Should show the custom empty state using getCustomEmptyState p
2377
2371
  aria-controls="1"
2378
2372
  aria-describedby="2"
2379
2373
  autocomplete="off"
2380
- class=" container small default effect borderColor_default "
2374
+ class="container small default effect borderColor_default"
2381
2375
  data-id="selectComponent_search"
2382
2376
  data-selector-id="textBoxIcon"
2383
2377
  data-test-id="selectComponent_search"
@@ -2404,8 +2398,7 @@ exports[`Select - Should show the custom empty state using getCustomEmptyState p
2404
2398
  </div>
2405
2399
  </div>
2406
2400
  <div
2407
- class="flexible basis_zero shrink scroll_vertical
2408
- small"
2401
+ class="flexible basis_zero shrink scroll_vertical small"
2409
2402
  data-id="CardContent"
2410
2403
  data-selector-id="cardContent"
2411
2404
  data-test-id="CardContent"
@@ -2426,7 +2419,7 @@ exports[`Select - Should show the custom empty state using getCustomEmptyState p
2426
2419
  exports[`Select - Should show the empty message when open the dropdown with no options 1`] = `
2427
2420
  <DocumentFragment>
2428
2421
  <div
2429
- class="container box_medium "
2422
+ class="container box_medium"
2430
2423
  data-selector-id="select"
2431
2424
  >
2432
2425
  <div
@@ -2435,7 +2428,7 @@ exports[`Select - Should show the empty message when open the dropdown with no o
2435
2428
  data-test-id="selectComponent"
2436
2429
  >
2437
2430
  <div
2438
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
2431
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
2439
2432
  data-selector-id="textBoxIcon"
2440
2433
  >
2441
2434
  <div
@@ -2452,7 +2445,7 @@ exports[`Select - Should show the empty message when open the dropdown with no o
2452
2445
  aria-owns="1"
2453
2446
  aria-readonly="true"
2454
2447
  autocomplete="off"
2455
- class=" pointer container medium default effect focus borderColor_default inputDotted "
2448
+ class="pointer container medium default effect focus borderColor_default inputDotted"
2456
2449
  data-id="selectComponent_textBox"
2457
2450
  data-selector-id="textBoxIcon"
2458
2451
  data-test-id="selectComponent_textBox"
@@ -2497,7 +2490,7 @@ exports[`Select - Should show the empty message when open the dropdown with no o
2497
2490
  >
2498
2491
  <i
2499
2492
  aria-hidden="true"
2500
- class="zd_font_icons basic icon-down "
2493
+ class="zd_font_icons basic icon-down"
2501
2494
  data-id="fontIcon"
2502
2495
  data-selector-id="fontIcon"
2503
2496
  data-test-id="fontIcon"
@@ -2548,14 +2541,13 @@ exports[`Select - Should show the empty message when open the dropdown with no o
2548
2541
  data-test-id="containerComponent"
2549
2542
  >
2550
2543
  <div
2551
- class="flexible basis_zero shrink scroll_vertical
2552
- small"
2544
+ class="flexible basis_zero shrink scroll_vertical small"
2553
2545
  data-id="CardContent"
2554
2546
  data-selector-id="cardContent"
2555
2547
  data-test-id="CardContent"
2556
2548
  >
2557
2549
  <div
2558
- class=" default"
2550
+ class="default"
2559
2551
  data-id="selectComponent_noOptnsMsg"
2560
2552
  data-test-id="selectComponent_noOptnsMsg"
2561
2553
  id="2"
@@ -2576,7 +2568,7 @@ exports[`Select - Should show the empty message when open the dropdown with no o
2576
2568
  exports[`Select - Should trigger getNextOptions, when scroll to the end of the dropbox list and isNextOptions is true 1`] = `
2577
2569
  <DocumentFragment>
2578
2570
  <div
2579
- class="container box_medium "
2571
+ class="container box_medium"
2580
2572
  data-selector-id="select"
2581
2573
  >
2582
2574
  <div
@@ -2585,7 +2577,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2585
2577
  data-test-id="selectComponent"
2586
2578
  >
2587
2579
  <div
2588
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
2580
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
2589
2581
  data-selector-id="textBoxIcon"
2590
2582
  >
2591
2583
  <div
@@ -2603,7 +2595,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2603
2595
  aria-owns="1"
2604
2596
  aria-readonly="true"
2605
2597
  autocomplete="off"
2606
- class=" pointer container medium default effect borderColor_default inputDotted "
2598
+ class="pointer container medium default effect borderColor_default inputDotted"
2607
2599
  data-id="selectComponent_textBox"
2608
2600
  data-selector-id="textBoxIcon"
2609
2601
  data-test-id="selectComponent_textBox"
@@ -2649,7 +2641,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2649
2641
  >
2650
2642
  <i
2651
2643
  aria-hidden="true"
2652
- class="zd_font_icons basic icon-down "
2644
+ class="zd_font_icons basic icon-down"
2653
2645
  data-id="fontIcon"
2654
2646
  data-selector-id="fontIcon"
2655
2647
  data-test-id="fontIcon"
@@ -2699,8 +2691,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2699
2691
  data-test-id="containerComponent"
2700
2692
  >
2701
2693
  <div
2702
- class="flexible basis_zero shrink scroll_vertical
2703
- small"
2694
+ class="flexible basis_zero shrink scroll_vertical small"
2704
2695
  data-id="CardContent"
2705
2696
  data-selector-id="cardContent"
2706
2697
  data-test-id="CardContent"
@@ -2724,7 +2715,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2724
2715
  aria-label="Option 1"
2725
2716
  aria-selected="true"
2726
2717
  ariaparentrole="listbox"
2727
- class="flex row alignItems_center list medium default activedefault mediumwithTick"
2718
+ class="flex row alignItems_center list medium default activedefault mediumwithTick"
2728
2719
  data-a11y-inset-focus="true"
2729
2720
  data-a11y-list-active="true"
2730
2721
  data-id="Option 1"
@@ -2766,7 +2757,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2766
2757
  >
2767
2758
  <i
2768
2759
  aria-hidden="true"
2769
- class="zd_font_icons basic icon-ticknew "
2760
+ class="zd_font_icons basic icon-ticknew"
2770
2761
  data-id="fontIcon"
2771
2762
  data-selector-id="fontIcon"
2772
2763
  data-test-id="fontIcon"
@@ -2778,7 +2769,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2778
2769
  aria-label="Option 2"
2779
2770
  aria-selected="false"
2780
2771
  ariaparentrole="listbox"
2781
- class="flex row alignItems_center list medium default mediumwithTick"
2772
+ class="flex row alignItems_center list medium default mediumwithTick"
2782
2773
  data-a11y-inset-focus="true"
2783
2774
  data-a11y-list-active="false"
2784
2775
  data-id="Option 2"
@@ -2815,7 +2806,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2815
2806
  aria-label="Option 3"
2816
2807
  aria-selected="false"
2817
2808
  ariaparentrole="listbox"
2818
- class="flex row alignItems_center list medium default mediumwithTick"
2809
+ class="flex row alignItems_center list medium default mediumwithTick"
2819
2810
  data-a11y-inset-focus="true"
2820
2811
  data-a11y-list-active="false"
2821
2812
  data-id="Option 3"
@@ -2852,7 +2843,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2852
2843
  aria-label="Option 4"
2853
2844
  aria-selected="false"
2854
2845
  ariaparentrole="listbox"
2855
- class="flex row alignItems_center list medium default mediumwithTick"
2846
+ class="flex row alignItems_center list medium default mediumwithTick"
2856
2847
  data-a11y-inset-focus="true"
2857
2848
  data-a11y-list-active="false"
2858
2849
  data-id="Option 4"
@@ -2889,7 +2880,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2889
2880
  aria-label="Option 5"
2890
2881
  aria-selected="false"
2891
2882
  ariaparentrole="listbox"
2892
- class="flex row alignItems_center list medium default mediumwithTick"
2883
+ class="flex row alignItems_center list medium default mediumwithTick"
2893
2884
  data-a11y-inset-focus="true"
2894
2885
  data-a11y-list-active="false"
2895
2886
  data-id="Option 5"
@@ -2926,7 +2917,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2926
2917
  aria-label="Option 6"
2927
2918
  aria-selected="false"
2928
2919
  ariaparentrole="listbox"
2929
- class="flex row alignItems_center list medium default mediumwithTick"
2920
+ class="flex row alignItems_center list medium default mediumwithTick"
2930
2921
  data-a11y-inset-focus="true"
2931
2922
  data-a11y-list-active="false"
2932
2923
  data-id="Option 6"
@@ -2963,7 +2954,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2963
2954
  aria-label="Option 7"
2964
2955
  aria-selected="false"
2965
2956
  ariaparentrole="listbox"
2966
- class="flex row alignItems_center list medium default mediumwithTick"
2957
+ class="flex row alignItems_center list medium default mediumwithTick"
2967
2958
  data-a11y-inset-focus="true"
2968
2959
  data-a11y-list-active="false"
2969
2960
  data-id="Option 7"
@@ -3000,7 +2991,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
3000
2991
  aria-label="Option 8"
3001
2992
  aria-selected="false"
3002
2993
  ariaparentrole="listbox"
3003
- class="flex row alignItems_center list medium default mediumwithTick"
2994
+ class="flex row alignItems_center list medium default mediumwithTick"
3004
2995
  data-a11y-inset-focus="true"
3005
2996
  data-a11y-list-active="false"
3006
2997
  data-id="Option 8"
@@ -3037,7 +3028,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
3037
3028
  aria-label="Option 9"
3038
3029
  aria-selected="false"
3039
3030
  ariaparentrole="listbox"
3040
- class="flex row alignItems_center list medium default mediumwithTick"
3031
+ class="flex row alignItems_center list medium default mediumwithTick"
3041
3032
  data-a11y-inset-focus="true"
3042
3033
  data-a11y-list-active="false"
3043
3034
  data-id="Option 9"
@@ -3074,7 +3065,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
3074
3065
  aria-label="Option 10"
3075
3066
  aria-selected="false"
3076
3067
  ariaparentrole="listbox"
3077
- class="flex row alignItems_center list medium default mediumwithTick"
3068
+ class="flex row alignItems_center list medium default mediumwithTick"
3078
3069
  data-a11y-inset-focus="true"
3079
3070
  data-a11y-list-active="false"
3080
3071
  data-id="Option 10"
@@ -3120,7 +3111,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
3120
3111
  >
3121
3112
  <div
3122
3113
  aria-hidden="true"
3123
- class=" loaderWrapper container default svgCenter "
3114
+ class="default svgCenter loaderWrapper container"
3124
3115
  >
3125
3116
  <svg
3126
3117
  data-id="loader"
@@ -3171,7 +3162,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
3171
3162
  exports[`Select - Should trigger getNextOptions, when search with needLocalSearch is false 1`] = `
3172
3163
  <DocumentFragment>
3173
3164
  <div
3174
- class="container box_medium "
3165
+ class="container box_medium"
3175
3166
  data-selector-id="select"
3176
3167
  >
3177
3168
  <div
@@ -3180,7 +3171,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3180
3171
  data-test-id="selectComponent"
3181
3172
  >
3182
3173
  <div
3183
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
3174
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
3184
3175
  data-selector-id="textBoxIcon"
3185
3176
  >
3186
3177
  <div
@@ -3198,7 +3189,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3198
3189
  aria-owns="1"
3199
3190
  aria-readonly="true"
3200
3191
  autocomplete="off"
3201
- class=" pointer container medium default effect borderColor_default inputDotted "
3192
+ class="pointer container medium default effect borderColor_default inputDotted"
3202
3193
  data-id="selectComponent_textBox"
3203
3194
  data-selector-id="textBoxIcon"
3204
3195
  data-test-id="selectComponent_textBox"
@@ -3244,7 +3235,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3244
3235
  >
3245
3236
  <i
3246
3237
  aria-hidden="true"
3247
- class="zd_font_icons basic icon-down "
3238
+ class="zd_font_icons basic icon-down"
3248
3239
  data-id="fontIcon"
3249
3240
  data-selector-id="fontIcon"
3250
3241
  data-test-id="fontIcon"
@@ -3303,7 +3294,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3303
3294
  class="search medium"
3304
3295
  >
3305
3296
  <div
3306
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container"
3297
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container"
3307
3298
  data-selector-id="textBoxIcon"
3308
3299
  >
3309
3300
  <div
@@ -3317,7 +3308,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3317
3308
  aria-controls="1"
3318
3309
  aria-describedby="2"
3319
3310
  autocomplete="off"
3320
- class=" container small default effect borderColor_default "
3311
+ class="container small default effect borderColor_default"
3321
3312
  data-id="selectComponent_search"
3322
3313
  data-selector-id="textBoxIcon"
3323
3314
  data-test-id="selectComponent_search"
@@ -3344,8 +3335,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3344
3335
  </div>
3345
3336
  </div>
3346
3337
  <div
3347
- class="flexible basis_zero shrink scroll_vertical
3348
- small"
3338
+ class="flexible basis_zero shrink scroll_vertical small"
3349
3339
  data-id="CardContent"
3350
3340
  data-selector-id="cardContent"
3351
3341
  data-test-id="CardContent"
@@ -3369,7 +3359,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3369
3359
  aria-label="Option 1"
3370
3360
  aria-selected="true"
3371
3361
  ariaparentrole="listbox"
3372
- class="flex row alignItems_center list medium default activedefault mediumwithTick"
3362
+ class="flex row alignItems_center list medium default activedefault mediumwithTick"
3373
3363
  data-a11y-inset-focus="true"
3374
3364
  data-a11y-list-active="true"
3375
3365
  data-id="Option 1"
@@ -3411,7 +3401,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3411
3401
  >
3412
3402
  <i
3413
3403
  aria-hidden="true"
3414
- class="zd_font_icons basic icon-ticknew "
3404
+ class="zd_font_icons basic icon-ticknew"
3415
3405
  data-id="fontIcon"
3416
3406
  data-selector-id="fontIcon"
3417
3407
  data-test-id="fontIcon"
@@ -3423,7 +3413,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3423
3413
  aria-label="Option 2"
3424
3414
  aria-selected="false"
3425
3415
  ariaparentrole="listbox"
3426
- class="flex row alignItems_center list medium default mediumwithTick"
3416
+ class="flex row alignItems_center list medium default mediumwithTick"
3427
3417
  data-a11y-inset-focus="true"
3428
3418
  data-a11y-list-active="false"
3429
3419
  data-id="Option 2"
@@ -3460,7 +3450,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3460
3450
  aria-label="Option 3"
3461
3451
  aria-selected="false"
3462
3452
  ariaparentrole="listbox"
3463
- class="flex row alignItems_center list medium default mediumwithTick"
3453
+ class="flex row alignItems_center list medium default mediumwithTick"
3464
3454
  data-a11y-inset-focus="true"
3465
3455
  data-a11y-list-active="false"
3466
3456
  data-id="Option 3"
@@ -3506,7 +3496,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3506
3496
  >
3507
3497
  <div
3508
3498
  aria-hidden="true"
3509
- class=" loaderWrapper container default svgCenter "
3499
+ class="default svgCenter loaderWrapper container"
3510
3500
  >
3511
3501
  <svg
3512
3502
  data-id="loader"
@@ -3557,7 +3547,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3557
3547
  exports[`Select - Should trigger onAddNewOption, when click on the custom search empty state button 1`] = `
3558
3548
  <DocumentFragment>
3559
3549
  <div
3560
- class="container box_medium "
3550
+ class="container box_medium"
3561
3551
  data-selector-id="select"
3562
3552
  >
3563
3553
  <div
@@ -3566,7 +3556,7 @@ exports[`Select - Should trigger onAddNewOption, when click on the custom search
3566
3556
  data-test-id="selectComponent"
3567
3557
  >
3568
3558
  <div
3569
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
3559
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
3570
3560
  data-selector-id="textBoxIcon"
3571
3561
  >
3572
3562
  <div
@@ -3584,7 +3574,7 @@ exports[`Select - Should trigger onAddNewOption, when click on the custom search
3584
3574
  aria-owns="1"
3585
3575
  aria-readonly="true"
3586
3576
  autocomplete="off"
3587
- class=" pointer container medium default effect borderColor_default inputDotted "
3577
+ class="pointer container medium default effect borderColor_default inputDotted"
3588
3578
  data-id="selectComponent_textBox"
3589
3579
  data-selector-id="textBoxIcon"
3590
3580
  data-test-id="selectComponent_textBox"
@@ -3630,7 +3620,7 @@ exports[`Select - Should trigger onAddNewOption, when click on the custom search
3630
3620
  >
3631
3621
  <i
3632
3622
  aria-hidden="true"
3633
- class="zd_font_icons basic icon-down "
3623
+ class="zd_font_icons basic icon-down"
3634
3624
  data-id="fontIcon"
3635
3625
  data-selector-id="fontIcon"
3636
3626
  data-test-id="fontIcon"
@@ -3689,7 +3679,7 @@ exports[`Select - Should trigger onAddNewOption, when click on the custom search
3689
3679
  class="search medium"
3690
3680
  >
3691
3681
  <div
3692
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container"
3682
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container"
3693
3683
  data-selector-id="textBoxIcon"
3694
3684
  >
3695
3685
  <div
@@ -3703,7 +3693,7 @@ exports[`Select - Should trigger onAddNewOption, when click on the custom search
3703
3693
  aria-controls="1"
3704
3694
  aria-describedby="2"
3705
3695
  autocomplete="off"
3706
- class=" container small default effect borderColor_default "
3696
+ class="container small default effect borderColor_default"
3707
3697
  data-id="selectComponent_search"
3708
3698
  data-selector-id="textBoxIcon"
3709
3699
  data-test-id="selectComponent_search"
@@ -3730,8 +3720,7 @@ exports[`Select - Should trigger onAddNewOption, when click on the custom search
3730
3720
  </div>
3731
3721
  </div>
3732
3722
  <div
3733
- class="flexible basis_zero shrink scroll_vertical
3734
- small"
3723
+ class="flexible basis_zero shrink scroll_vertical small"
3735
3724
  data-id="CardContent"
3736
3725
  data-selector-id="cardContent"
3737
3726
  data-test-id="CardContent"
@@ -3752,7 +3741,7 @@ exports[`Select - Should trigger onAddNewOption, when click on the custom search
3752
3741
  exports[`Select - Should update the value when select the option 1`] = `
3753
3742
  <DocumentFragment>
3754
3743
  <div
3755
- class="container box_medium "
3744
+ class="container box_medium"
3756
3745
  data-selector-id="select"
3757
3746
  >
3758
3747
  <div
@@ -3761,7 +3750,7 @@ exports[`Select - Should update the value when select the option 1`] = `
3761
3750
  data-test-id="selectComponent"
3762
3751
  >
3763
3752
  <div
3764
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
3753
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
3765
3754
  data-selector-id="textBoxIcon"
3766
3755
  >
3767
3756
  <div
@@ -3779,7 +3768,7 @@ exports[`Select - Should update the value when select the option 1`] = `
3779
3768
  aria-owns="1"
3780
3769
  aria-readonly="true"
3781
3770
  autocomplete="off"
3782
- class=" pointer container medium default effect focus borderColor_default inputDotted "
3771
+ class="pointer container medium default effect focus borderColor_default inputDotted"
3783
3772
  data-id="selectComponent_textBox"
3784
3773
  data-selector-id="textBoxIcon"
3785
3774
  data-test-id="selectComponent_textBox"
@@ -3825,7 +3814,7 @@ exports[`Select - Should update the value when select the option 1`] = `
3825
3814
  >
3826
3815
  <i
3827
3816
  aria-hidden="true"
3828
- class="zd_font_icons basic icon-down "
3817
+ class="zd_font_icons basic icon-down"
3829
3818
  data-id="fontIcon"
3830
3819
  data-selector-id="fontIcon"
3831
3820
  data-test-id="fontIcon"
@@ -3876,8 +3865,7 @@ exports[`Select - Should update the value when select the option 1`] = `
3876
3865
  data-test-id="containerComponent"
3877
3866
  >
3878
3867
  <div
3879
- class="flexible basis_zero shrink scroll_vertical
3880
- small"
3868
+ class="flexible basis_zero shrink scroll_vertical small"
3881
3869
  data-id="CardContent"
3882
3870
  data-selector-id="cardContent"
3883
3871
  data-test-id="CardContent"
@@ -3901,7 +3889,7 @@ exports[`Select - Should update the value when select the option 1`] = `
3901
3889
  aria-label="Option 1"
3902
3890
  aria-selected="true"
3903
3891
  ariaparentrole="listbox"
3904
- class="flex row alignItems_center list medium default activedefault mediumwithTick"
3892
+ class="flex row alignItems_center list medium default activedefault mediumwithTick"
3905
3893
  data-a11y-inset-focus="true"
3906
3894
  data-a11y-list-active="true"
3907
3895
  data-id="Option 1"
@@ -3943,7 +3931,7 @@ exports[`Select - Should update the value when select the option 1`] = `
3943
3931
  >
3944
3932
  <i
3945
3933
  aria-hidden="true"
3946
- class="zd_font_icons basic icon-ticknew "
3934
+ class="zd_font_icons basic icon-ticknew"
3947
3935
  data-id="fontIcon"
3948
3936
  data-selector-id="fontIcon"
3949
3937
  data-test-id="fontIcon"
@@ -3955,7 +3943,7 @@ exports[`Select - Should update the value when select the option 1`] = `
3955
3943
  aria-label="Option 2"
3956
3944
  aria-selected="false"
3957
3945
  ariaparentrole="listbox"
3958
- class="flex row alignItems_center list medium default mediumwithTick"
3946
+ class="flex row alignItems_center list medium default mediumwithTick"
3959
3947
  data-a11y-inset-focus="true"
3960
3948
  data-a11y-list-active="false"
3961
3949
  data-id="Option 2"
@@ -3992,7 +3980,7 @@ exports[`Select - Should update the value when select the option 1`] = `
3992
3980
  aria-label="Option 3"
3993
3981
  aria-selected="false"
3994
3982
  ariaparentrole="listbox"
3995
- class="flex row alignItems_center list medium default mediumwithTick"
3983
+ class="flex row alignItems_center list medium default mediumwithTick"
3996
3984
  data-a11y-inset-focus="true"
3997
3985
  data-a11y-list-active="false"
3998
3986
  data-id="Option 3"
@@ -4040,7 +4028,7 @@ exports[`Select - Should update the value when select the option 1`] = `
4040
4028
  exports[`Select - Should update the value when select the option 2`] = `
4041
4029
  <DocumentFragment>
4042
4030
  <div
4043
- class="container box_medium "
4031
+ class="container box_medium"
4044
4032
  data-selector-id="select"
4045
4033
  >
4046
4034
  <div
@@ -4049,7 +4037,7 @@ exports[`Select - Should update the value when select the option 2`] = `
4049
4037
  data-test-id="selectComponent"
4050
4038
  >
4051
4039
  <div
4052
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
4040
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
4053
4041
  data-selector-id="textBoxIcon"
4054
4042
  >
4055
4043
  <div
@@ -4067,7 +4055,7 @@ exports[`Select - Should update the value when select the option 2`] = `
4067
4055
  aria-owns="1"
4068
4056
  aria-readonly="true"
4069
4057
  autocomplete="off"
4070
- class=" pointer container medium default effect borderColor_default inputDotted "
4058
+ class="pointer container medium default effect borderColor_default inputDotted"
4071
4059
  data-id="selectComponent_textBox"
4072
4060
  data-selector-id="textBoxIcon"
4073
4061
  data-test-id="selectComponent_textBox"
@@ -4113,7 +4101,7 @@ exports[`Select - Should update the value when select the option 2`] = `
4113
4101
  >
4114
4102
  <i
4115
4103
  aria-hidden="true"
4116
- class="zd_font_icons basic icon-down "
4104
+ class="zd_font_icons basic icon-down"
4117
4105
  data-id="fontIcon"
4118
4106
  data-selector-id="fontIcon"
4119
4107
  data-test-id="fontIcon"
@@ -4226,7 +4214,7 @@ exports[`Select - Should update the value, when select the option using keyboard
4226
4214
  exports[`Select box needSelectDownIcon snapshot - Should render with aria properties - needSelectDownIcon as false 1`] = `
4227
4215
  <DocumentFragment>
4228
4216
  <div
4229
- class="container box_medium "
4217
+ class="container box_medium"
4230
4218
  data-selector-id="select"
4231
4219
  >
4232
4220
  <div
@@ -4244,7 +4232,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with aria prope
4244
4232
  aria-owns="1"
4245
4233
  aria-readonly="true"
4246
4234
  autocomplete="off"
4247
- class=" pointer container medium default border effect borderColor_default inputDotted "
4235
+ class="pointer container medium default border effect borderColor_default inputDotted"
4248
4236
  data-id="selectComponent_textBox"
4249
4237
  data-selector-id="textBox"
4250
4238
  data-test-id="selectComponent_textBox"
@@ -4263,7 +4251,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with aria prope
4263
4251
  exports[`Select box needSelectDownIcon snapshot - Should render with aria properties - needSelectDownIcon as true 1`] = `
4264
4252
  <DocumentFragment>
4265
4253
  <div
4266
- class="container box_medium "
4254
+ class="container box_medium"
4267
4255
  data-selector-id="select"
4268
4256
  >
4269
4257
  <div
@@ -4272,7 +4260,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with aria prope
4272
4260
  data-test-id="selectComponent"
4273
4261
  >
4274
4262
  <div
4275
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4263
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4276
4264
  data-selector-id="textBoxIcon"
4277
4265
  >
4278
4266
  <div
@@ -4291,7 +4279,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with aria prope
4291
4279
  aria-owns="1"
4292
4280
  aria-readonly="true"
4293
4281
  autocomplete="off"
4294
- class=" pointer container medium default effect borderColor_default inputDotted "
4282
+ class="pointer container medium default effect borderColor_default inputDotted"
4295
4283
  data-id="selectComponent_textBox"
4296
4284
  data-selector-id="textBoxIcon"
4297
4285
  data-test-id="selectComponent_textBox"
@@ -4337,7 +4325,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with aria prope
4337
4325
  >
4338
4326
  <i
4339
4327
  aria-hidden="true"
4340
- class="zd_font_icons basic icon-down "
4328
+ class="zd_font_icons basic icon-down"
4341
4329
  data-id="fontIcon"
4342
4330
  data-selector-id="fontIcon"
4343
4331
  data-test-id="fontIcon"
@@ -4357,7 +4345,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with aria prope
4357
4345
  exports[`Select box needSelectDownIcon snapshot - Should render with autoComplete as true - needSelectDownIcon as false 1`] = `
4358
4346
  <DocumentFragment>
4359
4347
  <div
4360
- class="container box_medium "
4348
+ class="container box_medium"
4361
4349
  data-selector-id="select"
4362
4350
  >
4363
4351
  <div
@@ -4372,7 +4360,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with autoComple
4372
4360
  aria-label="click to select options"
4373
4361
  aria-owns="1"
4374
4362
  aria-readonly="true"
4375
- class=" pointer container medium default border effect borderColor_default inputDotted "
4363
+ class="pointer container medium default border effect borderColor_default inputDotted"
4376
4364
  data-id="selectComponent_textBox"
4377
4365
  data-selector-id="textBox"
4378
4366
  data-test-id="selectComponent_textBox"
@@ -4390,7 +4378,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with autoComple
4390
4378
  exports[`Select box needSelectDownIcon snapshot - Should render with autoComplete as true - needSelectDownIcon as true 1`] = `
4391
4379
  <DocumentFragment>
4392
4380
  <div
4393
- class="container box_medium "
4381
+ class="container box_medium"
4394
4382
  data-selector-id="select"
4395
4383
  >
4396
4384
  <div
@@ -4399,7 +4387,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with autoComple
4399
4387
  data-test-id="selectComponent"
4400
4388
  >
4401
4389
  <div
4402
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4390
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4403
4391
  data-selector-id="textBoxIcon"
4404
4392
  >
4405
4393
  <div
@@ -4415,7 +4403,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with autoComple
4415
4403
  aria-label="click to select options"
4416
4404
  aria-owns="1"
4417
4405
  aria-readonly="true"
4418
- class=" pointer container medium default effect borderColor_default inputDotted "
4406
+ class="pointer container medium default effect borderColor_default inputDotted"
4419
4407
  data-id="selectComponent_textBox"
4420
4408
  data-selector-id="textBoxIcon"
4421
4409
  data-test-id="selectComponent_textBox"
@@ -4460,7 +4448,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with autoComple
4460
4448
  >
4461
4449
  <i
4462
4450
  aria-hidden="true"
4463
- class="zd_font_icons basic icon-down "
4451
+ class="zd_font_icons basic icon-down"
4464
4452
  data-id="fontIcon"
4465
4453
  data-selector-id="fontIcon"
4466
4454
  data-test-id="fontIcon"
@@ -4480,7 +4468,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with autoComple
4480
4468
  exports[`Select box needSelectDownIcon snapshot - Should render with borderColor as default - needSelectDownIcon as false 1`] = `
4481
4469
  <DocumentFragment>
4482
4470
  <div
4483
- class="container box_medium "
4471
+ class="container box_medium"
4484
4472
  data-selector-id="select"
4485
4473
  >
4486
4474
  <div
@@ -4496,7 +4484,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4496
4484
  aria-owns="1"
4497
4485
  aria-readonly="true"
4498
4486
  autocomplete="off"
4499
- class=" pointer container medium default border effect borderColor_default inputDotted "
4487
+ class="pointer container medium default border effect borderColor_default inputDotted"
4500
4488
  data-id="selectComponent_textBox"
4501
4489
  data-selector-id="textBox"
4502
4490
  data-test-id="selectComponent_textBox"
@@ -4514,7 +4502,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4514
4502
  exports[`Select box needSelectDownIcon snapshot - Should render with borderColor as default - needSelectDownIcon as true 1`] = `
4515
4503
  <DocumentFragment>
4516
4504
  <div
4517
- class="container box_medium "
4505
+ class="container box_medium"
4518
4506
  data-selector-id="select"
4519
4507
  >
4520
4508
  <div
@@ -4523,7 +4511,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4523
4511
  data-test-id="selectComponent"
4524
4512
  >
4525
4513
  <div
4526
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4514
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4527
4515
  data-selector-id="textBoxIcon"
4528
4516
  >
4529
4517
  <div
@@ -4540,7 +4528,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4540
4528
  aria-owns="1"
4541
4529
  aria-readonly="true"
4542
4530
  autocomplete="off"
4543
- class=" pointer container medium default effect borderColor_default inputDotted "
4531
+ class="pointer container medium default effect borderColor_default inputDotted"
4544
4532
  data-id="selectComponent_textBox"
4545
4533
  data-selector-id="textBoxIcon"
4546
4534
  data-test-id="selectComponent_textBox"
@@ -4585,7 +4573,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4585
4573
  >
4586
4574
  <i
4587
4575
  aria-hidden="true"
4588
- class="zd_font_icons basic icon-down "
4576
+ class="zd_font_icons basic icon-down"
4589
4577
  data-id="fontIcon"
4590
4578
  data-selector-id="fontIcon"
4591
4579
  data-test-id="fontIcon"
@@ -4605,7 +4593,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4605
4593
  exports[`Select box needSelectDownIcon snapshot - Should render with borderColor as transparent - needSelectDownIcon as false 1`] = `
4606
4594
  <DocumentFragment>
4607
4595
  <div
4608
- class="container box_medium transparentContainer "
4596
+ class="container box_medium transparentContainer"
4609
4597
  data-selector-id="select"
4610
4598
  >
4611
4599
  <div
@@ -4621,7 +4609,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4621
4609
  aria-owns="1"
4622
4610
  aria-readonly="true"
4623
4611
  autocomplete="off"
4624
- class=" pointer container medium default border effect borderColor_transparent inputDotted "
4612
+ class="pointer container medium default border effect borderColor_transparent inputDotted"
4625
4613
  data-id="selectComponent_textBox"
4626
4614
  data-selector-id="textBox"
4627
4615
  data-test-id="selectComponent_textBox"
@@ -4639,7 +4627,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4639
4627
  exports[`Select box needSelectDownIcon snapshot - Should render with borderColor as transparent - needSelectDownIcon as true 1`] = `
4640
4628
  <DocumentFragment>
4641
4629
  <div
4642
- class="container box_medium transparentContainer "
4630
+ class="container box_medium transparentContainer"
4643
4631
  data-selector-id="select"
4644
4632
  >
4645
4633
  <div
@@ -4648,7 +4636,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4648
4636
  data-test-id="selectComponent"
4649
4637
  >
4650
4638
  <div
4651
- class="flex row varClass customContainer border_bottom effect borderColor_transparent hasBorder container input"
4639
+ class="flex row varClass customContainer border_bottom effect borderColor_transparent hasBorder container input"
4652
4640
  data-selector-id="textBoxIcon"
4653
4641
  >
4654
4642
  <div
@@ -4665,7 +4653,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4665
4653
  aria-owns="1"
4666
4654
  aria-readonly="true"
4667
4655
  autocomplete="off"
4668
- class=" pointer container medium default effect borderColor_transparent inputDotted "
4656
+ class="pointer container medium default effect borderColor_transparent inputDotted"
4669
4657
  data-id="selectComponent_textBox"
4670
4658
  data-selector-id="textBoxIcon"
4671
4659
  data-test-id="selectComponent_textBox"
@@ -4710,7 +4698,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4710
4698
  >
4711
4699
  <i
4712
4700
  aria-hidden="true"
4713
- class="zd_font_icons basic icon-down "
4701
+ class="zd_font_icons basic icon-down"
4714
4702
  data-id="fontIcon"
4715
4703
  data-selector-id="fontIcon"
4716
4704
  data-test-id="fontIcon"
@@ -4730,7 +4718,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4730
4718
  exports[`Select box needSelectDownIcon snapshot - Should render with customProps TextBoxProps - needSelectDownIcon as false 1`] = `
4731
4719
  <DocumentFragment>
4732
4720
  <div
4733
- class="container box_medium "
4721
+ class="container box_medium"
4734
4722
  data-selector-id="select"
4735
4723
  >
4736
4724
  <div
@@ -4746,7 +4734,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with customProp
4746
4734
  aria-owns="1"
4747
4735
  aria-readonly="true"
4748
4736
  autocomplete="off"
4749
- class=" pointer container medium default border effect borderColor_default inputDotted "
4737
+ class="pointer container medium default border effect borderColor_default inputDotted"
4750
4738
  data-custom-attr="true"
4751
4739
  data-id="selectComponent_textBox"
4752
4740
  data-selector-id="textBox"
@@ -4765,7 +4753,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with customProp
4765
4753
  exports[`Select box needSelectDownIcon snapshot - Should render with customProps TextBoxProps - needSelectDownIcon as true 1`] = `
4766
4754
  <DocumentFragment>
4767
4755
  <div
4768
- class="container box_medium "
4756
+ class="container box_medium"
4769
4757
  data-selector-id="select"
4770
4758
  >
4771
4759
  <div
@@ -4774,7 +4762,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with customProp
4774
4762
  data-test-id="selectComponent"
4775
4763
  >
4776
4764
  <div
4777
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4765
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4778
4766
  data-selector-id="textBoxIcon"
4779
4767
  >
4780
4768
  <div
@@ -4791,7 +4779,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with customProp
4791
4779
  aria-owns="1"
4792
4780
  aria-readonly="true"
4793
4781
  autocomplete="off"
4794
- class=" pointer container medium default effect borderColor_default inputDotted "
4782
+ class="pointer container medium default effect borderColor_default inputDotted"
4795
4783
  data-custom-attr="true"
4796
4784
  data-id="selectComponent_textBox"
4797
4785
  data-selector-id="textBoxIcon"
@@ -4837,7 +4825,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with customProp
4837
4825
  >
4838
4826
  <i
4839
4827
  aria-hidden="true"
4840
- class="zd_font_icons basic icon-down "
4828
+ class="zd_font_icons basic icon-down"
4841
4829
  data-id="fontIcon"
4842
4830
  data-selector-id="fontIcon"
4843
4831
  data-test-id="fontIcon"
@@ -4857,7 +4845,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with customProp
4857
4845
  exports[`Select box needSelectDownIcon snapshot - Should render with htmlId - needSelectDownIcon as false 1`] = `
4858
4846
  <DocumentFragment>
4859
4847
  <div
4860
- class="container box_medium "
4848
+ class="container box_medium"
4861
4849
  data-selector-id="select"
4862
4850
  >
4863
4851
  <div
@@ -4873,7 +4861,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with htmlId - n
4873
4861
  aria-owns="1"
4874
4862
  aria-readonly="true"
4875
4863
  autocomplete="off"
4876
- class=" pointer container medium default border effect borderColor_default inputDotted "
4864
+ class="pointer container medium default border effect borderColor_default inputDotted"
4877
4865
  data-id="selectComponent_textBox"
4878
4866
  data-selector-id="textBox"
4879
4867
  data-test-id="selectComponent_textBox"
@@ -4892,7 +4880,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with htmlId - n
4892
4880
  exports[`Select box needSelectDownIcon snapshot - Should render with htmlId - needSelectDownIcon as true 1`] = `
4893
4881
  <DocumentFragment>
4894
4882
  <div
4895
- class="container box_medium "
4883
+ class="container box_medium"
4896
4884
  data-selector-id="select"
4897
4885
  >
4898
4886
  <div
@@ -4901,7 +4889,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with htmlId - n
4901
4889
  data-test-id="selectComponent"
4902
4890
  >
4903
4891
  <div
4904
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4892
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4905
4893
  data-selector-id="textBoxIcon"
4906
4894
  >
4907
4895
  <div
@@ -4918,7 +4906,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with htmlId - n
4918
4906
  aria-owns="1"
4919
4907
  aria-readonly="true"
4920
4908
  autocomplete="off"
4921
- class=" pointer container medium default effect borderColor_default inputDotted "
4909
+ class="pointer container medium default effect borderColor_default inputDotted"
4922
4910
  data-id="selectComponent_textBox"
4923
4911
  data-selector-id="textBoxIcon"
4924
4912
  data-test-id="selectComponent_textBox"
@@ -4964,7 +4952,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with htmlId - n
4964
4952
  >
4965
4953
  <i
4966
4954
  aria-hidden="true"
4967
- class="zd_font_icons basic icon-down "
4955
+ class="zd_font_icons basic icon-down"
4968
4956
  data-id="fontIcon"
4969
4957
  data-selector-id="fontIcon"
4970
4958
  data-test-id="fontIcon"
@@ -4984,7 +4972,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with htmlId - n
4984
4972
  exports[`Select box needSelectDownIcon snapshot - Should render with isDisabled as true - needSelectDownIcon as false 1`] = `
4985
4973
  <DocumentFragment>
4986
4974
  <div
4987
- class="container box_medium "
4975
+ class="container box_medium"
4988
4976
  data-selector-id="select"
4989
4977
  >
4990
4978
  <div
@@ -5000,7 +4988,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isDisabled
5000
4988
  aria-owns="1"
5001
4989
  aria-readonly="true"
5002
4990
  autocomplete="off"
5003
- class=" container medium default border borderColor_default inputDotted "
4991
+ class="container medium default border borderColor_default inputDotted"
5004
4992
  data-id="selectComponent_textBox"
5005
4993
  data-selector-id="textBox"
5006
4994
  data-test-id="selectComponent_textBox"
@@ -5019,7 +5007,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isDisabled
5019
5007
  exports[`Select box needSelectDownIcon snapshot - Should render with isDisabled as true - needSelectDownIcon as true 1`] = `
5020
5008
  <DocumentFragment>
5021
5009
  <div
5022
- class="container box_medium "
5010
+ class="container box_medium"
5023
5011
  data-selector-id="select"
5024
5012
  >
5025
5013
  <div
@@ -5028,7 +5016,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isDisabled
5028
5016
  data-test-id="selectComponent_disabled"
5029
5017
  >
5030
5018
  <div
5031
- class="flex row varClass customContainer border_bottom disabled borderColor_default hasBorder container"
5019
+ class="flex row varClass customContainer border_bottom disabled borderColor_default hasBorder container"
5032
5020
  data-selector-id="textBoxIcon"
5033
5021
  data-title=""
5034
5022
  >
@@ -5046,7 +5034,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isDisabled
5046
5034
  aria-owns="1"
5047
5035
  aria-readonly="true"
5048
5036
  autocomplete="off"
5049
- class=" container medium default borderColor_default inputDotted "
5037
+ class="container medium default borderColor_default inputDotted"
5050
5038
  data-id="selectComponent_textBox"
5051
5039
  data-selector-id="textBoxIcon"
5052
5040
  data-test-id="selectComponent_textBox"
@@ -5092,7 +5080,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isDisabled
5092
5080
  >
5093
5081
  <i
5094
5082
  aria-hidden="true"
5095
- class="zd_font_icons basic icon-down "
5083
+ class="zd_font_icons basic icon-down"
5096
5084
  data-id="fontIcon"
5097
5085
  data-selector-id="fontIcon"
5098
5086
  data-test-id="fontIcon"
@@ -5112,7 +5100,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isDisabled
5112
5100
  exports[`Select box needSelectDownIcon snapshot - Should render with isPopupOpen as true - needSelectDownIcon as false 1`] = `
5113
5101
  <DocumentFragment>
5114
5102
  <div
5115
- class="container box_medium "
5103
+ class="container box_medium"
5116
5104
  data-selector-id="select"
5117
5105
  >
5118
5106
  <div
@@ -5128,7 +5116,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isPopupOpe
5128
5116
  aria-owns="1"
5129
5117
  aria-readonly="true"
5130
5118
  autocomplete="off"
5131
- class=" pointer container medium default border effect focus borderColor_default inputDotted "
5119
+ class="pointer container medium default border effect focus borderColor_default inputDotted"
5132
5120
  data-id="selectComponent_textBox"
5133
5121
  data-selector-id="textBox"
5134
5122
  data-test-id="selectComponent_textBox"
@@ -5177,14 +5165,13 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isPopupOpe
5177
5165
  data-test-id="containerComponent"
5178
5166
  >
5179
5167
  <div
5180
- class="flexible basis_zero shrink scroll_vertical
5181
- small"
5168
+ class="flexible basis_zero shrink scroll_vertical small"
5182
5169
  data-id="CardContent"
5183
5170
  data-selector-id="cardContent"
5184
5171
  data-test-id="CardContent"
5185
5172
  >
5186
5173
  <div
5187
- class=" default"
5174
+ class="default"
5188
5175
  data-id="selectComponent_noOptnsMsg"
5189
5176
  data-test-id="selectComponent_noOptnsMsg"
5190
5177
  id="2"
@@ -5203,7 +5190,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isPopupOpe
5203
5190
  exports[`Select box needSelectDownIcon snapshot - Should render with isPopupOpen as true - needSelectDownIcon as true 1`] = `
5204
5191
  <DocumentFragment>
5205
5192
  <div
5206
- class="container box_medium "
5193
+ class="container box_medium"
5207
5194
  data-selector-id="select"
5208
5195
  >
5209
5196
  <div
@@ -5212,7 +5199,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isPopupOpe
5212
5199
  data-test-id="selectComponent"
5213
5200
  >
5214
5201
  <div
5215
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
5202
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
5216
5203
  data-selector-id="textBoxIcon"
5217
5204
  >
5218
5205
  <div
@@ -5229,7 +5216,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isPopupOpe
5229
5216
  aria-owns="1"
5230
5217
  aria-readonly="true"
5231
5218
  autocomplete="off"
5232
- class=" pointer container medium default effect focus borderColor_default inputDotted "
5219
+ class="pointer container medium default effect focus borderColor_default inputDotted"
5233
5220
  data-id="selectComponent_textBox"
5234
5221
  data-selector-id="textBoxIcon"
5235
5222
  data-test-id="selectComponent_textBox"
@@ -5274,7 +5261,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isPopupOpe
5274
5261
  >
5275
5262
  <i
5276
5263
  aria-hidden="true"
5277
- class="zd_font_icons basic icon-down "
5264
+ class="zd_font_icons basic icon-down"
5278
5265
  data-id="fontIcon"
5279
5266
  data-selector-id="fontIcon"
5280
5267
  data-test-id="fontIcon"
@@ -5325,14 +5312,13 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isPopupOpe
5325
5312
  data-test-id="containerComponent"
5326
5313
  >
5327
5314
  <div
5328
- class="flexible basis_zero shrink scroll_vertical
5329
- small"
5315
+ class="flexible basis_zero shrink scroll_vertical small"
5330
5316
  data-id="CardContent"
5331
5317
  data-selector-id="cardContent"
5332
5318
  data-test-id="CardContent"
5333
5319
  >
5334
5320
  <div
5335
- class=" default"
5321
+ class="default"
5336
5322
  data-id="selectComponent_noOptnsMsg"
5337
5323
  data-test-id="selectComponent_noOptnsMsg"
5338
5324
  id="2"
@@ -5351,7 +5337,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isPopupOpe
5351
5337
  exports[`Select box needSelectDownIcon snapshot - Should render with isReadOnly as true - needSelectDownIcon as false 1`] = `
5352
5338
  <DocumentFragment>
5353
5339
  <div
5354
- class="container box_medium readonly "
5340
+ class="container box_medium readonly"
5355
5341
  data-selector-id="select"
5356
5342
  >
5357
5343
  <div
@@ -5367,7 +5353,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isReadOnly
5367
5353
  aria-owns="1"
5368
5354
  aria-readonly="true"
5369
5355
  autocomplete="off"
5370
- class="readonly container medium default border borderColor_default inputDotted "
5356
+ class="readonly container medium default border borderColor_default inputDotted"
5371
5357
  data-id="selectComponent_textBox"
5372
5358
  data-selector-id="textBox"
5373
5359
  data-test-id="selectComponent_textBox"
@@ -5385,7 +5371,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isReadOnly
5385
5371
  exports[`Select box needSelectDownIcon snapshot - Should render with isReadOnly as true - needSelectDownIcon as true 1`] = `
5386
5372
  <DocumentFragment>
5387
5373
  <div
5388
- class="container box_medium readonly "
5374
+ class="container box_medium readonly"
5389
5375
  data-selector-id="select"
5390
5376
  >
5391
5377
  <div
@@ -5394,7 +5380,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isReadOnly
5394
5380
  data-test-id="selectComponent_readOnly"
5395
5381
  >
5396
5382
  <div
5397
- class="flex row varClass customContainer border_bottom readonly borderColor_default hasBorder container"
5383
+ class="flex row varClass customContainer border_bottom readonly borderColor_default hasBorder container"
5398
5384
  data-selector-id="textBoxIcon"
5399
5385
  >
5400
5386
  <div
@@ -5411,7 +5397,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isReadOnly
5411
5397
  aria-owns="1"
5412
5398
  aria-readonly="true"
5413
5399
  autocomplete="off"
5414
- class="readonly container medium default borderColor_default inputDotted "
5400
+ class="readonly container medium default borderColor_default inputDotted"
5415
5401
  data-id="selectComponent_textBox"
5416
5402
  data-selector-id="textBoxIcon"
5417
5403
  data-test-id="selectComponent_textBox"
@@ -5456,7 +5442,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isReadOnly
5456
5442
  >
5457
5443
  <i
5458
5444
  aria-hidden="true"
5459
- class="zd_font_icons basic icon-down "
5445
+ class="zd_font_icons basic icon-down"
5460
5446
  data-id="fontIcon"
5461
5447
  data-selector-id="fontIcon"
5462
5448
  data-test-id="fontIcon"
@@ -5476,7 +5462,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isReadOnly
5476
5462
  exports[`Select box needSelectDownIcon snapshot - Should render with maxLength - needSelectDownIcon as false 1`] = `
5477
5463
  <DocumentFragment>
5478
5464
  <div
5479
- class="container box_medium "
5465
+ class="container box_medium"
5480
5466
  data-selector-id="select"
5481
5467
  >
5482
5468
  <div
@@ -5492,7 +5478,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with maxLength
5492
5478
  aria-owns="1"
5493
5479
  aria-readonly="true"
5494
5480
  autocomplete="off"
5495
- class=" pointer container medium default border effect borderColor_default inputDotted "
5481
+ class="pointer container medium default border effect borderColor_default inputDotted"
5496
5482
  data-id="selectComponent_textBox"
5497
5483
  data-selector-id="textBox"
5498
5484
  data-test-id="selectComponent_textBox"
@@ -5511,7 +5497,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with maxLength
5511
5497
  exports[`Select box needSelectDownIcon snapshot - Should render with maxLength - needSelectDownIcon as true 1`] = `
5512
5498
  <DocumentFragment>
5513
5499
  <div
5514
- class="container box_medium "
5500
+ class="container box_medium"
5515
5501
  data-selector-id="select"
5516
5502
  >
5517
5503
  <div
@@ -5520,7 +5506,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with maxLength
5520
5506
  data-test-id="selectComponent"
5521
5507
  >
5522
5508
  <div
5523
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
5509
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
5524
5510
  data-selector-id="textBoxIcon"
5525
5511
  >
5526
5512
  <div
@@ -5537,7 +5523,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with maxLength
5537
5523
  aria-owns="1"
5538
5524
  aria-readonly="true"
5539
5525
  autocomplete="off"
5540
- class=" pointer container medium default effect borderColor_default inputDotted "
5526
+ class="pointer container medium default effect borderColor_default inputDotted"
5541
5527
  data-id="selectComponent_textBox"
5542
5528
  data-selector-id="textBoxIcon"
5543
5529
  data-test-id="selectComponent_textBox"
@@ -5582,7 +5568,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with maxLength
5582
5568
  >
5583
5569
  <i
5584
5570
  aria-hidden="true"
5585
- class="zd_font_icons basic icon-down "
5571
+ class="zd_font_icons basic icon-down"
5586
5572
  data-id="fontIcon"
5587
5573
  data-selector-id="fontIcon"
5588
5574
  data-test-id="fontIcon"
@@ -5602,7 +5588,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with maxLength
5602
5588
  exports[`Select box needSelectDownIcon snapshot - Should render with needBorder as false - needSelectDownIcon as false 1`] = `
5603
5589
  <DocumentFragment>
5604
5590
  <div
5605
- class="container box_medium "
5591
+ class="container box_medium"
5606
5592
  data-selector-id="select"
5607
5593
  >
5608
5594
  <div
@@ -5618,7 +5604,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with needBorder
5618
5604
  aria-owns="1"
5619
5605
  aria-readonly="true"
5620
5606
  autocomplete="off"
5621
- class=" pointer container medium default effect borderColor_default inputDotted "
5607
+ class="pointer container medium default effect borderColor_default inputDotted"
5622
5608
  data-id="selectComponent_textBox"
5623
5609
  data-selector-id="textBox"
5624
5610
  data-test-id="selectComponent_textBox"
@@ -5636,7 +5622,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with needBorder
5636
5622
  exports[`Select box needSelectDownIcon snapshot - Should render with needBorder as false - needSelectDownIcon as true 1`] = `
5637
5623
  <DocumentFragment>
5638
5624
  <div
5639
- class="container box_medium "
5625
+ class="container box_medium"
5640
5626
  data-selector-id="select"
5641
5627
  >
5642
5628
  <div
@@ -5645,7 +5631,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with needBorder
5645
5631
  data-test-id="selectComponent"
5646
5632
  >
5647
5633
  <div
5648
- class="flex row varClass customContainer effect container input"
5634
+ class="flex row varClass customContainer effect container input"
5649
5635
  data-selector-id="textBoxIcon"
5650
5636
  >
5651
5637
  <div
@@ -5662,7 +5648,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with needBorder
5662
5648
  aria-owns="1"
5663
5649
  aria-readonly="true"
5664
5650
  autocomplete="off"
5665
- class=" pointer container medium default effect borderColor_default inputDotted "
5651
+ class="pointer container medium default effect borderColor_default inputDotted"
5666
5652
  data-id="selectComponent_textBox"
5667
5653
  data-selector-id="textBoxIcon"
5668
5654
  data-test-id="selectComponent_textBox"
@@ -5707,7 +5693,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with needBorder
5707
5693
  >
5708
5694
  <i
5709
5695
  aria-hidden="true"
5710
- class="zd_font_icons basic icon-down "
5696
+ class="zd_font_icons basic icon-down"
5711
5697
  data-id="fontIcon"
5712
5698
  data-selector-id="fontIcon"
5713
5699
  data-test-id="fontIcon"
@@ -5727,7 +5713,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with needBorder
5727
5713
  exports[`Select box needSelectDownIcon snapshot - Should render with placeHolder - needSelectDownIcon as false 1`] = `
5728
5714
  <DocumentFragment>
5729
5715
  <div
5730
- class="container box_medium "
5716
+ class="container box_medium"
5731
5717
  data-selector-id="select"
5732
5718
  >
5733
5719
  <div
@@ -5743,7 +5729,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with placeHolde
5743
5729
  aria-owns="1"
5744
5730
  aria-readonly="true"
5745
5731
  autocomplete="off"
5746
- class=" pointer container medium default border effect borderColor_default inputDotted "
5732
+ class="pointer container medium default border effect borderColor_default inputDotted"
5747
5733
  data-id="selectComponent_textBox"
5748
5734
  data-selector-id="textBox"
5749
5735
  data-test-id="selectComponent_textBox"
@@ -5761,7 +5747,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with placeHolde
5761
5747
  exports[`Select box needSelectDownIcon snapshot - Should render with placeHolder - needSelectDownIcon as true 1`] = `
5762
5748
  <DocumentFragment>
5763
5749
  <div
5764
- class="container box_medium "
5750
+ class="container box_medium"
5765
5751
  data-selector-id="select"
5766
5752
  >
5767
5753
  <div
@@ -5770,7 +5756,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with placeHolde
5770
5756
  data-test-id="selectComponent"
5771
5757
  >
5772
5758
  <div
5773
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
5759
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
5774
5760
  data-selector-id="textBoxIcon"
5775
5761
  >
5776
5762
  <div
@@ -5787,7 +5773,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with placeHolde
5787
5773
  aria-owns="1"
5788
5774
  aria-readonly="true"
5789
5775
  autocomplete="off"
5790
- class=" pointer container medium default effect borderColor_default inputDotted "
5776
+ class="pointer container medium default effect borderColor_default inputDotted"
5791
5777
  data-id="selectComponent_textBox"
5792
5778
  data-selector-id="textBoxIcon"
5793
5779
  data-test-id="selectComponent_textBox"
@@ -5832,7 +5818,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with placeHolde
5832
5818
  >
5833
5819
  <i
5834
5820
  aria-hidden="true"
5835
- class="zd_font_icons basic icon-down "
5821
+ class="zd_font_icons basic icon-down"
5836
5822
  data-id="fontIcon"
5837
5823
  data-selector-id="fontIcon"
5838
5824
  data-test-id="fontIcon"
@@ -5852,7 +5838,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with placeHolde
5852
5838
  exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSize as medium - needSelectDownIcon as false 1`] = `
5853
5839
  <DocumentFragment>
5854
5840
  <div
5855
- class="container box_medium "
5841
+ class="container box_medium"
5856
5842
  data-selector-id="select"
5857
5843
  >
5858
5844
  <div
@@ -5868,7 +5854,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
5868
5854
  aria-owns="1"
5869
5855
  aria-readonly="true"
5870
5856
  autocomplete="off"
5871
- class=" pointer container medium default border effect borderColor_default inputDotted "
5857
+ class="pointer container medium default border effect borderColor_default inputDotted"
5872
5858
  data-id="selectComponent_textBox"
5873
5859
  data-selector-id="textBox"
5874
5860
  data-test-id="selectComponent_textBox"
@@ -5886,7 +5872,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
5886
5872
  exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSize as medium - needSelectDownIcon as true 1`] = `
5887
5873
  <DocumentFragment>
5888
5874
  <div
5889
- class="container box_medium "
5875
+ class="container box_medium"
5890
5876
  data-selector-id="select"
5891
5877
  >
5892
5878
  <div
@@ -5895,7 +5881,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
5895
5881
  data-test-id="selectComponent"
5896
5882
  >
5897
5883
  <div
5898
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
5884
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
5899
5885
  data-selector-id="textBoxIcon"
5900
5886
  >
5901
5887
  <div
@@ -5912,7 +5898,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
5912
5898
  aria-owns="1"
5913
5899
  aria-readonly="true"
5914
5900
  autocomplete="off"
5915
- class=" pointer container medium default effect borderColor_default inputDotted "
5901
+ class="pointer container medium default effect borderColor_default inputDotted"
5916
5902
  data-id="selectComponent_textBox"
5917
5903
  data-selector-id="textBoxIcon"
5918
5904
  data-test-id="selectComponent_textBox"
@@ -5957,7 +5943,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
5957
5943
  >
5958
5944
  <i
5959
5945
  aria-hidden="true"
5960
- class="zd_font_icons basic icon-down "
5946
+ class="zd_font_icons basic icon-down"
5961
5947
  data-id="fontIcon"
5962
5948
  data-selector-id="fontIcon"
5963
5949
  data-test-id="fontIcon"
@@ -5977,7 +5963,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
5977
5963
  exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSize as small - needSelectDownIcon as false 1`] = `
5978
5964
  <DocumentFragment>
5979
5965
  <div
5980
- class="container box_medium "
5966
+ class="container box_medium"
5981
5967
  data-selector-id="select"
5982
5968
  >
5983
5969
  <div
@@ -5993,7 +5979,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
5993
5979
  aria-owns="1"
5994
5980
  aria-readonly="true"
5995
5981
  autocomplete="off"
5996
- class=" pointer container small default border effect borderColor_default inputDotted "
5982
+ class="pointer container small default border effect borderColor_default inputDotted"
5997
5983
  data-id="selectComponent_textBox"
5998
5984
  data-selector-id="textBox"
5999
5985
  data-test-id="selectComponent_textBox"
@@ -6011,7 +5997,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6011
5997
  exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSize as small - needSelectDownIcon as true 1`] = `
6012
5998
  <DocumentFragment>
6013
5999
  <div
6014
- class="container box_medium "
6000
+ class="container box_medium"
6015
6001
  data-selector-id="select"
6016
6002
  >
6017
6003
  <div
@@ -6020,7 +6006,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6020
6006
  data-test-id="selectComponent"
6021
6007
  >
6022
6008
  <div
6023
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6009
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6024
6010
  data-selector-id="textBoxIcon"
6025
6011
  >
6026
6012
  <div
@@ -6037,7 +6023,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6037
6023
  aria-owns="1"
6038
6024
  aria-readonly="true"
6039
6025
  autocomplete="off"
6040
- class=" pointer container small default effect borderColor_default inputDotted "
6026
+ class="pointer container small default effect borderColor_default inputDotted"
6041
6027
  data-id="selectComponent_textBox"
6042
6028
  data-selector-id="textBoxIcon"
6043
6029
  data-test-id="selectComponent_textBox"
@@ -6082,7 +6068,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6082
6068
  >
6083
6069
  <i
6084
6070
  aria-hidden="true"
6085
- class="zd_font_icons basic icon-down "
6071
+ class="zd_font_icons basic icon-down"
6086
6072
  data-id="fontIcon"
6087
6073
  data-selector-id="fontIcon"
6088
6074
  data-test-id="fontIcon"
@@ -6102,7 +6088,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6102
6088
  exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSize as xmedium - needSelectDownIcon as false 1`] = `
6103
6089
  <DocumentFragment>
6104
6090
  <div
6105
- class="container box_medium "
6091
+ class="container box_medium"
6106
6092
  data-selector-id="select"
6107
6093
  >
6108
6094
  <div
@@ -6118,7 +6104,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6118
6104
  aria-owns="1"
6119
6105
  aria-readonly="true"
6120
6106
  autocomplete="off"
6121
- class=" pointer container xmedium default border effect borderColor_default inputDotted "
6107
+ class="pointer container xmedium default border effect borderColor_default inputDotted"
6122
6108
  data-id="selectComponent_textBox"
6123
6109
  data-selector-id="textBox"
6124
6110
  data-test-id="selectComponent_textBox"
@@ -6136,7 +6122,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6136
6122
  exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSize as xmedium - needSelectDownIcon as true 1`] = `
6137
6123
  <DocumentFragment>
6138
6124
  <div
6139
- class="container box_medium "
6125
+ class="container box_medium"
6140
6126
  data-selector-id="select"
6141
6127
  >
6142
6128
  <div
@@ -6145,7 +6131,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6145
6131
  data-test-id="selectComponent"
6146
6132
  >
6147
6133
  <div
6148
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6134
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6149
6135
  data-selector-id="textBoxIcon"
6150
6136
  >
6151
6137
  <div
@@ -6162,7 +6148,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6162
6148
  aria-owns="1"
6163
6149
  aria-readonly="true"
6164
6150
  autocomplete="off"
6165
- class=" pointer container xmedium default effect borderColor_default inputDotted "
6151
+ class="pointer container xmedium default effect borderColor_default inputDotted"
6166
6152
  data-id="selectComponent_textBox"
6167
6153
  data-selector-id="textBoxIcon"
6168
6154
  data-test-id="selectComponent_textBox"
@@ -6207,7 +6193,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6207
6193
  >
6208
6194
  <i
6209
6195
  aria-hidden="true"
6210
- class="zd_font_icons basic icon-down "
6196
+ class="zd_font_icons basic icon-down"
6211
6197
  data-id="fontIcon"
6212
6198
  data-selector-id="fontIcon"
6213
6199
  data-test-id="fontIcon"
@@ -6227,7 +6213,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6227
6213
  exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSize as xsmall - needSelectDownIcon as false 1`] = `
6228
6214
  <DocumentFragment>
6229
6215
  <div
6230
- class="container box_medium "
6216
+ class="container box_medium"
6231
6217
  data-selector-id="select"
6232
6218
  >
6233
6219
  <div
@@ -6243,7 +6229,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6243
6229
  aria-owns="1"
6244
6230
  aria-readonly="true"
6245
6231
  autocomplete="off"
6246
- class=" pointer container xsmall default border effect borderColor_default inputDotted "
6232
+ class="pointer container xsmall default border effect borderColor_default inputDotted"
6247
6233
  data-id="selectComponent_textBox"
6248
6234
  data-selector-id="textBox"
6249
6235
  data-test-id="selectComponent_textBox"
@@ -6261,7 +6247,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6261
6247
  exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSize as xsmall - needSelectDownIcon as true 1`] = `
6262
6248
  <DocumentFragment>
6263
6249
  <div
6264
- class="container box_medium "
6250
+ class="container box_medium"
6265
6251
  data-selector-id="select"
6266
6252
  >
6267
6253
  <div
@@ -6270,7 +6256,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6270
6256
  data-test-id="selectComponent"
6271
6257
  >
6272
6258
  <div
6273
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6259
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6274
6260
  data-selector-id="textBoxIcon"
6275
6261
  >
6276
6262
  <div
@@ -6287,7 +6273,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6287
6273
  aria-owns="1"
6288
6274
  aria-readonly="true"
6289
6275
  autocomplete="off"
6290
- class=" pointer container xsmall default effect borderColor_default inputDotted "
6276
+ class="pointer container xsmall default effect borderColor_default inputDotted"
6291
6277
  data-id="selectComponent_textBox"
6292
6278
  data-selector-id="textBoxIcon"
6293
6279
  data-test-id="selectComponent_textBox"
@@ -6332,7 +6318,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6332
6318
  >
6333
6319
  <i
6334
6320
  aria-hidden="true"
6335
- class="zd_font_icons basic icon-down "
6321
+ class="zd_font_icons basic icon-down"
6336
6322
  data-id="fontIcon"
6337
6323
  data-selector-id="fontIcon"
6338
6324
  data-test-id="fontIcon"
@@ -6352,7 +6338,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6352
6338
  exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVariant as default - needSelectDownIcon as false 1`] = `
6353
6339
  <DocumentFragment>
6354
6340
  <div
6355
- class="container box_medium "
6341
+ class="container box_medium"
6356
6342
  data-selector-id="select"
6357
6343
  >
6358
6344
  <div
@@ -6368,7 +6354,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6368
6354
  aria-owns="1"
6369
6355
  aria-readonly="true"
6370
6356
  autocomplete="off"
6371
- class=" pointer container medium default border effect borderColor_default inputDotted "
6357
+ class="pointer container medium default border effect borderColor_default inputDotted"
6372
6358
  data-id="selectComponent_textBox"
6373
6359
  data-selector-id="textBox"
6374
6360
  data-test-id="selectComponent_textBox"
@@ -6386,7 +6372,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6386
6372
  exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVariant as default - needSelectDownIcon as true 1`] = `
6387
6373
  <DocumentFragment>
6388
6374
  <div
6389
- class="container box_medium "
6375
+ class="container box_medium"
6390
6376
  data-selector-id="select"
6391
6377
  >
6392
6378
  <div
@@ -6395,7 +6381,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6395
6381
  data-test-id="selectComponent"
6396
6382
  >
6397
6383
  <div
6398
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6384
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6399
6385
  data-selector-id="textBoxIcon"
6400
6386
  >
6401
6387
  <div
@@ -6412,7 +6398,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6412
6398
  aria-owns="1"
6413
6399
  aria-readonly="true"
6414
6400
  autocomplete="off"
6415
- class=" pointer container medium default effect borderColor_default inputDotted "
6401
+ class="pointer container medium default effect borderColor_default inputDotted"
6416
6402
  data-id="selectComponent_textBox"
6417
6403
  data-selector-id="textBoxIcon"
6418
6404
  data-test-id="selectComponent_textBox"
@@ -6457,7 +6443,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6457
6443
  >
6458
6444
  <i
6459
6445
  aria-hidden="true"
6460
- class="zd_font_icons basic icon-down "
6446
+ class="zd_font_icons basic icon-down"
6461
6447
  data-id="fontIcon"
6462
6448
  data-selector-id="fontIcon"
6463
6449
  data-test-id="fontIcon"
@@ -6477,7 +6463,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6477
6463
  exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVariant as light - needSelectDownIcon as false 1`] = `
6478
6464
  <DocumentFragment>
6479
6465
  <div
6480
- class="container box_medium "
6466
+ class="container box_medium"
6481
6467
  data-selector-id="select"
6482
6468
  >
6483
6469
  <div
@@ -6493,7 +6479,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6493
6479
  aria-owns="1"
6494
6480
  aria-readonly="true"
6495
6481
  autocomplete="off"
6496
- class=" pointer container medium light border effect borderColor_default inputDotted "
6482
+ class="pointer container medium light border effect borderColor_default inputDotted"
6497
6483
  data-id="selectComponent_textBox"
6498
6484
  data-selector-id="textBox"
6499
6485
  data-test-id="selectComponent_textBox"
@@ -6511,7 +6497,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6511
6497
  exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVariant as light - needSelectDownIcon as true 1`] = `
6512
6498
  <DocumentFragment>
6513
6499
  <div
6514
- class="container box_medium "
6500
+ class="container box_medium"
6515
6501
  data-selector-id="select"
6516
6502
  >
6517
6503
  <div
@@ -6520,7 +6506,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6520
6506
  data-test-id="selectComponent"
6521
6507
  >
6522
6508
  <div
6523
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6509
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6524
6510
  data-selector-id="textBoxIcon"
6525
6511
  >
6526
6512
  <div
@@ -6537,7 +6523,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6537
6523
  aria-owns="1"
6538
6524
  aria-readonly="true"
6539
6525
  autocomplete="off"
6540
- class=" pointer container medium light effect borderColor_default inputDotted "
6526
+ class="pointer container medium light effect borderColor_default inputDotted"
6541
6527
  data-id="selectComponent_textBox"
6542
6528
  data-selector-id="textBoxIcon"
6543
6529
  data-test-id="selectComponent_textBox"
@@ -6582,7 +6568,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6582
6568
  >
6583
6569
  <i
6584
6570
  aria-hidden="true"
6585
- class="zd_font_icons basic icon-down "
6571
+ class="zd_font_icons basic icon-down"
6586
6572
  data-id="fontIcon"
6587
6573
  data-selector-id="fontIcon"
6588
6574
  data-test-id="fontIcon"
@@ -6602,7 +6588,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6602
6588
  exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVariant as primary - needSelectDownIcon as false 1`] = `
6603
6589
  <DocumentFragment>
6604
6590
  <div
6605
- class="container box_medium "
6591
+ class="container box_medium"
6606
6592
  data-selector-id="select"
6607
6593
  >
6608
6594
  <div
@@ -6618,7 +6604,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6618
6604
  aria-owns="1"
6619
6605
  aria-readonly="true"
6620
6606
  autocomplete="off"
6621
- class=" pointer container medium primary border effect borderColor_default inputDotted "
6607
+ class="pointer container medium primary border effect borderColor_default inputDotted"
6622
6608
  data-id="selectComponent_textBox"
6623
6609
  data-selector-id="textBox"
6624
6610
  data-test-id="selectComponent_textBox"
@@ -6636,7 +6622,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6636
6622
  exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVariant as primary - needSelectDownIcon as true 1`] = `
6637
6623
  <DocumentFragment>
6638
6624
  <div
6639
- class="container box_medium "
6625
+ class="container box_medium"
6640
6626
  data-selector-id="select"
6641
6627
  >
6642
6628
  <div
@@ -6645,7 +6631,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6645
6631
  data-test-id="selectComponent"
6646
6632
  >
6647
6633
  <div
6648
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6634
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6649
6635
  data-selector-id="textBoxIcon"
6650
6636
  >
6651
6637
  <div
@@ -6662,7 +6648,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6662
6648
  aria-owns="1"
6663
6649
  aria-readonly="true"
6664
6650
  autocomplete="off"
6665
- class=" pointer container medium primary effect borderColor_default inputDotted "
6651
+ class="pointer container medium primary effect borderColor_default inputDotted"
6666
6652
  data-id="selectComponent_textBox"
6667
6653
  data-selector-id="textBoxIcon"
6668
6654
  data-test-id="selectComponent_textBox"
@@ -6707,7 +6693,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6707
6693
  >
6708
6694
  <i
6709
6695
  aria-hidden="true"
6710
- class="zd_font_icons basic icon-down "
6696
+ class="zd_font_icons basic icon-down"
6711
6697
  data-id="fontIcon"
6712
6698
  data-selector-id="fontIcon"
6713
6699
  data-test-id="fontIcon"
@@ -6727,7 +6713,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6727
6713
  exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVariant as secondary - needSelectDownIcon as false 1`] = `
6728
6714
  <DocumentFragment>
6729
6715
  <div
6730
- class="container box_medium "
6716
+ class="container box_medium"
6731
6717
  data-selector-id="select"
6732
6718
  >
6733
6719
  <div
@@ -6743,7 +6729,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6743
6729
  aria-owns="1"
6744
6730
  aria-readonly="true"
6745
6731
  autocomplete="off"
6746
- class=" pointer container medium secondary border effect borderColor_default inputDotted "
6732
+ class="pointer container medium secondary border effect borderColor_default inputDotted"
6747
6733
  data-id="selectComponent_textBox"
6748
6734
  data-selector-id="textBox"
6749
6735
  data-test-id="selectComponent_textBox"
@@ -6761,7 +6747,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6761
6747
  exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVariant as secondary - needSelectDownIcon as true 1`] = `
6762
6748
  <DocumentFragment>
6763
6749
  <div
6764
- class="container box_medium "
6750
+ class="container box_medium"
6765
6751
  data-selector-id="select"
6766
6752
  >
6767
6753
  <div
@@ -6770,7 +6756,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6770
6756
  data-test-id="selectComponent"
6771
6757
  >
6772
6758
  <div
6773
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6759
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6774
6760
  data-selector-id="textBoxIcon"
6775
6761
  >
6776
6762
  <div
@@ -6787,7 +6773,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6787
6773
  aria-owns="1"
6788
6774
  aria-readonly="true"
6789
6775
  autocomplete="off"
6790
- class=" pointer container medium secondary effect borderColor_default inputDotted "
6776
+ class="pointer container medium secondary effect borderColor_default inputDotted"
6791
6777
  data-id="selectComponent_textBox"
6792
6778
  data-selector-id="textBoxIcon"
6793
6779
  data-test-id="selectComponent_textBox"
@@ -6832,7 +6818,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6832
6818
  >
6833
6819
  <i
6834
6820
  aria-hidden="true"
6835
- class="zd_font_icons basic icon-down "
6821
+ class="zd_font_icons basic icon-down"
6836
6822
  data-id="fontIcon"
6837
6823
  data-selector-id="fontIcon"
6838
6824
  data-test-id="fontIcon"
@@ -6852,7 +6838,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6852
6838
  exports[`Select box needSelectDownIcon snapshot - Should render with title - needSelectDownIcon as false 1`] = `
6853
6839
  <DocumentFragment>
6854
6840
  <div
6855
- class="container box_medium "
6841
+ class="container box_medium"
6856
6842
  data-selector-id="select"
6857
6843
  >
6858
6844
  <div
@@ -6868,7 +6854,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with title - ne
6868
6854
  aria-owns="1"
6869
6855
  aria-readonly="true"
6870
6856
  autocomplete="off"
6871
- class=" pointer container medium default border effect borderColor_default inputDotted "
6857
+ class="pointer container medium default border effect borderColor_default inputDotted"
6872
6858
  data-id="selectComponent_textBox"
6873
6859
  data-selector-id="textBox"
6874
6860
  data-test-id="selectComponent_textBox"
@@ -6887,7 +6873,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with title - ne
6887
6873
  exports[`Select box needSelectDownIcon snapshot - Should render with title - needSelectDownIcon as true 1`] = `
6888
6874
  <DocumentFragment>
6889
6875
  <div
6890
- class="container box_medium "
6876
+ class="container box_medium"
6891
6877
  data-selector-id="select"
6892
6878
  >
6893
6879
  <div
@@ -6896,7 +6882,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with title - ne
6896
6882
  data-test-id="selectComponent"
6897
6883
  >
6898
6884
  <div
6899
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6885
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6900
6886
  data-selector-id="textBoxIcon"
6901
6887
  >
6902
6888
  <div
@@ -6913,7 +6899,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with title - ne
6913
6899
  aria-owns="1"
6914
6900
  aria-readonly="true"
6915
6901
  autocomplete="off"
6916
- class=" pointer container medium default effect borderColor_default inputDotted "
6902
+ class="pointer container medium default effect borderColor_default inputDotted"
6917
6903
  data-id="selectComponent_textBox"
6918
6904
  data-selector-id="textBoxIcon"
6919
6905
  data-test-id="selectComponent_textBox"
@@ -6959,7 +6945,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with title - ne
6959
6945
  >
6960
6946
  <i
6961
6947
  aria-hidden="true"
6962
- class="zd_font_icons basic icon-down "
6948
+ class="zd_font_icons basic icon-down"
6963
6949
  data-id="fontIcon"
6964
6950
  data-selector-id="fontIcon"
6965
6951
  data-test-id="fontIcon"
@@ -6979,7 +6965,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with title - ne
6979
6965
  exports[`Select dataId snapshot - Should render with dataId prop - dropbox open 1`] = `
6980
6966
  <DocumentFragment>
6981
6967
  <div
6982
- class="container box_medium "
6968
+ class="container box_medium"
6983
6969
  data-selector-id="select"
6984
6970
  >
6985
6971
  <div
@@ -6988,7 +6974,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
6988
6974
  data-test-id="customDataId"
6989
6975
  >
6990
6976
  <div
6991
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
6977
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
6992
6978
  data-selector-id="textBoxIcon"
6993
6979
  >
6994
6980
  <div
@@ -7006,7 +6992,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7006
6992
  aria-owns="1"
7007
6993
  aria-readonly="true"
7008
6994
  autocomplete="off"
7009
- class=" pointer container medium default effect borderColor_default inputDotted "
6995
+ class="pointer container medium default effect borderColor_default inputDotted"
7010
6996
  data-id="customDataId_textBox"
7011
6997
  data-selector-id="textBoxIcon"
7012
6998
  data-test-id="customDataId_textBox"
@@ -7052,7 +7038,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7052
7038
  >
7053
7039
  <i
7054
7040
  aria-hidden="true"
7055
- class="zd_font_icons basic icon-down "
7041
+ class="zd_font_icons basic icon-down"
7056
7042
  data-id="fontIcon"
7057
7043
  data-selector-id="fontIcon"
7058
7044
  data-test-id="fontIcon"
@@ -7111,7 +7097,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7111
7097
  class="search medium"
7112
7098
  >
7113
7099
  <div
7114
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
7100
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
7115
7101
  data-selector-id="textBoxIcon"
7116
7102
  >
7117
7103
  <div
@@ -7125,7 +7111,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7125
7111
  aria-controls="1"
7126
7112
  aria-describedby="2"
7127
7113
  autocomplete="off"
7128
- class=" container small default effect borderColor_default "
7114
+ class="container small default effect borderColor_default"
7129
7115
  data-id="customDataId_search"
7130
7116
  data-selector-id="textBoxIcon"
7131
7117
  data-test-id="customDataId_search"
@@ -7152,8 +7138,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7152
7138
  </div>
7153
7139
  </div>
7154
7140
  <div
7155
- class="flexible basis_zero shrink scroll_vertical
7156
- small"
7141
+ class="flexible basis_zero shrink scroll_vertical small"
7157
7142
  data-id="CardContent"
7158
7143
  data-selector-id="cardContent"
7159
7144
  data-test-id="CardContent"
@@ -7177,7 +7162,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7177
7162
  aria-label="Option 1"
7178
7163
  aria-selected="true"
7179
7164
  ariaparentrole="listbox"
7180
- class="flex row alignItems_center list medium default activedefault mediumwithTick"
7165
+ class="flex row alignItems_center list medium default activedefault mediumwithTick"
7181
7166
  data-a11y-inset-focus="true"
7182
7167
  data-a11y-list-active="true"
7183
7168
  data-id="Option 1"
@@ -7219,7 +7204,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7219
7204
  >
7220
7205
  <i
7221
7206
  aria-hidden="true"
7222
- class="zd_font_icons basic icon-ticknew "
7207
+ class="zd_font_icons basic icon-ticknew"
7223
7208
  data-id="fontIcon"
7224
7209
  data-selector-id="fontIcon"
7225
7210
  data-test-id="fontIcon"
@@ -7231,7 +7216,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7231
7216
  aria-label="Option 2"
7232
7217
  aria-selected="false"
7233
7218
  ariaparentrole="listbox"
7234
- class="flex row alignItems_center list medium default mediumwithTick"
7219
+ class="flex row alignItems_center list medium default mediumwithTick"
7235
7220
  data-a11y-inset-focus="true"
7236
7221
  data-a11y-list-active="false"
7237
7222
  data-id="Option 2"
@@ -7268,7 +7253,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7268
7253
  aria-label="Option 3"
7269
7254
  aria-selected="false"
7270
7255
  ariaparentrole="listbox"
7271
- class="flex row alignItems_center list medium default mediumwithTick"
7256
+ class="flex row alignItems_center list medium default mediumwithTick"
7272
7257
  data-a11y-inset-focus="true"
7273
7258
  data-a11y-list-active="false"
7274
7259
  data-id="Option 3"
@@ -7316,7 +7301,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7316
7301
  exports[`Select dataId snapshot - Should render with dataId prop - empty state and needSelectDownIcon as false 1`] = `
7317
7302
  <DocumentFragment>
7318
7303
  <div
7319
- class="container box_medium "
7304
+ class="container box_medium"
7320
7305
  data-selector-id="select"
7321
7306
  >
7322
7307
  <div
@@ -7332,7 +7317,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - empty state
7332
7317
  aria-owns="1"
7333
7318
  aria-readonly="true"
7334
7319
  autocomplete="off"
7335
- class=" pointer container medium default border effect borderColor_default inputDotted "
7320
+ class="pointer container medium default border effect borderColor_default inputDotted"
7336
7321
  data-id="selectComponent_textBox"
7337
7322
  data-selector-id="textBox"
7338
7323
  data-test-id="selectComponent_textBox"
@@ -7380,14 +7365,13 @@ exports[`Select dataId snapshot - Should render with dataId prop - empty state
7380
7365
  data-test-id="containerComponent"
7381
7366
  >
7382
7367
  <div
7383
- class="flexible basis_zero shrink scroll_vertical
7384
- small"
7368
+ class="flexible basis_zero shrink scroll_vertical small"
7385
7369
  data-id="CardContent"
7386
7370
  data-selector-id="cardContent"
7387
7371
  data-test-id="CardContent"
7388
7372
  >
7389
7373
  <div
7390
- class=" default"
7374
+ class="default"
7391
7375
  data-id="selectComponent_noOptnsMsg"
7392
7376
  data-test-id="selectComponent_noOptnsMsg"
7393
7377
  id="2"
@@ -7406,7 +7390,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - empty state
7406
7390
  exports[`Select dataId snapshot - Should render with dataId prop - isDisabled as true 1`] = `
7407
7391
  <DocumentFragment>
7408
7392
  <div
7409
- class="container box_medium "
7393
+ class="container box_medium"
7410
7394
  data-selector-id="select"
7411
7395
  >
7412
7396
  <div
@@ -7415,7 +7399,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - isDisabled a
7415
7399
  data-test-id="customDataId_disabled"
7416
7400
  >
7417
7401
  <div
7418
- class="flex row varClass customContainer border_bottom disabled borderColor_default hasBorder container"
7402
+ class="flex row varClass customContainer border_bottom disabled borderColor_default hasBorder container"
7419
7403
  data-selector-id="textBoxIcon"
7420
7404
  data-title=""
7421
7405
  >
@@ -7433,7 +7417,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - isDisabled a
7433
7417
  aria-owns="1"
7434
7418
  aria-readonly="true"
7435
7419
  autocomplete="off"
7436
- class=" container medium default borderColor_default inputDotted "
7420
+ class="container medium default borderColor_default inputDotted"
7437
7421
  data-id="customDataId_textBox"
7438
7422
  data-selector-id="textBoxIcon"
7439
7423
  data-test-id="customDataId_textBox"
@@ -7479,7 +7463,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - isDisabled a
7479
7463
  >
7480
7464
  <i
7481
7465
  aria-hidden="true"
7482
- class="zd_font_icons basic icon-down "
7466
+ class="zd_font_icons basic icon-down"
7483
7467
  data-id="fontIcon"
7484
7468
  data-selector-id="fontIcon"
7485
7469
  data-test-id="fontIcon"
@@ -7499,7 +7483,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - isDisabled a
7499
7483
  exports[`Select dataId snapshot - Should render with dataId prop - isReadOnly as true 1`] = `
7500
7484
  <DocumentFragment>
7501
7485
  <div
7502
- class="container box_medium readonly "
7486
+ class="container box_medium readonly"
7503
7487
  data-selector-id="select"
7504
7488
  >
7505
7489
  <div
@@ -7508,7 +7492,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - isReadOnly a
7508
7492
  data-test-id="customDataId_readOnly"
7509
7493
  >
7510
7494
  <div
7511
- class="flex row varClass customContainer border_bottom readonly borderColor_default hasBorder container"
7495
+ class="flex row varClass customContainer border_bottom readonly borderColor_default hasBorder container"
7512
7496
  data-selector-id="textBoxIcon"
7513
7497
  >
7514
7498
  <div
@@ -7525,7 +7509,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - isReadOnly a
7525
7509
  aria-owns="1"
7526
7510
  aria-readonly="true"
7527
7511
  autocomplete="off"
7528
- class="readonly container medium default borderColor_default inputDotted "
7512
+ class="readonly container medium default borderColor_default inputDotted"
7529
7513
  data-id="customDataId_textBox"
7530
7514
  data-selector-id="textBoxIcon"
7531
7515
  data-test-id="customDataId_textBox"
@@ -7570,7 +7554,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - isReadOnly a
7570
7554
  >
7571
7555
  <i
7572
7556
  aria-hidden="true"
7573
- class="zd_font_icons basic icon-down "
7557
+ class="zd_font_icons basic icon-down"
7574
7558
  data-id="fontIcon"
7575
7559
  data-selector-id="fontIcon"
7576
7560
  data-test-id="fontIcon"
@@ -7590,7 +7574,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - isReadOnly a
7590
7574
  exports[`Select dataId snapshot - Should render with renderCustomSelectedValue 1`] = `
7591
7575
  <DocumentFragment>
7592
7576
  <div
7593
- class="container box_medium "
7577
+ class="container box_medium"
7594
7578
  data-selector-id="select"
7595
7579
  >
7596
7580
  <div
@@ -7623,7 +7607,7 @@ exports[`Select dataId snapshot - Should render with renderCustomSelectedValue
7623
7607
  exports[`Select snapshot - Should render with children 1`] = `
7624
7608
  <DocumentFragment>
7625
7609
  <div
7626
- class="container box_medium "
7610
+ class="container box_medium"
7627
7611
  data-selector-id="select"
7628
7612
  >
7629
7613
  <div
@@ -7632,7 +7616,7 @@ exports[`Select snapshot - Should render with children 1`] = `
7632
7616
  data-test-id="selectComponent"
7633
7617
  >
7634
7618
  <div
7635
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
7619
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
7636
7620
  data-selector-id="textBoxIcon"
7637
7621
  >
7638
7622
  <div
@@ -7649,7 +7633,7 @@ exports[`Select snapshot - Should render with children 1`] = `
7649
7633
  aria-owns="1"
7650
7634
  aria-readonly="true"
7651
7635
  autocomplete="off"
7652
- class=" pointer container medium default effect borderColor_default inputDotted "
7636
+ class="pointer container medium default effect borderColor_default inputDotted"
7653
7637
  data-id="selectComponent_textBox"
7654
7638
  data-selector-id="textBoxIcon"
7655
7639
  data-test-id="selectComponent_textBox"
@@ -7694,7 +7678,7 @@ exports[`Select snapshot - Should render with children 1`] = `
7694
7678
  >
7695
7679
  <i
7696
7680
  aria-hidden="true"
7697
- class="zd_font_icons basic icon-down "
7681
+ class="zd_font_icons basic icon-down"
7698
7682
  data-id="fontIcon"
7699
7683
  data-selector-id="fontIcon"
7700
7684
  data-test-id="fontIcon"
@@ -7724,7 +7708,7 @@ exports[`Select snapshot - Should render with children 1`] = `
7724
7708
  exports[`Select snapshot - Should render with children and dropdown open 1`] = `
7725
7709
  <DocumentFragment>
7726
7710
  <div
7727
- class="container box_medium "
7711
+ class="container box_medium"
7728
7712
  data-selector-id="select"
7729
7713
  >
7730
7714
  <div
@@ -7733,7 +7717,7 @@ exports[`Select snapshot - Should render with children and dropdown open 1`] =
7733
7717
  data-test-id="selectComponent"
7734
7718
  >
7735
7719
  <div
7736
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
7720
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
7737
7721
  data-selector-id="textBoxIcon"
7738
7722
  >
7739
7723
  <div
@@ -7750,7 +7734,7 @@ exports[`Select snapshot - Should render with children and dropdown open 1`] =
7750
7734
  aria-owns="1"
7751
7735
  aria-readonly="true"
7752
7736
  autocomplete="off"
7753
- class=" pointer container medium default effect focus borderColor_default inputDotted "
7737
+ class="pointer container medium default effect focus borderColor_default inputDotted"
7754
7738
  data-id="selectComponent_textBox"
7755
7739
  data-selector-id="textBoxIcon"
7756
7740
  data-test-id="selectComponent_textBox"
@@ -7795,7 +7779,7 @@ exports[`Select snapshot - Should render with children and dropdown open 1`] =
7795
7779
  >
7796
7780
  <i
7797
7781
  aria-hidden="true"
7798
- class="zd_font_icons basic icon-down "
7782
+ class="zd_font_icons basic icon-down"
7799
7783
  data-id="fontIcon"
7800
7784
  data-selector-id="fontIcon"
7801
7785
  data-test-id="fontIcon"
@@ -7856,14 +7840,13 @@ exports[`Select snapshot - Should render with children and dropdown open 1`] =
7856
7840
  data-test-id="containerComponent"
7857
7841
  >
7858
7842
  <div
7859
- class="flexible basis_zero shrink scroll_vertical
7860
- small"
7843
+ class="flexible basis_zero shrink scroll_vertical small"
7861
7844
  data-id="CardContent"
7862
7845
  data-selector-id="cardContent"
7863
7846
  data-test-id="CardContent"
7864
7847
  >
7865
7848
  <div
7866
- class=" default"
7849
+ class="default"
7867
7850
  data-id="selectComponent_noOptnsMsg"
7868
7851
  data-test-id="selectComponent_noOptnsMsg"
7869
7852
  id="2"
@@ -7882,7 +7865,7 @@ exports[`Select snapshot - Should render with children and dropdown open 1`] =
7882
7865
  exports[`Select snapshot - Should render with className prop 1`] = `
7883
7866
  <DocumentFragment>
7884
7867
  <div
7885
- class="container box_medium "
7868
+ class="container box_medium"
7886
7869
  data-selector-id="select"
7887
7870
  >
7888
7871
  <div
@@ -7891,7 +7874,7 @@ exports[`Select snapshot - Should render with className prop 1`] = `
7891
7874
  data-test-id="selectComponent"
7892
7875
  >
7893
7876
  <div
7894
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
7877
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
7895
7878
  data-selector-id="textBoxIcon"
7896
7879
  >
7897
7880
  <div
@@ -7908,7 +7891,7 @@ exports[`Select snapshot - Should render with className prop 1`] = `
7908
7891
  aria-owns="1"
7909
7892
  aria-readonly="true"
7910
7893
  autocomplete="off"
7911
- class=" pointer container medium default effect borderColor_default inputDotted "
7894
+ class="pointer container medium default effect borderColor_default inputDotted"
7912
7895
  data-id="selectComponent_textBox"
7913
7896
  data-selector-id="textBoxIcon"
7914
7897
  data-test-id="selectComponent_textBox"
@@ -7953,7 +7936,7 @@ exports[`Select snapshot - Should render with className prop 1`] = `
7953
7936
  >
7954
7937
  <i
7955
7938
  aria-hidden="true"
7956
- class="zd_font_icons basic icon-down "
7939
+ class="zd_font_icons basic icon-down"
7957
7940
  data-id="fontIcon"
7958
7941
  data-selector-id="fontIcon"
7959
7942
  data-test-id="fontIcon"
@@ -7973,7 +7956,7 @@ exports[`Select snapshot - Should render with className prop 1`] = `
7973
7956
  exports[`Select snapshot - Should render with customProps 1`] = `
7974
7957
  <DocumentFragment>
7975
7958
  <div
7976
- class="container box_medium "
7959
+ class="container box_medium"
7977
7960
  data-selector-id="select"
7978
7961
  >
7979
7962
  <div
@@ -7982,7 +7965,7 @@ exports[`Select snapshot - Should render with customProps 1`] = `
7982
7965
  data-test-id="selectComponent"
7983
7966
  >
7984
7967
  <div
7985
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
7968
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
7986
7969
  data-selector-id="textBoxIcon"
7987
7970
  >
7988
7971
  <div
@@ -8000,7 +7983,7 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8000
7983
  aria-owns="1"
8001
7984
  aria-readonly="true"
8002
7985
  autocomplete="off"
8003
- class=" pointer container medium default effect focus borderColor_default inputDotted "
7986
+ class="pointer container medium default effect focus borderColor_default inputDotted"
8004
7987
  data-custom-attr="true"
8005
7988
  data-id="selectComponent_textBox"
8006
7989
  data-selector-id="textBoxIcon"
@@ -8047,7 +8030,7 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8047
8030
  >
8048
8031
  <i
8049
8032
  aria-hidden="true"
8050
- class="zd_font_icons basic icon-down "
8033
+ class="zd_font_icons basic icon-down"
8051
8034
  data-id="fontIcon"
8052
8035
  data-selector-id="fontIcon"
8053
8036
  data-test-id="fontIcon"
@@ -8107,7 +8090,7 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8107
8090
  class="search medium"
8108
8091
  >
8109
8092
  <div
8110
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
8093
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
8111
8094
  data-selector-id="textBoxIcon"
8112
8095
  >
8113
8096
  <div
@@ -8121,7 +8104,7 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8121
8104
  aria-controls="1"
8122
8105
  aria-describedby="2"
8123
8106
  autocomplete="off"
8124
- class=" container small default effect borderColor_default "
8107
+ class="container small default effect borderColor_default"
8125
8108
  data-custom-search-attr="true"
8126
8109
  data-id="selectComponent_search"
8127
8110
  data-selector-id="textBoxIcon"
@@ -8149,8 +8132,7 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8149
8132
  </div>
8150
8133
  </div>
8151
8134
  <div
8152
- class="flexible basis_zero shrink scroll_vertical
8153
- small"
8135
+ class="flexible basis_zero shrink scroll_vertical small"
8154
8136
  data-id="CardContent"
8155
8137
  data-selector-id="cardContent"
8156
8138
  data-test-id="CardContent"
@@ -8174,7 +8156,7 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8174
8156
  aria-label="Option 1"
8175
8157
  aria-selected="true"
8176
8158
  ariaparentrole="listbox"
8177
- class="flex row alignItems_center list small default activedefault smallwithTick"
8159
+ class="flex row alignItems_center list small default activedefault smallwithTick"
8178
8160
  data-a11y-inset-focus="true"
8179
8161
  data-a11y-list-active="true"
8180
8162
  data-custom-listitem-attr="true"
@@ -8217,7 +8199,7 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8217
8199
  >
8218
8200
  <i
8219
8201
  aria-hidden="true"
8220
- class="zd_font_icons basic icon-ticknew "
8202
+ class="zd_font_icons basic icon-ticknew"
8221
8203
  data-id="fontIcon"
8222
8204
  data-selector-id="fontIcon"
8223
8205
  data-test-id="fontIcon"
@@ -8229,7 +8211,7 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8229
8211
  aria-label="Option 2"
8230
8212
  aria-selected="false"
8231
8213
  ariaparentrole="listbox"
8232
- class="flex row alignItems_center list small default smallwithTick"
8214
+ class="flex row alignItems_center list small default smallwithTick"
8233
8215
  data-a11y-inset-focus="true"
8234
8216
  data-a11y-list-active="false"
8235
8217
  data-custom-listitem-attr="true"
@@ -8267,7 +8249,7 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8267
8249
  aria-label="Option 3"
8268
8250
  aria-selected="false"
8269
8251
  ariaparentrole="listbox"
8270
- class="flex row alignItems_center list small default smallwithTick"
8252
+ class="flex row alignItems_center list small default smallwithTick"
8271
8253
  data-a11y-inset-focus="true"
8272
8254
  data-a11y-list-active="false"
8273
8255
  data-custom-listitem-attr="true"
@@ -8316,7 +8298,7 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8316
8298
  exports[`Select snapshot - Should render with dataSelectorId prop 1`] = `
8317
8299
  <DocumentFragment>
8318
8300
  <div
8319
- class="container box_medium "
8301
+ class="container box_medium"
8320
8302
  data-selector-id="customSelectorId"
8321
8303
  >
8322
8304
  <div
@@ -8325,7 +8307,7 @@ exports[`Select snapshot - Should render with dataSelectorId prop 1`] = `
8325
8307
  data-test-id="selectComponent"
8326
8308
  >
8327
8309
  <div
8328
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
8310
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
8329
8311
  data-selector-id="textBoxIcon"
8330
8312
  >
8331
8313
  <div
@@ -8342,7 +8324,7 @@ exports[`Select snapshot - Should render with dataSelectorId prop 1`] = `
8342
8324
  aria-owns="1"
8343
8325
  aria-readonly="true"
8344
8326
  autocomplete="off"
8345
- class=" pointer container medium default effect borderColor_default inputDotted "
8327
+ class="pointer container medium default effect borderColor_default inputDotted"
8346
8328
  data-id="selectComponent_textBox"
8347
8329
  data-selector-id="textBoxIcon"
8348
8330
  data-test-id="selectComponent_textBox"
@@ -8387,7 +8369,7 @@ exports[`Select snapshot - Should render with dataSelectorId prop 1`] = `
8387
8369
  >
8388
8370
  <i
8389
8371
  aria-hidden="true"
8390
- class="zd_font_icons basic icon-down "
8372
+ class="zd_font_icons basic icon-down"
8391
8373
  data-id="fontIcon"
8392
8374
  data-selector-id="fontIcon"
8393
8375
  data-test-id="fontIcon"
@@ -8407,7 +8389,7 @@ exports[`Select snapshot - Should render with dataSelectorId prop 1`] = `
8407
8389
  exports[`Select snapshot - Should render with dropBoxSize as large 1`] = `
8408
8390
  <DocumentFragment>
8409
8391
  <div
8410
- class="container box_medium "
8392
+ class="container box_medium"
8411
8393
  data-selector-id="select"
8412
8394
  >
8413
8395
  <div
@@ -8416,7 +8398,7 @@ exports[`Select snapshot - Should render with dropBoxSize as large 1`] = `
8416
8398
  data-test-id="selectComponent"
8417
8399
  >
8418
8400
  <div
8419
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
8401
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
8420
8402
  data-selector-id="textBoxIcon"
8421
8403
  >
8422
8404
  <div
@@ -8433,7 +8415,7 @@ exports[`Select snapshot - Should render with dropBoxSize as large 1`] = `
8433
8415
  aria-owns="1"
8434
8416
  aria-readonly="true"
8435
8417
  autocomplete="off"
8436
- class=" pointer container medium default effect focus borderColor_default inputDotted "
8418
+ class="pointer container medium default effect focus borderColor_default inputDotted"
8437
8419
  data-id="selectComponent_textBox"
8438
8420
  data-selector-id="textBoxIcon"
8439
8421
  data-test-id="selectComponent_textBox"
@@ -8478,7 +8460,7 @@ exports[`Select snapshot - Should render with dropBoxSize as large 1`] = `
8478
8460
  >
8479
8461
  <i
8480
8462
  aria-hidden="true"
8481
- class="zd_font_icons basic icon-down "
8463
+ class="zd_font_icons basic icon-down"
8482
8464
  data-id="fontIcon"
8483
8465
  data-selector-id="fontIcon"
8484
8466
  data-test-id="fontIcon"
@@ -8538,7 +8520,7 @@ exports[`Select snapshot - Should render with dropBoxSize as large 1`] = `
8538
8520
  class="search medium"
8539
8521
  >
8540
8522
  <div
8541
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
8523
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
8542
8524
  data-selector-id="textBoxIcon"
8543
8525
  >
8544
8526
  <div
@@ -8552,7 +8534,7 @@ exports[`Select snapshot - Should render with dropBoxSize as large 1`] = `
8552
8534
  aria-controls="1"
8553
8535
  aria-describedby="2"
8554
8536
  autocomplete="off"
8555
- class=" container small default effect borderColor_default "
8537
+ class="container small default effect borderColor_default"
8556
8538
  data-id="selectComponent_search"
8557
8539
  data-selector-id="textBoxIcon"
8558
8540
  data-test-id="selectComponent_search"
@@ -8579,14 +8561,13 @@ exports[`Select snapshot - Should render with dropBoxSize as large 1`] = `
8579
8561
  </div>
8580
8562
  </div>
8581
8563
  <div
8582
- class="flexible basis_zero shrink scroll_vertical
8583
- large"
8564
+ class="flexible basis_zero shrink scroll_vertical large"
8584
8565
  data-id="CardContent"
8585
8566
  data-selector-id="cardContent"
8586
8567
  data-test-id="CardContent"
8587
8568
  >
8588
8569
  <div
8589
- class=" default"
8570
+ class="default"
8590
8571
  data-id="selectComponent_noOptnsMsg"
8591
8572
  data-test-id="selectComponent_noOptnsMsg"
8592
8573
  id="2"
@@ -8605,7 +8586,7 @@ exports[`Select snapshot - Should render with dropBoxSize as large 1`] = `
8605
8586
  exports[`Select snapshot - Should render with dropBoxSize as medium 1`] = `
8606
8587
  <DocumentFragment>
8607
8588
  <div
8608
- class="container box_medium "
8589
+ class="container box_medium"
8609
8590
  data-selector-id="select"
8610
8591
  >
8611
8592
  <div
@@ -8614,7 +8595,7 @@ exports[`Select snapshot - Should render with dropBoxSize as medium 1`] = `
8614
8595
  data-test-id="selectComponent"
8615
8596
  >
8616
8597
  <div
8617
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
8598
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
8618
8599
  data-selector-id="textBoxIcon"
8619
8600
  >
8620
8601
  <div
@@ -8631,7 +8612,7 @@ exports[`Select snapshot - Should render with dropBoxSize as medium 1`] = `
8631
8612
  aria-owns="1"
8632
8613
  aria-readonly="true"
8633
8614
  autocomplete="off"
8634
- class=" pointer container medium default effect focus borderColor_default inputDotted "
8615
+ class="pointer container medium default effect focus borderColor_default inputDotted"
8635
8616
  data-id="selectComponent_textBox"
8636
8617
  data-selector-id="textBoxIcon"
8637
8618
  data-test-id="selectComponent_textBox"
@@ -8676,7 +8657,7 @@ exports[`Select snapshot - Should render with dropBoxSize as medium 1`] = `
8676
8657
  >
8677
8658
  <i
8678
8659
  aria-hidden="true"
8679
- class="zd_font_icons basic icon-down "
8660
+ class="zd_font_icons basic icon-down"
8680
8661
  data-id="fontIcon"
8681
8662
  data-selector-id="fontIcon"
8682
8663
  data-test-id="fontIcon"
@@ -8736,7 +8717,7 @@ exports[`Select snapshot - Should render with dropBoxSize as medium 1`] = `
8736
8717
  class="search medium"
8737
8718
  >
8738
8719
  <div
8739
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
8720
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
8740
8721
  data-selector-id="textBoxIcon"
8741
8722
  >
8742
8723
  <div
@@ -8750,7 +8731,7 @@ exports[`Select snapshot - Should render with dropBoxSize as medium 1`] = `
8750
8731
  aria-controls="1"
8751
8732
  aria-describedby="2"
8752
8733
  autocomplete="off"
8753
- class=" container small default effect borderColor_default "
8734
+ class="container small default effect borderColor_default"
8754
8735
  data-id="selectComponent_search"
8755
8736
  data-selector-id="textBoxIcon"
8756
8737
  data-test-id="selectComponent_search"
@@ -8777,14 +8758,13 @@ exports[`Select snapshot - Should render with dropBoxSize as medium 1`] = `
8777
8758
  </div>
8778
8759
  </div>
8779
8760
  <div
8780
- class="flexible basis_zero shrink scroll_vertical
8781
- medium"
8761
+ class="flexible basis_zero shrink scroll_vertical medium"
8782
8762
  data-id="CardContent"
8783
8763
  data-selector-id="cardContent"
8784
8764
  data-test-id="CardContent"
8785
8765
  >
8786
8766
  <div
8787
- class=" default"
8767
+ class="default"
8788
8768
  data-id="selectComponent_noOptnsMsg"
8789
8769
  data-test-id="selectComponent_noOptnsMsg"
8790
8770
  id="2"
@@ -8803,7 +8783,7 @@ exports[`Select snapshot - Should render with dropBoxSize as medium 1`] = `
8803
8783
  exports[`Select snapshot - Should render with dropBoxSize as small 1`] = `
8804
8784
  <DocumentFragment>
8805
8785
  <div
8806
- class="container box_medium "
8786
+ class="container box_medium"
8807
8787
  data-selector-id="select"
8808
8788
  >
8809
8789
  <div
@@ -8812,7 +8792,7 @@ exports[`Select snapshot - Should render with dropBoxSize as small 1`] = `
8812
8792
  data-test-id="selectComponent"
8813
8793
  >
8814
8794
  <div
8815
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
8795
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
8816
8796
  data-selector-id="textBoxIcon"
8817
8797
  >
8818
8798
  <div
@@ -8829,7 +8809,7 @@ exports[`Select snapshot - Should render with dropBoxSize as small 1`] = `
8829
8809
  aria-owns="1"
8830
8810
  aria-readonly="true"
8831
8811
  autocomplete="off"
8832
- class=" pointer container medium default effect focus borderColor_default inputDotted "
8812
+ class="pointer container medium default effect focus borderColor_default inputDotted"
8833
8813
  data-id="selectComponent_textBox"
8834
8814
  data-selector-id="textBoxIcon"
8835
8815
  data-test-id="selectComponent_textBox"
@@ -8874,7 +8854,7 @@ exports[`Select snapshot - Should render with dropBoxSize as small 1`] = `
8874
8854
  >
8875
8855
  <i
8876
8856
  aria-hidden="true"
8877
- class="zd_font_icons basic icon-down "
8857
+ class="zd_font_icons basic icon-down"
8878
8858
  data-id="fontIcon"
8879
8859
  data-selector-id="fontIcon"
8880
8860
  data-test-id="fontIcon"
@@ -8934,7 +8914,7 @@ exports[`Select snapshot - Should render with dropBoxSize as small 1`] = `
8934
8914
  class="search medium"
8935
8915
  >
8936
8916
  <div
8937
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
8917
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
8938
8918
  data-selector-id="textBoxIcon"
8939
8919
  >
8940
8920
  <div
@@ -8948,7 +8928,7 @@ exports[`Select snapshot - Should render with dropBoxSize as small 1`] = `
8948
8928
  aria-controls="1"
8949
8929
  aria-describedby="2"
8950
8930
  autocomplete="off"
8951
- class=" container small default effect borderColor_default "
8931
+ class="container small default effect borderColor_default"
8952
8932
  data-id="selectComponent_search"
8953
8933
  data-selector-id="textBoxIcon"
8954
8934
  data-test-id="selectComponent_search"
@@ -8975,14 +8955,13 @@ exports[`Select snapshot - Should render with dropBoxSize as small 1`] = `
8975
8955
  </div>
8976
8956
  </div>
8977
8957
  <div
8978
- class="flexible basis_zero shrink scroll_vertical
8979
- small"
8958
+ class="flexible basis_zero shrink scroll_vertical small"
8980
8959
  data-id="CardContent"
8981
8960
  data-selector-id="cardContent"
8982
8961
  data-test-id="CardContent"
8983
8962
  >
8984
8963
  <div
8985
- class=" default"
8964
+ class="default"
8986
8965
  data-id="selectComponent_noOptnsMsg"
8987
8966
  data-test-id="selectComponent_noOptnsMsg"
8988
8967
  id="2"
@@ -9001,7 +8980,7 @@ exports[`Select snapshot - Should render with dropBoxSize as small 1`] = `
9001
8980
  exports[`Select snapshot - Should render with getChildren 1`] = `
9002
8981
  <DocumentFragment>
9003
8982
  <div
9004
- class="container box_medium "
8983
+ class="container box_medium"
9005
8984
  data-selector-id="select"
9006
8985
  >
9007
8986
  <div
@@ -9010,7 +8989,7 @@ exports[`Select snapshot - Should render with getChildren 1`] = `
9010
8989
  data-test-id="selectComponent"
9011
8990
  >
9012
8991
  <div
9013
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
8992
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
9014
8993
  data-selector-id="textBoxIcon"
9015
8994
  >
9016
8995
  <div
@@ -9027,7 +9006,7 @@ exports[`Select snapshot - Should render with getChildren 1`] = `
9027
9006
  aria-owns="1"
9028
9007
  aria-readonly="true"
9029
9008
  autocomplete="off"
9030
- class=" pointer container medium default effect focus borderColor_default inputDotted "
9009
+ class="pointer container medium default effect focus borderColor_default inputDotted"
9031
9010
  data-id="selectComponent_textBox"
9032
9011
  data-selector-id="textBoxIcon"
9033
9012
  data-test-id="selectComponent_textBox"
@@ -9072,7 +9051,7 @@ exports[`Select snapshot - Should render with getChildren 1`] = `
9072
9051
  >
9073
9052
  <i
9074
9053
  aria-hidden="true"
9075
- class="zd_font_icons basic icon-down "
9054
+ class="zd_font_icons basic icon-down"
9076
9055
  data-id="fontIcon"
9077
9056
  data-selector-id="fontIcon"
9078
9057
  data-test-id="fontIcon"
@@ -9130,7 +9109,7 @@ exports[`Select snapshot - Should render with getChildren 1`] = `
9130
9109
  exports[`Select snapshot - Should render with getFooter 1`] = `
9131
9110
  <DocumentFragment>
9132
9111
  <div
9133
- class="container box_medium "
9112
+ class="container box_medium"
9134
9113
  data-selector-id="select"
9135
9114
  >
9136
9115
  <div
@@ -9139,7 +9118,7 @@ exports[`Select snapshot - Should render with getFooter 1`] = `
9139
9118
  data-test-id="selectComponent"
9140
9119
  >
9141
9120
  <div
9142
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
9121
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
9143
9122
  data-selector-id="textBoxIcon"
9144
9123
  >
9145
9124
  <div
@@ -9156,7 +9135,7 @@ exports[`Select snapshot - Should render with getFooter 1`] = `
9156
9135
  aria-owns="1"
9157
9136
  aria-readonly="true"
9158
9137
  autocomplete="off"
9159
- class=" pointer container medium default effect focus borderColor_default inputDotted "
9138
+ class="pointer container medium default effect focus borderColor_default inputDotted"
9160
9139
  data-id="selectComponent_textBox"
9161
9140
  data-selector-id="textBoxIcon"
9162
9141
  data-test-id="selectComponent_textBox"
@@ -9201,7 +9180,7 @@ exports[`Select snapshot - Should render with getFooter 1`] = `
9201
9180
  >
9202
9181
  <i
9203
9182
  aria-hidden="true"
9204
- class="zd_font_icons basic icon-down "
9183
+ class="zd_font_icons basic icon-down"
9205
9184
  data-id="fontIcon"
9206
9185
  data-selector-id="fontIcon"
9207
9186
  data-test-id="fontIcon"
@@ -9252,14 +9231,13 @@ exports[`Select snapshot - Should render with getFooter 1`] = `
9252
9231
  data-test-id="containerComponent"
9253
9232
  >
9254
9233
  <div
9255
- class="flexible basis_zero shrink scroll_vertical
9256
- small"
9234
+ class="flexible basis_zero shrink scroll_vertical small"
9257
9235
  data-id="CardContent"
9258
9236
  data-selector-id="cardContent"
9259
9237
  data-test-id="CardContent"
9260
9238
  >
9261
9239
  <div
9262
- class=" default"
9240
+ class="default"
9263
9241
  data-id="selectComponent_noOptnsMsg"
9264
9242
  data-test-id="selectComponent_noOptnsMsg"
9265
9243
  id="2"
@@ -9288,7 +9266,7 @@ exports[`Select snapshot - Should render with getFooter 1`] = `
9288
9266
  exports[`Select snapshot - Should render with iconOnHover as true 1`] = `
9289
9267
  <DocumentFragment>
9290
9268
  <div
9291
- class="container box_medium iconOnHoverStyle"
9269
+ class="container box_medium iconOnHoverStyle"
9292
9270
  data-selector-id="select"
9293
9271
  >
9294
9272
  <div
@@ -9297,7 +9275,7 @@ exports[`Select snapshot - Should render with iconOnHover as true 1`] = `
9297
9275
  data-test-id="selectComponent"
9298
9276
  >
9299
9277
  <div
9300
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
9278
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
9301
9279
  data-selector-id="textBoxIcon"
9302
9280
  >
9303
9281
  <div
@@ -9314,7 +9292,7 @@ exports[`Select snapshot - Should render with iconOnHover as true 1`] = `
9314
9292
  aria-owns="1"
9315
9293
  aria-readonly="true"
9316
9294
  autocomplete="off"
9317
- class=" pointer container medium default effect borderColor_default inputDotted "
9295
+ class="pointer container medium default effect borderColor_default inputDotted"
9318
9296
  data-id="selectComponent_textBox"
9319
9297
  data-selector-id="textBoxIcon"
9320
9298
  data-test-id="selectComponent_textBox"
@@ -9359,7 +9337,7 @@ exports[`Select snapshot - Should render with iconOnHover as true 1`] = `
9359
9337
  >
9360
9338
  <i
9361
9339
  aria-hidden="true"
9362
- class="zd_font_icons basic icon-down "
9340
+ class="zd_font_icons basic icon-down"
9363
9341
  data-id="fontIcon"
9364
9342
  data-selector-id="fontIcon"
9365
9343
  data-test-id="fontIcon"
@@ -9379,7 +9357,7 @@ exports[`Select snapshot - Should render with iconOnHover as true 1`] = `
9379
9357
  exports[`Select snapshot - Should render with iconOnHover as true and isDisabled as true 1`] = `
9380
9358
  <DocumentFragment>
9381
9359
  <div
9382
- class="container box_medium iconOnHoverReadonly"
9360
+ class="container box_medium iconOnHoverReadonly"
9383
9361
  data-selector-id="select"
9384
9362
  >
9385
9363
  <div
@@ -9388,7 +9366,7 @@ exports[`Select snapshot - Should render with iconOnHover as true and isDisable
9388
9366
  data-test-id="selectComponent_disabled"
9389
9367
  >
9390
9368
  <div
9391
- class="flex row varClass customContainer border_bottom disabled borderColor_default hasBorder container"
9369
+ class="flex row varClass customContainer border_bottom disabled borderColor_default hasBorder container"
9392
9370
  data-selector-id="textBoxIcon"
9393
9371
  data-title=""
9394
9372
  >
@@ -9406,7 +9384,7 @@ exports[`Select snapshot - Should render with iconOnHover as true and isDisable
9406
9384
  aria-owns="1"
9407
9385
  aria-readonly="true"
9408
9386
  autocomplete="off"
9409
- class=" container medium default borderColor_default inputDotted "
9387
+ class="container medium default borderColor_default inputDotted"
9410
9388
  data-id="selectComponent_textBox"
9411
9389
  data-selector-id="textBoxIcon"
9412
9390
  data-test-id="selectComponent_textBox"
@@ -9452,7 +9430,7 @@ exports[`Select snapshot - Should render with iconOnHover as true and isDisable
9452
9430
  >
9453
9431
  <i
9454
9432
  aria-hidden="true"
9455
- class="zd_font_icons basic icon-down "
9433
+ class="zd_font_icons basic icon-down"
9456
9434
  data-id="fontIcon"
9457
9435
  data-selector-id="fontIcon"
9458
9436
  data-test-id="fontIcon"
@@ -9472,7 +9450,7 @@ exports[`Select snapshot - Should render with iconOnHover as true and isDisable
9472
9450
  exports[`Select snapshot - Should render with iconOnHover as true and isReadOnly as true 1`] = `
9473
9451
  <DocumentFragment>
9474
9452
  <div
9475
- class="container box_medium readonly iconOnHoverReadonly"
9453
+ class="container box_medium readonly iconOnHoverReadonly"
9476
9454
  data-selector-id="select"
9477
9455
  >
9478
9456
  <div
@@ -9481,7 +9459,7 @@ exports[`Select snapshot - Should render with iconOnHover as true and isReadOnl
9481
9459
  data-test-id="selectComponent_readOnly"
9482
9460
  >
9483
9461
  <div
9484
- class="flex row varClass customContainer border_bottom readonly borderColor_default hasBorder container"
9462
+ class="flex row varClass customContainer border_bottom readonly borderColor_default hasBorder container"
9485
9463
  data-selector-id="textBoxIcon"
9486
9464
  >
9487
9465
  <div
@@ -9498,7 +9476,7 @@ exports[`Select snapshot - Should render with iconOnHover as true and isReadOnl
9498
9476
  aria-owns="1"
9499
9477
  aria-readonly="true"
9500
9478
  autocomplete="off"
9501
- class="readonly container medium default borderColor_default inputDotted "
9479
+ class="readonly container medium default borderColor_default inputDotted"
9502
9480
  data-id="selectComponent_textBox"
9503
9481
  data-selector-id="textBoxIcon"
9504
9482
  data-test-id="selectComponent_textBox"
@@ -9543,7 +9521,7 @@ exports[`Select snapshot - Should render with iconOnHover as true and isReadOnl
9543
9521
  >
9544
9522
  <i
9545
9523
  aria-hidden="true"
9546
- class="zd_font_icons basic icon-down "
9524
+ class="zd_font_icons basic icon-down"
9547
9525
  data-id="fontIcon"
9548
9526
  data-selector-id="fontIcon"
9549
9527
  data-test-id="fontIcon"
@@ -9563,7 +9541,7 @@ exports[`Select snapshot - Should render with iconOnHover as true and isReadOnl
9563
9541
  exports[`Select snapshot - Should render with isLoading 1`] = `
9564
9542
  <DocumentFragment>
9565
9543
  <div
9566
- class="container box_medium "
9544
+ class="container box_medium"
9567
9545
  data-selector-id="select"
9568
9546
  >
9569
9547
  <div
@@ -9572,7 +9550,7 @@ exports[`Select snapshot - Should render with isLoading 1`] = `
9572
9550
  data-test-id="selectComponent"
9573
9551
  >
9574
9552
  <div
9575
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
9553
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
9576
9554
  data-selector-id="textBoxIcon"
9577
9555
  >
9578
9556
  <div
@@ -9589,7 +9567,7 @@ exports[`Select snapshot - Should render with isLoading 1`] = `
9589
9567
  aria-owns="1"
9590
9568
  aria-readonly="true"
9591
9569
  autocomplete="off"
9592
- class=" pointer container medium default effect focus borderColor_default inputDotted "
9570
+ class="pointer container medium default effect focus borderColor_default inputDotted"
9593
9571
  data-id="selectComponent_textBox"
9594
9572
  data-selector-id="textBoxIcon"
9595
9573
  data-test-id="selectComponent_textBox"
@@ -9634,7 +9612,7 @@ exports[`Select snapshot - Should render with isLoading 1`] = `
9634
9612
  >
9635
9613
  <i
9636
9614
  aria-hidden="true"
9637
- class="zd_font_icons basic icon-down "
9615
+ class="zd_font_icons basic icon-down"
9638
9616
  data-id="fontIcon"
9639
9617
  data-selector-id="fontIcon"
9640
9618
  data-test-id="fontIcon"
@@ -9683,7 +9661,7 @@ exports[`Select snapshot - Should render with isLoading 1`] = `
9683
9661
  >
9684
9662
  <div
9685
9663
  aria-hidden="true"
9686
- class=" loaderWrapper container default svgCenter "
9664
+ class="default svgCenter loaderWrapper container"
9687
9665
  >
9688
9666
  <svg
9689
9667
  data-id="loader"
@@ -9731,7 +9709,7 @@ exports[`Select snapshot - Should render with isLoading 1`] = `
9731
9709
  exports[`Select snapshot - Should render with isParentBased as false 1`] = `
9732
9710
  <DocumentFragment>
9733
9711
  <div
9734
- class=" box_medium "
9712
+ class="box_medium"
9735
9713
  data-selector-id="select"
9736
9714
  >
9737
9715
  <div
@@ -9740,7 +9718,7 @@ exports[`Select snapshot - Should render with isParentBased as false 1`] = `
9740
9718
  data-test-id="selectComponent"
9741
9719
  >
9742
9720
  <div
9743
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
9721
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
9744
9722
  data-selector-id="textBoxIcon"
9745
9723
  >
9746
9724
  <div
@@ -9757,7 +9735,7 @@ exports[`Select snapshot - Should render with isParentBased as false 1`] = `
9757
9735
  aria-owns="1"
9758
9736
  aria-readonly="true"
9759
9737
  autocomplete="off"
9760
- class=" pointer container medium default effect borderColor_default inputDotted "
9738
+ class="pointer container medium default effect borderColor_default inputDotted"
9761
9739
  data-id="selectComponent_textBox"
9762
9740
  data-selector-id="textBoxIcon"
9763
9741
  data-test-id="selectComponent_textBox"
@@ -9802,7 +9780,7 @@ exports[`Select snapshot - Should render with isParentBased as false 1`] = `
9802
9780
  >
9803
9781
  <i
9804
9782
  aria-hidden="true"
9805
- class="zd_font_icons basic icon-down "
9783
+ class="zd_font_icons basic icon-down"
9806
9784
  data-id="fontIcon"
9807
9785
  data-selector-id="fontIcon"
9808
9786
  data-test-id="fontIcon"
@@ -9822,7 +9800,7 @@ exports[`Select snapshot - Should render with isParentBased as false 1`] = `
9822
9800
  exports[`Select snapshot - Should render with needSelectDownIcon as false 1`] = `
9823
9801
  <DocumentFragment>
9824
9802
  <div
9825
- class="container box_medium "
9803
+ class="container box_medium"
9826
9804
  data-selector-id="select"
9827
9805
  >
9828
9806
  <div
@@ -9838,7 +9816,7 @@ exports[`Select snapshot - Should render with needSelectDownIcon as false 1`] =
9838
9816
  aria-owns="1"
9839
9817
  aria-readonly="true"
9840
9818
  autocomplete="off"
9841
- class=" pointer container medium default border effect borderColor_default inputDotted "
9819
+ class="pointer container medium default border effect borderColor_default inputDotted"
9842
9820
  data-id="selectComponent_textBox"
9843
9821
  data-selector-id="textBox"
9844
9822
  data-test-id="selectComponent_textBox"
@@ -9856,7 +9834,7 @@ exports[`Select snapshot - Should render with needSelectDownIcon as false 1`] =
9856
9834
  exports[`Select snapshot - Should render with size as medium 1`] = `
9857
9835
  <DocumentFragment>
9858
9836
  <div
9859
- class="container box_medium "
9837
+ class="container box_medium"
9860
9838
  data-selector-id="select"
9861
9839
  >
9862
9840
  <div
@@ -9865,7 +9843,7 @@ exports[`Select snapshot - Should render with size as medium 1`] = `
9865
9843
  data-test-id="selectComponent"
9866
9844
  >
9867
9845
  <div
9868
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
9846
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
9869
9847
  data-selector-id="textBoxIcon"
9870
9848
  >
9871
9849
  <div
@@ -9882,7 +9860,7 @@ exports[`Select snapshot - Should render with size as medium 1`] = `
9882
9860
  aria-owns="1"
9883
9861
  aria-readonly="true"
9884
9862
  autocomplete="off"
9885
- class=" pointer container medium default effect borderColor_default inputDotted "
9863
+ class="pointer container medium default effect borderColor_default inputDotted"
9886
9864
  data-id="selectComponent_textBox"
9887
9865
  data-selector-id="textBoxIcon"
9888
9866
  data-test-id="selectComponent_textBox"
@@ -9927,7 +9905,7 @@ exports[`Select snapshot - Should render with size as medium 1`] = `
9927
9905
  >
9928
9906
  <i
9929
9907
  aria-hidden="true"
9930
- class="zd_font_icons basic icon-down "
9908
+ class="zd_font_icons basic icon-down"
9931
9909
  data-id="fontIcon"
9932
9910
  data-selector-id="fontIcon"
9933
9911
  data-test-id="fontIcon"
@@ -9947,7 +9925,7 @@ exports[`Select snapshot - Should render with size as medium 1`] = `
9947
9925
  exports[`Select snapshot - Should render with size as small 1`] = `
9948
9926
  <DocumentFragment>
9949
9927
  <div
9950
- class="container box_small "
9928
+ class="container box_small"
9951
9929
  data-selector-id="select"
9952
9930
  >
9953
9931
  <div
@@ -9956,7 +9934,7 @@ exports[`Select snapshot - Should render with size as small 1`] = `
9956
9934
  data-test-id="selectComponent"
9957
9935
  >
9958
9936
  <div
9959
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
9937
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
9960
9938
  data-selector-id="textBoxIcon"
9961
9939
  >
9962
9940
  <div
@@ -9973,7 +9951,7 @@ exports[`Select snapshot - Should render with size as small 1`] = `
9973
9951
  aria-owns="1"
9974
9952
  aria-readonly="true"
9975
9953
  autocomplete="off"
9976
- class=" pointer container medium default effect borderColor_default inputDotted "
9954
+ class="pointer container medium default effect borderColor_default inputDotted"
9977
9955
  data-id="selectComponent_textBox"
9978
9956
  data-selector-id="textBoxIcon"
9979
9957
  data-test-id="selectComponent_textBox"
@@ -10018,7 +9996,7 @@ exports[`Select snapshot - Should render with size as small 1`] = `
10018
9996
  >
10019
9997
  <i
10020
9998
  aria-hidden="true"
10021
- class="zd_font_icons basic icon-down "
9999
+ class="zd_font_icons basic icon-down"
10022
10000
  data-id="fontIcon"
10023
10001
  data-selector-id="fontIcon"
10024
10002
  data-test-id="fontIcon"
@@ -10038,7 +10016,7 @@ exports[`Select snapshot - Should render with size as small 1`] = `
10038
10016
  exports[`Select snapshot - Should render with title prop 1`] = `
10039
10017
  <DocumentFragment>
10040
10018
  <div
10041
- class="container box_medium "
10019
+ class="container box_medium"
10042
10020
  data-selector-id="select"
10043
10021
  >
10044
10022
  <div
@@ -10047,7 +10025,7 @@ exports[`Select snapshot - Should render with title prop 1`] = `
10047
10025
  data-test-id="selectComponent"
10048
10026
  >
10049
10027
  <div
10050
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
10028
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
10051
10029
  data-selector-id="textBoxIcon"
10052
10030
  >
10053
10031
  <div
@@ -10064,7 +10042,7 @@ exports[`Select snapshot - Should render with title prop 1`] = `
10064
10042
  aria-owns="1"
10065
10043
  aria-readonly="true"
10066
10044
  autocomplete="off"
10067
- class=" pointer container medium default effect borderColor_default inputDotted "
10045
+ class="pointer container medium default effect borderColor_default inputDotted"
10068
10046
  data-id="selectComponent_textBox"
10069
10047
  data-selector-id="textBoxIcon"
10070
10048
  data-test-id="selectComponent_textBox"
@@ -10110,7 +10088,7 @@ exports[`Select snapshot - Should render with title prop 1`] = `
10110
10088
  >
10111
10089
  <i
10112
10090
  aria-hidden="true"
10113
- class="zd_font_icons basic icon-down "
10091
+ class="zd_font_icons basic icon-down"
10114
10092
  data-id="fontIcon"
10115
10093
  data-selector-id="fontIcon"
10116
10094
  data-test-id="fontIcon"