@zohodesk/components 1.0.0-temp-259.3 → 1.0.0-temp-259.5

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 (57) hide show
  1. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +3 -3
  2. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +6 -6
  3. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +6 -6
  4. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +3 -3
  5. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +1 -1
  6. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +3 -3
  7. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +4 -4
  8. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +1 -1
  9. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +1 -1
  10. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +75 -75
  11. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +1 -1
  12. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  13. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +48 -48
  14. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +3 -3
  15. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +10 -10
  16. package/es/v1/Button/Button.js +56 -25
  17. package/es/v1/Button/README.md +4 -2
  18. package/es/v1/Button/__tests__/Button.spec.js +3 -3
  19. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +144 -21
  20. package/es/v1/Button/constants/index.js +3 -3
  21. package/es/v1/Button/constants/presets.js +11 -0
  22. package/es/v1/Button/css/cssJSLogic.js +5 -6
  23. package/es/v1/Button/props/defaultProps.js +3 -0
  24. package/es/v1/helpers/colorHelpers/background/backgroundColor.module.css +31 -527
  25. package/es/v1/helpers/colorHelpers/border/borderColor.module.css +24 -408
  26. package/es/v1/helpers/colorHelpers/colorHelper.js +8 -5
  27. package/es/v1/helpers/colorHelpers/paletteUtilities.README.md +141 -336
  28. package/es/v1/helpers/colorHelpers/text/textColor.module.css +72 -288
  29. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +3 -3
  30. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +6 -6
  31. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +6 -6
  32. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +3 -3
  33. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +1 -1
  34. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +3 -3
  35. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +4 -4
  36. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +1 -1
  37. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +1 -1
  38. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +75 -75
  39. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +1 -1
  40. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  41. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +48 -48
  42. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +3 -3
  43. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +10 -10
  44. package/lib/v1/Button/Button.js +49 -25
  45. package/lib/v1/Button/README.md +4 -2
  46. package/lib/v1/Button/__tests__/Button.spec.js +2 -2
  47. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +144 -21
  48. package/lib/v1/Button/constants/index.js +3 -3
  49. package/lib/v1/Button/constants/presets.js +13 -1
  50. package/lib/v1/Button/css/cssJSLogic.js +10 -13
  51. package/lib/v1/Button/props/defaultProps.js +3 -0
  52. package/lib/v1/helpers/colorHelpers/background/backgroundColor.module.css +31 -527
  53. package/lib/v1/helpers/colorHelpers/border/borderColor.module.css +24 -408
  54. package/lib/v1/helpers/colorHelpers/colorHelper.js +8 -5
  55. package/lib/v1/helpers/colorHelpers/paletteUtilities.README.md +141 -336
  56. package/lib/v1/helpers/colorHelpers/text/textColor.module.css +72 -288
  57. package/package.json +7 -7
package/es/Select/__tests__/__snapshots__/Select.spec.js.snap CHANGED
@@ -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 ff icon-down basic d-inline-block d-align-middle"
80
80
  data-id="fontIcon"
81
81
  data-selector-id="fontIcon"
82
82
  data-test-id="fontIcon"
@@ -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 ff icon-down basic d-inline-block d-align-middle"
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 ff icon-ticknew basic d-inline-block d-align-middle"
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 ff icon-down basic d-inline-block d-align-middle"
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 ff icon-down basic d-inline-block d-align-middle"
555
555
  data-id="fontIcon"
556
556
  data-selector-id="fontIcon"
557
557
  data-test-id="fontIcon"
@@ -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 ff icon-down basic d-inline-block d-align-middle"
646
646
  data-id="fontIcon"
647
647
  data-selector-id="fontIcon"
648
648
  data-test-id="fontIcon"
@@ -791,7 +791,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
791
791
  >
792
792
  <i
793
793
  aria-hidden="true"
794
- class="zd_font_icons basic icon-down"
794
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
795
795
  data-id="fontIcon"
796
796
  data-selector-id="fontIcon"
797
797
  data-test-id="fontIcon"
@@ -958,7 +958,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
958
958
  >
959
959
  <i
960
960
  aria-hidden="true"
961
- class="zd_font_icons basic icon-ticknew"
961
+ class="zd_font_icons ff icon-ticknew basic d-inline-block d-align-middle"
962
962
  data-id="fontIcon"
963
963
  data-selector-id="fontIcon"
964
964
  data-test-id="fontIcon"
