@zohodesk/components 1.0.0-test-252 → 1.1.0

package/es/deprecated/AdvancedMultiSelect.module.css

@@ -1,127 +1,127 @@
-.wrapper {
-  position: relative;
-}
-.disabled, .readOnly {
-  cursor: not-allowed;
-}
-.container {
-  max-height: var(--zd_size120);
-  composes: oflowy from '../common/common.module.css';
-}
-.hasBorder {
-  transition: border var(--zd_transition2) linear 0s;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-}
-.borderColor_transparent {
-  border-bottom-color: var(--zdt_advancedmultiselect_transparent_border);
-}
-.effect .borderColor_transparent:hover {
-  border-bottom-color: var(--zdt_advancedmultiselect_transparent_hover_border);
-}
-.effect .borderColor_transparent.active {
-  border-bottom-color: var(--zdt_advancedmultiselect_transparent_active_border);
-}
-.borderColor_default {
-  border-bottom-color: var(--zdt_advancedmultiselect_default_border);
-}
-.effect .borderColor_default:hover {
-  border-bottom-color: var(--zdt_advancedmultiselect_default_hover_border);
-}
-.effect .borderColor_default.active {
-  border-bottom-color: var(--zdt_advancedmultiselect_default_active_border);
-}
-.borderColor_dark {
-  border-bottom-color: var(--zdt_advancedmultiselect_dark_border);
-}
-.effect .borderColor_dark:hover {
-  border-bottom-color: var(--zdt_advancedmultiselect_dark_hover_border);
-}
-.effect .borderColor_dark.active {
-  border-bottom-color: var(--zdt_advancedmultiselect_dark_active_border);
-}
-[dir=ltr] .container.medium {
-  padding: 0 var(--zd_size34) var(--zd_size7) 0;
-}
-[dir=rtl] .container.medium {
-  padding: 0 0 var(--zd_size7) var(--zd_size34);
-}
-.container.xmedium {
-  min-height: var(--zd_size30);
-}
-[dir=ltr] .container.xmedium {
-  padding: 0 var(--zd_size34) var(--zd_size1) 0;
-}
-[dir=rtl] .container.xmedium {
-  padding: 0 0 var(--zd_size1) var(--zd_size34);
-}
-
-.delete {
-  position: absolute;
-  bottom: 0;
-  color: var(--zdt_advancedmultiselect_delete_text);
-  padding-bottom: var(--zd_size10);
-  cursor: pointer;
-  background-color: var(--zdt_advancedmultiselect_delete_bg);
-  border: 0;
-}
-
-[dir=ltr] .delete {
-  right: var(--zd_size15);
-}
-
-[dir=rtl] .delete {
-  left: var(--zd_size15);
-}
-
-.delete:hover {
-  color: var(--zdt_advancedmultiselect_delete_hover_text);
-}
-.transparentContainer .delete {
-  opacity: 0;
-  visibility: hidden;
-}
-.transparentContainer:hover .delete {
-  opacity: 1;
-  visibility: visible;
-}
-
-.box {
-  background: var(--zdt_advancedmultiselect_box_bg);
-}
-
-.small {
-  max-height: var(--zd_size200);
-}
-
-.medium {
-  max-height: var(--zd_size350);
-}
-
-.large {
-  max-height: var(--zd_size400);
-}
-
-.dropContainer {
-  display: inline-block;
-  max-width: 100%;
-  margin-bottom: var(--zd_size5);
-}
-
-.dropPopup {
-  font-size: var(--zd_font_size13);
-}
-
-.dropPopup :global .toggleDropIcon {
-  color: var(--zdt_advancedmultiselect_droppopup_text);
-}
-
-.more {
-  font-size: var(--zd_font_size14);
-  color: var(--zdt_advancedmultiselect_more_text);
-  font-family: inherit;
-  cursor: pointer;
-  margin-top: var(--zd_size5);
-  background-color: var(--zdt_advancedmultiselect_delete_bg);
-  border: 0;
+.wrapper {
+  position: relative;
+}
+.disabled, .readOnly {
+  cursor: not-allowed;
+}
+.container {
+  max-height: var(--zd_size120) ;
+  composes: oflowy from '../common/common.module.css';
+}
+.hasBorder {
+  transition: border var(--zd_transition2) linear 0s;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.borderColor_transparent {
+  border-bottom-color: var(--zdt_advancedmultiselect_transparent_border);
+}
+.effect .borderColor_transparent:hover {
+  border-bottom-color: var(--zdt_advancedmultiselect_transparent_hover_border);
+}
+.effect .borderColor_transparent.active {
+  border-bottom-color: var(--zdt_advancedmultiselect_transparent_active_border);
+}
+.borderColor_default {
+  border-bottom-color: var(--zdt_advancedmultiselect_default_border);
+}
+.effect .borderColor_default:hover {
+  border-bottom-color: var(--zdt_advancedmultiselect_default_hover_border);
+}
+.effect .borderColor_default.active {
+  border-bottom-color: var(--zdt_advancedmultiselect_default_active_border);
+}
+.borderColor_dark {
+  border-bottom-color: var(--zdt_advancedmultiselect_dark_border);
+}
+.effect .borderColor_dark:hover {
+  border-bottom-color: var(--zdt_advancedmultiselect_dark_hover_border);
+}
+.effect .borderColor_dark.active {
+  border-bottom-color: var(--zdt_advancedmultiselect_dark_active_border);
+}
+[dir=ltr] .container.medium {
+  padding: 0 var(--zd_size34) var(--zd_size7) 0 ;
+}
+[dir=rtl] .container.medium {
+  padding: 0 0 var(--zd_size7) var(--zd_size34) ;
+}
+.container.xmedium {
+  min-height: var(--zd_size30) ;
+}
+[dir=ltr] .container.xmedium {
+  padding: 0 var(--zd_size34) var(--zd_size1) 0 ;
+}
+[dir=rtl] .container.xmedium {
+  padding: 0 0 var(--zd_size1) var(--zd_size34) ;
+}
+
+.delete {
+  position: absolute;
+  bottom: 0 ;
+  color: var(--zdt_advancedmultiselect_delete_text);
+  padding-bottom: var(--zd_size10) ;
+  cursor: pointer;
+  background-color: var(--zdt_advancedmultiselect_delete_bg);
+  border: 0;
+}
+
+[dir=ltr] .delete {
+  right: var(--zd_size15) ;
+}
+
+[dir=rtl] .delete {
+  left: var(--zd_size15) ;
+}
+
+.delete:hover {
+  color: var(--zdt_advancedmultiselect_delete_hover_text);
+}
+.transparentContainer .delete {
+  opacity: 0;
+  visibility: hidden;
+}
+.transparentContainer:hover .delete {
+  opacity: 1;
+  visibility: visible;
+}
+
+.box {
+  background: var(--zdt_advancedmultiselect_box_bg);
+}
+
+.small {
+  max-height: var(--zd_size200) ;
+}
+
+.medium {
+  max-height: var(--zd_size350) ;
+}
+
+.large {
+  max-height: var(--zd_size400) ;
+}
+
+.dropContainer {
+  display: inline-block;
+  max-width: 100% ;
+  margin-bottom: var(--zd_size5) ;
+}
+
+.dropPopup {
+  font-size: var(--zd_font_size13) ;
+}
+
+.dropPopup :global .toggleDropIcon {
+  color: var(--zdt_advancedmultiselect_droppopup_text);
+}
+
+.more {
+  font-size: var(--zd_font_size14) ;
+  color: var(--zdt_advancedmultiselect_more_text);
+  font-family: inherit;
+  cursor: pointer;
+  margin-top: var(--zd_size5) ;
+  background-color: var(--zdt_advancedmultiselect_delete_bg);
+  border: 0;
 }

package/es/deprecated/PortalLayer/PortalLayer.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { propTypes } from './props/propTypes';
-import { defaultProps } from './props/defaultProps';
-//Components
+import { defaultProps } from './props/defaultProps'; //Components
+
 import Modal from '../../Modal/Modal';
 let RefElement = /*#__PURE__*/React.forwardRef((props, ref) => {
   let {
@@ -28,20 +28,23 @@ export default class PortalLayer extends React.Component {
     this.updateState = this.updateState.bind(this);
     this.getState = this.getState.bind(this);
   }
+
   componentDidUpdate(prevProps) {
     let {
-        isActive
-      } = this.props,
-      {
-        isActive: prevActive
-      } = prevProps;
+      isActive
+    } = this.props,
+        {
+      isActive: prevActive
+    } = prevProps;
     isActive = Boolean(isActive), prevActive = Boolean(prevActive);
+
     if (typeof isActive !== 'undefined' && isActive != prevActive && Boolean(this.state.isOpen) != isActive) {
       this.setState({
         isOpen: isActive
       });
     }
   }
+
   updateState(alertState) {
     if (typeof alertState === 'boolean') {
       this.setState({
@@ -51,9 +54,11 @@ export default class PortalLayer extends React.Component {
       this.setState(alertState);
     }
   }
+
   getState() {
     return Object.keys(this.state).length == 1 ? this.state.isOpen : this.state;
   }
+
   componentDidMount() {
     let {
       saveUpdateFunction,
@@ -63,19 +68,20 @@ export default class PortalLayer extends React.Component {
     saveUpdateFunction && saveUpdateFunction(this.updateState, name);
     saveGetFunction && saveGetFunction(this.getState, name);
   }
+
   render() {
     let {
-        children,
-        renderChildren,
-        portalId,
-        autoZIndexNeeded,
-        isChildrenRestrictionNeeded
-      } = this.props,
-      {
-        isOpen = false
-      } = this.state;
+      children,
+      renderChildren,
+      portalId,
+      autoZIndexNeeded,
+      isChildrenRestrictionNeeded
+    } = this.props,
+        {
+      isOpen = false
+    } = this.state;
     let Element = children && children.type,
-      elementProps = children && children.props;
+        elementProps = children && children.props;
     return /*#__PURE__*/React.createElement(Modal, {
       autoZIndexNeeded: autoZIndexNeeded,
       portalId: portalId,
@@ -88,12 +94,12 @@ export default class PortalLayer extends React.Component {
       isActive: isOpen
     }));
   }
+
 }
 PortalLayer.defaultProps = defaultProps;
-PortalLayer.propTypes = propTypes;
-if (false) {
-  PortalLayer.docs = {
-    componentGroup: 'Atom',
-    folderName: 'Style Guide'
-  };
-}
+PortalLayer.propTypes = propTypes; // if (__DOCS__) {
+//   PortalLayer.docs = {
+//     componentGroup: 'Atom',
+//     folderName: 'Style Guide'
+//   };
+// }

package/es/index.js

@@ -1,157 +1,41 @@
-// 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 AppContainer } from './AppContainer/AppContainer';
-// 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 * from './Accordion';
 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 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 AppContainer } from './AppContainer/AppContainer';
 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 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 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 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 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 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 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 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 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 * from './Card';
 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 * from './DateTime';
+export { default as DropBox } from './DropBox/DropBox';
+export * from './DropDown';
+export { default as Heading } from './Heading/Heading';
+export { default as Label } from './Label/Label';
+export * from './Layout';
+export * from './ListItem';
+export { default as Modal } from './Modal/Modal';
+export * from './MultiSelect';
+import * as _PopOver from './PopOver';
+export { _PopOver as PopOver };
+export { default as Popup } from './Popup/Popup';
+import * as _Providers from './Provider';
+export { _Providers as Providers };
+export { default as Radio } from './Radio/Radio';
+export * from './Responsive';
+export { default as ResponsiveDropBox } from './ResponsiveDropBox/ResponsiveDropBox';
 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 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 RippleEffect } from './RippleEffect/RippleEffect';
+export * from './Select';
+export { default as Stencils } from './Stencils/Stencils';
+export { default as Switch } from './Switch/Switch';
 export * from './Tab';
-// export { default as Tab__default } from './Tab/docs/Tab__default.docs';
+export { default as Tag } from './Tag/Tag';
+export { default as Textarea } from './Textarea/Textarea';
 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 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 Tooltip } from './Tooltip/Tooltip';
-// 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 SelectWithIcon } from './Select/SelectWithIcon';
-// 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 SelectWithAvatar } from './Select/SelectWithAvatar';
-// 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 AdvancedMultiSelect } from './MultiSelect/AdvancedMultiSelect';
-// 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 MultiSelectWithAvatar } from './MultiSelect/MultiSelectWithAvatar';
-// 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 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 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 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 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 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 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 PopOver } from './PopOver/PopOver';
-// 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 Modal } from './Modal/Modal';
-// 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 RippleEffect } from './RippleEffect/RippleEffect';
-// 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 VelocityAnimation } from './VelocityAnimation/VelocityAnimation/VelocityAnimation';
-// 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 { 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';
-
-//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 ResponsiveDropBox } from './ResponsiveDropBox/ResponsiveDropBox';
-export { default as Heading } from './Heading/Heading';
-// export { default as Heading__default } from './Heading/docs/Heading__default.docs.js';
+import * as _utils from './utils';
+export { _utils as utils };
+export * from './VelocityAnimation';
+export * from './semantic';

package/es/semantic/Button/Button.js

@@ -6,6 +6,7 @@ export default class Button extends React.Component {
   constructor(props) {
     super(props);
   }
+
   render() {
     const {
       value,
@@ -43,16 +44,17 @@ export default class Button extends React.Component {
       disabled: disabled,
       ref: ref,
       "data-id": dataId,
+      "data-test-id": dataId,
       onClick: onClick,
       "data-title": title
     }, children ? children : text);
   }
+
 }
 Button.defaultProps = defaultProps;
-Button.propTypes = propTypes;
-if (false) {
-  Button.docs = {
-    componentGroup: 'semantic',
-    folderName: 'DefaultComponents'
-  };
-}
+Button.propTypes = propTypes; // if (__DOCS__) {
+//   Button.docs = {
+//     componentGroup: 'semantic',
+//     folderName: 'DefaultComponents'
+//   };
+// }

package/es/semantic/Button/semanticButton.module.css

@@ -1,9 +1,9 @@
-.buttonReset {
-  outline: 0;
-  font: inherit;
-  color: inherit;
-  border: inherit;
-  background-color: inherit;
-  padding: 0;
-  text-align: inherit;
-}
+.buttonReset {
+  outline: 0;
+  font: inherit;
+  color: inherit;
+  border: inherit;
+  background-color: inherit;
+  padding: 0 ;
+  text-align: inherit;
+}

package/es/semantic/index.js

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