intelicoreact 1.0.29 → 1.0.31

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

@@ -1,50 +1,53 @@
-@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__widget-pseudo-table {
   &.widget-pseudo-table {
     --grid-template-columns: 40% repeat(2, 1fr);
     width: 565px;
 
-    border-radius: 6px;
-    box-shadow: 0px 0.7px 2px rgba(60, 77, 106, 0.1), 0px 1.9px 2px rgba(60, 77, 106, 0.07), 0px 4.5px 6px rgba(60, 77, 106, 0.05);
     border: none;
+
+    border-radius: 6px;
+    box-shadow: 0 0.7px 2px rgb(60 77 106 / 10%), 0 1.9px 2px rgb(60 77 106 / 7%), 0 4.5px 6px rgb(60 77 106 / 5%);
   }
 
   .widget-pseudo-table__title-block {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 500;
+    color: #1E1E2D;
+
+    font-family: Roboto, sans-serif;
     font-size: 13px;
+    font-weight: 500;
+    font-style: normal;
     line-height: 20px;
-    color: #1E1E2D;
   }
 
   .widget-pseudo-table__thead-cell {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 10px;
-    line-height: 20px;
     color: #9AA0B9;
 
-
+    font-family: Roboto, sans-serif;
+    font-size: 10px;
+    font-weight: 400;
+    font-style: normal;
+    line-height: 20px;
   }
 
   .widget-pseudo-table__cell {
     .input__wrap {
       width: 60px;
-      background: #F7FAFC;
+
       border: 1px solid #E2E5EC;
       border-radius: 0;
+      background: #F7FAFC;
     }
 
     .input {
-      font-family: 'Roboto';
-      font-style: normal;
-      font-weight: 300;
+      color: #1E1E2D;
+
+      font-family: Roboto, sans-serif;
       font-size: 13px;
+      font-weight: 300;
+      font-style: normal;
       line-height: 20px;
-      color: #1E1E2D;
     }
 
     .switcher__button-content_active {
@@ -52,25 +55,27 @@
     }
 
     .switcher__label {
-      font-family: 'Roboto';
-      font-style: normal;
-      font-weight: 400;
+      color: #1E1E2D;
+
+      font-family: Roboto, sans-serif;
       font-size: 13px;
+      font-weight: 400;
+      font-style: normal;
       line-height: 20px;
-      color: #1E1E2D;
     }
   }
 }
 
-
-
 .delete-icon {
-  width: 16px;
-  height: 16px;
   display: flex;
+  align-items: center;
   flex-flow: row nowrap;
   justify-content: center;
-  align-items: center;
+
+  width: 16px;
+  height: 16px;
+
   cursor: pointer;
+
   color: red;
-}
+}

package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.scss

@@ -1,34 +1,36 @@
 @import "../../../scss/vars";
 
