intelicoreact 1.5.38 → 1.5.41

package/dist/Atomic/UI/NavLine/NavLine.scss

@@ -1,262 +1,222 @@
-.nav-line-wrapper {
-  // Colors
-  --nav-line-bg: #f7fafc;
-  --nav-line-text: #1e1e2d;
-  --nav-line-active: #6b81dd;
-  --nav-line-border: #cfcfcf;
-  --nav-line-arrow: #424242;
-  --nav-line-arrow-shadow: #ddd;
-  --nav-line-white: #fff;
-
-  // Sizes
-  --nav-line-font-size: 13px;
-  --nav-line-icon-size: 17px;
-  --nav-line-arrow-size: 24px;
-  --nav-line-arrow-width: 36px;
-  --nav-line-arrow-height: 39px;
-
-  // Spacing
-  --nav-line-padding: 10px;
-  --nav-line-body-padding: 24px 32px;
-  --nav-line-margin: -32px;
-
-  // Animation
-  --nav-line-transition-duration: 0.3s;
-  --nav-line-transition-timing: ease;
-
-  .nav-line {
-    &__content {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-    &__inner {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: flex-start;
-      align-items: center;
-
-      background-color: var(--nav-line-bg);
-
-      transition: transform var(--nav-line-transition-duration) var(--nav-line-transition-timing);
-    }
-
-    &__item {
-      margin-bottom: -1px;
-      padding: var(--nav-line-padding);
+.nav-line {
+  &__inner {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-items: center;
+
+    background-color: #f7fafc;
+  }
 
-      font-size: var(--nav-line-font-size);
-      cursor: pointer;
-      user-select: none;
+  &__item {
+    margin-bottom: -1px;
+    padding: 10px;
 
-      color: var(--nav-line-text);
-      border-top: 2px solid transparent;
-      border-right: 1px solid transparent;
-      border-left: 1px solid transparent;
+    font-size: 13px;
+    cursor: pointer;
+    user-select: none;
 
-      transition: all var(--nav-line-transition-duration) var(--nav-line-transition-timing);
+    color: #1e1e2d;
+    border-top: 2px solid transparent;
+    border-right: 1px solid transparent;
+    border-left: 1px solid transparent;
 
-      &--label {
-        text-transform: uppercase;
-      }
+    &--label {
+      text-transform: uppercase;
+    }
 
-      &--icon {
-        display: flex;
-        align-items: center;
+    &--icon {
+      display: flex;
+      align-items: center;
 
-        margin-right: 5px;
+      margin-right: 5px;
 
-        svg {
-          width: var(--nav-line-icon-size);
-          height: var(--nav-line-icon-size);
-        }
+      svg {
+        width: 17px;
+        height: 17px;
       }
+    }
 
-      &.active {
-        font-weight: 500;
-        cursor: default;
-        text-decoration: none;
-
-        color: var(--nav-line-active);
-        border-top: 2px solid var(--nav-line-active);
-        border-right: 1px solid var(--nav-line-border);
-        border-left: 1px solid var(--nav-line-border);
-        background: var(--nav-line-white);
+    &.active {
+      font-weight: 500;
+      cursor: default;
+      text-decoration: none;
 
-        transition: all var(--nav-line-transition-duration) var(--nav-line-transition-timing);
-      }
+      color: #6b81dd;
+      border-top: 2px solid #6b81dd;
+      border-right: 1px solid #cfcfcf;
+      border-left: 1px solid #cfcfcf;
+      background: #fff;
     }
+  }
 
-    &__body {
-      position: relative;
-      bottom: 0;
+  &__body {
+    position: relative;
+    bottom: 0;
 
-      display: flex;
-      flex-wrap: wrap;
+    display: flex;
+    flex-wrap: wrap;
 
-      margin-right: var(--nav-line-margin);
-      margin-left: var(--nav-line-margin);
-      padding: var(--nav-line-body-padding);
+    margin-right: -32px;
+    margin-left: -32px;
+    padding: 24px 32px;
 
-      font-size: var(--nav-line-font-size);
+    font-size: 13px;
 
-      border-top: 1px solid var(--nav-line-border);
-      background-color: var(--nav-line-bg);
+    border-top: 1px solid #cfcfcf;
+    background-color: #f7fafc;
 
-      &:empty {
-        padding: 0 32px;
-      }
+    &:empty {
+      padding: 0 32px;
     }
+  }
 
-    &--scroll-mode {
-      position: relative;
+  &--scroll-mode {
+    position: relative;
 
-      .nav-line--simple__inner {
-        overflow: hidden;
-        flex-wrap: nowrap;
-      }
+    .nav-line--simple__inner {
+      overflow: hidden;
+      flex-wrap: nowrap;
+    }
 
-      .nav-line--simple__item {
-        flex-wrap: nowrap;
+    .nav-line--simple__item {
+      flex-wrap: nowrap;
 
-        white-space: nowrap;
-      }
+      white-space: nowrap;
     }
   }
+}
 
-  .nav-line--simple {
-    &__inner {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: flex-start;
-      align-items: center;
-
-      padding-left: 8px;
+.nav-line--simple {
+  &__inner {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-items: center;
 
-      transition: transform var(--nav-line-transition-duration) var(--nav-line-transition-timing);
-    }
+    padding-left: 8px;
+  }
 
-    &__item {
-      position: relative;
+  &__item {
+    position: relative;
 
-      display: flex;
-      justify-content: center;
-      align-items: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 
-      margin-bottom: -1px;
-      padding: var(--nav-line-padding) var(--nav-line-padding) 14px;
+    margin-bottom: -1px;
+    padding: 10px 10px 14px;
 
-      font-size: var(--nav-line-font-size);
-      cursor: pointer;
-      user-select: none;
-      text-decoration: none !important;
+    font-size: 13px;
+    cursor: pointer;
+    user-select: none;
+    text-decoration: none !important;
 
-      color: var(--nav-line-text);
-      border-bottom: 1px solid var(--nav-line-border);
+    color: #1e1e2d;
+    border-bottom: 1px solid #cfcfcf;
 
-      transition: all var(--nav-line-transition-duration) var(--nav-line-transition-timing);
+    transition: all 0.2s ease-out;
 
-      &::after {
-        position: absolute;
-        bottom: 0;
-        left: 50%; // Центрируем полоску
+    &::after {
+      position: absolute;
+      bottom: 0;
 
-        width: 0;
-        height: 2px;
+      width: 0;
+      height: 2px;
 
-        content: '';
+      content: "";
 
-        background-color: var(--nav-line-active);
+      background-color: #6b81dd;
 
-        transition: all var(--nav-line-transition-duration) var(--nav-line-transition-timing);
-        transform: translateX(-50%); // Выравниваем относительно центра
-      }
+      transition: all 0.2s ease-out;
+    }
 
-      &:hover {
-        &::after {
-          width: 50%;
+    &:hover {
+      &::after {
+        width: 50%;
 
-          opacity: 0.6;
-        }
+        opacity: 0.6;
       }
+    }
 
-      &.active {
-        font-weight: 500;
-        cursor: default;
+    &.active {
+      font-weight: 500;
+      cursor: default;
 
-        opacity: 1;
+      opacity: 1;
 
-        &::after {
-          width: 100%;
+      &::after {
+        left: 0;
+
+        width: 100%;
 
-          opacity: 1;
-        }
+        opacity: 1;
       }
     }
+  }
 
-    &__arrow {
-      position: absolute;
-      z-index: 2;
+  &__arrow {
+    position: absolute;
+    z-index: 2;
 
-      display: flex;
-      justify-content: center;
-      align-items: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 
-      box-sizing: border-box;
-      width: var(--nav-line-arrow-width);
-      height: var(--nav-line-arrow-height);
+    box-sizing: border-box;
+    width: 36px;
+    height: 39px;
 
-      color: var(--nav-line-arrow);
-      background: var(--nav-line-white);
+    color: #424242;
+    background: #fff;
 
-      transition: all var(--nav-line-transition-duration) var(--nav-line-transition-timing);
+    transition: all 0.5s;
 
-      &:hover {
-        cursor: pointer;
-      }
-
-      &--prev {
-        top: 0;
-        left: 0;
+    &:hover {
+      cursor: pointer;
+    }
 
-        border-radius: 8px 0 0 8px;
-        box-shadow: 10px 0 10px -5px var(--nav-line-arrow-shadow);
+    &--prev {
+      top: 0;
+      left: 0;
 
-        transform: translate(-100%, -2px);
-      }
+      border-radius: 8px 0 0 8px;
+      box-shadow: 10px 0 10px -5px #ddd;
 
-      &--next {
-        top: 0;
-        right: 0;
+      transform: translate(-100%, -2px);
+    }
 
-        border-radius: 0 8px 8px 0;
-        box-shadow: -10px 0 10px -5px var(--nav-line-arrow-shadow);
+    &--next {
+      top: 0;
+      right: 0;
 
-        transform: translate(100%, -2px);
-      }
+      border-radius: 0 8px 8px 0;
+      box-shadow: -10px 0 10px -5px #ddd;
 
-      svg {
-        width: var(--nav-line-arrow-size);
-        height: var(--nav-line-arrow-size);
-      }
+      transform: translate(100%, -2px);
     }
 
-    &__body {
-      padding: 15px 10px;
-
-      font-size: var(--nav-line-font-size);
+    svg {
+      width: 24px;
+      height: 24px;
     }
   }
 
-  .nav-line-count {
-    margin-left: 5px;
-  }
+  &__body {
+    padding: 15px 10px;
 
-  .post-log-tab__body {
-    background-color: var(--nav-line-bg);
+    font-size: 13px;
   }
+}
 
-  .nav-line__item--hidden {
-    display: none;
-  }
+.nav-line-count {
+  margin-left: 5px;
+}
+
+.post-log-tab__body {
+  background-color: #f7fafc;
+}
+
+.nav-line__item--hidden {
+  display: none;
 }

package/dist/Atomic/UI/NavLine/Tabs.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  activeTab: "",
+  initialTab: "",
+  variant: "simple",
+  isNavigateByKeys: true,
+  items: [{
+    tabId: "",
+    label: "All Industries"
+  }, {
+    tabId: 1,
+    label: "Doors"
+  }, {
+    tabId: 2,
+    label: "Flooring"
+  }, {
+    tabId: 3,
+    label: "Home Automation"
+  }, {
+    tabId: 4,
+    label: "HVAC"
+  }, {
+    tabId: 5,
+    label: "Pools and Spas"
+  }, {
+    tabId: 6,
+    label: "Roofing"
+  }, {
+    tabId: 7,
+    label: "Solar systems"
+  }, {
+    tabId: 8,
+    label: "Termite tenting"
+  }, {
+    tabId: 9,
+    label: "Water filtration"
+  }, {
+    tabId: 10,
+    label: "Water heaters"
+  }, {
+    tabId: 11,
+    label: "Windows"
+  }, {
+    tabId: 12,
+    label: "Audiology"
+  }, {
+    tabId: 13,
+    label: "Chiropractic"
+  }, {
+    tabId: 14,
+    label: "Cosmetic Surgery"
+  }, {
+    tabId: 15,
+    label: "Dental"
+  }, {
+    tabId: 16,
+    label: "Dermatology"
+  }, {
+    tabId: 17,
+    label: "Medical Devices"
+  }, {
+    tabId: 18,
+    label: "Non-invasive Cosmetics"
+  }, {
+    tabId: 19,
+    label: "Optometry"
+  }, {
+    tabId: 20,
+    label: "Vision"
+  }, {
+    tabId: 21,
+    label: "Weight Loss"
+  }, {
+    tabId: 22,
+    label: "Appliances"
+  }, {
+    tabId: 23,
+    label: "Electronics"
+  }, {
+    tabId: 24,
+    label: "Furniture"
+  }, {
+    tabId: 25,
+    label: "Mattress"
+  }, {
+    tabId: 26,
+    label: "Jewelry"
+  }, {
+    tabId: 27,
+    label: "Dog Training"
+  }, {
+    tabId: 28,
+    label: "Pet Retail"
+  }, {
+    tabId: 29,
+    label: "Veterinary"
+  }, {
+    tabId: 30,
+    label: "Coaching"
+  }, {
+    tabId: 31,
+    label: "Funeral"
+  }, {
+    tabId: 32,
+    label: "Legal"
+  }, {
+    tabId: 33,
+    label: "Tax resolution"
+  }]
+};

package/dist/Atomic/UI/PageTitle/PageTitle.js

@@ -1,77 +1,56 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _reactfeather = require("react-feather");
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactFeather = require("react-feather");
 require("./PageTitle.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const RC = 'page-title';
-const PageTitle = ({ title, pages, children, testId = RC })=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        "data-testid": testId,
-        className: RC,
-        role: "region",
-        "aria-label": title,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: `${RC}__wrap`,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("h1", {
-                        className: `${RC}__title`,
-                        children: title
-                    }),
-                    pages.length > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)("nav", {
-                        className: `${RC}__pages`,
-                        "aria-label": "Breadcrumb",
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("ol", {
-                            className: `${RC}__list`,
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("li", {
-                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("a", {
-                                        className: `${RC}__link`,
-                                        href: "/",
-                                        "aria-label": "Home page",
-                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Home, {
-                                            "aria-hidden": "true"
-                                        })
-                                    })
-                                }),
-                                pages.map(({ name, path }, index)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("li", {
-                                        children: [
-                                            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                                                className: `${RC}__delimiter`,
-                                                "aria-hidden": "true",
-                                                children: "/"
-                                            }),
-                                            pages.length - 1 === index ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                                                className: (0, _classnames.default)(`${RC}__link`, `${RC}__link_last`),
-                                                "aria-current": "page",
-                                                children: name
-                                            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("a", {
-                                                className: `${RC}__link`,
-                                                href: path,
-                                                children: name
-                                            })
-                                        ]
-                                    }, path))
-                            ]
-                        })
-                    })
-                ]
-            }),
-            children
-        ]
-    });
-const _default = PageTitle;
+// TODO: change when there will be routes
+// import { Link } from 'react-router-dom';
+
+const RC = "page-title";
+const PageTitle = _ref => {
+  let {
+    title,
+    pages,
+    children,
+    testId = RC
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
+    className: RC
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${RC}__wrap`
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: `${RC}__title`
+  }, title), pages.length && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${RC}__pages`
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    className: `${RC}__link`,
+    href: "/"
+  }, /*#__PURE__*/_react.default.createElement(_reactFeather.Home, null)), pages.map((_ref2, index) => {
+    let {
+      name,
+      path
+    } = _ref2;
+    return pages.length - 1 === index ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: index
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: `${RC}__delimiter`
+    }, "/"), /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _classnames.default)(`${RC}__link`, `${RC}__link_last`)
+    }, name)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: index
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: `${RC}__delimiter`
+    }, "/"), /*#__PURE__*/_react.default.createElement("a", {
+      className: `${RC}__link`,
+      href: path
+    }, name));
+  }))), children);
+};
+var _default = exports.default = PageTitle;