@zohodesk/components 1.6.22 → 1.6.23

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 (112) hide show
  1. package/README.md +4 -0
  2. package/es/AppContainer/AppContainer.module.css +9 -3
  3. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
  4. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
  5. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
  6. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  7. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +107 -181
  8. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -39
  9. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  10. package/es/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  11. package/es/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  12. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +60 -60
  13. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  14. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  15. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  16. package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  17. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  18. package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  19. package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  20. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  21. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  22. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  23. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  24. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  25. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  26. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  27. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  28. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  29. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  30. package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  31. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -31
  32. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  33. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  34. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  35. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  36. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  37. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  38. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  39. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  40. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  41. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  42. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  43. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +55 -67
  44. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  45. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -242
  46. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  47. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  48. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  49. package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  50. package/es/common/basic.module.css +9 -8
  51. package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  52. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  53. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  54. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  55. package/es/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  56. package/es/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  57. package/lib/AppContainer/AppContainer.module.css +9 -3
  58. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
  59. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
  60. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
  61. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  62. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +107 -181
  63. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -39
  64. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  65. package/lib/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  66. package/lib/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  67. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +60 -60
  68. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  69. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  70. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  71. package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  72. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  73. package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  74. package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  75. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  76. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  77. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  78. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  79. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  80. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  81. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  82. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  83. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  84. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  85. package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  86. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -31
  87. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  88. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  89. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  90. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  91. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  92. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  93. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  94. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  95. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  96. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  97. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  98. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +55 -67
  99. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  100. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -242
  101. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  102. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  103. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  104. package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  105. package/lib/common/basic.module.css +9 -8
  106. package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  107. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  108. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  109. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  110. package/lib/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  111. package/lib/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  112. package/package.json +9 -10
