@zohodesk/components 1.6.21 → 1.6.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/README.md +4 -0
  2. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  3. package/es/Button/css/cssJSLogic.js +6 -6
  4. package/es/CheckBox/CheckBox.js +2 -2
  5. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +65 -65
  6. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +15 -17
  7. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +6 -6
  8. package/es/DateTime/CalendarView.js +2 -2
  9. package/es/DateTime/DateWidget.js +2 -2
  10. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +51 -51
  11. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +3 -3
  12. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +3 -3
  13. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +6 -6
  14. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +6 -6
  15. package/es/DropDown/DropDownItem.js +1 -1
  16. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  17. package/es/Label/Label.js +1 -1
  18. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  19. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +7 -7
  20. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +1 -1
  21. package/es/MultiSelect/MultiSelect.js +1 -1
  22. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +1 -1
  23. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +3 -3
  24. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +13 -16
  25. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +1 -1
  26. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +2 -2
  27. package/es/Radio/Radio.js +1 -1
  28. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +31 -31
  29. package/es/Ribbon/Ribbon.js +3 -16
  30. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +24 -24
  31. package/es/Select/SelectWithAvatar.js +1 -1
  32. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +1 -1
  33. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +128 -128
  34. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +2 -2
  35. package/es/Switch/Switch.js +1 -1
  36. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +34 -34
  37. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  38. package/es/Tag/Tag.js +1 -2
  39. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +94 -140
  40. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  41. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +6 -6
  42. package/es/Textarea/Textarea.js +1 -1
  43. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  44. package/es/Tooltip/Tooltip.js +1 -1
  45. package/es/Typography/css/cssJSLogic.js +2 -2
  46. package/es/deprecated/Switch/Switch.js +1 -1
  47. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +10 -10
  48. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  49. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  50. package/lib/Button/css/cssJSLogic.js +3 -3
  51. package/lib/CheckBox/CheckBox.js +2 -2
  52. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +65 -65
  53. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +15 -17
  54. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +6 -6
  55. package/lib/DateTime/CalendarView.js +2 -2
  56. package/lib/DateTime/DateWidget.js +2 -2
  57. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +51 -51
  58. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +3 -3
  59. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +3 -3
  60. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +6 -6
  61. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +2 -2
  62. package/lib/DropDown/DropDownItem.js +1 -1
  63. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  64. package/lib/Label/Label.js +1 -1
  65. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  66. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +7 -7
  67. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +1 -1
  68. package/lib/MultiSelect/MultiSelect.js +1 -1
  69. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +1 -1
  70. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +3 -3
  71. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +13 -16
  72. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +1 -1
  73. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +2 -2
  74. package/lib/Radio/Radio.js +1 -1
  75. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +31 -31
  76. package/lib/Ribbon/Ribbon.js +2 -15
  77. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +24 -24
  78. package/lib/Select/SelectWithAvatar.js +1 -1
  79. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +1 -1
  80. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +128 -128
  81. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +2 -2
  82. package/lib/Switch/Switch.js +1 -1
  83. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +34 -34
  84. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  85. package/lib/Tag/Tag.js +1 -1
  86. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +94 -140
  87. package/lib/TextBoxIcon/TextBoxIcon.js +1 -1
  88. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +6 -6
  89. package/lib/Textarea/Textarea.js +1 -1
  90. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  91. package/lib/Tooltip/Tooltip.js +1 -1
  92. package/lib/Typography/css/cssJSLogic.js +1 -1
  93. package/lib/deprecated/Switch/Switch.js +1 -1
  94. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +10 -10
  95. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  96. package/package.json +5 -5
