@zohodesk/components 1.6.20 → 1.6.22-exp-1

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 (200) hide show
  1. package/README.md +10 -0
  2. package/es/AppContainer/AppContainer.module.css +9 -3
  3. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +22 -22
  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/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  7. package/es/Button/css/cssJSLogic.js +6 -6
  8. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  9. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  10. package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  11. package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  12. package/es/CheckBox/CheckBox.js +2 -2
  13. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +153 -250
  14. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +67 -76
  15. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +45 -45
  16. package/es/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  17. package/es/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  18. package/es/DateTime/CalendarView.js +2 -2
  19. package/es/DateTime/DateWidget.js +2 -2
  20. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  21. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +102 -102
  22. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  23. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +9 -9
  24. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +9 -9
  25. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  26. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +34 -34
  27. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +6 -6
  28. package/es/DropDown/DropDownItem.js +1 -1
  29. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  30. package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  31. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  32. package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  33. package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  34. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  35. package/es/Label/Label.js +1 -1
  36. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  37. package/es/Layout/Box.js +1 -115
  38. package/es/Layout/Container.js +1 -132
  39. package/es/Layout/props/defaultProps.js +1 -16
  40. package/es/Layout/props/propTypes.js +1 -46
  41. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  42. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  43. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  44. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +69 -76
  45. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  46. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +62 -69
  47. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +4 -4
  48. package/es/MultiSelect/MultiSelect.js +1 -1
  49. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +9 -10
  50. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +59 -62
  51. package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  52. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +50 -59
  53. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +7 -7
  54. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +11 -12
  55. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +7 -7
  56. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  57. package/es/Radio/Radio.js +1 -1
  58. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +117 -197
  59. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  60. package/es/Ribbon/Ribbon.js +3 -16
  61. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  62. package/es/Select/SelectWithAvatar.js +1 -1
  63. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +9 -9
  64. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +1015 -1015
  65. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +4 -4
  66. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +12 -12
  67. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  68. package/es/Switch/Switch.js +1 -1
  69. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +98 -110
  70. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  71. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  72. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  73. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +40 -40
  74. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  75. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  76. package/es/Tag/Tag.js +1 -2
  77. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +242 -334
  78. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  79. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  80. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +206 -206
  81. package/es/Textarea/Textarea.js +1 -1
  82. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  83. package/es/Tooltip/Tooltip.js +1 -1
  84. package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  85. package/es/Typography/css/cssJSLogic.js +2 -2
  86. package/es/common/basic.module.css +9 -8
  87. package/es/css.js +0 -1
  88. package/es/deprecated/Switch/Switch.js +1 -1
  89. package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  90. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +20 -20
  91. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  92. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  93. package/es/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  94. package/es/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  95. package/lib/AppContainer/AppContainer.module.css +9 -3
  96. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +22 -22
  97. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
  98. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
  99. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  100. package/lib/Button/css/cssJSLogic.js +3 -3
  101. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  102. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  103. package/lib/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  104. package/lib/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  105. package/lib/CheckBox/CheckBox.js +2 -2
  106. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +153 -250
  107. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +67 -76
  108. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +45 -45
  109. package/lib/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  110. package/lib/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  111. package/lib/DateTime/CalendarView.js +2 -2
  112. package/lib/DateTime/DateWidget.js +2 -2
  113. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  114. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +102 -102
  115. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  116. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +9 -9
  117. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +9 -9
  118. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  119. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +34 -34
  120. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +2 -2
  121. package/lib/DropDown/DropDownItem.js +1 -1
  122. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  123. package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  124. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  125. package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  126. package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  127. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  128. package/lib/Label/Label.js +1 -1
  129. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  130. package/lib/Layout/Box.js +7 -120
  131. package/lib/Layout/Container.js +7 -137
  132. package/lib/Layout/props/defaultProps.js +14 -19
  133. package/lib/Layout/props/propTypes.js +13 -52
  134. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  135. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  136. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  137. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +69 -76
  138. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  139. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +62 -69
  140. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +4 -4
  141. package/lib/MultiSelect/MultiSelect.js +1 -1
  142. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +9 -10
  143. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +59 -62
  144. package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  145. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +50 -59
  146. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +7 -7
  147. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +11 -12
  148. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +7 -7
  149. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  150. package/lib/Radio/Radio.js +1 -1
  151. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +117 -197
  152. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  153. package/lib/Ribbon/Ribbon.js +2 -15
  154. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  155. package/lib/Select/SelectWithAvatar.js +1 -1
  156. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +9 -9
  157. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +1015 -1015
  158. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +4 -4
  159. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +12 -12
  160. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  161. package/lib/Switch/Switch.js +1 -1
  162. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +98 -110
  163. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  164. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  165. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  166. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +40 -40
  167. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  168. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  169. package/lib/Tag/Tag.js +1 -1
  170. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +242 -334
  171. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  172. package/lib/TextBoxIcon/TextBoxIcon.js +1 -1
  173. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +206 -206
  174. package/lib/Textarea/Textarea.js +1 -1
  175. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  176. package/lib/Tooltip/Tooltip.js +1 -1
  177. package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  178. package/lib/Typography/css/cssJSLogic.js +1 -1
  179. package/lib/common/basic.module.css +9 -8
  180. package/lib/css.js +0 -2
  181. package/lib/deprecated/Switch/Switch.js +1 -1
  182. package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  183. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +20 -20
  184. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  185. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  186. package/lib/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  187. package/lib/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  188. package/package.json +13 -14
  189. package/es/Layout/Layout.module.css +0 -336
  190. package/es/Layout/__tests__/Box.spec.js +0 -11
  191. package/es/Layout/__tests__/Container.spec.js +0 -11
  192. package/es/Layout/__tests__/__snapshots__/Box.spec.js.snap +0 -16
  193. package/es/Layout/__tests__/__snapshots__/Container.spec.js.snap +0 -16
  194. package/es/Layout/utils.js +0 -29
  195. package/lib/Layout/Layout.module.css +0 -336
  196. package/lib/Layout/__tests__/Box.spec.js +0 -18
  197. package/lib/Layout/__tests__/Container.spec.js +0 -18
  198. package/lib/Layout/__tests__/__snapshots__/Box.spec.js.snap +0 -16
  199. package/lib/Layout/__tests__/__snapshots__/Container.spec.js.snap +0 -16
  200. package/lib/Layout/utils.js +0 -59
