intelicoreact 1.0.29 → 1.0.30

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.scss

@@ -1,54 +1,65 @@
-@import url("https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
+@import "https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";
 
 .range-slider {
-  width: 100%;
-  max-width: 270px;
   display: flex;
   flex-direction: column;
 
+  width: 100%;
+  max-width: 270px;
+
   &__header {
     display: flex;
     justify-content: space-between;
+
     margin-bottom: 2px;
 
     &__label {
-      font-family: "Sarabun";
-      font-style: normal;
-      font-weight: 500;
+      letter-spacing: 0.2px;
+
+      color: #757F8C;
+
+      font-family: Sarabun, sans-serif;
       font-size: 12px;
+      font-weight: 500;
+      font-style: normal;
       line-height: 18px;
-      letter-spacing: 0.2px;
-      color: #757f8c;
     }
 
     &__selected-range {
       display: flex;
       align-items: center;
-      padding: 0px 4px 0px 8px;
-      background: #eaf2ff;
+
+      padding: 0 4px 0 8px;
+
       border-radius: 16px;
+      background: #EAF2FF;
 
       &--text {
-        font-family: "Sarabun";
-        font-style: normal;
-        font-weight: 400;
+        margin-right: 2px;
+
+        letter-spacing: 0.2px;
+
+        color: #3B414B;
+
+        font-family: Sarabun, sans-serif;
         font-size: 12px;
+        font-weight: 400;
+        font-style: normal;
         line-height: 18px;
-        letter-spacing: 0.2px;
-        color: #3b414b;
-        margin-right: 2px;
       }
 
       &--reset {
         display: flex;
         align-items: center;
-        color: #9aa0b9;
-        border-left: 1px solid #cde1ff;
+
         cursor: pointer;
 
+        color: #9AA0B9;
+        border-left: 1px solid #CDE1FF;
+
         svg {
-          height: 16px;
           width: 16px;
+          height: 16px;
         }
       }
     }
@@ -66,77 +77,93 @@
     }
 
     .input__wrap {
+      box-sizing: border-box;
       height: auto;
       max-height: 40px;
-      box-sizing: border-box;
 
       padding: 9px 16px;
-      background: #ffffff;
-      border: 1px solid #e1e8f1;
+
+      border: 1px solid #E1E8F1;
       border-radius: 6px;
+      background: #FFF;
 
       &_focus {
-        border-color: #166c92;
+        border-color: #166C92;
         filter: none;
       }
 
       input {
         box-sizing: border-box;
-        font-family: "Sarabun";
-        font-style: normal;
-        font-weight: 500;
+        padding: 0;
+
+        letter-spacing: 0.2px;
+
+        color: #171D33;
+
+        font-family: Sarabun, sans-serif;
         font-size: 16px;
+        font-weight: 500;
+        font-style: normal;
         line-height: 22px;
-        letter-spacing: 0.2px;
-        color: #171d33;
-        padding: 0;
       }
     }
   }
 
   &__track {
+    position: relative;
+
     display: flex;
     align-items: center;
+
     height: 16px;
     margin-top: 2px;
-    position: relative;
     padding: 0 8px;
 
     &__line {
       position: absolute;
+      left: 0;
+
+      box-sizing: border-box;
       width: 100%;
       height: 4px;
-      background: #d6d9e4;
+
       border-radius: 4px;
-      box-sizing: border-box;
-      left: 0;
+      background: #D6D9E4;
     }
+
     &__range {
       position: relative;
-      height: 4px;
+
       display: flex;
+      justify-content: space-between;
+
+      height: 4px;
 
-      background: #1f7499;
       border-radius: 4px;
-      justify-content: space-between;
+
+      background: #1F7499;
 
       &-triggers {
-        width: 100%;
         position: absolute;
 
+        width: 100%;
+
         &--trigger {
-          z-index: 3;
           position: absolute;
-          width: 16px;
-          height: 16px;
-          background: #ffffff;
-          border: 1px solid #1f7499;
-          box-shadow: 0px 4px 26px rgba(0, 67, 96, 0.1);
-          border-radius: 50%;
+          z-index: 3;
           top: 50%;
+
           box-sizing: border-box;
+          width: 16px;
+          height: 16px;
+
           cursor: move;
 
+          border: 1px solid #1F7499;
+          border-radius: 50%;
+          background: #FFF;
+          box-shadow: 0 4px 26px rgb(0 67 96 / 10%);
+
           &-left {
             transform: translate(-50%, -50%);
           }

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.stories.scss

@@ -1,26 +1,30 @@
 .desc {
+  box-sizing: border-box;
+  max-width: 270px;
   margin-top: 16px;
   padding: 4px 12px;
-  background: #f7f7f7;
+
   border-radius: 8px;
-  max-width: 270px;
-  box-sizing: border-box;
-  box-shadow: 0px 0px 8px 2px #e9e7e7;
+  background: #F7F7F7;
+  box-shadow: 0 0 8px 2px #E9E7E7;
 
   h4 {
     margin: 0;
+    margin-top: 4px;
     padding: 0;
     padding-bottom: 8px;
-    margin-top: 4px;
-    color: #1f7499;
+
+    color: #1F7499;
+    border-bottom: 1px solid #E9E7E7;
+
     font-size: 14px;
     line-height: 1;
-    border-bottom: 1px solid #e9e7e7;
   }
 
   code {
+    color: #171D33;
+
     font-size: 12px;
     line-height: 16px;
-    color: #171d33;
   }
 }

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

@@ -1,19 +1,18 @@
 @import "../../../scss/vars";
 
-
 .switchable-row {
   display: flex;
+  align-items: center;
   flex-flow: row nowrap;
   justify-content: flex-start;
-  align-items: center;
 
   &__cell {
-    box-sizing: border-box;
-    height: 100%;
-
     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/SwitchableRow/partial/AnyOuterClass.scss

@@ -1,10 +1,10 @@
-@import url('https://fonts.googleapis.com/css2?family=Sarabun&display=swap');
+@import "https://fonts.googleapis.com/css2?family=Sarabun&display=swap";
 
 .any-outer-class__switchable-row {
   height: 40px;
 
   .switchable-row__cell {
-    width: calc((100% - 200px)/3);
+    width: calc((100% - 200px) / 3);
     padding: 8px 0;
   }
 
@@ -12,7 +12,7 @@
     width: 200px;
   }
 
-  .switchable-row__cell>div {
+  .switchable-row__cell > div {
     width: 90%;
   }
 }

package/dist/Atomic/FormElements/Switcher/Switcher.scss

@@ -1,35 +1,39 @@
 @import "../../../scss/vars";
 
 .switcher {
-
   &__button {
     display: inline-flex;
     align-items: center;
+
     cursor: pointer;
 
+    color: inherit;
+
     font-family: inherit;
-    font-style: inherit;
-    font-weight: inherit;
     font-size: inherit;
-    color: inherit;
+    font-weight: inherit;
+    font-style: inherit;
   }
 
   &_disabled {
     pointer-events: none;
+
     opacity: 0.5;
   }
 
   &__button-content {
-    background-color: rgba($color--gray, 0.5);
-    border-radius: 8px;
-    min-width: 26px;
+    box-sizing: border-box;
     width: 26px;
+    min-width: 26px;
     height: 16px;
     padding: 1px;
-    box-sizing: border-box;
+
+    border-radius: 8px;
+    background-color: rgba($color--gray, 0.5);
 
     &_active {
       background-color: $color--primary;
+
       .switcher__ball {
         transform: translateX(calc(100% - 4px));
       }
@@ -37,26 +41,30 @@
   }
 
   &__ball {
-    height: 14px;
     width: 14px;
-    background-color: #fff;
-    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
-    border-radius: 50%;
+    height: 14px;
+
     transition: transform 0.2s ease;
+
+    border-radius: 50%;
+    background-color: #FFF;
+    box-shadow: 0 0 2px rgb(0 0 0 / 50%);
   }
 
   &__label {
-    font-family: inherit;
-    font-style: inherit;
-    font-weight: inherit;
-    font-size: inherit;
-    color: inherit;
-    line-height: 24px;
-
     margin-left: 4px;
+
     user-select: none;
     text-align: left;
 
+    color: inherit;
+
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    font-style: inherit;
+    line-height: 24px;
+
     &_bold {
       font-weight: 500;
     }
@@ -69,12 +77,12 @@
 
   &__hint {
     margin-left: 5px;
+
     .hint__button {
       svg {
-        min-width: 16px;
         width: 16px;
+        min-width: 16px;
       }
     }
   }
 }
-

package/dist/Atomic/FormElements/Switcher/partial/AnyOuterClass.scss

@@ -1,6 +1,7 @@
 .any-outer-class__switcher {
-  font-style: normal;
+  color: #1E1E2D;
+
   font-size: 12px;
+  font-style: normal;
   line-height: 20px;
-  color: #1E1E2D;
-}
+}

package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.scss

@@ -1,18 +1,20 @@
 // @import '../../scss/main.scss';
 
 .switcher-hide {
-  width: 100%;
   display: inline-block;
 
-  &__switcher, &__content {
-      margin-bottom: 8px;
+  width: 100%;
+
+  &__switcher,
+  &__content {
+    margin-bottom: 8px;
   }
 
   &__switcher {
     font-family: inherit;
-    font-style: inherit;
-    font-weight:inherit;
     font-size: inherit;
+    font-weight: inherit;
+    font-style: inherit;
     line-height: inherit;
   }
 
@@ -21,11 +23,12 @@
   }
 
   &_disabled {
-    opacity: 0.5;
     pointer-events: none;
 
+    opacity: 0.5;
+
     // & * {
     //   pointer-events: none;
     // }
   }
-}
+}

package/dist/Atomic/FormElements/SwitcherCheckbox/partial/AnyOuterClass.scss

@@ -1,6 +1,7 @@
 .any-outer-class__switcher-hide {
-  font-style: normal;
+  color: #1E1E2D;
+
   font-size: 12px;
+  font-style: normal;
   line-height: 20px;
-  color: #1E1E2D;
-}
+}

package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.scss

@@ -1,18 +1,20 @@
 // @import '../../scss/main.scss';
 
 .switcher-hide {
-  width: 100%;
   display: inline-block;
 
-  &__switcher, &__content {
-      margin-bottom: 8px;
+  width: 100%;
+
+  &__switcher,
+  &__content {
+    margin-bottom: 8px;
   }
 
   &__switcher {
     font-family: inherit;
-    font-style: inherit;
-    font-weight:inherit;
     font-size: inherit;
+    font-weight: inherit;
+    font-style: inherit;
     line-height: inherit;
   }
 
@@ -21,11 +23,12 @@
   }
 
   &_disabled {
-    opacity: 0.5;
     pointer-events: none;
 
+    opacity: 0.5;
+
     // & * {
     //   pointer-events: none;
     // }
   }
-}
+}

package/dist/Atomic/FormElements/SwitcherHide/partial/AnyOuterClass.scss

@@ -1,6 +1,7 @@
 .any-outer-class__switcher-hide {
-  font-style: normal;
+  color: #1E1E2D;
+
   font-size: 12px;
+  font-style: normal;
   line-height: 20px;
-  color: #1E1E2D;
-}
+}

package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.scss

@@ -7,6 +7,7 @@
 
   &__radio {
     margin-bottom: 10px;
+
     &:not(:last-child) {
       margin-right: 29px;
     }

package/dist/Atomic/FormElements/SwitcherRadio/partial/AnyOuterClass.scss

@@ -1,6 +1,7 @@
 .any-outer-class__switcher-radio {
-  font-style: normal;
+  color: #1E1E2D;
+
   font-size: 12px;
+  font-style: normal;
   line-height: 20px;
-  color: #1E1E2D;
-}
+}

package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.scss

@@ -1,24 +1,27 @@
 // @import './../../scss/main.scss';
 
 .switcher-range {
-    height: 56px;
-    &__row {
-        display: flex;
-        align-items: center;
-        margin-top: 8px;
-    }
+  height: 56px;
+
+  &__row {
+    display: flex;
+    align-items: center;
+
+    margin-top: 8px;
+  }
 
-    &__input{
-        width: 68px;
+  &__input {
+    width: 68px;
+
+    &_first {
+      margin-right: 16px;
+    }
 
-        &_first {
-            margin-right: 16px;
-        }
+    &-label {
+      margin-right: 16px;
 
-        &-label {
-            font-size: 12px;
-            line-height: 24px;
-            margin-right: 16px;
-        }
+      font-size: 12px;
+      line-height: 24px;
     }
+  }
 }

package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.scss

@@ -9,4 +9,4 @@
 //   //   min-height: 26px;
 //   //   align-items: center;
 //   // }
-// }
+// }

package/dist/Atomic/FormElements/SwitcherRangeList/partial/AnyOuterClass.scss

@@ -1,28 +1,26 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
+@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
 
 .any-outer-class__switcher-range-list {
   .switcher {
-    font-style: normal;
+    color: #1E1E2D;
+
     font-size: 12px;
+    font-style: normal;
     line-height: 20px;
-    color: #1E1E2D;
   }
 
   .switcher-range-list__range-list {
-    // font-family: 'Palette Mosaic', 'cursive';
-
-    font-family: 'Roboto', sans-serif;
-
-    --border-color: #f4f7f9;
-
+    --border-color: #F4F7F9;
     --labels-font-size: 12px;
     --inputs-font-size: 13px;
     --values-font-size: 13px;
     --button-text-font-size: 13px;
-
     --labels-color: #1E1E2D;
-    --inputs-color: #1e1e2d;
+    --inputs-color: #1E1E2D;
     --values-color: #1E1E2D;
+    // font-family: 'Palette Mosaic', 'cursive';
+
+    font-family: Roboto, sans-serif;
 
     .range-list__labels {
       line-height: 20px;
@@ -36,4 +34,4 @@
       font-weight: 300;
     }
   }
-}
+}

package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js

@@ -90,7 +90,7 @@ var SwitcherTagsDropdown = function SwitcherTagsDropdown(_ref) {
       };
     };
 
-    var textToArray = (textValue === null || textValue === void 0 ? void 0 : (_textValue$split = textValue.split) === null || _textValue$split === void 0 ? void 0 : _textValue$split.call(textValue, ',')).map(function (item) {
+    var textToArray = textValue === null || textValue === void 0 ? void 0 : (_textValue$split = textValue.split) === null || _textValue$split === void 0 ? void 0 : _textValue$split.call(textValue, ',').map(function (item) {
       return item.toString().trim();
     }).filter(function (item) {
       return !!item;