intelicoreact 1.0.28 → 1.0.30

package/dist/Atomic/FormElements/InputMask/InputMask.scss

@@ -1,134 +1,144 @@
 .unselectable {
-  -webkit-touch-callout: none; /* iOS Safari */
-  -webkit-user-select: none;   /* Chrome/Safari/Opera */
-  -khtml-user-select: none;    /* Konqueror */
-  -moz-user-select: none;      /* Firefox */
-  -ms-user-select: none;       /* Internet Explorer/Edge */
-  user-select: none;           /* Non-prefixed version, currently
+  -webkit-touch-callout: none; /* iOS Safari */ /* Chrome/Safari/Opera */ /* Konqueror */ /* Firefox */ /* Internet Explorer/Edge */
+  user-select: none; /* Non-prefixed version, currently
                                   not supported by any browser */
 }
 
-.input-mask_wrapper{
-  outline: none;
+.input-mask_wrapper {
   display: block;
   // width: fit-content;
   width: 100%;
 
-  .input-mask{
+  outline: none;
+
+  .input-mask {
     display: inline-flex;
-    justify-content: space-between;
     align-items: center;
-    border: 1px solid #e2e5ec;
+    justify-content: space-between;
+
     box-sizing: border-box;
-    background-color: #fff;
-    border-radius: 4px;
-    padding:8px;
-    cursor: text;
     width: 100%;
+    padding: 8px;
+
+    cursor: text;
 
-    &_focus{
-      border-color: #6b81dd;
-      filter: drop-shadow(0px 0px 4px rgba(93, 120, 255, 0.5));
+    border: 1px solid #E2E5EC;
+    border-radius: 4px;
+    background-color: #FFF;
+
+    &_focus {
+      border-color: #6B81DD;
+      filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
     }
 
     &_error,
-    &_blink-error{
-      border-color: #dd6b6b;
-      filter: drop-shadow(0px 0px 4px rgba(255, 93, 93, 0.5));
+    &_blink-error {
+      border-color: #DD6B6B;
+      filter: drop-shadow(0 0 4px rgb(255 93 93 / 50%));
     }
 
-    &_icon{
-      height: 16px;
-      width: 16px;
+    &_icon {
       position: relative;
 
-      &--left{
+      width: 16px;
+      height: 16px;
+
+      &--left {
         margin-right: 4px;
       }
 
-      &--right{
-        margin-left: 4px;
+      &--right {
         right: 0;
+
+        margin-left: 4px;
       }
     }
 
-    &_hint{
+    &_hint {
       display: flex;
-      text-align: center;
       align-items: center;
 
-      & .hint__text_right{
+      text-align: center;
+
+      & .hint__text_right {
         top: 50%;
         left: 24px;
+
         transform: translateY(-50%);
 
-        &::before{
+        &::before {
           top: calc(50% - 4px);
           left: -3px;
         }
       }
 
-      & .hint__text_left{
+      & .hint__text_left {
         top: 50%;
         right: 32px;
+
         transform: translateY(-50%);
 
-        &::before{
+        &::before {
           top: calc(50% - 4px);
           right: -3px;
         }
       }
 
-      &--left{
+      &--left {
         margin-right: 4px;
       }
 
-      &--right{
-        margin-left: 4px;
+      &--right {
         right: 0;
+
+        margin-left: 4px;
       }
     }
 
-    &_clear{
-      height: 16px;
+    &_clear {
       width: 16px;
-      cursor: pointer!important;
+      height: 16px;
+
+      cursor: pointer !important;
     }
 
-    &_value{
+    &_value {
+      position: relative;
+
       display: flex;
       align-items: center;
-      outline: none;
-      position: relative;
+
       width: 100%;
 
-      &_item{
+      outline: none;
+
+      &_item {
         display: inline-flex;
-        min-width: 0;
-        font-size: 16px;
+
         width: unset;
-        padding: 0;
+        min-width: 0;
         margin: 0;
+        padding: 0;
+
         border: none;
         outline: none;
 
-        &--letter{
-        }
+        font-size: 16px;
 
-        &_mask-char{
-          color: #9c9c9c;
+        &_mask-char {
+          color: #9C9C9C;
         }
 
         &_value-char,
-        &_spec-char{
-          color: #333333;
+        &_spec-char {
+          color: #333;
         }
 
-        &_spec-char{
+        &_spec-char {
           text-align: center;
         }
 
-        &:last-child{
+        &:last-child {
           // color: #333333;
           max-width: 1px;
         }
@@ -136,9 +146,11 @@
     }
   }
 
-  .input-mask_error-text{
-    font-size: 12px;
+  .input-mask_error-text {
     margin-top: 8px;
-    color:rgb(211, 82, 82);
+
+    color: rgb(211 82 82);
+
+    font-size: 12px;
   }
 }

package/dist/Atomic/FormElements/InputMask2/InputMask2.js

@@ -27,6 +27,8 @@ var _functions = require("./functions");
 
 require("./InputMask2.scss");
 
+var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -650,7 +652,7 @@ function InputMask2() {
       className: "\n            input-mask\n            ".concat(isError ? 'input-mask_error' : '', "\n            ").concat(isFocused ? 'input-mask_focus' : '', "\n            ").concat(blinkError ? 'input-mask_blink-error' : '', "\n          ")
     }, showHint && isHintLeft && /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_hint input-mask_hint--left"
-    }, /*#__PURE__*/_react.default.createElement(Hint, {
+    }, /*#__PURE__*/_react.default.createElement(_Hint.default, {
       hint: hintText,
       className: hintClassName,
       side: hintPosition
@@ -664,7 +666,7 @@ function InputMask2() {
       className: "input-mask_icon input-mask_icon--right"
     }, icon), showHint && isHintRight && /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_hint input-mask_hint--right"
-    }, /*#__PURE__*/_react.default.createElement(Hint, {
+    }, /*#__PURE__*/_react.default.createElement(_Hint.default, {
       hint: hintText,
       className: hintClassName,
       side: hintPosition

package/dist/Atomic/FormElements/InputMask2/InputMask2.scss

@@ -1,165 +1,177 @@
 .unselectable {
-  -webkit-touch-callout: none; /* iOS Safari */
-  -webkit-user-select: none;   /* Chrome/Safari/Opera */
-  -khtml-user-select: none;    /* Konqueror */
-  -moz-user-select: none;      /* Firefox */
-  -ms-user-select: none;       /* Internet Explorer/Edge */
-  user-select: none;           /* Non-prefixed version, currently
+  -webkit-touch-callout: none; /* iOS Safari */ /* Chrome/Safari/Opera */ /* Konqueror */ /* Firefox */ /* Internet Explorer/Edge */
+  user-select: none; /* Non-prefixed version, currently
                                   not supported by any browser */
 }
 
-.input-mask2_wrapper{
-  outline: none;
+.input-mask2_wrapper {
   display: block;
   // width: fit-content;
   width: 100%;
 
-  & .input-mask{
+  outline: none;
+
+  & .input-mask {
+    position: relative;
+
     display: inline-flex;
-    justify-content: space-between;
     align-items: center;
-    border: 1px solid #e2e5ec;
+    justify-content: space-between;
+
     box-sizing: border-box;
-    background-color: #fff;
-    border-radius: 4px;
-    padding:8px;
-    cursor: text;
     width: 100%;
-    position: relative;
+    padding: 8px;
+
+    cursor: text;
+
+    border: 1px solid #E2E5EC;
+    border-radius: 4px;
+    background-color: #FFF;
 
     &_input {
       position: absolute;
-      color: #333333;
-      background: rgba(0,0,0,0);
-      border: none;
-      font-size: 16px;
-      left: 0;
       top: 0;
-      height: 100%;
+      left: 0;
+
+      box-sizing: border-box;
       width: 100%;
+      height: 100%;
       padding: 8px;
-      box-sizing: border-box;
+
+      color: #333;
+      border: none;
       outline: none;
+      background: rgb(0 0 0 / 0%);
+
+      font-size: 16px;
     }
 
-    &_focus{
-      border-color: #6b81dd;
-      filter: drop-shadow(0px 0px 4px rgba(93, 120, 255, 0.5));
+    &_focus {
+      border-color: #6B81DD;
+      filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
     }
 
     &_error,
-    &_blink-error{
-      border-color: #dd6b6b;
-      filter: drop-shadow(0px 0px 4px rgba(255, 93, 93, 0.5));
+    &_blink-error {
+      border-color: #DD6B6B;
+      filter: drop-shadow(0 0 4px rgb(255 93 93 / 50%));
     }
 
-    &_icon{
-      height: 16px;
-      width: 16px;
+    &_icon {
       position: relative;
 
-      &--left{
+      width: 16px;
+      height: 16px;
+
+      &--left {
         margin-right: 4px;
       }
 
-      &--right{
-        margin-left: 4px;
+      &--right {
         right: 0;
+
+        margin-left: 4px;
       }
     }
 
-    &_hint{
+    &_hint {
       display: flex;
-      text-align: center;
       align-items: center;
 
-      & .hint__text_right{
+      text-align: center;
+
+      & .hint__text_right {
         top: 50%;
         left: 24px;
+
         transform: translateY(-50%);
 
-        &::before{
+        &::before {
           top: calc(50% - 4px);
           left: -3px;
         }
       }
 
-      & .hint__text_left{
+      & .hint__text_left {
         top: 50%;
         right: 32px;
+
         transform: translateY(-50%);
 
-        &::before{
+        &::before {
           top: calc(50% - 4px);
           right: -3px;
         }
       }
 
-      &--left{
+      &--left {
         margin-right: 4px;
       }
 
-      &--right{
-        margin-left: 4px;
+      &--right {
         right: 0;
+
+        margin-left: 4px;
       }
     }
 
-    &_clear{
+    &_clear {
       position: relative;
       z-index: 9;
-      height: 16px;
+
       width: 16px;
-      cursor: pointer!important;
+      height: 16px;
+
+      cursor: pointer !important;
     }
 
-    &_value{
+    &_value {
+      position: relative;
+
       display: flex;
       align-items: center;
-      outline: none;
-      position: relative;
+
       width: 100%;
 
-      &_item{
+      outline: none;
+
+      &_item {
         display: inline-flex;
-        min-width: 0;
-        font-size: 16px;
+
         width: unset;
-        padding: 0;
+        min-width: 0;
         margin: 0;
+        padding: 0;
+
         border: none;
         outline: none;
 
-        &--letter{
-        }
+        font-size: 16px;
 
-        &_mask-char{
-          color: #9c9c9c;
+        &_mask-char {
+          color: #9C9C9C;
         }
 
-        // &_value-char,
-        // &_spec-char{
-        //   color: #333333;
-        // }
-
         &_value-char {
           opacity: 0;
         }
 
-        &_spec-char{
+        &_spec-char {
           text-align: center;
         }
 
-        &--hidden{
+        &--hidden {
           visibility: hidden;
         }
       }
     }
   }
 
-  .input-mask_error-text{
-    font-size: 12px;
+  .input-mask_error-text {
     margin-top: 8px;
-    color:rgb(211, 82, 82);
+
+    color: rgb(211 82 82);
+
+    font-size: 12px;
   }
 }

package/dist/Atomic/FormElements/InputsRow/InputsRow.scss

@@ -12,13 +12,16 @@
   &--trash {
     display: flex;
     align-items: center;
+
     width: 17px;
+
     cursor: pointer;
-    background: #fff;
+
     border-radius: 5px;
+    background: #FFF;
 
     svg {
-      color: #f06d8d;
+      color: #F06D8D;
     }
   }
 
@@ -33,10 +36,13 @@
   &--param-label,
   &--value-label,
   &--description-label {
-    color: #9aa0b9;
-    font-size: 10px;
     margin-bottom: 3px;
+
     text-transform: uppercase;
+
+    color: #9AA0B9;
+
+    font-size: 10px;
   }
 
   &--add-btn:hover {

package/dist/Atomic/FormElements/Label/Label.js

@@ -26,8 +26,8 @@ var Label = function Label(_ref) {
       error = _ref$error === void 0 ? null : _ref$error;
   return /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)('label', {
-      'label_bold': isLabelBolt,
-      'error': error
+      label_bold: isLabelBolt,
+      error: error
     }, className)
   }, label, isRequired && /*#__PURE__*/_react.default.createElement("span", {
     className: "label_isRequired"

package/dist/Atomic/FormElements/Label/Label.scss

@@ -1,20 +1,24 @@
 .label {
-    display: flex;
-    color: #1e1e2d;
-    font-size: 13px;
-    margin-bottom: 5px;
-    align-items: center;
+  display: flex;
+  align-items: center;
 
-    &_bold {
-        font-weight: 500;
-    }
+  margin-bottom: 5px;
 
-    &-hint {
-        margin-left: 5px;
-    }
+  color: #1E1E2D;
 
-    &_isRequired {
-      color: red;
-      margin-left: 3px;
-    }
+  font-size: 13px;
+
+  &_bold {
+    font-weight: 500;
+  }
+
+  &-hint {
+    margin-left: 5px;
+  }
+
+  &_isRequired {
+    margin-left: 3px;
+
+    color: red;
+  }
 }