@zohodesk/components 1.6.21 → 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 (152) 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/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/CheckBox/CheckBox.js +2 -2
  10. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +108 -182
  11. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -41
  12. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  13. package/es/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  14. package/es/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  15. package/es/DateTime/CalendarView.js +2 -2
  16. package/es/DateTime/DateWidget.js +2 -2
  17. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +24 -24
  18. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  19. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  20. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  21. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +6 -6
  22. package/es/DropDown/DropDownItem.js +1 -1
  23. package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  24. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  25. package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  26. package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  27. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  28. package/es/Label/Label.js +1 -1
  29. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  30. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  31. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  32. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  33. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  34. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  35. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  36. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +1 -1
  37. package/es/MultiSelect/MultiSelect.js +1 -1
  38. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  39. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  40. package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  41. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -34
  42. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  43. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  44. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  45. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  46. package/es/Radio/Radio.js +1 -1
  47. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  48. package/es/Ribbon/Ribbon.js +3 -16
  49. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  50. package/es/Select/SelectWithAvatar.js +1 -1
  51. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  52. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  53. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  54. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  55. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  56. package/es/Switch/Switch.js +1 -1
  57. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +76 -88
  58. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  59. package/es/Tag/Tag.js +1 -2
  60. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -288
  61. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  62. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  63. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  64. package/es/Textarea/Textarea.js +1 -1
  65. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  66. package/es/Tooltip/Tooltip.js +1 -1
  67. package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  68. package/es/Typography/css/cssJSLogic.js +2 -2
  69. package/es/common/basic.module.css +9 -8
  70. package/es/deprecated/Switch/Switch.js +1 -1
  71. package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  72. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  73. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  74. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  75. package/es/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  76. package/es/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  77. package/lib/AppContainer/AppContainer.module.css +9 -3
  78. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
  79. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
  80. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
  81. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  82. package/lib/Button/css/cssJSLogic.js +3 -3
  83. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  84. package/lib/CheckBox/CheckBox.js +2 -2
  85. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +108 -182
  86. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -41
  87. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  88. package/lib/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  89. package/lib/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  90. package/lib/DateTime/CalendarView.js +2 -2
  91. package/lib/DateTime/DateWidget.js +2 -2
  92. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +24 -24
  93. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  94. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  95. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  96. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +2 -2
  97. package/lib/DropDown/DropDownItem.js +1 -1
  98. package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  99. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  100. package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  101. package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  102. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  103. package/lib/Label/Label.js +1 -1
  104. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  105. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  106. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  107. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  108. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  109. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  110. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  111. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +1 -1
  112. package/lib/MultiSelect/MultiSelect.js +1 -1
  113. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  114. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  115. package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  116. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -34
  117. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  118. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  119. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  120. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  121. package/lib/Radio/Radio.js +1 -1
  122. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  123. package/lib/Ribbon/Ribbon.js +2 -15
  124. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  125. package/lib/Select/SelectWithAvatar.js +1 -1
  126. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  127. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  128. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  129. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  130. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  131. package/lib/Switch/Switch.js +1 -1
  132. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +76 -88
  133. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  134. package/lib/Tag/Tag.js +1 -1
  135. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -288
  136. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  137. package/lib/TextBoxIcon/TextBoxIcon.js +1 -1
  138. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  139. package/lib/Textarea/Textarea.js +1 -1
  140. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  141. package/lib/Tooltip/Tooltip.js +1 -1
  142. package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  143. package/lib/Typography/css/cssJSLogic.js +1 -1
  144. package/lib/common/basic.module.css +9 -8
  145. package/lib/deprecated/Switch/Switch.js +1 -1
  146. package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  147. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  148. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  149. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  150. package/lib/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  151. package/lib/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  152. package/package.json +11 -12
