ecomlab-components-next 0.1.222 → 0.1.223

package/dist/components/Buttons/SignUpButton/ButtonSignUp.js

@@ -1,75 +1,75 @@
-"use strict";
-'use client';
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _image = _interopRequireDefault(require("next/image"));
-var _ButtonSignUpModule = _interopRequireDefault(require("./ButtonSignUp.module.scss"));
-var _calendar = _interopRequireDefault(require("./calendar.svg"));
-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 _getRequireWildcardCache(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; }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var ButtonSignUp = function ButtonSignUp(_ref) {
-  var onClick = _ref.onClick,
-    _ref$media = _ref.media,
-    media = _ref$media === void 0 ? '1000px' : _ref$media,
-    _ref$isMobile = _ref.isMobile,
-    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
-  var _useState = (0, _react.useState)(getMatches),
-    _useState2 = _slicedToArray(_useState, 2),
-    screenWidth = _useState2[0],
-    setScreenWidth = _useState2[1];
-  var getMatches = function getMatches() {
-    return typeof window !== 'undefined' ? window.matchMedia("(max-width:".concat(media, ")")).matches : false;
-  };
-  (0, _react.useEffect)(function () {
-    var mediaQuery = window.matchMedia("(max-width: ".concat(media, ")"));
-    var onResize = function onResize(e) {
-      return setScreenWidth(e.matches);
-    };
-    mediaQuery.addEventListener('change', onResize);
-    return function () {
-      return mediaQuery.removeEventListener('change', onResize);
-    };
-  }, [media]);
-  var collapsed = !isMobile && screenWidth;
-  var buttonClassName = [_ButtonSignUpModule["default"].buttonSignUp, isMobile ? _ButtonSignUpModule["default"].small : '', collapsed ? _ButtonSignUpModule["default"].collapsed : ''].join(' ').trim();
-  var buttonStyles = {
-    maxWidth: collapsed && '56px',
-    padding: collapsed ? '0' : '0 16px',
-    justifyContent: collapsed && 'center'
-  };
-  var imageWrapperStyles = {
-    '--after-left': collapsed ? '-11px' : 'calc(100% - 6px)',
-    '--after-top': collapsed ? '-11px' : '-2px'
-  };
-  return /*#__PURE__*/_react["default"].createElement("button", {
-    className: buttonClassName,
-    style: buttonStyles,
-    type: "button",
-    onClick: onClick
-  }, isMobile ? /*#__PURE__*/_react["default"].createElement("span", {
-    className: _ButtonSignUpModule["default"].secondaryText
-  }, "\u0417\u0430\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F") : !collapsed ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
-    className: _ButtonSignUpModule["default"].primaryText
-  }, "\u041E\u043D\u043B\u0430\u0439\u043D \u0437\u0430\u043F\u0438\u0441\u044C"), /*#__PURE__*/_react["default"].createElement("span", {
-    className: _ButtonSignUpModule["default"].secondaryText
-  }, "\u0417\u0430\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F")) : null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: _ButtonSignUpModule["default"].imageWrapper,
-    style: imageWrapperStyles
-  }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
-    src: _calendar["default"],
-    alt: "icon-calendar"
-  })));
-};
+"use strict";
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _image = _interopRequireDefault(require("next/image"));
+var _ButtonSignUpModule = _interopRequireDefault(require("./ButtonSignUp.module.scss"));
+var _calendar = _interopRequireDefault(require("./calendar.svg"));
+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 _getRequireWildcardCache(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; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var ButtonSignUp = function ButtonSignUp(_ref) {
+  var onClick = _ref.onClick,
+    _ref$media = _ref.media,
+    media = _ref$media === void 0 ? '1000px' : _ref$media,
+    _ref$isMobile = _ref.isMobile,
+    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
+  var _useState = (0, _react.useState)(getMatches),
+    _useState2 = _slicedToArray(_useState, 2),
+    screenWidth = _useState2[0],
+    setScreenWidth = _useState2[1];
+  var getMatches = function getMatches() {
+    return typeof window !== 'undefined' ? window.matchMedia("(max-width:".concat(media, ")")).matches : false;
+  };
+  (0, _react.useEffect)(function () {
+    var mediaQuery = window.matchMedia("(max-width: ".concat(media, ")"));
+    var onResize = function onResize(e) {
+      return setScreenWidth(e.matches);
+    };
+    mediaQuery.addEventListener('change', onResize);
+    return function () {
+      return mediaQuery.removeEventListener('change', onResize);
+    };
+  }, [media]);
+  var collapsed = !isMobile && screenWidth;
+  var buttonClassName = [_ButtonSignUpModule["default"].buttonSignUp, isMobile ? _ButtonSignUpModule["default"].small : '', collapsed ? _ButtonSignUpModule["default"].collapsed : ''].join(' ').trim();
+  var buttonStyles = {
+    maxWidth: collapsed && '56px',
+    padding: collapsed ? '0' : '0 16px',
+    justifyContent: collapsed && 'center'
+  };
+  var imageWrapperStyles = {
+    '--after-left': collapsed ? '-11px' : 'calc(100% - 6px)',
+    '--after-top': collapsed ? '-11px' : '-2px'
+  };
+  return /*#__PURE__*/_react["default"].createElement("button", {
+    className: buttonClassName,
+    style: buttonStyles,
+    type: "button",
+    onClick: onClick
+  }, isMobile ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: _ButtonSignUpModule["default"].secondaryText
+  }, "\u0417\u0430\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F") : !collapsed ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+    className: _ButtonSignUpModule["default"].primaryText
+  }, "\u041E\u043D\u043B\u0430\u0439\u043D \u0437\u0430\u043F\u0438\u0441\u044C"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: _ButtonSignUpModule["default"].secondaryText
+  }, "\u0417\u0430\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F")) : null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _ButtonSignUpModule["default"].imageWrapper,
+    style: imageWrapperStyles
+  }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
+    src: _calendar["default"],
+    alt: "icon-calendar"
+  })));
+};
 var _default = exports["default"] = ButtonSignUp;

package/dist/components/Buttons/SignUpButton/ButtonSignUp.stories.js

@@ -1,30 +1,30 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _ButtonSignUp = _interopRequireDefault(require("./ButtonSignUp"));
-var _addonActions = require("@storybook/addon-actions");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var _default = exports["default"] = {
-  title: 'ButtonSignUp',
-  component: _ButtonSignUp["default"],
-  args: {
-    onClick: _addonActions.action
-  }
-};
-var Default = exports.Default = {
-  render: function render(args) {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex',
-        gap: '10px',
-        flexDirection: 'column'
-      }
-    }, /*#__PURE__*/React.createElement(_ButtonSignUp["default"], args), /*#__PURE__*/React.createElement(_ButtonSignUp["default"], _extends({}, args, {
-      isMobile: true
-    })));
-  }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ButtonSignUp = _interopRequireDefault(require("./ButtonSignUp"));
+var _addonActions = require("@storybook/addon-actions");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var _default = exports["default"] = {
+  title: 'ButtonSignUp',
+  component: _ButtonSignUp["default"],
+  args: {
+    onClick: _addonActions.action
+  }
+};
+var Default = exports.Default = {
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        gap: '10px',
+        flexDirection: 'column'
+      }
+    }, /*#__PURE__*/React.createElement(_ButtonSignUp["default"], args), /*#__PURE__*/React.createElement(_ButtonSignUp["default"], _extends({}, args, {
+      isMobile: true
+    })));
+  }
 };

