@zohodesk/components 1.0.0-alpha-252 → 1.0.0-alpha-253

package/es/index.js

@@ -1,156 +1,157 @@
-export { default as React } from 'react';
-export { default as ReactDOM } from 'react-dom';
-export { renderToStaticMarkup } from 'react-dom/server';
-import './common/reset.module.css';
-export { default as _provider } from './Provider';
+// export { default as React } from 'react';
+// export { default as ReactDOM } from 'react-dom';
+// export { renderToStaticMarkup } from 'react-dom/server';
 export * from './Layout';
-export { default as Layout__default } from './Layout/docs/Layout__default.docs';
-export { default as Layout__two_Column } from './Layout/docs/Layout__two_Column.docs';
-export { default as Layout__three_Column } from './Layout/docs/Layout__three_Column.docs';
-export { default as Layout__four_Column } from './Layout/docs/Layout__four_Column.docs';
-export { default as Layout__Hidden } from './Layout/docs/Layout__Hidden.docs';
+// export { default as Layout__default } from './Layout/docs/Layout__default.docs';
+// export { default as Layout__two_Column } from './Layout/docs/Layout__two_Column.docs';
+// export { default as Layout__three_Column } from './Layout/docs/Layout__three_Column.docs';
+// export { default as Layout__four_Column } from './Layout/docs/Layout__four_Column.docs';
+// export { default as Layout__Hidden } from './Layout/docs/Layout__Hidden.docs';
 export { default as AppContainer } from './AppContainer/AppContainer';
-export { default as AppContainer__default } from './AppContainer/docs/AppContainer__default.docs';
+// export { default as AppContainer__default } from './AppContainer/docs/AppContainer__default.docs';
 export { default as Accordion } from './Accordion/Accordion';
-export { default as Accordion__Demo } from './Accordion/docs/Accordion__Demo.docs';
+// export { default as Accordion__Demo } from './Accordion/docs/Accordion__Demo.docs';
 export { default as Animation } from './Animation/Animation';
-export { default as Animation__default } from './Animation/docs/Animation__default.docs';
-export { default as Animation__fadeIn } from './Animation/docs/Animation__fadeIn.docs';
-export { default as Animation__scaleIn } from './Animation/docs/Animation__scaleIn.docs';
-export { default as Animation__slideDown } from './Animation/docs/Animation__slideDown.docs';
-export { default as Animation__slideLeft } from './Animation/docs/Animation__slideLeft.docs';
-export { default as Animation__zoomIn } from './Animation/docs/Animation__zoomIn.docs';
-export { default as Animation__skewIn } from './Animation/docs/Animation__skewIn.docs';
+// export { default as Animation__default } from './Animation/docs/Animation__default.docs';
+// export { default as Animation__fadeIn } from './Animation/docs/Animation__fadeIn.docs';
+// export { default as Animation__scaleIn } from './Animation/docs/Animation__scaleIn.docs';
+// export { default as Animation__slideDown } from './Animation/docs/Animation__slideDown.docs';
+// export { default as Animation__slideLeft } from './Animation/docs/Animation__slideLeft.docs';
+// export { default as Animation__zoomIn } from './Animation/docs/Animation__zoomIn.docs';
+// export { default as Animation__skewIn } from './Animation/docs/Animation__skewIn.docs';
 export { default as Card } from './Card/Card';
-export { default as Card__Default } from './Card/docs/Card__Default.docs';
-export { default as Card__Scroll } from './Card/docs/Card__Scroll.docs';
-export { default as Card__Custom } from './Card/docs/Card__Custom.docs';
+// export { default as Card__Default } from './Card/docs/Card__Default.docs';
+// export { default as Card__Scroll } from './Card/docs/Card__Scroll.docs';
+// export { default as Card__Custom } from './Card/docs/Card__Custom.docs';
 export { default as Avatar } from './Avatar/Avatar';
-export { default as Avatar__default } from './Avatar/docs/Avatar__default.docs';
-export { default as Avatar__palette } from './Avatar/docs/Avatar__palette.docs';
-export { default as Avatar__text } from './Avatar/docs/Avatar__text.docs';
-export { default as Avatar__custom } from './Avatar/docs/Avatar__custom.docs';
+// export { default as Avatar__default } from './Avatar/docs/Avatar__default.docs';
+// export { default as Avatar__palette } from './Avatar/docs/Avatar__palette.docs';
+// export { default as Avatar__text } from './Avatar/docs/Avatar__text.docs';
+// export { default as Avatar__custom } from './Avatar/docs/Avatar__custom.docs';
 export { default as AvatarTeam } from './AvatarTeam/AvatarTeam';
