react-jupiter 5.12.0 → 6.0.0-beta.1

package/dist/docs/components/side-navigation/index.js

@@ -0,0 +1,167 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _getRequireWildcardCache(e) {if ("function" != typeof WeakMap) return null;var r = new WeakMap(),t = new WeakMap();return (_getRequireWildcardCache = function (e) {return e ? t : r;})(e);}function _interopRequireWildcard(e, r) {if (!r && e && e.__esModule) return e;if (null === e || "object" != typeof e && "function" != typeof e) return { default: e };var t = _getRequireWildcardCache(r);if (t && t.has(e)) return t.get(e);var n = { __proto__: null },a = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];}return n.default = e, t && t.set(e, n), n;}
+
+const NavContext = (0, _react.createContext)();
+
+const Container = _styledComponents.default.div`
+  direction: ${(_ref) => {let { ltr } = _ref;return ltr ? 'ltr' : 'rtl';}};
+  width: 100%;
+`;
+
+const NavTitle = _styledComponents.default.div`
+  font-size: 14px;
+  font-weight: 600;
+  color: #666;
+  padding: 16px 24px 8px;
+  text-transform: uppercase;
+`;
+
+const NavItemContainer = _styledComponents.default.div`
+  padding: 8px 24px;
+  cursor: pointer;
+  color: ${(_ref2) => {let { selected } = _ref2;return selected ? '#000' : '#666';}};
+  background-color: ${(_ref3) => {let { selected } = _ref3;return selected ? '#f5f5f5' : 'transparent';}};
+  &:hover {
+    background-color: #f5f5f5;
+  }
+`;
+
+const NavItemTitle = _styledComponents.default.span`
+  font-size: 14px;
+`;
+
+const Link = _styledComponents.default.a`
+  text-decoration: none;
+  color: inherit;
+  display: block;
+`;
+
+const NavItem = (_ref4) => {let { title, ltr = false, id } = _ref4;
+  const { selectedId, setSelectedId } = (0, _react.useContext)(NavContext);
+  const selected = selectedId === id;
+
+  return (/*#__PURE__*/
+    _react.default.createElement(NavItemContainer, {
+      selected: selected,
+      ltr: ltr,
+      onClick: () => setSelectedId(id) }, /*#__PURE__*/
+
+    _react.default.createElement(NavItemTitle, null, title)
+    ));
+
+};
+
+NavItem.propTypes = {
+  title: _propTypes.default.string.isRequired,
+  ltr: _propTypes.default.bool,
+  id: _propTypes.default.string.isRequired
+};
+
+const Nav = (_ref5) => {let { children, id } = _ref5;
+  const { selectedId } = (0, _react.useContext)(NavContext);
+  const selected = selectedId === id;
+
+  return _react.default.cloneElement(children, { selected });
+};
+
+Nav.propTypes = {
+  children: _propTypes.default.node.isRequired,
+  id: _propTypes.default.string.isRequired
+};
+
+const SideNav = (_ref6) => {let { children, defaultSelectedPath } = _ref6;
+  const [selectedId, setSelectedId] = (0, _react.useState)(defaultSelectedPath);
+
+  return (/*#__PURE__*/
+    _react.default.createElement(NavContext.Provider, { value: { selectedId, setSelectedId } },
+    children
+    ));
+
+};
+
+SideNav.propTypes = {
+  children: _propTypes.default.node.isRequired,
+  defaultSelectedPath: _propTypes.default.string.isRequired
+};
+
+const SideNavigation = (_ref7) => {let { ltr = false } = _ref7;return (/*#__PURE__*/
+    _react.default.createElement(Container, { ltr: ltr }, /*#__PURE__*/
+    _react.default.createElement(NavTitle, null, "\u0645\u0639\u0631\u0641\u06CC"), /*#__PURE__*/
+    _react.default.createElement(SideNav, { defaultSelectedPath: "1" }, /*#__PURE__*/
+    _react.default.createElement(Nav, { id: "1" }, /*#__PURE__*/
+    _react.default.createElement(Link, { href: "/" }, /*#__PURE__*/
+    _react.default.createElement(NavItem, { title: "\u0686\u0631\u0627\u061F", ltr: ltr, id: "1" })
+    )
+    ), /*#__PURE__*/
+    _react.default.createElement(Nav, { id: "2" }, /*#__PURE__*/
+    _react.default.createElement(NavItem, { title: "\u0648\u06CC\u0698\u06AF\u06CC\u200C\u0647\u0627", ltr: ltr, id: "2" })
+    ), /*#__PURE__*/
+    _react.default.createElement(Nav, { id: "3" }, /*#__PURE__*/
+    _react.default.createElement(NavItem, { title: "\u0645\u0646\u0627\u0628\u0639", ltr: ltr, id: "3" })
+    ), /*#__PURE__*/
+    _react.default.createElement(NavTitle, null, "\u0634\u0631\u0648\u0639 \u0648 \u0631\u0627\u0647 \u0627\u0646\u062F\u0627\u0632\u06CC"), /*#__PURE__*/
+    _react.default.createElement(Nav, { id: "4" }, /*#__PURE__*/
+    _react.default.createElement(NavItem, { title: "\u0646\u0635\u0628", ltr: ltr, id: "4" })
+    ), /*#__PURE__*/
+    _react.default.createElement(Nav, { id: "5" }, /*#__PURE__*/
+    _react.default.createElement(NavItem, { title: "\u0631\u0627\u0647 \u0627\u0646\u062F\u0627\u0632\u06CC", ltr: ltr, id: "5" })
+    ), /*#__PURE__*/
+    _react.default.createElement(Nav, { id: "6" }, /*#__PURE__*/
+    _react.default.createElement(NavItem, { title: "\u0645\u0641\u0627\u0647\u06CC\u0645", ltr: ltr, id: "6" })
+    ), /*#__PURE__*/
+    _react.default.createElement(NavTitle, null, "\u06A9\u0627\u0645\u067E\u0648\u0646\u0646\u062A\u200C\u0647\u0627"), /*#__PURE__*/
+    _react.default.createElement(Nav, { id: "7" }, /*#__PURE__*/
+    _react.default.createElement(Link, { href: "/components/typography" }, /*#__PURE__*/
+    _react.default.createElement(NavItem, { title: "\u062A\u0627\u06CC\u067E\u0648\u06AF\u0631\u0627\u0641\u06CC", ltr: ltr, id: "7" })
+    )
+    ), /*#__PURE__*/
+    _react.default.createElement(Nav, { id: "8" }, /*#__PURE__*/
+    _react.default.createElement(Link, { href: "/components/button" }, /*#__PURE__*/
+    _react.default.createElement(NavItem, { title: "\u062F\u06A9\u0645\u0647\u200C\u0647\u0627", ltr: ltr, id: "8" })
+    )
+    ), /*#__PURE__*/
+    _react.default.createElement(Nav, { id: "9" }, /*#__PURE__*/
+    _react.default.createElement(Link, { href: "/components/avatar" }, /*#__PURE__*/
+    _react.default.createElement(NavItem, { title: "\u0622\u0648\u0627\u062A\u0627\u0631", ltr: ltr, id: "9" })
+    )
+    ), /*#__PURE__*/
+    _react.default.createElement(Nav, { id: "10" }, /*#__PURE__*/
+    _react.default.createElement(Link, { href: "/components/icon" }, /*#__PURE__*/
+    _react.default.createElement(NavItem, { title: "\u0622\u06CC\u06A9\u0648\u0646", ltr: ltr, id: "10" })
+    )
+    ), /*#__PURE__*/
+    _react.default.createElement(Nav, { id: "11" }, /*#__PURE__*/
+    _react.default.createElement(Link, { href: "/components/icons" }, /*#__PURE__*/
+    _react.default.createElement(NavItem, { title: "\u0622\u06CC\u06A9\u0648\u0646\u200C\u0647\u0627", ltr: ltr, id: "11" })
+    )
+    ), /*#__PURE__*/
+    _react.default.createElement(Nav, { id: "12" }, /*#__PURE__*/
+    _react.default.createElement(Link, { href: "/components/card" }, /*#__PURE__*/
+    _react.default.createElement(NavItem, { title: "\u06A9\u0627\u0631\u062A", ltr: ltr, id: "12" })
+    )
+    ), /*#__PURE__*/
+    _react.default.createElement(Nav, { id: "13" }, /*#__PURE__*/
+    _react.default.createElement(Link, { href: "/components/cover" }, /*#__PURE__*/
+    _react.default.createElement(NavItem, { title: "\u06A9\u0627\u0648\u0631", ltr: ltr, id: "13" })
+    )
+    ), /*#__PURE__*/
+    _react.default.createElement(Nav, { id: "14" }, /*#__PURE__*/
+    _react.default.createElement(Link, { href: "/components/form" }, /*#__PURE__*/
+    _react.default.createElement(NavItem, { title: "\u0641\u0631\u0645", ltr: ltr, id: "14" })
+    )
+    ), /*#__PURE__*/
+    _react.default.createElement(Nav, { id: "15" }, /*#__PURE__*/
+    _react.default.createElement(Link, { href: "/components/product" }, /*#__PURE__*/
+    _react.default.createElement(NavItem, { title: "\u06A9\u0627\u0645\u067E\u0648\u0646\u0646\u062A \u0647\u0627\u06CC \u067E\u0631\u0648\u062F\u0627\u06A9\u062A", ltr: ltr, id: "15" })
+    )
+    )
+    )
+    ));};
+
+
+SideNavigation.propTypes = {
+  ltr: _propTypes.default.bool
+};var _default = exports.default =
+
+SideNavigation;

