@zohodesk/components 1.0.0-temp-180 → 1.0.0-temp-182

package/es/v1/Tooltip/Tooltip.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../Tooltip/props/defaultProps';
-import { propTypes } from '../../Tooltip/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { getLibraryConfig } from '../../Provider/Config';
 import style from '../../Tooltip/Tooltip.module.css';
 import ResizeObserver from '../Responsive/ResizeObserver';

package/es/v1/Tooltip/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  dataId: 'toolTip',
+  customClass: ''
+};

package/es/v1/Tooltip/props/propTypes.js

@@ -0,0 +1,5 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  customClass: PropTypes.string
+};

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

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
-import { defaultProps } from '../../../VelocityAnimation/VelocityAnimation/props/defaultProps';
-import { propTypes } from '../../../VelocityAnimation/VelocityAnimation/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { VelocityComponent } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
 import LibraryContext from '../../../Provider/LibraryContextInit';

package/es/v1/VelocityAnimation/VelocityAnimation/props/defaultProps.js

@@ -0,0 +1,7 @@
+export const defaultProps = {
+  runOnMount: false,
+  isCustomized: true,
+  needUIPack: true,
+  isFlex: false,
+  duration: 300
+};

package/es/v1/VelocityAnimation/VelocityAnimation/props/propTypes.js

@@ -0,0 +1,12 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node.isRequired,
+  delay: PropTypes.number,
+  duration: PropTypes.number,
+  isActive: PropTypes.bool.isRequired,
+  isCustomized: PropTypes.bool,
+  isFlex: PropTypes.bool,
+  name: PropTypes.oneOf(['fade', 'slideRight', 'shrink', 'expand', 'slideDown', 'flyDown', 'slideLeft']),
+  needUIPack: PropTypes.bool,
+  runOnMount: PropTypes.bool
+};

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

@@ -1,8 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React, { useContext } from 'react';
-import { defaultProps } from '../../../VelocityAnimation/VelocityAnimationGroup/props/defaultProps';
-import { propTypes } from '../../../VelocityAnimation/VelocityAnimationGroup/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { VelocityTransitionGroup } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
 import LibraryContext from '../../../Provider/LibraryContextInit';

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

@@ -0,0 +1,15 @@
+export const defaultProps = {
+  runOnMount: false,
+  enterHideStyle: {
+    display: 'none'
+  },
+  enterShowStyle: {
+    display: ''
+  },
+  isFlex: false,
+  enterDuration: 300,
+  exitDuration: 300,
+  isActive: false,
+  isCustomized: true,
+  needUIPack: true
+};

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

@@ -0,0 +1,19 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node.isRequired,
+  component: PropTypes.element,
+  enterDelay: PropTypes.number,
+  enterDuration: PropTypes.number,
+  enterHideStyle: PropTypes.object,
+  enterName: PropTypes.string,
+  enterShowStyle: PropTypes.object,
+  exitDelay: PropTypes.number,
+  exitDuration: PropTypes.number,
+  exitName: PropTypes.string,
+  isActive: PropTypes.bool,
+  isCustomized: PropTypes.bool,
+  isFlex: PropTypes.bool,
+  name: PropTypes.oneOf(['fade', 'slideDown', 'flyDown', 'slideRight', 'shrink', 'expand', 'slideLeft']),
+  needUIPack: PropTypes.bool,
+  runOnMount: PropTypes.bool
+};

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

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

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

@@ -0,0 +1,12 @@
+export const defaultProps = {
+  children: null,
+  autoFocus: false,
+  dataId: 'semanticButton',
+  disabled: false,
+  palette: 'primary',
+  text: 'Button',
+  type: 'button',
+  value: 'text',
+  customClass: '',
+  a11y: {}
+};

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