-export { default as AvatarTeam__default } from './AvatarTeam/docs/AvatarTeam__default.docs';
-export { default as AvatarTeam__size } from './AvatarTeam/docs/AvatarTeam__size.docs';
-export { default as AvatarTeam__palette } from './AvatarTeam/docs/AvatarTeam__palette.docs';
-export { default as AvatarTeam__custom } from './AvatarTeam/docs/AvatarTeam__custom.docs';
+// export { default as AvatarTeam__default } from './AvatarTeam/docs/AvatarTeam__default.docs';
+// export { default as AvatarTeam__size } from './AvatarTeam/docs/AvatarTeam__size.docs';
+// export { default as AvatarTeam__palette } from './AvatarTeam/docs/AvatarTeam__palette.docs';
+// export { default as AvatarTeam__custom } from './AvatarTeam/docs/AvatarTeam__custom.docs';
 export { default as Button } from './Button/Button';
-export { default as Button__default } from './Button/docs/Button__default.docs';
-export { default as Button__custom } from './Button/docs/Button__custom.docs';
+// export { default as Button__default } from './Button/docs/Button__default.docs';
+// export { default as Button__custom } from './Button/docs/Button__custom.docs';
 export { default as Buttongroup } from './Buttongroup/Buttongroup';
-export { default as Buttongroup__footer } from './Buttongroup/docs/Buttongroup__footer.docs';
-export { default as Buttongroup__header } from './Buttongroup/docs/Buttongroup__header.docs';
-export { default as Buttongroup__custom } from './Buttongroup/docs/Buttongroup__custom.docs';
+// export { default as Buttongroup__footer } from './Buttongroup/docs/Buttongroup__footer.docs';
+// export { default as Buttongroup__header } from './Buttongroup/docs/Buttongroup__header.docs';
+// export { default as Buttongroup__custom } from './Buttongroup/docs/Buttongroup__custom.docs';
 export { default as Switch } from './Switch/Switch';
-export { default as Switch__default } from './Switch/docs/Switch__default.docs';
-export { default as Switch__custom } from './Switch/docs/Switch__custom.docs';
+// export { default as Switch__default } from './Switch/docs/Switch__default.docs';
+// export { default as Switch__custom } from './Switch/docs/Switch__custom.docs';
 export { default as Radio } from './Radio/Radio';
-export { default as Radio__default } from './Radio/docs/Radio__default.docs';
-export { default as Radio__custom } from './Radio/docs/Radio__custom.docs';
+// export { default as Radio__default } from './Radio/docs/Radio__default.docs';
+// export { default as Radio__custom } from './Radio/docs/Radio__custom.docs';
 export { default as Textarea } from './Textarea/Textarea';
-export { default as Textarea__default } from './Textarea/docs/Textarea__default.docs';
-export { default as Textarea__animated } from './Textarea/docs/Textarea__animated.docs';
-export { default as Textarea__disabled } from './Textarea/docs/Textarea__disabled.docs';
-export { default as Textarea__custom } from './Textarea/docs/Textarea__custom.docs';
+// export { default as Textarea__default } from './Textarea/docs/Textarea__default.docs';
+// export { default as Textarea__animated } from './Textarea/docs/Textarea__animated.docs';
+// export { default as Textarea__disabled } from './Textarea/docs/Textarea__disabled.docs';
+// export { default as Textarea__custom } from './Textarea/docs/Textarea__custom.docs';
 export { default as Label } from './Label/Label';
-export { default as Label__palette } from './Label/docs/Label__palette.docs';
-export { default as Label__size } from './Label/docs/Label__size.docs';
-export { default as Label__clipped } from './Label/docs/Label__clipped.docs';
-export { default as Label__type } from './Label/docs/Label__type.docs';
-export { default as Label__custom } from './Label/docs/Label__custom.docs';
+// export { default as Label__palette } from './Label/docs/Label__palette.docs';
+// export { default as Label__size } from './Label/docs/Label__size.docs';
+// export { default as Label__clipped } from './Label/docs/Label__clipped.docs';
+// export { default as Label__type } from './Label/docs/Label__type.docs';
+// export { default as Label__custom } from './Label/docs/Label__custom.docs';
 export { default as DropDownHeading } from './DropDown/DropDownHeading';
