@kizmann/nano-ui 0.6.12 → 0.7.2

package/themes/flat-dark/cascader/src/cascader-panel/cascader-panel.scss

@@ -1,13 +0,0 @@
-@import "../../../root/vars";
-
-.n-cascader-panel {
-    border: 1px solid $color-gray-90;
-}
-
-.n-cascader-panel .n-popover-option:not(.n-active) i {
-    color: $color-gray-60;
-}
-
-.n-cascader-panel__items:not(:last-child) {
-    border-right: 1px solid $color-gray-90;
-}

package/themes/flat-dark/checkbox/index.scss

@@ -1,2 +0,0 @@
-@import "./src/checkbox/checkbox";
-@import "./src/checkbox-group/checkbox-group";

package/themes/flat-dark/checkbox/src/checkbox/checkbox.scss

@@ -1,44 +0,0 @@
-@import "../../../root/vars";
-
-.n-checkbox__checkbox {
-    color: $color-white;
-    background: rgba($color-gray-70, 0.5);
-    //border: 1px solid $color-gray-15;
-}
-
-.n-checkbox.n-disabled .n-checkbox__checkbox  {
-    background: rgba($color-gray-60, 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-checkbox--#{$color}:not(.n-disabled):hover .n-checkbox__checkbox {
-        //border-color: $-color-base;
-    }
-
-    .n-checkbox--#{$color}.n-checked:not(.n-disabled) .n-checkbox__checkbox,
-    .n-checkbox--#{$color}.n-intermediate:not(.n-disabled) .n-checkbox__checkbox {
-        color: $color-white;
-        background: $-color-base;
-        border-color: $-color-base;
-    }
-
-    .n-checkbox--#{$color}.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,
-    .n-checkbox--#{$color}.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover {
-        background: $-color-light;
-        border-color: $-color-light;
-    }
-
-    .n-checkbox--#{$color}.n-checked:not(.n-disabled) .n-checkbox__label {
-        color: $-color-base;
-    }
-
-}

package/themes/flat-dark/checkbox/src/checkbox-group/checkbox-group.scss

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

package/themes/flat-dark/confirm/index.scss

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

package/themes/flat-dark/confirm/src/confirm/confirm.scss

@@ -1,13 +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-confirm--#{$color} .n-confirm__icon {
-        color: $-color-base;
-    }
-
-}

package/themes/flat-dark/datepicker/index.scss

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

package/themes/flat-dark/datepicker/src/datepicker/datepicker.scss

@@ -1,50 +0,0 @@
-@import "../../../root/vars";
-
-.n-datepicker {
-    background: $color-gray-90;
-    //border: 1px solid $color-gray-15;
-}
-
-.n-datepicker.n-disabled {
-    background: rgba($color-gray-75, 0.3);
-}
-
-.n-datepicker__seperator {
-    color: $color-gray-60;
-}
-
-.n-datepicker__clear,
-.n-datepicker__angle {
-    color: $color-gray-60;
-}
-
-.n-datepicker__clear i {
-    background: rgba($color-gray-85, 0.6);
-}
-
-.n-datepicker__placeholder {
-    color: rgba($color-black, 0.5);
-}
-
-.n-datepicker__body,
-.n-datepicker__empty {
-     background: $color-black;
-     box-shadow: 0 1px 3px 1px rgba($color-shadow, 0.15);
-}
-
-.n-datepicker__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-datepicker--#{$color}:not(.n-disabled):hover,
-     .n-datepicker--#{$color}:not(.n-disabled).n-focus {
-        border-color: $-color-base;
-    }
-
-}

package/themes/flat-dark/datepicker/src/datepicker-panel/datepicker-panel.scss

@@ -1,44 +0,0 @@
-@import "../../../root/vars";
-
-.n-datepicker-panel {
-    border: 1px solid $color-gray-90;
-}
-
-.n-datepicker-panel__header {
-    background: $color-gray-95;
-    border-bottom: 1px solid $color-gray-90;
-}
-
-.n-datepicker-panel__footer {
-    border-top: 1px solid $color-gray-90;
-}
-
-.n-datepicker-panel__display .n-datepicker-panel__month:hover,
-.n-datepicker-panel__display .n-datepicker-panel__year:hover {
-    background: rgba($color-gray-85, 0.6);
-}
-
-.n-datepicker-panel__dateview .n-datepicker-panel__day.n-arrive:not(.n-selected),
-.n-datepicker-panel__dateview .n-datepicker-panel__day.n-depart:not(.n-selected),
-.n-datepicker-panel__dateview .n-datepicker-panel__day.n-between:not(.n-selected) {
-    background: rgba($color-gray-85, 0.6);
-}
-
-.n-datepicker-panel__body .n-datepicker-panel__day:not(.n-current)  {
-    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-datepicker-panel--#{$color} .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,
-    .n-datepicker-panel--#{$color} .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,
-    .n-datepicker-panel--#{$color} .n-datepicker-panel__body .n-datepicker-panel__year.n-selected {
-        color: $color-white;
-        background: $-color-base;
-    }
-
-}