package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`Avatar rendering BorderOnActive true 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="avatar medium medium circle primary black border borderOnActive "
6
+ class="avatar medium medium circle primary black border borderOnActive"
7
7
  data-id="Avatar"
8
8
  data-selector-id="avatar"
9
9
  data-test-id="Avatar"
@@ -21,7 +21,7 @@ exports[`Avatar rendering BorderOnActive true 1`] = `
21
21
  exports[`Avatar rendering Name in 2 Word 1`] = `
22
22
  <DocumentFragment>
23
23
  <div
24
- class="avatar medium medium circle primary black border "
24
+ class="avatar medium medium circle primary black border"
25
25
  data-id="Avatar"
26
26
  data-selector-id="avatar"
27
27
  data-test-id="Avatar"
@@ -42,7 +42,7 @@ exports[`Avatar rendering Name in 2 Word 1`] = `
42
42
  exports[`Avatar rendering NeedBorder false 1`] = `
43
43
  <DocumentFragment>
44
44
  <div
45
- class="avatar medium medium circle primary black "
45
+ class="avatar medium medium circle primary black"
46
46
  data-id="Avatar"
47
47
  data-selector-id="avatar"
48
48
  data-test-id="Avatar"
@@ -60,20 +60,20 @@ exports[`Avatar rendering NeedBorder false 1`] = `
60
60
  exports[`Avatar rendering alternateSrc 1`] = `
61
61
  <DocumentFragment>
62
62
  <div
63
- class="avatar medium medium circle primary black "
63
+ class="avatar medium medium circle primary black"
64
64
  data-id="Avatar"
65
65
  data-selector-id="avatar"
66
66
  data-test-id="Avatar"
67
67
  >
68
68
  <img
69
- class="image animate "
69
+ class="image animate"
70
70
  data-id="Avatar_AvatarImg"
71
71
  data-selector-id="avatar_AvatarImg"
72
72
  data-test-id="Avatar_AvatarImg"
73
73
  src="https://www.w3schools.com/images/w3schools_green.jpg"
74
74
  />
75
75
  <span
76
- class="shadow black "
76
+ class="shadow black"
77
77
  />
78
78
  </div>
79
79
  </DocumentFragment>
@@ -82,7 +82,7 @@ exports[`Avatar rendering alternateSrc 1`] = `
82
82
  exports[`Avatar rendering borderOnHover true 1`] = `
83
83
  <DocumentFragment>
84
84
  <div
85
- class="avatar medium medium circle primary black border borderOnHover "
85
+ class="avatar medium medium circle primary black border borderOnHover"
86
86
  data-id="Avatar"
87
87
  data-selector-id="avatar"
88
88
  data-test-id="Avatar"
@@ -100,7 +100,7 @@ exports[`Avatar rendering borderOnHover true 1`] = `
100
100
  exports[`Avatar rendering customClass true 1`] = `
101
101
  <DocumentFragment>
102
102
  <div
103
- class="avatar medium medium circle primary black border customClassAvatar"
103
+ class="avatar medium medium circle primary black border customClassAvatar"
104
104
  data-id="Avatar"
105
105
  data-selector-id="avatar"
106
106
  data-test-id="Avatar"
@@ -118,7 +118,7 @@ exports[`Avatar rendering customClass true 1`] = `
118
118
  exports[`Avatar rendering initial 1`] = `
119
119
  <DocumentFragment>
120
120
  <div
121
- class="avatar medium medium circle primary black border "
121
+ class="avatar medium medium circle primary black border"
122
122
  data-id="Avatar"
123
123
  data-selector-id="avatar"
124
124
  data-test-id="Avatar"
@@ -138,20 +138,20 @@ exports[`Avatar rendering initial 1`] = `
138
138
  exports[`Avatar rendering isAnimate is false 1`] = `
139
139
  <DocumentFragment>
140
140
  <div
141
- class="avatar medium medium circle primary black "
141
+ class="avatar medium medium circle primary black"
142
142
  data-id="Avatar"
143
143
  data-selector-id="avatar"
144
144
  data-test-id="Avatar"
145
145
  >
146
146
  <img
147
- class="image "
147
+ class="image"
148
148
  data-id="Avatar_AvatarImg"
149
149
  data-selector-id="avatar_AvatarImg"
150
150
  data-test-id="Avatar_AvatarImg"
151
151
  src="https://www.w3schools.com/images/w3schools_green.jpg"
152
152
  />
153
153
  <span
154
- class="shadow black "
154
+ class="shadow black"
155
155
  />
156
156
  </div>
157
157
  </DocumentFragment>
@@ -160,20 +160,20 @@ exports[`Avatar rendering isAnimate is false 1`] = `
160
160
  exports[`Avatar rendering needInnerBorder is true 1`] = `
161
161
  <DocumentFragment>
162
162
  <div
163
- class="avatar medium medium circle primary black "
163
+ class="avatar medium medium circle primary black"
164
164
  data-id="Avatar"
165
165
  data-selector-id="avatar"
166
166
  data-test-id="Avatar"
167
167
  >
168
168
  <img
169
- class="image innerBorder"
169
+ class="image innerBorder"
170
170
  data-id="Avatar_AvatarImg"
171
171
  data-selector-id="avatar_AvatarImg"
172
172
  data-test-id="Avatar_AvatarImg"
173
173
  src="https://www.w3schools.com/images/w3schools_green.jpg"
174
174
  />
175
175
  <span
176
- class="shadow black "
176
+ class="shadow black"
177
177
  />
178
178
  </div>
179
179
  </DocumentFragment>
@@ -182,7 +182,7 @@ exports[`Avatar rendering needInnerBorder is true 1`] = `
182
182
  exports[`Avatar rendering needTitle 1`] = `
183
183
  <DocumentFragment>
184
184
  <div
185
- class="avatar medium medium circle primary black border "
185
+ class="avatar medium medium circle primary black border"
186
186
  data-id="Avatar"
187
187
  data-selector-id="avatar"
188
188
  data-test-id="Avatar"
@@ -201,20 +201,20 @@ exports[`Avatar rendering needTitle 1`] = `
201
201
  exports[`Avatar rendering showAlternateAvatar is enabled border get disabled 1`] = `
202
202
  <DocumentFragment>
203
203
  <div
204
- class="avatar medium medium circle primary black "
204
+ class="avatar medium medium circle primary black"
205
205
  data-id="Avatar"
206
206
  data-selector-id="avatar"
207
207
  data-test-id="Avatar"
208
208
  >
209
209
  <img
210
- class="image animate "
210
+ class="image animate"
211
211
  data-id="Avatar_AvatarImg"
212
212
  data-selector-id="avatar_AvatarImg"
213
213
  data-test-id="Avatar_AvatarImg"
214
214
  src="https://www.w3schools.com/css/img_5terre.jpg"
215
215
  />
216
216
  <span
217
- class="shadow black "
217
+ class="shadow black"
218
218
  />
219
219
  </div>
220
220
  </DocumentFragment>
@@ -223,13 +223,13 @@ exports[`Avatar rendering showAlternateAvatar is enabled border get disabled 1`]
223
223
  exports[`Avatar rendering showDefaultBorder is true 1`] = `
