@zohodesk/components 1.6.0 → 1.6.2

package/lib/v1/Label/css/Label_v1.module.css

@@ -0,0 +1,42 @@
+.container {
+    --local-label-cursor: pointer;
+    max-width: 100% ;
+}
+.label {
+    /*css:theme-validation:ignore*/
+    color: var(--local-label-text-color);
+    cursor: var(--local-label-cursor);
+}
+.required .label {
+     /*css:theme-validation:ignore*/
+    color: var(--local-label-required-text-color);
+}
+.disabled:not(.required) .label {
+     /*css:theme-validation:ignore*/
+    color: var(--local-label-disabled-text-color);
+}
+.default {
+    --local-label-text-color: var(--zdt_v1_label_text);
+}
+.secondary {
+    --local-label-text-color: var(--zdt_v1_label_secondary_text);
+}
+.required {
+    --local-label-required-text-color: var(--zdt_v1_label_required_text);
+}
+.disabled {
+    --local-label-disabled-text-color: var(--zdt_v1_label_disabled_text);  
+}
+.disabled, .readonly {
+    --local-label-cursor: not-allowed;
+}
+.requiredCommon {
+    color: var(--zdt_v1_label_required_text);
+    cursor: var(--local-label-cursor);
+}
+.requiredText {
+    margin-inline-start: var(--zd_size4) ;
+}
+.asterisk {
+    margin-inline-start: var(--zd_size2) ;
+}