package/themes/flat-dark/demo/index.scss

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

package/themes/flat-dark/demo/src/demo/demo.scss

@@ -1,11 +0,0 @@
-@import "../../../root/vars";
-
-.n-demo {
-    color: $color-white;
-    background: $color-black;
-}
-
-.n-demo input,
-.n-demo textarea {
-    color: $color-white;
-}

package/themes/flat-dark/draggable/index.scss

@@ -1,7 +0,0 @@
-@import "./src/draghandler/draghandler";
-
-@import "./src/draglist/draglist";
-@import "./src/draglist-item/draglist-item";
-
-@import "./src/draggrid/draggrid";
-@import "./src/draggrid-item/draggrid-item";

package/themes/flat-dark/draggable/src/draggrid/draggrid.scss

@@ -1,13 +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-draggrid--#{$color}.n-empty.n-dragover {
-        background: rgba($-color-base, 0.075);
-    }
-
-}

package/themes/flat-dark/draggable/src/draggrid-item/draggrid-item.scss

@@ -1,65 +0,0 @@
-@import "../../../root/vars";
-
-.n-draggrid-item.n-current {
-    background: rgba($color-gray-35, 0.1);
-}
-
-.n-draggrid-item.n-nodrop {
-    background: rgba($color-danger, 0.1);
-}
-
-.n-draggrid-item .n-draggrid-item__ellipsis {
-    color: $color-gray-70;
-}
-
-.n-draggrid-item__checkbox {
-    background: rgba($color-gray-70, 0.5);
-    //border: 1px solid $color-gray-15;
-}
-
-.n-draggrid-item.n-disabled .n-draggrid-item__checkbox {
-    background: rgba($color-gray-60, 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-draggrid--#{$color}.n-empty.n-dragover {
-        background: rgba($-color-base, 0.075);
-    }
-
-    .n-draggrid--#{$color} .n-draggrid-item.n-dragover {
-        background: rgba($-color-base, 0.075);
-    }
-
-    .n-draggrid--#{$color} .n-draggrid-item.n-highlight {
-        animation: NDraggridItem#{$color} 1s linear infinite;
-    }
-
-    .n-draggrid--#{$color} .n-draggrid-item.n-selected .n-draggrid-item__checkbox {
-        color: $color-white;
-        background: $-color-base;
-        border-color: $-color-base;
-    }
-
-    .n-draggrid--#{$color} .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover {
-        background: $-color-light;
-        border-color: $-color-light;
-    }
-
-    @keyframes NDraggridItem#{$color} {
-        0% {
-            background: rgba($-color-base, 0);
-        }
-        50% {
-            background: rgba($-color-base, 0.150);
-        }
-        100% {
-            background: rgba($-color-base, 0);
-        }
-    }
-
-}

package/themes/flat-dark/draggable/src/draglist/draglist.scss

@@ -1,13 +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-draglist--#{$color}.n-empty.n-dragover {
-        background: rgba($-color-base, 0.075);
-    }
-
-}

package/themes/flat-dark/draggable/src/draglist-item/draglist-item.scss

