@kizmann/nano-ui 1.0.15 → 1.1.2

package/themes/macos/draggable/src/dropzone/dropzone.scss

@@ -1,14 +0,0 @@
-@use "sass:map";
-@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-dropzone--#{$color}.n-dragover {
-        background: rgba($-color-base, 0.075);
-    }
-
-}

package/themes/macos/drawer/index.scss

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

package/themes/macos/drawer/src/drawer/drawer.scss

@@ -1,35 +0,0 @@
-@use 'sass:map';
-@import "../../../root/vars";
-
-.n-drawer__backdrop {
-    background: rgba(#000, 0.6);
-}
-
-.n-drawer__frame {
-    box-shadow: 0 1px 5px 1px rgba($color-shadow, 0.20);
-}
-
-@each $suffix, $values in $drawer {
-
-    $-drawer-color: map.get($values, 'color');
-    $-drawer-border: map.get($values, 'border');
-    $-drawer-header: map.get($values, 'header');
-    $-drawer-body: map.get($values, 'body');
-    $-drawer-footer: map.get($values, 'footer');
-
-    .n-drawer--#{$suffix} .n-drawer__frame {
-        color: $-drawer-color;
-        background: $-drawer-body;
-    }
-
-    .n-drawer--#{$suffix} .n-drawer__header {
-        border-bottom: 1px solid $-drawer-border;
-        background: $-drawer-header;
-    }
-
-    .n-drawer--#{$suffix} .n-drawer__footer {
-        border-top: 1px solid $-drawer-border;
-        background: $-drawer-footer;
-    }
-
-}

package/themes/macos/durationpicker/index.scss

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

package/themes/macos/durationpicker/src/durationpicker/durationpicker.scss

@@ -1,53 +0,0 @@
-@use "sass:map";
-@import "../../../root/vars";
-
-.n-durationpicker {
-    background: $color-input;
-    border: 1px solid $color-gray-15;
-}
-
-.n-durationpicker.n-disabled {
-    background: $color-input-off;
-}
-
-.n-durationpicker__seperator {
-    color: $color-gray-60;
-}
-
-.n-durationpicker__clear,
-.n-durationpicker__angle {
-    color: $color-gray-60;
-}
-
-.n-durationpicker__clear i {
-    background: rgba($color-gray-15, 0.6);
-}
-
-.n-durationpicker__placeholder {
-    color: rgba($color-black, 0.5);
-}
-
-.n-durationpicker__body,
-.n-durationpicker__empty {
-     background: $color-input;
-     border: 1px solid $color-gray-15;
-     box-shadow: 0 1px 3px 1px rgba($color-shadow, 0.15);
-}
-
-.n-durationpicker__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-durationpicker--#{$color}:not(.n-disabled):hover,
-     .n-durationpicker--#{$color}:not(.n-disabled).n-focus {
-        border-color: $-color-base;
-    }
-
-}

package/themes/macos/empty/index.scss

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

package/themes/macos/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-foreground);
-}
-
-.n-empty-icon--ufo .n-empty-icon__frame {
-    background-image: svg-load('empty-space.svg', fill=$color-foreground);
-}
-
-.n-empty-icon__text {
-    color: rgba($color-foreground, 0.4);
-}

package/themes/macos/file/index.scss

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

package/themes/macos/file/src/file/file.scss

@@ -1,39 +0,0 @@
-@use "sass:map";
-@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');
-
-    /**
-     * File primary
-     */
-
-    .n-file .n-button--#{$color}:not(.n-button--link) {
-        background: rgba($-color-base, 0.20);
-        border-color: rgba($-color-base, 0.05);
-        color: $-color-base;
-    }
-
-    .n-file .n-button--#{$color}:not(.n-button--link):hover {
-        background: rgba($-color-light, 0.20);
-        border-color: rgba($-color-light, 0.05);
-        color: $-color-base;
-    }
-
-    .n-file .n-button--#{$color}:not(.n-button--link):focus {
-        background: rgba($-color-dark, 0.20);
-        border-color: rgba($-color-dark, 0.05);
-        color: $-color-base;
-    }
-
-    .n-file .n-button--#{$color}:not(.n-button--link).n-disabled {
-        background: rgba($-color-base, 0.20);
-        border-color: rgba($-color-base, 0.05);
-        color: $-color-base;
-    }
-
-
-}

package/themes/macos/form/index.scss

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

package/themes/macos/form/src/form/form.scss

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