-export { default as DropDownHeading__Heading } from './DropDown/docs/DropDownHeading__default.docs';
-export { default as DropDownHeading__Custom } from './DropDown/docs/DropDownHeading__custom.docs';
+// export { default as DropDownHeading__Heading } from './DropDown/docs/DropDownHeading__default.docs';
+// export { default as DropDownHeading__Custom } from './DropDown/docs/DropDownHeading__custom.docs';
 export { default as CheckBox } from './CheckBox/CheckBox';
-export { default as CheckBox__default } from './CheckBox/docs/CheckBox__default.docs';
-export { default as CheckBox__custom } from './CheckBox/docs/CheckBox__custom.docs';
+// export { default as CheckBox__default } from './CheckBox/docs/CheckBox__default.docs';
+// export { default as CheckBox__custom } from './CheckBox/docs/CheckBox__custom.docs';
 export { default as Ribbon } from './Ribbon/Ribbon';
-export { default as Ribbon__default } from './Ribbon/docs/Ribbon__default.docs';
-export { default as Ribbon__custom } from './Ribbon/docs/Ribbon__custom.docs';
+// export { default as Ribbon__default } from './Ribbon/docs/Ribbon__default.docs';
+// export { default as Ribbon__custom } from './Ribbon/docs/Ribbon__custom.docs';
 export { default as Tag } from './Tag/Tag';
-export { default as Tag__default } from './Tag/docs/Tag__default.docs';
-export { default as Tag__custom } from './Tag/docs/Tag__custom.docs';
+// export { default as Tag__default } from './Tag/docs/Tag__default.docs';
+// export { default as Tag__custom } from './Tag/docs/Tag__custom.docs';
 export * from './Tab';
-export { default as Tab__default } from './Tab/docs/Tab__default.docs';
+// export { default as Tab__default } from './Tab/docs/Tab__default.docs';
 export { default as TextBox } from './TextBox/TextBox';
-export { default as TextBox__default } from './TextBox/docs/TextBox__default.docs';
-export { default as TextBox__size } from './TextBox/docs/TextBox__size.docs';
-export { default as TextBox__variant } from './TextBox/docs/TextBox__variant.docs';
-export { default as TextBox__custom } from './TextBox/docs/TextBox__custom.docs';
+// export { default as TextBox__default } from './TextBox/docs/TextBox__default.docs';
+// export { default as TextBox__size } from './TextBox/docs/TextBox__size.docs';
+// export { default as TextBox__variant } from './TextBox/docs/TextBox__variant.docs';
+// export { default as TextBox__custom } from './TextBox/docs/TextBox__custom.docs';
 export { default as TextBoxIcon } from './TextBoxIcon/TextBoxIcon';
-export { default as TextBoxIcon__default } from './TextBoxIcon/docs/TextBoxIcon__default.docs';
-export { default as TextBoxIcon__custom } from './TextBoxIcon/docs/TextBoxIcon__custom.docs';
+// export { default as TextBoxIcon__default } from './TextBoxIcon/docs/TextBoxIcon__default.docs';
+// export { default as TextBoxIcon__custom } from './TextBoxIcon/docs/TextBoxIcon__custom.docs';
 export { default as Tooltip } from './Tooltip/Tooltip';
-export { default as Tooltip__default } from './Tooltip/docs/Tooltip__default.docs';
+// export { default as Tooltip__default } from './Tooltip/docs/Tooltip__default.docs';
 export { default as Select } from './Select/Select';
-export { default as Select__Select } from './Select/docs/Select__default.docs';
+// export { default as Select__Select } from './Select/docs/Select__default.docs';
 export { default as SelectWithIcon } from './Select/SelectWithIcon';
-export { default as SelectWithIcon__SelectWithIcon } from './Select/docs/SelectWithIcon__default.docs';
+// export { default as SelectWithIcon__SelectWithIcon } from './Select/docs/SelectWithIcon__default.docs';
 export { default as GroupSelect } from './Select/GroupSelect';
-export { default as GroupSelect__GroupSelect } from './Select/docs/GroupSelect__default.docs';
+// export { default as GroupSelect__GroupSelect } from './Select/docs/GroupSelect__default.docs';
 export { default as SelectWithAvatar } from './Select/SelectWithAvatar';
-export { default as SelectWithAvatar__SelectWithAvatar } from './Select/docs/SelectWithAvatar__default.docs';
+// export { default as SelectWithAvatar__SelectWithAvatar } from './Select/docs/SelectWithAvatar__default.docs';
 export { default as MultiSelect } from './MultiSelect/MultiSelect';