package/dist/components/Checkbox/Checkbox/Checkbox.js

@@ -1,83 +1,83 @@
-"use strict";
-'use client';
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-require("./Checkbox.scss");
-var _excluded = ["id", "value", "onChange", "containerClassName", "inputClassName", "className", "children", "green", "yellow", "red", "grey", "disabled", "stopPropagation"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
-var Checkbox = function Checkbox(_ref) {
-  var id = _ref.id,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    containerClassName = _ref.containerClassName,
-    inputClassName = _ref.inputClassName,
-    className = _ref.className,
-    children = _ref.children,
-    _ref$green = _ref.green,
-    green = _ref$green === void 0 ? false : _ref$green,
-    _ref$yellow = _ref.yellow,
-    yellow = _ref$yellow === void 0 ? false : _ref$yellow,
-    _ref$red = _ref.red,
-    red = _ref$red === void 0 ? false : _ref$red,
-    _ref$grey = _ref.grey,
-    grey = _ref$grey === void 0 ? false : _ref$grey,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$stopPropagation = _ref.stopPropagation,
-    stopPropagation = _ref$stopPropagation === void 0 ? true : _ref$stopPropagation,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(value),
-    _useState2 = _slicedToArray(_useState, 2),
-    _value = _useState2[0],
-    set_value = _useState2[1];
-  var _onChange = function _onChange(e) {
-    set_value(e.target.checked);
-    if (onChange) {
-      onChange(e.target.checked);
-    }
-  };
-  var colorCheckbox = function colorCheckbox() {
-    if (green) return 'checkbox-container_green';
-    if (red) return 'checkbox-container_red';
-    if (grey) return 'checkbox-container_grey';
-    if (yellow) return 'checkbox-container_yellow';
-  };
-  (0, _react.useEffect)(function () {
-    set_value(value);
-  }, [value]);
-  return /*#__PURE__*/_react["default"].createElement("label", {
-    onClick: function onClick(e) {
-      if (stopPropagation) {
-        e.stopPropagation();
-      }
-    },
-    className: "checkbox-container ".concat(colorCheckbox() || '', " ").concat(containerClassName ? containerClassName : "")
-  }, /*#__PURE__*/_react["default"].createElement("input", _extends({
-    type: "checkbox",
-    disabled: disabled,
-    id: id,
-    className: "checkbox " + (inputClassName ? inputClassName : ""),
-    checked: _value,
-    onChange: _onChange
-  }, props)), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "checkbox-element " + (className ? className : "")
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "checkbox-container__text"
-  }, " ", children));
-};
+"use strict";
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("./Checkbox.scss");
+var _excluded = ["id", "value", "onChange", "containerClassName", "inputClassName", "className", "children", "green", "yellow", "red", "grey", "disabled", "stopPropagation"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var Checkbox = function Checkbox(_ref) {
+  var id = _ref.id,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    containerClassName = _ref.containerClassName,
+    inputClassName = _ref.inputClassName,
+    className = _ref.className,
+    children = _ref.children,
+    _ref$green = _ref.green,
+    green = _ref$green === void 0 ? false : _ref$green,
+    _ref$yellow = _ref.yellow,
+    yellow = _ref$yellow === void 0 ? false : _ref$yellow,
+    _ref$red = _ref.red,
+    red = _ref$red === void 0 ? false : _ref$red,
+    _ref$grey = _ref.grey,
+    grey = _ref$grey === void 0 ? false : _ref$grey,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$stopPropagation = _ref.stopPropagation,
+    stopPropagation = _ref$stopPropagation === void 0 ? true : _ref$stopPropagation,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = (0, _react.useState)(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    _value = _useState2[0],
+    set_value = _useState2[1];
+  var _onChange = function _onChange(e) {
+    set_value(e.target.checked);
+    if (onChange) {
+      onChange(e.target.checked);
+    }
+  };
+  var colorCheckbox = function colorCheckbox() {
+    if (green) return 'checkbox-container_green';
+    if (red) return 'checkbox-container_red';
+    if (grey) return 'checkbox-container_grey';
+    if (yellow) return 'checkbox-container_yellow';
+  };
+  (0, _react.useEffect)(function () {
+    set_value(value);
+  }, [value]);
+  return /*#__PURE__*/_react["default"].createElement("label", {
+    onClick: function onClick(e) {
+      if (stopPropagation) {
+        e.stopPropagation();
+      }
+    },
+    className: "checkbox-container ".concat(colorCheckbox() || '', " ").concat(containerClassName ? containerClassName : "")
+  }, /*#__PURE__*/_react["default"].createElement("input", _extends({
+    type: "checkbox",
+    disabled: disabled,
+    id: id,
+    className: "checkbox " + (inputClassName ? inputClassName : ""),
+    checked: _value,
+    onChange: _onChange
+  }, props)), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "checkbox-element " + (className ? className : "")
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "checkbox-container__text"
+  }, " ", children));
+};
 var _default = exports["default"] = Checkbox;

package/dist/components/LoadingPage/LoadingPage.js

@@ -35,10 +35,7 @@ var BeatLoader = function BeatLoader(_ref) {
   };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _LoadingPageModule["default"].loaderContainer