@@ -1128,7 +1128,7 @@ exports[`Select - Should render given the options 1`] = `
1128
1128
  >
1129
1129
  <i
1130
1130
  aria-hidden="true"
1131
- class="zd_font_icons basic icon-down"
1131
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
1132
1132
  data-id="fontIcon"
1133
1133
  data-selector-id="fontIcon"
1134
1134
  data-test-id="fontIcon"
@@ -1245,7 +1245,7 @@ exports[`Select - Should render given the options 1`] = `
1245
1245
  >
1246
1246
  <i
1247
1247
  aria-hidden="true"
1248
- class="zd_font_icons basic icon-ticknew"
1248
+ class="zd_font_icons ff icon-ticknew basic d-inline-block d-align-middle"
1249
1249
  data-id="fontIcon"
1250
1250
  data-selector-id="fontIcon"
1251
1251
  data-test-id="fontIcon"
@@ -1413,7 +1413,7 @@ exports[`Select - Should render the Select component 1`] = `
1413
1413
  >
1414
1414
  <i
1415
1415
  aria-hidden="true"
1416
- class="zd_font_icons basic icon-down"
1416
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
1417
1417
  data-id="fontIcon"
1418
1418
  data-selector-id="fontIcon"
1419
1419
  data-test-id="fontIcon"
@@ -1506,7 +1506,7 @@ exports[`Select - Should render the default selected value 1`] = `
1506
1506
  >
1507
1507
  <i
1508
1508
  aria-hidden="true"
1509
- class="zd_font_icons basic icon-down"
1509
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
1510
1510
  data-id="fontIcon"
1511
1511
  data-selector-id="fontIcon"
1512
1512
  data-test-id="fontIcon"
@@ -1599,7 +1599,7 @@ exports[`Select - Should render the given selected value 1`] = `
1599
1599
  >
1600
1600
  <i
1601
1601
  aria-hidden="true"
1602
- class="zd_font_icons basic icon-down"
1602
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
1603
1603
  data-id="fontIcon"
1604
1604
  data-selector-id="fontIcon"
1605
1605
  data-test-id="fontIcon"
@@ -1692,7 +1692,7 @@ exports[`Select - Should render the only options matching search value 1`] = `
1692
1692
  >
1693
1693
  <i
1694
1694
  aria-hidden="true"
1695
- class="zd_font_icons basic icon-down"
1695
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
1696
1696
  data-id="fontIcon"
1697
1697
  data-selector-id="fontIcon"
1698
1698
  data-test-id="fontIcon"
