@kizmann/nano-ui 0.9.10 → 1.0.1

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

@@ -1,50 +0,0 @@
-@import "../../../root/vars";
-
-.n-table-cell.n-changed:before {
-    content: '\00a0';
-    position: absolute;
-    top: -3px;
-    left: -3px;
-    display: block;
-    width: 0;
-    height: 0;
-    border: 3px solid transparent;
-    border-bottom-color: $color-danger;
-    transform: rotate(-45deg);
-}
-
-.n-table-cell--image > div {
-    background-color: $color-gray-05;
-}
-
-.n-table-cell--checkbox i {
-    background: $color-white;
-    border: 1px solid $color-gray-15;
-}
-
-.n-table-cell--checkbox.n-disabled i {
-    background:rgba($color-gray-15, 0.3);
-}
-
-@each $color, $values in $colors {
-
-    $-color-base: map_get($values, 'base');
-    $-color-light: map_get($values, 'light');
-    $-color-dark: map_get($values, 'dark');
-
-    .n-draglist--#{$color} .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
-    .n-draglist--#{$color} .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
-        color: $color-white;
-        background: $-color-base;
-        border-color: $-color-base;
-    }
-
-    .n-draglist--#{$color} .n-table-cell--checkbox:not(.n-disabled):hover i {
-        border-color: $-color-light;
-    }
-
-    .n-draglist--#{$color} .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
-        background: $-color-light;
-    }
-
-}

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

@@ -1,32 +0,0 @@
-@import "../../../root/vars";
-
-.n-table__header .n-table-column {
-    border-left: 1px solid $color-gray-10;
-    border-right: 1px solid $color-gray-10;
-}
-
-.n-table-column.n-filtered .n-table-column__label {
-    color: $color-primary;
-}
-
-.n-table-column .n-table-column__sort > i:before {
-    border-top-color: rgba($color-gray-50, 0.5);
-}
-
-.n-table-column.n-sorted.n-desc .n-table-column__sort > i:before {
-    border-top-color: $color-primary;
-}
-
-.n-table-column .n-table-column__sort > i:after {
-    border-bottom-color: rgba($color-gray-50, 0.5);
-}
-
-.n-table-column.n-sorted.n-asc .n-table-column__sort > i:after {
-    border-bottom-color: $color-primary;
-}
-
-.n-table .n-table-column .n-table-column__filter > i {
-    color: $color-gray-60;
-    background: $color-gray-10;
-}
-

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

@@ -1 +0,0 @@
-@import "../../../root/vars";

package/themes/light/tabs/index.scss

@@ -1,2 +0,0 @@
-@import "./src/tabs/tabs";
-@import "./src/tabs-item/tabs-item";

package/themes/light/tabs/src/tabs/tabs.scss

@@ -1,21 +0,0 @@
-@import "../../../root/vars";
-
-.n-tabs__header:after {
-    border-bottom: 1px solid $color-gray-15;
-}
-
-.n-tabs__indicator {
-    background: $color-black;
-}
-
-@each $color, $values in $colors {
-
-    $-color-base: map_get($values, 'base');
-    $-color-light: map_get($values, 'light');
-    $-color-dark: map_get($values, 'dark');
-
-    .n-tabs--#{$color} .n-tabs__indicator {
-        background: $-color-base;
-    }
-
-}

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

@@ -1,18 +0,0 @@
-@import "../../../root/vars";
-
-.n-tabs__tab-icon {
-    color: $color-gray-40;
-}
-
-@each $color, $values in $colors {
-
-    $-color-base: map_get($values, 'base');
-    $-color-light: map_get($values, 'light');
-    $-color-dark: map_get($values, 'dark');
-
-    .n-tabs--#{$color} .n-tabs__tab.n-active .n-tabs__tab-icon,
-    .n-tabs--#{$color} .n-tabs__tab.n-active .n-tabs__tab-label {
-        color: $-color-base;
-    }
-
-}

package/themes/light/tags/index.scss

@@ -1,2 +0,0 @@
-@import "./src/tags/tags";
-@import "./src/tags-item/tags-item";

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

