@zohodesk/dot 1.0.0-temp-227 → 1.0.0-temp-228.1

package/lib/list/GridStencils/GridStencils.module.css

@@ -4,14 +4,17 @@
   border-bottom: 1px solid var(--zdt_gridstencils_default_border);
   padding: var(--zd_size13) var(--zd_size15) var(--zd_size11) var(--zd_size15) ;
   margin-bottom: var(--zd_size10) ;
-  border-radius: var(--zd_size5);
+  border-radius: 5px;
 }
+
 [dir=ltr] .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) 0 ;
 }
+
 [dir=rtl] .stenLoadbody {
   margin: var(--zd_size8) 0 var(--zd_size8) var(--zd_size20) ;
 }
+
 .stenLoadbody::after {
   content: '';
   height: var(--zd_size22) ;
@@ -21,29 +24,36 @@
   border-radius: 50%;
   background-color: var(--zdt_gridstencils_after_bg);
 }
+
 [dir=ltr] .stenLoadbody::after {
   right: var(--zd_size20) ;
 }
+
 [dir=rtl] .stenLoadbody::after {
   left: var(--zd_size20) ;
 }
+
 .lineBar {
   width: 90% ;
 }
+
 .lineBar2 {
   width: 70% ;
   margin: var(--zd_size22) 0 ;
 }
+
 .lineBar3 {
   width: 50% ;
 }
+
 .lineBar,
 .lineBar2,
 .lineBar3 {
   height: var(--zd_size5) ;
 }
+
 .lineBar, .lineBar2, .lineBar3 {
-  border-radius: var(--zd_size5);
+  border-radius: 5px;
 }
 .stenListBAr {
   position: relative;

package/lib/list/TagNew/TagNew.module.css

@@ -8,7 +8,7 @@
   transition: all var(--zd_transition2) ease 0s;
   opacity: 0;
   visibility: hidden;
-  border-radius: var(--zd_size14);
+  border-radius: 14px;
   background-color: var(--zdt_tagnew_default_bg);
   box-shadow: var(--zd_bs_tagnew_shadow);
   padding: 0 var(--zd_size15) ;

package/lib/list/status/StatusListItem/StatusListItem.module.css

@@ -1,7 +1,7 @@
 .varClass {
   --statuslistitem_multiline_lineheight: 1.5385;
   --statuslistitem_font_size: var(--zd_font_size13);
-  --statuslistitem_min_height: 35px;
+  --statuslistitem_min_height: var(--zd_size35);
 }
 
 .list {
@@ -29,7 +29,7 @@
   padding: var(--zd_size7) var(--zd_size20) ;
 }
 .large {
-  --statuslistitem_min_height: 48px;
+  --statuslistitem_min_height: var(--zd_size48);
 }
 [dir=ltr] .large {
   padding: var(--zd_size10) var(--zd_size3) var(--zd_size10) var(--zd_size25) ;

package/lib/lookup/Lookup/Lookup.js

@@ -123,8 +123,7 @@ var Lookup = /*#__PURE__*/function (_Component) {
           a11yAttributes = _objectWithoutProperties(a11y, _excluded);
 
       var _customProps$focusSco = customProps.focusScopeProps,
-          focusScopeProps = _customProps$focusSco === void 0 ? {} : _customProps$focusSco,
-          freezeLayerProps = customProps.freezeLayerProps;
+          focusScopeProps = _customProps$focusSco === void 0 ? {} : _customProps$focusSco;
       var _focusScopeProps$need = focusScopeProps.needAutoFocus,
           needAutoFocus = _focusScopeProps$need === void 0 ? true : _focusScopeProps$need,
           _focusScopeProps$need2 = focusScopeProps.needRestoreFocus,
@@ -155,17 +154,16 @@ var Lookup = /*#__PURE__*/function (_Component) {
         className: "".concat(isMinHeight ? _LookupModule["default"].wrapper : _LookupModule["default"].coverwrap, " ").concat(_LookupModule["default"].containerWidth, " ").concat(containerClass)
       }, children));
 
-      return /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"], _extends({
+      return /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"], {
         align: "horizontal",
         animationName: "fade",
-        palette: "snow"
-      }, freezeLayerProps, {
         childAnimationName: childAnimationName,
         isActive: isActive,
+        palette: "snow",
         forwardRef: forwardRef,
         onClick: onClick,
         customClass: customClass
-      }), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+      }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         alignBox: "row",
         className: _LookupModule["default"].container,
         dataId: "fldValue"

