@kizmann/nano-ui 0.9.10 → 1.0.0

package/nano.svg

@@ -1,52 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 300 120" style="enable-background:new 0 0 300 120;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:url(#SVGID_1_);}
-	.st1{fill:url(#SVGID_2_);}
-	.st2{fill:url(#SVGID_3_);}
-	.st3{fill:url(#SVGID_4_);}
-</style>
-<g>
-	<path d="M47.4534,43.3843c3.5039,3.5917,5.2576,8.6062,5.2576,15.0415v28.014H40.643V60.064c0-3.7931-0.9478-6.7094-2.8435-8.7494
-		c-1.8969-2.0394-4.4829-3.06-7.7583-3.06c-3.3331,0-5.9619,1.0206-7.8876,3.06c-1.9257,2.04-2.8874,4.9563-2.8874,8.7494v26.3758
-		H7.1993V38.6866h12.0669v5.9474c1.6082-2.0689,3.6632-3.6915,6.1639-4.8703c2.4995-1.177,5.2426-1.767,8.2316-1.767
-		C39.3511,37.9968,43.9472,39.7938,47.4534,43.3843z"/>
-	<path d="M63.9593,49.547c1.9246-3.7342,4.5384-6.6072,7.8437-8.6195c3.3042-2.0106,6.9963-3.0167,11.0763-3.0167
-		c3.5628,0,6.6811,0.7193,9.3526,2.1549c2.6727,1.4368,4.812,3.247,6.4213,5.4302v-6.8093h12.1546v47.7532H98.6533v-6.9813
-		c-1.5517,2.2409-3.6921,4.0939-6.4213,5.5589c-2.7304,1.4662-5.8764,2.1982-9.4381,2.1982c-4.0234,0-7.6867-1.0344-10.9909-3.1033
-		c-3.3053-2.0689-5.9191-4.984-7.8437-8.7488c-1.9257-3.7625-2.8874-8.0873-2.8874-12.972
-		C61.0719,57.5645,62.0336,53.2836,63.9593,49.547z M96.9296,55.0211c-1.1499-2.0972-2.7015-3.7065-4.655-4.8276
-		c-1.9534-1.1204-4.0512-1.6804-6.292-1.6804s-4.3098,0.5467-6.2066,1.6377c-1.8957,1.0922-3.4335,2.6865-4.6111,4.7837
-		c-1.1787,2.0983-1.7675,4.5834-1.7675,7.4569s0.5888,5.3869,1.7675,7.5424c1.1776,2.1543,2.7292,3.8064,4.655,4.9563
-		c1.9246,1.1499,3.9784,1.7237,6.1627,1.7237c2.2409,0,4.3386-0.5611,6.292-1.681c1.9534-1.121,3.5051-2.7292,4.655-4.827
-		c1.1487-2.0977,1.7237-4.6122,1.7237-7.5424C98.6533,59.6322,98.0784,57.1194,96.9296,55.0211z"/>
-	<path d="M162.8708,43.3843c3.5039,3.5917,5.2576,8.6062,5.2576,15.0415v28.014h-12.068V60.064
-		c0-3.7931-0.9479-6.7094-2.8436-8.7494c-1.8969-2.0394-4.4829-3.06-7.7588-3.06c-3.3331,0-5.9619,1.0206-7.8876,3.06
-		c-1.9257,2.04-2.8874,4.9563-2.8874,8.7494v26.3758h-12.0669V38.6866h12.0669v5.9474c1.6082-2.0689,3.6632-3.6915,6.1639-4.8703
-		c2.4995-1.177,5.2426-1.767,8.2322-1.767C154.7685,37.9968,159.3646,39.7938,162.8708,43.3843z"/>
-	<path d="M188.3853,84.1562c-3.6783-2.04-6.5657-4.9274-8.6622-8.6634c-2.0989-3.7348-3.146-8.0446-3.146-12.9293
-		c0-4.8836,1.0771-9.1939,3.2314-12.9299c2.1555-3.7348,5.0994-6.6222,8.8354-8.6628c3.7348-2.0394,7.9003-3.06,12.4987-3.06
-		c4.5972,0,8.7627,1.0206,12.4987,3.06c3.7348,2.0406,6.6799,4.928,8.8354,8.6628c2.1543,3.736,3.2326,8.0463,3.2326,12.9299
-		c0,4.8847-1.1072,9.1945-3.3192,12.9293c-2.212,3.736-5.201,6.6234-8.9647,8.6634s-7.973,3.0594-12.628,3.0594
-		C196.2002,87.2156,192.0624,86.1962,188.3853,84.1562z M206.9613,75.1049c1.9246-1.0621,3.4612-2.6565,4.6111-4.7843
-		c1.1487-2.1243,1.7237-4.7104,1.7237-7.7571c0-4.5384-1.1926-8.0302-3.5766-10.4731c-2.3852-2.4424-5.3015-3.6638-8.7488-3.6638
-		c-3.4485,0-6.3359,1.2215-8.6634,3.6638c-2.3275,2.4429-3.4912,5.9347-3.4912,10.4731c0,4.5395,1.1349,8.0307,3.4058,10.4725
-		c2.2686,2.4441,5.1283,3.6632,8.5757,3.6632C202.9817,76.6992,205.0356,76.1693,206.9613,75.1049z"/>
-</g>
-<g>
-	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="274.8699" y1="12.8418" x2="235.9448" y2="71.4924">
-		<stop  offset="0" style="stop-color:#3AB3FF"/>
-		<stop  offset="1" style="stop-color:#4E7BFF"/>
-	</linearGradient>
-	<path class="st0" d="M246.7347,46.9182v12.3925c14.9295,0,27.1537-11.7949,27.8493-26.5553h11.541V20.363h-11.5073v-8.3028
-		h-12.3925v8.3028H245.407v12.3925h16.7511C261.481,40.6764,254.8279,46.9182,246.7347,46.9182z"/>
-	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="296.4135" y1="27.1398" x2="257.4884" y2="85.7904">
-		<stop  offset="0" style="stop-color:#3AB3FF"/>
-		<stop  offset="1" style="stop-color:#4E7BFF"/>
-	</linearGradient>
-	<path class="st1" d="M283.2327,52.429c-7.3978,12.9807-21.2537,21.0445-36.1617,21.0445V85.866
-		c19.3494,0,37.3313-10.4609,46.929-27.3008L283.2327,52.429z"/>
-</g>
-</svg>

package/themes/light/alert/index.scss

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

package/themes/light/alert/src/alert/alert.scss

@@ -1,26 +0,0 @@
-@import "../../../root/vars";
-
-.n-alert-backdrop {
-    background: rgba($color-black, 0.8);
-}
-
-.n-alert {
-    background: $color-black;
-    box-shadow: 0 1px 5px 1px rgba($color-shadow, 0.20);
-}
-
-.n-alert__text {
-    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-alert-frame--#{$color} .n-alert__icon {
-        color: $-color-base;
-    }
-
-}

package/themes/light/button/index.scss

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

package/themes/light/button/src/button/button.scss

@@ -1,46 +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');
-
-    /**
-     * Button primary
-     */
-
-    .n-button--#{$color}:not(.n-button--link) {
-        color: $color-white;
-        background: $-color-base;
-        border-color: $-color-base;
-    }
-
-    .n-button--#{$color}:not(.n-button--link):hover {
-        background: $-color-light;
-        border-color: $-color-light;
-    }
-
-    .n-button--#{$color}:not(.n-button--link):focus {
-        background: $-color-dark;
-        border-color: $-color-dark;
-    }
-
-    .n-button--#{$color}:not(.n-button--link).n-disabled {
-        background: $-color-base;
-        border-color: $-color-base;
-    }
-
-    .n-button--#{$color}:not(.n-disabled).n-button--link {
-        color: $-color-base;
-    }
-
-    .n-button--#{$color}:not(.n-disabled).n-button--link:hover {
-        color: $-color-light;
-    }
-
-    .n-button--#{$color}:not(.n-disabled).n-button--link:focus {
-        color: $-color-dark;
-    }
-
-}