-  }, /*#__PURE__*/_react["default"].createElement("style", {
-    jsx: true,
-    global: true
-  }, "\n        .".concat(_LoadingPageModule["default"].dot, " {\n          animation-duration: ").concat(speed, "s;\n        }\n        .").concat(_LoadingPageModule["default"].dot1, " {\n          animation-delay: ").concat(speed * 0.1, "s;\n        }\n        .").concat(_LoadingPageModule["default"].dot2, " {\n          animation-delay: ").concat(speed * 0.2, "s;\n        }\n      ")), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("style", null, "\n        .".concat(_LoadingPageModule["default"].dot, " {\n          animation-duration: ").concat(speed, "s;\n        }\n        .").concat(_LoadingPageModule["default"].dot1, " {\n          animation-delay: ").concat(speed * 0.1, "s;\n        }\n        .").concat(_LoadingPageModule["default"].dot2, " {\n          animation-delay: ").concat(speed * 0.2, "s;\n        }\n      ")), /*#__PURE__*/_react["default"].createElement("div", {
     className: _LoadingPageModule["default"].dot,
     style: dotStyle
   }), /*#__PURE__*/_react["default"].createElement("div", {

package/dist/stories/InputDynamicWidth/InputDynamicWidth.js

@@ -1,85 +1,85 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _close_icon = _interopRequireDefault(require("./img/close_icon.svg"));
-var _react = require("react");
-require("./InputDynamicWidth.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var InputDynamicWidth = function InputDynamicWidth(_ref) {
-  var onChange = _ref.onChange,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? 'Поиск' : _ref$placeholder,
-    _ref$maxWidth = _ref.maxWidth,
-    maxWidth = _ref$maxWidth === void 0 ? false : _ref$maxWidth,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? 'right' : _ref$position,
-    _ref$isOpen = _ref.isOpen,
-    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-    value = _ref.value;
-  var _useState = (0, _react.useState)(value ? value : ''),
-    _useState2 = _slicedToArray(_useState, 2),
-    valueInside = _useState2[0],
-    setValueInside = _useState2[1];
-  var _useState3 = (0, _react.useState)(isOpen ? true : false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isFocus = _useState4[0],
-    setIsFocus = _useState4[1];
-  (0, _react.useEffect)(function () {
-    if (onChange) {
-      onChange(valueInside);
-    }
-  }, [valueInside]);
-  (0, _react.useEffect)(function () {
-    setValueInside(value);
-  }, [value]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "input-dynamic-width-bar",
-    style: {
-      justifyContent: position == 'left' ? 'end' : ''
-    },
-    onClick: function onClick(e) {
-      setIsFocus(true);
-    }
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "text",
-    inputMode: "text",
-    placeholder: placeholder ? placeholder : 'Поиск',
-    className: isFocus ? "input-dynamic-width-bar__search_active" : "input-dynamic-width-bar__search",
-    readOnly: !isFocus,
-    autoComplete: 'off',
-    onBlur: function onBlur(e) {
-      if (valueInside === '') {
-        if (!isOpen) {
-          setIsFocus(false);
-        }
-      }
-    },
-    value: valueInside,
-    onChange: function onChange(e) {
-      setValueInside(e.target.value);
-    },
-    style: {
-      maxWidth: maxWidth ? maxWidth : ''
-    }
-  }), ((valueInside === null || valueInside === void 0 ? void 0 : valueInside.length) && isFocus) > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "input-dynamic-width-bar__btn_close",
-    type: "button",
-    onClick: function onClick(e) {
-      e.stopPropagation(e);
-      setValueInside('');
-      if (!isOpen) {
-        setIsFocus(false);
-      }
-    }
-  }, /*#__PURE__*/React.createElement("img", _close_icon["default"])));
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _close_icon = _interopRequireDefault(require("./img/close_icon.svg"));
+var _react = require("react");
+require("./InputDynamicWidth.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var InputDynamicWidth = function InputDynamicWidth(_ref) {
+  var onChange = _ref.onChange,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? 'Поиск' : _ref$placeholder,
+    _ref$maxWidth = _ref.maxWidth,
+    maxWidth = _ref$maxWidth === void 0 ? false : _ref$maxWidth,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'right' : _ref$position,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    value = _ref.value;
+  var _useState = (0, _react.useState)(value ? value : ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    valueInside = _useState2[0],
+    setValueInside = _useState2[1];
+  var _useState3 = (0, _react.useState)(isOpen ? true : false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isFocus = _useState4[0],
+    setIsFocus = _useState4[1];
+  (0, _react.useEffect)(function () {
+    if (onChange) {
+      onChange(valueInside);
+    }
+  }, [valueInside]);
+  (0, _react.useEffect)(function () {
+    setValueInside(value);
+  }, [value]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "input-dynamic-width-bar",
+    style: {
+      justifyContent: position == 'left' ? 'end' : ''
+    },
+    onClick: function onClick(e) {
+      setIsFocus(true);
+    }
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    inputMode: "text",
+    placeholder: placeholder ? placeholder : 'Поиск',
+    className: isFocus ? "input-dynamic-width-bar__search_active" : "input-dynamic-width-bar__search",
+    readOnly: !isFocus,
+    autoComplete: 'off',
+    onBlur: function onBlur(e) {
+      if (valueInside === '') {
+        if (!isOpen) {
+          setIsFocus(false);
+        }
+      }
+    },
+    value: valueInside,
+    onChange: function onChange(e) {
+      setValueInside(e.target.value);
+    },
+    style: {
+      maxWidth: maxWidth ? maxWidth : ''
+    }
+  }), ((valueInside === null || valueInside === void 0 ? void 0 : valueInside.length) && isFocus) > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "input-dynamic-width-bar__btn_close",
+    type: "button",
+    onClick: function onClick(e) {
+      e.stopPropagation(e);
+      setValueInside('');
+      if (!isOpen) {
+        setIsFocus(false);
+      }
+    }
+  }, /*#__PURE__*/React.createElement("img", _close_icon["default"])));
+};
 var _default = exports["default"] = InputDynamicWidth;

package/dist/stories/InputDynamicWidth/InputDynamicWidth.stories.js

@@ -1,32 +1,32 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _InputDynamicWidth = _interopRequireDefault(require("./InputDynamicWidth"));
-var _addonActions = require("@storybook/addon-actions");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var _default = exports["default"] = {
-  title: 'Components/InputDynamicWidth',
-  component: _InputDynamicWidth["default"],
-  parameters: {
-    layout: 'centered'
-  },
-  args: {
-    onChange: _addonActions.action,
-    placeholder: 'Поиск'
-  }
-};
-var Default = exports.Default = {
-  render: function render(args) {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex',
-        width: '100%',
-        gap: '10px',
-        flexDirection: 'column'
-      }
-    }, /*#__PURE__*/React.createElement(_InputDynamicWidth["default"], args));
-  }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _InputDynamicWidth = _interopRequireDefault(require("./InputDynamicWidth"));
+var _addonActions = require("@storybook/addon-actions");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _default = exports["default"] = {
+  title: 'Components/InputDynamicWidth',
+  component: _InputDynamicWidth["default"],
+  parameters: {
+    layout: 'centered'
+  },
+  args: {
+    onChange: _addonActions.action,
+    placeholder: 'Поиск'
+  }
+};
+var Default = exports.Default = {
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        width: '100%',
+        gap: '10px',
+        flexDirection: 'column'
+      }
+    }, /*#__PURE__*/React.createElement(_InputDynamicWidth["default"], args));
+  }
 };

package/dist/stories/NoArticles/NoArticles.js

@@ -1,29 +1,29 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _banner = _interopRequireDefault(require("./img/banner.svg"));
-require("./NoArticles.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var NoArticles = function NoArticles() {
-  var lang = localStorage.getItem('lang');
-
-  // Перевод
-  var translateContent = function translateContent() {
-    if (lang == 'rus') return 'Совсем скоро здесь будут статьи';
-    if (lang == 'eng') return 'More articles will be here very soon';
-    if (lang == 'tur') return "Makaleler Türkçe'ye çevrilme aşamasında olup, İngilizce versiyonlarını web sitesinde okuyabilirsiniz.";
-    return 'Совсем скоро здесь будут статьи';
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "no-articles"
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "text_articles"
-  }, translateContent()), /*#__PURE__*/React.createElement("img", _extends({
-    className: "img_banner"
-  }, _banner["default"])));
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _banner = _interopRequireDefault(require("./img/banner.svg"));
+require("./NoArticles.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var NoArticles = function NoArticles() {
+  var lang = localStorage.getItem('lang');
+
+  // Перевод
+  var translateContent = function translateContent() {
+    if (lang == 'rus') return 'Совсем скоро здесь будут статьи';
+    if (lang == 'eng') return 'More articles will be here very soon';
+    if (lang == 'tur') return "Makaleler Türkçe'ye çevrilme aşamasında olup, İngilizce versiyonlarını web sitesinde okuyabilirsiniz.";
+    return 'Совсем скоро здесь будут статьи';
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "no-articles"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "text_articles"
+  }, translateContent()), /*#__PURE__*/React.createElement("img", _extends({
+    className: "img_banner"
+  }, _banner["default"])));
+};
 var _default = exports["default"] = NoArticles;

package/dist/stories/NoArticles/NoArticles.stories.js