package/lib/lookup/Lookup/__tests__/Lookup.spec.js

@@ -8,115 +8,18 @@ var _Lookup = _interopRequireDefault(require("../Lookup"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var SIZE_VALUES = ['small', 'xmedium', 'large', 'xlarge', 'full'];
-var CHILD_ANIMATION_NAME_VALUES = ['expand'];
-afterEach(function () {
-  (0, _react2.cleanup)();
-});
-describe('Lookup snapshot - ', function () {
-  test('Render with default props', function () {
+describe('Lookup', function () {
+  test('rendering the defult props', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], null)),
         asFragment = _render.asFragment;
 
     expect(asFragment()).toMatchSnapshot();
   });
-  test.each(SIZE_VALUES)('Render with size=%s', function (size) {
+  test('rendering isActive is true', function () {
     var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
-      isActive: true,
-      size: size
-    })),
-        asFragment = _render2.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test.each(CHILD_ANIMATION_NAME_VALUES)('Render with childAnimationName=%s', function (childAnimationName) {
-    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
-      isActive: true,
-      childAnimationName: childAnimationName
-    })),
-        asFragment = _render3.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with isActive=true', function () {
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
       isActive: true
     })),
-        asFragment = _render4.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with isMinHeight=true', function () {
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
-      isActive: true,
-      isMinHeight: true
-    })),
-        asFragment = _render5.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with children', function () {
-    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
-      isActive: true
-    }, /*#__PURE__*/_react["default"].createElement("div", null, "Lookup child content"))),
-        asFragment = _render6.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with custom classes', function () {
-    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
-      isActive: true,
-      customClass: "lookup-freeze-layer",
-      containerClass: "lookup-container",
-      lookupClass: "lookup-box"
-    })),
-        asFragment = _render7.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with customProps', function () {
-    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
-      isActive: true,
-      customProps: {
-        freezeLayerProps: {
-          palette: 'plain'
-        }
-      }
-    })),
-        asFragment = _render8.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with dataId', function () {
-    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
-      isActive: true,
-      dataId: "lookup-data-id"
-    })),
-        asFragment = _render9.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with htmlId', function () {
-    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
-      isActive: true,
-      htmlId: "lookup-html-id"
-    })),
-        asFragment = _render10.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with a11y attributes', function () {
-    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
-      isActive: true,
-      a11y: {
-        role: 'region',
-        ariaLabelledby: 'lookup-title',
-        ariaDescribedby: 'lookup-description',
-        ariaLabel: 'Lookup Dialog',
-        ariaModal: true
-      }
-    })),
-        asFragment = _render11.asFragment;
+        asFragment = _render2.asFragment;
 
     expect(asFragment()).toMatchSnapshot();
   });