@@ -1,72 +0,0 @@
-@import "../../../root/vars";
-
-.n-draglist-item.n-current {
-    background: rgba($color-gray-35, 0.1);
-}
-
-.n-draglist-item.n-nodrop {
-    background: rgba($color-danger, 0.1);
-}
-
-.n-draglist-item .n-draglist-item__ellipsis {
-    color: $color-gray-70;
-}
-
-.n-draglist-item .n-draglist-item__expand {
-    color: $color-gray-40;
-}
-
-.n-draglist-item__checkbox {
-    background: rgba($color-gray-70, 0.5);
-    //border: 1px solid $color-gray-15;
-}
-
-.n-draglist-item.n-disabled .n-draglist-item__checkbox {
-    background: rgba($color-gray-60, 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-empty.n-dragover {
-        background: rgba($-color-base, 0.075);
-    }
-
-    .n-draglist--#{$color} .n-draglist-item.n-dragover {
-        background: rgba($-color-base, 0.075);
-    }
-
-    .n-draglist--#{$color} .n-draglist-item.n-highlight {
-        animation: NDraglistItem#{$color} 1s linear infinite;
-    }
-
-    .n-draglist--#{$color} .n-draglist-item.n-selected .n-draglist-item__checkbox {
-        color: $color-white;
-        background: $-color-base;
-        border-color: $-color-base;
-    }
-
-    .n-draglist--#{$color} .n-draglist-item .n-draglist-item__checkbox:hover {
-        //border-color: $-color-light;
-    }
-
-    .n-draglist--#{$color} .n-draglist-item.n-selected .n-draglist-item__checkbox:hover {
-        //background: $-color-light;
-    }
-
-    @keyframes NDraglistItem#{$color} {
-        0% {
-            background: rgba($-color-base, 0);
-        }
-        50% {
-            background: rgba($-color-base, 0.150);
-        }
-        100% {
-            background: rgba($-color-base, 0);
-        }
-    }
-
-}

package/themes/flat-dark/empty/index.scss

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

package/themes/flat-dark/empty/src/empty-icon/empty-icon.scss

@@ -1,13 +0,0 @@
-@import "../../../root/vars";
-
-.n-empty-icon--default .n-empty-icon__frame {
-    background-image: svg-load('empty-default.svg', fill=$color-white);
-}
-
-.n-empty-icon--ufo .n-empty-icon__frame {
-    background-image: svg-load('empty-space.svg', fill=$color-white);
-}
-
-.n-empty-icon__text {
-    color: rgba($color-white, 0.4);
-}

package/themes/flat-dark/form/index.scss

@@ -1,3 +0,0 @@
-@import "./src/form/form";
-@import "./src/form-group/form-group";
-@import "./src/form-item/form-item";

package/themes/flat-dark/form/src/form/form.scss

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

package/themes/flat-dark/form/src/form-item/form-item.scss

@@ -1,9 +0,0 @@
-@import "../../../root/vars";
-
-.n-form-item__label label {
-    color: $color-gray-60;
-}
-
-.n-form-item__error {
-    color: $color-danger;
-}

package/themes/flat-dark/index.scss

@@ -1,31 +0,0 @@
-@import "./empty/index";
-@import "./notification/index";
-@import "./scrollbar/index";
-@import "./resizer/index";
-@import "./virtualscroller/index";
-@import "./draggable/index";
-@import "./loader/index";
-@import "./form/index";
-@import "./button/index";
-@import "./input/index";
-@import "./input-number/index";
-@import "./textarea/index";
-@import "./switch/index";
-@import "./checkbox/index";
-@import "./radio/index";
-@import "./select/index";
-@import "./cascader/index";
-@import "./datepicker/index";
-@import "./timepicker/index";
-@import "./transfer/index";
-@import "./popover/index";
-@import "./modal/index";
-@import "./confirm/index";
-@import "./table/index";
-@import "./paginator/index";
-@import "./tabs/index";
-@import "./info/index";
-@import "./map/index";
-
-@import "./demo/index";
-

package/themes/flat-dark/info/index.scss

@@ -1,3 +0,0 @@
-@import "./src/info/info";
-@import "./src/info-column/info-column";
-@import "./src/info-field/info-field";

package/themes/flat-dark/info/src/info/info.scss

@@ -1,5 +0,0 @@
-@import "../../../root/vars";
-
-.n-info {
-    border: 1px solid $color-gray-90;
-}

package/themes/flat-dark/info/src/info-column/info-column.scss

@@ -1,5 +0,0 @@
-@import "../../../root/vars";
-
-.n-info-column {
-    color: $color-gray-40;
-}

package/themes/flat-dark/info/src/info-field/info-field.scss

@@ -1,5 +0,0 @@
-@import "../../../root/vars";
-
-.n-info-field.n-info-field--image > div {
-     background-color: rgba($color-gray-50, 0.2);
-}

package/themes/flat-dark/input/index.scss

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

package/themes/flat-dark/input/src/input/input.scss

@@ -1,38 +0,0 @@
-@import "../../../root/vars";
-
-.n-input {
-    background: $color-gray-90;
-    //border: 1px solid $color-gray-15;
-}
-
-.n-input.n-disabled input  {
-    background: rgba($color-gray-75, 0.3);
-}
-
-.n-input .n-button--input {
-    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');
-
-    /**
-     * Button primary
-     */
-
-    .n-input--#{$color}:not(.n-disabled):hover {
-        //border-color: $-color-base;
-    }
-
-    .n-input--#{$color}:not(.n-disabled).n-focus {
-        border-color: $-color-light;
-    }
-
-    .n-input--#{$color}:not(.n-disabled) .n-button--input:not(.n-disabled):hover {
-        color: $-color-base;
-    }
-
-}