package/themes/light/button/src/button-group/button-group.scss

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

package/themes/light/cascader/index.scss

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

package/themes/light/cascader/src/cascader/cascader.scss

@@ -1,45 +0,0 @@
-@import "../../../root/vars";
-
-.n-cascader {
-    border: 1px solid $color-gray-15;
-}
-
-.n-cascader.n-disabled {
-    background: rgba($color-gray-15, 0.3);
-}
-
-.n-cascader__clear,
-.n-cascader__angle {
-    color: $color-gray-60;
-}
-
-.n-cascader__clear i {
-    background: rgba($color-gray-15, 0.6);
-}
-
-.n-cascader__placeholder {
-    color: rgba($color-black, 0.5);
-}
-
-.n-cascader__body,
-.n-cascader__empty {
-     background: $color-white;
-     box-shadow: 0 1px 3px 1px rgba($color-shadow, 0.15);
-}
-
-.n-cascader__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-cascader--#{$color}:not(.n-disabled):hover,
-     .n-cascader--#{$color}:not(.n-disabled).n-focus {
-        border-color: $-color-base;
-    }
-
-}

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

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

package/themes/light/checkbox/index.scss

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

package/themes/light/checkbox/src/checkbox/checkbox.scss

@@ -1,44 +0,0 @@
-@import "../../../root/vars";
-
-.n-checkbox__checkbox {
-    color: $color-black;
-    background: $color-white;
-    border: 1px solid $color-gray-15;
-}
-
-.n-checkbox.n-disabled .n-checkbox__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');
-
-    /**
-     * 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/light/checkbox/src/checkbox-group/checkbox-group.scss

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

package/themes/light/collapse/index.scss

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

package/themes/light/collapse/src/collapse/collapse.scss

@@ -1,21 +0,0 @@
-@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/light/collapse/src/collapse-item/collapse-item.scss

@@ -1,21 +0,0 @@
-@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/light/confirm/index.scss

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

package/themes/light/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/light/datepicker/index.scss

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

package/themes/light/datepicker/src/datepicker/datepicker.scss

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

@@ -1,43 +0,0 @@
-@import "../../../root/vars";
-
-.n-datepicker-panel {
-    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/light/datetimepicker/index.scss

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

package/themes/light/datetimepicker/src/datetimepicker/datetimepicker.scss

@@ -1,49 +0,0 @@
-@import "../../../root/vars";
-
-.n-datetimepicker {
-    border: 1px solid $color-gray-15;
-}
-
-.n-datetimepicker.n-disabled {
-    background: rgba($color-gray-15, 0.3);
-}
-
-.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-white;
-     box-shadow: 0 1px 3px 1px rgba($color-shadow, 0.15);
-}
-
-.n-datetimepicker__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-datetimepicker--#{$color}:not(.n-disabled):hover,
-     .n-datetimepicker--#{$color}:not(.n-disabled).n-focus {
-        border-color: $-color-base;
-    }
-
-}

package/themes/light/demo/index.scss

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

package/themes/light/demo/src/demo/demo.scss

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

package/themes/light/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/light/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/light/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-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/light/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/light/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);
-    }
-
-}