@@ -1,20 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _NoArticles = _interopRequireDefault(require("./NoArticles"));
-var _addonActions = require("@storybook/addon-actions");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var _default = exports["default"] = {
-  title: 'Article/NoArticles',
-  component: _NoArticles["default"],
-  parameters: {
-    layout: 'centered'
-  },
-  args: {
-    lang: false
-  }
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _NoArticles = _interopRequireDefault(require("./NoArticles"));
+var _addonActions = require("@storybook/addon-actions");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _default = exports["default"] = {
+  title: 'Article/NoArticles',
+  component: _NoArticles["default"],
+  parameters: {
+    layout: 'centered'
+  },
+  args: {
+    lang: false
+  }
+};
 var Default = exports.Default = {};

package/dist/stories/ViewSwitch/ViewSwitch.js

@@ -1,48 +1,48 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _Chat = require("./img/Chat");
-var _TileLong = require("./img/TileLong");
-var _Tile = require("./img/Tile");
-var _Table = require("./img/Table");
-require("./ViewSwitch.scss");
-var ViewSwitch = function ViewSwitch(_ref) {
-  var selectView = _ref.selectView,
-    setSelectView = _ref.setSelectView,
-    _ref$chat = _ref.chat,
-    chat = _ref$chat === void 0 ? false : _ref$chat,
-    _ref$tile = _ref.tile,
-    tile = _ref$tile === void 0 ? true : _ref$tile,
-    _ref$tileLong = _ref.tileLong,
-    tileLong = _ref$tileLong === void 0 ? true : _ref$tileLong,
-    _ref$table = _ref.table,
-    table = _ref$table === void 0 ? true : _ref$table,
-    disabled = _ref.disabled;
-  return /*#__PURE__*/React.createElement("div", {
-    className: disabled ? 'view-switch_disabled' : 'view-switch'
-  }, tile && /*#__PURE__*/React.createElement("button", {
-    className: selectView == 'Tile-short' ? 'btn_fill_active' : 'btn_fill',
-    onClick: function onClick(e) {
-      setSelectView('Tile-short');
-    }
-  }, /*#__PURE__*/React.createElement(_Tile.Tile, null)), tileLong && /*#__PURE__*/React.createElement("button", {
-    className: selectView == 'Tile-long' ? 'btn_fill_active' : 'btn_fill',
-    onClick: function onClick(e) {
-      setSelectView('Tile-long');
-    }
-  }, /*#__PURE__*/React.createElement(_TileLong.TileLong, null)), table && /*#__PURE__*/React.createElement("button", {
-    className: selectView == 'Table' ? 'btn_stroke_active' : 'btn_stroke',
-    onClick: function onClick(e) {
-      setSelectView('Table');
-    }
-  }, /*#__PURE__*/React.createElement(_Table.Table, null)), chat && /*#__PURE__*/React.createElement("button", {
-    className: selectView == 'Chat' ? 'btn_stroke_active' : 'btn_stroke',
-    onClick: function onClick(e) {
-      setSelectView('Chat');
-    }
-  }, /*#__PURE__*/React.createElement(_Chat.Chat, null)));
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _Chat = require("./img/Chat");
+var _TileLong = require("./img/TileLong");
+var _Tile = require("./img/Tile");
+var _Table = require("./img/Table");
+require("./ViewSwitch.scss");
+var ViewSwitch = function ViewSwitch(_ref) {
+  var selectView = _ref.selectView,
+    setSelectView = _ref.setSelectView,
+    _ref$chat = _ref.chat,
+    chat = _ref$chat === void 0 ? false : _ref$chat,
+    _ref$tile = _ref.tile,
+    tile = _ref$tile === void 0 ? true : _ref$tile,
+    _ref$tileLong = _ref.tileLong,
+    tileLong = _ref$tileLong === void 0 ? true : _ref$tileLong,
+    _ref$table = _ref.table,
+    table = _ref$table === void 0 ? true : _ref$table,
+    disabled = _ref.disabled;
+  return /*#__PURE__*/React.createElement("div", {
+    className: disabled ? 'view-switch_disabled' : 'view-switch'
+  }, tile && /*#__PURE__*/React.createElement("button", {
+    className: selectView == 'Tile-short' ? 'btn_fill_active' : 'btn_fill',
+    onClick: function onClick(e) {
+      setSelectView('Tile-short');
+    }
+  }, /*#__PURE__*/React.createElement(_Tile.Tile, null)), tileLong && /*#__PURE__*/React.createElement("button", {
+    className: selectView == 'Tile-long' ? 'btn_fill_active' : 'btn_fill',
+    onClick: function onClick(e) {
+      setSelectView('Tile-long');
+    }
+  }, /*#__PURE__*/React.createElement(_TileLong.TileLong, null)), table && /*#__PURE__*/React.createElement("button", {
+    className: selectView == 'Table' ? 'btn_stroke_active' : 'btn_stroke',
+    onClick: function onClick(e) {
+      setSelectView('Table');
+    }
+  }, /*#__PURE__*/React.createElement(_Table.Table, null)), chat && /*#__PURE__*/React.createElement("button", {
+    className: selectView == 'Chat' ? 'btn_stroke_active' : 'btn_stroke',
+    onClick: function onClick(e) {
+      setSelectView('Chat');
+    }
+  }, /*#__PURE__*/React.createElement(_Chat.Chat, null)));
+};
 var _default = exports["default"] = ViewSwitch;

package/dist/stories/ViewSwitch/ViewSwitch.stories.js

@@ -1,48 +1,48 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _ViewSwitch = _interopRequireDefault(require("./ViewSwitch"));
-var _addonActions = require("@storybook/addon-actions");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var _default = exports["default"] = {
-  title: 'Components/ViewSwitch',
-  component: _ViewSwitch["default"],
-  parameters: {
-    layout: 'centered'
-  }
-};
-var Default = exports.Default = {
-  args: {
-    selectView: 'Tile-Long',
-    setSelectView: (0, _addonActions.action)('setSelectView')
-  },
-  render: function render(props) {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex',
-        flexDirection: 'column',
-        gap: '16px'
-      }
-    }, /*#__PURE__*/React.createElement(_ViewSwitch["default"], _extends({}, props, {
-      selectView: "Tile-short",
-      tile: true
-    })), /*#__PURE__*/React.createElement(_ViewSwitch["default"], _extends({}, props, {
-      selectView: "Tile-long",
-      tileLong: true
-    })), /*#__PURE__*/React.createElement(_ViewSwitch["default"], _extends({}, props, {
-      selectView: "Table",
-      table: true
-    })), /*#__PURE__*/React.createElement(_ViewSwitch["default"], _extends({}, props, {
-      selectView: "Chat",
-      chat: true
-    })), /*#__PURE__*/React.createElement(_ViewSwitch["default"], _extends({}, props, {
-      selectView: "Chat",
-      chat: true,
-      disabled: true
-    })));
-  }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ViewSwitch = _interopRequireDefault(require("./ViewSwitch"));
+var _addonActions = require("@storybook/addon-actions");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var _default = exports["default"] = {
+  title: 'Components/ViewSwitch',
+  component: _ViewSwitch["default"],
+  parameters: {
+    layout: 'centered'
+  }
+};
+var Default = exports.Default = {
+  args: {
+    selectView: 'Tile-Long',
+    setSelectView: (0, _addonActions.action)('setSelectView')
+  },
+  render: function render(props) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '16px'
+      }
+    }, /*#__PURE__*/React.createElement(_ViewSwitch["default"], _extends({}, props, {
+      selectView: "Tile-short",
+      tile: true
+    })), /*#__PURE__*/React.createElement(_ViewSwitch["default"], _extends({}, props, {
+      selectView: "Tile-long",
+      tileLong: true
+    })), /*#__PURE__*/React.createElement(_ViewSwitch["default"], _extends({}, props, {
+      selectView: "Table",
+      table: true
+    })), /*#__PURE__*/React.createElement(_ViewSwitch["default"], _extends({}, props, {
+      selectView: "Chat",
+      chat: true
+    })), /*#__PURE__*/React.createElement(_ViewSwitch["default"], _extends({}, props, {
+      selectView: "Chat",
+      chat: true,
+      disabled: true
+    })));
+  }
 };