-export { default as MultiSelect__MultiSelect } from './MultiSelect/docs/MultiSelect__default.docs';
+// export { default as MultiSelect__MultiSelect } from './MultiSelect/docs/MultiSelect__default.docs';
 export { default as AdvancedMultiSelect } from './MultiSelect/AdvancedMultiSelect';
-export { default as AdvancedMultiSelect__AdvancedMultiSelect } from './MultiSelect/docs/AdvancedMultiSelect__default.docs';
+// export { default as AdvancedMultiSelect__AdvancedMultiSelect } from './MultiSelect/docs/AdvancedMultiSelect__default.docs';
 export { default as AdvancedGroupMultiSelect } from './MultiSelect/AdvancedGroupMultiSelect';
-export { default as AdvancedGroupMultiSelect__AdvancedGroupMultiSelect } from './MultiSelect/docs/AdvancedGroupMultiSelect__default.docs';
+// export { default as AdvancedGroupMultiSelect__AdvancedGroupMultiSelect } from './MultiSelect/docs/AdvancedGroupMultiSelect__default.docs';
 export { default as MultiSelectWithAvatar } from './MultiSelect/MultiSelectWithAvatar';
-export { default as MultiSelectWithAvatar__MultiSelectWithAvatar } from './MultiSelect/docs/MultiSelectWithAvatar__default.docs';
+// export { default as MultiSelectWithAvatar__MultiSelectWithAvatar } from './MultiSelect/docs/MultiSelectWithAvatar__default.docs';
 export { default as DateWidget } from './DateTime/DateWidget';
-export { default as DateWidget__dateWidget } from './DateTime/docs/DateWidget__default.docs';
-export { default as DateWidget__datetime } from './DateTime/docs/DateTime__default.docs';
+// export { default as DateWidget__dateWidget } from './DateTime/docs/DateWidget__default.docs';
+// export { default as DateWidget__datetime } from './DateTime/docs/DateTime__default.docs';
 export { default as ListItem } from './ListItem/ListItem';
-export { default as ListItem__default } from './ListItem/docs/ListItem__default.docs';
-export { default as ListItem__custom } from './ListItem/docs/ListItem__custom.docs';
+// export { default as ListItem__default } from './ListItem/docs/ListItem__default.docs';
+// export { default as ListItem__custom } from './ListItem/docs/ListItem__custom.docs';
 export { default as ListItemWithIcon } from './ListItem/ListItemWithIcon';
-export { default as ListItemWithIcon__default } from './ListItem/docs/ListItemWithIcon__default.docs';
-export { default as ListItemWithIcon__custom } from './ListItem/docs/ListItemWithIcon__custom.docs';
+// export { default as ListItemWithIcon__default } from './ListItem/docs/ListItemWithIcon__default.docs';
+// export { default as ListItemWithIcon__custom } from './ListItem/docs/ListItemWithIcon__custom.docs';
 export { default as ListItemWithCheckBox } from './ListItem/ListItemWithCheckBox';
-export { default as ListItemWithCheckBox__default } from './ListItem/docs/ListItemWithCheckBox__default.docs';
-export { default as ListItemWithCheckBox__custom } from './ListItem/docs/ListItemWithCheckBox__custom.docs';
+// export { default as ListItemWithCheckBox__default } from './ListItem/docs/ListItemWithCheckBox__default.docs';
+// export { default as ListItemWithCheckBox__custom } from './ListItem/docs/ListItemWithCheckBox__custom.docs';
 export { default as ListItemWithRadio } from './ListItem/ListItemWithRadio';
-export { default as ListItemWithRadio__default } from './ListItem/docs/ListItemWithRadio__default.docs';
-export { default as ListItemWithRadio__custom } from './ListItem/docs/ListItemWithRadio__custom.docs';
+// export { default as ListItemWithRadio__default } from './ListItem/docs/ListItemWithRadio__default.docs';
+// export { default as ListItemWithRadio__custom } from './ListItem/docs/ListItemWithRadio__custom.docs';
 export { default as ListItemWithAvatar } from './ListItem/ListItemWithAvatar';
-export { default as ListItemWithAvatar__default } from './ListItem/docs/ListItemWithAvatar__default.docs';
-export { default as ListItemWithAvatar__custom } from './ListItem/docs/ListItemWithAvatar__custom.docs';
+// export { default as ListItemWithAvatar__default } from './ListItem/docs/ListItemWithAvatar__default.docs';
+// export { default as ListItemWithAvatar__custom } from './ListItem/docs/ListItemWithAvatar__custom.docs';
 export { default as DropBox } from './DropBox/DropBox';