package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap CHANGED
@@ -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
@@ -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"
@@ -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
@@ -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"
@@ -286,7 +286,7 @@ exports[`Select - Should highlight the next list-items, when arrow keys pressed
286
286
  >
287
287
  <i
288
288
  aria-hidden="true"
289
- class="zd_font_icons basic icon-ticknew "
289
+ class="zd_font_icons basic icon-ticknew "
290
290
  data-id="fontIcon"
291
291
  data-selector-id="fontIcon"
292
292
  data-test-id="fontIcon"
@@ -458,7 +458,7 @@ exports[`Select - Should not open the dropdown when disabled 1`] = `
458
458
  >
459
459
  <i
460
460
  aria-hidden="true"
461
- class="zd_font_icons basic icon-down "
461
+ class="zd_font_icons basic icon-down "
462
462
  data-id="fontIcon"
463
463
  data-selector-id="fontIcon"
464
464
  data-test-id="fontIcon"
@@ -551,7 +551,7 @@ exports[`Select - Should not open the dropdown when readonly 1`] = `
551
551
  >
552
552
  <i
553
553
  aria-hidden="true"
554
- class="zd_font_icons basic icon-down "
554
+ class="zd_font_icons basic icon-down "
555
555
  data-id="fontIcon"
556
556
  data-selector-id="fontIcon"
557
557
  data-test-id="fontIcon"
@@ -580,7 +580,7 @@ exports[`Select - Should open the dropdown, when click on the input 1`] = `
580
580
  data-test-id="selectComponent"
581
581
  >
582
582
  <div
583
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
583
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
584
584
  data-selector-id="textBoxIcon"
585
585
  >
586
586
  <div
@@ -642,7 +642,7 @@ exports[`Select - Should open the dropdown, when click on the input 1`] = `
642
642
  >
643
643
  <i
644
644
  aria-hidden="true"
645
- class="zd_font_icons basic icon-down "
645
+ class="zd_font_icons basic icon-down "
646
646
  data-id="fontIcon"
647
647
  data-selector-id="fontIcon"
648
648
  data-test-id="fontIcon"
@@ -728,7 +728,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
728
728
  data-test-id="selectComponent"
729
729
  >
730
730
  <div
731
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
731
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
732
732
  data-selector-id="textBoxIcon"
733
733
  >
734
734
  <div
@@ -792,7 +792,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
792
792
  >
793
793
  <i
794
794
  aria-hidden="true"
795
- class="zd_font_icons basic icon-down "
795
+ class="zd_font_icons basic icon-down "
796
796
  data-id="fontIcon"
797
797
  data-selector-id="fontIcon"
798
798
  data-test-id="fontIcon"
@@ -959,7 +959,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
959
959
  >
960
960
  <i
961
961
  aria-hidden="true"
962
- class="zd_font_icons basic icon-ticknew "
962
+ class="zd_font_icons basic icon-ticknew "
963
963
  data-id="fontIcon"
964
964
  data-selector-id="fontIcon"
965
965
  data-test-id="fontIcon"
@@ -1065,7 +1065,7 @@ exports[`Select - Should render given the options 1`] = `
1065
1065
  data-test-id="selectComponent"
1066
1066
  >
1067
1067
  <div
1068
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
1068
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
1069
1069
  data-selector-id="textBoxIcon"
1070
1070
  >
1071
1071
  <div
@@ -1129,7 +1129,7 @@ exports[`Select - Should render given the options 1`] = `
1129
1129
  >
1130
1130
  <i
1131
1131
  aria-hidden="true"
1132
- class="zd_font_icons basic icon-down "
1132
+ class="zd_font_icons basic icon-down "
1133
1133
  data-id="fontIcon"
1134
1134
  data-selector-id="fontIcon"
1135
1135
  data-test-id="fontIcon"
@@ -1247,7 +1247,7 @@ exports[`Select - Should render given the options 1`] = `
1247
1247
  >
1248
1248
  <i
1249
1249
  aria-hidden="true"
1250
- class="zd_font_icons basic icon-ticknew "
1250
+ class="zd_font_icons basic icon-ticknew "
1251
1251
  data-id="fontIcon"
1252
1252
  data-selector-id="fontIcon"
1253
1253
  data-test-id="fontIcon"
@@ -1353,7 +1353,7 @@ exports[`Select - Should render the Select component 1`] = `
1353
1353
  data-test-id="selectComponent"
1354
1354
  >
1355
1355
  <div
1356
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1356
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1357
1357
  data-selector-id="textBoxIcon"
1358
1358
  >
1359
1359
  <div
@@ -1415,7 +1415,7 @@ exports[`Select - Should render the Select component 1`] = `
1415
1415
  >
1416
1416
  <i
1417
1417
  aria-hidden="true"
1418
- class="zd_font_icons basic icon-down "
1418
+ class="zd_font_icons basic icon-down "
1419
1419
  data-id="fontIcon"
1420
1420
  data-selector-id="fontIcon"
1421
1421
  data-test-id="fontIcon"
@@ -1444,7 +1444,7 @@ exports[`Select - Should render the default selected value 1`] = `
1444
1444
  data-test-id="selectComponent"
1445
1445
  >
1446
1446
  <div
1447
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1447
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1448
1448
  data-selector-id="textBoxIcon"
1449
1449
  >
1450
1450
  <div
@@ -1508,7 +1508,7 @@ exports[`Select - Should render the default selected value 1`] = `
1508
1508
  >
1509
1509
  <i
1510
1510
  aria-hidden="true"
1511
- class="zd_font_icons basic icon-down "
1511
+ class="zd_font_icons basic icon-down "
1512
1512
  data-id="fontIcon"
1513
1513
  data-selector-id="fontIcon"
1514
1514
  data-test-id="fontIcon"
@@ -1537,7 +1537,7 @@ exports[`Select - Should render the given selected value 1`] = `
1537
1537
  data-test-id="selectComponent"
1538
1538
  >
1539
1539
  <div
1540
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1540
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1541
1541
  data-selector-id="textBoxIcon"
1542
1542
  >
1543
1543
  <div
@@ -1601,7 +1601,7 @@ exports[`Select - Should render the given selected value 1`] = `
1601
1601
  >
1602
1602
  <i
1603
1603
  aria-hidden="true"
1604
- class="zd_font_icons basic icon-down "
1604
+ class="zd_font_icons basic icon-down "
1605
1605
  data-id="fontIcon"
1606
1606
  data-selector-id="fontIcon"
1607
1607
  data-test-id="fontIcon"
@@ -1630,7 +1630,7 @@ exports[`Select - Should render the only options matching search value 1`] = `
1630
1630
  data-test-id="selectComponent"
1631
1631
  >
1632
1632
  <div
1633
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1633
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1634
1634
  data-selector-id="textBoxIcon"
1635
1635
  >
1636
1636
  <div
@@ -1694,7 +1694,7 @@ exports[`Select - Should render the only options matching search value 1`] = `
1694
1694
  >
1695
1695
  <i
1696
1696
  aria-hidden="true"
1697
- class="zd_font_icons basic icon-down "
1697
+ class="zd_font_icons basic icon-down "
1698
1698
  data-id="fontIcon"
1699
1699
  data-selector-id="fontIcon"
1700
1700
  data-test-id="fontIcon"
@@ -1876,7 +1876,7 @@ exports[`Select - Should render the only options matching search value even with
1876
1876
  data-test-id="selectComponent"
1877
1877
  >
1878
1878
  <div
1879
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1879
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
1880
1880
  data-selector-id="textBoxIcon"
1881
1881
  >
1882
1882
  <div
@@ -1940,7 +1940,7 @@ exports[`Select - Should render the only options matching search value even with
1940
1940
  >
1941
1941
  <i
1942
1942
  aria-hidden="true"
1943
- class="zd_font_icons basic icon-down "
1943
+ class="zd_font_icons basic icon-down "
1944
1944
  data-id="fontIcon"
1945
1945
  data-selector-id="fontIcon"
1946
1946
  data-test-id="fontIcon"
@@ -2051,7 +2051,7 @@ exports[`Select - Should render the only options matching search value even with
2051
2051
  >
2052
2052
  <i
2053
2053
  aria-hidden="true"
2054
- class="zd_font_icons basic icon-delete rtl "
2054
+ class="zd_font_icons rtl basic icon-delete "
2055
2055
  data-id="fontIcon"
2056
2056
  data-selector-id="fontIcon"
2057
2057
  data-test-id="fontIcon"
@@ -2147,7 +2147,7 @@ exports[`Select - Should render the placeholder when there is no default value 1
2147
2147
  data-test-id="selectComponent"
2148
2148
  >
2149
2149
  <div
2150
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
2150
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
2151
2151
  data-selector-id="textBoxIcon"
2152
2152
  >
2153
2153
  <div
@@ -2211,7 +2211,7 @@ exports[`Select - Should render the placeholder when there is no default value 1
2211
2211
  >
2212
2212
  <i
2213
2213
  aria-hidden="true"
2214
- class="zd_font_icons basic icon-down "
2214
+ class="zd_font_icons basic icon-down "
2215
2215
  data-id="fontIcon"
2216
2216
  data-selector-id="fontIcon"
2217
2217
  data-test-id="fontIcon"
@@ -2240,7 +2240,7 @@ exports[`Select - Should show the custom empty state using getCustomEmptyState p
2240
2240
  data-test-id="selectComponent"
2241
2241
  >
2242
2242
  <div
2243
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
2243
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
2244
2244
  data-selector-id="textBoxIcon"
2245
2245
  >
2246
2246
  <div
@@ -2304,7 +2304,7 @@ exports[`Select - Should show the custom empty state using getCustomEmptyState p
2304
2304
  >
2305
2305
  <i
2306
2306
  aria-hidden="true"
2307
- class="zd_font_icons basic icon-down "
2307
+ class="zd_font_icons basic icon-down "
2308
2308
  data-id="fontIcon"
2309
2309
  data-selector-id="fontIcon"
2310
2310
  data-test-id="fontIcon"
@@ -2435,7 +2435,7 @@ exports[`Select - Should show the empty message when open the dropdown with no o
2435
2435
  data-test-id="selectComponent"
2436
2436
  >
2437
2437
  <div
2438
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
2438
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
2439
2439
  data-selector-id="textBoxIcon"
2440
2440
  >
2441
2441
  <div
@@ -2497,7 +2497,7 @@ exports[`Select - Should show the empty message when open the dropdown with no o
2497
2497
  >
2498
2498
  <i
2499
2499
  aria-hidden="true"
2500
- class="zd_font_icons basic icon-down "
2500
+ class="zd_font_icons basic icon-down "
2501
2501
  data-id="fontIcon"
2502
2502
  data-selector-id="fontIcon"
2503
2503
  data-test-id="fontIcon"
@@ -2585,7 +2585,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2585
2585
  data-test-id="selectComponent"
2586
2586
  >
2587
2587
  <div
2588
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
2588
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
2589
2589
  data-selector-id="textBoxIcon"
2590
2590
  >
2591
2591
  <div
@@ -2649,7 +2649,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2649
2649
  >
2650
2650
  <i
2651
2651
  aria-hidden="true"
2652
- class="zd_font_icons basic icon-down "
2652
+ class="zd_font_icons basic icon-down "
2653
2653
  data-id="fontIcon"
2654
2654
  data-selector-id="fontIcon"
2655
2655
  data-test-id="fontIcon"
@@ -2766,7 +2766,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2766
2766
  >
2767
2767
  <i
2768
2768
  aria-hidden="true"
2769
- class="zd_font_icons basic icon-ticknew "
2769
+ class="zd_font_icons basic icon-ticknew "
2770
2770
  data-id="fontIcon"
2771
2771
  data-selector-id="fontIcon"
2772
2772
  data-test-id="fontIcon"
@@ -3120,7 +3120,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
3120
3120
  >
3121
3121
  <div
3122
3122
  aria-hidden="true"
3123
- class=" loaderWrapper container default svgCenter "
3123
+ class=" default svgCenter loaderWrapper container"
3124
3124
  >
3125
3125
  <svg
3126
3126
  data-id="loader"
@@ -3180,7 +3180,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3180
3180
  data-test-id="selectComponent"
3181
3181
  >
3182
3182
  <div
3183
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
3183
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
3184
3184
  data-selector-id="textBoxIcon"
3185
3185
  >
3186
3186
  <div
@@ -3244,7 +3244,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3244
3244
  >
3245
3245
  <i
3246
3246
  aria-hidden="true"
3247
- class="zd_font_icons basic icon-down "
3247
+ class="zd_font_icons basic icon-down "
3248
3248
  data-id="fontIcon"
3249
3249
  data-selector-id="fontIcon"
3250
3250
  data-test-id="fontIcon"
@@ -3411,7 +3411,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3411
3411
  >
3412
3412
  <i
3413
3413
  aria-hidden="true"
3414
- class="zd_font_icons basic icon-ticknew "
3414
+ class="zd_font_icons basic icon-ticknew "
3415
3415
  data-id="fontIcon"
3416
3416
  data-selector-id="fontIcon"
3417
3417
  data-test-id="fontIcon"
@@ -3506,7 +3506,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3506
3506
  >
3507
3507
  <div
3508
3508
  aria-hidden="true"
3509
- class=" loaderWrapper container default svgCenter "
3509
+ class=" default svgCenter loaderWrapper container"
3510
3510
  >
3511
3511
  <svg
3512
3512
  data-id="loader"
@@ -3566,7 +3566,7 @@ exports[`Select - Should trigger onAddNewOption, when click on the custom search
3566
3566
  data-test-id="selectComponent"
3567
3567
  >
3568
3568
  <div
3569
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
3569
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
3570
3570
  data-selector-id="textBoxIcon"
3571
3571
  >
3572
3572
  <div
@@ -3630,7 +3630,7 @@ exports[`Select - Should trigger onAddNewOption, when click on the custom search
3630
3630
  >
3631
3631
  <i
3632
3632
  aria-hidden="true"
3633
- class="zd_font_icons basic icon-down "
3633
+ class="zd_font_icons basic icon-down "
3634
3634
  data-id="fontIcon"
3635
3635
  data-selector-id="fontIcon"
3636
3636
  data-test-id="fontIcon"
@@ -3761,7 +3761,7 @@ exports[`Select - Should update the value when select the option 1`] = `
3761
3761
  data-test-id="selectComponent"
3762
3762
  >
3763
3763
  <div
3764
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
3764
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
3765
3765
  data-selector-id="textBoxIcon"
3766
3766
  >
3767
3767
  <div
@@ -3825,7 +3825,7 @@ exports[`Select - Should update the value when select the option 1`] = `
3825
3825
  >
3826
3826
  <i
3827
3827
  aria-hidden="true"
3828
- class="zd_font_icons basic icon-down "
3828
+ class="zd_font_icons basic icon-down "
3829
3829
  data-id="fontIcon"
3830
3830
  data-selector-id="fontIcon"
3831
3831
  data-test-id="fontIcon"
@@ -3943,7 +3943,7 @@ exports[`Select - Should update the value when select the option 1`] = `
3943
3943
  >
3944
3944
  <i
3945
3945
  aria-hidden="true"
3946
- class="zd_font_icons basic icon-ticknew "
3946
+ class="zd_font_icons basic icon-ticknew "
3947
3947
  data-id="fontIcon"
3948
3948
  data-selector-id="fontIcon"
3949
3949
  data-test-id="fontIcon"
@@ -4049,7 +4049,7 @@ exports[`Select - Should update the value when select the option 2`] = `
4049
4049
  data-test-id="selectComponent"
4050
4050
  >
4051
4051
  <div
4052
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
4052
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
4053
4053
  data-selector-id="textBoxIcon"
4054
4054
  >
4055
4055
  <div
@@ -4113,7 +4113,7 @@ exports[`Select - Should update the value when select the option 2`] = `
4113
4113
  >
4114
4114
  <i
4115
4115
  aria-hidden="true"
4116
- class="zd_font_icons basic icon-down "
4116
+ class="zd_font_icons basic icon-down "
4117
4117
  data-id="fontIcon"
4118
4118
  data-selector-id="fontIcon"
4119
4119
  data-test-id="fontIcon"
@@ -4272,7 +4272,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with aria prope
4272
4272
  data-test-id="selectComponent"
4273
4273
  >
4274
4274
  <div
4275
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4275
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4276
4276
  data-selector-id="textBoxIcon"
4277
4277
  >
4278
4278
  <div
@@ -4337,7 +4337,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with aria prope
4337
4337
  >
4338
4338
  <i
4339
4339
  aria-hidden="true"
4340
- class="zd_font_icons basic icon-down "
4340
+ class="zd_font_icons basic icon-down "
4341
4341
  data-id="fontIcon"
4342
4342
  data-selector-id="fontIcon"
4343
4343
  data-test-id="fontIcon"
@@ -4399,7 +4399,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with autoComple
4399
4399
  data-test-id="selectComponent"
4400
4400
  >
4401
4401
  <div
4402
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4402
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4403
4403
  data-selector-id="textBoxIcon"
4404
4404
  >
4405
4405
  <div
@@ -4460,7 +4460,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with autoComple
4460
4460
  >
4461
4461
  <i
4462
4462
  aria-hidden="true"
4463
- class="zd_font_icons basic icon-down "
4463
+ class="zd_font_icons basic icon-down "
4464
4464
  data-id="fontIcon"
4465
4465
  data-selector-id="fontIcon"
4466
4466
  data-test-id="fontIcon"
@@ -4523,7 +4523,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4523
4523
  data-test-id="selectComponent"
4524
4524
  >
4525
4525
  <div
4526
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4526
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4527
4527
  data-selector-id="textBoxIcon"
4528
4528
  >
4529
4529
  <div
@@ -4585,7 +4585,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4585
4585
  >
4586
4586
  <i
4587
4587
  aria-hidden="true"
4588
- class="zd_font_icons basic icon-down "
4588
+ class="zd_font_icons basic icon-down "
4589
4589
  data-id="fontIcon"
4590
4590
  data-selector-id="fontIcon"
4591
4591
  data-test-id="fontIcon"
@@ -4648,7 +4648,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4648
4648
  data-test-id="selectComponent"
4649
4649
  >
4650
4650
  <div
4651
- class="flex row varClass customContainer border_bottom effect borderColor_transparent hasBorder container input"
4651
+ class="flex row varClass customContainer border_bottom effect borderColor_transparent hasBorder container input"
4652
4652
  data-selector-id="textBoxIcon"
4653
4653
  >
4654
4654
  <div
@@ -4710,7 +4710,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4710
4710
  >
4711
4711
  <i
4712
4712
  aria-hidden="true"
4713
- class="zd_font_icons basic icon-down "
4713
+ class="zd_font_icons basic icon-down "
4714
4714
  data-id="fontIcon"
4715
4715
  data-selector-id="fontIcon"
4716
4716
  data-test-id="fontIcon"
@@ -4774,7 +4774,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with customProp
4774
4774
  data-test-id="selectComponent"
4775
4775
  >
4776
4776
  <div
4777
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4777
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4778
4778
  data-selector-id="textBoxIcon"
4779
4779
  >
4780
4780
  <div
@@ -4837,7 +4837,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with customProp
4837
4837
  >
4838
4838
  <i
4839
4839
  aria-hidden="true"
4840
- class="zd_font_icons basic icon-down "
4840
+ class="zd_font_icons basic icon-down "
4841
4841
  data-id="fontIcon"
4842
4842
  data-selector-id="fontIcon"
4843
4843
  data-test-id="fontIcon"
@@ -4901,7 +4901,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with htmlId - n
4901
4901
  data-test-id="selectComponent"
4902
4902
  >
4903
4903
  <div
4904
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4904
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
4905
4905
  data-selector-id="textBoxIcon"
4906
4906
  >
4907
4907
  <div
@@ -4964,7 +4964,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with htmlId - n
4964
4964
  >
4965
4965
  <i
4966
4966
  aria-hidden="true"
4967
- class="zd_font_icons basic icon-down "
4967
+ class="zd_font_icons basic icon-down "
4968
4968
  data-id="fontIcon"
4969
4969
  data-selector-id="fontIcon"
4970
4970
  data-test-id="fontIcon"
@@ -5092,7 +5092,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isDisabled
5092
5092
  >
5093
5093
  <i
5094
5094
  aria-hidden="true"
5095
- class="zd_font_icons basic icon-down "
5095
+ class="zd_font_icons basic icon-down "
5096
5096
  data-id="fontIcon"
5097
5097
  data-selector-id="fontIcon"
5098
5098
  data-test-id="fontIcon"
@@ -5212,7 +5212,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isPopupOpe
5212
5212
  data-test-id="selectComponent"
5213
5213
  >
5214
5214
  <div
5215
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
5215
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
5216
5216
  data-selector-id="textBoxIcon"
5217
5217
  >
5218
5218
  <div
@@ -5274,7 +5274,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isPopupOpe
5274
5274
  >
5275
5275
  <i
5276
5276
  aria-hidden="true"
5277
- class="zd_font_icons basic icon-down "
5277
+ class="zd_font_icons basic icon-down "
5278
5278
  data-id="fontIcon"
5279
5279
  data-selector-id="fontIcon"
5280
5280
  data-test-id="fontIcon"
@@ -5456,7 +5456,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isReadOnly
5456
5456
  >
5457
5457
  <i
5458
5458
  aria-hidden="true"
5459
- class="zd_font_icons basic icon-down "
5459
+ class="zd_font_icons basic icon-down "
5460
5460
  data-id="fontIcon"
5461
5461
  data-selector-id="fontIcon"
5462
5462
  data-test-id="fontIcon"
@@ -5520,7 +5520,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with maxLength
5520
5520
  data-test-id="selectComponent"
5521
5521
  >
5522
5522
  <div
5523
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
5523
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
5524
5524
  data-selector-id="textBoxIcon"
5525
5525
  >
5526
5526
  <div
@@ -5582,7 +5582,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with maxLength
5582
5582
  >
5583
5583
  <i
5584
5584
  aria-hidden="true"
5585
- class="zd_font_icons basic icon-down "
5585
+ class="zd_font_icons basic icon-down "
5586
5586
  data-id="fontIcon"
5587
5587
  data-selector-id="fontIcon"
5588
5588
  data-test-id="fontIcon"
@@ -5645,7 +5645,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with needBorder
5645
5645
  data-test-id="selectComponent"
5646
5646
  >
5647
5647
  <div
5648
- class="flex row varClass customContainer effect container input"
5648
+ class="flex row varClass customContainer effect container input"
5649
5649
  data-selector-id="textBoxIcon"
5650
5650
  >
5651
5651
  <div
@@ -5707,7 +5707,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with needBorder
5707
5707
  >
5708
5708
  <i
5709
5709
  aria-hidden="true"
5710
- class="zd_font_icons basic icon-down "
5710
+ class="zd_font_icons basic icon-down "
5711
5711
  data-id="fontIcon"
5712
5712
  data-selector-id="fontIcon"
5713
5713
  data-test-id="fontIcon"
@@ -5770,7 +5770,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with placeHolde
5770
5770
  data-test-id="selectComponent"
5771
5771
  >
5772
5772
  <div
5773
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
5773
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
5774
5774
  data-selector-id="textBoxIcon"
5775
5775
  >
5776
5776
  <div
@@ -5832,7 +5832,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with placeHolde
5832
5832
  >
5833
5833
  <i
5834
5834
  aria-hidden="true"
5835
- class="zd_font_icons basic icon-down "
5835
+ class="zd_font_icons basic icon-down "
5836
5836
  data-id="fontIcon"
5837
5837
  data-selector-id="fontIcon"
5838
5838
  data-test-id="fontIcon"
@@ -5895,7 +5895,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
5895
5895
  data-test-id="selectComponent"
5896
5896
  >
5897
5897
  <div
5898
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
5898
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
5899
5899
  data-selector-id="textBoxIcon"
5900
5900
  >
5901
5901
  <div
@@ -5957,7 +5957,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
5957
5957
  >
5958
5958
  <i
5959
5959
  aria-hidden="true"
5960
- class="zd_font_icons basic icon-down "
5960
+ class="zd_font_icons basic icon-down "
5961
5961
  data-id="fontIcon"
5962
5962
  data-selector-id="fontIcon"
5963
5963
  data-test-id="fontIcon"
@@ -6020,7 +6020,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6020
6020
  data-test-id="selectComponent"
6021
6021
  >
6022
6022
  <div
6023
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6023
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6024
6024
  data-selector-id="textBoxIcon"
6025
6025
  >
6026
6026
  <div
@@ -6082,7 +6082,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6082
6082
  >
6083
6083
  <i
6084
6084
  aria-hidden="true"
6085
- class="zd_font_icons basic icon-down "
6085
+ class="zd_font_icons basic icon-down "
6086
6086
  data-id="fontIcon"
6087
6087
  data-selector-id="fontIcon"
6088
6088
  data-test-id="fontIcon"
@@ -6145,7 +6145,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6145
6145
  data-test-id="selectComponent"
6146
6146
  >
6147
6147
  <div
6148
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6148
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6149
6149
  data-selector-id="textBoxIcon"
6150
6150
  >
6151
6151
  <div
@@ -6207,7 +6207,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6207
6207
  >
6208
6208
  <i
6209
6209
  aria-hidden="true"
6210
- class="zd_font_icons basic icon-down "
6210
+ class="zd_font_icons basic icon-down "
6211
6211
  data-id="fontIcon"
6212
6212
  data-selector-id="fontIcon"
6213
6213
  data-test-id="fontIcon"
@@ -6270,7 +6270,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6270
6270
  data-test-id="selectComponent"
6271
6271
  >
6272
6272
  <div
6273
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6273
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6274
6274
  data-selector-id="textBoxIcon"
6275
6275
  >
6276
6276
  <div
@@ -6332,7 +6332,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6332
6332
  >
6333
6333
  <i
6334
6334
  aria-hidden="true"
6335
- class="zd_font_icons basic icon-down "
6335
+ class="zd_font_icons basic icon-down "
6336
6336
  data-id="fontIcon"
6337
6337
  data-selector-id="fontIcon"
6338
6338
  data-test-id="fontIcon"
@@ -6395,7 +6395,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6395
6395
  data-test-id="selectComponent"
6396
6396
  >
6397
6397
  <div
6398
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6398
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6399
6399
  data-selector-id="textBoxIcon"
6400
6400
  >
6401
6401
  <div
@@ -6457,7 +6457,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6457
6457
  >
6458
6458
  <i
6459
6459
  aria-hidden="true"
6460
- class="zd_font_icons basic icon-down "
6460
+ class="zd_font_icons basic icon-down "
6461
6461
  data-id="fontIcon"
6462
6462
  data-selector-id="fontIcon"
6463
6463
  data-test-id="fontIcon"
@@ -6520,7 +6520,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6520
6520
  data-test-id="selectComponent"
6521
6521
  >
6522
6522
  <div
6523
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6523
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6524
6524
  data-selector-id="textBoxIcon"
6525
6525
  >
6526
6526
  <div
@@ -6582,7 +6582,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6582
6582
  >
6583
6583
  <i
6584
6584
  aria-hidden="true"
6585
- class="zd_font_icons basic icon-down "
6585
+ class="zd_font_icons basic icon-down "
6586
6586
  data-id="fontIcon"
6587
6587
  data-selector-id="fontIcon"
6588
6588
  data-test-id="fontIcon"
@@ -6645,7 +6645,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6645
6645
  data-test-id="selectComponent"
6646
6646
  >
6647
6647
  <div
6648
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6648
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6649
6649
  data-selector-id="textBoxIcon"
6650
6650
  >
6651
6651
  <div
@@ -6707,7 +6707,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6707
6707
  >
6708
6708
  <i
6709
6709
  aria-hidden="true"
6710
- class="zd_font_icons basic icon-down "
6710
+ class="zd_font_icons basic icon-down "
6711
6711
  data-id="fontIcon"
6712
6712
  data-selector-id="fontIcon"
6713
6713
  data-test-id="fontIcon"
@@ -6770,7 +6770,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6770
6770
  data-test-id="selectComponent"
6771
6771
  >
6772
6772
  <div
6773
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6773
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6774
6774
  data-selector-id="textBoxIcon"
6775
6775
  >
6776
6776
  <div
@@ -6832,7 +6832,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6832
6832
  >
6833
6833
  <i
6834
6834
  aria-hidden="true"
6835
- class="zd_font_icons basic icon-down "
6835
+ class="zd_font_icons basic icon-down "
6836
6836
  data-id="fontIcon"
6837
6837
  data-selector-id="fontIcon"
6838
6838
  data-test-id="fontIcon"
@@ -6896,7 +6896,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with title - ne
6896
6896
  data-test-id="selectComponent"
6897
6897
  >
6898
6898
  <div
6899
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6899
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
6900
6900
  data-selector-id="textBoxIcon"
6901
6901
  >
6902
6902
  <div
@@ -6959,7 +6959,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with title - ne
6959
6959
  >
6960
6960
  <i
6961
6961
  aria-hidden="true"
6962
- class="zd_font_icons basic icon-down "
6962
+ class="zd_font_icons basic icon-down "
6963
6963
  data-id="fontIcon"
6964
6964
  data-selector-id="fontIcon"
6965
6965
  data-test-id="fontIcon"
@@ -6988,7 +6988,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
6988
6988
  data-test-id="customDataId"
6989
6989
  >
6990
6990
  <div
6991
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
6991
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
6992
6992
  data-selector-id="textBoxIcon"
6993
6993
  >
6994
6994
  <div
@@ -7052,7 +7052,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7052
7052
  >
7053
7053
  <i
7054
7054
  aria-hidden="true"
7055
- class="zd_font_icons basic icon-down "
7055
+ class="zd_font_icons basic icon-down "
7056
7056
  data-id="fontIcon"
7057
7057
  data-selector-id="fontIcon"
7058
7058
  data-test-id="fontIcon"
@@ -7219,7 +7219,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7219
7219
  >
7220
7220
  <i
7221
7221
  aria-hidden="true"
7222
- class="zd_font_icons basic icon-ticknew "
7222
+ class="zd_font_icons basic icon-ticknew "
7223
7223
  data-id="fontIcon"
7224
7224
  data-selector-id="fontIcon"
7225
7225
  data-test-id="fontIcon"
@@ -7479,7 +7479,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - isDisabled a
7479
7479
  >
7480
7480
  <i
7481
7481
  aria-hidden="true"
7482
- class="zd_font_icons basic icon-down "
7482
+ class="zd_font_icons basic icon-down "
7483
7483
  data-id="fontIcon"
7484
7484
  data-selector-id="fontIcon"
7485
7485
  data-test-id="fontIcon"
@@ -7570,7 +7570,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - isReadOnly a
7570
7570
  >
7571
7571
  <i
7572
7572
  aria-hidden="true"
7573
- class="zd_font_icons basic icon-down "
7573
+ class="zd_font_icons basic icon-down "
7574
7574
  data-id="fontIcon"
7575
7575
  data-selector-id="fontIcon"
7576
7576
  data-test-id="fontIcon"
@@ -7632,7 +7632,7 @@ exports[`Select snapshot - Should render with children 1`] = `
7632
7632
  data-test-id="selectComponent"
7633
7633
  >
7634
7634
  <div
7635
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
7635
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
7636
7636
  data-selector-id="textBoxIcon"
7637
7637
  >
7638
7638
  <div
@@ -7694,7 +7694,7 @@ exports[`Select snapshot - Should render with children 1`] = `
7694
7694
  >
7695
7695
  <i
7696
7696
  aria-hidden="true"
7697
- class="zd_font_icons basic icon-down "
7697
+ class="zd_font_icons basic icon-down "
7698
7698
  data-id="fontIcon"
7699
7699
  data-selector-id="fontIcon"
7700
7700
  data-test-id="fontIcon"
@@ -7733,7 +7733,7 @@ exports[`Select snapshot - Should render with children and dropdown open 1`] =
7733
7733
  data-test-id="selectComponent"
7734
7734
  >
7735
7735
  <div
7736
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
7736
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
7737
7737
  data-selector-id="textBoxIcon"
7738
7738
  >
7739
7739
  <div
@@ -7795,7 +7795,7 @@ exports[`Select snapshot - Should render with children and dropdown open 1`] =
7795
7795
  >
7796
7796
  <i
7797
7797
  aria-hidden="true"
7798
- class="zd_font_icons basic icon-down "
7798
+ class="zd_font_icons basic icon-down "
7799
7799
  data-id="fontIcon"
7800
7800
  data-selector-id="fontIcon"
7801
7801
  data-test-id="fontIcon"
@@ -7891,7 +7891,7 @@ exports[`Select snapshot - Should render with className prop 1`] = `
7891
7891
  data-test-id="selectComponent"
7892
7892
  >
7893
7893
  <div
7894
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
7894
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
7895
7895
  data-selector-id="textBoxIcon"
7896
7896
  >
7897
7897
  <div
@@ -7953,7 +7953,7 @@ exports[`Select snapshot - Should render with className prop 1`] = `
7953
7953
  >
7954
7954
  <i
7955
7955
  aria-hidden="true"
7956
- class="zd_font_icons basic icon-down "
7956
+ class="zd_font_icons basic icon-down "
7957
7957
  data-id="fontIcon"
7958
7958
  data-selector-id="fontIcon"
7959
7959
  data-test-id="fontIcon"
@@ -7982,7 +7982,7 @@ exports[`Select snapshot - Should render with customProps 1`] = `
7982
7982
  data-test-id="selectComponent"
7983
7983
  >
7984
7984
  <div
7985
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
7985
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
7986
7986
  data-selector-id="textBoxIcon"
7987
7987
  >
7988
7988
  <div
@@ -8047,7 +8047,7 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8047
8047
  >
8048
8048
  <i
8049
8049
  aria-hidden="true"
8050
- class="zd_font_icons basic icon-down "
8050
+ class="zd_font_icons basic icon-down "
8051
8051
  data-id="fontIcon"
8052
8052
  data-selector-id="fontIcon"
8053
8053
  data-test-id="fontIcon"
@@ -8217,7 +8217,7 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8217
8217
  >
8218
8218
  <i
8219
8219
  aria-hidden="true"
8220
- class="zd_font_icons basic icon-ticknew "
8220
+ class="zd_font_icons basic icon-ticknew "
8221
8221
  data-id="fontIcon"
8222
8222
  data-selector-id="fontIcon"
8223
8223
  data-test-id="fontIcon"
@@ -8325,7 +8325,7 @@ exports[`Select snapshot - Should render with dataSelectorId prop 1`] = `
8325
8325
  data-test-id="selectComponent"
8326
8326
  >
8327
8327
  <div
8328
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
8328
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
8329
8329
  data-selector-id="textBoxIcon"
8330
8330
  >
8331
8331
  <div
@@ -8387,7 +8387,7 @@ exports[`Select snapshot - Should render with dataSelectorId prop 1`] = `
8387
8387
  >
8388
8388
  <i
8389
8389
  aria-hidden="true"
8390
- class="zd_font_icons basic icon-down "
8390
+ class="zd_font_icons basic icon-down "
8391
8391
  data-id="fontIcon"
8392
8392
  data-selector-id="fontIcon"
8393
8393
  data-test-id="fontIcon"
@@ -8416,7 +8416,7 @@ exports[`Select snapshot - Should render with dropBoxSize as large 1`] = `
8416
8416
  data-test-id="selectComponent"
8417
8417
  >
8418
8418
  <div
8419
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
8419
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
8420
8420
  data-selector-id="textBoxIcon"
8421
8421
  >
8422
8422
  <div
@@ -8478,7 +8478,7 @@ exports[`Select snapshot - Should render with dropBoxSize as large 1`] = `
8478
8478
  >
8479
8479
  <i
8480
8480
  aria-hidden="true"
8481
- class="zd_font_icons basic icon-down "
8481
+ class="zd_font_icons basic icon-down "
8482
8482
  data-id="fontIcon"
8483
8483
  data-selector-id="fontIcon"
8484
8484
  data-test-id="fontIcon"
@@ -8614,7 +8614,7 @@ exports[`Select snapshot - Should render with dropBoxSize as medium 1`] = `
8614
8614
  data-test-id="selectComponent"
8615
8615
  >
8616
8616
  <div
8617
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
8617
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
8618
8618
  data-selector-id="textBoxIcon"
8619
8619
  >
8620
8620
  <div
@@ -8676,7 +8676,7 @@ exports[`Select snapshot - Should render with dropBoxSize as medium 1`] = `
8676
8676
  >
8677
8677
  <i
8678
8678
  aria-hidden="true"
8679
- class="zd_font_icons basic icon-down "
8679
+ class="zd_font_icons basic icon-down "
8680
8680
  data-id="fontIcon"
8681
8681
  data-selector-id="fontIcon"
8682
8682
  data-test-id="fontIcon"
@@ -8812,7 +8812,7 @@ exports[`Select snapshot - Should render with dropBoxSize as small 1`] = `
8812
8812
  data-test-id="selectComponent"
8813
8813
  >
8814
8814
  <div
8815
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
8815
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
8816
8816
  data-selector-id="textBoxIcon"
8817
8817
  >
8818
8818
  <div
@@ -8874,7 +8874,7 @@ exports[`Select snapshot - Should render with dropBoxSize as small 1`] = `
8874
8874
  >
8875
8875
  <i
8876
8876
  aria-hidden="true"
8877
- class="zd_font_icons basic icon-down "
8877
+ class="zd_font_icons basic icon-down "
8878
8878
  data-id="fontIcon"
8879
8879
  data-selector-id="fontIcon"
8880
8880
  data-test-id="fontIcon"
@@ -9010,7 +9010,7 @@ exports[`Select snapshot - Should render with getChildren 1`] = `
9010
9010
  data-test-id="selectComponent"
9011
9011
  >
9012
9012
  <div
9013
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
9013
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
9014
9014
  data-selector-id="textBoxIcon"
9015
9015
  >
9016
9016
  <div
@@ -9072,7 +9072,7 @@ exports[`Select snapshot - Should render with getChildren 1`] = `
9072
9072
  >
9073
9073
  <i
9074
9074
  aria-hidden="true"
9075
- class="zd_font_icons basic icon-down "
9075
+ class="zd_font_icons basic icon-down "
9076
9076
  data-id="fontIcon"
9077
9077
  data-selector-id="fontIcon"
9078
9078
  data-test-id="fontIcon"
@@ -9139,7 +9139,7 @@ exports[`Select snapshot - Should render with getFooter 1`] = `
9139
9139
  data-test-id="selectComponent"
9140
9140
  >
9141
9141
  <div
9142
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
9142
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
9143
9143
  data-selector-id="textBoxIcon"
9144
9144
  >
9145
9145
  <div
@@ -9201,7 +9201,7 @@ exports[`Select snapshot - Should render with getFooter 1`] = `
9201
9201
  >
9202
9202
  <i
9203
9203
  aria-hidden="true"
9204
- class="zd_font_icons basic icon-down "
9204
+ class="zd_font_icons basic icon-down "
9205
9205
  data-id="fontIcon"
9206
9206
  data-selector-id="fontIcon"
9207
9207
  data-test-id="fontIcon"
@@ -9297,7 +9297,7 @@ exports[`Select snapshot - Should render with iconOnHover as true 1`] = `
9297
9297
  data-test-id="selectComponent"
9298
9298
  >
9299
9299
  <div
9300
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
9300
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
9301
9301
  data-selector-id="textBoxIcon"
9302
9302
  >
9303
9303
  <div
@@ -9359,7 +9359,7 @@ exports[`Select snapshot - Should render with iconOnHover as true 1`] = `
9359
9359
  >
9360
9360
  <i
9361
9361
  aria-hidden="true"
9362
- class="zd_font_icons basic icon-down "
9362
+ class="zd_font_icons basic icon-down "
9363
9363
  data-id="fontIcon"
9364
9364
  data-selector-id="fontIcon"
9365
9365
  data-test-id="fontIcon"
@@ -9452,7 +9452,7 @@ exports[`Select snapshot - Should render with iconOnHover as true and isDisable
9452
9452
  >
9453
9453
  <i
9454
9454
  aria-hidden="true"
9455
- class="zd_font_icons basic icon-down "
9455
+ class="zd_font_icons basic icon-down "
9456
9456
  data-id="fontIcon"
9457
9457
  data-selector-id="fontIcon"
9458
9458
  data-test-id="fontIcon"
@@ -9543,7 +9543,7 @@ exports[`Select snapshot - Should render with iconOnHover as true and isReadOnl
9543
9543
  >
9544
9544
  <i
9545
9545
  aria-hidden="true"
9546
- class="zd_font_icons basic icon-down "
9546
+ class="zd_font_icons basic icon-down "
9547
9547
  data-id="fontIcon"
9548
9548
  data-selector-id="fontIcon"
9549
9549
  data-test-id="fontIcon"
@@ -9572,7 +9572,7 @@ exports[`Select snapshot - Should render with isLoading 1`] = `
9572
9572
  data-test-id="selectComponent"
9573
9573
  >
9574
9574
  <div
9575
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
9575
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active container input"
9576
9576
  data-selector-id="textBoxIcon"
9577
9577
  >
9578
9578
  <div
@@ -9634,7 +9634,7 @@ exports[`Select snapshot - Should render with isLoading 1`] = `
9634
9634
  >
9635
9635
  <i
9636
9636
  aria-hidden="true"
9637
- class="zd_font_icons basic icon-down "
9637
+ class="zd_font_icons basic icon-down "
9638
9638
  data-id="fontIcon"
9639
9639
  data-selector-id="fontIcon"
9640
9640
  data-test-id="fontIcon"
@@ -9683,7 +9683,7 @@ exports[`Select snapshot - Should render with isLoading 1`] = `
9683
9683
  >
9684
9684
  <div
9685
9685
  aria-hidden="true"
9686
- class=" loaderWrapper container default svgCenter "
9686
+ class=" default svgCenter loaderWrapper container"
9687
9687
  >
9688
9688
  <svg
9689
9689
  data-id="loader"
@@ -9740,7 +9740,7 @@ exports[`Select snapshot - Should render with isParentBased as false 1`] = `
9740
9740
  data-test-id="selectComponent"
9741
9741
  >
9742
9742
  <div
9743
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
9743
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
9744
9744
  data-selector-id="textBoxIcon"
9745
9745
  >
9746
9746
  <div
@@ -9802,7 +9802,7 @@ exports[`Select snapshot - Should render with isParentBased as false 1`] = `
9802
9802
  >
9803
9803
  <i
9804
9804
  aria-hidden="true"
9805
- class="zd_font_icons basic icon-down "
9805
+ class="zd_font_icons basic icon-down "
9806
9806
  data-id="fontIcon"
9807
9807
  data-selector-id="fontIcon"
9808
9808
  data-test-id="fontIcon"
@@ -9865,7 +9865,7 @@ exports[`Select snapshot - Should render with size as medium 1`] = `
9865
9865
  data-test-id="selectComponent"
9866
9866
  >
9867
9867
  <div
9868
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
9868
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
9869
9869
  data-selector-id="textBoxIcon"
9870
9870
  >
9871
9871
  <div
@@ -9927,7 +9927,7 @@ exports[`Select snapshot - Should render with size as medium 1`] = `
9927
9927
  >
9928
9928
  <i
9929
9929
  aria-hidden="true"
9930
- class="zd_font_icons basic icon-down "
9930
+ class="zd_font_icons basic icon-down "
9931
9931
  data-id="fontIcon"
9932
9932
  data-selector-id="fontIcon"
9933
9933
  data-test-id="fontIcon"
@@ -9956,7 +9956,7 @@ exports[`Select snapshot - Should render with size as small 1`] = `
9956
9956
  data-test-id="selectComponent"
9957
9957
  >
9958
9958
  <div
9959
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
9959
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
9960
9960
  data-selector-id="textBoxIcon"
9961
9961
  >
9962
9962
  <div
@@ -10018,7 +10018,7 @@ exports[`Select snapshot - Should render with size as small 1`] = `
10018
10018
  >
10019
10019
  <i
10020
10020
  aria-hidden="true"
10021
- class="zd_font_icons basic icon-down "
10021
+ class="zd_font_icons basic icon-down "
10022
10022
  data-id="fontIcon"
10023
10023
  data-selector-id="fontIcon"
10024
10024
  data-test-id="fontIcon"
@@ -10047,7 +10047,7 @@ exports[`Select snapshot - Should render with title prop 1`] = `
10047
10047
  data-test-id="selectComponent"
10048
10048
  >
10049
10049
  <div
10050
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
10050
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
10051
10051
  data-selector-id="textBoxIcon"
10052
10052
  >
10053
10053
  <div
@@ -10110,7 +10110,7 @@ exports[`Select snapshot - Should render with title prop 1`] = `
10110
10110
  >
10111
10111
  <i
10112
10112
  aria-hidden="true"
10113
- class="zd_font_icons basic icon-down "
10113
+ class="zd_font_icons basic icon-down "
10114
10114
  data-id="fontIcon"
10115
10115
  data-selector-id="fontIcon"
10116
10116
  data-test-id="fontIcon"