package/lib/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Lookup snapshot -  Render with a11y attributes 1`] = `
+exports[`Lookup rendering isActive is true 1`] = `
 <DocumentFragment>
   <div
     class="container index5 snow"
@@ -17,225 +17,4 @@ exports[`Lookup snapshot -  Render with a11y attributes 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Lookup snapshot -  Render with childAnimationName=expand 1`] = `
-<DocumentFragment>
-  <div
-    class="container index5 snow"
-    data-drag-parent="true"
-    style="z-index: 4;"
-  >
-    <div
-      class="flex cover rowdir hCenter"
-      data-id="reactFreezeLayer"
-      data-selector-id="container"
-      data-test-id="reactFreezeLayer"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Lookup snapshot -  Render with children 1`] = `
-<DocumentFragment>
-  <div
-    class="container index5 snow"
-    data-drag-parent="true"
-    style="z-index: 4;"
-  >
-    <div
-      class="flex cover rowdir hCenter"
-      data-id="reactFreezeLayer"
-      data-selector-id="container"
-      data-test-id="reactFreezeLayer"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Lookup snapshot -  Render with custom classes 1`] = `
-<DocumentFragment>
-  <div
-    class="container lookup-freeze-layer index5 snow"
-    data-drag-parent="true"
-    style="z-index: 4;"
-  >
-    <div
-      class="flex cover rowdir hCenter"
-      data-id="reactFreezeLayer"
-      data-selector-id="container"
-      data-test-id="reactFreezeLayer"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Lookup snapshot -  Render with customProps 1`] = `
-<DocumentFragment>
-  <div
-    class="container index5 plain"
-    data-drag-parent="true"
-    style="z-index: 4;"
-  >
-    <div
-      class="flex cover rowdir hCenter"
-      data-id="reactFreezeLayer"
-      data-selector-id="container"
-      data-test-id="reactFreezeLayer"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Lookup snapshot -  Render with dataId 1`] = `
-<DocumentFragment>
-  <div
-    class="container index5 snow"
-    data-drag-parent="true"
-    style="z-index: 4;"
-  >
-    <div
-      class="flex cover rowdir hCenter"
-      data-id="reactFreezeLayer"
-      data-selector-id="container"
-      data-test-id="reactFreezeLayer"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Lookup snapshot -  Render with default props 1`] = `<DocumentFragment />`;
-
-exports[`Lookup snapshot -  Render with htmlId 1`] = `
-<DocumentFragment>
-  <div
-    class="container index5 snow"
-    data-drag-parent="true"
-    style="z-index: 4;"
-  >
-    <div
-      class="flex cover rowdir hCenter"
-      data-id="reactFreezeLayer"
-      data-selector-id="container"
-      data-test-id="reactFreezeLayer"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Lookup snapshot -  Render with isActive=true 1`] = `
-<DocumentFragment>
-  <div
-    class="container index5 snow"
-    data-drag-parent="true"
-    style="z-index: 4;"
-  >
-    <div
-      class="flex cover rowdir hCenter"
-      data-id="reactFreezeLayer"
-      data-selector-id="container"
-      data-test-id="reactFreezeLayer"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Lookup snapshot -  Render with isMinHeight=true 1`] = `
-<DocumentFragment>
-  <div
-    class="container index5 snow"
-    data-drag-parent="true"
-    style="z-index: 4;"
-  >
-    <div
-      class="flex cover rowdir hCenter"
-      data-id="reactFreezeLayer"
-      data-selector-id="container"
-      data-test-id="reactFreezeLayer"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Lookup snapshot -  Render with size=full 1`] = `
-<DocumentFragment>
-  <div
-    class="container index5 snow"
-    data-drag-parent="true"
-    style="z-index: 4;"
-  >
-    <div
-      class="flex cover rowdir hCenter"
-      data-id="reactFreezeLayer"
-      data-selector-id="container"
-      data-test-id="reactFreezeLayer"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Lookup snapshot -  Render with size=large 1`] = `
-<DocumentFragment>
-  <div
-    class="container index5 snow"
-    data-drag-parent="true"
-    style="z-index: 4;"
-  >
-    <div
-      class="flex cover rowdir hCenter"
-      data-id="reactFreezeLayer"
-      data-selector-id="container"
-      data-test-id="reactFreezeLayer"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Lookup snapshot -  Render with size=small 1`] = `
-<DocumentFragment>
-  <div
-    class="container index5 snow"
-    data-drag-parent="true"
-    style="z-index: 4;"
-  >
-    <div
-      class="flex cover rowdir hCenter"
-      data-id="reactFreezeLayer"
-      data-selector-id="container"
-      data-test-id="reactFreezeLayer"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Lookup snapshot -  Render with size=xlarge 1`] = `
-<DocumentFragment>
-  <div
-    class="container index5 snow"
-    data-drag-parent="true"
-    style="z-index: 4;"
-  >
-    <div
-      class="flex cover rowdir hCenter"
-      data-id="reactFreezeLayer"
-      data-selector-id="container"
-      data-test-id="reactFreezeLayer"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Lookup snapshot -  Render with size=xmedium 1`] = `
-<DocumentFragment>
-  <div
-    class="container index5 snow"
-    data-drag-parent="true"
-    style="z-index: 4;"
-  >
-    <div
-      class="flex cover rowdir hCenter"
-      data-id="reactFreezeLayer"
-      data-selector-id="container"
-      data-test-id="reactFreezeLayer"
-    />
-  </div>
-</DocumentFragment>
-`;
+exports[`Lookup rendering the defult props 1`] = `<DocumentFragment />`;

package/lib/lookup/Lookup/props/propTypes.js

@@ -7,10 +7,6 @@ exports.propTypes = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes2 = _interopRequireDefault(require("@zohodesk/a11y/es/FocusScope/props/propTypes"));
-
-var _propTypes3 = _interopRequireDefault(require("../../../FreezeLayer/props/propTypes"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var propTypes = {
@@ -29,10 +25,7 @@ var propTypes = {
   onKeyDown: _propTypes["default"].func,
   childAnimationName: _propTypes["default"].oneOf(['expand', 'flyDown']),
   needFocusScope: _propTypes["default"].bool,
-  customProps: _propTypes["default"].shape({
-    focusScopeProps: _propTypes["default"].shape(_propTypes2["default"]),
-    freezeLayerProps: _propTypes["default"].shape(_propTypes3["default"])
-  }),
+  customProps: _propTypes["default"].object,
   forwardRef: _propTypes["default"].object,
   onClick: _propTypes["default"].func,
   onClose: _propTypes["default"].func,

package/lib/lookup/header/ModuleHeader/ModuleHeader.js

@@ -59,38 +59,30 @@ function ModuleHeader(props) {
       closeTitle = props.closeTitle,
       onSearchKeyDown = props.onSearchKeyDown,
       palette = props.palette,
-      isDraggable = props.isDraggable,
       dragBoundaryLimit = props.dragBoundaryLimit,
       children = props.children,
-      customClass = props.customClass,
       childNearTitle = props.childNearTitle;
   var dragRef = (0, _react.useRef)(null); //dragRef
 
   (0, _useDragger["default"])({
-    isActive: isDraggable,
+    isActive: true,
     ChildRef: dragRef,
     boundaryLimit: dragBoundaryLimit
   }); //custom Hook
 
-  var _customClass$containe = customClass.container,
-      customContainerClass = _customClass$containe === void 0 ? '' : _customClass$containe,
-      _customClass$title = customClass.title,
-      customTitleClass = _customClass$title === void 0 ? '' : _customClass$title,
-      _customClass$close = customClass.close,
-      customCloseClass = _customClass$close === void 0 ? '' : _customClass$close;
   return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     align: "vertical",
     alignBox: "row",
-    className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)], " ").concat(customContainerClass),
+    className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)]),
     isCover: false,
     wrap: "wrap",
     dataId: dataId,
-    "data-drag-hook": isDraggable ? 'true' : 'false',
+    "data-drag-hook": "true",
     eleRef: dragRef
   }, childNearTitle ? childNearTitle : '', /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     flexible: true
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(_lookupHeaderCommonModule["default"].title, " ").concat(customTitleClass)
+    className: _lookupHeaderCommonModule["default"].title
   }, /*#__PURE__*/_react["default"].createElement(_Title["default"], {
     text: title
   })), miniDescription && /*#__PURE__*/_react["default"].createElement("div", {
@@ -107,7 +99,7 @@ function ModuleHeader(props) {
     getRef: getSearchBoxRef,
     onKeyDown: onSearchKeyDown
   })), children ? children : '', onLookupClose ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(_lookupHeaderCommonModule["default"].closeContainer, " ").concat(customCloseClass)
+    className: _lookupHeaderCommonModule["default"].closeContainer
   }, /*#__PURE__*/_react["default"].createElement(_Close["default"], {
     dataId: "close",
     onClose: onLookupClose,

package/lib/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js

@@ -8,95 +8,11 @@ var _ModuleHeader = _interopRequireDefault(require("../ModuleHeader"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var PALETTE_VALUES = ['default', 'white'];
-afterEach(function () {
-  (0, _react2.cleanup)();
-});
-describe('ModuleHeader snapshot - ', function () {
-  test('Render with default props', function () {
+describe('ModuleHeader', function () {
+  test('rendering the defult props', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], null)),
         asFragment = _render.asFragment;
 
     expect(asFragment()).toMatchSnapshot();
   });
-  test.each(PALETTE_VALUES)('Render with palette=%s', function (palette) {
-    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
-      palette: palette
-    })),
-        asFragment = _render2.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with needSearch=true', function () {
-    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
-      needSearch: true
-    })),
-        asFragment = _render3.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with isDraggable=false', function () {
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
-      isDraggable: false
-    })),
-        asFragment = _render4.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with onLookupClose', function () {
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
-      onLookupClose: jest.fn()
-    })),
-        asFragment = _render5.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with miniDescription', function () {
-    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
-      miniDescription: "A brief description"
-    })),
-        asFragment = _render6.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with customClass', function () {
-    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
-      onLookupClose: jest.fn(),
-      title: "Header Title",
-      customClass: {
-        container: 'custom-container',
-        title: 'custom-title',
-        close: 'custom-close'
-      }
-    })),
-        asFragment = _render7.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with children', function () {
-    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
-      title: "Header Title"
-    }, /*#__PURE__*/_react["default"].createElement("div", null, "Child content"))),
-        asFragment = _render8.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with childNearTitle', function () {
-    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
-      title: "Header Title",
-      childNearTitle: /*#__PURE__*/_react["default"].createElement("span", null, "Near title")
-    })),
-        asFragment = _render9.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('Render with dataId', function () {
-    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
-      title: "Header Title",
-      dataId: "module-header-dataId"
-    })),
-        asFragment = _render10.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
 });

package/lib/lookup/header/ModuleHeader/props/defaultProps.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.defaultProps = void 0;
 var defaultProps = {
   palette: 'default',
-  customClass: {},
-  isDraggable: true,
   dragBoundaryLimit: {
     top: 0,
     left: 50,

package/lib/lookup/header/ModuleHeader/props/propTypes.js

@@ -26,12 +26,6 @@ var propTypes = {
   palette: _propTypes["default"].oneOf(['default', 'white']),
   children: _propTypes["default"].any,
   childNearTitle: _propTypes["default"].any,
-  customClass: _propTypes["default"].shape({
-    container: _propTypes["default"].string,
-    title: _propTypes["default"].string,
-    close: _propTypes["default"].string
-  }),
-  isDraggable: _propTypes["default"].bool,
   dragBoundaryLimit: _propTypes["default"].object
 };
 exports.propTypes = propTypes;

package/lib/version2/AlertClose/AlertClose.module.css

@@ -2,7 +2,7 @@
   width: var(--zd_size25) ;
   height: var(--zd_size25) ;
   color: var(--zdt_commonalert_close_icon);
-  border-radius: var(--zd_size4);
+  border-radius: 4px;
   cursor: pointer;
 }