intelicoreact 1.0.29 → 1.0.31

package/dist/Atomic/FormElements/RadioInput/RadioInput.scss

@@ -3,13 +3,15 @@
 .radio-input {
   display: inline-flex;
   align-items: center;
+
   cursor: pointer;
 
   &_disabled {
     .radio-input__input {
-      opacity: 0.3;
-      pointer-events: none;
       cursor: auto;
+      pointer-events: none;
+
+      opacity: 0.3;
     }
   }
 
@@ -20,27 +22,32 @@
   }
 
   &__input {
+    position: relative;
+
     width: 14px;
     height: 14px;
-    border-radius: 50%;
+
     border: 1px solid $color--gray;
-    position: relative;
-    background-color: #ffff;
+    border-radius: 50%;
+    background-color: #FFFF;
   }
 
   &__mark {
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-    background-color: $color--primary;
     position: absolute;
+    z-index: 1;
     top: 0;
-    bottom: 0;
     right: 0;
+    bottom: 0;
     left: 0;
-    margin: auto;
-    z-index: 1;
+
     display: none;
+
+    width: 10px;
+    height: 10px;
+    margin: auto;
+
+    border-radius: 50%;
+    background-color: $color--primary;
   }
 
   .radio-input__radio:checked ~ .radio-input__mark {
@@ -48,16 +55,20 @@
   }
 
   &__radio {
-    opacity: 0;
     position: absolute;
-    height: 0;
+
     width: 0;
+    height: 0;
+
+    opacity: 0;
   }
 
   &__label {
+    margin-left: 5px;
+
+    user-select: none;
+
     font-size: 13px;
     font-weight: 400;
-    user-select: none;
-    margin-left: 5px;
   }
 }

package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.scss

@@ -3,138 +3,170 @@
   align-items: center;
 
   &__label {
-    color: #1e1e2d;
-    font-weight: 400;
-    font-size: 13px;
     flex-basis: 300px;
+
     margin-right: 10px;
+
+    color: #1E1E2D;
+
+    font-size: 13px;
+    font-weight: 400;
   }
 
   &__items-box {
-    box-sizing: border-box;
+    position: relative;
+
     display: grid;
-    grid-template-columns: repeat(5, 1fr);
-    justify-content: center;
     align-items: center;
-    border-radius: 26px;
-    padding: 1px;
-    min-height: 28px;
-    position: relative;
-    background: #fff;
-    max-width: 275px;
+    justify-content: center;
+
+    box-sizing: border-box;
     min-width: 275px;
+    max-width: 275px;
+    min-height: 28px;
+    padding: 1px;
+
+    border-radius: 26px;
+    background: #FFF;
+    grid-template-columns: repeat(5, 1fr);
   }
 
   &__item {
-    cursor: pointer;
-    width: 20%;
-    white-space: nowrap;
-    padding: 3px 8px;
     display: flex;
     align-items: center;
     justify-content: center;
+
+    width: 20%;
+    height: 18px;
+    padding: 3px 8px;
+
+    cursor: pointer;
+    user-select: none;
+    transition: 0.2s ease;
+    white-space: nowrap;
+
+    color: #1E1E2D;
     border: 1px solid transparent;
     border-radius: 16px;
-    height: 18px;
+
     font-size: 13px;
     font-weight: 300;
-    user-select: none;
-    transition: 0.2s ease;
-    color: #1e1e2d;
 
     &:first-child {
       min-width: 27px;
 
       &:hover {
-        color: #78c58d;
+        color: #78C58D;
       }
     }
+
     &:nth-child(2) {
       min-width: 19px;
 
       &:hover {
-        color: #f06d8d;
+        color: #F06D8D;
       }
     }
+
     &:nth-child(3) {
       min-width: 46px;
 
       &:hover {
-        color: #f59a2f;
+        color: #F59A2F;
       }
     }
+
     &:nth-child(4) {
       min-width: 22px;
 
       &:hover {
-        color: #9aa0b9;
+        color: #9AA0B9;
       }
     }
+
     &:nth-child(5) {
       min-width: 54px;
 
       &:hover {
-        color: #6b81dd;
+        color: #6B81DD;
       }
     }
 
     &--active {
       &:first-child {
-        color: #78c58d;
+        color: #78C58D;
       }
+
       &:nth-child(2) {
-        color: #f06d8d;
+        color: #F06D8D;
       }
+
       &:nth-child(3) {
-        color: #f59a2f;
+        color: #F59A2F;
       }
+
       &:nth-child(4) {
         font-weight: 400;
       }
+
       &:nth-child(5) {
-        color: #6b81dd;
+        color: #6B81DD;
       }
     }
   }
 
   &__slider {
     position: absolute;
-    border-radius: 28px;
-    width: 0;
-    left: 1px;
     top: 2px;
     bottom: 2px;
-    border: 1px solid transparent;
-    transition: 0.3s ease;
+    left: 1px;
+
+    width: 0;
+
     cursor: pointer;
-    
+    transition: 0.3s ease;
+
+    border: 1px solid transparent;
+    border-radius: 28px;
+
     &--pass {
       left: 1px;
+
       width: 44px;
-      border: 1px solid #00b031;
+
+      border: 1px solid #00B031;
     }
+
     &--fail {
       left: 46px;
+
       width: 37px;
-      border: 1px solid #f06d8d;
+
+      border: 1px solid #F06D8D;
     }
 
     &--pending {
       left: 91px;
+
       width: 64px;
-      border: 1px solid #f59a2f;
+
+      border: 1px solid #F59A2F;
     }
 
     &--na {
       left: 155px;
+
       width: 40px;
-      border: 1px solid #9aa0b9;
+
+      border: 1px solid #9AA0B9;
     }
 
     &--exception {
       left: 200px;
+
       width: 72px;
-      border: 1px solid #6b81dd;
+
+      border: 1px solid #6B81DD;
     }
   }
 }