-export { default as DropBox__position } from './DropBox/docs/DropBox__position.docs';
-export { default as DropBox__size } from './DropBox/docs/DropBox__size.docs';
-export { default as DropBox__custom } from './DropBox/docs/DropBox__custom.docs';
-export { default as DropBox__customOrder } from './DropBox/docs/DropBox__customOrder.docs.js';
-export { default as DropBox__fixedPosition } from './DropBox/docs/DropBox__fixedPosition.docs.js';
+// export { default as DropBox__position } from './DropBox/docs/DropBox__position.docs';
+// export { default as DropBox__size } from './DropBox/docs/DropBox__size.docs';
+// export { default as DropBox__custom } from './DropBox/docs/DropBox__custom.docs';
+// export { default as DropBox__customOrder } from './DropBox/docs/DropBox__customOrder.docs.js';
+// export { default as DropBox__fixedPosition } from './DropBox/docs/DropBox__fixedPosition.docs.js';
 export { default as PopOver } from './PopOver/PopOver';
-export { default as PopOver__default } from './PopOver/docs/PopOver__default.docs.js';
+// export { default as PopOver__default } from './PopOver/docs/PopOver__default.docs.js';
 export { default as Stencils } from './Stencils/Stencils';
-export { default as Stencils__default } from './Stencils/docs/Stencils__default.docs';
-export { default as Stencils__custom } from './Stencils/docs/Stencils__custom.docs';
+// export { default as Stencils__default } from './Stencils/docs/Stencils__default.docs';
+// export { default as Stencils__custom } from './Stencils/docs/Stencils__custom.docs';
 export { default as Modal } from './Modal/Modal';
-export { default as Modal__default } from './Modal/__docs__/Modal__default.docs';
+// export { default as Modal__default } from './Modal/__docs__/Modal__default.docs';
 export * from './Responsive';
-export { default as Responsive__Custom } from './Responsive/docs/Responsive__Custom.docs';
-export { default as Responsive__default } from './Responsive/docs/Responsive__default.docs';
+// export { default as Responsive__Custom } from './Responsive/docs/Responsive__Custom.docs';
+// export { default as Responsive__default } from './Responsive/docs/Responsive__default.docs';
 export { default as RippleEffect } from './RippleEffect/RippleEffect';
-export { default as RippleEffect__default } from './RippleEffect/docs/RippleEffect__default.docs';
+// export { default as RippleEffect__default } from './RippleEffect/docs/RippleEffect__default.docs';
 export { default as PortalLayer } from './deprecated/PortalLayer/PortalLayer';
-export { default as PortalLayer__default } from './deprecated/PortalLayer/docs/PortalLayer__default.docs';
+// export { default as PortalLayer__default } from './deprecated/PortalLayer/docs/PortalLayer__default.docs';
+
 export { default as VelocityAnimation } from './VelocityAnimation/VelocityAnimation/VelocityAnimation';
-export { default as VelocityAnimation__VelocityAnimation } from './VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs';
+// export { default as VelocityAnimation__VelocityAnimation } from './VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs';
 export { default as VelocityAnimationGroup } from './VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
-export { default as VelocityAnimationGroup__VelocityAnimationGroup } from './VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs';
+// export { default as VelocityAnimationGroup__VelocityAnimationGroup } from './VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs';
+
 export { Provider } from './Provider/IdProvider';
-export { default as Provider__Id_For_ClassComponent } from './Provider/docs/Provider_Id__Class.docs';
-export { default as Provider__Id_For_FunctionComponent } from './Provider/docs/Provider_Id__Function.docs';
-export { default as Provider__Zindex_For_ClassComponent } from './Provider/docs/Provider_Zindex__Class.docs';
-export { default as Provider__Zindex_For_FunctionComponent } from './Provider/docs/Provider_Zindex__Function.docs';
+// export { default as Provider__Id_For_ClassComponent } from './Provider/docs/Provider_Id__Class.docs';
+// export { default as Provider__Id_For_FunctionComponent } from './Provider/docs/Provider_Id__Function.docs';
+// export { default as Provider__Zindex_For_ClassComponent } from './Provider/docs/Provider_Zindex__Class.docs';
+// export { default as Provider__Zindex_For_FunctionComponent } from './Provider/docs/Provider_Zindex__Function.docs';
 
 //semantic//
 export { default as SemanticButton } from './semantic/Button/Button';
