ecomlab-components-next 0.1.15 → 0.1.17

package/dist/components/Slider/SliderCarousel/SliderCarousel.scss

@@ -0,0 +1,86 @@
+.slider-carousel {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    // overflow: hidden;
+    position: relative;
+
+    .main-img {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        right: 0;
+        z-index: 0;
+
+        .img {
+            width: 100%;
+            height: 100%;
+            object-fit: contain;
+            transition: 0.5s;
+        }
+
+
+    }
+
+    &__img {
+        display: inline-block;
+        max-width: 100%;
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+    }
+
+    .img-container {
+        display: flex;
+        flex-direction: row !important;
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        right: 0;
+        left: 0;
+        z-index: 1;
+        opacity: 0;
+
+        .img-wrapper {
+            height: 100%;
+        }
+
+       
+    }
+
+     .no-photo {
+            display: block;
+            min-width: 68px;
+            max-width: 68px;
+            min-height: 68px;
+            max-height: 68px;
+        }
+
+    .points-group {
+        display: flex;
+        justify-content: center;
+        position: absolute;
+        top: calc(100% + 4px);
+        width: 100%;
+        height: 5px;
+        z-index: 2;
+
+        .point,
+        .point_active {
+            background-color: #b3bcc5;
+            border-radius: 50%;
+            height: 5px;
+            margin-left: 2px;
+            width: 5px;
+
+            &_active {
+                background-color: #005bff;
+            }
+        }
+    }
+}

package/dist/components/Slider/SliderCarousel/SliderCarousel.stories.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _SliderCarousel = _interopRequireDefault(require("./SliderCarousel"));
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _default = exports["default"] = {
+  title: 'Slider Carousel',
+  component: _SliderCarousel["default"],
+  args: {
+    imgArr: [{
+      photo: 'https://webpack.js.org/site-logo.c0e60df418e04f58.svg',
+      alt: 'alt'
+    }, {
+      photo: 'https://assets.cdn.personio.de/career-site/header/43501/28ed0d8a9de664d5fdcd5314facf8b51png',
+      alt: 'alt'
+    }, {
+      photo: 'https://www.rollingstone.com/wp-content/uploads/2018/06/rs-186804-peripheryjeremysaffer.jpg',
+      alt: 'alt'
+    }]
+  }
+};
+var Default = exports.Default = {};

package/dist/components/Slider/SliderCarousel/img/no_image.svg

@@ -0,0 +1,3 @@
+<svg width="69" height="69" viewBox="0 0 69 69" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M68.8399 3.62837L65.3716 0.160034L0.159912 65.3717L3.62825 68.84L8.53397 63.9343H59.0285C60.329 63.9324 61.5756 63.4149 62.4952 62.4953C63.4148 61.5757 63.9323 60.3291 63.9342 59.0286V8.53409L68.8399 3.62837ZM59.0285 59.0286H13.4397L32.5548 39.9135L38.3901 45.7488C39.3101 46.6685 40.5577 47.1852 41.8585 47.1852C43.1593 47.1852 44.4069 46.6685 45.3268 45.7488L49.2171 41.8586L59.0285 51.6627V59.0286ZM59.0285 44.7235L52.6854 38.3805C51.7654 37.4608 50.5179 36.9441 49.2171 36.9441C47.9162 36.9441 46.6687 37.4608 45.7487 38.3805L41.8585 42.2707L36.028 36.4402L59.0285 13.4398V44.7235ZM9.97134 49.2172V41.8586L22.2356 29.6017L25.6034 32.9719L29.0766 29.4987L25.704 26.126C24.784 25.2063 23.5364 24.6897 22.2356 24.6897C20.9348 24.6897 19.6872 25.2063 18.7673 26.126L9.97134 34.9219V9.97146H49.2171V5.06575H9.97134C8.67066 5.06705 7.42363 5.58432 6.50391 6.50403C5.58419 7.42375 5.06693 8.67079 5.06563 9.97146V49.2172H9.97134Z" fill="grey"/>
+</svg>

package/dist/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "AdvantagesBlock", {
     return _AdvantagesBlock["default"];
   }
 });
+Object.defineProperty(exports, "ArticlesBlock", {
+  enumerable: true,
+  get: function get() {
+    return _ArticlesBlock["default"];
+  }
+});
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function get() {
@@ -66,4 +72,5 @@ var _PhoneBlock = _interopRequireDefault(require("./components/ConstructorCompon
 var _Questions = _interopRequireDefault(require("./components/ConstructorComponents/Questions/Questions"));
 var _TariffPlan = _interopRequireDefault(require("./components/ConstructorComponents/Tariff/TariffPlan"));
 var _VideoBlock = _interopRequireDefault(require("./components/ConstructorComponents/VideoBlock/VideoBlock"));
+var _ArticlesBlock = _interopRequireDefault(require("./components/ConstructorComponents/ArticlesBlock/ArticlesBlock"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecomlab-components-next",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "description": "A set of common and reusable React components",
   "main": "dist/index.js",
   "files": [
@@ -42,8 +42,10 @@
     "eslint": "^9",
     "eslint-config-next": "15.1.5",
     "eslint-plugin-storybook": "^0.11.2",
+    "html-react-parser": "^5.2.2",
     "sass": "^1.55.0",
     "storybook": "^8.5.0"
+
   },
   "eslintConfig": {
     "extends": [