@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__/SelectWithIcon.spec.js.snap CHANGED
@@ -30,7 +30,7 @@ exports[`SelectWithIcon rendering the defult props 1`] = `
30
30
  data-test-id="boxComponent"
31
31
  >
32
32
  <div
33
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input iconSelect"
33
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input iconSelect"
34
34
  data-selector-id="textBoxIcon"
35
35
  >
36
36
  <div
@@ -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 basic icon-down "
88
88
  data-id="fontIcon"
89
89
  data-selector-id="fontIcon"
90
90
  data-test-id="fontIcon"
package/lib/Switch/Switch.js CHANGED
@@ -104,7 +104,7 @@ var Switch = /*#__PURE__*/function (_React$Component) {
104
104
  isCover: false,
105
105
  alignBox: "row",
106
106
  isInline: true,
107
- className: "".concat(_SwitchModule["default"].container, " ").concat(customSwitchWrap, " ").concat(disabled ? _SwitchModule["default"].disabled : isReadOnly ? _SwitchModule["default"].readonly : _SwitchModule["default"].effect),
107
+ className: "".concat(_SwitchModule["default"].container, " ").concat(disabled ? _SwitchModule["default"].disabled : isReadOnly ? _SwitchModule["default"].readonly : _SwitchModule["default"].effect, " ").concat(customSwitchWrap),
108
108
  "data-title": disabled ? disableTitle : title,
109
109
  "aria-checked": checked,
110
110
  role: "switch",
package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap CHANGED
@@ -4,7 +4,7 @@ exports[`Switch rendering the CustomClass 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
6
  aria-checked="false"
7
- class="inlineFlex row alignItems_center container SwtichCustomSwitchWrap effect"
7
+ class="inlineFlex row alignItems_center container effect SwtichCustomSwitchWrap"
8
8
  data-id="containerComponent"
9
9
  data-selector-id="switch"
10
10
  data-test-id="containerComponent"
@@ -30,7 +30,7 @@ exports[`Switch rendering the CustomClass 1`] = `
30
30
  </div>
31
31
  <label
32
32
  class="label subtitle medium primary font_default
33
- pointer SwtichCustomLabel "
33
+ pointer SwtichCustomLabel"
34
34
  data-id="label"
35
35
  data-selector-id="label"
36
36
  data-test-id="label"
@@ -46,7 +46,7 @@ exports[`Switch rendering the CustomProps 1`] = `
46
46
  <DocumentFragment>
47
47
  <div
48
48
  aria-checked="false"
49
- class="inlineFlex row alignItems_center container effect"
49
+ class="inlineFlex row alignItems_center container effect"
50
50
  data-id="containerComponent"
51
51
  data-selector-id="switch"
52
52
  data-switch="true"
@@ -73,7 +73,7 @@ exports[`Switch rendering the CustomProps 1`] = `
73
73
  </div>
74
74
  <label
75
75
  class="label subtitle medium primary font_default
76
- pointer "
76
+ pointer "
77
77
  data-id="label"
78
78
  data-selector-id="label"
79
79
  data-test-id="label"
@@ -90,7 +90,7 @@ exports[`Switch rendering the ID 1`] = `
90
90
  <DocumentFragment>
91
91
  <div
92
92
  aria-checked="false"
93
- class="inlineFlex row alignItems_center container effect"
93
+ class="inlineFlex row alignItems_center container effect"
94
94
  data-id="containerComponent"
95
95
  data-selector-id="switch"
96
96
  data-test-id="containerComponent"
@@ -116,7 +116,7 @@ exports[`Switch rendering the ID 1`] = `
116
116
  </div>
117
117
  <label
118
118
  class="label subtitle medium primary font_default
119
- pointer "
119
+ pointer "
120
120
  data-id="label"
121
121
  data-selector-id="label"
122
122
  data-test-id="label"
@@ -132,7 +132,7 @@ exports[`Switch rendering the Name 1`] = `
132
132
  <DocumentFragment>
133
133
  <div
134
134
  aria-checked="false"
135
- class="inlineFlex row alignItems_center container effect"
135
+ class="inlineFlex row alignItems_center container effect"
136
136
  data-id="containerComponent"
137
137
  data-selector-id="switch"
138
138
  data-test-id="containerComponent"