224
224
  <DocumentFragment>
225
225
  <div
226
- class="avatar medium medium circle primary black border "
226
+ class="avatar medium medium circle primary black border"
227
227
  data-id="Avatar"
228
228
  data-selector-id="avatar"
229
229
  data-test-id="Avatar"
230
230
  >
231
231
  <img
232
- class="image animate "
232
+ class="image animate"
233
233
  data-id="Avatar_AvatarImg"
234
234
  data-selector-id="avatar_AvatarImg"
235
235
  data-test-id="Avatar_AvatarImg"
@@ -242,7 +242,7 @@ exports[`Avatar rendering showDefaultBorder is true 1`] = `
242
242
  exports[`Avatar rendering src 1`] = `
243
243
  <DocumentFragment>
244
244
  <div
245
- class="avatar medium medium circle primary black "
245
+ class="avatar medium medium circle primary black"
246
246
  data-id="Avatar"
247
247
  data-selector-id="avatar"
248
248
  data-test-id="Avatar"
@@ -250,7 +250,7 @@ exports[`Avatar rendering src 1`] = `
250
250
  >
251
251
  <img
252
252
  alt="AvatarName"
253
- class="image animate "
253
+ class="image animate"
254
254
  data-id="Avatar_AvatarImg"
255
255
  data-selector-id="avatar_AvatarImg"
256
256
  data-test-id="Avatar_AvatarImg"
@@ -258,7 +258,7 @@ exports[`Avatar rendering src 1`] = `
258
258
  src="https://www.w3schools.com/images/w3schools_green.jpg"