@@ -1 +0,0 @@
-@import "../../../root/vars";

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

@@ -1,28 +0,0 @@
-@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} {
-        background: rgba($-tags-color, 0.15);
-    }
-    .n-tags-item--color-#{$-tags-index} i {
-        color: rgba($-tags-color, 0.75);
-    }
-
-}

package/themes/light/textarea/index.scss

@@ -1 +0,0 @@
-@import "./src/textarea/textarea";

package/themes/light/textarea/src/textarea/textarea.scss

@@ -1,29 +0,0 @@
-@import "../../../root/vars";
-
-.n-textarea textarea {
-    border: 1px solid $color-gray-15;
-}
-
-.n-textarea.n-disabled textarea  {
-    background: rgba($color-gray-15, 0.3);
-}
-
-@each $color, $values in $colors {
-
-    $-color-base: map_get($values, 'base');
-    $-color-light: map_get($values, 'light');
-    $-color-dark: map_get($values, 'dark');
-
-    /**
-     * Button primary
-     */
-
-    .n-textarea--#{$color}:not(.n-disabled):hover textarea {
-        border-color: $-color-base;
-    }
-
-    .n-textarea--#{$color}:not(.n-disabled) textarea:focus{
-        border-color: $-color-light;
-    }
-
-}

package/themes/light/timepicker/index.scss

@@ -1,2 +0,0 @@
-@import "./src/timepicker-panel/timepicker-panel";
-@import "./src/timepicker/timepicker";

package/themes/light/timepicker/src/timepicker/timepicker.scss

@@ -1,49 +0,0 @@
-@import "../../../root/vars";
-
-.n-timepicker {
-    border: 1px solid $color-gray-15;
-}
-
-.n-timepicker.n-disabled {
-    background: rgba($color-gray-15, 0.3);
-}
-
-.n-timepicker__seperator {
-    color: $color-gray-60;
-}
-
-.n-timepicker__clear,
-.n-timepicker__angle {
-    color: $color-gray-60;
-}
-
-.n-timepicker__clear i {
-    background: rgba($color-gray-15, 0.6);
-}
-
-.n-timepicker__placeholder {
-    color: rgba($color-black, 0.5);
-}
-
-.n-timepicker__body,
-.n-timepicker__empty {
-     background: $color-white;
-     box-shadow: 0 1px 3px 1px rgba($color-shadow, 0.15);
-}
-
-.n-timepicker__empty {
-     color: $color-gray-60;
-}
-
-@each $color, $values in $colors {
-
-    $-color-base: map_get($values, 'base');
-    $-color-light: map_get($values, 'light');
-    $-color-dark: map_get($values, 'dark');
-
-     .n-timepicker--#{$color}:not(.n-disabled):hover,
-     .n-timepicker--#{$color}:not(.n-disabled).n-focus {
-        border-color: $-color-base;
-    }
-
-}

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

@@ -1,26 +0,0 @@
-@import "../../../root/vars";
-
-.n-timepicker-panel {
-    border: 1px solid $color-gray-10;
-}
-
-.n-timepicker-panel__header {
-    border-bottom: 1px solid $color-gray-10;
-}
-
-.n-timepicker-panel__panel:not(:last-child) {
-    border-right: 1px solid $color-gray-10;
-}
-
-@each $color, $values in $colors {
-
-    $-color-base: map_get($values, 'base');
-    $-color-light: map_get($values, 'light');
-    $-color-dark: map_get($values, 'dark');
-
-    .n-timepicker-panel--#{$color} .n-timepicker-panel__item.n-selected {
-        color: $color-white;
-        background: $-color-base;
-    }
-
-}

package/themes/light/transfer/index.scss

@@ -1 +0,0 @@
-@import "./src/transfer/transfer";

package/themes/light/transfer/src/transfer/transfer.scss

@@ -1,17 +0,0 @@
-@import "../../../root/vars";
-
-.n-transfer__panel {
-    border: 1px solid $color-gray-15;
-}
-
-.n-transfer__header {
-    border-bottom: 1px solid $color-gray-15;
-}
-
-.n-transfer__search {
-    border-bottom: 1px solid $color-gray-15;
-}
-
-.n-transfer__item-count {
-    color: $color-gray-60;
-}

