ecomlab-components-next 0.1.237 → 0.1.238

package/dist/stories/InputDynamicWidth/InputDynamicWidth.scss

@@ -1,98 +0,0 @@
-.input-dynamic-width-bar {
-    position: relative;
-    display: flex;
-    width: fit-content;
-    //  overflow: hidden;
-
-    &__search,
-    &__search_active {
-        position: relative;
-        width: 40px;
-        height: 40px;
-        border-radius: 8px;
-        padding: 10px;
-        transition-duration: 1000ms;
-        cursor: pointer;
-        background-repeat: no-repeat;
-        font-size: 14px;
-        color: transparent;
-        border: 1px solid #fff;
-        overflow: hidden;
-        background-image: url('./img/search_icon.svg');
-        background-color: white;
-        background-size: 16px;
-        background-position: left 12px center;
-        padding-left: 40px;
-        padding-right: 0;
-        transition: 0s;
-        color: #0B110B;
-        font-family: NunitoSans;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 16px;
-
-        &:hover {
-            transition: 0.5s;
-            background-color: #F3F3F3;
-        }
-
-        &_active {
-            transition: 1s;
-            width: 100%;
-            max-width: 400px;
-            cursor: pointer;
-            padding-left: 16px;
-            color: #3B2C37;
-            font-family: Montserrat;
-            font-size: 14px;
-            font-style: normal;
-            font-weight: 500;
-            line-height: normal;
-            outline: none;
-            padding-left: 40px;
-            padding-right: 40px;
-            box-shadow: 0px 2px 8px 0px rgba(236, 234, 249, 0.60);
-
-            &:hover {
-                transition: 0.5s;
-                background-color: #fff
-            }
-        }
-
-        &::placeholder {
-            color: #94A3B8;
-        }
-    }
-
-    &__btn_close {
-        border: none;
-        background-color: inherit;
-        position: absolute;
-        top: 12px;
-        right: 12px;
-        cursor: pointer;
-    }
-
-    @keyframes showDiv {
-
-        0%,
-        99% {
-            display: none;
-        }
-
-        100% {
-            display: flex;
-        }
-    }
-
-}
-
-@media (max-width: 430px) {
-    .input-dynamic-width-bar {
-        &__search,
-        &__search_active {
-            font-size: 16px;
-        }
-    }
-}

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

@@ -1,32 +0,0 @@
-"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/InputDynamicWidth/img/close_icon.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5303 4.53033C12.8232 4.23744 12.8232 3.76256 12.5303 3.46967C12.2374 3.17678 11.7626 3.17678 11.4697 3.46967L8 6.93934L4.53033 3.46967C4.23744 3.17678 3.76256 3.17678 3.46967 3.46967C3.17678 3.76256 3.17678 4.23744 3.46967 4.53033L6.93934 8L3.46967 11.4697C3.17678 11.7626 3.17678 12.2374 3.46967 12.5303C3.76256 12.8232 4.23744 12.8232 4.53033 12.5303L8 9.06066L11.4697 12.5303C11.7626 12.8232 12.2374 12.8232 12.5303 12.5303C12.8232 12.2374 12.8232 11.7626 12.5303 11.4697L9.06066 8L12.5303 4.53033Z" fill="#0B110B"/>
-</svg>

package/dist/stories/InputDynamicWidth/img/search_icon.svg

@@ -1,6 +0,0 @@
-<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group 418">
-<circle id="Ellipse 999" cx="6.5" cy="6.5" r="5.5" stroke="#0B110B" stroke-width="2"/>
-<path id="Vector 141" d="M12.2929 14.7071C12.6834 15.0976 13.3166 15.0976 13.7071 14.7071C14.0976 14.3166 14.0976 13.6834 13.7071 13.2929L12.2929 14.7071ZM9.29289 11.7071L12.2929 14.7071L13.7071 13.2929L10.7071 10.2929L9.29289 11.7071Z" fill="#0B110B"/>
-</g>
-</svg>

package/dist/stories/NoArticles/NoArticles.js

@@ -1,29 +0,0 @@
-"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.scss

@@ -1,26 +0,0 @@
-.no-articles {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width: 100%;
-    gap: 60px;
-    padding: 0px 40px;
-
-    .text_articles {
-        color: #0F172A;
-        text-align: center;
-        font-family: Montserrat;
-        font-size: 20px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 30px;
-        letter-spacing: -0.2px;
-        width: 60%;
-    }
-
-    .img_banner {
-        width: 100%;
-        max-width: 270px;
-        height: auto;
-    }
-}

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

@@ -1,20 +0,0 @@
-"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 = {};