259
259
  />
260
260
  <span
261
- class="shadow black "
261
+ class="shadow black"
262
262
  />
263
263
  </div>
264
264
  </DocumentFragment>
@@ -267,7 +267,7 @@ exports[`Avatar rendering src 1`] = `
267
267
  exports[`Avatar rendering the Custom props 1`] = `
268
268
  <DocumentFragment>
269
269
  <div
270
- class="avatar medium medium circle primary black border "
270
+ class="avatar medium medium circle primary black border"
271
271
  data-avatar="true"
272
272
  data-id="Avatar"
273
273
  data-selector-id="avatar"
@@ -286,7 +286,7 @@ exports[`Avatar rendering the Custom props 1`] = `
286
286
  exports[`Avatar rendering the defult props 1`] = `
287
287
  <DocumentFragment>
288
288
  <div
289
- class="avatar medium medium circle primary black border "
289
+ class="avatar medium medium circle primary black border"
290
290
  data-id="Avatar"
291
291
  data-selector-id="avatar"
292
292
  data-test-id="Avatar"
@@ -304,7 +304,7 @@ exports[`Avatar rendering the defult props 1`] = `
304
304
  exports[`Avatar rendering the palette of- default 1`] = `
305
305
  <DocumentFragment>
306
306
  <div
307
- class="avatar medium medium circle default black border "
307
+ class="avatar medium medium circle default black border"
308
308
  data-id="Avatar"
