benivo-ui-library 1.9.30 → 1.9.32

package/{lib/arrowButton.less → arrowButton.less}

@@ -1,12 +1,10 @@
-@arrow-button-color: #93979b;
-
 .arrow-button {
     position: absolute;
     top: 50%;
     .transform(translateY(-50%));
     z-index: 2;
     border: none;
-    background-color: @light-gray-bg;
+    background-color: var(--bg-50);
     cursor: pointer;
     padding: 0;
     width: 35px;
@@ -61,7 +59,7 @@
         display: block;
 
         &:before {
-            color: @arrow-button-color;
+            color: var(--text-600);
         }
     }
 
@@ -71,7 +69,7 @@
         span {
 
             &:before {
-                color: #eeeeee;
+                color: var(--text-600);
             }
         }
     }
@@ -122,20 +120,20 @@
 
         &.active {
             &:hover {
-                background-color: @primary-color;
-                color: @white;
+                background-color: var(--primary);
+                color: var(--white);
 
                 .icon:before {
-                    color: @white;
+                    color: var(--white);
                 }
             }
 
             @media @lg-max {
-                background-color: @primary-color;
-                color: @white;
+                background-color: var(--primary);
+                color: var(--white);
 
                 .icon:before {
-                    color: @white;
+                    color: var(--white);
                 }
             }
         }
@@ -156,8 +154,8 @@
 
         .icon-submitted {
             &:before {
-                color: @primary-color;
+                color: var(--primary);
             }
         }
     }
-}
+}

package/{lib/asideSummaryCard.less → asideSummaryCard.less}

