@zohodesk/components 1.0.0-alpha-225 → 1.0.0-alpha-228

package/es/a11y/FocusScope/docs/FocusScope__default.docs.js

@@ -1,139 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import FocusScope, { useFocusManager } from '../FocusScope';
-import style from '../../../beta/FocusRing/FocusRing.module.css';
-export default class FocusScope__default extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      isOpen: false,
-      isSub: false
-    };
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-
-  handleSubmit(e, issub) {
-    this.setState({
-      isSub: issub,
-      isOpen: e
-    });
-  }
-
-  render() {
-    const {
-      isOpen,
-      isSub
-    } = this.state;
-    console.log(this.state);
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
-      className: style.primary,
-      type: "button",
-      onClick: this.handleSubmit.bind(this, true, false)
-    }, "Focusscope"), isOpen ? /*#__PURE__*/React.createElement("div", {
-      className: style.freezeLayer
-    }, /*#__PURE__*/React.createElement(FocusScope, {
-      contain: true,
-      autoFocus: true,
-      restoreFocus: true
-    }, /*#__PURE__*/React.createElement(FormContainer, {
-      onSubmit: this.handleSubmit.bind(this, true, true),
-      onCancel: this.handleSubmit.bind(this, false, false)
-    }), isSub ? /*#__PURE__*/React.createElement(FocusScope, {
-      contain: true,
-      restoreFocus: true,
-      autoFocus: true
-    }, /*#__PURE__*/React.createElement("span", {
-      className: `${style.container} ${isSub && style.box1} ${isSub && style.manage}`
-    }, /*#__PURE__*/React.createElement(ToolbarButton, null, "Cut"), /*#__PURE__*/React.createElement(ToolbarButton, null, "Copy"), /*#__PURE__*/React.createElement(ToolbarButton, null, "Paste"), /*#__PURE__*/React.createElement(ToolbarButton, {
-      onClick: this.handleSubmit.bind(this, true, false)
-    }, "Close"))) : null)) : null);
-  }
-
-}
-
-function ToolbarButton(props) {
-  const focusManager = useFocusManager();
-
-  const onKeyDown = e => {
-    switch (e.key) {
-      case 'ArrowRight':
-        focusManager.focusNext({
-          wrap: true
-        });
-        break;
-
-      case 'ArrowLeft':
-        focusManager.focusPrevious({
-          wrap: true
-        });
-        break;
-
-      default:
-    }
-  };
-
-  const {
-    onClick,
-    children
-  } = props;
-  return /*#__PURE__*/React.createElement("button", {
-    className: style.primary,
-    type: "button",
-    onClick: onClick,
-    onKeyDown: onKeyDown
-  }, children);
-}
-
-ToolbarButton.propTypes = {
-  children: PropTypes.string.isRequired,
-  onClick: PropTypes.func
-};
-
-function FormContainer(props) {
-  const {
-    onSubmit,
-    onCancel
-  } = props;
-  const options = ['apple', 'MSoffice'];
-  return /*#__PURE__*/React.createElement("div", {
-    className: `${style.container} ${style.box1}`
-  }, /*#__PURE__*/React.createElement("button", {
-    className: style.secondary,
-    type: "button",
-    onClick: onCancel
-  }, "close"), /*#__PURE__*/React.createElement("form", {
-    className: style.formContainer
-  }, /*#__PURE__*/React.createElement("h3", null, "name"), /*#__PURE__*/React.createElement("input", {
-    type: "text",
-    value: "Input A",
-    className: `${style.input} ${style.inpFocus}`,
-    name: "name"
-  }), /*#__PURE__*/React.createElement("h3", null, "contact"), /*#__PURE__*/React.createElement("input", {
-    type: "text",
-    value: "Input A",
-    className: `${style.input} ${style.inpFocus}`,
-    name: "contact"
-  }), /*#__PURE__*/React.createElement("h3", null, "select"), /*#__PURE__*/React.createElement("select", {
-    options: options,
-    name: "select",
-    className: `${style.input} ${style.inpFocus}`
-  }, options.map((item, i) => /*#__PURE__*/React.createElement("option", {
-    key: `item-${i}`
-  }, item)))), /*#__PURE__*/React.createElement("button", {
-    className: style.primary,
-    type: "submit",
-    onClick: onSubmit
-  }, "Submit"), /*#__PURE__*/React.createElement("button", {
-    className: style.secondary,
-    type: "button",
-    onClick: onCancel
-  }, "Cancel"));
-}
-
-FormContainer.propTypes = {
-  onCancel: PropTypes.func,
-  onSubmit: PropTypes.func
-};
-FocusScope__default.docs = {
-  componentGroup: 'Atom'
-};