309
309
  data-selector-id="avatar"
310
310
  data-test-id="Avatar"
@@ -322,7 +322,7 @@ exports[`Avatar rendering the palette of- default 1`] = `
322
322
  exports[`Avatar rendering the palette of- info 1`] = `
323
323
  <DocumentFragment>
324
324
  <div
325
- class="avatar medium medium circle info black border "
325
+ class="avatar medium medium circle info black border"
326
326
  data-id="Avatar"
327
327
  data-selector-id="avatar"
328
328
  data-test-id="Avatar"
@@ -340,7 +340,7 @@ exports[`Avatar rendering the palette of- info 1`] = `
340
340
  exports[`Avatar rendering the palette of- primary 1`] = `
341
341
  <DocumentFragment>
342
342
  <div
343
- class="avatar medium medium circle primary black border "
343
+ class="avatar medium medium circle primary black border"
344
344
  data-id="Avatar"
345
345
  data-selector-id="avatar"
346
346
  data-test-id="Avatar"
@@ -358,7 +358,7 @@ exports[`Avatar rendering the palette of- primary 1`] = `
358
358
  exports[`Avatar rendering the palette of- secondary 1`] = `
359
359
  <DocumentFragment>
360
360
  <div
361
- class="avatar medium medium circle secondary white border "
361
+ class="avatar medium medium circle secondary white border"
362
362
  data-id="Avatar"
363
363
  data-selector-id="avatar"
364
364
  data-test-id="Avatar"
@@ -376,7 +376,7 @@ exports[`Avatar rendering the palette of- secondary 1`] = `
376
376
  exports[`Avatar rendering the shape of- circle 1`] = `
377
377
  <DocumentFragment>
378
378
  <div
379
- class="avatar medium medium circle primary black border "
379
+ class="avatar medium medium circle primary black border"
380
380
  data-id="Avatar"
381
381
  data-selector-id="avatar"
382
382
  data-test-id="Avatar"
@@ -394,7 +394,7 @@ exports[`Avatar rendering the shape of- circle 1`] = `
394
394
  exports[`Avatar rendering the shape of- square 1`] = `
395
395
  <DocumentFragment>
396
396
  <div
397
- class="avatar medium medium square_medium primary black border "
397
+ class="avatar medium medium square_medium primary black border"
398
398
  data-id="Avatar"
399
399
  data-selector-id="avatar"
400
400
  data-test-id="Avatar"
@@ -412,7 +412,7 @@ exports[`Avatar rendering the shape of- square 1`] = `
412
412
  exports[`Avatar rendering the size of- black 1`] = `
413
413
  <DocumentFragment>
414
414
  <div
415
- class="avatar medium medium circle primary black border "
415
+ class="avatar medium medium circle primary black border"
416
416
  data-id="Avatar"
417
417
  data-selector-id="avatar"
418
418
  data-test-id="Avatar"
@@ -430,7 +430,7 @@ exports[`Avatar rendering the size of- black 1`] = `
430
430
  exports[`Avatar rendering the size of- large 1`] = `
431
431
  <DocumentFragment>
432
432
  <div