package/dist/stories/ViewSwitch/img/Chat.js

@@ -1,24 +1,24 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Chat = void 0;
-var Chat = exports.Chat = function Chat() {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "20",
-    height: "20",
-    viewBox: "0 0 20 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "Icons/Files/chat/16"
-  }, /*#__PURE__*/React.createElement("path", {
-    id: "Vector",
-    d: "M17.5 12.5C17.5 12.942 17.3244 13.366 17.0118 13.6785C16.6993 13.9911 16.2754 14.1667 15.8333 14.1667H5.83333L2.5 17.5V4.16667C2.5 3.72464 2.67559 3.30072 2.98816 2.98816C3.30072 2.67559 3.72464 2.5 4.16667 2.5H15.8333C16.2754 2.5 16.6993 2.67559 17.0118 2.98816C17.3244 3.30072 17.5 3.72464 17.5 4.16667V12.5Z",
-    stroke: "#C5D3C5",
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  })));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Chat = void 0;
+var Chat = exports.Chat = function Chat() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Icons/Files/chat/16"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Vector",
+    d: "M17.5 12.5C17.5 12.942 17.3244 13.366 17.0118 13.6785C16.6993 13.9911 16.2754 14.1667 15.8333 14.1667H5.83333L2.5 17.5V4.16667C2.5 3.72464 2.67559 3.30072 2.98816 2.98816C3.30072 2.67559 3.72464 2.5 4.16667 2.5H15.8333C16.2754 2.5 16.6993 2.67559 17.0118 2.98816C17.3244 3.30072 17.5 3.72464 17.5 4.16667V12.5Z",
+    stroke: "#C5D3C5",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })));
 };

package/dist/stories/ViewSwitch/img/Table.js

@@ -1,21 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Table = void 0;
-var Table = exports.Table = function Table() {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "20",
-    height: "20",
-    viewBox: "0 0 20 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M1.75 3.25H18.25M1.75 7.75H18.25M1.75 12.25H18.25M1.75 16.75H18.25",
-    stroke: "#C5D3C5",
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Table = void 0;
+var Table = exports.Table = function Table() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M1.75 3.25H18.25M1.75 7.75H18.25M1.75 12.25H18.25M1.75 16.75H18.25",
+    stroke: "#C5D3C5",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
 };

package/dist/stories/ViewSwitch/img/Tile.js

