@zohodesk/components 1.0.0-temp-195.1 → 1.0.0-temp-197

package/lib/RippleEffect/__tests__/RippleEffect.spec.js

@@ -40,7 +40,7 @@ describe('RippleEffect', function () {
 
     expect(asFragment()).toMatchSnapshot();
   });
-  var hoverTypes = ['default', 'border', 'bg', 'test'];
+  var hoverTypes = ['default', 'border', 'bg'];
   test.each(hoverTypes)('rendering hoverType of- %s', function (hoverType) {
     var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
       hoverType: hoverType

package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap

@@ -30,16 +30,6 @@ exports[`RippleEffect rendering hoverType of- default 1`] = `
 </DocumentFragment>
 `;
 
-exports[`RippleEffect rendering hoverType of- test 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect default border   hoverEffect "
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
 exports[`RippleEffect rendering isActive is true 1`] = `
 <DocumentFragment>
   <div

package/lib/Select/GroupSelect.js

@@ -420,9 +420,9 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
           isReadOnly = _this$props4.isReadOnly;
       var normalizedAllOptions = this.normalizedAllOptions;
 
-      var _extractOptionId = (0, _dropDownUtils.extractOptionId)(id),
-          selected = _extractOptionId.id,
-          groupId = _extractOptionId.groupId;
+      var _ref = (0, _dropDownUtils.extractOptionId)(id) || (0, _dropDownUtils.extractOptionIdFromJson)(id, normalizedAllOptions),
+          selected = _ref.id,
+          groupId = _ref.groupId;
 
       if (!(0, _Common.getIsEmptyValue)(id) && !isReadOnly) {
         onChange && onChange({
@@ -477,8 +477,8 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "handleSelectFocus",
     value: function handleSelectFocus(e) {
-      var _ref = e || {},
-          target = _ref.target;
+      var _ref2 = e || {},
+          target = _ref2.target;
 
       target && target.setSelectionRange(target, 0);
     }
@@ -608,8 +608,8 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
     }
   }, {
     key: "responsiveFunc",
-    value: function responsiveFunc(_ref2) {
-      var mediaQueryOR = _ref2.mediaQueryOR;
+    value: function responsiveFunc(_ref3) {
+      var mediaQueryOR = _ref3.mediaQueryOR;
       return {
         tabletMode: mediaQueryOR([{
           maxWidth: 700
@@ -677,9 +677,9 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
           suggestionGroups = _this$handleFilterSug4.suggestionGroups,
           suggestionOptionIds = _this$handleFilterSug4.suggestionOptionIds;
 
-      var _ref3 = normalizedFormatOptions[selectedId] || {},
-          _ref3$value = _ref3.value,
-          selected = _ref3$value === void 0 ? '' : _ref3$value;
+      var _ref4 = normalizedFormatOptions[selectedId] || {},
+          _ref4$value = _ref4.value,
+          selected = _ref4$value === void 0 ? '' : _ref4$value;
 
       var setAriaId = this.getNextAriaId();
       var ariaErrorId = this.getNextAriaId();
@@ -765,8 +765,8 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
       }))), !isReadOnly && !isDisabled && isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
         query: this.responsiveFunc,
         responsiveId: "Helmet"
-      }, function (_ref4) {
-        var tabletMode = _ref4.tabletMode;
+      }, function (_ref5) {
+        var tabletMode = _ref5.tabletMode;
         return /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], {
           animationStyle: animationStyle,
           boxPosition: position || "".concat(defaultDropBoxPosition, "Center"),

package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap

@@ -1,89 +1,89 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Stencils rendering the customClass 1`] = `
-<DocumentFragment>
-  <div
-    class="container rectangular medium primary StencilsCustomClass"
-  />
-</DocumentFragment>
-`;
-
-exports[`Stencils rendering the defult props 1`] = `
-<DocumentFragment>
-  <div
-    class="container rectangular medium primary "
-  />
-</DocumentFragment>
-`;
-
-exports[`Stencils rendering the palette of- dark 1`] = `
-<DocumentFragment>
-  <div
-    class="container rectangular medium dark "
-  />
-</DocumentFragment>
-`;
-
-exports[`Stencils rendering the palette of- primary 1`] = `
-<DocumentFragment>
-  <div
-    class="container rectangular medium primary "
-  />
-</DocumentFragment>
-`;
-
-exports[`Stencils rendering the palette of- secondary 1`] = `
-<DocumentFragment>
-  <div
-    class="container rectangular medium secondary "
-  />
-</DocumentFragment>
-`;
-
-exports[`Stencils rendering the shape of- circle 1`] = `
-<DocumentFragment>
-  <div
-    class="container circle cmedium primary "
-  />
-</DocumentFragment>
-`;
-
-exports[`Stencils rendering the shape of- rect 1`] = `
-<DocumentFragment>
-  <div
-    class="container rectangular medium primary "
-  />
-</DocumentFragment>
-`;
-
-exports[`Stencils rendering the size of- default 1`] = `
-<DocumentFragment>
-  <div
-    class="container rectangular default primary "
-  />
-</DocumentFragment>
-`;
-
-exports[`Stencils rendering the size of- large 1`] = `
-<DocumentFragment>
-  <div
-    class="container rectangular large primary "
-  />
-</DocumentFragment>
-`;
-
-exports[`Stencils rendering the size of- medium 1`] = `
-<DocumentFragment>
-  <div
-    class="container rectangular medium primary "
-  />
-</DocumentFragment>
-`;
-
-exports[`Stencils rendering the size of- small 1`] = `
-<DocumentFragment>
-  <div
-    class="container rectangular small primary "
-  />
-</DocumentFragment>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Stencils rendering the customClass 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular medium primary StencilsCustomClass"
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular medium primary "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the palette of- dark 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular medium dark "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the palette of- primary 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular medium primary "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the palette of- secondary 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular medium secondary "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the shape of- circle 1`] = `
+<DocumentFragment>
+  <div
+    class="container circle cmedium primary "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the shape of- rect 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular medium primary "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the size of- default 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular default primary "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the size of- large 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular large primary "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the size of- medium 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular medium primary "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the size of- small 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular small primary "
+  />
+</DocumentFragment>
+`;

package/lib/Switch/Switch.module.css

@@ -6,7 +6,7 @@
   /* switch circle default variables */
   --switch_circle_bg_color: var(--zdt_switch_circle_bg);
   --switch_circle_border_radius: 50px;
-  --switch_cricle_box_shadow: var(--zd_bs_switch_default);
+  --switch_cricle_box_shadow: var(--zd_bs_contrast_outline, 0 1px 4px 0 var(--zdt_switch_circle_shadow));
 }
 
 .container {
@@ -49,6 +49,7 @@
 }
 
 .checked+.label {
+  /* css:validation:ignore */
   box-shadow: inset 0 0 0 var(--zd_size10) var(--switch_on_bg_color);
 }