package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap CHANGED
@@ -3,13 +3,13 @@
3
3
  exports[`SelectWithAvatar rendering the defult props 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="wrapper effect "
6
+ class="wrapper effect"
7
7
  data-id="selectWithAvatar"
8
8
  data-selector-id="selectWithAvatar"
9
9
  data-test-id="selectWithAvatar"
10
10
  >
11
11
  <div
12
- class="flex fullSize row alignItems_center container medium borderColor_default hasBorder"
12
+ class="flex fullSize row alignItems_center container medium borderColor_default hasBorder"
13
13
  data-id="containerComponent"
14
14
  data-selector-id="container"
15
15
  data-test-id="containerComponent"
@@ -28,7 +28,7 @@ exports[`SelectWithAvatar rendering the defult props 1`] = `
28
28
  aria-owns="1"
29
29
  aria-readonly="true"
30
30
  autocomplete="off"
31
- class=" pointer container medium default effect borderColor_default "
31
+ class="pointer container medium default effect borderColor_default"
32
32
  data-id="textBox"
33
33
  data-selector-id="textBox"
34
34
  data-test-id="textBox"
package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`SelectWithIcon rendering the defult props 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="container box_medium "
6
+ class="container box_medium"
7
7
  data-selector-id="selectWithIcon"
8
8
  >
9
9
  <div
@@ -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
@@ -47,7 +47,7 @@ exports[`SelectWithIcon rendering the defult props 1`] = `
47
47
  aria-owns="1"
48
48
  aria-readonly="true"
49
49
  autocomplete="off"
50
- class=" pointer container medium default effect borderColor_default "
50
+ class="pointer container medium default effect borderColor_default"
51
51
  data-id="selectWithIcon_textBox"
52
52
  data-selector-id="textBoxIcon"
53
53
  data-test-id="selectWithIcon_textBox"
@@ -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/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap CHANGED
@@ -11,7 +11,7 @@ exports[`Stencils rendering the customClass 1`] = `
11
11
  exports[`Stencils rendering the defult props 1`] = `
12
12
  <DocumentFragment>
13
13
  <div
14
- class="container animate rect medium primary "
14
+ class="container animate rect medium primary"
15
15
  />
16
16
  </DocumentFragment>
17
17
  `;
@@ -19,7 +19,7 @@ exports[`Stencils rendering the defult props 1`] = `
19
19
  exports[`Stencils rendering the palette of- dark 1`] = `
20
20
  <DocumentFragment>
21
21
  <div
22
- class="container animate rect medium dark "
22
+ class="container animate rect medium dark"
23
23
  />
24
24
  </DocumentFragment>
25
25
  `;
@@ -27,7 +27,7 @@ exports[`Stencils rendering the palette of- dark 1`] = `
27
27
  exports[`Stencils rendering the palette of- primary 1`] = `
28
28
  <DocumentFragment>
29
29
  <div
30
- class="container animate rect medium primary "
30
+ class="container animate rect medium primary"
31
31
  />
32
32
  </DocumentFragment>
33
33
  `;
@@ -35,7 +35,7 @@ exports[`Stencils rendering the palette of- primary 1`] = `
35
35
  exports[`Stencils rendering the palette of- secondary 1`] = `
36
36
  <DocumentFragment>
37
37
  <div
38
- class="container animate rect medium secondary "
38
+ class="container animate rect medium secondary"
39
39
  />
40
40
  </DocumentFragment>
41
41
  `;
@@ -43,7 +43,7 @@ exports[`Stencils rendering the palette of- secondary 1`] = `
43
43
  exports[`Stencils rendering the shape of- circle 1`] = `
44
44
  <DocumentFragment>
45
45
  <div
46
- class="container animate circle size_medium primary "
46
+ class="container animate circle size_medium primary"
47
47
  />
48
48
  </DocumentFragment>
49
49
  `;
@@ -51,7 +51,7 @@ exports[`Stencils rendering the shape of- circle 1`] = `
51
51
  exports[`Stencils rendering the shape of- rect 1`] = `
52
52
  <DocumentFragment>
53
53
  <div
54
- class="container animate rect medium primary "
54
+ class="container animate rect medium primary"
55
55
  />
56
56
  </DocumentFragment>
57
57
  `;
@@ -59,7 +59,7 @@ exports[`Stencils rendering the shape of- rect 1`] = `
59
59
  exports[`Stencils rendering the shape of- square 1`] = `
60
60
  <DocumentFragment>
61
61
  <div
62
- class="container animate square size_medium primary "
62
+ class="container animate square size_medium primary"
63
63
  />
64
64
  </DocumentFragment>
65
65
  `;
@@ -67,7 +67,7 @@ exports[`Stencils rendering the shape of- square 1`] = `
67
67
  exports[`Stencils rendering the size of- default 1`] = `
68
68
  <DocumentFragment>
69
69
  <div
70
- class="container animate rect default primary "
70
+ class="container animate rect default primary"
71
71
  />
72
72
  </DocumentFragment>
73
73
  `;
@@ -75,7 +75,7 @@ exports[`Stencils rendering the size of- default 1`] = `
75
75
  exports[`Stencils rendering the size of- large 1`] = `
76
76
  <DocumentFragment>
77
77
  <div
78
- class="container animate rect large primary "
78
+ class="container animate rect large primary"
79
79
  />
80
80
  </DocumentFragment>
81
81
  `;
@@ -83,7 +83,7 @@ exports[`Stencils rendering the size of- large 1`] = `
83
83
  exports[`Stencils rendering the size of- medium 1`] = `
84
84
  <DocumentFragment>
85
85
  <div
86
- class="container animate rect medium primary "
86
+ class="container animate rect medium primary"
87
87
  />
88
88
  </DocumentFragment>
89
89
  `;
@@ -91,7 +91,7 @@ exports[`Stencils rendering the size of- medium 1`] = `
91
91
  exports[`Stencils rendering the size of- small 1`] = `
92
92
  <DocumentFragment>
93
93
  <div
94
- class="container animate rect small primary "
94
+ class="container animate rect small primary"
95
95
  />
96
96
  </DocumentFragment>
97
97
  `;
@@ -99,7 +99,7 @@ exports[`Stencils rendering the size of- small 1`] = `
99
99
  exports[`Stencils rendering without animation 1`] = `
100
100
  <DocumentFragment>
101
101
  <div
102
- class="container rect medium primary "
102
+ class="container rect medium primary"
103
103
  />
104
104
  </DocumentFragment>
105
105
  `;
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 effect SwtichCustomSwitchWrap"
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"
@@ -17,7 +17,7 @@ exports[`Switch rendering the CustomClass 1`] = `
17
17
  data-test-id="boxComponent"
18
18
  >
19
19
  <input
20
- class="input "
20
+ class="input"
21
21
  id="SwitchID"
22
22
  type="checkbox"
23
23
  value=""
@@ -29,8 +29,7 @@ exports[`Switch rendering the CustomClass 1`] = `
29
29
  />
30
30
  </div>
31
31
  <label
32
- class="label subtitle medium primary font_default
33
- pointer SwtichCustomLabel"
32
+ class="label subtitle medium primary font_default pointer SwtichCustomLabel"
34
33
  data-id="label"
35
34
  data-selector-id="label"
36
35
  data-test-id="label"
@@ -60,20 +59,19 @@ exports[`Switch rendering the CustomProps 1`] = `
60
59
  data-test-id="boxComponent"
61
60
  >
62
61
  <input
63
- class="input "
62
+ class="input"
64
63
  id="SwitchID"
65
64
  type="checkbox"
66
65
  value=""
67
66
  />
68
67
  <label
69
- class="label switch_mediumLabel "
68
+ class="label switch_mediumLabel"
70
69
  for="SwitchID"
71
70
  tabindex="0"
72
71
  />
73
72
  </div>
74
73
  <label
75
- class="label subtitle medium primary font_default
76
- pointer "
74
+ class="label subtitle medium primary font_default pointer"
77
75
  data-id="label"
78
76
  data-selector-id="label"
79
77
  data-test-id="label"
@@ -103,20 +101,19 @@ exports[`Switch rendering the ID 1`] = `
103
101
  data-test-id="boxComponent"
104
102
  >
105
103
  <input
106
- class="input "
104
+ class="input"
107
105
  id="SwitchID"
108
106
  type="checkbox"
109
107
  value=""
110
108
  />
111
109
  <label
112
- class="label switch_mediumLabel "
110
+ class="label switch_mediumLabel"
113
111
  for="SwitchID"
114
112
  tabindex="0"
115
113
  />
116
114
  </div>
117
115
  <label
118
- class="label subtitle medium primary font_default
119
- pointer "
116
+ class="label subtitle medium primary font_default pointer"
120
117
  data-id="label"
121
118
  data-selector-id="label"
122
119
  data-test-id="label"
@@ -145,14 +142,14 @@ exports[`Switch rendering the Name 1`] = `
145
142
  data-test-id="boxComponent"
146
143
  >
147
144
  <input
148
- class="input "
145
+ class="input"
149
146
  id="SwitchID"
150
147
  name="LabelName"
151
148
  type="checkbox"
152
149
  value=""
153
150
  />
154
151
  <label
155
- class="label switch_mediumLabel "
152
+ class="label switch_mediumLabel"
156
153
  for="SwitchID"
157
154
  tabindex="0"
158
155
  />
@@ -179,13 +176,13 @@ exports[`Switch rendering the Title 1`] = `
179
176
  data-test-id="boxComponent"
180
177
  >
181
178
  <input
182
- class="input "
179
+ class="input"
183
180
  id="SwitchID"
184
181
  type="checkbox"
185
182
  value=""
186
183
  />
187
184
  <label
188
- class="label switch_mediumLabel "
185
+ class="label switch_mediumLabel"
189
186
  for="SwitchID"
190
187
  tabindex="0"
191
188
  />
@@ -211,13 +208,13 @@ exports[`Switch rendering the Value 1`] = `
211
208
  data-test-id="boxComponent"
212
209
  >
213
210
  <input
214
- class="input "
211
+ class="input"
215
212
  id="SwitchID"
216
213
  type="checkbox"
217
214
  value="true"
218
215
  />
219
216
  <label
220
- class="label switch_mediumLabel "
217
+ class="label switch_mediumLabel"
221
218
  for="SwitchID"
222
219
  tabindex="0"
223
220
  />
@@ -250,7 +247,7 @@ exports[`Switch rendering the checked 1`] = `
250
247
  value=""
251
248
  />
252
249
  <label
253
- class="label switch_mediumLabel "
250
+ class="label switch_mediumLabel"
254
251
  for="SwitchID"
255
252
  tabindex="0"
256
253
  />
@@ -276,13 +273,13 @@ exports[`Switch rendering the dataId 1`] = `
276
273
  data-test-id="boxComponent"
277
274
  >
278
275
  <input
279
- class="input "
276
+ class="input"
280
277
  id="SwitchID"
281
278
  type="checkbox"
282
279
  value=""
283
280
  />
284
281
  <label
285
- class="label switch_mediumLabel "
282
+ class="label switch_mediumLabel"
286
283
  data-id="data-Switch"
287
284
  data-test-id="data-Switch"
288
285
  for="SwitchID"
@@ -310,12 +307,12 @@ exports[`Switch rendering the defult props 1`] = `
310
307
  data-test-id="boxComponent"
311
308
  >
312
309
  <input
313
- class="input "
310
+ class="input"
314
311
  type="checkbox"
315
312
  value=""
316
313
  />
317
314
  <label
318
- class="label switch_mediumLabel "
315
+ class="label switch_mediumLabel"
319
316
  tabindex="0"
320
317
  />
321
318
  </div>
@@ -341,14 +338,14 @@ exports[`Switch rendering the disabled and disableTitle 1`] = `
341
338
  data-test-id="boxComponent"
342
339
  >
343
340
  <input
344
- class="input "
341
+ class="input"
345
342
  disabled=""
346
343
  id="SwitchID"
347
344
  type="checkbox"
348
345
  value=""
349
346
  />
350
347
  <label
351
- class="label switch_mediumLabel "
348
+ class="label switch_mediumLabel"
352
349
  for="SwitchID"
353
350
  tabindex="-1"
354
351
  />
@@ -374,13 +371,13 @@ exports[`Switch rendering the isReadOnly 1`] = `
374
371
  data-test-id="boxComponent"
375
372
  >
376
373
  <input
377
- class="input "
374
+ class="input"
378
375
  readonly=""
379
376
  type="checkbox"
380
377
  value=""
381
378
  />
382
379
  <label
383
- class="label switch_mediumLabel "
380
+ class="label switch_mediumLabel"
384
381
  tabindex="-1"
385
382
  />
386
383
  </div>
@@ -405,20 +402,19 @@ exports[`Switch rendering the labelSize of- danger 1`] = `
405
402
  data-test-id="boxComponent"
406
403
  >
407
404
  <input
408
- class="input "
405
+ class="input"
409
406
  id="SwitchID"
410
407
  type="checkbox"
411
408
  value=""
412
409
  />
413
410
  <label
414
- class="label switch_mediumLabel "
411
+ class="label switch_mediumLabel"
415
412
  for="SwitchID"
416
413
  tabindex="0"
417
414
  />
418
415
  </div>
419
416
  <label
420
- class="label subtitle medium danger font_default
421
- pointer "
417
+ class="label subtitle medium danger font_default pointer"
422
418
  data-id="label"
423
419
  data-selector-id="label"
424
420
  data-test-id="label"
@@ -447,20 +443,19 @@ exports[`Switch rendering the labelSize of- default 1`] = `
447
443
  data-test-id="boxComponent"
448
444
  >
449
445
  <input
450
- class="input "
446
+ class="input"
451
447
  id="SwitchID"
452
448
  type="checkbox"
453
449
  value=""
454
450
  />
455
451
  <label
456
- class="label switch_mediumLabel "
452
+ class="label switch_mediumLabel"
457
453
  for="SwitchID"
458
454
  tabindex="0"
459
455
  />
460
456
  </div>
461
457
  <label
462
- class="label subtitle medium default font_default
463
- pointer "
458
+ class="label subtitle medium default font_default pointer"
464
459
  data-id="label"
465
460
  data-selector-id="label"
466
461
  data-test-id="label"
@@ -489,20 +484,19 @@ exports[`Switch rendering the labelSize of- large 1`] = `
489
484
  data-test-id="boxComponent"
490
485
  >
491
486
  <input
492
- class="input "
487
+ class="input"
493
488
  id="SwitchID"
494
489
  type="checkbox"
495
490
  value=""
496
491
  />
497
492
  <label
498
- class="label switch_mediumLabel "
493
+ class="label switch_mediumLabel"
499
494
  for="SwitchID"
500
495
  tabindex="0"
501
496
  />
502
497
  </div>
503
498
  <label
504
- class="label subtitle large primary font_default
505
- pointer "
499
+ class="label subtitle large primary font_default pointer"
506
500
  data-id="label"
507
501
  data-selector-id="label"
508
502
  data-test-id="label"
@@ -531,20 +525,19 @@ exports[`Switch rendering the labelSize of- mandatory 1`] = `
531
525
  data-test-id="boxComponent"
532
526
  >
533
527
  <input
534
- class="input "
528
+ class="input"
535
529
  id="SwitchID"
536
530
  type="checkbox"
537
531
  value=""
538
532
  />
539
533
  <label
540
- class="label switch_mediumLabel "
534
+ class="label switch_mediumLabel"
541
535
  for="SwitchID"
542
536
  tabindex="0"
543
537
  />
544
538
  </div>
545
539
  <label
546
- class="label subtitle medium mandatory font_default
547
- pointer "
540
+ class="label subtitle medium mandatory font_default pointer"
548
541
  data-id="label"
549
542
  data-selector-id="label"
550
543
  data-test-id="label"
@@ -573,20 +566,19 @@ exports[`Switch rendering the labelSize of- medium 1`] = `
573
566
  data-test-id="boxComponent"
574
567
  >
575
568
  <input
576
- class="input "
569
+ class="input"
577
570
  id="SwitchID"
578
571
  type="checkbox"
579
572
  value=""
580
573
  />
581
574
  <label
582
- class="label switch_mediumLabel "
575
+ class="label switch_mediumLabel"
583
576
  for="SwitchID"
584
577
  tabindex="0"
585
578
  />
586
579
  </div>
587
580
  <label
588
- class="label subtitle medium primary font_default
589
- pointer "
581
+ class="label subtitle medium primary font_default pointer"
590
582
  data-id="label"
591
583
  data-selector-id="label"
592
584
  data-test-id="label"
@@ -615,20 +607,19 @@ exports[`Switch rendering the labelSize of- primary 1`] = `
615
607
  data-test-id="boxComponent"
616
608
  >
617
609
  <input
618
- class="input "
610
+ class="input"
619
611
  id="SwitchID"
620
612
  type="checkbox"
621
613
  value=""
622
614
  />
623
615
  <label
624
- class="label switch_mediumLabel "
616
+ class="label switch_mediumLabel"
625
617
  for="SwitchID"
626
618
  tabindex="0"
627
619
  />
628
620
  </div>
629
621
  <label
630
- class="label subtitle medium primary font_default
631
- pointer "
622
+ class="label subtitle medium primary font_default pointer"
632
623
  data-id="label"
633
624
  data-selector-id="label"
634
625
  data-test-id="label"
@@ -657,20 +648,19 @@ exports[`Switch rendering the labelSize of- secondary 1`] = `
657
648
  data-test-id="boxComponent"
658
649
  >
659
650
  <input
660
- class="input "
651
+ class="input"
661
652
  id="SwitchID"
662
653
  type="checkbox"
663
654
  value=""
664
655
  />
665
656
  <label
666
- class="label switch_mediumLabel "
657
+ class="label switch_mediumLabel"
667
658
  for="SwitchID"
668
659
  tabindex="0"
669
660
  />
670
661
  </div>
671
662
  <label
672
- class="label subtitle medium secondary font_default
673
- pointer "
663
+ class="label subtitle medium secondary font_default pointer"
674
664
  data-id="label"
675
665
  data-selector-id="label"
676
666
  data-test-id="label"
@@ -699,20 +689,19 @@ exports[`Switch rendering the labelSize of- small 1`] = `
699
689
  data-test-id="boxComponent"
700
690
  >
701
691
  <input
702
- class="input "
692
+ class="input"
703
693
  id="SwitchID"
704
694
  type="checkbox"
705
695
  value=""
706
696
  />
707
697
  <label
708
- class="label switch_mediumLabel "
698
+ class="label switch_mediumLabel"
709
699
  for="SwitchID"
710
700
  tabindex="0"
711
701
  />
712
702
  </div>
713
703
  <label
714
- class="label subtitle small primary font_default
715
- pointer "
704
+ class="label subtitle small primary font_default pointer"
716
705
  data-id="label"
717
706
  data-selector-id="label"
718
707
  data-test-id="label"
@@ -741,13 +730,13 @@ exports[`Switch rendering the size of- medium 1`] = `
741
730
  data-test-id="boxComponent"
742
731
  >
743
732
  <input
744
- class="input "
733
+ class="input"
745
734
  id="SwitchID"
746
735
  type="checkbox"
747
736
  value=""
748
737
  />
749
738
  <label
750
- class="label switch_mediumLabel "
739
+ class="label switch_mediumLabel"
751
740
  for="SwitchID"
752
741
  tabindex="0"
753
742
  />
@@ -773,13 +762,13 @@ exports[`Switch rendering the size of- small 1`] = `
773
762
  data-test-id="boxComponent"
774
763
  >
775
764
  <input
776
- class="input "
765
+ class="input"
777
766
  id="SwitchID"
778
767
  type="checkbox"
779
768
  value=""
780
769
  />
781
770
  <label
782
- class="label switch_smallLabel "
771
+ class="label switch_smallLabel"
783
772
  for="SwitchID"
784
773
  tabindex="0"
785
774
  />
@@ -805,20 +794,19 @@ exports[`Switch rendering the text 1`] = `
805
794
  data-test-id="boxComponent"
806
795
  >
807
796
  <input
808
- class="input "
797
+ class="input"
809
798
  id="SwitchID"
810
799
  type="checkbox"
811
800
  value=""
812
801
  />
813
802
  <label
814
- class="label switch_mediumLabel "
803
+ class="label switch_mediumLabel"
815
804
  for="SwitchID"
816
805
  tabindex="0"
817
806
  />
818
807
  </div>
819
808
  <label
820
- class="label subtitle medium primary font_default
821
- pointer "
809
+ class="label subtitle medium primary font_default pointer"
822
810
  data-id="label"
823
811
  data-selector-id="label"
824
812
  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 rtl basic icon-menu "
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 rtl basic icon-menu "
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 rtl basic icon-menu "
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 rtl basic icon-menu "
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"