@@ -1,20 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tile = void 0;
-var Tile = exports.Tile = function Tile() {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "20",
-    height: "20",
-    viewBox: "0 0 20 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M4.91957 1H5.08044C5.61459 0.99999 6.06044 0.999981 6.42467 1.02974C6.80456 1.06078 7.16121 1.12789 7.49847 1.29973C8.01592 1.56338 8.43662 1.98408 8.70027 2.50153C8.87211 2.83879 8.93922 3.19545 8.97026 3.57533C9.00002 3.93957 9.00001 4.38542 9 4.91957V5.08043C9.00001 5.61459 9.00002 6.06044 8.97026 6.42467C8.93922 6.80456 8.87211 7.16121 8.70027 7.49847C8.43662 8.01592 8.01592 8.43662 7.49847 8.70027C7.16121 8.87211 6.80456 8.93922 6.42467 8.97026C6.06044 9.00002 5.61459 9.00001 5.08043 9H4.91957C4.38542 9.00001 3.93957 9.00002 3.57533 8.97026C3.19545 8.93922 2.83879 8.87211 2.50153 8.70027C1.98408 8.43662 1.56338 8.01592 1.29973 7.49847C1.12789 7.16121 1.06078 6.80456 1.02974 6.42467C0.999981 6.06044 0.99999 5.61459 1 5.08044V4.91957C0.99999 4.38541 0.999981 3.93956 1.02974 3.57533C1.06078 3.19545 1.12789 2.83879 1.29973 2.50153C1.56338 1.98408 1.98408 1.56338 2.50153 1.29973C2.83879 1.12789 3.19545 1.06078 3.57533 1.02974C3.93956 0.999981 4.38541 0.99999 4.91957 1ZM3.69748 2.52476C3.41036 2.54822 3.27307 2.5901 3.18251 2.63624C2.94731 2.75608 2.75608 2.94731 2.63624 3.18251C2.5901 3.27307 2.54822 3.41036 2.52476 3.69748C2.50058 3.99336 2.5 4.37757 2.5 4.95V5.05C2.5 5.62243 2.50058 6.00664 2.52476 6.30252C2.54822 6.58965 2.5901 6.72693 2.63624 6.81749C2.75608 7.05269 2.94731 7.24392 3.18251 7.36376C3.27307 7.4099 3.41036 7.45178 3.69748 7.47524C3.99336 7.49942 4.37757 7.5 4.95 7.5H5.05C5.62243 7.5 6.00664 7.49942 6.30252 7.47524C6.58965 7.45178 6.72693 7.4099 6.81749 7.36376C7.05269 7.24392 7.24392 7.05269 7.36376 6.81749C7.4099 6.72693 7.45178 6.58965 7.47524 6.30252C7.49942 6.00664 7.5 5.62243 7.5 5.05V4.95C7.5 4.37757 7.49942 3.99336 7.47524 3.69748C7.45178 3.41036 7.4099 3.27307 7.36376 3.18251C7.24392 2.94731 7.05269 2.75608 6.81749 2.63624C6.72693 2.5901 6.58965 2.54822 6.30252 2.52476C6.00664 2.50058 5.62243 2.5 5.05 2.5H4.95C4.37757 2.5 3.99336 2.50058 3.69748 2.52476ZM14.9196 1H15.0804C15.6146 0.99999 16.0604 0.999981 16.4247 1.02974C16.8046 1.06078 17.1612 1.12789 17.4985 1.29973C18.0159 1.56338 18.4366 1.98408 18.7003 2.50153C18.8721 2.83879 18.9392 3.19545 18.9703 3.57533C19 3.93956 19 4.3854 19 4.91955V5.08045C19 5.6146 19 6.06044 18.9703 6.42467C18.9392 6.80456 18.8721 7.16121 18.7003 7.49847C18.4366 8.01592 18.0159 8.43662 17.4985 8.70027C17.1612 8.87211 16.8046 8.93922 16.4247 8.97026C16.0604 9.00002 15.6146 9.00001 15.0804 9H14.9196C14.3854 9.00001 13.9396 9.00002 13.5753 8.97026C13.1954 8.93922 12.8388 8.87211 12.5015 8.70027C11.9841 8.43662 11.5634 8.01592 11.2997 7.49847C11.1279 7.16121 11.0608 6.80456 11.0297 6.42467C11 6.06044 11 5.6146 11 5.08045V4.91955C11 4.3854 11 3.93956 11.0297 3.57533C11.0608 3.19545 11.1279 2.83879 11.2997 2.50153C11.5634 1.98408 11.9841 1.56338 12.5015 1.29973C12.8388 1.12789 13.1954 1.06078 13.5753 1.02974C13.9396 0.999981 14.3854 0.99999 14.9196 1ZM13.6975 2.52476C13.4104 2.54822 13.2731 2.5901 13.1825 2.63624C12.9473 2.75608 12.7561 2.94731 12.6362 3.18251C12.5901 3.27307 12.5482 3.41036 12.5248 3.69748C12.5006 3.99336 12.5 4.37757 12.5 4.95V5.05C12.5 5.62243 12.5006 6.00664 12.5248 6.30252C12.5482 6.58965 12.5901 6.72693 12.6362 6.81749C12.7561 7.05269 12.9473 7.24392 13.1825 7.36376C13.2731 7.4099 13.4104 7.45178 13.6975 7.47524C13.9934 7.49942 14.3776 7.5 14.95 7.5H15.05C15.6224 7.5 16.0066 7.49942 16.3025 7.47524C16.5896 7.45178 16.7269 7.4099 16.8175 7.36376C17.0527 7.24392 17.2439 7.05269 17.3638 6.81749C17.4099 6.72693 17.4518 6.58965 17.4752 6.30252C17.4994 6.00664 17.5 5.62243 17.5 5.05V4.95C17.5 4.37757 17.4994 3.99336 17.4752 3.69748C17.4518 3.41036 17.4099 3.27307 17.3638 3.18251C17.2439 2.94731 17.0527 2.75608 16.8175 2.63624C16.7269 2.5901 16.5896 2.54822 16.3025 2.52476C16.0066 2.50058 15.6224 2.5 15.05 2.5H14.95C14.3776 2.5 13.9934 2.50058 13.6975 2.52476ZM4.91955 11H5.08045C5.6146 11 6.06044 11 6.42467 11.0297C6.80456 11.0608 7.16121 11.1279 7.49847 11.2997C8.01592 11.5634 8.43662 11.9841 8.70027 12.5015C8.87211 12.8388 8.93922 13.1954 8.97026 13.5753C9.00002 13.9396 9.00001 14.3854 9 14.9196V15.0804C9.00001 15.6146 9.00002 16.0604 8.97026 16.4247C8.93922 16.8046 8.87211 17.1612 8.70027 17.4985C8.43662 18.0159 8.01592 18.4366 7.49847 18.7003C7.16121 18.8721 6.80456 18.9392 6.42467 18.9703C6.06044 19 5.6146 19 5.08045 19H4.91955C4.3854 19 3.93956 19 3.57533 18.9703C3.19545 18.9392 2.83879 18.8721 2.50153 18.7003C1.98408 18.4366 1.56338 18.0159 1.29973 17.4985C1.12789 17.1612 1.06078 16.8046 1.02974 16.4247C0.999981 16.0604 0.99999 15.6146 1 15.0804V14.9196C0.99999 14.3854 0.999981 13.9396 1.02974 13.5753C1.06078 13.1954 1.12789 12.8388 1.29973 12.5015C1.56338 11.9841 1.98408 11.5634 2.50153 11.2997C2.83879 11.1279 3.19545 11.0608 3.57533 11.0297C3.93956 11 4.3854 11 4.91955 11ZM3.69748 12.5248C3.41036 12.5482 3.27307 12.5901 3.18251 12.6362C2.94731 12.7561 2.75608 12.9473 2.63624 13.1825C2.5901 13.2731 2.54822 13.4104 2.52476 13.6975C2.50058 13.9934 2.5 14.3776 2.5 14.95V15.05C2.5 15.6224 2.50058 16.0066 2.52476 16.3025C2.54822 16.5896 2.5901 16.7269 2.63624 16.8175C2.75608 17.0527 2.94731 17.2439 3.18251 17.3638C3.27307 17.4099 3.41036 17.4518 3.69748 17.4752C3.99336 17.4994 4.37757 17.5 4.95 17.5H5.05C5.62243 17.5 6.00664 17.4994 6.30252 17.4752C6.58965 17.4518 6.72693 17.4099 6.81749 17.3638C7.05269 17.2439 7.24392 17.0527 7.36376 16.8175C7.4099 16.7269 7.45178 16.5896 7.47524 16.3025C7.49942 16.0066 7.5 15.6224 7.5 15.05V14.95C7.5 14.3776 7.49942 13.9934 7.47524 13.6975C7.45178 13.4104 7.4099 13.2731 7.36376 13.1825C7.24392 12.9473 7.05269 12.7561 6.81749 12.6362C6.72693 12.5901 6.58965 12.5482 6.30252 12.5248C6.00664 12.5006 5.62243 12.5 5.05 12.5H4.95C4.37757 12.5 3.99336 12.5006 3.69748 12.5248ZM14.9195 11H15.0805C15.6146 11 16.0604 11 16.4247 11.0297C16.8046 11.0608 17.1612 11.1279 17.4985 11.2997C18.0159 11.5634 18.4366 11.9841 18.7003 12.5015C18.8721 12.8388 18.9392 13.1954 18.9703 13.5753C19 13.9396 19 14.3854 19 14.9195V15.0805C19 15.6146 19 16.0604 18.9703 16.4247C18.9392 16.8046 18.8721 17.1612 18.7003 17.4985C18.4366 18.0159 18.0159 18.4366 17.4985 18.7003C17.1612 18.8721 16.8046 18.9392 16.4247 18.9703C16.0604 19 15.6146 19 15.0805 19H14.9195C14.3854 19 13.9396 19 13.5753 18.9703C13.1954 18.9392 12.8388 18.8721 12.5015 18.7003C11.9841 18.4366 11.5634 18.0159 11.2997 17.4985C11.1279 17.1612 11.0608 16.8046 11.0297 16.4247C11 16.0604 11 15.6146 11 15.0805V14.9195C11 14.3854 11 13.9396 11.0297 13.5753C11.0608 13.1954 11.1279 12.8388 11.2997 12.5015C11.5634 11.9841 11.9841 11.5634 12.5015 11.2997C12.8388 11.1279 13.1954 11.0608 13.5753 11.0297C13.9396 11 14.3854 11 14.9195 11ZM13.6975 12.5248C13.4104 12.5482 13.2731 12.5901 13.1825 12.6362C12.9473 12.7561 12.7561 12.9473 12.6362 13.1825C12.5901 13.2731 12.5482 13.4104 12.5248 13.6975C12.5006 13.9934 12.5 14.3776 12.5 14.95V15.05C12.5 15.6224 12.5006 16.0066 12.5248 16.3025C12.5482 16.5896 12.5901 16.7269 12.6362 16.8175C12.7561 17.0527 12.9473 17.2439 13.1825 17.3638C13.2731 17.4099 13.4104 17.4518 13.6975 17.4752C13.9934 17.4994 14.3776 17.5 14.95 17.5H15.05C15.6224 17.5 16.0066 17.4994 16.3025 17.4752C16.5896 17.4518 16.7269 17.4099 16.8175 17.3638C17.0527 17.2439 17.2439 17.0527 17.3638 16.8175C17.4099 16.7269 17.4518 16.5896 17.4752 16.3025C17.4994 16.0066 17.5 15.6224 17.5 15.05V14.95C17.5 14.3776 17.4994 13.9934 17.4752 13.6975C17.4518 13.4104 17.4099 13.2731 17.3638 13.1825C17.2439 12.9473 17.0527 12.7561 16.8175 12.6362C16.7269 12.5901 16.5896 12.5482 16.3025 12.5248C16.0066 12.5006 15.6224 12.5 15.05 12.5H14.95C14.3776 12.5 13.9934 12.5006 13.6975 12.5248Z",
-    fill: "#C5D3C5"
-  }));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tile = void 0;
+var Tile = exports.Tile = function Tile() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.91957 1H5.08044C5.61459 0.99999 6.06044 0.999981 6.42467 1.02974C6.80456 1.06078 7.16121 1.12789 7.49847 1.29973C8.01592 1.56338 8.43662 1.98408 8.70027 2.50153C8.87211 2.83879 8.93922 3.19545 8.97026 3.57533C9.00002 3.93957 9.00001 4.38542 9 4.91957V5.08043C9.00001 5.61459 9.00002 6.06044 8.97026 6.42467C8.93922 6.80456 8.87211 7.16121 8.70027 7.49847C8.43662 8.01592 8.01592 8.43662 7.49847 8.70027C7.16121 8.87211 6.80456 8.93922 6.42467 8.97026C6.06044 9.00002 5.61459 9.00001 5.08043 9H4.91957C4.38542 9.00001 3.93957 9.00002 3.57533 8.97026C3.19545 8.93922 2.83879 8.87211 2.50153 8.70027C1.98408 8.43662 1.56338 8.01592 1.29973 7.49847C1.12789 7.16121 1.06078 6.80456 1.02974 6.42467C0.999981 6.06044 0.99999 5.61459 1 5.08044V4.91957C0.99999 4.38541 0.999981 3.93956 1.02974 3.57533C1.06078 3.19545 1.12789 2.83879 1.29973 2.50153C1.56338 1.98408 1.98408 1.56338 2.50153 1.29973C2.83879 1.12789 3.19545 1.06078 3.57533 1.02974C3.93956 0.999981 4.38541 0.99999 4.91957 1ZM3.69748 2.52476C3.41036 2.54822 3.27307 2.5901 3.18251 2.63624C2.94731 2.75608 2.75608 2.94731 2.63624 3.18251C2.5901 3.27307 2.54822 3.41036 2.52476 3.69748C2.50058 3.99336 2.5 4.37757 2.5 4.95V5.05C2.5 5.62243 2.50058 6.00664 2.52476 6.30252C2.54822 6.58965 2.5901 6.72693 2.63624 6.81749C2.75608 7.05269 2.94731 7.24392 3.18251 7.36376C3.27307 7.4099 3.41036 7.45178 3.69748 7.47524C3.99336 7.49942 4.37757 7.5 4.95 7.5H5.05C5.62243 7.5 6.00664 7.49942 6.30252 7.47524C6.58965 7.45178 6.72693 7.4099 6.81749 7.36376C7.05269 7.24392 7.24392 7.05269 7.36376 6.81749C7.4099 6.72693 7.45178 6.58965 7.47524 6.30252C7.49942 6.00664 7.5 5.62243 7.5 5.05V4.95C7.5 4.37757 7.49942 3.99336 7.47524 3.69748C7.45178 3.41036 7.4099 3.27307 7.36376 3.18251C7.24392 2.94731 7.05269 2.75608 6.81749 2.63624C6.72693 2.5901 6.58965 2.54822 6.30252 2.52476C6.00664 2.50058 5.62243 2.5 5.05 2.5H4.95C4.37757 2.5 3.99336 2.50058 3.69748 2.52476ZM14.9196 1H15.0804C15.6146 0.99999 16.0604 0.999981 16.4247 1.02974C16.8046 1.06078 17.1612 1.12789 17.4985 1.29973C18.0159 1.56338 18.4366 1.98408 18.7003 2.50153C18.8721 2.83879 18.9392 3.19545 18.9703 3.57533C19 3.93956 19 4.3854 19 4.91955V5.08045C19 5.6146 19 6.06044 18.9703 6.42467C18.9392 6.80456 18.8721 7.16121 18.7003 7.49847C18.4366 8.01592 18.0159 8.43662 17.4985 8.70027C17.1612 8.87211 16.8046 8.93922 16.4247 8.97026C16.0604 9.00002 15.6146 9.00001 15.0804 9H14.9196C14.3854 9.00001 13.9396 9.00002 13.5753 8.97026C13.1954 8.93922 12.8388 8.87211 12.5015 8.70027C11.9841 8.43662 11.5634 8.01592 11.2997 7.49847C11.1279 7.16121 11.0608 6.80456 11.0297 6.42467C11 6.06044 11 5.6146 11 5.08045V4.91955C11 4.3854 11 3.93956 11.0297 3.57533C11.0608 3.19545 11.1279 2.83879 11.2997 2.50153C11.5634 1.98408 11.9841 1.56338 12.5015 1.29973C12.8388 1.12789 13.1954 1.06078 13.5753 1.02974C13.9396 0.999981 14.3854 0.99999 14.9196 1ZM13.6975 2.52476C13.4104 2.54822 13.2731 2.5901 13.1825 2.63624C12.9473 2.75608 12.7561 2.94731 12.6362 3.18251C12.5901 3.27307 12.5482 3.41036 12.5248 3.69748C12.5006 3.99336 12.5 4.37757 12.5 4.95V5.05C12.5 5.62243 12.5006 6.00664 12.5248 6.30252C12.5482 6.58965 12.5901 6.72693 12.6362 6.81749C12.7561 7.05269 12.9473 7.24392 13.1825 7.36376C13.2731 7.4099 13.4104 7.45178 13.6975 7.47524C13.9934 7.49942 14.3776 7.5 14.95 7.5H15.05C15.6224 7.5 16.0066 7.49942 16.3025 7.47524C16.5896 7.45178 16.7269 7.4099 16.8175 7.36376C17.0527 7.24392 17.2439 7.05269 17.3638 6.81749C17.4099 6.72693 17.4518 6.58965 17.4752 6.30252C17.4994 6.00664 17.5 5.62243 17.5 5.05V4.95C17.5 4.37757 17.4994 3.99336 17.4752 3.69748C17.4518 3.41036 17.4099 3.27307 17.3638 3.18251C17.2439 2.94731 17.0527 2.75608 16.8175 2.63624C16.7269 2.5901 16.5896 2.54822 16.3025 2.52476C16.0066 2.50058 15.6224 2.5 15.05 2.5H14.95C14.3776 2.5 13.9934 2.50058 13.6975 2.52476ZM4.91955 11H5.08045C5.6146 11 6.06044 11 6.42467 11.0297C6.80456 11.0608 7.16121 11.1279 7.49847 11.2997C8.01592 11.5634 8.43662 11.9841 8.70027 12.5015C8.87211 12.8388 8.93922 13.1954 8.97026 13.5753C9.00002 13.9396 9.00001 14.3854 9 14.9196V15.0804C9.00001 15.6146 9.00002 16.0604 8.97026 16.4247C8.93922 16.8046 8.87211 17.1612 8.70027 17.4985C8.43662 18.0159 8.01592 18.4366 7.49847 18.7003C7.16121 18.8721 6.80456 18.9392 6.42467 18.9703C6.06044 19 5.6146 19 5.08045 19H4.91955C4.3854 19 3.93956 19 3.57533 18.9703C3.19545 18.9392 2.83879 18.8721 2.50153 18.7003C1.98408 18.4366 1.56338 18.0159 1.29973 17.4985C1.12789 17.1612 1.06078 16.8046 1.02974 16.4247C0.999981 16.0604 0.99999 15.6146 1 15.0804V14.9196C0.99999 14.3854 0.999981 13.9396 1.02974 13.5753C1.06078 13.1954 1.12789 12.8388 1.29973 12.5015C1.56338 11.9841 1.98408 11.5634 2.50153 11.2997C2.83879 11.1279 3.19545 11.0608 3.57533 11.0297C3.93956 11 4.3854 11 4.91955 11ZM3.69748 12.5248C3.41036 12.5482 3.27307 12.5901 3.18251 12.6362C2.94731 12.7561 2.75608 12.9473 2.63624 13.1825C2.5901 13.2731 2.54822 13.4104 2.52476 13.6975C2.50058 13.9934 2.5 14.3776 2.5 14.95V15.05C2.5 15.6224 2.50058 16.0066 2.52476 16.3025C2.54822 16.5896 2.5901 16.7269 2.63624 16.8175C2.75608 17.0527 2.94731 17.2439 3.18251 17.3638C3.27307 17.4099 3.41036 17.4518 3.69748 17.4752C3.99336 17.4994 4.37757 17.5 4.95 17.5H5.05C5.62243 17.5 6.00664 17.4994 6.30252 17.4752C6.58965 17.4518 6.72693 17.4099 6.81749 17.3638C7.05269 17.2439 7.24392 17.0527 7.36376 16.8175C7.4099 16.7269 7.45178 16.5896 7.47524 16.3025C7.49942 16.0066 7.5 15.6224 7.5 15.05V14.95C7.5 14.3776 7.49942 13.9934 7.47524 13.6975C7.45178 13.4104 7.4099 13.2731 7.36376 13.1825C7.24392 12.9473 7.05269 12.7561 6.81749 12.6362C6.72693 12.5901 6.58965 12.5482 6.30252 12.5248C6.00664 12.5006 5.62243 12.5 5.05 12.5H4.95C4.37757 12.5 3.99336 12.5006 3.69748 12.5248ZM14.9195 11H15.0805C15.6146 11 16.0604 11 16.4247 11.0297C16.8046 11.0608 17.1612 11.1279 17.4985 11.2997C18.0159 11.5634 18.4366 11.9841 18.7003 12.5015C18.8721 12.8388 18.9392 13.1954 18.9703 13.5753C19 13.9396 19 14.3854 19 14.9195V15.0805C19 15.6146 19 16.0604 18.9703 16.4247C18.9392 16.8046 18.8721 17.1612 18.7003 17.4985C18.4366 18.0159 18.0159 18.4366 17.4985 18.7003C17.1612 18.8721 16.8046 18.9392 16.4247 18.9703C16.0604 19 15.6146 19 15.0805 19H14.9195C14.3854 19 13.9396 19 13.5753 18.9703C13.1954 18.9392 12.8388 18.8721 12.5015 18.7003C11.9841 18.4366 11.5634 18.0159 11.2997 17.4985C11.1279 17.1612 11.0608 16.8046 11.0297 16.4247C11 16.0604 11 15.6146 11 15.0805V14.9195C11 14.3854 11 13.9396 11.0297 13.5753C11.0608 13.1954 11.1279 12.8388 11.2997 12.5015C11.5634 11.9841 11.9841 11.5634 12.5015 11.2997C12.8388 11.1279 13.1954 11.0608 13.5753 11.0297C13.9396 11 14.3854 11 14.9195 11ZM13.6975 12.5248C13.4104 12.5482 13.2731 12.5901 13.1825 12.6362C12.9473 12.7561 12.7561 12.9473 12.6362 13.1825C12.5901 13.2731 12.5482 13.4104 12.5248 13.6975C12.5006 13.9934 12.5 14.3776 12.5 14.95V15.05C12.5 15.6224 12.5006 16.0066 12.5248 16.3025C12.5482 16.5896 12.5901 16.7269 12.6362 16.8175C12.7561 17.0527 12.9473 17.2439 13.1825 17.3638C13.2731 17.4099 13.4104 17.4518 13.6975 17.4752C13.9934 17.4994 14.3776 17.5 14.95 17.5H15.05C15.6224 17.5 16.0066 17.4994 16.3025 17.4752C16.5896 17.4518 16.7269 17.4099 16.8175 17.3638C17.0527 17.2439 17.2439 17.0527 17.3638 16.8175C17.4099 16.7269 17.4518 16.5896 17.4752 16.3025C17.4994 16.0066 17.5 15.6224 17.5 15.05V14.95C17.5 14.3776 17.4994 13.9934 17.4752 13.6975C17.4518 13.4104 17.4099 13.2731 17.3638 13.1825C17.2439 12.9473 17.0527 12.7561 16.8175 12.6362C16.7269 12.5901 16.5896 12.5482 16.3025 12.5248C16.0066 12.5006 15.6224 12.5 15.05 12.5H14.95C14.3776 12.5 13.9934 12.5006 13.6975 12.5248Z",
+    fill: "#C5D3C5"
+  }));
 };