package/themes/flat-dark/input-number/index.scss

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

package/themes/flat-dark/input-number/src/input-number/input-number.scss

@@ -1,39 +0,0 @@
-@import "../../../root/vars";
-
-.n-input-number {
-    background: $color-gray-90;
-    //border: 1px solid $color-gray-15;
-}
-
-.n-input-number.n-disabled input  {
-    background: rgba($color-gray-75, 0.3);
-}
-
-.n-input-number .n-button {
-    color: $color-gray-40;
-    background: rgba($color-gray-75, 0.5);
-}
-
-@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-input-number--#{$color}:not(.n-disabled):hover {
-        //border-color: $-color-base;
-    }
-
-    .n-input-number--#{$color}:not(.n-disabled).n-focus {
-        border-color: $-color-light;
-    }
-
-    .n-input-number--#{$color}:not(.n-disabled) .n-button:hover {
-        color: $-color-base;
-    }
-
-}

package/themes/flat-dark/loader/index.scss

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

package/themes/flat-dark/loader/src/loader/loader.scss

@@ -1,21 +0,0 @@
-@import "../../../root/vars";
-
-.n-load:before {
-    border: 2px solid $color-primary;
-}
-
-.n-load:after {
-    background: rgba($color-black, 0.7);
-}
-
-@each $color, $values in $colors {
-
-    $-color-base: map_get($values, 'base');
-    $-color-light: map_get($values, 'light');
-    $-color-dark: map_get($values, 'dark');
-
-    .n-loader--#{$color}.n-load:before {
-        border-color: $-color-base;
-    }
-
-}

package/themes/flat-dark/map/index.scss

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

package/themes/flat-dark/map/src/map/map.scss

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

package/themes/flat-dark/modal/index.scss

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

package/themes/flat-dark/modal/src/modal/modal.scss

@@ -1,51 +0,0 @@
-@import "../../../root/vars";
-
-$modal: (
-        'default': (
-            'color': $color-white,
-            'border': $color-gray-95,
-            'header': $color-gray-95,
-            'body': $color-black,
-            'footer': $color-gray-95,
-        ),
-        'preview': (
-            'color': $color-black,
-            'border': $color-gray-10,
-            'header': $color-gray-05,
-            'body': $color-white,
-            'footer': $color-gray-05,
-        )
-) !default;
-
-.n-modal__backdrop {
-    background: rgba($color-gray-70, 0.6);
-}
-
-.n-modal__frame {
-    box-shadow: 0 1px 5px 1px rgba($color-shadow, 0.20);
-}
-
-@each $suffix, $values in $modal {
-
-    $-modal-color: map-get($values, 'color');
-    $-modal-border: map-get($values, 'border');
-    $-modal-header: map-get($values, 'header');
-    $-modal-body: map-get($values, 'body');
-    $-modal-footer: map-get($values, 'footer');
-
-    .n-modal--#{$suffix} .n-modal__frame {
-        color: $-modal-color;
-        background: $-modal-body;
-    }
-
-    .n-modal--#{$suffix} .n-modal__header {
-        border-bottom: 1px solid $-modal-border;
-        background: $-modal-header;
-    }
-
-    .n-modal--#{$suffix} .n-modal__footer {
-        border-top: 1px solid $-modal-border;
-        background: $-modal-footer;
-    }
-
-}

package/themes/flat-dark/notification/index.scss

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

package/themes/flat-dark/notification/src/notification/notification.scss

@@ -1,24 +0,0 @@
-@import "../../../root/vars";
-
-.n-notification {
-    background: $color-white;
-    box-shadow: 0 1px 5px 1px rgba($color-shadow, 0.20);
-}
-
-
-@each $color, $values in $colors {
-
-    $-color-base: map_get($values, 'base');
-    $-color-light: map_get($values, 'light');
-    $-color-dark: map_get($values, 'dark');
-
-    .n-notification--#{$color} {
-        background: $-color-base;
-    }
-
-    .n-notification--#{$color} .n-notification__icon,
-    .n-notification--#{$color} .n-notification__text {
-        color: $color-white;
-    }
-
-}

package/themes/flat-dark/paginator/index.scss

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