@@ -1,7 +1,7 @@
 .summary-card {
-    background: @white;
+    background: var(--white);
     padding: 24px;
-    border: 1px solid @border-color;
+    border: 1px solid var(--border-200);
     .border-radius(@border-radius);
 
     &__title {

package/{lib/asideSummaryCardSection.less → asideSummaryCardSection.less}

@@ -4,7 +4,7 @@
 
     &__title {
         font-size: @extra-small-font-size;
-        border-bottom: 1px solid @border-color;
+        border-bottom: 1px solid var(--border-200);
         padding-bottom: 6px;
         margin-bottom: 20px;
         font-weight: @font-weight-semibold;
@@ -17,7 +17,7 @@
 
         &__label {
             display: inline-block;
-            color: @gray-text;
+            color: var(--text-600);
             flex-basis: 50%;
             padding-right: 10px;
         }
@@ -31,7 +31,7 @@
 
             i {
                 font-size: @extra-small-font-size;
-                color: @light-gray-border;
+                color: var(--text-600);
             }
         }
     }

package/{lib/assignmentSelectBox.less → assignmentSelectBox.less}

@@ -10,11 +10,11 @@
 
     .assignment-home-location {
         font-size: @small-font-size;
-        color: @extra-light-gray-text;
+        color:var(--text-600);
     }
 
     .location-divider {
-        color: @extra-light-gray-text;
+        color:var(--text-600);
     }
 
     .assignment-host-location {
@@ -24,28 +24,29 @@
 
     &-dates {
         font-size: @extra-small-font-size;
-        color: @gray-text;
+        color: var(--text-600);
     }
 
     .assignment-cancel a {
         font-size: @extra-small-font-size;
         font-weight: @font-weight-semibold;
-        color: @link-color;
+        color: var(--primary);
 
         &:hover {
-            color: @link-color;
+            color: var(--primary);
         }
     }
 
-    &-memberId{
+    &-memberId {
         font-size: @extra-small-font-size;
-        color: @gray-text;
+        color: var(--text-600);
     }
 }
 
-.form-select__value-container, .assignment-single-option{
-    .assignment-option-dates{
-        color: @extra-light-gray-text;
+.form-select__value-container,
+.assignment-single-option {
+    .assignment-option-dates {
+        color:var(--text-600);
     }
 }
 
@@ -80,112 +81,115 @@
     }
 }
 
-.assignment-select-box-custom-menu{
+.assignment-select-box-custom-menu {
     .assignments-filter-wrapper {
         padding: 15px 12px;
-    
+
         .form-select__control {
             cursor: pointer;
         }
-    
+
         .form-group {
             margin-bottom: 0;
             width: 70%;
-    
+
             @media (min-width: 768px) and (max-width: 991px) {
                 width: 80% !important;
             }
-    
+
             &:before {
                 content: '\ed43';
                 font-family: 'icomoon';
-                color: @extra-light-gray-text;
+                color:var(--text-600);
                 display: block;
                 position: absolute;
                 top: 50%;
                 left: @input-pad-x;
                 transform: translateY(-50%);
             }
-    
+
             input {
                 padding-left: 38px;
                 width: 100%;
                 margin-right: 12px;
             }
         }
-    
+
         .assignments-filter {
             display: inline-flex;
             align-items: center;
             cursor: pointer;
             position: relative;
             flex-shrink: 0;
-    
+
             .assignments-filter-statuses {
                 position: absolute;
                 top: 100%;
                 right: 0;
-                background-color: #ffffff;
+                background-color: var(--white);
                 border: solid 1px rgba(0, 0, 0, 0.15);
                 .border-radius(4px);
                 z-index: @zindex-dropdown;
                 width: 256px;
                 margin-top: 10px;
-    
-                &.horizontal{
-                    &__right{
+
+                &.horizontal {
+                    &__right {
                         @media @lg {
                             left: 0;
                             right: unset;
                         }
                     }
-                    &__left{
+
+                    &__left {
                         @media @lg {
                             left: unset;
                             right: 0;
                         }
                     }
                 }
-    
-                &.vertical{
-                    &__bottom{
+
+                &.vertical {
+                    &__bottom {
                         @media @lg {
                             top: 100%;
                             bottom: unset;
                         }
                     }
-                    &__top{
+
+                    &__top {
                         @media @lg {
                             top: unset;
                             bottom: 100%;
                         }
                     }
                 }
-    
+
                 li {
                     padding: 12px;
-    
+
                     &:hover {
-                        background-color: @form-select-option-bg-selected;
+                        background-color: var(--bg-50);
                     }
-    
+
                     &:before {
                         left: 42px;
                     }
-    
+
                     .form-check {
                         margin-bottom: 0;
                         padding-left: 46px;
                     }
                 }
             }
-    
+
             span {
+
                 &,
                 &:before {
-                    color: @primary-color;
+                    color: var(--primary);
                 }
-    
+
                 &:last-child {
                     margin-left: 8px;
                     font-size: @small-font-size;
@@ -195,14 +199,13 @@
     }
 }
 
-.form-select__menu:has(> .assignment-select-box-custom-menu){
+.form-select__menu:has(> .assignment-select-box-custom-menu) {
     --menu-width: @menu-width;
-    
+
     width: 100%;
     right: 0;
-    
+
     @media @lg {
         width: var(--menu-width, @menu-width);
     }
-}
-
+}

package/{lib/autoComplete.less → autoComplete.less}

@@ -22,10 +22,10 @@
 
             .suggestion-item--active {
                 cursor: pointer;
-                background: @form-select-option-bg-hover;
-                color: @text-color;
+                background: rgba(var(--black-rgb), 0.1);
+                color: var(--text-600);
                 padding: 0.5rem 1.25rem;
-                border: solid 1px @form-border-color;
+                border: solid 1px var(--border-200);
                 border-bottom: 0;
 
                 &,
@@ -36,13 +36,13 @@
                 &:before {
                     font-family: icomoon;
                     content: "\e936";
-                    color: @light-gray-text;
+                    color: var(--text-600);
                     margin-right: 10px;
                     vertical-align: -2px;
                 }
 
                 &:last-child {
-                    border-bottom: solid 1px @form-border-color;
+                    border-bottom: solid 1px var(--border-200);
                     .border-radius(0 0 @form-border-radius @form-border-radius);
                 }
 
@@ -53,10 +53,10 @@
 
             .suggestion-item {
                 cursor: pointer;
-                background-color: @form-select-option-bg;
-                color: @text-color;
+                background-color: var(--white);
+                color: var(--text-600);
                 padding: 0.5rem 1.25rem;
-                border: solid 1px @form-border-color;
+                border: solid 1px var(--border-200);
                 border-bottom: 0;
 
                 &,
@@ -67,7 +67,7 @@
                 &:before {
                     font-family: icomoon;
                     content: "\e936";
-                    color: @light-gray-text;
+                    color: var(--text-600);
                     margin-right: 10px;
                     vertical-align: -2px;
                 }
@@ -77,7 +77,7 @@
                 }
 
                 &:last-child {
-                    border-bottom: solid 1px @form-border-color;
+                    border-bottom: solid 1px var(--border-200);
                     .border-radius(0 0 @form-border-radius @form-border-radius);
                 }
 
@@ -89,7 +89,7 @@
     }
 
     .required-point {
-        color: @error-color;
+        color: var(--error-main);
     }
 }
 
@@ -100,17 +100,17 @@
             -moz-appearance: none;
             appearance: none;
             background-image: none;
-            background-color: #fff;
+            background-color: var(--white);
             display: block;
             min-height: inherit;
             width: 100%;
             padding: @input-pad-y @input-pad-x;
-            color: @form-txt-color;
+            color: inherit;
             font-style: normal;
             font-family: @form-font-family;
             font-weight: @form-font-weight;
             font-size: @form-font-size;
-            border: 1px solid @form-border-color;
+            border: 1px solid var(--border-200);
             .box-shadow(@form-box-shadow);
             .border-radius(@form-border-radius);
             cursor: pointer;
@@ -133,12 +133,12 @@
 
             &.disabled {
                 pointer-events: none;
-                background-color: @form-input-disabled-bg;
+                background-color: var(--bg-100);
             }
         }
 
         .required-point {
-            color: @error-color;
+            color: var(--error-main);
         }
     }
 

package/{lib/benivo-ui-lib.less → benivo-ui-lib.less}

@@ -1,8 +1,12 @@
 @import "../components/input/input.less";
 @import "../components/tooltip/tooltip.less";
 @import '../components/button/button.less';
+@import '../components/spinner/spinner.less';
+@import '../components/fantasyButton/fantasyButton.less';
 @import '../components/checkbox/checkbox.less';
 @import '../components/radiobutton/radiobutton.less';
 @import '../components/select/select.less';
+@import '../components/datePicker/datePicker.less';
 @import '../components/navigation/navigation.less';
-@import '../components/swiperSlider/swiper/swiper.less';
+@import '../components/swiperSlider/swiper/swiper.less';
+@import './forms.less';