intelicoreact 1.3.21 → 1.3.23

package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.scss

@@ -5,19 +5,24 @@ $triggerWidth: 20px;
 $lineHeight: 4px;
 
 @keyframes shake {
-  10%, 90% {
+  10%,
+  90% {
     transform: translate3d(-1px, 0, 0);
   }
 
-  20%, 80% {
+  20%,
+  80% {
     transform: translate3d(1px, 0, 0);
   }
 
-  30%, 50%, 70% {
+  30%,
+  50%,
+  70% {
     transform: translate3d(-2px, 0, 0);
   }
 
-  40%, 60% {
+  40%,
+  60% {
     transform: translate3d(2px, 0, 0);
   }
 }
@@ -31,16 +36,18 @@ $lineHeight: 4px;
   margin-top: 16px;
 
   .collision {
-    z-index: 1;
     position: absolute;
-    height: 4px;
-    width: 0;
+    z-index: 1;
     top: calc($triggerHeight / 2 - 2px);
+
+    width: 0;
+    height: 4px;
+
     font-size: 0;
-    background: #f06d8d;
-    border-radius: 5px;
+
     opacity: 0;
     border-radius: 5px;
+    background: #f06d8d;
 
     &--visible {
       opacity: 1;
@@ -48,6 +55,7 @@ $lineHeight: 4px;
 
     &--left {
       left: calc($triggerWidth / 2);
+
       transform: translateX(-100%);
     }
 
@@ -57,17 +65,18 @@ $lineHeight: 4px;
 
     &--both {
       left: calc($triggerWidth / 2);
+
       transform: translateX(-50%);
     }
   }
 
   &__track {
     position: relative;
-    box-sizing: border-box;
 
     display: flex;
     align-items: center;
 
+    box-sizing: border-box;
     height: $triggerHeight;
 
     &__line {
@@ -83,19 +92,24 @@ $lineHeight: 4px;
 
       &__dividers {
         display: flex;
+
         height: 100%;
 
         &--item {
           position: relative;
+
           box-sizing: border-box;
           width: 100%;
 
           &:not(:last-child)::after {
-            content: "";
             position: absolute;
-            width: 2px;
             right: -1px;
+
+            width: 2px;
             height: 100%;
+
+            content: "";
+
             background: #ffffff66;
           }
         }
@@ -106,13 +120,16 @@ $lineHeight: 4px;
         &--max {
           position: absolute;
           bottom: 0;
-          transform: translateY(-22px);
-          font-family: 'Roboto';
-          font-style: normal;
-          font-weight: 400;
+
+          font-family: "Roboto";
           font-size: 13px;
+          font-weight: 400;
+          font-style: normal;
           line-height: 20px;
-          color: #1E1E2D;
+
+          color: #1e1e2d;
+
+          transform: translateY(-22px);
         }
 
         &--min {
@@ -128,26 +145,30 @@ $lineHeight: 4px;
     &__range {
       &-triggers {
         position: absolute;
+        left: 0;
 
-        height: 100%;
         width: 100%;
-        left: 0;
+        height: 100%;
 
         &--add-trigger {
           position: absolute;
           z-index: 1;
-          transform: translateX(-50%);
+
           display: flex;
+
           opacity: 0;
+
           transition: opacity 0.3s;
+          transform: translateX(-50%);
 
           &--fixed {
-            opacity: 1!important;
-            z-index: 999!important;
+            z-index: 999 !important;
+
+            opacity: 1 !important;
           }
 
           &--force-visible {
-            opacity: 1!important;
+            opacity: 1 !important;
           }
 
           &--moved-smoothly {
@@ -155,68 +176,85 @@ $lineHeight: 4px;
           }
 
           &__point {
-            display: flex;
-            z-index: 3;
             position: relative;
-            margin: 0 auto;
+            z-index: 3;
+
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            box-sizing: border-box;
             width: 20px;
             height: 20px;
-            background: #f4f6ff;
+            margin: 0 auto;
+
+            cursor: pointer;
+
             border: 1px solid #6b81dd;
             border-radius: 50%;
-            box-sizing: border-box;
+            background: #f4f6ff;
             box-shadow: 0 4px 4px 0 #0000001a;
-            align-items: center;
-            justify-content: center;
-            cursor: pointer;
+
             transition: opacity 0.5s;
 
             svg {
               position: relative;
-              height: 16px;
+
               width: 16px;
-              color: #6b81dd;
+              height: 16px;
+
               cursor: pointer;
+
+              color: #6b81dd;
             }
 
             &:before {
-              content: attr(data-point-value);
               position: absolute;
               top: calc(-100% - 13px);
-              white-space: nowrap;
-              font-family: 'Roboto';
-              font-style: normal;
-              font-weight: 400;
+
+              font-family: "Roboto";
               font-size: 13px;
+              font-weight: 400;
+              font-style: normal;
               line-height: 20px;
-              color: #9AA0B9;
+              content: attr(data-point-value);
+              white-space: nowrap;
+
+              color: #9aa0b9;
             }
 
             &--shake {
-              animation: shake 0.7s cubic-bezier(.36,.07,.19,.97) both;
+              animation: shake 0.7s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
             }
           }
 
           &__settings {
+            position: absolute;
+            z-index: 999;
+
             display: flex;
             flex-direction: column;
             justify-content: center;
             align-items: center;
+
+            min-width: 125px;
             padding: 2px;
-            background: #ffffff;
-            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15), 0px 4px 4px rgba(0, 0, 0, 0.05);
+
             border-radius: 3px;
-            min-width: 125px;
-            position: absolute;
-            z-index: 999;
+            background: #ffffff;
+            box-shadow:
+              0px 0px 2px rgba(0, 0, 0, 0.15),
+              0px 4px 4px rgba(0, 0, 0, 0.05);
+
             transform: translate(calc(-50% + $triggerWidth / 2), 0px);
 
             &-body {
-              width: 100%;
               display: flex;
               flex-direction: row;
               justify-content: space-between;
               align-items: center;
+
+              width: 100%;
               margin-bottom: 4px;
 
               &--assign-left,
@@ -225,17 +263,20 @@ $lineHeight: 4px;
                 flex-direction: row;
                 justify-content: center;
                 align-items: center;
+
+                box-sizing: border-box;
                 width: 22px;
                 height: 24px;
-                background: #f4f6ff;
-                border-radius: 3px;
+
                 cursor: pointer;
-                box-sizing: border-box;
+
+                border-radius: 3px;
+                background: #f4f6ff;
 
                 &[attr-is-active="true"] {
-                  background: #e2e6f8;
                   border: 1px solid #6b81dd;
                   border-radius: 3px;
+                  background: #e2e6f8;
                 }
 
                 svg {
@@ -247,30 +288,34 @@ $lineHeight: 4px;
               &--lenders-count {
                 font-size: 13px;
                 line-height: 20px;
+
                 color: #1e1e2d;
               }
             }
 
             &-actions {
-              width: 100%;
               display: flex;
               flex-direction: row;
               justify-content: space-between;
 
+              width: 100%;
+
               &--cancel,
               &--apply {
                 width: calc(100% - 4px);
+
                 font-size: 11px;
                 line-height: 20px;
+                cursor: pointer;
                 text-align: center;
+
                 color: #6b81dd;
-                cursor: pointer;
               }
 
               &--apply {
-                background: #6b81dd;
-                border-radius: 3px;
                 color: #ffffff;
+                border-radius: 3px;
+                background: #6b81dd;
               }
             }
           }
@@ -284,8 +329,10 @@ $lineHeight: 4px;
           position: absolute;
           z-index: 3;
           top: 50%;
+
           width: $triggerWidth;
           height: $triggerHeight;
+
           transform: translate(-50%, -50%);
 
           &__moving {
@@ -299,46 +346,56 @@ $lineHeight: 4px;
           &__point {
             position: absolute;
             z-index: 10;
+
             box-sizing: border-box;
             width: $triggerWidth;
             height: $triggerHeight;
+
             cursor: move;
 
+            border: 1px solid #ffffff;
             border-radius: 50%;
             background: #6b81dd;
-            border: 1px solid #ffffff;
             box-shadow: 0px 4px 6px rgb(0 0 0 / 20%);
 
             &:before {
-              content: attr(data-point-value);
               position: absolute;
               top: calc(-100% - 13px);
               left: 9px;
-              transform: translateX(-50%);
-              white-space: nowrap;
+
               width: fit-content;
-              font-family: 'Roboto';
-              font-style: normal;
-              font-weight: 400;
+
+              font-family: "Roboto";
               font-size: 13px;
+              font-weight: 400;
+              font-style: normal;
               line-height: 20px;
-              color: #1E1E2D;
+              content: attr(data-point-value);
+              white-space: nowrap;
+
+              color: #1e1e2d;
+
+              transform: translateX(-50%);
             }
 
             &:after {
-              content: '';
               position: absolute;
-              background: #e2e6f8;
+              top: 50%;
+              left: 50%;
+
               width: 50%;
               height: 50%;
+
+              content: "";
+
               border-radius: 50%;
-              left: 50%;
-              top: 50%;
+              background: #e2e6f8;
+
               transform: translate(-50%, -50%);
             }
 
             &--shake {
-              animation: shake 0.7s cubic-bezier(.36,.07,.19,.97) both;
+              animation: shake 0.7s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
             }
           }
 
@@ -347,38 +404,46 @@ $lineHeight: 4px;
           }
 
           &__actions {
-            opacity: 0;
-            z-index: 9;
-            box-sizing: border-box;
-            display: flex;
-            align-items: center;
-            justify-content: center;
             position: absolute;
+            z-index: 9;
             top: 0;
             left: 0;
-            height: 0;
+
+            display: flex;
+            overflow: hidden;
+            justify-content: center;
+            align-items: flex-end;
+
+            box-sizing: border-box;
             width: $triggerWidth;
-            background: #FFF4F7;
-            border: 1px solid #FFFFFF;
-            box-shadow: 0px 2px 2px rgb(0 0 0 / 5%);
+            height: 0;
+
+            opacity: 0;
+            border: 1px solid #ffffff;
             border-radius: 16px;
-            align-items: flex-end;
-            overflow: hidden;
+            background: #fff4f7;
+            box-shadow: 0px 2px 2px rgb(0 0 0 / 5%);
+
             transition: all 0.3s;
 
             &--hidden {
-              height: 0!important;
+              height: 0 !important;
             }
 
             &--remove {
+              position: relative;
+
               display: flex;
-              align-items: center;
               justify-content: center;
+              align-items: center;
+
               width: 20px;
               height: 20px;
-              color: #f06d8d;
+
               cursor: pointer;
-              position: relative;
+
+              color: #f06d8d;
+
               transition: margin 0.5s;
 
               &[is-hidden="true"] {
@@ -403,8 +468,9 @@ $lineHeight: 4px;
           }
 
           &:hover &__actions {
-            opacity: 1;
             height: calc($triggerHeight * 2);
+
+            opacity: 1;
           }
         }
       }
@@ -412,31 +478,39 @@ $lineHeight: 4px;
 
     &__ranges-value {
       position: absolute;
+
+      display: flex;
+
       width: 100%;
       height: 100%;
+
       transform: translateY(calc(50% + 6px));
-      display: flex;
 
       &--item {
         position: absolute;
+
         display: flex;
+
         padding: 2px;
-        background: #ffffff;
-        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15), 0px 4px 4px rgba(0, 0, 0, 0.05);
-        border-radius: 3px;
 
         font-size: 13px;
         line-height: 20px;
-        color: #1e1e2d;
         white-space: nowrap;
-        transform: translateX(-50%);
+
+        color: #1e1e2d;
+        border-radius: 3px;
+        background: #ffffff;
+        box-shadow:
+          0px 0px 2px rgba(0, 0, 0, 0.15),
+          0px 4px 4px rgba(0, 0, 0, 0.05);
 
         transition: left 0.3s;
+        transform: translateX(-50%);
       }
     }
   }
 
-  &:hover [class*=add-trigger] {
+  &:hover [class*="add-trigger"] {
     opacity: 1;
   }
 }

package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js

@@ -1,35 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Switcher = _interopRequireDefault(require("../Switcher/Switcher"));
-
 require("./SwitchableRow.scss");
-
-var RC_default = 'switchable-row';
-
-var SwitchableRow = function SwitchableRow(props) {
-  var _ref = props || {},
-      _ref$RC = _ref.RC,
-      RC = _ref$RC === void 0 ? RC_default : _ref$RC,
-      className = _ref.className,
-      children = _ref.children,
-      isActive = _ref.isActive,
-      setIsActive = _ref.setIsActive,
-      switcherLabel = _ref.switcherLabel,
-      isSwitcherLabelBold = _ref.isSwitcherLabelBold,
-      testId = _ref.testId,
-      id = _ref.id;
-
+const RC_default = "switchable-row";
+const SwitchableRow = props => {
+  const {
+    RC = RC_default,
+    className,
+    children,
+    isActive,
+    setIsActive,
+    switcherLabel,
+    isSwitcherLabelBold,
+    testId,
+    id
+  } = props || {};
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className),
     "data-testid": "".concat(RC, "-").concat(testId)
@@ -43,6 +35,4 @@ var SwitchableRow = function SwitchableRow(props) {
     "data-testid": "switchable-row-".concat(testId, "-switcher")
   })), children);
 };
-
-var _default = SwitchableRow;
-exports.default = _default;
+var _default = exports.default = SwitchableRow;

package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.scss

@@ -2,15 +2,15 @@
 
 .switchable-row {
   display: flex;
-  align-items: center;
   flex-flow: row nowrap;
   justify-content: flex-start;
+  align-items: center;
 
   &__cell {
     display: flex;
-    align-items: center;
     flex-flow: row nowrap;
     justify-content: flex-start;
+    align-items: center;
 
     box-sizing: border-box;
     height: 100%;

package/dist/Atomic/FormElements/Switcher/Switcher.js

@@ -1,54 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
-
 require("./Switcher.scss");
-
-var RC = 'switcher';
-
-var Switcher = function Switcher(_ref) {
-  var label = _ref.label,
-      className = _ref.className,
-      isActive = _ref.isActive,
-      disabled = _ref.disabled,
-      onChange = _ref.onChange,
-      isLabelBold = _ref.isLabelBold,
-      hint = _ref.hint,
-      hintSide = _ref.hintSide,
-      testId = _ref.testId;
+const RC = "switcher";
+const Switcher = _ref => {
+  let {
+    label,
+    className,
+    isActive,
+    disabled,
+    onChange,
+    isLabelBold,
+    hint,
+    hintSide,
+    testId
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_disabled"), disabled))
+    className: (0, _classnames.default)(RC, className, {
+      ["".concat(RC, "_disabled")]: disabled
+    })
   }, /*#__PURE__*/_react.default.createElement("button", {
     "data-testid": "switcher--key-".concat(testId, "--button"),
     className: (0, _classnames.default)("".concat(RC, "__button")),
-    onClick: function onClick() {
-      return onChange(!isActive);
-    }
+    onClick: () => onChange(!isActive)
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__button-content"), (0, _defineProperty2.default)({}, "".concat(RC, "__button-content_active"), isActive))
+    className: (0, _classnames.default)("".concat(RC, "__button-content"), {
+      ["".concat(RC, "__button-content_active")]: isActive
+    })
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(RC, "__ball")
   })), label && /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)("".concat(RC, "__label"), (0, _defineProperty2.default)({}, "".concat(RC, "__label_bold"), isLabelBold))
+    className: (0, _classnames.default)("".concat(RC, "__label"), {
+      ["".concat(RC, "__label_bold")]: isLabelBold
+    })
   }, label)), hint && /*#__PURE__*/_react.default.createElement(_Hint.default, {
     className: "".concat(RC, "__hint"),
     hint: hint,
     side: hintSide
   }));
 };
-
-var _default = Switcher;
-exports.default = _default;
+var _default = exports.default = Switcher;