package/dist/docs/components/side-navigation/index.styles.js

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.NavTitle = exports.NavItemTitle = exports.NavItemContainer = exports.Link = exports.Container = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _reactRouterDom = require("react-router-dom");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Container = exports.Container = _styledComponents.default.div`
+  background: #fff;
+  min-width: 180px;
+  color: #444;
+  ${(_ref) => {let { ltr } = _ref;return ltr ? 'border-right: 1px solid #e5e5e5' : 'border-left: 1px solid #e5e5e5';}}
+  float: right;
+  position: absolute;
+  height: 100%;
+`;
+
+
+const NavTitle = exports.NavTitle = _styledComponents.default.div`
+  padding: 8px;
+  margin-bottom: -8px;
+  font-size: 0.92em;
+  color: #a5a5a5;
+`;
+
+const NavItemContainer = exports.NavItemContainer = _styledComponents.default.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 8px 16px;
+  background: ${(props) => props.selected ? '#F5F5F5' : 'inherit'};
+  cursor: pointer;
+  transition: all 0.3s ease-in-out;
+  ${(_ref2) => {let { ltr, selected } = _ref2;return !ltr ?
+  `border-right: 4px solid ${selected ? '#DE0A5F' : 'transparent'}` :
+  `border-left: 4px solid ${selected ? '#DE0A5F' : 'transparent'}`;}}
+  &:hover {
+    background: #f5f5f5;
+  }
+`;
+
+const NavItemTitle = exports.NavItemTitle = _styledComponents.default.div`
+  padding-left: 6px;
+  line-height: 22px;
+`;
+
+const Link = exports.Link = (0, _styledComponents.default)(_reactRouterDom.Link)`
+  color: #444;
+  text-decoration: none;
+`;

package/dist/docs/containers/avatar/index.js

@@ -0,0 +1,92 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _components = require("../../../components");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const AvatarWrapper = (0, _styledComponents.default)(_components.Avatar)`
+  border: 1px solid red;
+`;
+
+const { Heading, Link } = _components.Typography;
+
+const AvatarPage = () => /*#__PURE__*/
+_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+_react.default.createElement(Heading, { level: 1 }, "\u0622\u0648\u0627\u062A\u0627\u0631"
+
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 2 }, "\u0622\u0648\u0627\u062A\u0627\u0631 \u0628\u0627 \u062D\u062F\u0627\u0642\u0644 \u067E\u0627\u0631\u0627\u0645\u062A\u0631 \u0647\u0627"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Avatar, { src: "https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRqkhWwKzw6iSa0JBXxtse4JPKKR5VVmRXwBF0j_Bqooq9nVDoZ" }), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 2 }, "\u0622\u0648\u0627\u062A\u0627\u0631 \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u0644\u06CC\u0646\u06A9"
+
+), /*#__PURE__*/
+_react.default.createElement(Link, { to: "http://yahoo.com", external: true }, /*#__PURE__*/
+_react.default.createElement(_components.Avatar, { alt: "cat", src: "https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRqkhWwKzw6iSa0JBXxtse4JPKKR5VVmRXwBF0j_Bqooq9nVDoZ" })
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 2 }, "\u0622\u0648\u0627\u062A\u0627\u0631 \u062F\u0631 \u0627\u0646\u062F\u0627\u0632\u0647 \u0647\u0627\u06CC \u0645\u062A\u0641\u0627\u0648\u062A"
+
+), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 3 }, "sm size"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Avatar, { alt: "cat", size: "sm", src: "https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRqkhWwKzw6iSa0JBXxtse4JPKKR5VVmRXwBF0j_Bqooq9nVDoZ" }), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 3 }, "md size (default)"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Avatar, { alt: "cat", src: "https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRqkhWwKzw6iSa0JBXxtse4JPKKR5VVmRXwBF0j_Bqooq9nVDoZ" }), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 3 }, "lg size"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Avatar, { alt: "cat", size: "lg", src: "https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRqkhWwKzw6iSa0JBXxtse4JPKKR5VVmRXwBF0j_Bqooq9nVDoZ" }), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 2 }, "\u0622\u0648\u0627\u062A\u0627\u0631 \u0628\u0627 wrapper \u0627\u06CC \u06A9\u0647 \u0648\u06CC\u0698\u06AF\u06CC \u0647\u0627\u06CC \u0622\u0646 \u0631\u0627 \u062A\u063A\u06CC\u06CC\u0631 \u0645\u06CC\u062F\u0647\u062F"
+
+
+
+), /*#__PURE__*/
+_react.default.createElement(AvatarWrapper, { alt: "cat", src: "https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRqkhWwKzw6iSa0JBXxtse4JPKKR5VVmRXwBF0j_Bqooq9nVDoZ" }), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 2 }, "\u0622\u0648\u0627\u062A\u0627\u0631 \u0628\u0627 \u0622\u062F\u0631\u0633 \u062F\u0647\u06CC \u0646\u0627 \u0645\u0648\u062C\u0648\u062F"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Avatar, { alt: "\u06AF\u0631\u0628\u0647 \u06CC \u0646\u0627\u0632 \u0646\u0627\u0632\u06CC", src: "wrong-src" }), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 2 }, "\u0622\u0648\u0627\u062A\u0627\u0631  \u0628\u062F\u0648\u0646 \u0622\u062F\u0631\u0633 \u062F\u0647\u06CC"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Avatar, { alt: "\u06AF\u0631\u0628\u0647 \u06CC \u0646\u0627\u0632 \u0646\u0627\u0632\u06CC" }), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+
+_react.default.createElement(Heading, { level: 2 }, "\u062A\u0633\u062A \u0641\u0627\u06CC\u0644"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.FileItem, {
+  description: "\u0645\u062A\u0646 \u062A\u0648\u0636\u06CC\u062D\u0627\u062A",
+  fileSize: "\u06F5 \u0645\u06AF\u0627\u0628\u0627\u06CC\u062A",
+  onClick: () => window.console.log('finallyyyyy'),
+  price: "\u06F6\u06F0\u06F0\u06F0 \u062A\u0648\u0645\u0646",
+  title: "\u0641\u0627\u06CC\u0644 \u062C\u0644\u0633\u0647 \u0627\u0648\u0644 \u0645\u0627",
+  type: "zip" }
+), /*#__PURE__*/
+_react.default.createElement("br", null)
+
+);var _default = exports.default =
+
+
+AvatarPage;

package/dist/docs/containers/button/index.js

@@ -0,0 +1,295 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _components = require("../../../components");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const { Heading } = _components.Typography;
+
+const ButtonWrapper = _styledComponents.default.div`
+  display: flex;
+`;
+
+const ButtonPage = () => /*#__PURE__*/
+_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+_react.default.createElement(Heading, { level: 1 }, "\u062F\u06A9\u0645\u0647 \u0647\u0627"
+
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 2 }, "\u0646\u0645\u0648\u0646\u0647 \u062F\u06A9\u0645\u0647 \u067E\u06CC\u0634\u0641\u0631\u0636"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, null, "\u062F\u06A9\u0645\u0647"
+
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 2 }, "\u062F\u06A9\u0645\u0647 \u0622\u06CC\u06A9\u0648\u0646 \u062F\u0627\u0631"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { icon: "watch-later" }, "\u062F\u06A9\u0645\u0647 \u0622\u06CC\u06A9\u0648\u0646 \u062F\u0627\u0631"
+
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 2 }, "\u062F\u06A9\u0645\u0647 full-width"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { wide: true, size: "sm" }, "\u062F\u06A9\u0645\u0647 full-width (sm size)"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { wide: true }, "\u062F\u06A9\u0645\u0647 full-width(md size - default)"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { wide: true, size: "lg" }, "\u062F\u06A9\u0645\u0647 full-width(lg size)"
+
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 2 }, "\u062F\u06A9\u0645\u0647 \u062F\u0631 \u0627\u0646\u062F\u0627\u0632\u0647 \u0647\u0627\u06CC \u0645\u062A\u0641\u0627\u0648\u062A"
+
+), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 3 }, "sm size"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { size: "sm" }, "\u062F\u06A9\u0645\u0647"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { size: "sm", icon: "watch-later" }, "\u062F\u06A9\u0645\u0647"
+
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 3 }, "md size (default)"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { size: "md" }, "\u062F\u06A9\u0645\u0647"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { size: "md", icon: "watch-later" }, "\u062F\u06A9\u0645\u0647"
+
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 3 }, "lg size"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { size: "lg" }, "\u062F\u06A9\u0645\u0647"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { size: "lg", icon: "watch-later" }, "\u062F\u06A9\u0645\u0647"
+
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 2 }, "\u062F\u06A9\u0645\u0647 \u0647\u0627 \u062F\u0631 \u0627\u0633\u062A\u0627\u06CC\u0644 \u0647\u0627 \u0645\u062A\u0641\u0627\u0648\u062A \u0648 \u0631\u0646\u06AF \u0647\u0627\u06CC \u0645\u062A\u0641\u0627\u0648\u062A"
+
+), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 3 }, "\u0631\u0646\u06AF \u0642\u0631\u0645\u0632"
+
+), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 4 }, "\u0631\u0646\u06AF \u0642\u0631\u0645\u0632 - normal"
+
+), /*#__PURE__*/
+_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "primary", icon: "watch-later", mainColor: "red" }, "\u062F\u06A9\u0645\u0647 primary (default)"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "secondary", icon: "watch-later", mainColor: "red" }, "\u062F\u06A9\u0645\u0647 secondary"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "tertiary", icon: "watch-later", mainColor: "red" }, "\u062F\u06A9\u0645\u0647 tertiary"
+
+)
+), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 4 }, "\u0631\u0646\u06AF \u0642\u0631\u0645\u0632 - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "primary", icon: "watch-later", mainColor: "red", disabled: true }, "\u062F\u06A9\u0645\u0647 primary (default) - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "secondary", icon: "watch-later", mainColor: "red", disabled: true }, "\u062F\u06A9\u0645\u0647 secondary - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "tertiary", icon: "watch-later", mainColor: "red", disabled: true }, "\u062F\u06A9\u0645\u0647 tertiary - disabled"
+
+)
+), /*#__PURE__*/
+_react.default.createElement("hr", null), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 3 }, "\u0631\u0646\u06AF \u0633\u0628\u0632"
+
+), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 4 }, "\u0631\u0646\u06AF \u0633\u0628\u0632 - normal"
+
+), /*#__PURE__*/
+_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "primary", icon: "watch-later", mainColor: "green" }, "\u062F\u06A9\u0645\u0647 primary (default)"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "secondary", icon: "watch-later", mainColor: "green" }, "\u062F\u06A9\u0645\u0647 secondary"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "tertiary", icon: "watch-later", mainColor: "green" }, "\u062F\u06A9\u0645\u0647 tertiary"
+
+)
+), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 4 }, "\u0631\u0646\u06AF \u0633\u0628\u0632 - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "primary", icon: "watch-later", mainColor: "green", disabled: true }, "\u062F\u06A9\u0645\u0647 primary (default) - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "secondary", icon: "watch-later", mainColor: "green", disabled: true }, "\u062F\u06A9\u0645\u0647 secondary - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "tertiary", icon: "watch-later", mainColor: "green", disabled: true }, "\u062F\u06A9\u0645\u0647 tertiary - disabled"
+
+)
+), /*#__PURE__*/
+_react.default.createElement("hr", null), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 3 }, "\u0631\u0646\u06AF \u0632\u0631\u062F"
+
+), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 4 }, "\u0631\u0646\u06AF \u0632\u0631\u062F - normal"
+
+), /*#__PURE__*/
+_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "primary", icon: "watch-later", mainColor: "yellow" }, "\u062F\u06A9\u0645\u0647 primary (default)"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "secondary", icon: "watch-later", mainColor: "yellow" }, "\u062F\u06A9\u0645\u0647 secondary"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "tertiary", icon: "watch-later", mainColor: "yellow" }, "\u062F\u06A9\u0645\u0647 tertiary"
+
+)
+), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 4 }, "\u0631\u0646\u06AF \u0632\u0631\u062F - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "primary", icon: "watch-later", mainColor: "yellow", disabled: true }, "\u062F\u06A9\u0645\u0647 primary (default) - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "secondary", icon: "watch-later", mainColor: "yellow", disabled: true }, "\u062F\u06A9\u0645\u0647 secondary - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "tertiary", icon: "watch-later", mainColor: "yellow", disabled: true }, "\u062F\u06A9\u0645\u0647 tertiary - disabled"
+
+)
+), /*#__PURE__*/
+_react.default.createElement("hr", null), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 3 }, "\u0631\u0646\u06AF \u0622\u0628\u06CC"
+
+), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 4 }, "\u0631\u0646\u06AF \u0622\u0628\u06CC - normal"
+
+), /*#__PURE__*/
+_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "primary", icon: "watch-later", mainColor: "blue" }, "\u062F\u06A9\u0645\u0647 primary (default)"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "secondary", icon: "watch-later", mainColor: "blue" }, "\u062F\u06A9\u0645\u0647 secondary"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "tertiary", icon: "watch-later", mainColor: "blue" }, "\u062F\u06A9\u0645\u0647 tertiary"
+
+)
+), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 4 }, "\u0631\u0646\u06AF \u0622\u0628\u06CC - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "primary", icon: "watch-later", mainColor: "blue", disabled: true }, "\u062F\u06A9\u0645\u0647 primary (default) - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "secondary", icon: "watch-later", mainColor: "blue", disabled: true }, "\u062F\u06A9\u0645\u0647 secondary - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "tertiary", icon: "watch-later", mainColor: "blue", disabled: true }, "\u062F\u06A9\u0645\u0647 tertiary - disabled"
+
+)
+), /*#__PURE__*/
+_react.default.createElement("hr", null), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 3 }, "\u0631\u0646\u06AF \u0622\u0628\u06CC \u062A\u06CC\u0631\u0647 - \u067E\u06CC\u0634\u0641\u0631\u0636"
+
+), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 4 }, "\u0631\u0646\u06AF \u0622\u0628\u06CC \u062A\u06CC\u0631\u0647 - \u067E\u06CC\u0634\u0641\u0631\u0636 - normal"
+
+), /*#__PURE__*/
+_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "primary", icon: "watch-later" }, "\u062F\u06A9\u0645\u0647 primary (default)"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "secondary", icon: "watch-later" }, "\u062F\u06A9\u0645\u0647 secondary"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "tertiary", icon: "watch-later" }, "\u062F\u06A9\u0645\u0647 tertiary"
+
+)
+), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 4 }, "\u0631\u0646\u06AF \u0622\u0628\u06CC \u062A\u06CC\u0631\u0647 - \u067E\u06CC\u0634\u0641\u0631\u0636 - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "primary", icon: "watch-later", disabled: true }, "\u062F\u06A9\u0645\u0647 primary (default) - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "secondary", icon: "watch-later", disabled: true }, "\u062F\u06A9\u0645\u0647 secondary - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "tertiary", icon: "watch-later", disabled: true }, "\u062F\u06A9\u0645\u0647 tertiary - disabled"
+
+)
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 2 }, "\u062F\u06A9\u0645\u0647 \u0644\u06CC\u0646\u06A9 \u062F\u0627\u0631"
+
+), /*#__PURE__*/
+_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/
+_react.default.createElement(_components.Button, { linkTo: "/avatar" }, "\u062F\u06A9\u0645\u0647 \u0644\u06CC\u0646\u06A9 \u0633\u0627\u062F\u0647 \u0628\u0627 \u062A\u0646\u0638\u06CC\u0645\u0627\u062A \u067E\u06CC\u0634\u0641\u0631\u0636"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "secondary", icon: "watch-later", linkTo: "https://sciencebusiness.net/categories/dfgdfg", linkTarget: "_blank" }, "\u062F\u06A9\u0645\u0647 \u0644\u06CC\u0646\u06A9 \u0628\u0627 \u0644\u06CC\u0646\u06A9 \u062E\u0627\u0631\u062C\u06CC"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, {
+  styleType: "tertiary",
+  icon: "watch-later",
+  renderLink: (element) => /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, { to: "/tosomewherenew" }, element),
+  linkTarget: "_self" },
+"\u062F\u06A9\u0645\u0647 \u0644\u06CC\u0646\u06A9 \u062F\u0627\u062E\u0644\u06CC (\u0646\u0645\u0648\u0646\u0647 \u06A9\u0627\u0645\u0644)"
+
+)
+), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 4 }, "\u062F\u06A9\u0645\u0647 \u0644\u06CC\u0646\u06A9 \u062F\u0627\u0631 - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "primary", icon: "watch-later", linkTo: "/avatar", disabled: true }, "\u062F\u06A9\u0645\u0647 \u0644\u06CC\u0646\u06A9 \u0633\u0627\u062F\u0647 \u0628\u0627 \u062A\u0646\u0638\u06CC\u0645\u0627\u062A \u067E\u06CC\u0634\u0641\u0631\u0636 - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, { styleType: "secondary", icon: "watch-later", linkTo: "https://sciencebusiness.net/categories/dfgdfg", linkTarget: "_blank", disabled: true }, "\u062F\u06A9\u0645\u0647 \u0644\u06CC\u0646\u06A9 \u0628\u0627 \u0644\u06CC\u0646\u06A9 \u062E\u0627\u0631\u062C\u06CC - disabled"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.Button, {
+  styleType: "tertiary",
+  icon: "watch-later",
+  linkTarget: "_self",
+  renderLink: (element) => /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, { to: "/tosomewherenew" }, element),
+  disabled: true },
+"\u062F\u06A9\u0645\u0647 \u0644\u06CC\u0646\u06A9 \u062F\u0627\u062E\u0644\u06CC (\u0646\u0645\u0648\u0646\u0647 \u06A9\u0627\u0645\u0644) - disabled"
+
+)
+), /*#__PURE__*/
+_react.default.createElement("br", null)
+
+);var _default = exports.default =
+
+
+ButtonPage;