intelicoreact 1.0.29 → 1.0.30

package/dist/Atomic/UI/ProgressLine/ProgressLine.scss

@@ -1,28 +1,35 @@
 .progress-line {
-  width: 100%;
+  position: relative;
+
   display: flex;
   flex-direction: column;
+
   box-sizing: border-box;
-  position: relative;
+  width: 100%;
 
   // Wrapper
   &__wrapper {
-    width: 100%;
+    position: relative;
+
     display: flex;
     flex-direction: column;
-    box-sizing: border-box;
-    position: relative;
     justify-content: space-between;
 
+    box-sizing: border-box;
+    width: 100%;
+
     &__label {
-      font-family: 'Sarabun';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 14px;
-      line-height: 20px;
+      margin-bottom: 8px;
+
       letter-spacing: 0.2px;
+
       color: #171D33;
-      margin-bottom: 8px;
+
+      font-family: Sarabun, sans-serif;
+      font-size: 14px;
+      font-weight: 400;
+      font-style: normal;
+      line-height: 20px;
 
       &.align-left {
         text-align: left;
@@ -36,56 +43,70 @@
         text-align: right;
       }
     }
+
     &__value {
-      font-family: 'Sarabun';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 14px;
-      line-height: 20px;
-      letter-spacing: 0.2px;
-      color: #171D33;
       display: flex;
       flex-wrap: nowrap;
+
       white-space: nowrap;
+      letter-spacing: 0.2px;
+
+      color: #171D33;
+
+      font-family: Sarabun, sans-serif;
+      font-size: 14px;
+      font-weight: 400;
+      font-style: normal;
+      line-height: 20px;
     }
     // Progress Line Value Position
     //--Top
     &[class*="value-top-"] {
       flex-flow: column;
 
-      [class*="__value"]{
+      [class*="__value"] {
         margin-bottom: 8px;
       }
     }
+
     &.value-top-center {
       align-items: center;
     }
+
     &.value-top-left {
       align-items: flex-start;
+
       text-align: left;
     }
+
     &.value-top-right {
       align-items: flex-end;
-      text-align: right;
+
       padding-right: 8px;
+
+      text-align: right;
     }
     //--Middle
     &[class*="value-center-"] {
       align-items: center;
     }
+
     &.value-center-left {
       flex-flow: row;
 
-      [class*="__value"]{
+      [class*="__value"] {
         margin-right: 8px;
+
         text-align: center;
       }
     }
+
     &.value-center-right {
       flex-flow: row-reverse;
 
-      [class*="__value"]{
+      [class*="__value"] {
         margin-left: 8px;
+
         text-align: center;
       }
     }
@@ -93,30 +114,36 @@
     &[class*="value-bottom-"] {
       flex-flow: column-reverse;
 
-      [class*="__value"]{
+      [class*="__value"] {
         margin-top: 8px;
       }
     }
+
     &.value-bottom-center {
       align-items: center;
     }
+
     &.value-bottom-left {
       align-items: flex-start;
     }
+
     &.value-bottom-right {
       align-items: flex-end;
     }
 
     &__line {
+      position: relative;
+
       width: 100%;
       height: 4px;
+
       border-radius: 8px;
-      position: relative;
       background: #E6F0F7;
 
       &--filled {
-        height: 100%;
         width: 0;
+        height: 100%;
+
         border-radius: 8px;
       }
     }
@@ -131,6 +158,7 @@
         color: #46AAF2;
       }
     }
+
     &.variant-success {
       [class$="__line--filled"] {
         background: #54D3AD;
@@ -140,6 +168,7 @@
         color: #54D3AD;
       }
     }
+
     &.variant-error {
       [class$="__line--filled"] {
         background: #FA2E69;
@@ -149,6 +178,7 @@
         color: #FA2E69;
       }
     }
+
     &.variant-grey {
       [class$="__line--filled"] {
         background: #A6AAB4;
@@ -158,6 +188,7 @@
         color: #A6AAB4;
       }
     }
+
     &.variant-warning {
       [class$="__line--filled"] {
         background: #FFDB7C;
@@ -169,53 +200,66 @@
     }
 
     // Extremums
-  &__extremums {
-    font-family: 'Sarabun';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 20px;
-    letter-spacing: 0.2px;
-    color: #171D33;
-    line-height: 1;
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    position: absolute;
-    box-sizing: border-box;
+    &__extremums {
+      position: absolute;
+
+      display: flex;
+      justify-content: space-between;
+
+      box-sizing: border-box;
+      width: 100%;
+
+      letter-spacing: 0.2px;
 
-    &--min {
-      left: 0;
-      top: 0;
+      color: #171D33;
+
+      font-family: Sarabun, sans-serif;
+      font-size: 14px;
+      font-weight: 400;
+      font-style: normal;
+      line-height: 20px;
+      line-height: 1;
+
+      &--min {
+        top: 0;
+        left: 0;
+      }
+
+      &--max {
+        right: 0;
+      }
     }
 
-    &--max {
-      right: 0;
+    &__extremums.position-top {
+      transform: translateY(calc(-100% - 8px));
+    }
+
+    &__extremums.position-bottom {
+      transform: translateY(8px);
+    }
+
+    &__extremums.position-top &__extremums--min,
+    &__extremums.position-bottom &__extremums--min {
+      transform: translateX(-50%);
+    }
+
+    &__extremums.position-top &__extremums--max,
+    &__extremums.position-bottom &__extremums--max {
+      transform: translateX(50%);
+    }
+
+    &__extremums.position-center {
+      top: 50%;
+
+      transform: translateY(-50%);
+    }
+
+    &__extremums.position-center &__extremums--min {
+      transform: translateX(calc(-100% - 8px));
+    }
+
+    &__extremums.position-center &__extremums--max {
+      transform: translateX(calc(100% + 8px));
     }
-  }
-  &__extremums.position-top {
-    transform: translateY(calc(-100% - 8px));
-  }
-  &__extremums.position-bottom {
-    transform: translateY(8px);
-  }
-  &__extremums.position-top &__extremums--min,
-  &__extremums.position-bottom &__extremums--min {
-    transform: translateX(-50%);
-  }
-  &__extremums.position-top &__extremums--max,
-  &__extremums.position-bottom &__extremums--max {
-    transform: translateX(50%);
-  }
-  &__extremums.position-center {
-    top: 50%;
-    transform: translateY(-50%);
-  }
-  &__extremums.position-center &__extremums--min {
-    transform: translateX(calc(-100% - 8px));
-  }
-  &__extremums.position-center &__extremums--max {
-    transform: translateX(calc(100% + 8px));
-  }
   }
 }

package/dist/Atomic/UI/Status/Status.scss

@@ -4,19 +4,25 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
+
+  height: 20px;
+  padding: 0 8px;
+
+  border-radius: 15px;
+
   font-size: 11px;
   font-weight: 400;
-  border-radius: 15px;
-  padding: 0 8px;
-  height: 20px;
 
   &--number {
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 10px;
-    border-radius: 15px;
+
     height: 20px;
+
+    border-radius: 15px;
+
+    font-size: 10px;
   }
 
   &--active,
@@ -26,8 +32,8 @@
   }
 
   &--error {
-    color: #ffff;
-    background-color: #9aa0b9;
+    color: #FFFF;
+    background-color: #9AA0B9;
   }
 
   &--review,
@@ -37,24 +43,24 @@
   &--declined,
   &--blocked {
     color: $color--froly;
-    background-color: #fce2e8;
+    background-color: #FCE2E8;
   }
 
   &--processing {
-    color: #9aa0b9;
-    background-color: #e2e6f8;
+    color: #9AA0B9;
+    background-color: #E2E6F8;
   }
 
   &--new,
   &--preApproved {
     color: $color--primary;
-    background-color: #e2e6f8;
+    background-color: #E2E6F8;
   }
 
   &--pending,
   &--primary,
   &--warning {
-    color: #f59a2f;
+    color: #F59A2F;
     background-color: $color--sandy-beach;
   }
 
@@ -70,16 +76,17 @@
 
   &--no-bg {
     background: none;
+
     font-size: 13px;
   }
 
   &--disabled {
-    background-color: $color--border;
     color: #777;
+    background-color: $color--border;
   }
 
   &--outline {
-    border: 1px solid #D6D9E4;
     color: #1F7499;
+    border: 1px solid #D6D9E4;
   }
 }

package/dist/Atomic/UI/Table/Table.scss

@@ -1,78 +1,90 @@
 @import "../../../scss/vars";
 
 .table-header {
-    &--weight-actions {
-        width: 3%;
-    }
+  &--weight-actions {
+    width: 3%;
+  }
 }
 
 .table--icon {
-    min-width: 16px;
-    min-height: 16px;
-    color: #9aa0b9;
-    cursor: pointer;
-    padding: 5px;
-    border-radius: 5px;
-
-    &:hover {
-        background-color: #f3f3f3;
-    }
+  min-width: 16px;
+  min-height: 16px;
+  padding: 5px;
+
+  cursor: pointer;
+
+  color: #9AA0B9;
+  border-radius: 5px;
+
+  &:hover {
+    background-color: #F3F3F3;
+  }
 }
 
 .simple-table {
+  overflow-x: auto;
+
+  width: 100%;
+
+  color: #1E1E2D;
+
+  table {
+    //table-layout: fixed;
     width: 100%;
-    overflow-x: auto;
-    color: #1e1e2d;
-
-    table {
-        border-spacing: 0px;
-        border-collapse: collapse;
-        //table-layout: fixed;
-        width: 100%;
-
-        thead {
-            font-size: 10px;
-            text-transform: uppercase;
-            color: #9aa0b9;
-            background-color: #ebeff2;
-            white-space: nowrap;
-
-            th {
-                padding: 10px 15px;
-                font-weight: 400;
-
-                &:last-child {
-                    text-align: right;
-                }
-            }
-        }
 
-        tbody {
-            font-size: 13px;
+    border-spacing: 0;
+
+    border-collapse: collapse;
+
+    thead {
+      white-space: nowrap;
+      text-transform: uppercase;
+
+      color: #9AA0B9;
+      background-color: #EBEFF2;
+
+      font-size: 10px;
 
-            tr {
-                border-bottom: 1px solid #f1f1f1;
-            }
-            td {
-                padding: 7.5px 15px;
-                background-color: #ffff;
-            }
+      th {
+        padding: 10px 15px;
+
+        font-weight: 400;
+
+        &:last-child {
+          text-align: right;
         }
+      }
     }
-}
 
-.accordion--table {
-    overflow: visible;
+    tbody {
+      font-size: 13px;
 
-    tr {
-        border: none !important;
-    }
+      tr {
+        border-bottom: 1px solid #F1F1F1;
+      }
+
+      td {
+        padding: 7.5px 15px;
 
-    td {
-        border: none !important;
-        background-color: #f7fafc !important;
-        font-size: 10px;
-        padding: 3px 15px !important;
+        background-color: #FFFF;
+      }
     }
+  }
 }
 
+.accordion--table {
+  overflow: visible;
+
+  tr {
+    border: none !important;
+  }
+
+  td {
+    padding: 3px 15px !important;
+
+    border: none !important;
+    background-color: #F7FAFC !important;
+
+    font-size: 10px;
+  }
+}

package/dist/Atomic/UI/Table/TdTypes/TdTypes.scss

@@ -1,33 +1,37 @@
 .td-actions {
-    &--item {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-left: 5px;
-        font-size: 16px;
-        cursor: pointer;
-        user-select: none;
-        border-radius: 5px;
-        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 0px 2px rgba(0, 0, 0, 0.15);
-        min-width: 28px;
-        min-height: 28px;
-    }
-
-    &--delete {
-        color: #F06D8DFF !important;
-    }
-
-    &--undo {
-        color: #F06D8DFF !important;
-    }
-
-    &--edit {
-        color: #6B81DDFF !important;
-    }
-
-    &--download {
-        color: #6B81DDFF;
-    }
+  &--item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    min-width: 28px;
+    min-height: 28px;
+    margin-left: 5px;
+
+    cursor: pointer;
+    user-select: none;
+
+    border-radius: 5px;
+    box-shadow: 0 4px 4px rgb(0 0 0 / 5%), 0 0 2px rgb(0 0 0 / 15%);
+
+    font-size: 16px;
+  }
+
+  &--delete {
+    color: #F06D8DFF !important;
+  }
+
+  &--undo {
+    color: #F06D8DFF !important;
+  }
+
+  &--edit {
+    color: #6B81DDFF !important;
+  }
+
+  &--download {
+    color: #6B81DDFF;
+  }
 }
 
 .td-weight {