@kizmann/nano-ui 0.8.37 → 0.9.1

package/themes/light/root/vars.scss

@@ -21,15 +21,15 @@ $color-gray-85:         mix($color-black, $color-white, 0.85 * 100%) !default;
 $color-gray-90:         mix($color-black, $color-white, 0.90 * 100%) !default;
 $color-gray-95:         mix($color-black, $color-white, 0.95 * 100%) !default;
 
-$color-primary:         #4e7bff !default;
-$color-secondary:       #683bff !default;
+$color-secondary:       #ca62f0 !default;
+$color-primary:         #6875ee !default;
 
-$color-success:         #3ed786 !default;
-$color-warning:         #ffac2f !default;
-$color-danger:          #fd2f51 !default;
-$color-info:            #37C4EF !default;
+$color-success:         #06C493 !default;
+$color-warning:         #FFBF3F !default;
+$color-danger:          #F9536E !default;
+$color-info:            #4BD6F9 !default;
 
-$color-background:      #f0f3f7 !default;
+$color-background:      #FAFAFB !default;
 
 $color-shadow:              mix($color-black, $color-primary, 80%) !default;
 
@@ -95,8 +95,8 @@ $color-background-darker:   darken(mix($color-black, $color-background, 20%), 5%
 
 $xs-radius:                 2px !default;
 $sm-radius:                 2px !default;
-$md-radius:                 3px !default;
-$lg-radius:                 5px !default;
+$md-radius:                 4px !default;
+$lg-radius:                 6px !default;
 $xl-radius:                 10px !default;
 
 $form: (
@@ -114,7 +114,7 @@ $form: (
         ),
         'md': (
                 'size': 32px,
-                'font': 14px,
+                'font': 15px,
                 'radius': $md-radius,
                 'ratio': 0.40,
         ),

package/themes/light/switch/src/switch/switch.scss

@@ -18,7 +18,7 @@
 
     .n-switch--#{$color}:not(.n-disabled) .n-switch__switch {
         background: $-color-base;
-        border-color: $-color-dark;
+        border-color: mix($-color-dark, $-color-base, 25%);
     }
 
     .n-switch--#{$color}:not(.n-disabled) .n-switch__label {

package/themes/light/table/src/table/table.scss

@@ -1,7 +1,7 @@
 @import "../../../root/vars";
 
 .n-table {
-    border: 1px solid $color-gray-15;
+    box-shadow: inset 0 0 1px 1px $color-gray-15;
 }
 
 .n-table .n-draglist-item {

package/themes/light/tags/src/tags-item/tags-item.scss

@@ -1,5 +1,21 @@
 @import "../../../root/vars";
 
+@each $color, $values in $colors {
+
+    $-color-base: map_get($values, 'base');
+    $-color-light: map_get($values, 'light');
+    $-color-dark: map_get($values, 'dark');
+
+    .n-tags-item--color-#{$color} {
+        color: mix($-color-dark, $color-black, 70%);
+        background: rgba($-color-base, 0.25);
+    }
+    .n-tags-item--color-#{$color} i {
+        color: rgba($-color-base, 0.75);
+    }
+
+}
+
 @each $-tags-index, $-tags-color in $colors-tags {
 
     .n-tags-item--color-#{$-tags-index} {

package/webpack.config.js

@@ -80,14 +80,14 @@ let light = {
     ]
 };
 
-let dark = {
-    entry: ["./themes/dark/index.scss"],
+let docs = {
+    entry: ["./docs/src/scss/index.scss"],
     module: {
         rules: [
             {
                 test: /\.scss$/,
                 include: [
-                    path.resolve('themes')
+                    path.resolve('./docs/src')
                 ],
                 use: [
                     MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader', 'sass-loader'
@@ -98,7 +98,7 @@ let dark = {
     },
     plugins: [
         new MiniCssExtractPlugin({
-            filename: 'dark.css'
+            filename: './dist/docs.css'
         })
     ]
 };
@@ -142,24 +142,24 @@ module.exports = function (env, argv) {
     let lightPackage = Object.assign({
 
         output: {
-            filename: ".light.ignore.js",
+            filename: ".ignore.js",
             path: path.resolve(__dirname, "dist/themes"),
         }
 
     }, light);
 
-    let darkPackage = Object.assign({
+    let docsPackage = Object.assign({
 
         output: {
-            filename: ".dark.ignore.js",
-            path: path.resolve(__dirname, "dist/themes"),
+            filename: "./dist/.ignore.js",
+            path: path.resolve(__dirname, "docs"),
         }
 
-    }, dark);
+    }, docs);
 
     if ( argv.mode === 'development' ) {
         return [
-            bundlerPackage, stylePackage, lightPackage, //darkPackage
+            bundlerPackage, stylePackage, lightPackage, docsPackage
         ];
     }
 
@@ -170,7 +170,7 @@ module.exports = function (env, argv) {
     bundlerPackage.plugins.push(loaderOptions);
     stylePackage.plugins.push(loaderOptions);
     lightPackage.plugins.push(loaderOptions);
-    darkPackage.plugins.push(loaderOptions);
+    docsPackage.plugins.push(loaderOptions);
 
     let terserOptions = {
         mangle: true
@@ -189,9 +189,9 @@ module.exports = function (env, argv) {
     bundlerPackage.optimization = optimization;
     stylePackage.optimization = optimization;
     lightPackage.optimization = optimization;
-    darkPackage.optimization = optimization;
+    docsPackage.optimization = optimization;
 
     return [
-        bundlerPackage, stylePackage, lightPackage, //darkPackage
+        bundlerPackage, stylePackage, lightPackage, docsPackage
     ];
 }