package/lib/v1/Label/css/cssJSLogic.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = cssJSLogic;
+
+var _compileClassNames4 = _interopRequireDefault(require("@zohodesk/utils/es/compileClassNames"));
+
+var _commonModule = _interopRequireDefault(require("../../../common/common.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function cssJSLogic(_ref) {
+  var _compileClassNames, _compileClassNames2, _compileClassNames3;
+
+  var style = _ref.style,
+      props = _ref.props;
+  var shouldHighlightRequired = props.shouldHighlightRequired,
+      isRequired = props.isRequired,
+      isDisabled = props.isDisabled,
+      customClass = props.customClass,
+      requiredType = props.requiredType,
+      palette = props.palette,
+      isReadOnly = props.isReadOnly;
+  var customClass_label = customClass.label,
+      customClass_container = customClass.container;
+  var labelClass = (0, _compileClassNames4["default"])((_compileClassNames = {}, _defineProperty(_compileClassNames, style.label, true), _defineProperty(_compileClassNames, customClass_label, !!customClass_label), _compileClassNames));
+  var requiredClass = (0, _compileClassNames4["default"])((_compileClassNames2 = {}, _defineProperty(_compileClassNames2, style.requiredCommon, true), _defineProperty(_compileClassNames2, _commonModule["default"].flexshrink, true), _defineProperty(_compileClassNames2, style.requiredText, requiredType === 'text'), _defineProperty(_compileClassNames2, style.asterisk, requiredType === 'asterisk'), _compileClassNames2));
+  var containerClass = (0, _compileClassNames4["default"])((_compileClassNames3 = {}, _defineProperty(_compileClassNames3, style.container, true), _defineProperty(_compileClassNames3, style.required, isRequired && shouldHighlightRequired), _defineProperty(_compileClassNames3, style.readonly, isReadOnly), _defineProperty(_compileClassNames3, style.disabled, isDisabled), _defineProperty(_compileClassNames3, style[palette], palette && !(isRequired && shouldHighlightRequired) && !isDisabled), _defineProperty(_compileClassNames3, customClass_container, !!customClass_container), _compileClassNames3));
+  return {
+    labelClass: labelClass,
+    requiredClass: requiredClass,
+    containerClass: containerClass
+  };
+}

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

@@ -3,16 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultProps = void 0;
-var defaultProps = {
-  clipped: false,
-  dataId: 'label',
-  palette: 'default',
+exports["default"] = void 0;
+var _default = {
+  customProps: {},
+  tagAttributes: {},
+  a11yAttributes: {},
+  customClass: {},
+  shouldHighlightRequired: false,
+  isDisabled: false,
+  isClipped: false,
+  isReadOnly: false,
+  requiredType: 'asterisk',
   size: 'medium',
-  text: 'Label',
-  type: 'title',
-  variant: 'default',
-  customClass: '',
-  dataSelectorId: 'label'
+  palette: 'default',
+  fontWeight: 'regular',
+  layout: 'inline',
+  i18nKeys: {}
 };
-exports.defaultProps = defaultProps;
+exports["default"] = _default;

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

@@ -3,28 +3,48 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = void 0;
+exports["default"] = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var propTypes = {
-  clipped: _propTypes["default"].bool,
-  dataId: _propTypes["default"].string,
-  dataSelectorId: _propTypes["default"].string,
+var _default = {
   htmlFor: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  palette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory', 'disable', 'dark']),
-  size: _propTypes["default"].oneOf(['xsmall', 'small', 'medium', 'large']),
   text: _propTypes["default"].string,
-  title: _propTypes["default"].string,
-  type: _propTypes["default"].oneOf(['title', 'subtitle']),
-  variant: _propTypes["default"].oneOf(['primary', 'default']),
-  customClass: _propTypes["default"].string,
-  a11y: _propTypes["default"].shape({
-    tabIndex: _propTypes["default"].string
+  onClick: _propTypes["default"].func,
+  a11yAttributes: _propTypes["default"].shape({
+    container: _propTypes["default"].object,
+    label: _propTypes["default"].object
+  }),
+  tagAttributes: _propTypes["default"].shape({
+    container: _propTypes["default"].object,
+    label: _propTypes["default"].object
+  }),
+  customProps: _propTypes["default"].shape({
+    container: _propTypes["default"].object,
+    label: _propTypes["default"].object
+  }),
+  customId: _propTypes["default"].string,
+  testId: _propTypes["default"].string,
+  customClass: _propTypes["default"].shape({
+    container: _propTypes["default"].string,
+    label: _propTypes["default"].string
+  }),
+  requiredType: _propTypes["default"].oneOf(['asterisk', 'text']),
+  shouldHighlightRequired: _propTypes["default"].bool,
+  isClipped: _propTypes["default"].bool,
+  isRequired: _propTypes["default"].bool,
+  isDisabled: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  size: _propTypes["default"].oneOf(['small', 'medium']),
+  palette: _propTypes["default"].oneOf(['default', 'secondary']),
+  renderLeftPlaceholderNode: _propTypes["default"].oneOfType([_propTypes["default"].node, _propTypes["default"].func]),
+  renderRightPlaceholderNode: _propTypes["default"].oneOfType([_propTypes["default"].node, _propTypes["default"].func]),
+  fontWeight: _propTypes["default"].oneOf(['regular', 'semibold']),
+  i18nKeys: _propTypes["default"].shape({
+    requiredText: _propTypes["default"].string
   }),
-  id: _propTypes["default"].string
+  layout: _propTypes["default"].oneOf(['inline', 'block'])
 };
-exports.propTypes = propTypes;
+exports["default"] = _default;

package/lib/v1/Switch/css/Switch_v1.module.css

@@ -4,47 +4,47 @@
     gap: var(--zd_size6) ;
 }
 .small {
-    --local-switch-track-width: var(--zd_size22);
-    --local-switch-track-height: var(--zd_size12);
+    --local-switch-track-width: 22px;
+    --local-switch-track-height: 12px;
     --local-switch-track-border-radius: 8px;
-    --local-switch-thumb-size: var(--zd_size10);
-    --local-switch-onLabel-height: var(--zd_size6);
-    --local-switch-onLabel-left: var(--zd_size5);
-    --local-switch-offLabel-size: var(--zd_size7);
-    --local-switch-offLabel-right: var(--zd_size2);
+    --local-switch-thumb-size: 10px;
+    --local-switch-onLabel-height: 6px;
+    --local-switch-onLabel-left: 5px;
+    --local-switch-offLabel-size: 7px;
+    --local-switch-offLabel-right: 2px;
     --local-switch-onLabel-scaleX: 1.2;
 }
 .medium {
-    --local-switch-track-width: var(--zd_size28);
-    --local-switch-track-height: var(--zd_size16);
+    --local-switch-track-width: 28px;
+    --local-switch-track-height: 16px;
     --local-switch-track-border-radius: 16px;
-    --local-switch-thumb-size: var(--zd_size14);
-    --local-switch-onLabel-height: var(--zd_size8);
-    --local-switch-onLabel-left: var(--zd_size6);
-    --local-switch-offLabel-size: var(--zd_size8);
-    --local-switch-offLabel-right: var(--zd_size3);
+    --local-switch-thumb-size: 14px;
+    --local-switch-onLabel-height: 8px;
+    --local-switch-onLabel-left: 6px;
+    --local-switch-offLabel-size: 8px;
+    --local-switch-offLabel-right: 3px;
     --local-switch-onLabel-scaleX: 1.4;
 }
 .large {
-    --local-switch-track-width: var(--zd_size34);
-    --local-switch-track-height: var(--zd_size20);
+    --local-switch-track-width: 34px;
+    --local-switch-track-height: 20px;
     --local-switch-track-border-radius: 10px;
-    --local-switch-thumb-size: var(--zd_size18);
-    --local-switch-onLabel-height: var(--zd_size10);
-    --local-switch-onLabel-left: var(--zd_size7);
-    --local-switch-offLabel-size: var(--zd_size9);
-    --local-switch-offLabel-right: var(--zd_size4);
+    --local-switch-thumb-size: 18px;
+    --local-switch-onLabel-height: 10px;
+    --local-switch-onLabel-left: 7px;
+    --local-switch-offLabel-size: 9px;
+    --local-switch-offLabel-right: 4px;
     --local-switch-onLabel-scaleX: 1.6;
 }
 .xlarge {
-    --local-switch-track-width: var(--zd_size40);
-    --local-switch-track-height: var(--zd_size24);
+    --local-switch-track-width: 40px;
+    --local-switch-track-height: 24px;
     --local-switch-track-border-radius: 12px;
-    --local-switch-thumb-size: var(--zd_size22);
-    --local-switch-onLabel-height: var(--zd_size12);
-    --local-switch-onLabel-left: var(--zd_size8);
-    --local-switch-offLabel-size: var(--zd_size10);
-    --local-switch-offLabel-right: var(--zd_size5);
+    --local-switch-thumb-size: 22px;
+    --local-switch-onLabel-height: 12px;
+    --local-switch-onLabel-left: 8px;
+    --local-switch-offLabel-size: 10px;
+    --local-switch-offLabel-right: 5px;
     --local-switch-onLabel-scaleX: 1.8;
 }
 .disabled, .readonly {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -17,26 +17,20 @@
     "LIBRARY"
   ],
   "scripts": {
-    "build:docs": "react-cli build:docs",
     "_lint": "react-cli lint",
     "lintAll": "react-cli lint ./src",
     "lintAllFix": "npm run lintAll --eslint:fix=true",
     "lint": "npx eslint ./src",
     "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
     "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  node_modules/@zohodesk/icons/es node_modules/@zohodesk/variables/es",
-    "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
-    "build:variables": "react-cli clean ./assets && node ./preprocess/index",
-    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
+    "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components",
     "common_package_build": "cd ../common && npm run build && cd ../components",
-    "start": "react-cli start",
-    "docs": "npm run css:review && react-cli docs",
-    "build:lib": "react-cli build:component:cmjs",
-    "build:es": "react-cli build:library:es",
+    "build:lib": "cbt build:lib src,assets lib,assets",
+    "build:es": "cbt build:es src,assets es,assets",
+    "build:es:watch": "cbt build:es src es",
     "build": "npm run theme:validate && npm run build:lib && npm run build:es",
-    "build:local": " npm run build && npm run rtl && npm run cssVariableConvert",
-    "build:watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
-    "rtl:watch": "react-cli rtl ./src ./es -w",
-    "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
+    "build:local": "npm run build",
+    "build:watch": "npm run build:es:watch --module:mode=dev -- -w",
     "coverage": "react-cli coverage",
     "prepare": "npm run init &&  npm run css:build ",
     "prepublishOnly": "node prePublish.js && npm run download_only && npm run css:review && npm run review:props ",
@@ -47,12 +41,11 @@
     "test-clean": "react-cli clean ./coverage && react-cli clean ./unittest react-cli clean ./es && react-cli clean ./lib &&  react-cli clean ./package-lock.json &&  react-cli clean ./result.json ",
     "snap-update": "npm run test-clean && npm run test -- -u",
     "sstest": "npm run init && react-cli sstest",
-    "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
+    "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy  && npm run externalDocHTMLChange",
     "download": "npm run download_only && cd ../ && npm run download",
     "download_only": "react-cli clean ./node_modules ./package-lock.json && npm install  --legacy-peer-deps",
     "expublish": "npm publish --tag experimental-version",
     "css:lineheight:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/lineheight_automation/lineHeightErrorCheck.js ./src/",
-    "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
     "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
     "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
     "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
@@ -66,11 +59,12 @@
     "css:layer_wrap_lib": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/write_layer_in_css.js ./lib ./assets css_layer_config.json --rewrite=src=lib  --rewrite=assets=assets --skip-existing-layer",
     "css:layer_generate_order": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/generate_layer_order.js  css_layer_config.json ./src/components_layer.module.css",
     "css:layer_config_validate": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/validate.js  css_layer_config.json ./src/ ./assets",
-    "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build && npm run rtl && npm run cssVariableConvert  ",
+    "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build",
     "css:layer_remove": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/remove_layer.js ./es ./assets css_layer_config.json --rewrite=src=es  --rewrite=assets=assets",
     "css:audit": "npx css-audit  --common-css=common/common.module.css --dir src  --port 8085  --report "
   },
   "devDependencies": {
+    "postcss-discard-comments": "^7.0.5",
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/react": "^11.2.5",
     "@testing-library/react-hooks": "^7.0.2",
@@ -84,15 +78,16 @@
     "@zohodesk/docstool": "1.0.0-alpha-2",
     "@zohodesk/dotkit": "1.0.7",
     "@zohodesk/hooks": "2.0.6",
-    "@zohodesk/icons": "1.1.6",
+    "@zohodesk/icons": "1.2.1",
     "@zohodesk/layout": "3.1.0",
-    "@zohodesk/svg": "1.3.0",
+    "@zohodesk/svg": "1.3.2",
     "@zohodesk/utils": "1.3.16",
     "@zohodesk/variables": "1.2.0",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "velocity-react": "1.4.3",
     "@zohodesk/react-cli": "1.1.27",
+    "@zohodesk/client_build_tool": "0.0.20",
     "color": "4.2.3"
   },
   "dependencies": {
@@ -102,9 +97,9 @@
     "selectn": "1.1.2"
   },
   "peerDependencies": {
-    "@zohodesk/icons": "1.1.6",
+    "@zohodesk/icons": "1.2.1",
     "@zohodesk/variables": "1.2.0",
-    "@zohodesk/svg": "1.3.0",
+    "@zohodesk/svg": "1.3.2",
     "@zohodesk/virtualizer": "1.0.13",
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",

package/es/v1/Accordion/Accordion.js

@@ -1,66 +0,0 @@
-import React, { useState } from 'react';
-import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
-import { Accordion_defaultProps } from "./props/defaultProps";
-import { Accordion_propTypes } from "./props/propTypes";
-export default function Accordion(props) {
-  const {
-    className,
-    height,
-    unMount,
-    disableInternalState,
-    selectedItem: propSelectedItem,
-    a11y,
-    dataId,
-    dataSelectorId,
-    onSelect,
-    children
-  } = props;
-  const {
-    role,
-    ariaExpanded,
-    ariaHaspopup
-  } = a11y;
-  const [selectedItem, setSelectedItem] = useState(propSelectedItem);
-
-  function selectMenu(selectedItem) {
-    if (onSelect) {
-      onSelect(selectedItem);
-    }
-
-    !disableInternalState && setSelectedItem(selectedItem);
-  }
-
-  useEffectCallOnlyAfterState(() => {
-    if (!disableInternalState) {
-      setSelectedItem(propSelectedItem);
-    }
-  }, [propSelectedItem]);
-  let renderChildren = React.Children.map(children, child => {
-    if (child) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        selectedItem: disableInternalState ? propSelectedItem : selectedItem,
-        selectMenu: selectMenu,
-        unMount: unMount
-      });
-    }
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: className ? className : '',
-    style: {
-      height
-    },
-    role: role,
-    "aria-expanded": ariaExpanded,
-    "aria-haspopup": ariaHaspopup,
-    "data-id": dataId,
-    "data-test-id": dataId,
-    "data-selector-id": dataSelectorId
-  }, renderChildren);
-}
-Accordion.propTypes = Accordion_propTypes;
-Accordion.defaultProps = Accordion_defaultProps; // if (__DOCS__) {
-//   Accordion.docs = {
-//     componentGroup: 'Animation',
-//     folderName: 'Style Guide'
-//   };
-// }

package/es/v1/Accordion/AccordionItem.js

@@ -1,57 +0,0 @@
-import React from 'react';
-import { AccordionItem_defaultProps } from "./props/defaultProps";
-import { AccordionItem_propTypes } from "./props/propTypes";
-import VelocityAnimation from "../VelocityAnimation/VelocityAnimation/VelocityAnimation";
-import VelocityAnimationGroup from "../VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup";
-export default function AccordionItem(props) {
-  let {
-    id,
-    selectMenu,
-    className,
-    children,
-    dataId,
-    dataSelectorId,
-    unMount,
-    unMountItem,
-    a11y,
-    innerClass,
-    equalityCheck,
-    selectedItem
-  } = props;
-  unMountItem = unMountItem !== undefined ? unMountItem : unMount;
-  let {
-    role
-  } = a11y;
-
-  function equalityChecking() {
-    return equalityCheck ? equalityCheck(id, selectedItem) : selectedItem == id;
-  }
-
-  function handleSelectMenu() {
-    selectMenu(id);
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: className ? className : '',
-    "data-id": dataId,
-    "data-test-id": dataId,
-    role: role,
-    "data-selector-id": dataSelectorId
-  }, /*#__PURE__*/React.createElement("div", {
-    className: innerClass ? innerClass : '',
-    onClick: handleSelectMenu
-  }, children[0]), unMountItem ? /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
-    name: "slideDown",
-    isActive: equalityChecking()
-  }, children[1]) : /*#__PURE__*/React.createElement(VelocityAnimation, {
-    name: "slideDown",
-    isActive: equalityChecking()
-  }, children[1]));
-}
-AccordionItem.propTypes = AccordionItem_propTypes;
-AccordionItem.defaultProps = AccordionItem_defaultProps; // if (__DOCS__) {
-//   AccordionItem.docs = {
-//     componentGroup: 'Animation',
-//     folderName: 'Style Guide'
-//   };
-// }

