intelicoreact 1.0.28 → 1.0.30

package/dist/Atomic/FormElements/ActionAlert/ActionAlert.js

@@ -40,8 +40,8 @@ var ActionAlert = function ActionAlert(_ref) {
     className: "action-alert__message"
   }, message || children)), !noButton && /*#__PURE__*/_react.default.createElement(_Button.default, {
     style: {
-      'backgroundColor': buttonColor || '#F59A2F',
-      'borderColor': buttonColor || '#F59A2F'
+      backgroundColor: buttonColor || '#F59A2F',
+      borderColor: buttonColor || '#F59A2F'
     },
     className: "ml5",
     label: buttonLabel,

package/dist/Atomic/FormElements/ActionAlert/ActionAlert.scss

@@ -1,20 +1,24 @@
-@import '../../../scss/vars';
+@import "../../../scss/vars";
 
 .action-alert {
-  padding: 10px 8px;
-  height: 20px;
   display: flex;
-  align-items:center;
+  align-items: center;
   justify-content: space-between;
-  font-size: 13px;
-  font-weight: 400;
-  background-color: #EBEFF2;
+
+  height: 20px;
+  padding: 10px 8px;
+
   color: #1E1E2D;
   border-radius: 4px;
+  background-color: #EBEFF2;
+
+  font-size: 13px;
+  font-weight: 400;
 
   &__time {
-    color: #9AA0B9;
     margin-right: 8px;
+
+    color: #9AA0B9;
   }
 
   &--pending {
@@ -26,7 +30,7 @@
   }
 
   &--confirm {
-    background-color:#E4F3E8;
+    background-color: #E4F3E8;
   }
 
   &__message-box,

package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.scss

@@ -1,44 +1,48 @@
-@import '../../../scss/vars';
+@import "../../../scss/vars";
 
 .advanced-status {
-  width: 100%;
   display: flex;
+  align-items: center;
   flex-flow: row nowrap;
   justify-content: flex-start;
-  align-items: center;
+
+  width: 100%;
 
   &__switcher {
     height: fit-content;
     min-height: 28px;
+
     border: none;
 
     .text-switcher__btn {
-      cursor: pointer;
-      min-width: 58px;
-      white-space: nowrap;
-      padding: 0 14px;
-      height: 100%;
       position: relative;
       z-index: 2;
-      background-color: transparent;
 
       display: flex;
+      align-items: center;
       flex-flow: row nowrap;
       justify-content: center;
-      align-items: center;
-      
+
+      min-width: 58px;
+      height: 100%;
+      padding: 0 14px;
+
+      cursor: pointer;
+      text-align: center;
+      white-space: nowrap;
+
       text-transform: capitalize;
-      font-style: normal;
-      font-weight: 400;
+
+      color: $color--primary;
+      background-color: transparent;
+
       font-size: 13px;
+      font-weight: 400;
+      font-style: normal;
       line-height: 20px;
-      display: flex;
-      align-items: center;
-      text-align: center;
-      color: $color--primary;
 
       &_off {
-        color: #1E1E2D;;
+        color: #1E1E2D;
       }
     }
 
@@ -48,7 +52,8 @@
     }
   }
 
-  &_undefined, &_disabled {
+  &_undefined,
+  &_disabled {
     .advanced-status__switcher {
       cursor: auto;
       pointer-events: none;
@@ -63,10 +68,10 @@
 
   &__status {
     display: flex;
+    align-items: center;
     flex-flow: row nowrap;
     justify-content: flex-start;
-    align-items: center;
-    
+
     margin-left: 5px;
   }
-}
+}

package/dist/Atomic/FormElements/Calendar/Calendar.scss

@@ -439,38 +439,45 @@
 // }
 
 .calendar {
-  background: #ffffff;
-  border: 1px solid #e2e5ec;
-  box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
+  display: flex;
+  flex-direction: column;
+
+  width: 260px;
+
+  min-height: 195px;
   margin-top: 4px;
   padding: 5px 0;
 
-  min-height: 195px;
-  width: 260px;
-  display: flex;
-  flex-direction: column;
   user-select: none;
 
+  border: 1px solid #E2E5EC;
+  background: #FFF;
+  box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
+
   &-header {
     display: flex;
-    justify-content: center;
     align-items: center;
+    justify-content: center;
 
     box-sizing: border-box;
+
     &__title {
       &-month {
         margin-right: 5px;
       }
+
       &-year {
+        display: flex;
+        align-items: center;
+        flex-flow: row nowrap;
+        justify-content: center;
+
         box-sizing: border-box;
         width: 45px;
         height: 100%;
         padding: 0 5px;
+
         cursor: pointer;
-        display: flex;
-        flex-flow: row nowrap;
-        justify-content: center;
-        align-items: center;
 
         &:hover:not(.calendar-header__title-year_change-mode) {
           text-decoration: underline;
@@ -479,23 +486,27 @@
         &.calendar-header__title-year_change-mode {
           height: 24px;
           padding: 0 3px;
-          border-style: solid;
+
           border-width: 1px;
+          border-style: solid;
           border-color: inherit;
           border-radius: var(--border-radius);
         }
 
         &-change-input {
+          display: inline;
+
           box-sizing: border-box;
           width: 100%;
-          border: none;
-          outline: none;
           margin: 0;
           padding: 0;
-          display: inline;
+
+          border: none;
+          outline: none;
+
           font-size: inherit;
-          line-height: inherit;
           font-weight: inherit;
+          line-height: inherit;
         }
       }
     }
@@ -503,7 +514,9 @@
     &__prev,
     &__next {
       display: flex;
+
       height: auto;
+
       cursor: pointer;
     }
   }
@@ -513,28 +526,32 @@
   }
 
   &__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;
 
       &:hover {
-        background: #e2e6f8;
+        background: #E2E6F8;
       }
     }
 
     &--disabled {
       cursor: default;
-      color: #9aa0b9;
       pointer-events: none;
 
+      color: #9AA0B9;
+
       &:hover {
         background: inherit;
       }
@@ -542,31 +559,32 @@
 
     &--range-end,
     &--selected {
-      background: #6b81dd;
       color: white;
       border-radius: 4px;
+      background: #6B81DD;
 
       &:hover {
-        background: #6b81dd;
+        background: #6B81DD;
       }
     }
 
     &--range-inside {
-      background: #e2e6f8;
+      background: #E2E6F8;
     }
 
     &--prev-range-end {
-      background: #e2e5ec;
       border-radius: 4px;
+      background: #E2E5EC;
     }
 
     &--prev-range-inside {
-      background: #f7f8fa;
+      background: #F7F8FA;
     }
 
     &--title {
+      color: #9AA0B9;
+
       font-size: 10px;
-      color: #9aa0b9;
       font-weight: normal;
 
       &:hover {
@@ -576,32 +594,37 @@
   }
 
   &-dropdown {
-    appearance: none;
-    background-color: white;
-    cursor: pointer;
-    width: 100%;
-    height: 28px;
-
     display: flex;
-    cursor: pointer;
-    padding-left: 9px;
-    font-weight: 400;
     overflow: hidden;
     align-items: center;
 
-    border: 1px solid #e2e5ec;
     box-sizing: border-box;
-    border-radius: 3px;
+    width: 100%;
+    height: 28px;
+    padding-left: 9px;
+
+    cursor: pointer;
     user-select: none;
+
+    border: 1px solid #E2E5EC;
+    border-radius: 3px;
+    background-color: white;
+
+    font-weight: 400;
+    appearance: none;
   }
+
   &-placeholder {
     width: 100%;
-    background: none;
-    border: none;
-    padding: 0 15px 0 0;
     height: 16px;
+    padding: 0 15px 0 0;
+
     text-overflow: ellipsis;
-    font-weight: 400;
+
+    border: none;
+    background: none;
+
     font-size: 13px;
+    font-weight: 400;
   }
 }

package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss

@@ -1,6 +1,7 @@
 .checkbox-input {
   display: flex;
   align-items: center;
+
   cursor: pointer;
 
   input {
@@ -8,30 +9,35 @@
   }
 
   &_disabled {
-    opacity: 0.5;
-    pointer-events: none;
     cursor: auto;
+    pointer-events: none;
+
+    opacity: 0.5;
   }
 
   &:hover {
     .checkbox-input__input {
-      background-color: rgba(#6b81dd, 0.2);
+      background-color: rgba(#6B81DD, 0.2);
     }
   }
 
   &__input {
-    box-sizing: border-box;
     position: relative;
-    height: 16px;
+
+    overflow: hidden;
+
+    box-sizing: border-box;
     width: 16px;
     min-width: 16px;
-    border: 1px solid #9aa0b9;
-    border-radius: 2px;
-    overflow: hidden;
+    height: 16px;
     margin-right: 5px;
+
     cursor: pointer;
     transition: background-color 0.2s ease;
-    background-color: #ffff;
+
+    border: 1px solid #9AA0B9;
+    border-radius: 2px;
+    background-color: #FFFF;
 
     &_checked,
     &_indeterminate {
@@ -40,79 +46,98 @@
 
     .checkbox-input__checkbox:checked ~ .checkbox-input__mark {
       display: block;
+
       width: 100%;
       height: 100%;
+
       border-radius: 2px;
     }
   }
 
   &__checkbox {
-    opacity: 0;
     position: absolute;
-    height: 0;
+
     width: 0;
+    height: 0;
+
+    opacity: 0;
   }
 
   &__mark {
-    display: none;
     position: absolute;
+
+    display: none;
+
     width: 100%;
     height: 100%;
-    background-color: #6b81dd;
 
-    &:after {
-      content: "";
+    background-color: #6B81DD;
+
+    &::after {
       position: absolute;
       top: -2px;
+      right: 0;
       bottom: 0;
       left: 0;
-      right: 0;
-      margin: auto;
+
       width: 4px;
       height: 8px;
+      margin: auto;
+
+      content: "";
+      transform: rotate(45deg);
+
       border: solid white;
-      border-radius: 2px;
       border-width: 0 2px 2px 0;
-      transform: rotate(45deg);
+      border-radius: 2px;
     }
   }
 
   &__label {
-    font-size: 13px;
     user-select: none;
+
+    font-size: 13px;
   }
 
   input[type="checkbox" i] {
     &:indeterminate + span {
       display: block;
+
       width: 100%;
       height: 100%;
 
-      &:after {
-        content: "";
+      &::after {
         position: absolute;
         top: 0;
+        right: 0;
         bottom: 0;
         left: 0;
-        right: 0;
-        margin: auto;
+
         width: 100%;
         height: 100%;
-        background-color: #6b81dd;
+        margin: auto;
+
+        content: "";
         transform: rotate(0deg);
+
         border: none;
+        background-color: #6B81DD;
       }
-      &:before {
-        content: "";
+
+      &::before {
         position: absolute;
+        z-index: 1;
         top: 50%;
         left: 50%;
+
         width: 45%;
+
+        content: "";
+        transform: scale(1, 0.9) translateX(-50%) translateY(-50%);
+
         border: solid white;
-        border-radius: 2px;
         border-width: 0 1px 2px 0;
-        transform: scale(1, 0.9) translateX(-50%) translateY(-50%);
-        z-index: 1;
+        border-radius: 2px;
       }
     }
   }

package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.scss

@@ -1,8 +1,8 @@
 .checkboxes-line {
   display: flex;
+  align-items: center;
   flex-flow: row wrap;
   justify-content: flex-start;
-  align-items: center;
 
   &__checkbox-input {
     width: fit-content;
@@ -14,8 +14,8 @@
   }
 
   &_column {
-    flex-flow: column wrap;
     align-items: flex-start;
+    flex-flow: column wrap;
 
     .checkboxes-line__checkbox-input {
       margin-right: 0;
@@ -26,4 +26,4 @@
       }
     }
   }
-}
+}

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

@@ -2,4 +2,4 @@
   .checkboxes-line__checkbox-input {
     margin-right: 30px;
   }
-}
+}