-export { default as SemanticButton__default } from './semantic/Button/docs/Button__default.docs.js';
-export { default as LightNightMode__AlternativeColors } from './LightNightMode/docs/AlternativeColors.docs';
+// export { default as SemanticButton__default } from './semantic/Button/docs/Button__default.docs.js';
+
+// export { default as LightNightMode__AlternativeColors } from './LightNightMode/docs/AlternativeColors.docs';
 export { default as ResponsiveDropBox } from './ResponsiveDropBox/ResponsiveDropBox';
 export { default as Heading } from './Heading/Heading';
-export { default as Heading__default } from './Heading/docs/Heading__default.docs.js';
+// export { default as Heading__default } from './Heading/docs/Heading__default.docs.js';

package/lib/Avatar/Avatar.js

@@ -178,7 +178,8 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
         name: name,
         onError: this.putInvalidImageURLJSON,
         onLoad: this.putValidImageURLJSON,
-        src: showAlternateAvatar ? alternateSrc : src
+        src: showAlternateAvatar ? alternateSrc : src,
+        alt: name
       }), !isValidImageList && !showAlternateAvatar ? null : /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_AvatarModule["default"].shadow, " ").concat(textStyle, " ")
       })));

package/lib/Card/props/defaultProps.js

@@ -16,7 +16,6 @@ exports.Card_defaultProps = Card_defaultProps;
 var CardContent_defaultProps = {
   isScrollAttribute: false,
   scroll: 'vertical',
-  preventParentScroll: 'vertical',
   dataId: 'CardContent',
   customClass: ''
 };

package/lib/Card/props/propTypes.js

@@ -19,10 +19,10 @@ var CardContent_propTypes = {
   eleRef: _propTypes["default"].func,
   isScrollAttribute: _propTypes["default"].bool,
   onScroll: _propTypes["default"].func,
-  scroll: _propTypes["default"].PropTypes.oneOf(['vertical', 'horizontal', 'both', 'none']),
+  scroll: _propTypes["default"].oneOf(['vertical', 'horizontal', 'both', 'none']),
   shrink: _propTypes["default"].bool,
   customClass: _propTypes["default"].string,
-  preventParentScroll: _propTypes["default"].PropTypes.oneOf(['vertical', 'horizontal', 'both'])
+  preventParentScroll: _propTypes["default"].oneOf(['vertical', 'horizontal', 'both'])
 };
 exports.CardContent_propTypes = CardContent_propTypes;
 var Card_propTypes = {

package/lib/DateTime/CalendarView.js

@@ -170,7 +170,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
       }();
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_DaysRow["default"], {
         dayNames: dayNames,
-        dayNamesShort: dayNamesShort
+        dayNamesShort: dayNamesShort,
+        ariaLabel: dayNamesShort
       }), /*#__PURE__*/_react["default"].createElement("div", {
         "data-id": "".concat(dataId, "_dateContainer"),
         className: "".concat(_DateTimeModule["default"].dateContainer, " ").concat(needBorder ? _DateTimeModule["default"].separator : '')
@@ -216,7 +217,8 @@ var Span = /*#__PURE__*/function (_React$PureComponent2) {
         dataId: dataId,
         className: "".concat(tdclass, " ").concat(isActive ? _DateTimeModule["default"].active : '', " ").concat(isToday ? _DateTimeModule["default"].today : ''),
         key: i,
-        onClick: this.handleSelectChild
+        onClick: this.handleSelectChild,
+        "aria-label": incremday
       }, incremday);
     }
   }]);

package/lib/DateTime/DateTime.module.css

@@ -74,6 +74,7 @@
   line-height: var(--zd_size24);
   color: var(--zdt_datetime_datestr_text);
   composes: semibold;
+  display: initial
 }
 
 .dateContainer {

package/lib/DateTime/DateTimePopupHeader.js

@@ -8,6 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _Layout = require("../Layout");
 var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _Heading = _interopRequireDefault(require("../Heading/Heading"));
 var _DateTimeModule = _interopRequireDefault(require("./DateTime.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); }
@@ -48,12 +49,15 @@ var Span = /*#__PURE__*/function (_React$PureComponent) {
         children = _this$props2.children,
         dataId = _this$props2.dataId,
         _this$props2$classNam = _this$props2.className,
-        className = _this$props2$classNam === void 0 ? '' : _this$props2$classNam;
+        className = _this$props2$classNam === void 0 ? '' : _this$props2$classNam,
+        ariaLabel = _this$props2.ariaLabel;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         "data-title": dataTitle,
         dataId: dataId,
         className: "".concat(_DateTimeModule["default"].thArrow, " ").concat(_DateTimeModule["default"].grid, " ").concat(className),
-        onClick: this.modifyCalendarChild
+        onClick: this.modifyCalendarChild,
+        "aria-label": ariaLabel,
+        tabindex: "0"
       }, children);
     }
   }]);