@@ -165,7 +165,7 @@ exports[`Switch rendering the Title 1`] = `
165
165
  <DocumentFragment>
166
166
  <div
167
167
  aria-checked="false"
168
- class="inlineFlex row alignItems_center container effect"
168
+ class="inlineFlex row alignItems_center container effect"
169
169
  data-id="containerComponent"
170
170
  data-selector-id="switch"
171
171
  data-test-id="containerComponent"
@@ -198,7 +198,7 @@ exports[`Switch rendering the Value 1`] = `
198
198
  <DocumentFragment>
199
199
  <div
200
200
  aria-checked="false"
201
- class="inlineFlex row alignItems_center container effect"
201
+ class="inlineFlex row alignItems_center container effect"
202
202
  data-id="containerComponent"
203
203
  data-selector-id="switch"
204
204
  data-test-id="containerComponent"
@@ -230,7 +230,7 @@ exports[`Switch rendering the checked 1`] = `
230
230
  <DocumentFragment>
231
231
  <div
232
232
  aria-checked="true"
233
- class="inlineFlex row alignItems_center container effect"
233
+ class="inlineFlex row alignItems_center container effect"
234
234
  data-id="containerComponent"
235
235
  data-selector-id="switch"
236
236
  data-test-id="containerComponent"
@@ -263,7 +263,7 @@ exports[`Switch rendering the dataId 1`] = `
263
263
  <DocumentFragment>
264
264
  <div
265
265
  aria-checked="false"
266
- class="inlineFlex row alignItems_center container effect"
266
+ class="inlineFlex row alignItems_center container effect"
267
267
  data-id="containerComponent"
268
268
  data-selector-id="switch"
269
269
  data-test-id="containerComponent"
@@ -297,7 +297,7 @@ exports[`Switch rendering the defult props 1`] = `
297
297
  <DocumentFragment>
298
298
  <div
299
299
  aria-checked="false"
300
- class="inlineFlex row alignItems_center container effect"
300
+ class="inlineFlex row alignItems_center container effect"
301
301
  data-id="containerComponent"
302
302
  data-selector-id="switch"
303
303
  data-test-id="containerComponent"
@@ -327,7 +327,7 @@ exports[`Switch rendering the disabled and disableTitle 1`] = `
327
327
  <DocumentFragment>
328
328
  <div
329
329
  aria-checked="false"
330
- class="inlineFlex row alignItems_center container disabled"
330
+ class="inlineFlex row alignItems_center container disabled"
331
331
  data-id="containerComponent"
332
332
  data-selector-id="switch"
333
333
  data-test-id="containerComponent"
@@ -361,7 +361,7 @@ exports[`Switch rendering the isReadOnly 1`] = `
361
361
  <DocumentFragment>
362
362
  <div
363
363
  aria-checked="false"
364
- class="inlineFlex row alignItems_center container readonly"
364
+ class="inlineFlex row alignItems_center container readonly"
365
365
  data-id="containerComponent"
366
366
  data-selector-id="switch"
367
367
  data-test-id="containerComponent"
@@ -392,7 +392,7 @@ exports[`Switch rendering the labelSize of- danger 1`] = `
392
392
  <DocumentFragment>
393
393
  <div
394
394
  aria-checked="false"
395
- class="inlineFlex row alignItems_center container effect"
395
+ class="inlineFlex row alignItems_center container effect"
396
396
  data-id="containerComponent"
397
397
  data-selector-id="switch"
398
398
  data-test-id="containerComponent"
@@ -418,7 +418,7 @@ exports[`Switch rendering the labelSize of- danger 1`] = `
418
418
  </div>
419
419
  <label
420
420
  class="label subtitle medium danger font_default
421
- pointer "
421
+ pointer "
422
422
  data-id="label"
423
423
  data-selector-id="label"
424
424
  data-test-id="label"
@@ -434,7 +434,7 @@ exports[`Switch rendering the labelSize of- default 1`] = `
434
434
  <DocumentFragment>
435
435
  <div
436
436
  aria-checked="false"
437
- class="inlineFlex row alignItems_center container effect"
437
+ class="inlineFlex row alignItems_center container effect"
438
438
  data-id="containerComponent"
439
439
  data-selector-id="switch"
440
440
  data-test-id="containerComponent"
