@zohodesk/components 1.0.0-temp-210.4 → 1.0.0-temp-212

package/es/v1/Textarea/Textarea.js

@@ -1,7 +1,7 @@
 import React, { useRef } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../Textarea/Textarea.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from '../../Textarea/Textarea.module.css';
 export default function Textarea(props) {
   let {
     size,

package/es/v1/Tooltip/Tooltip.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { getLibraryConfig } from "../../Provider/Config";
-import ResizeObserver from "../../Responsive/ResizeObserver";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import { getLibraryConfig } from '../../Provider/Config';
+import ResizeObserver from '../../Responsive/ResizeObserver';
 import selectn from 'selectn';
-import { whiteSpaceClassMapping } from "../../utils/cssUtils";
-import style from "../../Tooltip/Tooltip.module.css";
+import { whiteSpaceClassMapping } from '../../utils/cssUtils';
+import style from '../../Tooltip/Tooltip.module.css';
 export default class Tooltip extends React.Component {
   constructor(props) {
     super(props);

package/es/v1/Typography/Typography.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import cssJSLogic from "./css/cssJSLogic";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import cssJSLogic from './css/cssJSLogic';
 import { mergeStyle } from '@zohodesk/utils';
-import defaultStyle from "./css/Typography.module.css";
+import defaultStyle from './css/Typography.module.css';
 
 const Typography = props => {
   const {

package/es/v1/Typography/css/cssJSLogic.js

@@ -1,5 +1,5 @@
 import { compileClassNames } from '@zohodesk/utils';
-import { letterspacingMapping, lineheightMapping } from "../utils";
+import { letterspacingMapping, lineheightMapping } from '../utils';
 export default function cssJSLogic(_ref) {
   let {
     props,

package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { VelocityComponent } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
-import LibraryContext from "../../../Provider/LibraryContextInit";
+import LibraryContext from '../../../Provider/LibraryContextInit';
 export default function VelocityAnimation(props) {
   let {
     children,

package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { VelocityTransitionGroup } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
-import LibraryContext from "../../../Provider/LibraryContextInit";
+import LibraryContext from '../../../Provider/LibraryContextInit';
 
 function clearProps(props) {
   let newProps = Object.assign({}, props);

package/es/v1/semantic/Button/Button.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../../semantic/Button/semanticButton.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from '../../../semantic/Button/semanticButton.module.css';
 export default function Button(props) {
   const {
     value,

package/es/v1/semantic/index.js

@@ -1 +1 @@
-export { default as SemanticButton } from "./Button/Button";
+export { default as SemanticButton } from './Button/Button';

package/lib/Button/Button.js

@@ -1,11 +1,15 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = Button;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+
+var _LibraryContextInit = _interopRequireDefault(require("../Provider/LibraryContextInit"));
 
 var _defaultProps = require("./props/defaultProps");
 
@@ -19,8 +23,18 @@ var _ButtonModule = _interopRequireDefault(require("./css/Button.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 /*
 Button text and children props?
 use children for both cases
@@ -43,10 +57,18 @@ function Button(props) {
       customStyle = props.customStyle,
       a11y = props.a11y,
       id = props.id;
+
+  var _useContext = (0, _react.useContext)(_LibraryContextInit["default"]),
+      a11y_strikeThroughButtons = _useContext.a11y_strikeThroughButtons;
+
   var finalStyle = (0, _utils.mergeStyle)(_ButtonModule["default"], customStyle);
 
+  var buttonProps = _objectSpread(_objectSpread({}, props || {}), {}, {
+    a11y_strikeThroughButtons: a11y_strikeThroughButtons
+  });
+
   var _cssJSLogic = (0, _cssJSLogic2["default"])({
-    props: props,
+    buttonProps: buttonProps,
     style: finalStyle
   }),
       buttonClass = _cssJSLogic.buttonClass,

package/lib/Button/css/Button.module.css

@@ -525,4 +525,82 @@
 
 .loader{
   color:var(--dot_mirror)
+}
+[dir=ltr] .primaryStrike {
+  background: repeating-linear-gradient(120deg, #98c9f4, #98c9f4 1px, #39a2ff 0px, #39a2ff 8px);
+}
+[dir=rtl] .primaryStrike {
+  background: repeating-linear-gradient(-120deg, #98c9f4, #98c9f4 1px, #39a2ff 0px, #39a2ff 8px);
+}
+
+[dir=ltr] .primaryfilledStrike {
+  background: repeating-linear-gradient(120deg, #3478e5, #3478e5 1px, #1a57cc 0px, #1a57cc 8px);
+}
+
+[dir=rtl] .primaryfilledStrike {
+  background: repeating-linear-gradient(-120deg, #3478e5, #3478e5 1px, #1a57cc 0px, #1a57cc 8px);
+}
+
+[dir=ltr] .dangerStrike {
+  background: repeating-linear-gradient(120deg, #f8b1b1, #f8b1b1 1px, #ff5252 0px, #ff5252 8px);
+}
+
+[dir=rtl] .dangerStrike {
+  background: repeating-linear-gradient(-120deg, #f8b1b1, #f8b1b1 1px, #ff5252 0px, #ff5252 8px);
+}
+
+[dir=ltr] .dangerfilledStrike {
+  background: repeating-linear-gradient(120deg, #e53939, #e53939 1px, #cc2929 0px, #cc2929 8px);
+}
+
+[dir=rtl] .dangerfilledStrike {
+  background: repeating-linear-gradient(-120deg, #e53939, #e53939 1px, #cc2929 0px, #cc2929 8px);
+}
+
+[dir=ltr] .secondaryStrike {
+  background: repeating-linear-gradient(120deg, #d1d1d1, #d1d1d1 1px, #a8a8a8 0px, #a8a8a8 8px);
+}
+
+[dir=rtl] .secondaryStrike {
+  background: repeating-linear-gradient(-120deg, #d1d1d1, #d1d1d1 1px, #a8a8a8 0px, #a8a8a8 8px);
+}
+
+[dir=ltr] .secondaryfilledStrike {
+  background: repeating-linear-gradient(120deg, #e6e6e6, #e6e6e6 1px, #cccccc 0px, #cccccc 8px);
+}
+
+[dir=rtl] .secondaryfilledStrike {
+  background: repeating-linear-gradient(-120deg, #e6e6e6, #e6e6e6 1px, #cccccc 0px, #cccccc 8px);
+}
+
+[dir=ltr] .tertiaryfilledStrike {
+  background: repeating-linear-gradient(120deg, #6e6e6e, #6e6e6e 1px, #545454 0px, #545454 8px);
+}
+
+[dir=rtl] .tertiaryfilledStrike {
+  background: repeating-linear-gradient(-120deg, #6e6e6e, #6e6e6e 1px, #545454 0px, #545454 8px);
+}
+
+[dir=ltr] .plainprimaryStrike {
+  background: repeating-linear-gradient(120deg, #add3ff, #add3ff 1px, #73b4ff 0px, #73b4ff 8px);
+}
+
+[dir=rtl] .plainprimaryStrike {
+  background: repeating-linear-gradient(-120deg, #add3ff, #add3ff 1px, #73b4ff 0px, #73b4ff 8px);
+}
+
+[dir=ltr] .plainsecondaryStrike {
+  background: repeating-linear-gradient(120deg, #e0e0e0, #e0e0e0 1px, #bcbcbc 0px, #bcbcbc 8px);
+}
+
+[dir=rtl] .plainsecondaryStrike {
+  background: repeating-linear-gradient(-120deg, #e0e0e0, #e0e0e0 1px, #bcbcbc 0px, #bcbcbc 8px);
+}
+
+[dir=ltr] .successfilledStrike {
+  background: repeating-linear-gradient(120deg, #81e59e, #81e59e 1px, #3bc765 0px, #3bc765 8px);
+}
+
+[dir=rtl] .successfilledStrike {
+  background: repeating-linear-gradient(-120deg, #81e59e, #81e59e 1px, #3bc765 0px, #3bc765 8px);
 }

package/lib/Button/css/cssJSLogic.js

@@ -12,16 +12,19 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 function cssJSLogic(_ref) {
   var _compileClassNames, _compileClassNames2, _compileClassNames3;
 
-  var props = _ref.props,
+  var buttonProps = _ref.buttonProps,
       style = _ref.style;
-  var customClass = props.customClass,
-      needAppearance = props.needAppearance,
-      isBold = props.isBold,
-      rounded = props.rounded,
-      size = props.size,
-      children = props.children,
-      palette = props.palette,
-      status = props.status;
+  var customClass = buttonProps.customClass,
+      needAppearance = buttonProps.needAppearance,
+      isBold = buttonProps.isBold,
+      rounded = buttonProps.rounded,
+      size = buttonProps.size,
+      children = buttonProps.children,
+      palette = buttonProps.palette,
+      status = buttonProps.status,
+      disabled = buttonProps.disabled,
+      a11y_strikeThroughButtons = buttonProps.a11y_strikeThroughButtons;
+  console.log('a11y buttonProps :', buttonProps);
   var _customClass$customBu = customClass.customButton,
       customButton = _customClass$customBu === void 0 ? '' : _customClass$customBu,
       _customClass$customSt = customClass.customStatus,
@@ -30,7 +33,7 @@ function cssJSLogic(_ref) {
       customStatusSize = _customClass$customSt2 === void 0 ? '' : _customClass$customSt2;
   var paletteLower = palette.toLowerCase();
   var statusLower = status.toLowerCase();
-  var buttonClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, customButton, !!customButton), _defineProperty(_compileClassNames, style.bold, isBold), _defineProperty(_compileClassNames, style["default"], !needAppearance), _defineProperty(_compileClassNames, style[paletteLower], needAppearance), _defineProperty(_compileClassNames, style.rounded, needAppearance && rounded), _defineProperty(_compileClassNames, style[size.toLowerCase()], needAppearance && !children), _defineProperty(_compileClassNames, style["".concat(size, "Btn")], needAppearance && children), _defineProperty(_compileClassNames, style["".concat(size, "Btn").concat(paletteLower)], needAppearance && children && rounded), _defineProperty(_compileClassNames, style.loader, !!needAppearance && statusLower !== 'none'), _compileClassNames));
+  var buttonClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, customButton, !!customButton), _defineProperty(_compileClassNames, style.bold, isBold), _defineProperty(_compileClassNames, style["default"], !needAppearance), _defineProperty(_compileClassNames, style[paletteLower], needAppearance), _defineProperty(_compileClassNames, style.rounded, needAppearance && rounded), _defineProperty(_compileClassNames, style[size.toLowerCase()], needAppearance && !children), _defineProperty(_compileClassNames, style["".concat(size, "Btn")], needAppearance && children), _defineProperty(_compileClassNames, style["".concat(size, "Btn").concat(paletteLower)], needAppearance && children && rounded), _defineProperty(_compileClassNames, style["".concat(paletteLower, "Strike")], disabled && a11y_strikeThroughButtons), _defineProperty(_compileClassNames, style.loader, !!needAppearance && statusLower !== 'none'), _compileClassNames));
   var loaderParentClass = (0, _utils.compileClassNames)((_compileClassNames2 = {}, _defineProperty(_compileClassNames2, customStatusSize, !!customStatusSize), _defineProperty(_compileClassNames2, style.loading, statusLower === 'loading'), _defineProperty(_compileClassNames2, style["".concat(size, "loading")], statusLower === 'loading'), _defineProperty(_compileClassNames2, style.success, statusLower != 'loading'), _compileClassNames2));
   var loaderChildClass = (0, _utils.compileClassNames)((_compileClassNames3 = {}, _defineProperty(_compileClassNames3, customStatus, !!customStatus), _defineProperty(_compileClassNames3, style.loadingelement, statusLower === 'loading'), _defineProperty(_compileClassNames3, style["".concat(paletteLower, "element")], statusLower === 'loading'), _defineProperty(_compileClassNames3, style.successelement, statusLower != 'loading'), _defineProperty(_compileClassNames3, style["".concat(paletteLower, "success")], statusLower != 'loading'), _compileClassNames3));
   return {

package/lib/DateTime/DateTime.js

@@ -43,8 +43,6 @@ var _dateFormat = require("./dateFormatUtils/dateFormat");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -727,14 +725,10 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
           targetOffset = _this$props7.targetOffset,
           isRestrictScroll = _this$props7.isRestrictScroll,
           dropBoxPortalId = _this$props7.dropBoxPortalId,
-          renderCustomHeader = _this$props7.renderCustomHeader,
-          renderCustomFooter = _this$props7.renderCustomFooter,
           _this$props7$customPr = _this$props7.customProps,
           customProps = _this$props7$customPr === void 0 ? {} : _this$props7$customPr;
       var _customProps$TimeProp = customProps.TimeProps,
-          TimeProps = _customProps$TimeProp === void 0 ? {} : _customProps$TimeProp,
-          _customProps$DropBoxP = customProps.DropBoxProps,
-          DropBoxProps = _customProps$DropBoxP === void 0 ? {} : _customProps$DropBoxP;
+          TimeProps = _customProps$TimeProp === void 0 ? {} : _customProps$TimeProp;
       var _i18nKeys$timeText = i18nKeys.timeText,
           timeText = _i18nKeys$timeText === void 0 ? 'Time' : _i18nKeys$timeText,
           _i18nKeys$submitText = i18nKeys.submitText,
@@ -764,7 +758,7 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
         "data-id": "".concat(dataId, "_Calendar"),
         "data-test-id": "".concat(dataId, "_Calendar"),
         onClick: this.closePopup
-      }, renderCustomHeader, /*#__PURE__*/_react["default"].createElement(_DateTimePopupHeader["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_DateTimePopupHeader["default"], {
         onOpenYearView: this.handleOpenYearView,
         showMonthTxt: showmonthtxt,
         isYearView: isYearView,
@@ -808,7 +802,7 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
         cancelText: cancelText,
         onCancel: this.handleClear,
         dataId: dataId
-      }) : null, renderCustomFooter, isYearView ? /*#__PURE__*/_react["default"].createElement("div", {
+      }) : null, isYearView ? /*#__PURE__*/_react["default"].createElement("div", {
         className: _DateTimeModule["default"].yearContainer
       }, /*#__PURE__*/_react["default"].createElement(_YearView["default"], {
         onSelectYear: this.handleSelectYear,
@@ -824,7 +818,7 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
         className: "".concat(_DateTimeModule["default"].dropBox, " ").concat(className),
         "data-id": "".concat(dataId, "_dateBoxContainer"),
         "data-test-id": "".concat(dataId, "_dateBoxContainer")
-      }, childEle) : isReady ? /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], _extends({
+      }, childEle) : isReady ? /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], {
         size: boxSize,
         boxPosition: position,
         isActive: isActive,
@@ -844,7 +838,7 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
         targetOffset: targetOffset,
         isRestrictScroll: isRestrictScroll,
         portalId: dropBoxPortalId
-      }, DropBoxProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, childEle)) : null;
+      }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, childEle)) : null;
     }
   }]);
 

package/lib/DateTime/DateWidget.js

@@ -179,8 +179,7 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
           dateFormat = _this$props2$dateForm === void 0 ? '' : _this$props2$dateForm,
           is24Hour = _this$props2.is24Hour,
           isHideCurrentYear = _this$props2.isHideCurrentYear,
-          getPopupProps = _this$props2.getPopupProps,
-          handleBlur = _this$props2.handleBlur;
+          getPopupProps = _this$props2.getPopupProps;
 
       if (validation && validation.validate) {
         this.validateOnSelect(selected, this.props);
@@ -213,8 +212,6 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
       if (prevProps.isPopupReady !== isPopupReady) {
         if (isPopupReady) {
           this.resetLocalDate && this.resetLocalDate();
-        } else {
-          handleBlur && handleBlur();
         }
 
         if (getPopupProps) {
@@ -1035,8 +1032,6 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
           a11y = _this$props12.a11y,
           boxSize = _this$props12.boxSize,
           onError = _this$props12.onError,
-          renderCustomHeader = _this$props12.renderCustomHeader,
-          renderCustomFooter = _this$props12.renderCustomFooter,
           _this$props12$customP = _this$props12.customProps,
           customProps = _this$props12$customP === void 0 ? {} : _this$props12$customP;
       var _customProps$DateTime = customProps.DateTimeProps,
@@ -1139,8 +1134,6 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
         dropBoxPortalId: dropBoxPortalId,
         boxSize: boxSize,
         onError: onError,
-        renderCustomHeader: renderCustomHeader,
-        renderCustomFooter: renderCustomFooter,
         customProps: DateTimeProps
       }));
     }

package/lib/DateTime/props/defaultProps.js

@@ -29,8 +29,6 @@ var DateTime_defaultProps = {
   is24Hour: false,
   isDefaultPosition: false,
   customDateFormat: null,
-  renderCustomHeader: null,
-  renderCustomFooter: null,
   customProps: {}
 };
 exports.DateTime_defaultProps = DateTime_defaultProps;
@@ -55,8 +53,6 @@ var DateWidget_defaultProps = {
   needErrorOnBlur: false,
   isEditable: false,
   iconOnHover: false,
-  renderCustomHeader: null,
-  renderCustomFooter: null,
   is24Hour: false
 };
 exports.DateWidget_defaultProps = DateWidget_defaultProps;

package/lib/DateTime/props/propTypes.js

@@ -98,8 +98,6 @@ var DateTime_propTypes = {
   targetOffset: _propTypes["default"].string,
   isRestrictScroll: _propTypes["default"].bool,
   dropBoxPortalId: _propTypes["default"].string,
-  renderCustomHeader: _propTypes["default"].node,
-  renderCustomFooter: _propTypes["default"].node,
   customProps: _propTypes["default"].object
 };
 exports.DateTime_propTypes = DateTime_propTypes;
@@ -170,10 +168,7 @@ var DateWidget_propTypes = {
   dropBoxPortalId: _propTypes["default"].string,
   a11y: _propTypes["default"].object,
   getPopupProps: _propTypes["default"].func,
-  renderCustomHeader: _propTypes["default"].node,
-  renderCustomFooter: _propTypes["default"].node,
-  customProps: _propTypes["default"].object,
-  handleBlur: _propTypes["default"].func
+  customProps: _propTypes["default"].object
 };
 exports.DateWidget_propTypes = DateWidget_propTypes;
 var YearView_propTypes = {

package/lib/Provider/LibraryContext.js

@@ -44,13 +44,15 @@ var LibraryContextProvider = function LibraryContextProvider(_ref) {
       direction = _ref.direction,
       coloredTagVariant = _ref.coloredTagVariant,
       hasTagColorInheritedToText = _ref.hasTagColorInheritedToText,
+      a11y_strikeThroughButtons = _ref.a11y_strikeThroughButtons,
       children = _ref.children;
 
   var _useState = (0, _react.useState)({
     isReducedMotion: isReducedMotion,
     direction: direction,
     coloredTagVariant: coloredTagVariant,
-    hasTagColorInheritedToText: hasTagColorInheritedToText
+    hasTagColorInheritedToText: hasTagColorInheritedToText,
+    a11y_strikeThroughButtons: a11y_strikeThroughButtons
   }),
       _useState2 = _slicedToArray(_useState, 2),
       value = _useState2[0],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-210.4",
+  "version": "1.0.0-temp-212",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -38,7 +38,7 @@
     "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
     "coverage": "react-cli coverage",
     "prepare": "npm run init &&  npm run build && npm run rtl && npm run cssVariableConvert ",
-    "prepublishOnly": "node prePublish.js && npm run test && npm run download && npm run css:review && npm run review:props ",
+    "prepublishOnly": "node prePublish.js && npm run download",
     "postpublish": "node postPublish.js",
     "report": "react-cli publish:report",
     "test": "react-cli test",