package/es/v1/Accordion/index.js

@@ -1,2 +0,0 @@
-export { default as Accordion } from "./Accordion";
-export { default as AccordionItem } from "./AccordionItem";

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

@@ -1,12 +0,0 @@
-export const Accordion_defaultProps = {
-  unMount: true,
-  disableInternalState: false,
-  a11y: {},
-  dataId: 'Accordion',
-  dataSelectorId: 'accordion'
-};
-export const AccordionItem_defaultProps = {
-  a11y: {},
-  dataId: 'AccordionItem',
-  dataSelectorId: 'accordionItem'
-};

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

@@ -1,33 +0,0 @@
-import PropTypes from 'prop-types';
-export const Accordion_propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataSelectorId: PropTypes.string,
-  disableInternalState: PropTypes.bool,
-  height: PropTypes.string,
-  onSelect: PropTypes.func,
-  selectedItem: PropTypes.string.isRequired,
-  unMount: PropTypes.bool,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaExpanded: PropTypes.bool,
-    ariaHaspopup: PropTypes.bool
-  })
-};
-export const AccordionItem_propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataSelectorId: PropTypes.string,
-  equalityCheck: PropTypes.func,
-  id: PropTypes.string,
-  selectMenu: PropTypes.func,
-  selectedItem: PropTypes.string,
-  unMount: PropTypes.bool,
-  unMountItem: PropTypes.bool,
-  innerClass: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string
-  })
-};

