intelicoreact 1.5.38 → 1.5.41

package/dist/Atomic/FormElements/Dropdown/Dropdown.scss

@@ -1,19 +1,21 @@
-@use '../../../scss/vars';
+@import "../../../scss/vars";
 
 .dropdown {
   position: relative;
 
+  width: 100%;
+
+  border-radius: $radii-s; 
+  
   display: flex;
-  overflow: hidden;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
 
-  width: 100%;
-
-  border: 1px solid vars.$color--gray--light;
-  border-radius: vars.$radii-xs;
-  background: vars.$color--light;
+  border: 1px solid $color--gray--light;
+  border-radius: $radii-xs;
+  background: $color--light;
+  overflow: hidden;
 
   &--focused {
     border-color: #6b81dd;
@@ -21,9 +23,9 @@
   }
 
   &--with-custom-trigger {
-    border: none !important;
-    background: none !important;
-    filter: none !important;
+    border: none!important;
+    background: none!important;
+    filter: none!important;
   }
 
   &--with-actions {
@@ -33,39 +35,34 @@
 
   &__actions {
     display: flex;
-    overflow: hidden;
-    justify-content: center;
-    align-items: center;
     align-self: stretch;
-
+    align-items: center;
+    justify-content: center;
+    border-radius: 0px 2px 2px 0px;
+    overflow: hidden;
     box-sizing: border-box;
     min-width: 56px;
 
-    border-radius: 0px 2px 2px 0px;
-
     &-item {
+      height: 100%;
       display: flex;
+      padding: 4px;
+      min-width: 28px;
       justify-content: center;
       align-items: center;
-      align-self: stretch;
       gap: 4px;
-
+      align-self: stretch;
+      background: var(--Background-Light-action, #F4F6FF);
       box-sizing: border-box;
-      min-width: 28px;
-      height: 100%;
-      padding: 4px;
-
       cursor: pointer;
-
-      border-left: 1px solid var(--Border-Input, #e2e5ec);
-      background: var(--Background-Light-action, #f4f6ff);
+      border-left: 1px solid var(--Border-Input, #E2E5EC);
+      box-sizing: border-box;
     }
 
     svg {
       width: 16px;
       height: 16px;
-
-      color: #1e1e2d;
+      color: #1E1E2D;
     }
   }
 
@@ -91,22 +88,21 @@
     font-weight: 400;
     cursor: pointer;
     text-align: left;
-
-    border: none !important;
+    border: none!important;
     filter: none;
 
     .text {
       overflow: hidden;
 
       max-width: calc(100% - 5px);
-      padding: 0 vars.$spacing-m 0 vars.$spacing-s;
+      padding: 0 $spacing-m 0 $spacing-s;
 
       white-space: nowrap;
       text-overflow: ellipsis;
     }
 
     &.error {
-      border-color: vars.$color--secondary;
+      border-color: $color--secondary;
     }
 
     &.placeholder .text {
@@ -121,7 +117,7 @@
   &__input {
     width: 100%;
     height: 16px;
-    padding: 0 vars.$spacing-m 0 vars.$spacing-s;
+    padding: 0 $spacing-m 0 $spacing-s;
 
     font-weight: 400;
     text-overflow: ellipsis;
@@ -140,7 +136,7 @@
     box-sizing: border-box;
     min-width: 100%;
     max-height: 320px;
-    padding: vars.$spacing-xs 0;
+    padding: $spacing-xs 0;
 
     &-wrapper {
       position: relative;
@@ -148,10 +144,10 @@
       top: 100%;
 
       box-sizing: border-box;
-      margin-top: vars.$spacing-xs;
+      margin-top: $spacing-xs;
 
-      border: 1px solid vars.$color--gray--light;
-      background: vars.$color--light;
+      border: 1px solid $color--gray--light;
+      background: $color--light;
       box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
     }
 
@@ -169,7 +165,7 @@
 
     &::-webkit-scrollbar-thumb {
       border-radius: 4px;
-      background: vars.$color--gray--dark;
+      background: $color--gray--dark;
     }
 
     &-top {
@@ -196,7 +192,7 @@
       cursor: pointer;
       white-space: nowrap;
 
-      color: vars.$color--dark;
+      color: $color--dark;
       border: none;
       background: transparent;
 
@@ -206,7 +202,7 @@
       }
 
       &-description {
-        margin-left: vars.$spacing-xs;
+        margin-left: $spacing-xs;
 
         color: #757f8c;
       }
@@ -230,7 +226,7 @@
           width: 300%;
           height: 1px;
 
-          content: '';
+          content: "";
 
           background-color: #e8e9ec;
 
@@ -244,7 +240,7 @@
 
       &:hover,
       &_active {
-        background: vars.$color--gray--gentle;
+        background: $color--gray--gentle;
       }
 
       &_disabled {
@@ -254,7 +250,7 @@
       }
 
       &-postfix {
-        margin-left: vars.$spacing-xs;
+        margin-left: $spacing-xs;
       }
     }
 
@@ -266,7 +262,7 @@
   &__arrow {
     position: absolute;
     top: 50%;
-    right: vars.$spacing-xs;
+    right: $spacing-xs;
 
     display: flex;
     align-items: center;
@@ -313,12 +309,12 @@
       font-size: 10px;
       text-transform: uppercase;
 
-      color: vars.$color--gray--dark;
+      color: $color--gray--dark;
     }
   }
 
   &-label {
-    margin-bottom: vars.$spacing-xs;
+    margin-bottom: $spacing-xs;
   }
 
   &__error {
@@ -330,7 +326,7 @@
 
     font-size: 10px;
 
-    color: vars.$color--secondary;
+    color: $color--secondary;
   }
 
   &.disabled {
@@ -365,7 +361,7 @@
     .dropdown {
       &__arrow {
         top: 50% !important;
-        right: vars.$spacing-m !important;
+        right: $spacing-m !important;
 
         width: 16px;
         height: 16px;
@@ -416,7 +412,7 @@
         width: 100dvw;
         height: 100dvh;
         max-height: 100dvh;
-        padding: vars.$spacing-s;
+        padding: $spacing-s;
 
         animation-name: slideup;
         animation-duration: 0.4s;
@@ -425,7 +421,7 @@
       &__list {
         top: 0;
 
-        padding: vars.$spacing-m !important;
+        padding: $spacing-m !important;
 
         &-wrapper {
           position: sticky;
@@ -436,7 +432,7 @@
           box-sizing: border-box;
           max-height: 500px;
 
-          border-radius: vars.$spacing-l !important;
+          border-radius: $spacing-l !important;
 
           &--with-bottom-shadow::after {
             position: absolute;
@@ -446,7 +442,7 @@
             width: 100%;
             height: 15px;
 
-            content: '';
+            content: "";
 
             opacity: 1;
             background: linear-gradient(
@@ -475,9 +471,9 @@
           display: flex;
           flex-direction: column;
           justify-content: space-between;
-          gap: vars.$spacing-m;
+          gap: $spacing-m;
 
-          padding: vars.$spacing-m;
+          padding: $spacing-m;
 
           font-size: 16px;
           font-weight: 600;
@@ -503,7 +499,7 @@
               align-items: center;
 
               width: 100%;
-              padding-right: vars.$spacing-s;
+              padding-right: $spacing-s;
 
               border: 1px solid var(--form-input-border, #e1e8f1);
               border-radius: 6px;
@@ -522,7 +518,7 @@
               width: 24px;
               min-width: 24px;
               height: 24px;
-              padding: vars.$spacing-xs;
+              padding: $spacing-xs;
 
               border-radius: 2px;
               background: var(--bg-gray-box, #f0f1f4);
@@ -553,7 +549,7 @@
             width: 100%;
             height: 15px;
 
-            content: '';
+            content: "";
 
             opacity: 1;
             background: linear-gradient(
@@ -583,7 +579,7 @@
           box-sizing: border-box;
           width: 50px;
           height: 50px;
-          padding: vars.$spacing-m;
+          padding: $spacing-m;
 
           svg {
             width: 16px;
@@ -595,14 +591,16 @@
       }
 
       &-group {
-        margin: 0 0 vars.$spacing-xs;
+        margin: 0;
+        margin-bottom: $spacing-xs;
 
         &:last-child {
-          margin-bottom: vars.$spacing-m;
+          margin-bottom: $spacing-m;
         }
 
         &__name {
-          margin: 0 0 vars.$spacing-s;
+          margin: 0;
+          margin-bottom: $spacing-s;
           padding: 10px 0px 6px;
 
           font-size: 11px;
@@ -616,7 +614,7 @@
         justify-content: space-between;
 
         height: auto !important;
-        padding: 10px vars.$spacing-s !important;
+        padding: 10px $spacing-s !important;
 
         line-height: 24px;
 

package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js

@@ -1,33 +1,20 @@
 "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 _react = /*#__PURE__*/ _interop_require_default(require("react"));
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
 require("./DropdownLoader.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const DropdownLoader = function({ variant }) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        className: "dropdown-loader-box j5",
-        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: `lds-ring${variant === "little" ? " lds-ring_little" : ""}`,
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {})
-            ]
-        })
-    });
+const DropdownLoader = function (_ref) {
+  let {
+    variant
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "dropdown-loader-box j5"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `lds-ring${variant === "little" ? " lds-ring_little" : ""}`
+  }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null)));
 };
-const _default = DropdownLoader;
+var _default = exports.default = DropdownLoader;