@kizmann/nano-ui 0.9.5 → 0.9.7

package/themes/macos/tabs/src/tabs/tabs.scss

@@ -1,6 +1,6 @@
 @import "../../../root/vars";
 
-.n-tabs__header:after {
+.n-tabs:not(.n-float) .n-tabs__header:after {
     border-bottom: 1px solid $color-gray-15;
 }
 
@@ -8,6 +8,10 @@
     background: $color-black;
 }
 
+.n-float .n-tabs__tab {
+    background: $color-form;
+}
+
 @each $color, $values in $colors {
 
     $-color-base: map_get($values, 'base');
@@ -18,4 +22,17 @@
         background: $-color-base;
     }
 
+    .n-tabs--#{$color}.n-float .n-tabs__tab.n-active {
+        color: $color-white;
+        background: $-color-base;
+    }
+
+    .n-tabs--#{$color}.n-float .n-tabs__tab.n-active .n-tabs__tab-icon {
+        color: $color-white;
+    }
+
+    .n-tabs--#{$color}.n-float .n-tabs__tab.n-active .n-tabs__tab-label {
+        color: $color-white;
+    }
+
 }

package/themes/macos/textarea/src/textarea/textarea.scss

@@ -1,7 +1,7 @@
 @import "../../../root/vars";
 
 .n-textarea textarea {
-    background: $color-form;
+    background: $color-input;
     border: 1px solid $color-gray-15;
 }
 

package/themes/macos/timepicker/src/timepicker/timepicker.scss

@@ -1,7 +1,7 @@
 @import "../../../root/vars";
 
 .n-timepicker {
-    background: $color-form;
+    background: $color-input;
     border: 1px solid $color-gray-15;
 }
 
@@ -28,7 +28,7 @@
 
 .n-timepicker__body,
 .n-timepicker__empty {
-     background: $color-form;
+     background: $color-input;
      box-shadow: 0 1px 3px 1px rgba($color-shadow, 0.15);
 }
 

package/themes/macos/timepicker/src/timepicker-panel/timepicker-panel.scss

@@ -1,7 +1,7 @@
 @import "../../../root/vars";
 
 .n-timepicker-panel {
-    background: $color-form;
+    background: $color-input;
     border: 1px solid $color-gray-10;
 }
 

package/themes/macos/transfer/src/transfer/transfer.scss

@@ -9,7 +9,7 @@
 }
 
 .n-transfer__search {
-    background: $color-form;
+    background: $color-input;
     border-bottom: 1px solid $color-gray-15;
 }
 

package/webpack.config.js

@@ -8,7 +8,7 @@ let themes = {
     './docs/src/scss/index.scss': '../docs/dist/docs.css',
     './themes/macos/index-dark.scss': './themes/dark.css',
     './themes/macos/index-light.scss': './themes/light.css',
-}
+};
 
 let config = {
     entry: ["./src/index.js"],