package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`Buttongrop - Checking the "customclass" 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="buttonGroup undefined customClassButtonGroup"
6
+ class="buttonGroup customClassButtonGroup"
7
7
  data-id="ButtonGroup"
8
8
  data-selector-id="buttonGroup"
9
9
  data-test-id="ButtonGroup"
@@ -28,7 +28,7 @@ exports[`Buttongrop - Checking the "customclass" 1`] = `
28
28
  exports[`Buttongrop - rendering the "buttonPosition" to - center 1`] = `
29
29
  <DocumentFragment>
30
30
  <div
31
- class="buttonGroup undefined "
31
+ class="buttonGroup"
32
32
  data-id="ButtonGroup"
33
33
  data-selector-id="buttonGroup"
34
34
  data-test-id="ButtonGroup"
@@ -53,7 +53,7 @@ exports[`Buttongrop - rendering the "buttonPosition" to - center 1`] = `
53
53
  exports[`Buttongrop - rendering the "buttonPosition" to - left 1`] = `
54
54
  <DocumentFragment>
55
55
  <div
56
- class="buttonGroup undefined "
56
+ class="buttonGroup"
57
57
  data-id="ButtonGroup"
58
58
  data-selector-id="buttonGroup"
59
59
  data-test-id="ButtonGroup"
@@ -78,7 +78,7 @@ exports[`Buttongrop - rendering the "buttonPosition" to - left 1`] = `
78
78
  exports[`Buttongrop - rendering the "buttonPosition" to - right 1`] = `
79
79
  <DocumentFragment>
80
80
  <div
81
- class="buttonGroup undefined "
81
+ class="buttonGroup"
82
82
  data-id="ButtonGroup"
83
83
  data-selector-id="buttonGroup"
84
84
  data-test-id="ButtonGroup"
@@ -103,7 +103,7 @@ exports[`Buttongrop - rendering the "buttonPosition" to - right 1`] = `
103
103
  exports[`Buttongrop - rendering the "type" - footer 1`] = `
104
104
  <DocumentFragment>
105
105
  <div
106
- class="buttonGroup footer "
106
+ class="buttonGroup footer"
107
107
  data-id="ButtonGroup"
108
108
  data-selector-id="buttonGroup"
109
109
  data-test-id="ButtonGroup"
@@ -128,7 +128,7 @@ exports[`Buttongrop - rendering the "type" - footer 1`] = `
128
128
  exports[`Buttongrop - rendering the "type" - header 1`] = `
129
129
  <DocumentFragment>
130
130
  <div
131
- class="buttonGroup header "
131
+ class="buttonGroup header"
132
132
  data-id="ButtonGroup"
133
133
  data-selector-id="buttonGroup"
134
134
  data-test-id="ButtonGroup"
@@ -153,7 +153,7 @@ exports[`Buttongrop - rendering the "type" - header 1`] = `
153
153
  exports[`Buttongrop - rendering the "type" - tab 1`] = `
154
154
  <DocumentFragment>
155
155
  <div
156
- class="buttonGroup tab "
156
+ class="buttonGroup tab"
157
157
  data-id="ButtonGroup"
158
158
  data-selector-id="buttonGroup"
159
159
  data-test-id="ButtonGroup"
@@ -178,7 +178,7 @@ exports[`Buttongrop - rendering the "type" - tab 1`] = `
178
178
  exports[`Buttongrop - rendering the default props 1`] = `
179
179
  <DocumentFragment>
180
180
  <div
181
- class="buttonGroup undefined "
181
+ class="buttonGroup"
182
182
  data-id="ButtonGroup"
183
183
  data-selector-id="buttonGroup"
184
184
  data-test-id="ButtonGroup"
package/lib/CheckBox/CheckBox.js CHANGED
@@ -152,7 +152,7 @@ var CheckBox = /*#__PURE__*/function (_React$Component) {
152
152
  "aria-hidden": ariaHidden,
153
153
  dataSelectorId: dataSelectorId || id
154
154
  }, CheckBoxProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
155
- className: "".concat(_CheckBoxModule["default"].boxContainer, " ").concat(secondaryText ? _CheckBoxModule["default"].withSecondaryText : '', " ").concat(_CheckBoxModule["default"][size], " ").concat(customCBoxSize, " ").concat(isFilled ? _CheckBoxModule["default"].filled : '', " ").concat(!isEditable ? "".concat(_CheckBoxModule["default"]["disabled"]) : ''),
155
+ className: "".concat(_CheckBoxModule["default"].boxContainer, " ").concat(secondaryText ? _CheckBoxModule["default"].withSecondaryText : '', " ").concat(_CheckBoxModule["default"][size], " ").concat(isFilled ? _CheckBoxModule["default"].filled : '', " ").concat(!isEditable ? "".concat(_CheckBoxModule["default"]["disabled"]) : '', " ").concat(customCBoxSize),
156
156
  align: secondaryText ? "start" : undefined
157
157
  }, /*#__PURE__*/_react["default"].createElement("input", {
158
158
  type: "hidden",
@@ -179,7 +179,7 @@ var CheckBox = /*#__PURE__*/function (_React$Component) {
179
179
  })), checked ? /*#__PURE__*/_react["default"].createElement("svg", {
180
180
  xmlns: "http://www.w3.org/2000/svg",
181
181
  viewBox: "0 0 44 44",
182
- className: "".concat(_CheckBoxModule["default"].tick, " ").concat(_CheckBoxModule["default"]["".concat(size, "tick")], " ").concat(customTickSize, " ").concat(disabled ? (0, _CssProvider["default"])('isDisabled') : '')
182
+ className: "".concat(_CheckBoxModule["default"].tick, " ").concat(_CheckBoxModule["default"]["".concat(size, "tick")], " ").concat(disabled ? (0, _CssProvider["default"])('isDisabled') : '', " ").concat(customTickSize)
183
183
  }, /*#__PURE__*/_react["default"].createElement("polyline", {
184
184
  points: "12.56 19 19.61 26.06 40.39 5.28",
185
185
  className: "".concat(_CheckBoxModule["default"].tickPath, " ").concat(_CheckBoxModule["default"].checkedtickPath)