intelicoreact 1.3.22 → 1.3.23

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss

@@ -27,13 +27,11 @@
     position: relative;
 
     display: flex;
-    align-items: center;
     flex-flow: row wrap;
     justify-content: flex-start;
+    align-items: center;
 
     box-sizing: border-box;
-    height: 28px;
-
     height: fit-content;
     min-height: 28px;
     padding: 1px 24px 1px 5px;
@@ -64,8 +62,8 @@
     z-index: 2;
 
     display: flex;
-    align-items: center;
     justify-content: space-between;
+    align-items: center;
 
     box-sizing: border-box;
     width: 100%;
@@ -130,20 +128,19 @@
       position: relative;
 
       display: flex;
-      align-items: center;
       justify-content: flex-start;
+      align-items: center;
 
       width: 100%;
       min-height: 24px;
       padding-left: 35px;
 
-      cursor: pointer;
-
-      color: $color--dark;
-
       font-size: 13px;
       font-weight: 400;
       line-height: 24px;
+      cursor: pointer;
+
+      color: $color--dark;
 
       &:hover,
       &_active {
@@ -164,13 +161,14 @@
       }
 
       &-body {
-        white-space: wrap;
         text-align: left;
+        white-space: wrap;
       }
 
       &-description {
         margin-left: $spacing-xs;
-        color: #757F8C;
+
+        color: #757f8c;
       }
     }
   }
@@ -213,11 +211,10 @@
     &__name {
       margin-left: 17px;
 
+      font-size: 10px;
       text-transform: uppercase;
 
       color: $color--gray--dark;
-
-      font-size: 10px;
     }
   }
 
