@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/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap CHANGED
@@ -84,7 +84,7 @@ exports[`SelectWithIcon rendering the defult props 1`] = `
84
84
  >
85
85
  <i
86
86
  aria-hidden="true"
87
- class="zd_font_icons basic icon-down"
87
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
88
88
  data-id="fontIcon"
89
89
  data-selector-id="fontIcon"
90
90
  data-test-id="fontIcon"
package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap CHANGED
@@ -48,7 +48,7 @@ exports[`TabWrapper rendering the align prop of - horizontal 1`] = `
48
48
  >
49
49
  <i
50
50
  aria-hidden="true"
51
- class="zd_font_icons rtl basic icon-menu"
51
+ class="zd_font_icons ff icon-menu basic d-inline-block d-align-middle rtl"
52
52
  data-id="fontIcon"
53
53
  data-selector-id="fontIcon"
54
54
  data-test-id="fontIcon"
@@ -133,7 +133,7 @@ exports[`TabWrapper rendering the align prop of - horizontal-reverse 1`] = `
133
133
  >
134
134
  <i
135
135
  aria-hidden="true"
136
- class="zd_font_icons rtl basic icon-menu"
136
+ class="zd_font_icons ff icon-menu basic d-inline-block d-align-middle rtl"
137
137
  data-id="fontIcon"
138
138
  data-selector-id="fontIcon"
139
139
  data-test-id="fontIcon"
@@ -218,7 +218,7 @@ exports[`TabWrapper rendering the align prop of - vertical 1`] = `
218
218
  >
219
219
  <i
220
220
  aria-hidden="true"
221
- class="zd_font_icons rtl basic icon-menu"
221
+ class="zd_font_icons ff icon-menu basic d-inline-block d-align-middle rtl"
222
222
  data-id="fontIcon"
223
223
  data-selector-id="fontIcon"
224
224
  data-test-id="fontIcon"
@@ -303,7 +303,7 @@ exports[`TabWrapper rendering the align prop of - vertical-reverse 1`] = `
303
303
  >
304
304
  <i
305
305
  aria-hidden="true"
306
- class="zd_font_icons rtl basic icon-menu"
306
+ class="zd_font_icons ff icon-menu basic d-inline-block d-align-middle rtl"
307
307
  data-id="fontIcon"
308
308
  data-selector-id="fontIcon"
309
309
  data-test-id="fontIcon"
package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap CHANGED
@@ -32,7 +32,7 @@ exports[`Tag component Should be render closeTitle 1`] = `
32
32
  >
33
33
  <i
34
34
  aria-hidden="true"
35
- class="zd_font_icons basic icon-close2 fbold"
35
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
36
36
  data-id="fontIcon"
37
37
  data-selector-id="fontIcon"
38
38
  data-test-id="fontIcon"
@@ -75,7 +75,7 @@ exports[`Tag component Should be render dataId when active if false 1`] = `
75
75
  >
76
76
  <i
77
77
  aria-hidden="true"
78
- class="zd_font_icons basic icon-close2 fbold"
78
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
79
79
  data-id="fontIcon"
80
80
  data-selector-id="fontIcon"
81
81
  data-test-id="fontIcon"
@@ -118,7 +118,7 @@ exports[`Tag component Should be render dataId when active if true 1`] = `
118
118
  >
119
119
  <i
120
120
  aria-hidden="true"
121
- class="zd_font_icons basic icon-close2 fbold"
121
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
122
122
  data-id="fontIcon"
123
123
  data-selector-id="fontIcon"
124
124
  data-test-id="fontIcon"
@@ -184,7 +184,7 @@ exports[`Tag component Should be render iconName and iconSize 1`] = `
184
184
  >
185
185
  <i
186
186
  aria-hidden="true"
187
- class="zd_font_icons basic icon-androidd"
187
+ class="zd_font_icons ff icon-androidd basic d-inline-block d-align-middle"
188
188
  data-id="fontIcon"
189
189
  data-selector-id="fontIcon"
190
190
  data-test-id="fontIcon"
@@ -367,7 +367,7 @@ exports[`Tag component Should be render rounded is false 1`] = `
367
367
  >