433
- class="avatar large large circle primary black border "
433
+ class="avatar large large circle primary black border"
434
434
  data-id="Avatar"
435
435
  data-selector-id="avatar"
436
436
  data-test-id="Avatar"
@@ -448,7 +448,7 @@ exports[`Avatar rendering the size of- large 1`] = `
448
448
  exports[`Avatar rendering the size of- medium 1`] = `
449
449
  <DocumentFragment>
450
450
  <div
451
- class="avatar medium medium circle primary black border "
451
+ class="avatar medium medium circle primary black border"
452
452
  data-id="Avatar"
453
453
  data-selector-id="avatar"
454
454
  data-test-id="Avatar"
@@ -466,7 +466,7 @@ exports[`Avatar rendering the size of- medium 1`] = `
466
466
  exports[`Avatar rendering the size of- small 1`] = `
467
467
  <DocumentFragment>
468
468
  <div
469
- class="avatar small small circle primary black border "
469
+ class="avatar small small circle primary black border"
470
470
  data-id="Avatar"
471
471
  data-selector-id="avatar"
472
472
  data-test-id="Avatar"
@@ -484,7 +484,7 @@ exports[`Avatar rendering the size of- small 1`] = `
484
484
  exports[`Avatar rendering the size of- white 1`] = `
485
485
  <DocumentFragment>
486
486
  <div
487
- class="avatar medium medium circle primary white border "
487
+ class="avatar medium medium circle primary white border"
488
488
  data-id="Avatar"
489
489
  data-selector-id="avatar"
490
490
  data-test-id="Avatar"
@@ -502,7 +502,7 @@ exports[`Avatar rendering the size of- white 1`] = `
502
502
  exports[`Avatar rendering the size of- xlarge 1`] = `
503
503
  <DocumentFragment>
504
504
  <div
505
- class="avatar xlarge xlarge circle primary black border "
505
+ class="avatar xlarge xlarge circle primary black border"
506
506
  data-id="Avatar"
507
507
  data-selector-id="avatar"
508
508
  data-test-id="Avatar"
@@ -520,7 +520,7 @@ exports[`Avatar rendering the size of- xlarge 1`] = `
520
520
  exports[`Avatar rendering the size of- xmedium 1`] = `
521
521
  <DocumentFragment>
522
522
  <div
523
- class="avatar xmedium xmedium circle primary black border "
523
+ class="avatar xmedium xmedium circle primary black border"
524
524
  data-id="Avatar"
525
525
  data-selector-id="avatar"
526
526
  data-test-id="Avatar"
@@ -538,7 +538,7 @@ exports[`Avatar rendering the size of- xmedium 1`] = `
538
538
  exports[`Avatar rendering the size of- xsmall 1`] = `
539
539
  <DocumentFragment>
540
540
  <div
541
- class="avatar xsmall xsmall circle primary black border "
541
+ class="avatar xsmall xsmall circle primary black border"
542
542
  data-id="Avatar"
543
543
  data-selector-id="avatar"
544
544
  data-test-id="Avatar"
@@ -556,7 +556,7 @@ exports[`Avatar rendering the size of- xsmall 1`] = `
556
556
  exports[`Avatar rendering the size of- xxsmall 1`] = `
557
557
  <DocumentFragment>
558
558
  <div
559
- class="avatar xxsmall xxsmall circle primary black border "
559
+ class="avatar xxsmall xxsmall circle primary black border"
560
560
  data-id="Avatar"
561
561
  data-selector-id="avatar"
562
562
  data-test-id="Avatar"
@@ -574,7 +574,7 @@ exports[`Avatar rendering the size of- xxsmall 1`] = `
574
574
  exports[`Avatar rendering title 1`] = `
575
575
  <DocumentFragment>
576
576
  <div
577
- class="avatar medium medium circle primary black border "
577
+ class="avatar medium medium circle primary black border"
578
578
  data-id="Avatar"
579
579
  data-selector-id="avatar"
580
580
  data-test-id="Avatar"