@@ -0,0 +1,22 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  autoFocus: PropTypes.bool,
+  children: PropTypes.node,
+  customClass: PropTypes.string,
+  dataId: PropTypes.string,
+  disabled: PropTypes.bool,
+  name: PropTypes.string,
+  onClick: PropTypes.func,
+  ref: PropTypes.func,
+  text: PropTypes.string,
+  title: PropTypes.string,
+  type: PropTypes.oneOf(['submit', 'reset', 'button']),
+  value: PropTypes.string,
+  a11y: PropTypes.shape({
+    ariaLabel: PropTypes.string,
+    ariaHaspopup: PropTypes.bool,
+    ariaExpanded: PropTypes.bool,
+    ariaControls: PropTypes.string,
+    ariaLabelledby: PropTypes.string
+  })
+};

package/lib/DateTime/DateTime.module.css

@@ -35,7 +35,7 @@
 .grid {
   width: var(--zd_size28) ;
   height: var(--zd_size28) ;
-  line-height: var(--zd_size18);
+  line-height: 1.3846;
   /* css:theme-validation:ignore */
   text-align: center;
   padding: var(--zd_size4) 0 ;
@@ -72,7 +72,7 @@
 
 .thMonYear {
   font-size: var(--zd_font_size13) ;
-  line-height: var(--zd_size24);
+  line-height: 1.8462;
   color: var(--zdt_datetime_datestr_text);
   composes: semibold;
   display: initial

package/lib/DateTime/YearView.module.css

@@ -9,7 +9,7 @@
 .month {
   width: 30.333%;
   font-size: var(--zd_font_size12) ;
-  line-height: var(--zd_size26);
+  line-height: 2.1667;
   height: var(--zd_size26) ;
   color: var(--zdt_yearview_month_text);
   text-align: center;

package/lib/Label/Label.module.css

@@ -4,8 +4,9 @@
   --label_text_color: var(--zdt_label_default_text);
   --label_font_family: var(--zd_regular);
   --label_cursor: default;
-  --label_line_height: 18px;
+  --label_line_height: 1.286;
 }
+/* css:lineheight-validation:ignore */
 .label {
   composes: varClass;
   vertical-align: middle;
@@ -18,15 +19,19 @@
 }
 .xsmall {
   --label_font_size: var(--zd_font_size12);
+  --label_line_height:1.5;
 }
 .small {
   --label_font_size: var(--zd_font_size13);
+  --label_line_height:1.385;
 }
 .medium {
   --label_font_size: var(--zd_font_size14);
+  --label_line_height:1.286;
 }
 .large {
   --label_font_size: var(--zd_font_size26);
+  --label_line_height:0.6923;
   composes: semibold from '../common/common.module.css';
 }
 .pointer {

package/lib/ListItem/ListContainer.js

@@ -21,6 +21,8 @@ var _propTypes = require("./props/propTypes");
 
 var _CustomResponsive = require("../Responsive/CustomResponsive");
 
+var _excluded = ["role", "ariaSelected", "ariaLabel", "insetFocus"];
+
 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); }
@@ -29,6 +31,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 var ListContainer = function ListContainer(props) {
   var size = props.size,
       active = props.active,
@@ -72,7 +78,9 @@ var ListContainer = function ListContainer(props) {
       ariaSelected = a11y.ariaSelected,
       ariaLabel = a11y.ariaLabel,
       _a11y$insetFocus = a11y.insetFocus,
-      insetFocus = _a11y$insetFocus === void 0 ? true : _a11y$insetFocus;
+      insetFocus = _a11y$insetFocus === void 0 ? true : _a11y$insetFocus,
+      a11yAttributes = _objectWithoutProperties(a11y, _excluded);
+
   var options = {};
 
   if (isLink) {
@@ -105,7 +113,7 @@ var ListContainer = function ListContainer(props) {
     eleRef: eleRef,
     tagName: isLink ? 'a' : 'li',
     "data-title": isDisabled ? disableTitle : title
-  }, options, customProps, a11y), children);
+  }, options, customProps, a11yAttributes), children);
 };
 
 ListContainer.defaultProps = _defaultProps.ListContainerDefaultProps;

package/lib/ListItem/ListItem.module.css