@@ -1938,7 +1938,7 @@ exports[`Select - Should render the only options matching search value even with
1938
1938
  >
1939
1939
  <i
1940
1940
  aria-hidden="true"
1941
- class="zd_font_icons basic icon-down"
1941
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
1942
1942
  data-id="fontIcon"
1943
1943
  data-selector-id="fontIcon"
1944
1944
  data-test-id="fontIcon"
@@ -2050,7 +2050,7 @@ exports[`Select - Should render the only options matching search value even with
2050
2050
  >
2051
2051
  <i
2052
2052
  aria-hidden="true"
2053
- class="zd_font_icons rtl basic icon-delete"
2053
+ class="zd_font_icons ff icon-delete basic d-inline-block d-align-middle rtl"
2054
2054
  data-id="fontIcon"
2055
2055
  data-selector-id="fontIcon"
2056
2056
  data-test-id="fontIcon"
@@ -2209,7 +2209,7 @@ exports[`Select - Should render the placeholder when there is no default value 1
2209
2209
  >
2210
2210
  <i
2211
2211
  aria-hidden="true"
2212
- class="zd_font_icons basic icon-down"
2212
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
2213
2213
  data-id="fontIcon"
2214
2214
  data-selector-id="fontIcon"
2215
2215
  data-test-id="fontIcon"
@@ -2302,7 +2302,7 @@ exports[`Select - Should show the custom empty state using getCustomEmptyState p
2302
2302
  >
2303
2303
  <i
2304
2304
  aria-hidden="true"
2305
- class="zd_font_icons basic icon-down"
2305
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
2306
2306
  data-id="fontIcon"
2307
2307
  data-selector-id="fontIcon"
2308
2308
  data-test-id="fontIcon"
@@ -2495,7 +2495,7 @@ exports[`Select - Should show the empty message when open the dropdown with no o
2495
2495
  >
2496
2496
  <i
2497
2497
  aria-hidden="true"
2498
- class="zd_font_icons basic icon-down"
2498
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
2499
2499
  data-id="fontIcon"
2500
2500
  data-selector-id="fontIcon"
2501
2501
  data-test-id="fontIcon"
@@ -2646,7 +2646,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2646
2646
  >
2647
2647
  <i
2648
2648
  aria-hidden="true"
2649
- class="zd_font_icons basic icon-down"
2649
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
2650
2650
  data-id="fontIcon"
2651
2651
  data-selector-id="fontIcon"
2652
2652
  data-test-id="fontIcon"
@@ -2763,7 +2763,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
2763
2763
  >
2764
2764
  <i
2765
2765
  aria-hidden="true"
2766
- class="zd_font_icons basic icon-ticknew"
2766
+ class="zd_font_icons ff icon-ticknew basic d-inline-block d-align-middle"
2767
2767
  data-id="fontIcon"
2768
2768
  data-selector-id="fontIcon"
2769
2769
  data-test-id="fontIcon"
@@ -3113,7 +3113,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
3113
3113
  data-test-id="containerComponent"
3114
3114
  >
3115
3115
  <div
3116
- class="center"
3116
+ class="d-h-full d-w-full d-flex d-items-center d-justify-center"
3117
3117
  >
3118
3118
  <div
3119
3119
  aria-hidden="true"
@@ -3241,7 +3241,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3241
3241
  >
3242
3242
  <i
3243
3243
  aria-hidden="true"
3244
- class="zd_font_icons basic icon-down"
3244
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
3245
3245
  data-id="fontIcon"
3246
3246
  data-selector-id="fontIcon"
3247
3247
  data-test-id="fontIcon"
@@ -3408,7 +3408,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3408
3408
  >
3409
3409
  <i
3410
3410
  aria-hidden="true"
3411
- class="zd_font_icons basic icon-ticknew"
3411
+ class="zd_font_icons ff icon-ticknew basic d-inline-block d-align-middle"
3412
3412
  data-id="fontIcon"
3413
3413
  data-selector-id="fontIcon"
3414
3414
  data-test-id="fontIcon"
@@ -3499,7 +3499,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
3499
3499
  data-test-id="containerComponent"
3500
3500
  >
3501
3501
  <div
3502
- class="center"
3502
+ class="d-h-full d-w-full d-flex d-items-center d-justify-center"
3503
3503
  >
3504
3504
  <div
3505
3505
  aria-hidden="true"
@@ -3627,7 +3627,7 @@ exports[`Select - Should trigger onAddNewOption, when click on the custom search
3627
3627
  >
3628
3628
  <i
3629
3629
  aria-hidden="true"
3630
- class="zd_font_icons basic icon-down"
3630
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
3631
3631
  data-id="fontIcon"
3632
3632
  data-selector-id="fontIcon"
3633
3633
  data-test-id="fontIcon"
@@ -3822,7 +3822,7 @@ exports[`Select - Should update the value when select the option 1`] = `
3822
3822
  >
3823
3823
  <i
3824
3824
  aria-hidden="true"
3825
- class="zd_font_icons basic icon-down"
3825
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
3826
3826
  data-id="fontIcon"
3827
3827
  data-selector-id="fontIcon"
3828
3828
  data-test-id="fontIcon"
@@ -3939,7 +3939,7 @@ exports[`Select - Should update the value when select the option 1`] = `
3939
3939
  >
3940
3940
  <i
3941
3941
  aria-hidden="true"
3942
- class="zd_font_icons basic icon-ticknew"
3942
+ class="zd_font_icons ff icon-ticknew basic d-inline-block d-align-middle"
3943
3943
  data-id="fontIcon"
3944
3944
  data-selector-id="fontIcon"
3945
3945
  data-test-id="fontIcon"
@@ -4109,7 +4109,7 @@ exports[`Select - Should update the value when select the option 2`] = `
4109
4109
  >
4110
4110
  <i
4111
4111
  aria-hidden="true"
4112
- class="zd_font_icons basic icon-down"
4112
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
4113
4113
  data-id="fontIcon"
4114
4114
  data-selector-id="fontIcon"
4115
4115
  data-test-id="fontIcon"
@@ -4202,7 +4202,7 @@ exports[`Select - Should update the value, when select the option using keyboard
4202
4202
  >
4203
4203
  <i
4204
4204
  aria-hidden="true"
4205
- class="zd_font_icons basic icon-down"
4205
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
4206
4206
  data-id="fontIcon"
4207
4207
  data-selector-id="fontIcon"
4208
4208
  data-test-id="fontIcon"
@@ -4333,7 +4333,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with aria prope
4333
4333
  >
4334
4334
  <i
4335
4335
  aria-hidden="true"
4336
- class="zd_font_icons basic icon-down"
4336
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
4337
4337
  data-id="fontIcon"
4338
4338
  data-selector-id="fontIcon"
4339
4339
  data-test-id="fontIcon"
@@ -4456,7 +4456,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with autoComple
4456
4456
  >
4457
4457
  <i
4458
4458
  aria-hidden="true"
4459
- class="zd_font_icons basic icon-down"
4459
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
4460
4460
  data-id="fontIcon"
4461
4461
  data-selector-id="fontIcon"
4462
4462
  data-test-id="fontIcon"
@@ -4581,7 +4581,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4581
4581
  >
4582
4582
  <i
4583
4583
  aria-hidden="true"
4584
- class="zd_font_icons basic icon-down"
4584
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
4585
4585
  data-id="fontIcon"
4586
4586
  data-selector-id="fontIcon"
4587
4587
  data-test-id="fontIcon"
@@ -4706,7 +4706,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with borderColo
4706
4706
  >
4707
4707
  <i
4708
4708
  aria-hidden="true"
4709
- class="zd_font_icons basic icon-down"
4709
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
4710
4710
  data-id="fontIcon"
4711
4711
  data-selector-id="fontIcon"
4712
4712
  data-test-id="fontIcon"
@@ -4833,7 +4833,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with customProp
4833
4833
  >
4834
4834
  <i
4835
4835
  aria-hidden="true"
4836
- class="zd_font_icons basic icon-down"
4836
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
4837
4837
  data-id="fontIcon"
4838
4838
  data-selector-id="fontIcon"
4839
4839
  data-test-id="fontIcon"
@@ -4960,7 +4960,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with htmlId - n
4960
4960
  >
4961
4961
  <i
4962
4962
  aria-hidden="true"
4963
- class="zd_font_icons basic icon-down"
4963
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
4964
4964
  data-id="fontIcon"
4965
4965
  data-selector-id="fontIcon"
4966
4966
  data-test-id="fontIcon"
@@ -5088,7 +5088,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isDisabled
5088
5088
  >
5089
5089
  <i
5090
5090
  aria-hidden="true"
5091
- class="zd_font_icons basic icon-down"
5091
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
5092
5092
  data-id="fontIcon"
5093
5093
  data-selector-id="fontIcon"
5094
5094
  data-test-id="fontIcon"
@@ -5269,7 +5269,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isPopupOpe
5269
5269
  >
5270
5270
  <i
5271
5271
  aria-hidden="true"
5272
- class="zd_font_icons basic icon-down"
5272
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
5273
5273
  data-id="fontIcon"
5274
5274
  data-selector-id="fontIcon"
5275
5275
  data-test-id="fontIcon"
@@ -5450,7 +5450,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with isReadOnly
5450
5450
  >
5451
5451
  <i
5452
5452
  aria-hidden="true"
5453
- class="zd_font_icons basic icon-down"
5453
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
5454
5454
  data-id="fontIcon"
5455
5455
  data-selector-id="fontIcon"
5456
5456
  data-test-id="fontIcon"
@@ -5576,7 +5576,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with maxLength
5576
5576
  >
5577
5577
  <i
5578
5578
  aria-hidden="true"
5579
- class="zd_font_icons basic icon-down"
5579
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
5580
5580
  data-id="fontIcon"
5581
5581
  data-selector-id="fontIcon"
5582
5582
  data-test-id="fontIcon"
@@ -5701,7 +5701,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with needBorder
5701
5701
  >
5702
5702
  <i
5703
5703
  aria-hidden="true"
5704
- class="zd_font_icons basic icon-down"
5704
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
5705
5705
  data-id="fontIcon"
5706
5706
  data-selector-id="fontIcon"
5707
5707
  data-test-id="fontIcon"
@@ -5826,7 +5826,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with placeHolde
5826
5826
  >
5827
5827
  <i
5828
5828
  aria-hidden="true"
5829
- class="zd_font_icons basic icon-down"
5829
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
5830
5830
  data-id="fontIcon"
5831
5831
  data-selector-id="fontIcon"
5832
5832
  data-test-id="fontIcon"
@@ -5951,7 +5951,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
5951
5951
  >
5952
5952
  <i
5953
5953
  aria-hidden="true"
5954
- class="zd_font_icons basic icon-down"
5954
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
5955
5955
  data-id="fontIcon"
5956
5956
  data-selector-id="fontIcon"
5957
5957
  data-test-id="fontIcon"
@@ -6076,7 +6076,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6076
6076
  >
6077
6077
  <i
6078
6078
  aria-hidden="true"
6079
- class="zd_font_icons basic icon-down"
6079
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
6080
6080
  data-id="fontIcon"
6081
6081
  data-selector-id="fontIcon"
6082
6082
  data-test-id="fontIcon"
@@ -6201,7 +6201,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6201
6201
  >
6202
6202
  <i
6203
6203
  aria-hidden="true"
6204
- class="zd_font_icons basic icon-down"
6204
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
6205
6205
  data-id="fontIcon"
6206
6206
  data-selector-id="fontIcon"
6207
6207
  data-test-id="fontIcon"
@@ -6326,7 +6326,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxSiz
6326
6326
  >
6327
6327
  <i
6328
6328
  aria-hidden="true"
6329
- class="zd_font_icons basic icon-down"
6329
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
6330
6330
  data-id="fontIcon"
6331
6331
  data-selector-id="fontIcon"
6332
6332
  data-test-id="fontIcon"
@@ -6451,7 +6451,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6451
6451
  >
6452
6452
  <i
6453
6453
  aria-hidden="true"
6454
- class="zd_font_icons basic icon-down"
6454
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
6455
6455
  data-id="fontIcon"
6456
6456
  data-selector-id="fontIcon"
6457
6457
  data-test-id="fontIcon"
@@ -6576,7 +6576,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6576
6576
  >
6577
6577
  <i
6578
6578
  aria-hidden="true"
6579
- class="zd_font_icons basic icon-down"
6579
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
6580
6580
  data-id="fontIcon"
6581
6581
  data-selector-id="fontIcon"
6582
6582
  data-test-id="fontIcon"
@@ -6701,7 +6701,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6701
6701
  >
6702
6702
  <i
6703
6703
  aria-hidden="true"
6704
- class="zd_font_icons basic icon-down"
6704
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
6705
6705
  data-id="fontIcon"
6706
6706
  data-selector-id="fontIcon"
6707
6707
  data-test-id="fontIcon"
@@ -6826,7 +6826,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with textBoxVar
6826
6826
  >
6827
6827
  <i
6828
6828
  aria-hidden="true"
6829
- class="zd_font_icons basic icon-down"
6829
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
6830
6830
  data-id="fontIcon"
6831
6831
  data-selector-id="fontIcon"
6832
6832
  data-test-id="fontIcon"
@@ -6953,7 +6953,7 @@ exports[`Select box needSelectDownIcon snapshot - Should render with title - ne
6953
6953
  >
6954
6954
  <i
6955
6955
  aria-hidden="true"
6956
- class="zd_font_icons basic icon-down"
6956
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
6957
6957
  data-id="fontIcon"
6958
6958
  data-selector-id="fontIcon"
6959
6959
  data-test-id="fontIcon"
@@ -7046,7 +7046,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7046
7046
  >
7047
7047
  <i
7048
7048
  aria-hidden="true"
7049
- class="zd_font_icons basic icon-down"
7049
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
7050
7050
  data-id="fontIcon"
7051
7051
  data-selector-id="fontIcon"
7052
7052
  data-test-id="fontIcon"
@@ -7213,7 +7213,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - dropbox open
7213
7213
  >
7214
7214
  <i
7215
7215
  aria-hidden="true"
7216
- class="zd_font_icons basic icon-ticknew"
7216
+ class="zd_font_icons ff icon-ticknew basic d-inline-block d-align-middle"
7217
7217
  data-id="fontIcon"
7218
7218
  data-selector-id="fontIcon"
7219
7219
  data-test-id="fontIcon"
@@ -7473,7 +7473,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - isDisabled a
7473
7473
  >
7474
7474
  <i
7475
7475
  aria-hidden="true"
7476
- class="zd_font_icons basic icon-down"
7476
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
7477
7477
  data-id="fontIcon"
7478
7478
  data-selector-id="fontIcon"
7479
7479
  data-test-id="fontIcon"
@@ -7564,7 +7564,7 @@ exports[`Select dataId snapshot - Should render with dataId prop - isReadOnly a
7564
7564
  >
7565
7565
  <i
7566
7566
  aria-hidden="true"
7567
- class="zd_font_icons basic icon-down"
7567
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
7568
7568
  data-id="fontIcon"
7569
7569
  data-selector-id="fontIcon"
7570
7570
  data-test-id="fontIcon"
@@ -7688,7 +7688,7 @@ exports[`Select snapshot - Should render with children 1`] = `
7688
7688
  >
7689
7689
  <i
7690
7690
  aria-hidden="true"
7691
- class="zd_font_icons basic icon-down"
7691
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
7692
7692
  data-id="fontIcon"
7693
7693
  data-selector-id="fontIcon"
7694
7694
  data-test-id="fontIcon"
@@ -7789,7 +7789,7 @@ exports[`Select snapshot - Should render with children and dropdown open 1`] =
7789
7789
  >
7790
7790
  <i
7791
7791
  aria-hidden="true"
7792
- class="zd_font_icons basic icon-down"
7792
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
7793
7793
  data-id="fontIcon"
7794
7794
  data-selector-id="fontIcon"
7795
7795
  data-test-id="fontIcon"
@@ -7946,7 +7946,7 @@ exports[`Select snapshot - Should render with className prop 1`] = `
7946
7946
  >
7947
7947
  <i
7948
7948
  aria-hidden="true"
7949
- class="zd_font_icons basic icon-down"
7949
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
7950
7950
  data-id="fontIcon"
7951
7951
  data-selector-id="fontIcon"
7952
7952
  data-test-id="fontIcon"
@@ -8040,7 +8040,7 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8040
8040
  >
8041
8041
  <i
8042
8042
  aria-hidden="true"
8043
- class="zd_font_icons basic icon-down"
8043
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
8044
8044
  data-id="fontIcon"
8045
8045
  data-selector-id="fontIcon"
8046
8046
  data-test-id="fontIcon"
@@ -8209,7 +8209,7 @@ exports[`Select snapshot - Should render with customProps 1`] = `
8209
8209
  >
8210
8210
  <i
8211
8211
  aria-hidden="true"
8212
- class="zd_font_icons basic icon-ticknew"
8212
+ class="zd_font_icons ff icon-ticknew basic d-inline-block d-align-middle"
8213
8213
  data-id="fontIcon"
8214
8214
  data-selector-id="fontIcon"
8215
8215
  data-test-id="fontIcon"
@@ -8379,7 +8379,7 @@ exports[`Select snapshot - Should render with dataSelectorId prop 1`] = `
8379
8379
  >
8380
8380
  <i
8381
8381
  aria-hidden="true"
8382
- class="zd_font_icons basic icon-down"
8382
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
8383
8383
  data-id="fontIcon"
8384
8384
  data-selector-id="fontIcon"
8385
8385
  data-test-id="fontIcon"
@@ -8470,7 +8470,7 @@ exports[`Select snapshot - Should render with dropBoxSize as large 1`] = `
8470
8470
  >
8471
8471
  <i
8472
8472
  aria-hidden="true"
8473
- class="zd_font_icons basic icon-down"
8473
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
8474
8474
  data-id="fontIcon"
8475
8475
  data-selector-id="fontIcon"
8476
8476
  data-test-id="fontIcon"
@@ -8667,7 +8667,7 @@ exports[`Select snapshot - Should render with dropBoxSize as medium 1`] = `
8667
8667
  >
8668
8668
  <i
8669
8669
  aria-hidden="true"
8670
- class="zd_font_icons basic icon-down"
8670
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
8671
8671
  data-id="fontIcon"
8672
8672
  data-selector-id="fontIcon"
8673
8673
  data-test-id="fontIcon"
@@ -8864,7 +8864,7 @@ exports[`Select snapshot - Should render with dropBoxSize as small 1`] = `
8864
8864
  >
8865
8865
  <i
8866
8866
  aria-hidden="true"
8867
- class="zd_font_icons basic icon-down"
8867
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
8868
8868
  data-id="fontIcon"
8869
8869
  data-selector-id="fontIcon"
8870
8870
  data-test-id="fontIcon"
@@ -9061,7 +9061,7 @@ exports[`Select snapshot - Should render with getChildren 1`] = `
9061
9061
  >
9062
9062
  <i
9063
9063
  aria-hidden="true"
9064
- class="zd_font_icons basic icon-down"
9064
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
9065
9065
  data-id="fontIcon"
9066
9066
  data-selector-id="fontIcon"
9067
9067
  data-test-id="fontIcon"
@@ -9190,7 +9190,7 @@ exports[`Select snapshot - Should render with getFooter 1`] = `
9190
9190
  >
9191
9191
  <i
9192
9192
  aria-hidden="true"
9193
- class="zd_font_icons basic icon-down"
9193
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
9194
9194
  data-id="fontIcon"
9195
9195
  data-selector-id="fontIcon"
9196
9196
  data-test-id="fontIcon"
@@ -9347,7 +9347,7 @@ exports[`Select snapshot - Should render with iconOnHover as true 1`] = `
9347
9347
  >
9348
9348
  <i
9349
9349
  aria-hidden="true"
9350
- class="zd_font_icons basic icon-down"
9350
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
9351
9351
  data-id="fontIcon"
9352
9352
  data-selector-id="fontIcon"
9353
9353
  data-test-id="fontIcon"
@@ -9440,7 +9440,7 @@ exports[`Select snapshot - Should render with iconOnHover as true and isDisable
9440
9440
  >
9441
9441
  <i
9442
9442
  aria-hidden="true"
9443
- class="zd_font_icons basic icon-down"
9443
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
9444
9444
  data-id="fontIcon"
9445
9445
  data-selector-id="fontIcon"
9446
9446
  data-test-id="fontIcon"
@@ -9531,7 +9531,7 @@ exports[`Select snapshot - Should render with iconOnHover as true and isReadOnl
9531
9531
  >
9532
9532
  <i
9533
9533
  aria-hidden="true"
9534
- class="zd_font_icons basic icon-down"
9534
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
9535
9535
  data-id="fontIcon"
9536
9536
  data-selector-id="fontIcon"
9537
9537
  data-test-id="fontIcon"
@@ -9622,7 +9622,7 @@ exports[`Select snapshot - Should render with isLoading 1`] = `
9622
9622
  >
9623
9623
  <i
9624
9624
  aria-hidden="true"
9625
- class="zd_font_icons basic icon-down"
9625
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
9626
9626
  data-id="fontIcon"
9627
9627
  data-selector-id="fontIcon"
9628
9628
  data-test-id="fontIcon"
@@ -9667,7 +9667,7 @@ exports[`Select snapshot - Should render with isLoading 1`] = `
9667
9667
  data-test-id="containerComponent"
9668
9668
  >
9669
9669
  <div
9670
- class="center"
9670
+ class="d-h-full d-w-full d-flex d-items-center d-justify-center"
9671
9671
  >
9672
9672
  <div
9673
9673
  aria-hidden="true"
@@ -9790,7 +9790,7 @@ exports[`Select snapshot - Should render with isParentBased as false 1`] = `
9790
9790
  >
9791
9791
  <i
9792
9792
  aria-hidden="true"
9793
- class="zd_font_icons basic icon-down"
9793
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
9794
9794
  data-id="fontIcon"
9795
9795
  data-selector-id="fontIcon"
9796
9796
  data-test-id="fontIcon"
@@ -9915,7 +9915,7 @@ exports[`Select snapshot - Should render with size as medium 1`] = `
9915
9915
  >
9916
9916
  <i
9917
9917
  aria-hidden="true"
9918
- class="zd_font_icons basic icon-down"
9918
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
9919
9919
  data-id="fontIcon"
9920
9920
  data-selector-id="fontIcon"
9921
9921
  data-test-id="fontIcon"
@@ -10006,7 +10006,7 @@ exports[`Select snapshot - Should render with size as small 1`] = `
10006
10006
  >
10007
10007
  <i
10008
10008
  aria-hidden="true"
10009
- class="zd_font_icons basic icon-down"
10009
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
10010
10010
  data-id="fontIcon"
10011
10011
  data-selector-id="fontIcon"
10012
10012
  data-test-id="fontIcon"
@@ -10098,7 +10098,7 @@ exports[`Select snapshot - Should render with title prop 1`] = `
10098
10098
  >
10099
10099
  <i
10100
10100
  aria-hidden="true"
10101
- class="zd_font_icons basic icon-down"
10101
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
10102
10102
  data-id="fontIcon"
10103
10103
  data-selector-id="fontIcon"
10104
10104
  data-test-id="fontIcon"