@@ -460,7 +460,7 @@ exports[`Switch rendering the labelSize of- default 1`] = `
460
460
  </div>
461
461
  <label
462
462
  class="label subtitle medium default font_default
463
- pointer "
463
+ pointer "
464
464
  data-id="label"
465
465
  data-selector-id="label"
466
466
  data-test-id="label"
@@ -476,7 +476,7 @@ exports[`Switch rendering the labelSize of- large 1`] = `
476
476
  <DocumentFragment>
477
477
  <div
478
478
  aria-checked="false"
479
- class="inlineFlex row alignItems_center container effect"
479
+ class="inlineFlex row alignItems_center container effect"
480
480
  data-id="containerComponent"
481
481
  data-selector-id="switch"
482
482
  data-test-id="containerComponent"
@@ -502,7 +502,7 @@ exports[`Switch rendering the labelSize of- large 1`] = `
502
502
  </div>
503
503
  <label
504
504
  class="label subtitle large primary font_default
505
- pointer "
505
+ pointer "
506
506
  data-id="label"
507
507
  data-selector-id="label"
508
508
  data-test-id="label"
@@ -518,7 +518,7 @@ exports[`Switch rendering the labelSize of- mandatory 1`] = `
518
518
  <DocumentFragment>
519
519
  <div
520
520
  aria-checked="false"
521
- class="inlineFlex row alignItems_center container effect"
521
+ class="inlineFlex row alignItems_center container effect"
522
522
  data-id="containerComponent"
523
523
  data-selector-id="switch"
524
524
  data-test-id="containerComponent"
@@ -544,7 +544,7 @@ exports[`Switch rendering the labelSize of- mandatory 1`] = `
544
544
  </div>
545
545
  <label
546
546
  class="label subtitle medium mandatory font_default
547
- pointer "
547
+ pointer "
548
548
  data-id="label"
549
549
  data-selector-id="label"
550
550
  data-test-id="label"
@@ -560,7 +560,7 @@ exports[`Switch rendering the labelSize of- medium 1`] = `
560
560
  <DocumentFragment>
561
561
  <div
562
562
  aria-checked="false"
563
- class="inlineFlex row alignItems_center container effect"
563
+ class="inlineFlex row alignItems_center container effect"
564
564
  data-id="containerComponent"
565
565
  data-selector-id="switch"
566
566
  data-test-id="containerComponent"
@@ -586,7 +586,7 @@ exports[`Switch rendering the labelSize of- medium 1`] = `
586
586
  </div>
587
587
  <label
588
588
  class="label subtitle medium primary font_default
589
- pointer "
589
+ pointer "
590
590
  data-id="label"
591
591
  data-selector-id="label"
592
592
  data-test-id="label"
@@ -602,7 +602,7 @@ exports[`Switch rendering the labelSize of- primary 1`] = `
602
602
  <DocumentFragment>
603
603
  <div
604
604
  aria-checked="false"
605
- class="inlineFlex row alignItems_center container effect"
605
+ class="inlineFlex row alignItems_center container effect"
606
606
  data-id="containerComponent"
607
607
  data-selector-id="switch"
608
608
  data-test-id="containerComponent"
@@ -628,7 +628,7 @@ exports[`Switch rendering the labelSize of- primary 1`] = `
628
628
  </div>
629
629
  <label
630
630
  class="label subtitle medium primary font_default
631
- pointer "
631
+ pointer "
632
632
  data-id="label"
633
633
  data-selector-id="label"
634
634
  data-test-id="label"
@@ -644,7 +644,7 @@ exports[`Switch rendering the labelSize of- secondary 1`] = `
644
644
  <DocumentFragment>
645
645
  <div
646
646
  aria-checked="false"
647
- class="inlineFlex row alignItems_center container effect"
647
+ class="inlineFlex row alignItems_center container effect"
648
648
  data-id="containerComponent"
649
649
  data-selector-id="switch"
650
650
  data-test-id="containerComponent"
@@ -670,7 +670,7 @@ exports[`Switch rendering the labelSize of- secondary 1`] = `
670
670
  </div>
671
671
  <label
672
672
  class="label subtitle medium secondary font_default
673
- pointer "
673
+ pointer "
674
674
  data-id="label"
675
675
  data-selector-id="label"
676
676
  data-test-id="label"
@@ -686,7 +686,7 @@ exports[`Switch rendering the labelSize of- small 1`] = `
686
686
  <DocumentFragment>