368
368
  <i
369
369
  aria-hidden="true"
370
- class="zd_font_icons basic icon-close2 fbold"
370
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
371
371
  data-id="fontIcon"
372
372
  data-selector-id="fontIcon"
373
373
  data-test-id="fontIcon"
@@ -471,7 +471,7 @@ exports[`Tag component Should render active - palette danger, size medium , clos
471
471
  >
472
472
  <i
473
473
  aria-hidden="true"
474
- class="zd_font_icons basic icon-close2 fbold"
474
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
475
475
  data-id="fontIcon"
476
476
  data-selector-id="fontIcon"
477
477
  data-test-id="fontIcon"
@@ -514,7 +514,7 @@ exports[`Tag component Should render active - palette danger, size medium , clos
514
514
  >
515
515
  <i
516
516
  aria-hidden="true"
517
- class="zd_font_icons basic icon-close2 fbold"
517
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
518
518
  data-id="fontIcon"
519
519
  data-selector-id="fontIcon"
520
520
  data-test-id="fontIcon"
@@ -557,7 +557,7 @@ exports[`Tag component Should render active - palette danger, size small , close
557
557
  >
558
558
  <i
559
559
  aria-hidden="true"
560
- class="zd_font_icons basic icon-close2 fbold"
560
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
561
561
  data-id="fontIcon"
562
562
  data-selector-id="fontIcon"
563
563
  data-test-id="fontIcon"
@@ -600,7 +600,7 @@ exports[`Tag component Should render active - palette danger, size small , close
600
600
  >
601
601
  <i
602
602
  aria-hidden="true"
603
- class="zd_font_icons basic icon-close2 fbold"
603
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
604
604
  data-id="fontIcon"
605
605
  data-selector-id="fontIcon"
606
606
  data-test-id="fontIcon"
@@ -643,7 +643,7 @@ exports[`Tag component Should render active - palette dark, size medium , closeP
643
643
  >
644
644
  <i
645
645
  aria-hidden="true"
646
- class="zd_font_icons basic icon-close2 fbold"
646
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
647
647
  data-id="fontIcon"
648
648
  data-selector-id="fontIcon"
649
649
  data-test-id="fontIcon"
@@ -686,7 +686,7 @@ exports[`Tag component Should render active - palette dark, size medium , closeP
686
686
  >
687
687
  <i
688
688
  aria-hidden="true"
689
- class="zd_font_icons basic icon-close2 fbold"
689
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
690
690
  data-id="fontIcon"
691
691
  data-selector-id="fontIcon"
692
692
  data-test-id="fontIcon"
@@ -729,7 +729,7 @@ exports[`Tag component Should render active - palette dark, size small , closePa
729
729
  >
730
730
  <i
731
731
  aria-hidden="true"
732
- class="zd_font_icons basic icon-close2 fbold"
732
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
733
733
  data-id="fontIcon"
734
734
  data-selector-id="fontIcon"
735
735
  data-test-id="fontIcon"
@@ -772,7 +772,7 @@ exports[`Tag component Should render active - palette dark, size small , closePa
772
772
  >
773
773
  <i
774
774
  aria-hidden="true"
775
- class="zd_font_icons basic icon-close2 fbold"
775
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
776
776
  data-id="fontIcon"
777
777
  data-selector-id="fontIcon"
778
778
  data-test-id="fontIcon"
@@ -815,7 +815,7 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size me
815
815
  >
816
816
  <i
817
817
  aria-hidden="true"
818
- class="zd_font_icons basic icon-close2 fbold"
818
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
819
819
  data-id="fontIcon"
820
820
  data-selector-id="fontIcon"
821
821
  data-test-id="fontIcon"
@@ -858,7 +858,7 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size me
858
858
  >
859
859
  <i
860
860
  aria-hidden="true"
861
- class="zd_font_icons basic icon-close2 fbold"
861
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
862
862
  data-id="fontIcon"
863
863
  data-selector-id="fontIcon"
864
864
  data-test-id="fontIcon"
@@ -901,7 +901,7 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size sm
901
901
  >
902
902
  <i
903
903
  aria-hidden="true"
904
- class="zd_font_icons basic icon-close2 fbold"
904
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
905
905
  data-id="fontIcon"
906
906
  data-selector-id="fontIcon"
907
907
  data-test-id="fontIcon"
@@ -944,7 +944,7 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size sm
944
944
  >
945
945
  <i
946
946
  aria-hidden="true"
947
- class="zd_font_icons basic icon-close2 fbold"
947
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
948
948
  data-id="fontIcon"
949
949
  data-selector-id="fontIcon"
950
950
  data-test-id="fontIcon"
@@ -987,7 +987,7 @@ exports[`Tag component Should render active - palette default, size medium , clo
987
987
  >
988
988
  <i
989
989
  aria-hidden="true"
990
- class="zd_font_icons basic icon-close2 fbold"
990
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
991
991
  data-id="fontIcon"
992
992
  data-selector-id="fontIcon"
993
993
  data-test-id="fontIcon"
@@ -1030,7 +1030,7 @@ exports[`Tag component Should render active - palette default, size medium , clo
1030
1030
  >
1031
1031
  <i
1032
1032
  aria-hidden="true"
1033
- class="zd_font_icons basic icon-close2 fbold"
1033
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1034
1034
  data-id="fontIcon"
1035
1035
  data-selector-id="fontIcon"
1036
1036
  data-test-id="fontIcon"
@@ -1073,7 +1073,7 @@ exports[`Tag component Should render active - palette default, size small , clos
1073
1073
  >
1074
1074
  <i
1075
1075
  aria-hidden="true"
1076
- class="zd_font_icons basic icon-close2 fbold"
1076
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1077
1077
  data-id="fontIcon"
1078
1078
  data-selector-id="fontIcon"
1079
1079
  data-test-id="fontIcon"
@@ -1116,7 +1116,7 @@ exports[`Tag component Should render active - palette default, size small , clos
1116
1116
  >
1117
1117
  <i
1118
1118
  aria-hidden="true"
1119
- class="zd_font_icons basic icon-close2 fbold"
1119
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1120
1120
  data-id="fontIcon"
1121
1121
  data-selector-id="fontIcon"
1122
1122
  data-test-id="fontIcon"
@@ -1159,7 +1159,7 @@ exports[`Tag component Should render active - palette defaultLink, size medium ,
1159
1159
  >
1160
1160
  <i
1161
1161
  aria-hidden="true"
1162
- class="zd_font_icons basic icon-close2 fbold"
1162
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1163
1163
  data-id="fontIcon"
1164
1164
  data-selector-id="fontIcon"
1165
1165
  data-test-id="fontIcon"
@@ -1202,7 +1202,7 @@ exports[`Tag component Should render active - palette defaultLink, size medium ,
1202
1202
  >
1203
1203
  <i
1204
1204
  aria-hidden="true"
1205
- class="zd_font_icons basic icon-close2 fbold"
1205
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1206
1206
  data-id="fontIcon"
1207
1207
  data-selector-id="fontIcon"
1208
1208
  data-test-id="fontIcon"
@@ -1245,7 +1245,7 @@ exports[`Tag component Should render active - palette defaultLink, size small ,
1245
1245
  >
1246
1246
  <i
1247
1247
  aria-hidden="true"
1248
- class="zd_font_icons basic icon-close2 fbold"
1248
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1249
1249
  data-id="fontIcon"
1250
1250
  data-selector-id="fontIcon"
1251
1251
  data-test-id="fontIcon"
@@ -1288,7 +1288,7 @@ exports[`Tag component Should render active - palette defaultLink, size small ,
1288
1288
  >
1289
1289
  <i
1290
1290
  aria-hidden="true"
1291
- class="zd_font_icons basic icon-close2 fbold"
1291
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1292
1292
  data-id="fontIcon"
1293
1293
  data-selector-id="fontIcon"
1294
1294
  data-test-id="fontIcon"
@@ -1331,7 +1331,7 @@ exports[`Tag component Should render active - palette primaryDotted, size medium
1331
1331
  >
1332
1332
  <i
1333
1333
  aria-hidden="true"
1334
- class="zd_font_icons basic icon-close2 fbold"
1334
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1335
1335
  data-id="fontIcon"
1336
1336
  data-selector-id="fontIcon"
1337
1337
  data-test-id="fontIcon"
@@ -1374,7 +1374,7 @@ exports[`Tag component Should render active - palette primaryDotted, size medium
1374
1374
  >
1375
1375
  <i
1376
1376
  aria-hidden="true"
1377
- class="zd_font_icons basic icon-close2 fbold"
1377
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1378
1378
  data-id="fontIcon"
1379
1379
  data-selector-id="fontIcon"
1380
1380
  data-test-id="fontIcon"
@@ -1417,7 +1417,7 @@ exports[`Tag component Should render active - palette primaryDotted, size small
1417
1417
  >
1418
1418
  <i
1419
1419
  aria-hidden="true"
1420
- class="zd_font_icons basic icon-close2 fbold"
1420
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1421
1421
  data-id="fontIcon"
1422
1422
  data-selector-id="fontIcon"
1423
1423
  data-test-id="fontIcon"
@@ -1460,7 +1460,7 @@ exports[`Tag component Should render active - palette primaryDotted, size small
1460
1460
  >
1461
1461
  <i
1462
1462
  aria-hidden="true"
1463
- class="zd_font_icons basic icon-close2 fbold"
1463
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1464
1464
  data-id="fontIcon"
1465
1465
  data-selector-id="fontIcon"
1466
1466
  data-test-id="fontIcon"
@@ -1503,7 +1503,7 @@ exports[`Tag component Should render active - palette pureDarkDotted, size mediu
1503
1503
  >
1504
1504
  <i
1505
1505
  aria-hidden="true"
1506
- class="zd_font_icons basic icon-close2 fbold"
1506
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1507
1507
  data-id="fontIcon"
1508
1508
  data-selector-id="fontIcon"
1509
1509
  data-test-id="fontIcon"
@@ -1546,7 +1546,7 @@ exports[`Tag component Should render active - palette pureDarkDotted, size mediu
1546
1546
  >
1547
1547
  <i
1548
1548
  aria-hidden="true"
1549
- class="zd_font_icons basic icon-close2 fbold"
1549
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1550
1550
  data-id="fontIcon"
1551
1551
  data-selector-id="fontIcon"
1552
1552
  data-test-id="fontIcon"
@@ -1589,7 +1589,7 @@ exports[`Tag component Should render active - palette pureDarkDotted, size small
1589
1589
  >
1590
1590
  <i
1591
1591
  aria-hidden="true"
1592
- class="zd_font_icons basic icon-close2 fbold"
1592
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1593
1593
  data-id="fontIcon"
1594
1594
  data-selector-id="fontIcon"
1595
1595
  data-test-id="fontIcon"
@@ -1632,7 +1632,7 @@ exports[`Tag component Should render active - palette pureDarkDotted, size small
1632
1632
  >
1633
1633
  <i
1634
1634
  aria-hidden="true"
1635
- class="zd_font_icons basic icon-close2 fbold"
1635
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1636
1636
  data-id="fontIcon"
1637
1637
  data-selector-id="fontIcon"
1638
1638
  data-test-id="fontIcon"
@@ -1675,7 +1675,7 @@ exports[`Tag component Should render active - palette pureDotted, size medium ,
1675
1675
  >
1676
1676
  <i
1677
1677
  aria-hidden="true"
1678
- class="zd_font_icons basic icon-close2 fbold"
1678
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1679
1679
  data-id="fontIcon"
1680
1680
  data-selector-id="fontIcon"
1681
1681
  data-test-id="fontIcon"
@@ -1718,7 +1718,7 @@ exports[`Tag component Should render active - palette pureDotted, size medium ,
1718
1718
  >
1719
1719
  <i
1720
1720
  aria-hidden="true"
1721
- class="zd_font_icons basic icon-close2 fbold"
1721
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1722
1722
  data-id="fontIcon"
1723
1723
  data-selector-id="fontIcon"
1724
1724
  data-test-id="fontIcon"
@@ -1761,7 +1761,7 @@ exports[`Tag component Should render active - palette pureDotted, size small , c
1761
1761
  >
1762
1762
  <i
1763
1763
  aria-hidden="true"
1764
- class="zd_font_icons basic icon-close2 fbold"
1764
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1765
1765
  data-id="fontIcon"
1766
1766
  data-selector-id="fontIcon"
1767
1767
  data-test-id="fontIcon"
@@ -1804,7 +1804,7 @@ exports[`Tag component Should render active - palette pureDotted, size small , c
1804
1804
  >
1805
1805
  <i
1806
1806
  aria-hidden="true"
1807
- class="zd_font_icons basic icon-close2 fbold"
1807
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1808
1808
  data-id="fontIcon"
1809
1809
  data-selector-id="fontIcon"
1810
1810
  data-test-id="fontIcon"
@@ -1847,7 +1847,7 @@ exports[`Tag component Should render active - palette secondary, size medium , c
1847
1847
  >
1848
1848
  <i
1849
1849
  aria-hidden="true"
1850
- class="zd_font_icons basic icon-close2 fbold"
1850
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1851
1851
  data-id="fontIcon"
1852
1852
  data-selector-id="fontIcon"
1853
1853
  data-test-id="fontIcon"
@@ -1890,7 +1890,7 @@ exports[`Tag component Should render active - palette secondary, size medium , c
1890
1890
  >
1891
1891
  <i
1892
1892
  aria-hidden="true"
1893
- class="zd_font_icons basic icon-close2 fbold"
1893
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1894
1894
  data-id="fontIcon"
1895
1895
  data-selector-id="fontIcon"
1896
1896
  data-test-id="fontIcon"
@@ -1933,7 +1933,7 @@ exports[`Tag component Should render active - palette secondary, size small , cl
1933
1933
  >
1934
1934
  <i
1935
1935
  aria-hidden="true"
1936
- class="zd_font_icons basic icon-close2 fbold"
1936
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1937
1937
  data-id="fontIcon"
1938
1938
  data-selector-id="fontIcon"
1939
1939
  data-test-id="fontIcon"
@@ -1976,7 +1976,7 @@ exports[`Tag component Should render active - palette secondary, size small , cl
1976
1976
  >
1977
1977
  <i
1978
1978
  aria-hidden="true"
1979
- class="zd_font_icons basic icon-close2 fbold"
1979
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
1980
1980
  data-id="fontIcon"
1981
1981
  data-selector-id="fontIcon"
1982
1982
  data-test-id="fontIcon"
@@ -2343,7 +2343,7 @@ exports[`Tag component Should render closePalette - danger 1`] = `
2343
2343
  >
2344
2344
  <i
2345
2345
  aria-hidden="true"
2346
- class="zd_font_icons basic icon-close2 fbold"
2346
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
2347
2347
  data-id="fontIcon"
2348
2348
  data-selector-id="fontIcon"
2349
2349
  data-test-id="fontIcon"
@@ -2386,7 +2386,7 @@ exports[`Tag component Should render closePalette - primary 1`] = `
2386
2386
  >
2387
2387
  <i
2388
2388
  aria-hidden="true"
2389
- class="zd_font_icons basic icon-close2 fbold"
2389
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
2390
2390
  data-id="fontIcon"
2391
2391
  data-selector-id="fontIcon"
2392
2392
  data-test-id="fontIcon"
@@ -2429,7 +2429,7 @@ exports[`Tag component Should render onRemove - medium 1`] = `
2429
2429
  >
2430
2430
  <i
2431
2431
  aria-hidden="true"
2432
- class="zd_font_icons basic icon-close2 fbold"
2432
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
2433
2433
  data-id="fontIcon"
2434
2434
  data-selector-id="fontIcon"
2435
2435
  data-test-id="fontIcon"
@@ -2472,7 +2472,7 @@ exports[`Tag component Should render onRemove - small 1`] = `
2472
2472
  >
2473
2473
  <i
2474
2474
  aria-hidden="true"
2475
- class="zd_font_icons basic icon-close2 fbold"
2475
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
2476
2476
  data-id="fontIcon"
2477
2477
  data-selector-id="fontIcon"
2478
2478
  data-test-id="fontIcon"
@@ -2877,7 +2877,7 @@ exports[`Tag component rendering ally clearLabel 1`] = `
2877
2877
  >
2878
2878
  <i
2879
2879
  aria-hidden="true"
2880
- class="zd_font_icons basic icon-close2 fbold"
2880
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
2881
2881
  data-id="fontIcon"
2882
2882
  data-selector-id="fontIcon"
2883
2883
  data-test-id="fontIcon"
@@ -2922,7 +2922,7 @@ exports[`Tag component rendering the Custom class 1`] = `
2922
2922
  >
2923
2923
  <i
2924
2924
  aria-hidden="true"
2925
- class="zd_font_icons basic icon-androidd"
2925
+ class="zd_font_icons ff icon-androidd basic d-inline-block d-align-middle"
2926
2926
  data-id="fontIcon"
2927
2927
  data-selector-id="fontIcon"
2928
2928
  data-test-id="fontIcon"
@@ -2949,7 +2949,7 @@ exports[`Tag component rendering the Custom class 1`] = `
2949
2949
  >
2950
2950
  <i
2951
2951
  aria-hidden="true"
2952
- class="zd_font_icons basic icon-close2 fbold"
2952
+ class="zd_font_icons ff icon-close2 basic d-inline-block d-align-middle d-font-bold"
2953
2953
  data-id="fontIcon"
2954
2954
  data-selector-id="fontIcon"
2955
2955
  data-test-id="fontIcon"
package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap CHANGED
@@ -712,7 +712,7 @@ exports[`TextBoxIcon component Should be render showClearIcon is true 1`] = `
712
712
  >
713
713
  <i
714
714
  aria-hidden="true"
715
- class="zd_font_icons rtl basic icon-delete"
715
+ class="zd_font_icons ff icon-delete basic d-inline-block d-align-middle rtl"
716
716
  data-id="fontIcon"
717
717
  data-selector-id="fontIcon"
718
718
  data-test-id="fontIcon"
@@ -856,7 +856,7 @@ exports[`TextBoxIcon component Should be render value is string and length great
856
856
  >
857
857
  <i
858
858
  aria-hidden="true"
859
- class="zd_font_icons rtl basic icon-delete"
859
+ class="zd_font_icons ff icon-delete basic d-inline-block d-align-middle rtl"
860
860
  data-id="fontIcon"
861
861
  data-selector-id="fontIcon"
862
862
  data-test-id="fontIcon"
@@ -1623,7 +1623,7 @@ exports[`TextBoxIcon component rendering the i18n value 1`] = `
1623
1623
  >
1624
1624
  <i
1625
1625
  aria-hidden="true"
1626
- class="zd_font_icons rtl basic icon-delete"
1626
+ class="zd_font_icons ff icon-delete basic d-inline-block d-align-middle rtl"
1627
1627
  data-id="fontIcon"
1628
1628
  data-selector-id="fontIcon"
1629
1629
  data-test-id="fontIcon"
package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap CHANGED
@@ -11,7 +11,7 @@ exports[`ArrowIcon Should be render isActive is true 1`] = `
11
11
  >
12
12
  <i
13
13
  aria-hidden="true"
14
- class="zd_font_icons basic icon-down"
14
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
15
15
  data-id="fontIcon"
16
16
  data-selector-id="fontIcon"
17
17
  data-test-id="fontIcon"
@@ -32,7 +32,7 @@ exports[`ArrowIcon Should be render isDisabled is true 1`] = `
32
32
  >
33
33
  <i
34
34
  aria-hidden="true"
35
- class="zd_font_icons basic icon-down"
35
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
36
36
  data-id="fontIcon"
37
37
  data-selector-id="fontIcon"
38
38
  data-test-id="fontIcon"
@@ -53,7 +53,7 @@ exports[`ArrowIcon Should be render isReadOnly is true 1`] = `
53
53
  >
54
54
  <i
55
55
  aria-hidden="true"
56
- class="zd_font_icons basic icon-down"
56
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
57
57
  data-id="fontIcon"
58
58
  data-selector-id="fontIcon"
59
59
  data-test-id="fontIcon"
@@ -74,7 +74,7 @@ exports[`ArrowIcon Should be render isRotated is true 1`] = `
74
74
  >
75
75
  <i
76
76
  aria-hidden="true"
77
- class="zd_font_icons basic icon-down"
77
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
78
78
  data-id="fontIcon"
79
79
  data-selector-id="fontIcon"
80
80
  data-test-id="fontIcon"
@@ -96,7 +96,7 @@ exports[`ArrowIcon Should be render with a11yAttributes 1`] = `
96
96
  >
97
97
  <i
98
98
  aria-hidden="true"
99
- class="zd_font_icons basic icon-down"
99
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
100
100
  data-id="fontIcon"
101
101
  data-selector-id="fontIcon"
102
102
  data-test-id="fontIcon"
@@ -117,7 +117,7 @@ exports[`ArrowIcon Should be render with customClass 1`] = `
117
117
  >
118
118
  <i
119
119
  aria-hidden="true"
120
- class="zd_font_icons basic icon-down arrowIcon_iconClass"
120
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle arrowIcon_iconClass"
121
121
  data-id="fontIcon"
122
122
  data-selector-id="fontIcon"
123
123
  data-test-id="fontIcon"
@@ -138,7 +138,7 @@ exports[`ArrowIcon Should be render with customProps 1`] = `
138
138
  >
139
139
  <i
140
140
  aria-hidden="true"
141
- class="zd_font_icons basic icon-down"
141
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
142
142
  data-id="fontIcon"
143
143
  data-selector-id="fontIcon"
144
144
  data-test-id="fontIcon"
@@ -159,7 +159,7 @@ exports[`ArrowIcon Should be render with dataId 1`] = `
159
159
  >
160
160
  <i
161
161
  aria-hidden="true"
162
- class="zd_font_icons basic icon-down"
162
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
163
163
  data-id="fontIcon"
164
164
  data-selector-id="fontIcon"
165
165
  data-test-id="fontIcon"
@@ -189,7 +189,7 @@ exports[`ArrowIcon Should be render with tagAttributes 1`] = `
189
189
  >
190
190
  <i
191
191
  aria-hidden="true"
192
- class="zd_font_icons basic icon-down"
192
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
193
193
  data-id="fontIcon"
194
194
  data-selector-id="fontIcon"
195
195
  data-test-id="fontIcon"
@@ -210,7 +210,7 @@ exports[`ArrowIcon rendering the defult props 1`] = `
210
210
  >
211
211
  <i
212
212
  aria-hidden="true"
213
- class="zd_font_icons basic icon-down"
213
+ class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
214
214
  data-id="fontIcon"
215
215
  data-selector-id="fontIcon"
216
216
  data-test-id="fontIcon"