@@ -84,19 +88,26 @@ var DateTimePopupHeader = /*#__PURE__*/function (_PureComponent) {
         className: _DateTimeModule["default"].dateText,
         dataId: "selectYear",
         onClick: onOpenYearView
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: _DateTimeModule["default"].thMonYear
-      }, showMonthTxt), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
+        className: _DateTimeModule["default"].thMonYear,
+        title: showMonthTxt,
+        tagName: "h2",
+        a11y: {
+          tabindex: '0'
+        }
+      }), /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-GN-dropdown",
         size: "12",
         iconClass: _DateTimeModule["default"].downArrow
-      })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      }))), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true
       }), !isYearView ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Span, {
         dataTitle: prevMonthTitleText,
         dataId: "prevMonth",
         modifyCalendar: onModifyCalendar,
-        type: "previousMonth"
+        type: "previousMonth",
+        ariaLabel: "prevMonth",
+        tabindex: "0"
       }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-arrowLeft3",
         isBold: true
@@ -105,7 +116,9 @@ var DateTimePopupHeader = /*#__PURE__*/function (_PureComponent) {
         dataId: "nextMonth",
         modifyCalendar: onModifyCalendar,
         type: "nextMonth",
-        className: _DateTimeModule["default"].navigation
+        className: _DateTimeModule["default"].navigation,
+        ariaLabel: "nextMonth",
+        tabindex: "0"
       }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-arrowRight3",
         isBold: true

package/lib/DateTime/DateWidget.js

@@ -905,7 +905,8 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
         positionsOffset = _this$props11.positionsOffset,
         targetOffset = _this$props11.targetOffset,
         isRestrictScroll = _this$props11.isRestrictScroll,
-        dropBoxPortalId = _this$props11.dropBoxPortalId;
+        dropBoxPortalId = _this$props11.dropBoxPortalId,
+        a11y = _this$props11.a11y;
       var _this$state5 = this.state,
         _this$state5$selected = _this$state5.selected,
         value = _this$state5$selected === void 0 ? '' : _this$state5$selected,
@@ -954,7 +955,8 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
         },
         iconOnHover: iconOnHover,
         isFocus: isPopupReady,
-        autoComplete: false
+        autoComplete: false,
+        a11y: a11y
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both",
         onClick: isDisabled || isReadOnly ? null : this.handleDateIconClick

package/lib/DateTime/DaysRow.js

@@ -42,7 +42,8 @@ var DaysRow = /*#__PURE__*/function (_PureComponent) {
         return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           key: dayName,
           className: "".concat(_DateTimeModule["default"].daysStr, " ").concat(_DateTimeModule["default"].grid, " ").concat(index === 0 ? _DateTimeModule["default"].sunday : ''),
-          "data-title": dayName
+          "data-title": dayName,
+          "aria-label": dayName
         }, dayNamesShort[index]);
       }));
     }

package/lib/DateTime/YearView.js

@@ -11,6 +11,7 @@ var _defaultProps = require("./props/defaultProps");
 var _virtualizer = require("@zohodesk/virtualizer");
 var _Layout = require("../Layout");
 var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _Heading = _interopRequireDefault(require("../Heading/Heading"));
 var _YearViewModule = _interopRequireDefault(require("./YearView.module.css"));
 var _dateFormatUtils = require("./dateFormatUtils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -68,9 +69,15 @@ var Year = /*#__PURE__*/function (_React$PureComponent) {
         alignBox: "row",
         align: "vertical"
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        flexible: true,
-        className: _YearViewModule["default"].yearText
-      }, year), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+        flexible: true
+      }, /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
+        className: _YearViewModule["default"].yearText,
+        title: year,
+        a11y: {
+          tabindex: '0'
+        },
+        tagName: "h4"
+      })), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-arrowDownSingle",
         size: "7",
         isBold: true,
@@ -112,7 +119,8 @@ var Month = /*#__PURE__*/function (_React$PureComponent2) {
         dataId: "month_".concat(month),
         className: "".concat(_YearViewModule["default"].month, " ").concat(isActive ? _YearViewModule["default"].currentMonth : ''),
         onClick: this.handleClick,
-        "data-title": hoverText
+        "data-title": hoverText,
+        "aria-label": month
       }, displayText);
     }
   }]);

package/lib/DateTime/YearView.module.css