package/es/beta/FocusRing/docs/FocusRing__default.docs.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import Button from '../../../Button/Button';
-import TextBox from '../../../TextBox/TextBox';
-import FocusRing from '../FocusRing';
-import style from '../FocusRing.module.css';
-import { Box } from '../../../Layout';
-export default class FocusRing__default extends React.Component {
-  render() {
-    let styles = {
-      margin: '30px',
-      width: '50%',
-      display: 'block'
-    };
-    return /*#__PURE__*/React.createElement(FocusRing, {
-      focusClass: style.mouseFocus,
-      focusRingClass: style.tabFocus,
-      within: true
-    }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("span", {
-      style: styles
-    }, /*#__PURE__*/React.createElement(FocusRing, {
-      focusClass: style.mouseFocus,
-      focusRingClass: style.tabFocus
-    }, /*#__PURE__*/React.createElement(TextBox, {
-      type: "text",
-      defaultValue: "Input a",
-      id: "1"
-    }))), /*#__PURE__*/React.createElement("span", {
-      style: styles
-    }, /*#__PURE__*/React.createElement(FocusRing, {
-      focusClass: style.mouseFocus,
-      focusRingClass: style.tabFocus
-    }, /*#__PURE__*/React.createElement(TextBox, {
-      type: "text",
-      defaultValue: "Input b",
-      id: "2"
-    }))), /*#__PURE__*/React.createElement("span", {
-      style: styles
-    }, /*#__PURE__*/React.createElement(TextBox, {
-      type: "text",
-      defaultValue: "Input c",
-      id: "3"
-    }))));
-  }
-
-}
-FocusRing__default.docs = {
-  componentGroup: 'Atom'
-};

package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js

@@ -1,72 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import PortalLayer from '../PortalLayer';
-import Button from '../../../Button/Button';
-export class FreezeLayer extends Component {
-  render() {
-    let {
-      onClick,
-      forwardRef
-    } = this.props;
-    let freezeLayer = {
-      position: 'absolute',
-      top: 0,
-      bottom: 0,
-      right: 0,
-      left: 0,
-      background: 'rgba(0, 0, 0, 0.7)',
-      transition: '0.3s ease'
-    };
-    return /*#__PURE__*/React.createElement("div", {
-      style: freezeLayer,
-      onClick: onClick,
-      ref: forwardRef
-    });
-  }
-
-}
-FreezeLayer.propTypes = {
-  onClick: PropTypes.func,
-  forwardRef: PropTypes.object
-};
-export default class PortalLayer__default extends Component {
-  constructor(props) {
-    super(props);
-    this.onToggle = this.onToggle.bind(this);
-    this.handlePortalLayer = this.handlePortalLayer.bind(this);
-    this.getPortalState = this.getPortalState.bind(this);
-  }
-
-  handlePortalLayer(func) {
-    this.toggle = func;
-  }
-
-  getPortalState(func) {
-    this.portalState = func;
-  }
-
-  onToggle() {
-    this.toggle(!this.portalState());
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-      text: "Click me",
-      onClick: this.onToggle
-    }), /*#__PURE__*/React.createElement(PortalLayer, {
-      saveUpdateFunction: this.handlePortalLayer,
-      saveGetFunction: this.getPortalState,
-      isChildrenRestrictionNeeded: true
-    }, /*#__PURE__*/React.createElement(FreezeLayer, {
-      onClick: this.onToggle
-    })));
-  }
-
-}
-
-if (false) {
-  PortalLayer__default.docs = {
-    componentGroup: 'Atom',
-    folderName: 'Style Guide'
-  };
-}

package/es/semantic/Button/docs/Button__default.docs.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Button from '../Button';
-export default class Button__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(Button, null);
-  }
-
-}
-
-if (false) {
-  Button__default.docs = {
-    componentGroup: 'semantic',
-    folderName: 'DefaultComponents'
-  };
-}

package/externalDocsBuild.js

@@ -1,21 +0,0 @@
-/* eslint-disable no-console */
-let fs = require('fs');
-fs.readFile('./build/index.html', 'utf8', (err, data) => {
-  if (err) {
-    return console.log(err);
-  }
-  var result = data.replace(
-    /<script src='\/docs\/js\/vendor.js'><\/script>/g,
-    ''
-  );
-  var result = result.replace(
-    /<script src='\/docs\/js\/main.js'><\/script>/g,
-    '<script src="./main.js"></script>'
-  );
-
-  fs.writeFile('./build/index.html', result, 'utf8', err => {
-    if (err) {
-      return console.log(err);
-    }
-  });
-});

package/lib/Accordion/docs/Accordion__Demo.docs.js