package/es/v1/Animation/Animation.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { CSSTransition } from 'react-transition-group';
-import { animationStyle } from "./utils";
-export default function Animation(props) {
-  let {
-    name,
-    enterDuration,
-    exitDuration,
-    children,
-    isActive,
-    unmountOnExit,
-    onEntered = () => {},
-    onExit = () => {},
-    delayClassName = null
-  } = props;
-  let newClassNames = delayClassName ? Object.assign({}, animationStyle[name], {
-    exit: `${delayClassName} ${animationStyle[name].exit}`
-  }) : animationStyle[name];
-  return /*#__PURE__*/React.createElement(CSSTransition, {
-    classNames: newClassNames && newClassNames,
-    in: isActive,
-    appear: true,
-    enter: true,
-    exit: true,
-    mountOnEnter: false,
-    unmountOnExit: unmountOnExit,
-    timeout: {
-      enter: enterDuration,
-      exit: exitDuration
-    },
-    onEntered: onEntered,
-    onExit: onExit
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, children));
-}
-Animation.propTypes = propTypes;
-Animation.defaultProps = defaultProps; // if (__DOCS__) {
-//   Animation.docs = {
-//     componentGroup: 'Animation',
-//     folderName: 'Style Guide',
-//     external: true,
-//     description: ' '
-//   };
-// }

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

@@ -1,7 +0,0 @@
-export const defaultProps = {
-  enterDuration: 300,
-  exitDuration: 300,
-  isActive: false,
-  name: 'fadeIn',
-  unmountOnExit: true
-};

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

@@ -1,12 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  children: PropTypes.node,
-  delayClassName: PropTypes.string,
-  enterDuration: PropTypes.number,
-  exitDuration: PropTypes.number,
-  isActive: PropTypes.bool,
-  name: PropTypes.oneOf(['zoomIn', 'scaleIn', 'fadeIn', 'slideLeft', 'slideDown', 'skewIn', 'default', 'none']),
-  onEntered: PropTypes.func,
-  onExit: PropTypes.func,
-  unmountOnExit: PropTypes.bool
-};