package/dist/stories/ViewSwitch/img/TileLong.js

@@ -1,20 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TileLong = void 0;
-var TileLong = exports.TileLong = function TileLong() {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "20",
-    height: "20",
-    viewBox: "0 0 20 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    "fill-rule": "evenodd",
-    clipRule: "evenodd",
-    d: "M1 3.75C1 2.23122 2.23122 1 3.75 1H16.25C17.7688 1 19 2.23122 19 3.75V16.25C19 17.7688 17.7688 19 16.25 19H3.75C2.23122 19 1 17.7688 1 16.25V3.75ZM2.5 10.75V16.25C2.5 16.9404 3.05964 17.5 3.75 17.5H16.25C16.9404 17.5 17.5 16.9404 17.5 16.25V10.75H2.5ZM17.5 9.25H2.5V3.75C2.5 3.05964 3.05964 2.5 3.75 2.5H16.25C16.9404 2.5 17.5 3.05964 17.5 3.75V9.25Z",
-    fill: "#C5D3C5"
-  }));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TileLong = void 0;
+var TileLong = exports.TileLong = function TileLong() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    clipRule: "evenodd",
+    d: "M1 3.75C1 2.23122 2.23122 1 3.75 1H16.25C17.7688 1 19 2.23122 19 3.75V16.25C19 17.7688 17.7688 19 16.25 19H3.75C2.23122 19 1 17.7688 1 16.25V3.75ZM2.5 10.75V16.25C2.5 16.9404 3.05964 17.5 3.75 17.5H16.25C16.9404 17.5 17.5 16.9404 17.5 16.25V10.75H2.5ZM17.5 9.25H2.5V3.75C2.5 3.05964 3.05964 2.5 3.75 2.5H16.25C16.9404 2.5 17.5 3.05964 17.5 3.75V9.25Z",
+    fill: "#C5D3C5"
+  }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecomlab-components-next",
-  "version": "0.1.222",
+  "version": "0.1.223",
   "description": "A set of common and reusable React components",
   "main": "dist/index.js",
   "files": [