@zohodesk/components 1.0.0-temp-107 → 1.0.0-test-252

package/es/common/transition.module.css

@@ -1,6 +1,7 @@
 .zoomInEnter,
 .zoomInLeave.zoomInLeaveActive {
   opacity: 0;
+}.zoomInEnter, .zoomInLeave.zoomInLeaveActive {
   transform: perspective(1px) scale(1.5) translateZ(0);
   transition-duration: var(--zd_transition3);
   transition-property: all;
@@ -8,6 +9,8 @@
 .zoomInEnter.zoomInEnterActive,
 .zoomInLeave {
   opacity: 1;
+}
+.zoomInEnter.zoomInEnterActive, .zoomInLeave {
   transform: perspective(1px) scale(1) translateZ(0);
   transition-duration: var(--zd_transition3);
   transition-property: all;
@@ -15,15 +18,20 @@
 
 .scaleInEnter,
 .scaleInLeave.scaleInLeaveActive {
-  transform: scale(0);
   opacity: 0;
+}
+
+.scaleInEnter, .scaleInLeave.scaleInLeaveActive {
+  transform: scale(0);
   transition-duration: var(--zd_transition3);
   transition-property: all;
 }
 .scaleInEnter.scaleInEnterActive,
 .scaleInLeave {
-  transform: scale(1);
   opacity: 1;
+}
+.scaleInEnter.scaleInEnterActive, .scaleInLeave {
+  transform: scale(1);
   transition-duration: var(--zd_transition3);
   transition-property: all;
 }
@@ -31,6 +39,9 @@
 .fadeInEnter,
 .fadeInLeave.fadeInLeaveActive {
   opacity: 0;
+}
+
+.fadeInEnter, .fadeInLeave.fadeInLeaveActive {
   transition-duration: var(--zd_transition3);
   transition-property: all;
 }
@@ -38,6 +49,9 @@
 .fadeInEnter.fadeInEnterActive,
 .fadeInLeave {
   opacity: 1;
+}
+
+.fadeInEnter.fadeInEnterActive, .fadeInLeave {
   transition-duration: var(--zd_transition3);
   transition-property: all;
 }
@@ -45,14 +59,27 @@
 .slideLeftEnter,
 .slideLeftLeave.slideLeftLeaveActive {
   opacity: 0;
-  transform: translateX(110%);
+}
+
+.slideLeftEnter, .slideLeftLeave.slideLeftLeaveActive {
   transition-duration: var(--zd_transition3);
   transition-property: all;
 }
 
+[dir=ltr] .slideLeftEnter, [dir=ltr] .slideLeftLeave.slideLeftLeaveActive {
+  transform: translateX(110%);
+}
+
+[dir=rtl] .slideLeftEnter, [dir=rtl] .slideLeftLeave.slideLeftLeaveActive {
+  transform: translateX(-110%);
+}
+
 .slideLeftEnter.slideLeftEnterActive,
 .slideLeftLeave {
   opacity: 1;
+}
+
+.slideLeftEnter.slideLeftEnterActive, .slideLeftLeave {
   transform: translateX(0%);
   transition-duration: var(--zd_transition3);
   transition-property: all;
@@ -61,6 +88,9 @@
 .slideDownEnter,
 .slideDownLeave.slideDownLeaveActive {
   opacity: 0;
+}
+
+.slideDownEnter, .slideDownLeave.slideDownLeaveActive {
   transform: translateY(-100%);
   transition-duration: var(--zd_transition3);
   transition-property: all;
@@ -69,6 +99,9 @@
 .slideDownEnter.slideDownEnterActive,
 .slideDownLeave {
   opacity: 1;
+}
+
+.slideDownEnter.slideDownEnterActive, .slideDownLeave {
   transform: translateY(0%);
   transition-duration: var(--zd_transition3);
   transition-property: all;
@@ -77,14 +110,27 @@
 .skewInEnter,
 .skewInLeave.skewInLeaveActive {
   opacity: 0;
-  transform: translate(100%, 100%) skew(72deg) scale(0) perspective(221px);
+}
+
+.skewInEnter, .skewInLeave.skewInLeaveActive {
   transition-duration: var(--zd_transition3);
   transition-property: all;
 }
 
+[dir=ltr] .skewInEnter, [dir=ltr] .skewInLeave.skewInLeaveActive {
+  transform: translate(100%, 100%) skew(72deg) scale(0) perspective(221px);
+}
+
+[dir=rtl] .skewInEnter, [dir=rtl] .skewInLeave.skewInLeaveActive {
+  transform: translate(-100%, 100%) skew(-72deg) scale(0) perspective(221px);
+}
+
 .skewInEnter.skewInEnterActive,
 .skewInLeave {
   opacity: 1;
+}
+
+.skewInEnter.skewInEnterActive, .skewInLeave {
   transform: translate(0, 0) skew(0deg) scale(1) perspective(221px);
   transition-duration: var(--zd_transition3);
   transition-property: all;
@@ -98,9 +144,3 @@
 .defaultLeave {
   display: block;
 }
-
-.noneEnter,
-.noneEnter.noneEnterActive,
-.noneLeave,
-.noneLeave.noneLeaveActive {
-}

package/es/deprecated/AdvancedMultiSelect.module.css

@@ -1,8 +1,7 @@
 .wrapper {
   position: relative;
 }
-.disabled,
-.readOnly {
+.disabled, .readOnly {
   cursor: not-allowed;
 }
 .container {
@@ -10,9 +9,9 @@
   composes: oflowy from '../common/common.module.css';
 }
 .hasBorder {
+  transition: border var(--zd_transition2) linear 0s;
   border-bottom-style: solid;
   border-bottom-width: 1px;
-  transition: border var(--zd_transition2) linear 0s;
 }
 .borderColor_transparent {
   border-bottom-color: var(--zdt_advancedmultiselect_transparent_border);
@@ -41,25 +40,40 @@
 .effect .borderColor_dark.active {
   border-bottom-color: var(--zdt_advancedmultiselect_dark_active_border);
 }
-.container.medium {
+[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 {
-  padding: 0 var(--zd_size34) var(--zd_size1) 0;
   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;
-  right: var(--zd_size15);
-  padding-bottom: var(--zd_size10);
   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);
 }
@@ -105,9 +119,9 @@
 .more {
   font-size: var(--zd_font_size14);
   color: var(--zdt_advancedmultiselect_more_text);
+  font-family: inherit;
   cursor: pointer;
   margin-top: var(--zd_size5);
-  font-family: inherit;
   background-color: var(--zdt_advancedmultiselect_delete_bg);
   border: 0;
 }

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/es/semantic/Button/semanticButton.module.css

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

package/lib/Accordion/Accordion.js

@@ -0,0 +1,102 @@
+"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"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _defaultProps = require("./props/defaultProps");
+var _propTypes = require("./props/propTypes");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var Accordion = /*#__PURE__*/function (_React$Component) {
+  _inherits(Accordion, _React$Component);
+  var _super = _createSuper(Accordion);
+  function Accordion(props) {
+    var _this;
+    _classCallCheck(this, Accordion);
+    _this = _super.call(this, props);
+    _this.state = {
+      selectedItem: _this.props.selectedItem
+    };
+    _this.selectMenu = _this.selectMenu.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(Accordion, [{
+    key: "selectMenu",
+    value: function selectMenu(selectedItem) {
+      var _this$props = this.props,
+        onSelect = _this$props.onSelect,
+        disableInternalState = _this$props.disableInternalState;
+      if (onSelect) {
+        onSelect(selectedItem);
+      }
+      !disableInternalState && this.setState({
+        selectedItem: selectedItem
+      });
+    }
+  }, {
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      if (this.props.selectedItem !== nextProps.selectedItem && !this.props.disableInternalState) {
+        this.setState({
+          selectedItem: nextProps.selectedItem
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props2 = this.props,
+        className = _this$props2.className,
+        height = _this$props2.height,
+        unMount = _this$props2.unMount,
+        disableInternalState = _this$props2.disableInternalState,
+        propSelectedItem = _this$props2.selectedItem,
+        a11y = _this$props2.a11y;
+      var selectedItem = this.state.selectedItem;
+      var children = _react["default"].Children.map(this.props.children, function (child) {
+        if (child) {
+          return /*#__PURE__*/_react["default"].cloneElement(child, {
+            selectedItem: disableInternalState ? propSelectedItem : selectedItem,
+            selectMenu: _this2.selectMenu,
+            unMount: unMount
+          });
+        }
+      });
+      var role = a11y.role,
+        ariaExpanded = a11y.ariaExpanded,
+        ariaHaspopup = a11y.ariaHaspopup;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: className ? className : '',
+        style: {
+          height: height
+        },
+        role: role,
+        "aria-expanded": ariaExpanded,
+        "aria-haspopup": ariaHaspopup
+      }, children);
+    }
+  }]);
+  return Accordion;
+}(_react["default"].Component);
+exports["default"] = Accordion;
+Accordion.propTypes = _propTypes.Accordion_propTypes;
+Accordion.defaultProps = _defaultProps.Accordion_defaultProps;
+if (false) {
+  Accordion.docs = {
+    componentGroup: 'Animation',
+    folderName: 'Style Guide'
+  };
+}