intelicoreact 1.0.29 → 1.0.30

package/dist/Atomic/UI/NavLine/NavLine.scss

@@ -1,22 +1,26 @@
 .nav-line {
   &__inner {
     display: flex;
-    justify-content: flex-start;
     align-items: center;
     flex-wrap: wrap;
-    background-color: #f7fafc;
+    justify-content: flex-start;
+
+    background-color: #F7FAFC;
   }
 
   &__item {
+    margin-bottom: -1px;
     padding: 10px;
+
     cursor: pointer;
-    font-size: 13px;
-    color: #1e1e2d;
-    border-top: 2px solid transparent;
     user-select: none;
-    margin-bottom: -1px;
-    border-left: 1px solid transparent;
+
+    color: #1E1E2D;
+    border-top: 2px solid transparent;
     border-right: 1px solid transparent;
+    border-left: 1px solid transparent;
+
+    font-size: 13px;
 
     &--label {
       text-transform: uppercase;
@@ -25,52 +29,61 @@
     &--icon {
       display: flex;
       align-items: center;
+
       margin-right: 5px;
 
       svg {
-        height: 17px;
         width: 17px;
+        height: 17px;
       }
     }
 
     &.active {
-      color: #6b81dd;
-      background: #fff;
-      font-weight: 500;
-      border-top: 2px solid #6b81dd;
       cursor: default;
-      border-left: 1px solid #cfcfcf;
-      border-right: 1px solid #cfcfcf;
       text-decoration: none;
+
+      color: #6B81DD;
+      border-top: 2px solid #6B81DD;
+      border-right: 1px solid #CFCFCF;
+      border-left: 1px solid #CFCFCF;
+      background: #FFF;
+
+      font-weight: 500;
     }
   }
 
   &__body {
+    position: relative;
+    bottom: 0;
+
     display: flex;
     flex-wrap: wrap;
+
+    margin-right: -32px;
+    margin-left: -32px;
     padding: 24px 32px;
+
+    border-top: 1px solid #CFCFCF;
+    background-color: #F7FAFC;
+
     font-size: 13px;
-    border-top: 1px solid #cfcfcf;
-    margin-left: -32px;
-    margin-right: -32px;
-    background-color: #f7fafc;
-    position: relative;
-    bottom: 0px;
+
     &:empty {
       padding: 0 32px;
     }
   }
 
-  &--scroll-mode{
+  &--scroll-mode {
     position: relative;
 
-    .nav-line--simple__inner{
-      flex-wrap: nowrap;
+    .nav-line--simple__inner {
       overflow: hidden;
+      flex-wrap: nowrap;
     }
 
     .nav-line--simple__item {
       flex-wrap: nowrap;
+
       white-space: nowrap;
     }
   }
@@ -79,52 +92,66 @@
 .nav-line--simple {
   &__inner {
     display: flex;
-    justify-content: flex-start;
     align-items: center;
     flex-wrap: wrap;
+    justify-content: flex-start;
+
     padding-left: 8px;
   }
 
   &__item {
     position: relative;
-    padding: 10px 10px 14px 10px;
-    cursor: pointer;
-    font-size: 13px;
-    color: #1e1e2d;
-    border-bottom: 1px solid #cfcfcf;
-    user-select: none;
-    margin-bottom: -1px;
-    text-decoration: none !important;
+
     display: flex;
     align-items: center;
     justify-content: center;
+
+    margin-bottom: -1px;
+    padding: 10px 10px 14px;
+
+    cursor: pointer;
+    user-select: none;
     transition: all 0.2s ease-out;
+    text-decoration: none !important;
+
+    color: #1E1E2D;
+    border-bottom: 1px solid #CFCFCF;
+
+    font-size: 13px;
 
     &::after {
-      content: "";
-      width: 0;
-      height: 2px;
       position: absolute;
       bottom: 0;
-      background-color: #6b81dd;
+
+      width: 0;
+      height: 2px;
+
+      content: "";
       transition: all 0.2s ease-out;
+
+      background-color: #6B81DD;
     }
 
     &:hover {
       &::after {
         width: 50%;
+
         opacity: 0.6;
       }
     }
 
     &.active {
-      font-weight: 500;
       cursor: default;
-      opacity: 100%;
+
+      opacity: 1;
+
+      font-weight: 500;
 
       &::after {
         left: 0;
+
         width: 100%;
+
         opacity: 1;
       }
     }
@@ -132,35 +159,43 @@
 
   &__arrow {
     position: absolute;
+    z-index: 2;
+
     display: flex;
     align-items: center;
-    height: 39px;
-    width: 36px;
-    background: #fff;
-    color:#424242;
+    justify-content: center;
+
     box-sizing: border-box;
+    width: 36px;
+    height: 39px;
+
     transition: all 0.5s;
-    z-index: 2;
-    justify-content: center;
+
+    color: #424242;
+    background: #FFF;
 
     &:hover {
       cursor: pointer;
     }
 
-    &--prev{
-      left: 0;
+    &--prev {
       top: 0;
-      border-radius: 8px 0 0 8px;
+      left: 0;
+
       transform: translate(-100%, -2px);
-      box-shadow: 10px 0px 10px -5px #dddddd;
+
+      border-radius: 8px 0 0 8px;
+      box-shadow: 10px 0 10px -5px #DDD;
     }
 
-    &--next{
-      right: 0;
+    &--next {
       top: 0;
-      border-radius: 0 8px 8px 0;
+      right: 0;
+
       transform: translate(100%, -2px);
-      box-shadow: -10px 0px 10px -5px #dddddd;
+
+      border-radius: 0 8px 8px 0;
+      box-shadow: -10px 0 10px -5px #DDD;
     }
 
     svg {
@@ -171,6 +206,7 @@
 
   &__body {
     padding: 15px 10px;
+
     font-size: 13px;
   }
 }
@@ -180,6 +216,5 @@
 }
 
 .post-log-tab__body {
-  background-color: #f7fafc;
+  background-color: #F7FAFC;
 }
-

package/dist/Atomic/UI/NavLine/Tabs.js

@@ -5,111 +5,111 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _default = {
-  "activeTab": "",
-  "initialTab": "",
-  "variant": "simple",
-  "items": [{
-    "tabId": "",
-    "label": "All Industries"
+  activeTab: '',
+  initialTab: '',
+  variant: 'simple',
+  items: [{
+    tabId: '',
+    label: 'All Industries'
   }, {
-    "tabId": 0,
-    "label": "Doors"
+    tabId: 0,
+    label: 'Doors'
   }, {
-    "tabId": 1,
-    "label": "Flooring"
+    tabId: 1,
+    label: 'Flooring'
   }, {
-    "tabId": 2,
-    "label": "Home Automation"
+    tabId: 2,
+    label: 'Home Automation'
   }, {
-    "tabId": 3,
-    "label": "HVAC"
+    tabId: 3,
+    label: 'HVAC'
   }, {
-    "tabId": 4,
-    "label": "Pools and Spas"
+    tabId: 4,
+    label: 'Pools and Spas'
   }, {
-    "tabId": 5,
-    "label": "Roofing"
+    tabId: 5,
+    label: 'Roofing'
   }, {
-    "tabId": 6,
-    "label": "Solar systems"
+    tabId: 6,
+    label: 'Solar systems'
   }, {
-    "tabId": 7,
-    "label": "Termite tenting"
+    tabId: 7,
+    label: 'Termite tenting'
   }, {
-    "tabId": 8,
-    "label": "Water filtration"
+    tabId: 8,
+    label: 'Water filtration'
   }, {
-    "tabId": 9,
-    "label": "Water heaters"
+    tabId: 9,
+    label: 'Water heaters'
   }, {
-    "tabId": 10,
-    "label": "Windows"
+    tabId: 10,
+    label: 'Windows'
   }, {
-    "tabId": 11,
-    "label": "Audiology"
+    tabId: 11,
+    label: 'Audiology'
   }, {
-    "tabId": 12,
-    "label": "Chiropractic"
+    tabId: 12,
+    label: 'Chiropractic'
   }, {
-    "tabId": 13,
-    "label": "Cosmetic Surgery"
+    tabId: 13,
+    label: 'Cosmetic Surgery'
   }, {
-    "tabId": 14,
-    "label": "Dental"
+    tabId: 14,
+    label: 'Dental'
   }, {
-    "tabId": 15,
-    "label": "Dermatology"
+    tabId: 15,
+    label: 'Dermatology'
   }, {
-    "tabId": 16,
-    "label": "Medical Devices"
+    tabId: 16,
+    label: 'Medical Devices'
   }, {
-    "tabId": 17,
-    "label": "Non-invasive Cosmetics"
+    tabId: 17,
+    label: 'Non-invasive Cosmetics'
   }, {
-    "tabId": 18,
-    "label": "Optometry"
+    tabId: 18,
+    label: 'Optometry'
   }, {
-    "tabId": 19,
-    "label": "Vision"
+    tabId: 19,
+    label: 'Vision'
   }, {
-    "tabId": 20,
-    "label": "Weight Loss"
+    tabId: 20,
+    label: 'Weight Loss'
   }, {
-    "tabId": 21,
-    "label": "Appliances"
+    tabId: 21,
+    label: 'Appliances'
   }, {
-    "tabId": 22,
-    "label": "Electronics"
+    tabId: 22,
+    label: 'Electronics'
   }, {
-    "tabId": 23,
-    "label": "Furniture"
+    tabId: 23,
+    label: 'Furniture'
   }, {
-    "tabId": 24,
-    "label": "Mattress"
+    tabId: 24,
+    label: 'Mattress'
   }, {
-    "tabId": 25,
-    "label": "Jewelry"
+    tabId: 25,
+    label: 'Jewelry'
   }, {
-    "tabId": 26,
-    "label": "Dog Training"
+    tabId: 26,
+    label: 'Dog Training'
   }, {
-    "tabId": 27,
-    "label": "Pet Retail"
+    tabId: 27,
+    label: 'Pet Retail'
   }, {
-    "tabId": 28,
-    "label": "Veterinary"
+    tabId: 28,
+    label: 'Veterinary'
   }, {
-    "tabId": 29,
-    "label": "Coaching"
+    tabId: 29,
+    label: 'Coaching'
   }, {
-    "tabId": 30,
-    "label": "Funeral"
+    tabId: 30,
+    label: 'Funeral'
   }, {
-    "tabId": 31,
-    "label": "Legal"
+    tabId: 31,
+    label: 'Legal'
   }, {
-    "tabId": 32,
-    "label": "Tax resolution"
+    tabId: 32,
+    label: 'Tax resolution'
   }]
 };
 exports.default = _default;

package/dist/Atomic/UI/PageTitle/PageTitle.scss

@@ -1,50 +1,56 @@
-@import '../../../scss/vars';
+@import "../../../scss/vars";
 
 .page-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 
+  &__title {
+    display: block;
+
+    color: $color--dark;
+
+    font-size: 16px;
+    line-height: 20px;
+  }
+
+  &__pages {
     display: flex;
     align-items: center;
-    justify-content: space-between;
 
-    &__title {
-        display: block;
-        font-size: 16px;
-        line-height: 20px;
-        color: $color--dark;
-    }
+    margin-top: 4px;
+  }
 
-    &__pages {
-        margin-top: 4px;
-        display: flex;
-        align-items: center;
-    }
+  &__delimiter {
+    margin: 0 8px;
 
-    &__delimiter {
-        font-size: 12px;
-        font-weight: 500;
-        color: $color--dark;
-        margin: 0 8px;
-    }
+    color: $color--dark;
 
-    &__link {
-        font-size: 13px;
-        color: $color--primary;
+    font-size: 12px;
+    font-weight: 500;
+  }
 
-        &_last {
-            cursor: default;
-            color: $color--gray--dark;
-        }
+  &__link {
+    color: $color--primary;
 
-        svg path {
-            stroke: $color--primary;
-        }
+    font-size: 13px;
+
+    &_last {
+      cursor: default;
+
+      color: $color--gray--dark;
+    }
+
+    svg path {
+      stroke: $color--primary;
+    }
 
-        &:hover:not(.page-title__link_last) {
-            color: $color--blue--dark;
+    &:hover:not(.page-title__link_last) {
+      color: $color--blue--dark;
 
-            svg path {
-                stroke: $color--blue--dark;
-            }
-        }
+      svg path {
+        stroke: $color--blue--dark;
+      }
     }
+  }
 }