package/themes/light/virtualscroller/index.scss

@@ -1 +0,0 @@
-@import "./src/virtualscroller/virtualscroller";

package/themes/light/virtualscroller/src/virtualscroller/virtualscroller.scss

@@ -1 +0,0 @@
-@import "../../../root/vars";

package/webpack.config.js

@@ -1,143 +0,0 @@
-const path = require("path");
-const webpack = require("webpack");
-const TerserPlugin = require("terser-webpack-plugin");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-
-let themes = {
-    './src/index.scss': './nano-ui.css',
-    './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"],
-    module: {
-        rules: [
-            {
-                test: /.js$/,
-                include: [
-                    path.resolve('src'),
-                ],
-                loader: 'babel-loader',
-                options: {
-                    configFile: path.resolve('babel.config.js')
-                },
-            }
-        ],
-
-    },
-    externals: {
-        'vue': {
-            root: 'Vue', commonjs2: 'vue', commonjs: 'vue', amd: 'vue'
-        },
-        'moment': {
-            root: 'moment', commonjs2: 'moment', commonjs: 'moment', amd: 'moment'
-        },
-        '@kizmann/pico-js': {
-            root: 'pi', commonjs2: '@kizmann/pico-js', commonjs: '@kizmann/pico-js', amd: '@kizmann/pico-js'
-        }
-    },
-    plugins: []
-};
-
-let themeFn = (entry, target) => ({
-    entry: [entry],
-    module: {
-        rules: [
-            {
-                test: /\.scss$/,
-                include: [
-                    path.resolve(entry.replace(/\/[^\/]+\.scss$/, ''))
-                ],
-                use: [
-                    MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader', 'sass-loader'
-                ]
-            }
-        ],
-
-    },
-    plugins: [
-        new MiniCssExtractPlugin({
-            filename: target
-        })
-    ],
-    output: {
-        filename: ".ignore.js",
-        path: path.resolve(__dirname, "dist"),
-    }
-});
-
-module.exports = function (env, argv) {
-
-    config.mode = argv.mode;
-
-    if ( argv.mode === 'development' ) {
-        config.devtool = 'eval-source-map';
-    }
-
-    if ( argv.mode === 'production' ) {
-        config.devtool = 'source-map';
-    }
-
-    /**
-     * @const __dirname
-     */
-
-    let bundlerPackage = Object.assign({
-
-        output:{
-            filename: "nano-ui.js",
-            path: path.resolve(__dirname, "dist"),
-            library: 'Nano',
-            libraryTarget: "umd",
-        }
-
-    }, config);
-
-    let themeList = [];
-
-    Object.keys(themes).forEach((key, index) => {
-        themeList[index] = themeFn(key, themes[key]);
-    });
-
-    if ( argv.mode === 'development' ) {
-        return [
-            bundlerPackage, ...themeList
-        ];
-    }
-
-    let loaderOptions = new webpack.LoaderOptionsPlugin({
-        minimize: true
-    });
-
-    bundlerPackage.plugins.push(loaderOptions);
-
-    themeList.forEach((cfg) => {
-        cfg.plugins.push(loaderOptions);
-    });
-
-    let terserOptions = {
-        mangle: true
-    };
-
-    let terser = new TerserPlugin({
-        terserOptions, extractComments: false,
-    });
-
-    let optimization = {
-        minimize: true, minimizer: []
-    };
-
-    optimization.minimizer.push(terser);
-
-    bundlerPackage.optimization = optimization;
-
-    themeList.forEach((cfg) => {
-        cfg.optimization = optimization;
-    });
-
-    return [
-        bundlerPackage, ...themeList
-    ];
-}

package/webservy.json

@@ -1,8 +0,0 @@
-{
-    "hostname": "nano-ui.local",
-    "webroot": "",
-    "engine": "httpd",
-    "type": "default",
-    "proxy": "",
-    "version": "php-8.2.8"
-}