package/themes/macos/form/src/form-frame/form-frame.scss

@@ -1,34 +0,0 @@
-@use "sass:map";
-@import "../../../root/vars";
-
-.n-form-frame__menu:hover {
-    background: rgba($color-foreground, 0.075);
-}
-
-.n-form-frame__menu span {
-    color: $color-gray-80;
-}
-
-@each $color, $values in $colors {
-
-    $-color-base: map.get($values, 'base');
-    $-color-light: map.get($values, 'light');
-    $-color-dark: map.get($values, 'dark');
-
-    .n-form-frame__menu--#{$color}.on-search:before {
-        background: $-color-base;
-    }
-
-    .n-form-frame__menu--#{$color}.is-star {
-        background: rgba($-color-base, 0.15);
-    }
-
-    .n-form-frame__menu--#{$color} i {
-        color: $-color-base;
-    }
-
-    .n-form-frame__menu--#{$color}.is-star span {
-        color: $-color-base;
-    }
-
-}

package/themes/macos/form/src/form-group/form-group.scss

@@ -1,43 +0,0 @@
-@use "sass:map";
-@import "../../../root/vars";
-
-.n-form-group--fieldset {
-    border: 1px solid $color-gray-10;
-}
-
-.n-form-group--fieldset.n-form-group--collapse.n-hidden {
-    border-color: transparent;
-}
-
-.n-form-group--fieldset .n-form-group__label span,
-.n-form-group--fieldset .n-form-group__label i {
-    color: $color-white;
-}
-
-.n-form-group--classic .n-form-group__collapse {
-    color: rgba($color-foreground, 0.4);
-}
-
-.n-form-group--fieldset .n-form-group__collapse {
-    color: rgba($color-white, 0.4);
-}
-
-@each $color, $values in $colors {
-
-    $-color-base: map.get($values, 'base');
-    $-color-light: map.get($values, 'light');
-    $-color-dark: map.get($values, 'dark');
-
-    .n-form-group--fieldset.n-form-group--#{$color} .n-form-group__legend {
-        background: $-color-base;
-    }
-
-    .n-form-group--classic.n-form-group--#{$color} .n-form-group__label i {
-        color: $-color-base;
-    }
-
-    .n-form-group--#{$color}:before {
-        background: linear-gradient(135deg, $-color-base 0, transparent 300px);
-    }
-
-}

package/themes/macos/form/src/form-item/form-item.scss

@@ -1,29 +0,0 @@
-@import "../../../root/vars";
-
-.n-form-item__condition span {
-    color: $color-gray-50;
-}
-
-.n-form-item.is-disabled .n-form-item__condition {
-    background: rgba($color-primary, 0.1);
-}
-
-.n-form-item.is-disabled .n-form-item__condition span {
-    color: rgba($color-primary, 0.75);
-}
-
-.n-form-item.is-disabled .n-form-item__condition:hover {
-    background: rgba($color-primary, 0.15);
-}
-
-.n-form-item.is-disabled .n-form-item__condition:hover span {
-    color: rgba($color-primary, 0.85);
-}
-
-.n-form-item__label label {
-    color: $color-gray-60;
-}
-
-.n-form-item__error {
-    color: $color-danger;
-}

package/themes/macos/index-dark.scss

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

package/themes/macos/index-light.scss

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

package/themes/macos/index.scss

@@ -1,40 +0,0 @@
-@import "./empty/index";
-@import "./alert/index";
-@import "./notification/index";
-@import "./scrollbar/index";
-@import "./resizer/index";
-@import "./virtualscroller/index";
-@import "./draggable/index";
-@import "./loader/index";
-@import "./file/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 "./datetimepicker/index";
-@import "./durationpicker/index";
-@import "./transfer/index";
-@import "./popover/index";
-@import "./modal/index";
-@import "./confirm/index";
-@import "./table/index";
-@import "./paginator/index";
-@import "./tabs/index";
-@import "./tags/index";
-@import "./collapse/index";
-@import "./info/index";
-@import "./map/index";
-@import "./rating/index";
-@import "./slider/index";
-@import "./drawer/index";
-
-@import "./demo/index";
-

package/themes/macos/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/macos/info/src/info/info.scss

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

package/themes/macos/info/src/info-column/info-column.scss

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

package/themes/macos/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/macos/input/index.scss

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

package/themes/macos/input/src/input/input.scss