-
 .widget-with-switchable-rows {
   --row-height: 44px;
   --thead-height: 20px;
   --grid-template-columns: 1fr 1fr 1fr;
-
-  background-color: #FFFFFF;
-  border-radius: 3px;
   border: 1px solid #E2E5EC;
+  border-radius: 3px;
+
+  background-color: #FFF;
 
   &__header {
-    box-sizing: border-box;
-    height: var(--row-height);
-    padding: 12px 16px 12px 16px;
     display: flex;
+    align-items: center;
     flex-flow: row nowrap;
     justify-content: space-between;
-    align-items: center;
+
+    box-sizing: border-box;
+    height: var(--row-height);
+    padding: 12px 16px;
+
     border-bottom: 1px solid #E2E5EC;
   }
 
   &__title-block,
   &__right-header-content-block {
-    width: fit-content;
-    height: 100%;
     display: flex;
+    align-items: center;
     flex-flow: row nowrap;
     justify-content: center;
-    align-items: center;
+
+    width: fit-content;
+    height: 100%;
   }
 
   &__body {
@@ -40,9 +42,10 @@
   }
 
   &__thead {
+    display: grid;
+
     box-sizing: border-box;
     height: var(--thead-height);
-    display: grid;
     grid-template-columns: var(--grid-template-columns);
 
     &-cell {
@@ -55,21 +58,25 @@
 
       &_reqiured {
         &::after {
-          content: '*';
-          color: red;
           margin-left: 3px;
+
+          content: "*";
+
+          color: red;
         }
       }
     }
   }
 
   &__row {
+    display: grid;
+
     box-sizing: border-box;
     height: var(--row-height);
     padding: 8px 0;
-    display: grid;
-    grid-template-columns: var(--grid-template-columns);
+
     border-bottom: 1px solid #EBEFF2;
+    grid-template-columns: var(--grid-template-columns);
 
     &:last-of-type {
       border-bottom: none;
@@ -78,9 +85,9 @@
 
   &__cell {
     display: flex;
+    align-items: center;
     flex-flow: row nowrap;
     justify-content: flex-end;
-    align-items: center;
 
     &:first-of-type {
       justify-content: flex-start;

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

@@ -1,50 +1,53 @@
-@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__widget-with-switchable-rows {
   &.widget-with-switchable-rows {
     --grid-template-columns: 40% repeat(2, 1fr);
     width: 565px;
 
-    border-radius: 6px;
-    box-shadow: 0px 0.7px 2px rgba(60, 77, 106, 0.1), 0px 1.9px 2px rgba(60, 77, 106, 0.07), 0px 4.5px 6px rgba(60, 77, 106, 0.05);
     border: none;
+
+    border-radius: 6px;
+    box-shadow: 0 0.7px 2px rgb(60 77 106 / 10%), 0 1.9px 2px rgb(60 77 106 / 7%), 0 4.5px 6px rgb(60 77 106 / 5%);
   }
 
   .widget-with-switchable-rows__title-block {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 500;
+    color: #1E1E2D;
+
+    font-family: Roboto, sans-serif;
     font-size: 13px;
+    font-weight: 500;
+    font-style: normal;
     line-height: 20px;
-    color: #1E1E2D;
   }
 
   .widget-with-switchable-rows__thead-cell {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 10px;
-    line-height: 20px;
     color: #9AA0B9;
 
-
+    font-family: Roboto, sans-serif;
+    font-size: 10px;
+    font-weight: 400;
+    font-style: normal;
+    line-height: 20px;
   }
 
   .widget-with-switchable-rows__cell {
     .input__wrap {
       width: 60px;
-      background: #F7FAFC;
+
       border: 1px solid #E2E5EC;
       border-radius: 0;
+      background: #F7FAFC;
     }
 
     .input {
-      font-family: 'Roboto';
-      font-style: normal;
-      font-weight: 300;
+      color: #1E1E2D;
+
+      font-family: Roboto, sans-serif;
       font-size: 13px;
+      font-weight: 300;
+      font-style: normal;
       line-height: 20px;
-      color: #1E1E2D;
     }
 
     .switcher__button-content_active {
@@ -52,25 +55,27 @@
     }
 
     .switcher__label {
-      font-family: 'Roboto';
-      font-style: normal;
-      font-weight: 400;
+      color: #1E1E2D;
+
+      font-family: Roboto, sans-serif;
       font-size: 13px;
+      font-weight: 400;
+      font-style: normal;
       line-height: 20px;
-      color: #1E1E2D;
     }
   }
 }
 
-
-
 .delete-icon {
-  width: 16px;
-  height: 16px;
   display: flex;
+  align-items: center;
   flex-flow: row nowrap;
   justify-content: center;
-  align-items: center;
+
+  width: 16px;
+  height: 16px;
+
   cursor: pointer;
+
   color: red;
-}
+}

package/dist/Atomic/Layout/Header/Header.scss

@@ -2,31 +2,40 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 11.5px 24px;
-  box-shadow: 0 4px 16px rgba(31, 116, 153, 0.15);
+
   box-sizing: border-box;
+  padding: 11.5px 24px;
+
+  box-shadow: 0 4px 16px rgb(31 116 153 / 15%);
 
   &--user-name {
-    font-size: 12px;
-    text-overflow: ellipsis;
     overflow: hidden;
-    white-space: nowrap;
+
     max-width: 150px;
+
+    white-space: nowrap;
+    text-overflow: ellipsis;
+
+    font-size: 12px;
   }
 
   &--user-status {
+    color: #9AA0B9;
+
     font-size: 10px;
-    color: #9aa0b9;
   }
 
   &--user-ava {
     overflow: hidden;
-    text-align: center;
+
     width: 30px;
     height: 30px;
-    border-radius: 20px;
     margin-right: 8px;
 
+    text-align: center;
+
+    border-radius: 20px;
+
     img {
       width: 30px;
     }
@@ -37,30 +46,37 @@
   }
 
   &--bell {
-    display: flex;
     position: relative;
-    margin-right: 22px;
-    cursor: pointer;
+
+    display: flex;
+
     width: 16px;
-    height: 16px;
-    max-width: 16px;
     min-width: 16px;
+    max-width: 16px;
+    height: 16px;
+    margin-right: 22px;
+
+    cursor: pointer;
 
     &-notification-icon {
-      content: "";
-      width: 7px;
-      height: 7px;
-      border-radius: 15px;
       position: absolute;
       top: -3px;
       right: -6px;
-      background-color: #f06d8d;
+
+      width: 7px;
+      height: 7px;
+
+      content: "";
+
+      border-radius: 15px;
+      background-color: #F06D8D;
     }
   }
 
   &__hint {
     .hint__button {
-      color: #6b81dd;
+      color: #6B81DD;
+
       .hint__label {
         margin-left: 5px;
       }
@@ -70,21 +86,24 @@
 
 .user-menu__dropdown {
   position: absolute;
-  width: 100%;
+  z-index: 50;
   top: 100%;
-  background: #fff;
-  border: 1px solid #e2e5ec;
-  box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
+
+  width: 100%;
   padding: 10px 0;
-  z-index: 50;
+
+  border: 1px solid #E2E5EC;
+  background: #FFF;
+  box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
 }
 
 .user-menu__item {
   padding: 5px 15px;
+
   cursor: pointer;
 
   &:hover {
-    background: #e2e5ec;
+    background: #E2E5EC;
   }
 }
 

package/dist/Atomic/Layout/MainMenu/MainMenu.scss

@@ -2,23 +2,27 @@
 @import "../../../scss/mixins";
 
 .main-menu {
+  position: relative;
+
   display: flex;
   flex-direction: column;
+
+  box-sizing: border-box;
   width: 249px;
   height: 100vh;
-  position: relative;
-  transition: all 0.2s ease-out;
 
-  box-sizing: border-box;
+  transition: all 0.2s ease-out;
 
   &--closed {
-    transition: all 0.2s ease-out;
     width: 50px;
 
+    transition: all 0.2s ease-out;
+
     .main-menu--item {
-      padding: 12.5px 10px;
       justify-content: center;
 
+      padding: 12.5px 10px;
+
       svg {
         margin: 0;
       }
@@ -27,8 +31,10 @@
     .accordion--item {
       .accordion--title-open,
       .accordion--title-box {
-        padding: 7.5px;
         justify-content: center;
+
+        padding: 7.5px;
+
         transition: all 0.3s ease-out;
 
         svg {
@@ -44,89 +50,114 @@
   }
 
   &--header {
+    z-index: 2;
+
     display: flex;
     align-items: center;
     justify-content: space-between;
-    z-index: 2;
+
     height: 22px;
     padding: 14px 26px 16px 24px;
-    background-color: #535e88;
+
+    background-color: #535E88;
+
     &-closed {
       padding: 15px;
     }
+
     &-btn {
       display: flex;
       align-items: center;
-      font-size: 24px;
-      color: #e2e6f8;
-      cursor: pointer;
+
       margin-left: -5px;
+
+      cursor: pointer;
+
+      color: #E2E6F8;
+
+      font-size: 24px;
     }
   }
 
   &--logo {
+    width: 118px;
+    height: 36px;
+
+    transition: all 0.2s ease-out;
+
     background-image: url("../../../../../assets/img/finturfLogo.svg");
     background-repeat: no-repeat;
     background-position: left;
-    height: 36px;
-    width: 118px;
-    transition: all 0.2s ease-out;
 
     &-none {
-      height: 0;
       width: 0;
-      opacity: 0;
+      height: 0;
+
       transition: all 0.2s ease-out;
+
+      opacity: 0;
     }
 
     &-close {
+      width: 30px;
+      height: 36px;
+
       background-image: url("../../../../../assets/img/fiLogo.svg");
       background-repeat: no-repeat;
       background-position: center;
-      height: 36px;
-      width: 30px;
     }
   }
 
   &--items-box {
-    padding: 10px 0;
-    height: 100%;
-    overflow-y: auto;
     z-index: 1;
-    box-shadow: 4px 8px 16px rgba(31, 116, 153, 0.15);
+
+    overflow-y: auto;
+
+    height: 100%;
+    padding: 10px 0;
+
+    box-shadow: 4px 8px 16px rgb(31 116 153 / 15%);
 
     @include custom-scroll2;
 
     &-title {
-      font-size: 13px;
-      color: $color--text;
       text-decoration: none;
+
+      color: $color--text;
+
+      font-size: 13px;
     }
 
     &-chapter {
+      padding: 16px 25px 10px;
+
+      user-select: none;
       text-transform: uppercase;
-      font-size: 10px;
+
       color: $color--gray-gull;
-      padding: 16px 25px 10px 25px;
-      user-select: none;
+
+      font-size: 10px;
 
       &-hidden {
-        span {
-          display: none;
-        }
         width: 16px;
         height: 5px;
-        padding: 0;
-        background-color: #e2e5ec;
-        border-radius: 9px;
-        margin-left: 17px;
         margin-top: 24.5px;
         margin-bottom: 15.5px;
+        margin-left: 17px;
+        padding: 0;
+
+        border-radius: 9px;
+        background-color: #E2E5EC;
+
+        span {
+          display: none;
+        }
       }
     }
 
     svg {
       transition: all 0.3s ease-out;
+
       font-size: 16px;
     }
   }
@@ -135,7 +166,9 @@
     display: flex;
     align-items: center;
     justify-content: flex-start;
+
     padding: 12.5px 24px;
+
     cursor: pointer;
     white-space: nowrap;
 
@@ -159,9 +192,10 @@
       }
 
       &--content-item {
+        width: calc(100% - 70px);
         padding: 5px 35px;
+
         cursor: pointer;
-        width: calc(100% - 70px);
 
         &:hover {
           background-color: $color--gray-gentel;