package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.scss

@@ -1,35 +1,43 @@
-.range-calendar, .calendar {
-  width: 195px;
-  min-height: 195px;
+.range-calendar,
+.calendar {
   display: flex;
   flex-direction: column;
+
+  width: 195px;
+  min-height: 195px;
+
   user-select: none;
 
   &-header {
-    height: 24px;
-    margin-bottom: 12px;
-
     display: flex;
-    justify-content: space-between;
     align-items: center;
+    justify-content: space-between;
+
+    height: 24px;
+    margin-bottom: 12px;
 
     &__title {
-      line-height: 20px;
-      font-weight: 500;
-      text-align: center;
-      flex-grow: 1;
-      color: #000000;
       display: flex;
       align-items: center;
+      flex-grow: 1;
       justify-content: center;
+
+      text-align: center;
+
+      color: #000;
+
+      font-weight: 500;
+      line-height: 20px;
     }
 
-    &__next, &__prev {
+    &__next,
+    &__prev {
       width: 16px;
       height: 16px;
+
+      color: #171D33;
       //background-color: #E2E6F8;
       border-radius: 5px;
-      color: #171D33;
     }
   }
 
@@ -38,14 +46,17 @@
   }
 
   &__day {
-    font-size: 13px;
-    line-height: 20px;
-    margin: 1px 0;
-    flex-grow: 1;
     flex-basis: 0;
-    text-align: center;
+    flex-grow: 1;
+
+    margin: 1px 0;
     padding: 1px 6px;
+
     user-select: none;
+    text-align: center;
+
+    font-size: 13px;
+    line-height: 20px;
 
     &--clickable {
       cursor: pointer;
@@ -57,18 +68,20 @@
 
     &--disabled {
       cursor: default;
-      color: #9aa0b9;
       pointer-events: none;
 
+      color: #9AA0B9;
+
       &:hover {
         background: inherit;
       }
     }
 
-    &--range-start, &--range-end {
-      background: #6B81DD;
+    &--range-start,
+    &--range-end {
       color: white;
       border-radius: 4px;
+      background: #6B81DD;
 
       &:hover {
         background: #6B81DD;
@@ -80,8 +93,8 @@
     }
 
     &--prev-range-end {
-      background: #E2E5EC;
       border-radius: 4px;
+      background: #E2E5EC;
     }
 
     &--prev-range-inside {
@@ -89,8 +102,9 @@
     }
 
     &--title {
-      font-size: 10px;
       color: #9AA0B9;
+
+      font-size: 10px;
       font-weight: normal;
 
       &:hover {

package/dist/Atomic/FormElements/RangeInputs/RangeInputs.scss

@@ -1,26 +1,27 @@
 .range-inputs {
   display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
   align-items: flex-start;
+  flex-flow: row nowrap;
   flex-direction: column;
+  justify-content: flex-start;
 
   &__wrapper {
-    width: 100%;
-
     display: flex;
+    align-items: center;
     flex-flow: row nowrap;
     justify-content: flex-start;
-    align-items: center;
+
+    width: 100%;
   }
 
   &__input-from,
   &__input-to {
-    width: fit-content;
     display: flex;
+    align-items: center;
     flex-flow: row nowrap;
     justify-content: flex-start;
-    align-items: center;
+
+    width: fit-content;
   }
 
   &__input-from {
@@ -28,19 +29,21 @@
   }
 
   &__input-label {
+    margin-right: 15px;
+
     font-size: 12px;
     line-height: 24px;
-    margin-right: 15px;
   }
 
   &_column {
     align-items: flex-start;
 
     .range-inputs__wrapper {
-      width: fit-content;
+      align-items: flex-end;
       flex-flow: column nowrap;
       justify-content: flex-start;
-      align-items: flex-end;
+
+      width: fit-content;
     }
 
     .range-inputs__input-from {
@@ -49,12 +52,13 @@
     }
   }
 
-  .range-inputs__label{
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 500;
+  .range-inputs__label {
+    margin-bottom: 8px;
+
+    font-family: Roboto, sans-serif;
     font-size: 12px;
+    font-weight: 500;
+    font-style: normal;
     line-height: 24px;
-    margin-bottom: 8px;
   }
 }

package/dist/Atomic/FormElements/RangeList/RangeList.scss

@@ -3,59 +3,61 @@
 .range-list {
   --border-color: black;
   --button-size: 56px;
-
   --labels-font-size: 16px;
   --inputs-font-size: 14px;
   --values-font-size: 16px;
   --button-text-font-size: 14px;
-
   --labels-color: black;
   --inputs-color: black;
   --values-color: black;
-
   --background-color: transparent;
   --labels-background-color: transparent;
   --inputs-background-color: transparent;
-  --tag-input-background-color: #fff;
-  --values-background-color: #fff;
+  --tag-input-background-color: #FFF;
+  --values-background-color: #FFF;
 
   width: 500px;
   height: fit-content;
+
   background-color: transparent;
 
   &__row {
     display: grid;
+
     width: 100%;
     height: 30px;
     grid-template-columns: 1fr 1fr var(--button-size);
   }
 
-  &__labels, &__inputs {
+  &__labels,
+  &__inputs {
     grid-column-gap: 2px;
   }
 
   &__labels {
     margin-bottom: 10px;
+
+    color: var(--labels-color);
     background-color: var(--labels-background-color);
 
     font-family: inherit;
-    font-style: inherit;
-    font-weight: 400;
     font-size: var(--labels-font-size);
+    font-weight: 400;
+    font-style: inherit;
     line-height: 24px;
-    color: var(--labels-color);
   }
 
   &__inputs {
     margin-bottom: 6px;
+
+    color: var(--inputs-color);
     background-color: var(--inputs-background-color);
 
     font-family: inherit;
-    font-style: inherit;
-    font-weight: 400;
     font-size: var(--inputs-font-size);
+    font-weight: 400;
+    font-style: inherit;
     line-height: 24px;
-    color: var(--inputs-color);
 
     & input {
       background-color: var(--tag-input-background-color);
@@ -63,59 +65,66 @@
   }
 
   &__values {
-    background-color: var(--values-background-color);
+    color: var(--values-color);
+    border-right: 1px solid var(--border-color);
     border-bottom: 1px solid var(--border-color);
     border-left: 1px solid var(--border-color);
-    border-right: 1px solid var(--border-color);
-
-    &_first-value {
-      border-top: 1px solid var(--border-color);
-    }
+    background-color: var(--values-background-color);
 
     font-family: inherit;
-    font-style: inherit;
-    font-weight: 400;
     font-size: var(--values-font-size);
+    font-weight: 400;
+    font-style: inherit;
     line-height: 24px;
-    color: var(--values-color);
+
+    &_first-value {
+      border-top: 1px solid var(--border-color);
+    }
   }
 
   &__cell {
-    &>button {
+    & > button {
       width: 100%;
+
       font-size: var(--button-text-font-size);
     }
 
-    &-label, &-input input, &-value {
+    &-label,
+    &-input input,
+    &-value {
+      color: inherit;
+
       font-family: inherit;
-      font-style: inherit;
-      font-weight: inherit;
       font-size: inherit;
+      font-weight: inherit;
+      font-style: inherit;
       line-height: inherit;
-      color: inherit;
     }
 
-    &-label{
+    &-label {
       display: flex;
+      align-items: center;
       flex-flow: row nowrap;
       justify-content: flex-start;
-      align-items: center;
     }
 
     &-value {
-      padding: 0 7.5px;
-      border-right: 1px solid var(--border-color);
       display: flex;
+      align-items: center;
       flex-flow: row nowrap;
       justify-content: flex-start;
-      align-items: center;
+
+      padding: 0 7.5px;
+
+      border-right: 1px solid var(--border-color);
     }
 
     &-action {
       display: flex;
+      align-items: center;
       flex-flow: row nowrap;
       justify-content: center;
-      align-items: center;
+
       cursor: pointer;
 
       color: $color--froly;
@@ -123,27 +132,32 @@
   }
 
   &__error {
-    font-size: 10px;
-    line-height: normal;
-    font-family: inherit;
-    font-style: normal;
-    font-weight: 400;
+    display: block;
+
     margin-bottom: 5px;
     margin-left: 5px;
-    display: block;
-    color: #f06d8d;
+
+    color: #F06D8D;
+
+    font-family: inherit;
+    font-size: 10px;
+    font-weight: 400;
+    font-style: normal;
+    line-height: normal;
   }
 
   &_disabled {
-    opacity: 0.5;
     pointer-events: none;
+
+    opacity: 0.5;
   }
 
   &__null-value {
-    border: none;
     display: flex;
-    flex-flow: row nowrap;
     align-items: center;
+    flex-flow: row nowrap;
     justify-content: center;
+
+    border: none;
   }
 }