@@ -77,7 +77,7 @@
   composes: dotted from '../common/common.module.css';
 }
 .value, .multiLineValue {
-  line-height: var(--zd_size20);
+  line-height: 1.5385;
 }
 .multiLineValue{
   word-break: break-word;

package/lib/MultiSelect/SelectedOptions.js

@@ -75,7 +75,8 @@ var SelectedOptions = /*#__PURE__*/function (_React$PureComponent) {
             icon = option.icon,
             optionType = option.optionType,
             iconSize = option.iconSize,
-            isDisabled = option.isDisabled;
+            isDisabled = option.isDisabled,
+            customProps = option.customProps;
         var commonProps = {
           disabled: isDisabled,
           onRemove: isDisabled || isReadOnly ? null : onRemove,
@@ -96,7 +97,7 @@ var SelectedOptions = /*#__PURE__*/function (_React$PureComponent) {
             active: highLightedSelectOptions.indexOf(id) >= 0,
             hasAvatar: true,
             imageURL: photoURL
-          })));
+          }, customProps)));
         } else if (optionType === 'icon') {
           return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
             className: "".concat(_SelectedOptionsModule["default"].tag, " ").concat(_SelectedOptionsModule["default"][size]),
@@ -105,7 +106,7 @@ var SelectedOptions = /*#__PURE__*/function (_React$PureComponent) {
             active: highLightedSelectOptions.indexOf(id) >= 0,
             iconName: icon,
             iconSize: iconSize
-          })));
+          }, customProps)));
         }
 
         return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
@@ -113,7 +114,7 @@ var SelectedOptions = /*#__PURE__*/function (_React$PureComponent) {
           key: "".concat(id, "tag")
         }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], _extends({}, commonProps, {
           active: highLightedSelectOptions.indexOf(id) >= 0
-        })));
+        }, customProps)));
       }));
     }
   }]);

package/lib/Ribbon/Ribbon.module.css

@@ -32,6 +32,7 @@
   --ribbon_tag_before_border_width: 1px 0 0 1px  ;
 }
 
+/* css:lineheight-validation:ignore */
 .basic {
   composes: varClass;
   position: relative;
@@ -215,7 +216,6 @@
   composes: dotted from '../common/common.module.css';
   display: block;
   --ribbon_text_color: var(--zdt_ribbon_white_text);
-  --ribbon_line_height: 20px;
   --ribbon_text_transform: uppercase;
 }
 
@@ -227,6 +227,22 @@
   --ribbon_padding: var(--zd_size4) var(--zd_size24) var(--zd_size4) var(--zd_size6);
 }
 
+.flag.small {
+  --ribbon_line_height: 2.2223;
+}
+
+.flag.medium {
+  --ribbon_line_height: 1.8182;
+}
+
+.flag.large {
+  --ribbon_line_height: 1.5385;
+}
+
+.flag.xlarge {
+  --ribbon_line_height: 1.4286;
+}
+
 .flag::after {
   position: absolute;
   /*  Variable:Ignore  */
@@ -262,10 +278,25 @@
   --ribbon_text_color: var(--zdt_ribbon_white_text);
   --ribbon_text_transform: uppercase;
   --ribbon_padding: var(--zd_size6) var(--zd_size10);
-  --ribbon_line_height: 20px;
   text-align: center;
 }
 
