@zohodesk/dot 1.0.0-beta.255 → 1.0.0-beta.256

package/README.md

@@ -2,6 +2,10 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.0.0-beta.256
+
+- **Drawer** - CancelBubblingEffect reverted coz that produces many issues.
+
 # 1.0.0-beta.255
 
 - **TagWithIcon** - New component Added.
@@ -16,7 +20,8 @@ In this Library, we Provide Some Basic Components to Build Your Application
 
 # 1.0.0-beta.253
 
-- **FreezeLayer** - onClick event issue solved
+- **FreezeLayer** - onClick event issue solved.
+
 - cancelBubblingEffect function replaced to all stopPropagation used placed
 
 # 1.0.0-beta.252

package/es/Drawer/Drawer.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from './props/defaultProps';
 import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from './props/propTypes';
 import FreezeLayer from '../FreezeLayer/FreezeLayer';
-import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { Card, CardHeader, CardContent } from '@zohodesk/components/lib/Card';
 import FormAction from '../FormAction/FormAction';
@@ -167,7 +166,7 @@ export default class Drawer extends React.Component {
       eleRef: this.createRef
     }, /*#__PURE__*/React.createElement(Card, {
       onClick: e => {
-        cancelBubblingEffect(e);
+        e && e.stopPropagation && e.stopPropagation();
         onBodyClick(e);
       }
     }, childrenWithProps));
@@ -179,7 +178,7 @@ export default class Drawer extends React.Component {
     }, /*#__PURE__*/React.createElement(ResponsiveSender, null, /*#__PURE__*/React.createElement(Container, {
       className: styleByResolutions,
       onClick: e => {
-        cancelBubblingEffect(e);
+        e && e.stopPropagation && e.stopPropagation();
       }
     }, /*#__PURE__*/React.createElement(Box, {
       flexible: true

package/es/version2/AlertClose/AlertClose.js

@@ -21,7 +21,8 @@ export default class AlertClose extends PureComponent {
       align: "both",
       isInline: true,
       alignBox: "row",
-      isCover: false
+      isCover: false,
+      tabIndex: "0"
     }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Icon, {
       name: "GC-cross",
       isBold: true,

package/lib/Drawer/Drawer.js

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
 var _FreezeLayer = _interopRequireDefault(require("../FreezeLayer/FreezeLayer"));
-var _Common = require("@zohodesk/components/es/utils/Common");
 var _Layout = require("@zohodesk/components/lib/Layout");
 var _Card = require("@zohodesk/components/lib/Card");
 var _FormAction = _interopRequireDefault(require("../FormAction/FormAction"));
@@ -222,7 +221,7 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
         eleRef: this.createRef
       }, /*#__PURE__*/_react["default"].createElement(_Card.Card, {
         onClick: function onClick(e) {
-          (0, _Common.cancelBubblingEffect)(e);
+          e && e.stopPropagation && e.stopPropagation();
           onBodyClick(e);
         }
       }, childrenWithProps));
@@ -234,7 +233,7 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
       }, /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveSender, null, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         className: styleByResolutions,
         onClick: function onClick(e) {
-          (0, _Common.cancelBubblingEffect)(e);
+          e && e.stopPropagation && e.stopPropagation();
         }
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true

package/lib/version2/AlertClose/AlertClose.js

@@ -49,7 +49,8 @@ var AlertClose = /*#__PURE__*/function (_PureComponent) {
         align: "both",
         isInline: true,
         alignBox: "row",
-        isCover: false
+        isCover: false,
+        tabIndex: "0"
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "GC-cross",
         isBold: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-beta.255",
+  "version": "1.0.0-beta.256",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,

package/es/common/dot_docStyle.module.css

@@ -1,35 +0,0 @@
-[data-mode='default']:global(.zd-contrast) {
-  color: #000;
-  background: #fff;
-  border-color: #000;
-}
-
-[data-mode='dark']:global(.zd-contrast) {
-  color: #fff;
-  background-color: #101319;
-  border-color: #fff;
-}
-
-[data-mode='pureDark']:global(.zd-contrast) {
-  color: #fff;
-  background-color: #080808;
-  border-color: #fff;
-}
-
-:global(.zd-contrast) {
-  --zd_bs_contrast_outline: 0 0 2px var(--zdt_contrast_shadow);
-  --zd_bs_contrast_none: 0 0 0 transparent;
-  --zd_lightmode_grey_bg: -0%;
-}
-
-:global(.zd-contrast-level1) {
-  --zd_contrastLevel: 10;
-}
-
-:global(.zd-contrast-level2) {
-  --zd_contrastLevel: 20;
-}
-
-:global(.zd-contrast-level3) {
-  --zd_contrastLevel: 40;
-}

package/lib/common/dot_docStyle.module.css

@@ -1,35 +0,0 @@
-[data-mode='default']:global(.zd-contrast) {
-  color: #000;
-  background: #fff;
-  border-color: #000;
-}
-
-[data-mode='dark']:global(.zd-contrast) {
-  color: #fff;
-  background-color: #101319;
-  border-color: #fff;
-}
-
-[data-mode='pureDark']:global(.zd-contrast) {
-  color: #fff;
-  background-color: #080808;
-  border-color: #fff;
-}
-
-:global(.zd-contrast) {
-  --zd_bs_contrast_outline: 0 0 2px var(--zdt_contrast_shadow);
-  --zd_bs_contrast_none: 0 0 0 transparent;
-  --zd_lightmode_grey_bg: -0%;
-}
-
-:global(.zd-contrast-level1) {
-  --zd_contrastLevel: 10;
-}
-
-:global(.zd-contrast-level2) {
-  --zd_contrastLevel: 20;
-}
-
-:global(.zd-contrast-level3) {
-  --zd_contrastLevel: 40;
-}