Update loading and select components

Author: SerafimArts

dist/laravel-ui.min.css

@@ -28,7 +28,7 @@
             letter-spacing: 1px;
             white-space: nowrap;
             text-overflow: ellipsis;
-            box-shadow: 0 0 0 1px $color-main;
+            box-shadow: 0 0 0 1px darken($color-main-text, 10%);
             font: {
                 size: $font-size - 1px;
                 family: $font-family;
@@ -43,8 +43,8 @@
             }
 
             &:hover {
-                box-shadow: 0 0 0 1px $color-main-hover;
-                background: $color-main-text;
+                box-shadow: 0 0 0 1px $color-main-text;
+                background: $color-main-hover;
             }
 
             &:active {
@@ -74,27 +74,25 @@
             a, button {
                 border-radius: 3px;
                 box-shadow: 0 0 0 1px $color-border;
-                color: $color-main;
+                color: $color-text;
                 background: $color-white;
 
                 &:hover {
                     box-shadow: 0 0 0 1px $color-border-hover;
-                    color: $color-main-text;
                     background: $color-bg;
                 }
 
                 &:active {
                     transition: none !important;
                     box-shadow: 0 0 0 1px $color-main;
-                    color: $color-main;
                 }
 
                 &[disabled],
                 &:disabled {
                     cursor: default;
-                    box-shadow: 0 0 0 1px $color-disabled;
-                    color: $color-disabled;
-                    background: $color-bg;
+                    box-shadow: 0 0 0 1px $color-border-hover;
+                    color: $color-white;
+                    background: $color-border;
                 }
             }
         }

dist/laravel-ui.min.css.map

@@ -21,9 +21,8 @@
         width: 100%;
         height: 100%;
         z-index: 5;
-        border-radius: 3px;
+        border-radius: 2px;
         background: rgba(#fff, .6);
-        box-shadow: 0 0 0 1px rgba(#fff, .6);
         position: absolute;
 
         .spinner {

dist/laravel-ui.min.js

@@ -67,45 +67,39 @@
             padding: 4px 0;
             z-index: 98;
             box-shadow:
-                0 -1px $color-white,
-                0 0 0 1px $color-border,
+                0 -1px 0 0 $color-white,
+                0 0 0 1px $color-border-hover,
                 $ui-box-shadow;
             pointer-events: none;
             opacity: 0;
             transform: translateY(-10px);
             transition:
-                box-shadow .2s $ui-animation-swift,
                 opacity .2s $ui-animation-swift,
                 transform .2s $ui-animation-swift;
         }
 
         &.active {
             .current {
-                box-shadow: 0 0 0 1px $color-main;
+                box-shadow: 0 0 0 1px $color-border-hover;
                 border-radius: 2px 2px 0 0;
 
                 .value {
                     color: $color-main;
                 }
 
                 .arrow {
-                    transform: rotateZ(-180deg);
+                    transform: rotateZ(-180deg) scale(.7);
                     svg {
                         fill: $color-main;
                     }
                 }
             }
 
             .dropdown {
-                box-shadow:
-                    0 -1px $color-border,
-                    0 0 0 1px $color-main,
-                    $ui-box-shadow;
                 pointer-events: all;
                 opacity: 1;
                 transform: translateY(0);
                 transition:
-                    box-shadow .3s $ui-animation-swift,
                     opacity .3s $ui-animation-swift,
                     transform .3s $ui-animation-swift;
             }