+.ribbon.small {
+  --ribbon_line_height: 2.2223;
+}
+
+.ribbon.medium {
+  --ribbon_line_height: 1.8182;
+}
+
+.ribbon.large {
+  --ribbon_line_height: 1.5385;
+}
+
+.ribbon.xlarge {
+  --ribbon_line_height: 1.4286;
+}
+
 .ribbon::after,
 .ribbon::before {
   position: absolute;
@@ -373,7 +404,6 @@
 .sticker {
   display: block;
   height: var(--zd_size18) ;
-  line-height: var(--zd_size11);
   --ribbon_text_color: var(--zdt_ribbon_white_text);
   --ribbon_text_transform: uppercase;
   text-align: center;
@@ -383,6 +413,22 @@
   padding: var(--zd_size3) var(--zd_size10) ;
 }
 
+.sticker.small {
+  line-height: 1.2223;
+}
+
+.sticker.medium {
+  line-height: 1;
+}
+
+.sticker.large {
+  line-height: 0.8462;
+}
+
+.sticker.xlarge {
+  line-height: 0.7858;
+}
+
 .after,
 .before {
   position: absolute;

package/lib/Select/Select.module.css

@@ -27,6 +27,7 @@
 .container {
   position: relative;
 }
+/* css:lineheight-validation:ignore */
 .arrowIcon {
   height: var(--zd_size8) ;
   line-height: var(--zd_size8);

package/lib/Tab/Tab.module.css

@@ -32,7 +32,7 @@
 }
 .alpha {
   font-size: var(--zd_font_size11) ;
-  line-height: var(--zd_size33);
+  line-height: 3;
   padding: 0 var(--zd_size18) ;
 }
 .tabAlpha {
@@ -55,7 +55,7 @@
 }
 .beta {
   font-size: var(--zd_font_size14) ;
-  line-height: var(--zd_size60);
+  line-height: 4.2857;
   text-transform: capitalize;
   padding: 0 var(--zd_size4) ;
 }
@@ -78,7 +78,7 @@
 }
 .delta {
   font-size: var(--zd_font_size11) ;
-  line-height: var(--zd_size33);
+  line-height: 3;
   padding: 0 var(--zd_size4) ;
 }
 [dir=ltr] .delta {

package/lib/TextBox/TextBox.module.css

@@ -14,7 +14,7 @@
   --textbox_letter_spacing: 0.1px;
   --textbox_padding: 0;
   --textbox_cursor: auto;
-  --textbox_line_height: 35px;
+  --textbox_line_height: 2.5;
 
   /* textbox placeholder default variable */
   --textbox_placeholder_text_color: var(--zdt_textbox_placeholder_text);
@@ -45,6 +45,7 @@
   /* css:theme-validation:ignore */
   color: var(--textbox_placeholder_text_color);
 }
+/* css:lineheight-validation:ignore */
 .container {
   composes: basic;
   /* css:theme-validation:ignore */
@@ -135,21 +136,21 @@
 }
 .xmedium {
   --textbox_height: var(--zd_size28);
-  --textbox_line_height: 28px;
+  --textbox_line_height: 2;
 }
 .medium {
   --textbox_height: var(--zd_size35);
-  --textbox_line_height: 35px;
+  --textbox_line_height: 2.5;
 }
 .small {
   --textbox_font_size: var(--zd_font_size12);
   --textbox_height: var(--zd_size28);
-  --textbox_line_height: 28px;
+  --textbox_line_height: 2.3334;
 }
 .xsmall {
   --textbox_font_size: var(--zd_font_size13);
   --textbox_height: var(--zd_size25);
-  --textbox_line_height: 25px;
+  --textbox_line_height: 1.9231;
 }
 .default,
 .primary,

package/lib/Textarea/Textarea.module.css

@@ -5,7 +5,7 @@
   --textarea_cursor: auto;
   --textarea_text_color: var(--zdt_textarea_default_text);
   --textarea_font_size: var(--zd_font_size14);
-  --textarea_line_height: 22px;
+  --textarea_line_height: 1.5712;
   --textarea_padding: var(--zd_size2) 0;
   --textarea_height: var(--zd_size30);
 
@@ -61,6 +61,7 @@
 .resizeboth {
   composes: resizeboth from '../common/common.module.css';
 }
+/* css:lineheight-validation:ignore */
 .container {
   composes: basic;
   transition: border var(--zd_transition2) linear 0s,
@@ -104,13 +105,13 @@
   --textarea_font_size: var(--zd_font_size14);
   --textarea_padding: var(--zd_size4) 0 var(--zd_size2);
   --textarea_height: var(--zd_size28);
-  --textarea_line_height: 19px;
+  --textarea_line_height: 1.3572;
 }
 .xmedium {
   --textarea_font_size: var(--zd_font_size13);
   --textarea_padding: var(--zd_size4) 0 var(--zd_size2);
   --textarea_height: var(--zd_size25);
-  --textarea_line_height: 17px;
+  --textarea_line_height: 1.3077;
 }
 .small {
   --textarea_height: var(--zd_size30);

package/lib/Tooltip/Tooltip.module.css

@@ -17,7 +17,7 @@
   font-family: var(--zd_semibold);
   word-break: break-word;
   max-width: var(--zd_size420) ;
-  line-height: var(--zd_size20);
+  line-height: 1.5385;
   min-height: var(--zd_size24) ;
   overflow: hidden;
   background-color: var(--zdt_tooltip_default_bg);

package/lib/v1/Accordion/Accordion.js

@@ -11,9 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _hooks = require("@zohodesk/hooks");
 
-var _defaultProps = require("../../Accordion/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../Accordion/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 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); }
 

package/lib/v1/Accordion/AccordionItem.js

@@ -7,9 +7,9 @@ exports["default"] = AccordionItem;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _defaultProps = require("../../Accordion/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../Accordion/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _VelocityAnimation = _interopRequireDefault(require("../VelocityAnimation/VelocityAnimation/VelocityAnimation"));
 

package/lib/v1/Accordion/props/defaultProps.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Accordion_defaultProps = exports.AccordionItem_defaultProps = void 0;
+var Accordion_defaultProps = {
+  unMount: true,
+  disableInternalState: false,
+  a11y: {},
+  dataId: 'Accordion',
+  dataSelectorId: 'accordion'
+};
+exports.Accordion_defaultProps = Accordion_defaultProps;
+var AccordionItem_defaultProps = {
+  a11y: {},
+  dataId: 'AccordionItem',
+  dataSelectorId: 'accordionItem'
+};
+exports.AccordionItem_defaultProps = AccordionItem_defaultProps;

package/lib/v1/Accordion/props/propTypes.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Accordion_propTypes = exports.AccordionItem_propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var Accordion_propTypes = {
+  children: _propTypes["default"].node,
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string,
+  disableInternalState: _propTypes["default"].bool,
+  height: _propTypes["default"].string,
+  onSelect: _propTypes["default"].func,
+  selectedItem: _propTypes["default"].string.isRequired,
+  unMount: _propTypes["default"].bool,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaExpanded: _propTypes["default"].bool,
+    ariaHaspopup: _propTypes["default"].bool
+  })
+};
+exports.Accordion_propTypes = Accordion_propTypes;
+var AccordionItem_propTypes = {
+  children: _propTypes["default"].node,
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string,
+  equalityCheck: _propTypes["default"].func,
+  id: _propTypes["default"].string,
+  selectMenu: _propTypes["default"].func,
+  selectedItem: _propTypes["default"].string,
+  unMount: _propTypes["default"].bool,
+  unMountItem: _propTypes["default"].bool,
+  innerClass: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string
+  })
+};
+exports.AccordionItem_propTypes = AccordionItem_propTypes;

package/lib/v1/Animation/Animation.js

@@ -7,9 +7,9 @@ exports["default"] = Animation;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _defaultProps = require("../../Animation/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../Animation/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _reactTransitionGroup = require("react-transition-group");
 

package/lib/v1/Animation/props/defaultProps.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  enterDuration: 300,
+  exitDuration: 300,
+  isActive: false,
+  name: 'fadeIn',
+  unmountOnExit: true
+};
+exports.defaultProps = defaultProps;

package/lib/v1/Animation/props/propTypes.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  children: _propTypes["default"].node,
+  delayClassName: _propTypes["default"].string,
+  enterDuration: _propTypes["default"].number,
+  exitDuration: _propTypes["default"].number,
+  isActive: _propTypes["default"].bool,
+  name: _propTypes["default"].oneOf(['zoomIn', 'scaleIn', 'fadeIn', 'slideLeft', 'slideDown', 'skewIn', 'default', 'none']),
+  onEntered: _propTypes["default"].func,
+  onExit: _propTypes["default"].func,
+  unmountOnExit: _propTypes["default"].bool
+};
+exports.propTypes = propTypes;