@@ -1,126 +0,0 @@
-"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 _ = require("../");
-
-var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
-
-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"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var Accordion__Demo = /*#__PURE__*/function (_React$Component) {
-  _inherits(Accordion__Demo, _React$Component);
-
-  var _super = _createSuper(Accordion__Demo);
-
-  function Accordion__Demo(props) {
-    _classCallCheck(this, Accordion__Demo);
-
-    return _super.call(this, props);
-  }
-
-  _createClass(Accordion__Demo, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_.Accordion, {
-        selectedItem: "1",
-        onSelect: function onSelect(id) {
-          'selected id', id;
-        },
-        unMount: false
-      }, /*#__PURE__*/_react["default"].createElement(_.AccordionItem, {
-        id: "1"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        key: "title",
-        style: {
-          padding: '10px',
-          backgroundColor: '#ddd'
-        }
-      }, "Acc-1"), /*#__PURE__*/_react["default"].createElement("div", {
-        key: "content",
-        style: {
-          padding: '80px 10px',
-          backgroundColor: '#ddffee'
-        }
-      }, "Data1")), /*#__PURE__*/_react["default"].createElement(_.AccordionItem, {
-        id: "2"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        key: "title",
-        style: {
-          padding: '10px',
-          backgroundColor: '#ddd'
-        }
-      }, "Acc-2"), /*#__PURE__*/_react["default"].createElement("div", {
-        key: "content",
-        style: {
-          padding: '80px 10px',
-          backgroundColor: '#ddffee'
-        }
-      }, "Data2")), /*#__PURE__*/_react["default"].createElement(_.AccordionItem, {
-        id: "3",
-        unMountItem: true
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        key: "title",
-        style: {
-          padding: '10px',
-          backgroundColor: '#ddd'
-        }
-      }, "Acc-3"), /*#__PURE__*/_react["default"].createElement("div", {
-        key: "content",
-        style: {
-          padding: '80px 10px',
-          backgroundColor: '#ddffee'
-        }
-      }, "Data3")), /*#__PURE__*/_react["default"].createElement(_.AccordionItem, {
-        id: "4"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        key: "title",
-        style: {
-          padding: '10px',
-          backgroundColor: '#ddd'
-        }
-      }, "Acc-4"), /*#__PURE__*/_react["default"].createElement("div", {
-        key: "content",
-        style: {
-          padding: '80px 10px',
-          backgroundColor: '#ddffee'
-        }
-      }, "Data4")))));
-    }
-  }]);
-
-  return Accordion__Demo;
-}(_react["default"].Component);
-
-exports["default"] = Accordion__Demo;
-Accordion__Demo.docs = {
-  componentGroup: 'Animation',
-  folderName: 'Style Guide'
-};

package/lib/Animation/docs/Animation__default.docs.js

@@ -1,85 +0,0 @@
-"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 _Animation = _interopRequireDefault(require("../Animation"));
-
-var _Layout = require("../../Layout");
-
-var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
-
-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"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var Animation__default = /*#__PURE__*/function (_React$Component) {
-  _inherits(Animation__default, _React$Component);
-
-  var _super = _createSuper(Animation__default);
-
-  function Animation__default() {
-    _classCallCheck(this, Animation__default);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Animation__default, [{
-    key: "render",
-    value: function render() {
-      var styles = {
-        width: '200px',
-        height: '100px',
-        background: 'var(--dot_black)',
-        textAlign: 'center',
-        color: 'var(--dot_white)',
-        lineHeight: '100px'
-      };
-      return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        align: "both"
-      }, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_Animation["default"], {
-        name: "default",
-        isActive: true
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: styles
-      }, "Animation - Default"))));
-    }
-  }]);
-
-  return Animation__default;
-}(_react["default"].Component);
-
-exports["default"] = Animation__default;
-
-if (false) {
-  Animation__default.docs = {
-    componentGroup: 'Animation',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}

package/lib/Animation/docs/Animation__fadeIn.docs.js

@@ -1,85 +0,0 @@
-"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 _Animation = _interopRequireDefault(require("../Animation"));
-
-var _Layout = require("../../Layout");
-
-var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
-
-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"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var Animation__fadeIn = /*#__PURE__*/function (_React$Component) {
-  _inherits(Animation__fadeIn, _React$Component);
-
-  var _super = _createSuper(Animation__fadeIn);
-
-  function Animation__fadeIn() {
-    _classCallCheck(this, Animation__fadeIn);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Animation__fadeIn, [{
-    key: "render",
-    value: function render() {
-      var style = {
-        width: '200px',
-        height: '100px',
-        background: 'var(--dot_black)',
-        textAlign: 'center',
-        color: 'var(--dot_white)',
-        lineHeight: '100px'
-      };
-      return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        align: "both"
-      }, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_Animation["default"], {
-        name: "fadeIn",
-        isActive: true
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: style
-      }, "Animation - fadeIn"))));
-    }
-  }]);
-
-  return Animation__fadeIn;
-}(_react["default"].Component);
-
-exports["default"] = Animation__fadeIn;
-
-if (false) {
-  Animation__fadeIn.docs = {
-    componentGroup: 'Animation',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}