@@ -1,39 +0,0 @@
-@use "sass:map";
-@import "../../../root/vars";
-
-.n-input {
-    background: $color-input;
-    border: 1px solid $color-gray-15;
-}
-
-.n-input.n-disabled  {
-    background: $color-input-off;
-}
-
-.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/macos/input-number/index.scss

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

package/themes/macos/input-number/src/input-number/input-number.scss

@@ -1,48 +0,0 @@
-@use "sass:map";
-@import "../../../root/vars";
-
-.n-input-number {
-    background: $color-input;
-    border: 1px solid $color-gray-15;
-}
-
-.n-input-number.n-disabled  {
-    background: $color-input-off;
-}
-
-.n-input-number .n-button {
-    color: $color-gray-60;
-    background: rgba($color-gray-15, 0.5);
-}
-
-.n-input-number__clear {
-    color: $color-gray-60;
-}
-
-.n-input-number__clear i {
-    background: rgba($color-gray-15, 0.6);
-}
-
-@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/macos/loader/index.scss

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

package/themes/macos/loader/src/loader/loader.scss

@@ -1,22 +0,0 @@
-@use "sass:map";
-@import "../../../root/vars";
-
-.n-load:before {
-    border: 2px solid $color-primary;
-}
-
-.n-load:after {
-    background: rgba($color-background, 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/macos/map/index.scss

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

package/themes/macos/map/src/map/map.scss

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

package/themes/macos/modal/index.scss

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

package/themes/macos/modal/src/modal/modal.scss

@@ -1,35 +0,0 @@
-@use 'sass:map';
-@import "../../../root/vars";
-
-.n-modal__backdrop {
-    background: rgba(#000, 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/macos/notification/index.scss

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

package/themes/macos/notification/src/notification/notification.scss

@@ -1,25 +0,0 @@
-@use "sass:map";
-@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/macos/paginator/index.scss

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

package/themes/macos/paginator/src/paginator/paginator.scss

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

package/themes/macos/popover/index.scss

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

package/themes/macos/popover/src/popover/popover.scss

@@ -1,84 +0,0 @@
-@use 'sass:map';
-@import "../../../root/vars";
-
-.n-popover__frame {
-    box-shadow: 0 1px 3px 1px rgba($color-shadow, 0.15);
-}
-
-.n-popover-option {
-    color: $color-foreground;
-}
-
-.n-popover-group {
-    color: $color-gray-40;
-}
-
-.n-popover-option:not(.n-disabled).n-hover,
-.n-popover-option:not(.n-disabled):hover {
-    background: rgba($color-gray-50, 0.07);
-}
-
-.n-popover-option:not(.n-disabled).n-focus,
-.n-popover-option:not(.n-disabled).n-focus:hover {
-    background: rgba($color-gray-50, 0.14);
-}
-
-.n-popover-option .n-image {
-    color: $color-gray-60;
-}
-
-.n-popover-option .n-icon {
-    color: $color-gray-60;
-}
-
-@each $suffix, $values in $popover {
-
-    $-popover-color: map.get($values, 'color');
-    $-popover-border: map.get($values, 'border');
-    $-popover-header: map.get($values, 'header');
-    $-popover-body: map.get($values, 'body');
-    $-popover-footer: map.get($values, 'footer');
-
-    .n-popover--#{$suffix} .n-popover__frame {
-        color: $-popover-color;
-        background: $-popover-body;
-        border: 1px solid $-popover-border;
-    }
-
-    .n-popover--#{$suffix} .n-popover__header {
-        border-bottom: 1px solid $-popover-border;
-        background: $-popover-header;
-    }
-
-    .n-popover--#{$suffix} .n-popover__footer {
-        border-top: 1px solid $-popover-border;
-        background: $-popover-footer;
-    }
-
-    .n-popover--#{$suffix} .n-popover-option {
-        color: $-popover-color;
-    }
-
-}
-
-@each $color, $values in $colors {
-
-    $-color-base: map.get($values, 'base');
-    $-color-light: map.get($values, 'light');
-    $-color-dark: map.get($values, 'dark');
-
-    .n-popover-option--#{$color}.n-active,
-    .n-popover-option--#{$color} .n-icon {
-        color: $-color-base;
-    }
-
-}
-
-.n-popover--tooltip .n-popover__frame {
-    color: $color-white;
-    background: rgba($color-black, 0.9);
-}
-
-.n-popover--tooltip .n-popover__body {
-    padding: 3px 8px;
-}

package/themes/macos/radio/index.scss

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