@@ -5,6 +5,7 @@
   padding-left: var(--zd_size19);
   padding-right: var(--zd_size19);
 }
+
 .month {
   width: 30.333%;
   font-size: var(--zd_font_size12);
@@ -17,51 +18,66 @@
   background-color: var(--zdt_yearview_month_bg);
   border-radius: 20px;
 }
+
 .month:hover {
   background-color: var(--zdt_yearview_month_hover_bg);
 }
+
 .currentMonth,
 .currentMonth:hover {
   color: var(--zdt_yearview_currentmonth_text);
 }
+
 .currentMonth, .currentMonth:hover {
   background-color: var(--zdt_yearview_currentmonth_bg);
 }
+
 .yearBox {
   border-bottom: 1px dotted var(--zdt_yearview_yearbox_border);
 }
+
 .year {
   padding: var(--zd_size7) 0;
   cursor: pointer;
 }
+
 .year:hover .yearText,
 .year:hover .arrow {
   color: var(--zdt_yearview_year_hover_text);
 }
+
 .yearText {
   color: var(--zdt_yearview_yeartext_text);
   font-size: var(--zd_font_size11);
 }
+
 .arrow {
   color: var(--zdt_yearview_yeartext_text);
   transition: transform var(--zd_transition1);
 }
+
 .isActive {
   cursor: default;
 }
+
 .isActive .yearText {
   font-family: var(--zd_semibold);
   color: var(--zdt_yearview_year_hover_text);
+  font-size: var(--zd_font_size11);
 }
+
 .arrowActive {
   color: var(--zdt_yearview_year_hover_text);
 }
+
 [dir=ltr] .arrowActive {
   transform: rotate(180deg);
 }
+
 [dir=rtl] .arrowActive {
   transform: rotate(-180deg);
 }
+
 .container {
   height: 100%;
   overflow-y: auto;
@@ -69,13 +85,15 @@
   composes: boxPadding;
   background-color: var(--zdt_yearview_default_bg);
 }
+
 .yearContainer {
   height: var(--zd_size135);
   overflow: hidden;
   transition: height var(--zd_transition1);
   padding-bottom: var(--zd_size5);
 }
+
 .toggleYear {
   height: 0;
   padding: 0;
-}
+}

package/lib/DropDown/DropDownHeading.js

@@ -40,12 +40,14 @@ var DropDownHeading = /*#__PURE__*/function (_React$Component) {
         htmlId = _this$props.htmlId,
         a11y = _this$props.a11y;
       var role = a11y.role,
-        ariaLabelledby = a11y.ariaLabelledby;
+        ariaLabelledby = a11y.ariaLabelledby,
+        ariaLabel = a11y.ariaLabel;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_DropDownHeadingModule["default"][palette], " ").concat(customClass),
         "data-title": title,
         role: role,
         "aria-labelledby": ariaLabelledby,
+        "aria-label": ariaLabel,
         id: htmlId
         // tabindex='0'
       }, text, children);

package/lib/DropDown/props/propTypes.js

@@ -51,7 +51,8 @@ var DropDownHeading_propTypes = {
   htmlId: _propTypes["default"].string,
   a11y: _propTypes["default"].shape({
     role: _propTypes["default"].string,
-    ariaLabelledby: _propTypes["default"].string
+    ariaLabelledby: _propTypes["default"].string,
+    ariaLabel: _propTypes["default"].string
   })
 };
 exports.DropDownHeading_propTypes = DropDownHeading_propTypes;

package/lib/Label/Label.js

@@ -42,13 +42,15 @@ var Label = /*#__PURE__*/function (_React$Component) {
         onClick = _this$props.onClick,
         dataId = _this$props.dataId,
         variant = _this$props.variant,
-        customClass = _this$props.customClass;
+        customClass = _this$props.customClass,
+        id = _this$props.id;
       return /*#__PURE__*/_react["default"].createElement("label", {
         className: "".concat(_LabelModule["default"].label, " ").concat(_LabelModule["default"][type], " ").concat(_LabelModule["default"][size], " ").concat(_LabelColorsModule["default"][palette], " ").concat(_LabelModule["default"]["font_".concat(variant)], "\n          ").concat(clipped ? _LabelModule["default"].dotted : '', " ").concat(onClick ? _LabelModule["default"].pointer : _LabelModule["default"].cursor, " ").concat(customClass, " "),
         htmlFor: htmlFor,
         "data-title": title,
         "data-id": dataId,
-        onClick: onClick
+        onClick: onClick,
+        id: id
       }, text);
     }
   }]);