@@ -285,15 +282,17 @@
         overflow: hidden !important;
 
         &--opened {
+          position: fixed;
+          top: 0 !important;
+          left: 0 !important;
+
           width: 100dvw;
           height: 100dvh;
           max-height: 100dvh;
-          position: fixed;
-          left: 0 !important;
-          top: 0 !important;
-          background: rgba(23, 29, 51, 0.5);
           padding: $spacing-s;
 
+          background: rgba(23, 29, 51, 0.5);
+
           animation-name: fadeIn;
           animation-duration: 0.25s;
           animation-timing-function: ease;
@@ -302,27 +301,33 @@
       }
 
       &__container-wrapper {
-        overflow: hidden!important;
+        position: fixed;
+        top: 0 !important;
+        left: 0 !important;
+
+        overflow: hidden !important;
+
+        box-sizing: border-box;
         width: 100dvw;
         height: 100dvh;
         max-height: 100dvh;
-        position: fixed;
-        left: 0!important;
-        top: 0!important;
         padding: $spacing-s;
-        box-sizing: border-box;
-        animation-duration: 0.4s;
+
         animation-name: slideup;
+        animation-duration: 0.4s;
       }
 
       &__selector-wrapper {
         position: absolute;
-        box-sizing: border-box;
         bottom: $spacing-s;
+
+        overflow: hidden;
+
+        box-sizing: border-box;
         width: calc(100% - $spacing-m);
         max-height: 500px;
+
         border-radius: $spacing-l !important;
-        overflow: hidden;
         background: $color--light;
 
         &--fixed-height {
@@ -332,27 +337,33 @@
 
       &__header,
       &__footer {
-        height: unset;
         z-index: 4;
-        background: none;
+
+        height: unset;
+
         border: none;
+        background: none;
 
         &-with-shadow {
           &::after {
-            content: '';
             position: absolute;
-            left: 0;
             bottom: -15px;
+            left: 0;
+
             width: 100%;
             height: 15px;
+
+            content: "";
+
+            opacity: 1;
             background: linear-gradient(
               180deg,
               rgba(212, 218, 230, 0.5) 0%,
               rgba(212, 218, 230, 0.3) 21.35%,
               rgba(247, 248, 250, 0) 100%
             );
+
             transition: all 0.2s;
-            opacity: 1;
           }
 
           &-hidden::after {
@@ -363,62 +374,74 @@
 
       &__header {
         position: relative;
+
         display: flex;
         flex-direction: column;
         justify-content: space-between;
+        gap: $spacing-m;
+
         padding: $spacing-m;
-        color: #3b414b;
+
         font-size: 16px;
         font-weight: 600;
         line-height: 24px;
         letter-spacing: 0.1px;
-        gap: $spacing-m;
+
+        color: #3b414b;
 
         &-row {
-          width: 100%;
           display: flex;
           flex-direction: row;
-          align-items: center;
-          min-height: 24px;
           justify-content: space-between;
+          align-items: center;
+
           box-sizing: border-box;
+          width: 100%;
+          min-height: 24px;
 
           &:first-child {
             padding-right: 50px;
           }
 
           .input__wrap {
-            width: 100%;
             display: flex;
             align-items: center;
+
+            width: 100%;
             padding-right: $spacing-s;
+
+            border: 1px solid var(--form-input-border, #e1e8f1);
             border-radius: 6px;
-            border: 1px solid var(--form-input-border, #E1E8F1);
-            background: var(--black-bg-color, #F8FBFF)!important;
+            background: var(--black-bg-color, #f8fbff) !important;
 
             input {
-              background: unset!important;
+              background: unset !important;
             }
           }
 
           .input__close {
-            padding: $spacing-xs;
-            border-radius: 2px;
-            background: var(--bg-gray-box, #F0F1F4);
+            display: flex;
+            align-items: center;
+
+            box-sizing: border-box;
             width: 24px;
             min-width: 24px;
             height: 24px;
-            box-sizing: border-box;
-            display: flex;
-            align-items: center;
+            padding: $spacing-xs;
+
+            border-radius: 2px;
+            background: var(--bg-gray-box, #f0f1f4);
 
             &::before,
             &::after {
-              height: 12px;
               top: 50%;
-              transform: translateY(-50%) rotate(45deg);
+
+              height: 12px;
+
               border-radius: 8px;
-              background-color: #171D33;
+              background-color: #171d33;
+
+              transform: translateY(-50%) rotate(45deg);
             }
             &::after {
               transform: translateY(-50%) rotate(-45deg);
@@ -430,11 +453,13 @@
       &__footer {
         position: absolute;
         bottom: 0;
+
         padding: 0;
 
         &-with-shadow::after {
-          bottom: 0;
           top: -15px;
+          bottom: 0;
+
           transform: rotate(180deg);
         }
 
@@ -445,39 +470,44 @@
       }
 
       &__close-icon {
-        display: flex;
-        align-items: center;
         position: absolute;
         top: 0;
         right: 0;
-        height: 100%;
-        padding: $spacing-m;
+
+        display: flex;
+        align-items: center;
+
+        box-sizing: border-box;
         width: 50px;
         height: 50px;
-        box-sizing: border-box;
+        padding: $spacing-m;
 
         svg {
           width: 16px;
           height: 16px;
+
           color: #a0a4b0;
         }
       }
 
       &__list {
         top: 0;
-        padding: $spacing-m $spacing-m !important;
+
         display: flex;
         flex-direction: column;
         gap: $spacing-xs;
+
         max-height: unset;
+        padding: $spacing-m $spacing-m !important;
       }
 
       &-group {
-        margin: 0;
         display: flex;
         flex-direction: column;
         gap: $spacing-xs;
 
+        margin: 0;
+
         &:first-child {
           margin-top: calc($spacing-s * -1);
         }
@@ -485,20 +515,25 @@
         &__name {
           margin: 0;
           margin-bottom: $spacing-s;
+          padding: 10px 0px 6px;
+
           font-size: 11px;
-          padding: 10px 0px 6px 0px;
+
+          border-bottom: 1px solid
+            var(--black-gray-light-divider, rgba(58, 72, 122, 0.15));
           box-shadow: none !important;
-          border-bottom: 1px solid var(--black-gray-light-divider, rgba(58, 72, 122, 0.15));
         }
       }
 
       &__list-item {
         display: flex;
         justify-content: space-between;
+
         height: auto !important;
+        min-height: unset !important;
         padding: 10px $spacing-s !important;
+
         line-height: 24px;
-        min-height: unset!important;
 
         &_active {
           border-radius: 6px;
@@ -516,21 +551,25 @@
       }
 
       &__arrow {
-        top: 11px!important;
-        width: 16px;
-        height: 16px;
+        top: 11px !important;
+
         display: flex;
-        align-items: center;
         justify-content: center;
+        align-items: center;
+
+        width: 16px;
+        height: 16px;
 
         svg.mobile-icon {
           height: 12px;
+
           transform: rotate(90deg);
         }
       }
 
       &__no-options {
-        padding-left: 0!important;
+        padding-left: 0 !important;
+
         text-align: center;
       }
     }

package/dist/Atomic/FormElements/Text/Text.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./Text.scss");
-const RC = 'text';
+const RC = "text";
 
 /**
  *
@@ -56,16 +56,16 @@ const Text = _ref => {
     classesObj,
     icon,
     link,
-    align = 'left',
-    testId = 'text-lib-component'
+    align = "left",
+    testId = "text-lib-component"
   } = _ref;
   if (!value) return null;
   const isLinkAsObj = link instanceof Object && !Array.isArray(link);
-  const isLinkAsString = typeof link === 'string';
+  const isLinkAsString = typeof link === "string";
   const isLink = isLinkAsObj || isLinkAsString;
   const linkObj = isLinkAsObj ? link : {};
   const {
-    path = '',
+    path = "",
     target,
     redirect,
     onClick: onClickInner,
@@ -73,11 +73,11 @@ const Text = _ref => {
     isNoStopPropagation
   } = linkObj;
   const preparedPath = (() => {
-    if (!isLink) return '';
+    if (!isLink) return "";
     return isLinkAsObj ? path : link;
   })();
-  let atributes = {};
-  if (typeof onClickInner === 'function' || typeof redirect === 'function') {
+  const atributes = {};
+  if (typeof onClickInner === "function" || typeof redirect === "function") {
     atributes.onClick = function onClick(ev) {
       if (!isNoPreventDefault) ev.preventDefault();
       if (!isNoStopPropagation) ev.stopPropagation();
@@ -99,15 +99,15 @@ const Text = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "text--".concat(testId),
     className: (0, _classnames.default)(RC, className, {
-      ["".concat(RC, "-left")]: align === 'left',
-      ["".concat(RC, "-center")]: align === 'center',
-      ["".concat(RC, "-right")]: align === 'right',
-      ["".concat(RC, "-justify")]: align === 'justify',
+      ["".concat(RC, "-left")]: align === "left",
+      ["".concat(RC, "-center")]: align === "center",
+      ["".concat(RC, "-right")]: align === "right",
+      ["".concat(RC, "-justify")]: align === "justify",
       ...classesObj
     })
   }, isLink ? /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({}, atributes, {
     href: preparedPath,
-    target: target !== null && target !== void 0 ? target : '_self',
+    target: target !== null && target !== void 0 ? target : "_self",
     rel: "noreferrer"
   }), mainInner) : mainInner);
 };

package/dist/Atomic/FormElements/Text/Text.scss

@@ -12,4 +12,3 @@
     text-align: justify;
   }
 }
-

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js

@@ -8,16 +8,16 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./TextSwitcher.scss");
-const RC = 'text-switcher';
+const RC = "text-switcher";
 const TextSwitcher = _ref => {
   let {
     isActive,
     onChange,
     className,
     disabled,
-    activeText = 'is',
-    inactiveText = 'is not',
-    testId = ''
+    activeText = "is",
+    inactiveText = "is not",
+    testId = ""
   } = _ref;
   const isUndefined = isActive === undefined || isActive === null;
   return /*#__PURE__*/_react.default.createElement("button", {

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.scss

@@ -4,21 +4,20 @@
   position: relative;
 
   display: grid;
-  align-items: center;
   justify-content: center;
+  align-items: center;
+  grid-template-columns: repeat(2, 1fr);
 
   box-sizing: border-box;
   padding: 2px;
 
-  border: 2px solid $color--error-bg;
-  border-radius: 26px;
-  background: #FFF;
-
   font-size: 12px;
   font-weight: 300;
-
   font-style: normal;
-  grid-template-columns: repeat(2, 1fr);
+
+  border: 2px solid $color--error-bg;
+  border-radius: 26px;
+  background: #fff;
 
   &__btn {
     position: relative;
@@ -28,17 +27,16 @@
     height: 100%;
     padding: 0 14px;
 
-    cursor: pointer;
-    white-space: nowrap;
-    text-transform: uppercase;
-
-    color: $green;
-
     font-family: inherit;
     font-size: inherit;
     font-weight: inherit;
     font-style: inherit;
     line-height: inherit;
+    cursor: pointer;
+    white-space: nowrap;
+    text-transform: uppercase;
+
+    color: $green;
 
     &_off {
       color: $color--error;
@@ -54,11 +52,13 @@
 
     width: 50%;
 
-    transition: left 0.3s ease, background-color 0.3s ease;
-
     border-radius: 28px;
     background-color: $color--green-light;
 
+    transition:
+      left 0.3s ease,
+      background-color 0.3s ease;
+
     &_inactive {
       left: 50%;
 

package/dist/Atomic/FormElements/Textarea/Textarea.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
 require("./Textarea.scss");
-const RC = 'textarea';
+const RC = "textarea";
 const Textarea = _ref => {
   let {
     value,
@@ -18,7 +18,7 @@ const Textarea = _ref => {
     disabled,
     className,
     isNotValidateASCII = false,
-    testId = ''
+    testId = ""
   } = _ref;
   const handle = {
     change: val => {

package/dist/Atomic/FormElements/Textarea/Textarea.scss

@@ -9,15 +9,14 @@
     min-height: 99px;
     padding: 5px 9px;
 
-    resize: none;
-
-    border: 1px solid #E2E5EC;
-    outline: none;
-    background-color: #FFF;
-
     font-family: Roboto, sans-serif;
     font-size: 12px;
     font-weight: 400;
+    resize: none;
+
+    border: 1px solid #e2e5ec;
+    outline: none;
+    background-color: #fff;
 
     @include custom-scroll2;
 
@@ -30,8 +29,8 @@
       pointer-events: none;
 
       opacity: 0.5;
-      border-color: #A6ACB1;
-      background: #F7F8FA;
+      border-color: #a6acb1;
+      background: #f7f8fa;
     }
   }
 

package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js

@@ -14,7 +14,7 @@ var _AccordionWithCheckbox = _interopRequireDefault(require("./partial/Accordion
 require("./TieredCheckboxes.scss");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && Object.prototype.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; }
-const RC = 'tiered-checkboxes';
+const RC = "tiered-checkboxes";
 const TieredCheckboxes = _ref => {
   let {
     items = {},
@@ -106,7 +106,7 @@ const TieredCheckboxes = _ref => {
     className: (0, _classnames.default)(RC, className)
   }, preparedItems.map(parent => {
     const datasetProp = isUseParentsClassesAsDataset && parent !== null && parent !== void 0 && parent.className ? {
-      'data-key': parent === null || parent === void 0 ? void 0 : parent.className
+      "data-key": parent === null || parent === void 0 ? void 0 : parent.className
     } : {};
     if (isUseAccordionForGroup) {
       return /*#__PURE__*/_react.default.createElement(_AccordionWithCheckbox.default, {
@@ -116,7 +116,7 @@ const TieredCheckboxes = _ref => {
         datasetProp: datasetProp,
         isUseParentsClassesAsDataset: isUseParentsClassesAsDataset,
         className: "".concat(RC, "__mono-accordion"),
-        setIsOpen: () => handle.changeParent(!parent.isOpen, parent.key, 'isOpen'),
+        setIsOpen: () => handle.changeParent(!parent.isOpen, parent.key, "isOpen"),
         onChange: value => handle.changeParent(value, parent.key),
         icon: !parent.isOpen ? (accordionIcons === null || accordionIcons === void 0 ? void 0 : accordionIcons[0]) || null : (accordionIcons === null || accordionIcons === void 0 ? void 0 : accordionIcons[1]) || null
         // disabled={parent.children?.every?.((child) => child.disabled)}

package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.scss

@@ -15,21 +15,20 @@
   &__description-checked {
     padding-left: 21px;
 
-    letter-spacing: 0.2px;
-
-    color: #757F8C;
-
     font-size: 10px;
     font-weight: 400;
     font-style: normal;
     line-height: 18px;
+    letter-spacing: 0.2px;
+
+    color: #757f8c;
   }
 
   .mono-accordion {
-    box-shadow: inset 0 -1px 0 #EBEFF2;
+    box-shadow: inset 0 -1px 0 #ebeff2;
 
     &_is-open {
-      border-bottom: 1px solid #EBEFF2;
+      border-bottom: 1px solid #ebeff2;
     }
 
     &__head {