687
687
  <div
688
688
  aria-checked="false"
689
- class="inlineFlex row alignItems_center container effect"
689
+ class="inlineFlex row alignItems_center container effect"
690
690
  data-id="containerComponent"
691
691
  data-selector-id="switch"
692
692
  data-test-id="containerComponent"
@@ -712,7 +712,7 @@ exports[`Switch rendering the labelSize of- small 1`] = `
712
712
  </div>
713
713
  <label
714
714
  class="label subtitle small primary font_default
715
- pointer "
715
+ pointer "
716
716
  data-id="label"
717
717
  data-selector-id="label"
718
718
  data-test-id="label"
@@ -728,7 +728,7 @@ exports[`Switch rendering the size of- medium 1`] = `
728
728
  <DocumentFragment>
729
729
  <div
730
730
  aria-checked="false"
731
- class="inlineFlex row alignItems_center container effect"
731
+ class="inlineFlex row alignItems_center container effect"
732
732
  data-id="containerComponent"
733
733
  data-selector-id="switch"
734
734
  data-test-id="containerComponent"
@@ -760,7 +760,7 @@ exports[`Switch rendering the size of- small 1`] = `
760
760
  <DocumentFragment>
761
761
  <div
762
762
  aria-checked="false"
763
- class="inlineFlex row alignItems_center container effect"
763
+ class="inlineFlex row alignItems_center container effect"
764
764
  data-id="containerComponent"
765
765
  data-selector-id="switch"
766
766
  data-test-id="containerComponent"
@@ -792,7 +792,7 @@ exports[`Switch rendering the text 1`] = `
792
792
  <DocumentFragment>
793
793
  <div
794
794
  aria-checked="false"
795
- class="inlineFlex row alignItems_center container effect"
795
+ class="inlineFlex row alignItems_center container effect"
796
796
  data-id="containerComponent"
797
797
  data-selector-id="switch"
798
798
  data-test-id="containerComponent"
@@ -818,7 +818,7 @@ exports[`Switch rendering the text 1`] = `
818
818
  </div>
819
819
  <label
820
820
  class="label subtitle medium primary font_default
821
- pointer "
821
+ pointer "
822
822
  data-id="label"
823
823
  data-selector-id="label"
824
824
  data-test-id="label"
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 basic icon-menu rtl "
51
+ class="zd_font_icons rtl basic icon-menu "
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 basic icon-menu rtl "
136
+ class="zd_font_icons rtl basic icon-menu "
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 basic icon-menu rtl "
221
+ class="zd_font_icons rtl basic icon-menu "
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 basic icon-menu rtl "
306
+ class="zd_font_icons rtl basic icon-menu "
307
307
  data-id="fontIcon"
308
308
  data-selector-id="fontIcon"
309
309
  data-test-id="fontIcon"
package/lib/Tag/Tag.js CHANGED
@@ -193,7 +193,7 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
193
193
  "aria-hidden": true,
194
194
  id: getAriaId
195
195
  }, text), onRemove && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
196
- customClass: "".concat(_TagModule["default"].close, " ").concat(active ? _TagModule["default"]["active".concat(closePalette, "Close")] : '', "\n ").concat(rounded ? _TagModule["default"].lgRadiusClose : _TagModule["default"].smRadiusClose, " ").concat(isDarkPalette ? _TagModule["default"].darkTagClose : '', "\n ").concat(customTagClose, " ").concat(_TagModule["default"]["close".concat(closePalette)]),
196
+ customClass: "".concat(_TagModule["default"].close, " ").concat(active ? _TagModule["default"]["active".concat(closePalette, "Close")] : '', "\n ").concat(rounded ? _TagModule["default"].lgRadiusClose : _TagModule["default"].smRadiusClose, " ").concat(isDarkPalette ? _TagModule["default"].darkTagClose : '', " ").concat(_TagModule["default"]["close".concat(closePalette)], " ").concat(customTagClose),
197
197
  dataId: "".concat(dataId, "_RemoveTag"),
198
198
  title: closeTitle,
199
199
  onClick: this.handleRemove,