@kizmann/nano-ui 1.1.0 → 1.1.2

package/themes/macos/checkbox/src/checkbox/checkbox.scss

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

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

package/themes/macos/collapse/index.scss

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

package/themes/macos/collapse/src/collapse/collapse.scss

@@ -1,22 +0,0 @@
-@use "sass:map";
-@import "../../../root/vars";
-
-.n-collapse {
-    border: 1px solid $color-gray-15;
-}
-
-.n-collapse__header:not(:first-child) {
-    border-top: 1px solid $color-gray-15;
-}
-
-.n-collapse__header.n-active {
-    border-bottom: 1px solid $color-gray-15;
-}
-
-@each $color, $values in $colors {
-
-    $-color-base: map.get($values, 'base');
-    $-color-light: map.get($values, 'light');
-    $-color-dark: map.get($values, 'dark');
-
-}

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

@@ -1,22 +0,0 @@
-@use "sass:map";
-@import "../../../root/vars";
-
-.n-collapse__header-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-collapse--#{$color} .n-collapse__header .n-collapse__header-icon {
-        color: $-color-base;
-    }
-
-    .n-collapse--#{$color} .n-collapse__header.n-active .n-collapse__header-angle {
-        color: $-color-base;
-    }
-
-}

package/themes/macos/confirm/index.scss

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

package/themes/macos/confirm/src/confirm/confirm.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-confirm--#{$color} .n-confirm__icon {
-        color: $-color-base;
-    }
-
-}

package/themes/macos/datepicker/index.scss

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

package/themes/macos/datepicker/src/datepicker/datepicker.scss

@@ -1,51 +0,0 @@
-@use "sass:map";
-@import "../../../root/vars";
-
-.n-datepicker {
-    background: $color-input;
-    border: 1px solid $color-gray-15;
-}
-
-.n-datepicker.n-disabled {
-    background: $color-input-off;
-}
-
-.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-15, 0.6);
-}
-
-.n-datepicker__placeholder {
-    color: rgba($color-black, 0.5);
-}
-
-.n-datepicker__body,
-.n-datepicker__empty {
-     background: $color-input;
-     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/macos/datepicker/src/datepicker-panel/datepicker-panel.scss

@@ -1,45 +0,0 @@
-@use "sass:map";
-@import "../../../root/vars";
-
-.n-datepicker-panel {
-    background: $color-input;
-    border: 1px solid $color-gray-10;
-}
-
-.n-datepicker-panel__header {
-    border-bottom: 1px solid $color-gray-10;
-}
-
-.n-datepicker-panel__footer {
-    border-top: 1px solid $color-gray-10;
-}
-
-.n-datepicker-panel__display .n-datepicker-panel__month:hover,
-.n-datepicker-panel__display .n-datepicker-panel__year:hover {
-    background: rgba($color-gray-15, 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-15, 0.6);
-}
-
-.n-datepicker-panel__body .n-datepicker-panel__day:not(.n-current)  {
-    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-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/macos/datetimepicker/index.scss

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

package/themes/macos/datetimepicker/src/datetimepicker/datetimepicker.scss

@@ -1,69 +0,0 @@
-@use "sass:map";
-@use "sass:color";
-@import "../../../root/vars";
-
-.n-datetimepicker {
-    background: $color-input;
-    border: 1px solid $color-gray-15;
-}
-
-.n-datetimepicker.n-disabled {
-    background: $color-input-off;
-}
-
-.n-datetimepicker__seperator {
-    color: $color-gray-60;
-}
-
-.n-datetimepicker__clear,
-.n-datetimepicker__angle {
-    color: $color-gray-60;
-}
-
-.n-datetimepicker__clear i {
-    background: rgba($color-gray-15, 0.6);
-}
-
-.n-datetimepicker__placeholder {
-    color: rgba($color-black, 0.5);
-}
-
-.n-datetimepicker__body,
-.n-datetimepicker__empty {
-     background: $color-form;
-     box-shadow: 0 1px 3px 1px rgba($color-shadow, 0.15);
-}
-
-.n-datetimepicker__empty {
-     color: $color-gray-60;
-}
-
-.n-datetimepicker__body {
-    border: 1px solid $color-gray-10;
-}
-
-.n-datetimepicker__time-panel.n-timepicker-panel {
-    background: color.mix($color-form, $color-background, 50%);
-}
-
-//.n-datetimepicker__time-panel.n-timepicker-panel .n-timepicker-panel__header {
-//    border-bottom: 1px solid $color-gray-15;
-//}
-//
-.n-datetimepicker__body .n-datetimepicker__date-panel {
-    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-datetimepicker--#{$color}:not(.n-disabled):hover,
-     .n-datetimepicker--#{$color}:not(.n-disabled).n-focus {
-        border-color: $-color-base;
-    }
-
-}

package/themes/macos/demo/index.scss

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

package/themes/macos/demo/src/demo/demo.scss

@@ -1,22 +0,0 @@
-@import "../../../root/vars";
-
-.n-demo {
-    color: $color-foreground;
-    background: $color-background;
-}
-
-input, textarea {
-    outline: none !important;
-}
-
-[class*="n-"] input,
-[class*="n-"] textarea {
-    outline: none;
-    color: $color-foreground;
-}
-
-[class*="n-"] input::placeholder,
-[class*="n-"] textarea::placeholder {
-    color: $color-foreground;
-    opacity: 0.3;
-}

package/themes/macos/draggable/index.scss

@@ -1,9 +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";
-
-@import "./src/dropzone/dropzone";

package/themes/macos/draggable/src/draggrid/draggrid.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-draggrid--#{$color}.n-empty.n-dragover {
-        background: rgba($-color-base, 0.075);
-    }
-
-}

package/themes/macos/draggable/src/draggrid-item/draggrid-item.scss

@@ -1,66 +0,0 @@
-@use "sass:map";
-@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-30;
-}
-
-.n-draggrid-item__checkbox {
-    background: $color-white;
-    border: 1px solid $color-gray-15;
-}
-
-.n-draggrid-item.n-disabled .n-draggrid-item__checkbox {
-    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-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/macos/draggable/src/draghandler/draghandler.scss

@@ -1,15 +0,0 @@
-@import "../../../root/vars";
-
-.n-draggable__indicator {
-    border-bottom: 1px solid $color-primary;
-}
-
-.n-draggable__counter {
-    color: $color-white;
-    background: $color-primary;
-}
-
-.n-draggable__counter[class*="n-modify--"] {
-    color: $color-white;
-    background: $color-warning;
-}

package/themes/macos/draggable/src/draglist/draglist.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-draglist--#{$color}.n-empty.n-dragover {
-        background: rgba($-color-base, 0.075);
-    }
-
-}

package/themes/macos/draggable/src/draglist-item/draglist-item.scss

@@ -1,73 +0,0 @@
-@use "sass:map";
-@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-30;
-}
-
-.n-draglist-item .n-draglist-item__expand {
-    color: $color-gray-60;
-}
-
-.n-draglist-item__checkbox {
-    background: $color-input;
-    border: 1px solid $color-gray-15;
-}
-
-.n-draglist-item.n-disabled .n-draglist-item__checkbox {
-    background: $color-input-off;
-}
-
-@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:not(.n-disabled) .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/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";