@kizmann/nano-ui 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -114
- package/dist/nano-ui.css +1 -1
- package/dist/nano-ui.js +1 -1
- package/dist/nano-ui.js.map +1 -1
- package/dist/themes/dark.css +1 -1
- package/dist/themes/light.css +1 -1
- package/package.json +6 -6
- package/src/drawer/src/drawer/drawer.js +8 -8
- package/src/drawer/src/drawer/drawer.scss +8 -2
- package/src/form/src/form-item/form-item.scss +6 -1
- package/src/map/src/map/map.scss +1 -0
- package/src/map/src/map-marker/map-marker.js +1 -1
- package/src/resizer/src/resizer/resizer.js +6 -4
- package/src/root/vars.scss +1 -1
- package/src/scrollbar/src/scrollbar/scrollbar.next.js +1 -1
- package/src/scrollbar/src/scrollbar/scrollbar.scss +3 -2
- package/src/select/src/select/select.js +1 -1
- package/src/slider/src/slider/slider.js +5 -0
- package/src/slider/src/slider/slider.scss +4 -0
- package/src/table/src/table/table.scss +6 -2
- package/src/table/src/table-column/table-column.scss +0 -1
- package/themes/macos/button/src/button/button.scss +9 -0
- package/themes/macos/radio/src/radio/radio.scss +1 -1
- package/themes/macos/root/vars-dark.scss +1 -1
- package/themes/macos/root/vars-light.scss +1 -1
- package/themes/macos/root/vars.scss +0 -1
- package/themes/macos/scrollbar/src/scrollbar/scrollbar.scss +1 -1
- package/themes/macos/select/src/select/select.scss +1 -1
- package/themes/macos/slider/src/slider/slider.scss +23 -3
- package/themes/macos/tags/src/tags-item/tags-item.scss +4 -2
|
@@ -5,6 +5,15 @@
|
|
|
5
5
|
opacity: 0.7;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
+
.n-button--default:not(.n-button--link) {
|
|
9
|
+
color: $color-foreground;
|
|
10
|
+
background: rgba($color-foreground, 0.05);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.n-button--default:not(.n-button--link):hover {
|
|
14
|
+
background: rgba($color-foreground, 0.15);
|
|
15
|
+
}
|
|
16
|
+
|
|
8
17
|
@each $color, $values in $colors {
|
|
9
18
|
|
|
10
19
|
$-color-base: map.get($values, 'base');
|
|
@@ -38,7 +38,7 @@ $color-warning: #FFBF3F !default;
|
|
|
38
38
|
$color-danger: #F9536E !default;
|
|
39
39
|
$color-info: #4BD6F9 !default;
|
|
40
40
|
|
|
41
|
-
$color-shadow:
|
|
41
|
+
$color-shadow: #000 !default;
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
$color-white-light: $color-white !default;
|
|
@@ -38,7 +38,7 @@ $color-warning: #FFBF3F !default;
|
|
|
38
38
|
$color-danger: #F9536E !default;
|
|
39
39
|
$color-info: #4BD6F9 !default;
|
|
40
40
|
|
|
41
|
-
$color-shadow:
|
|
41
|
+
$color-shadow: #000 !default;
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
$color-white-light: $color-white !default;
|
|
@@ -230,5 +230,4 @@ $colors-tags: (
|
|
|
230
230
|
'16': color.mix($color-secondary, $color-warning, 65%),
|
|
231
231
|
'17': color.mix($color-danger, $color-warning, 65%),
|
|
232
232
|
'18': color.mix($color-success, $color-warning, 65%),
|
|
233
|
-
'19': color.mix($color-warning, $color-warning, 65%),
|
|
234
233
|
) !default;
|
|
@@ -1,21 +1,41 @@
|
|
|
1
|
+
@use "sass:map";
|
|
1
2
|
@import "../../../root/vars";
|
|
2
3
|
|
|
3
4
|
.n-slider__bar {
|
|
4
5
|
background: $color-gray-10;
|
|
5
6
|
}
|
|
6
7
|
|
|
7
|
-
.n-slider__range {
|
|
8
|
-
background: $color-
|
|
8
|
+
.n-slider.n-disabled .n-slider__range {
|
|
9
|
+
background: $color-gray-50;
|
|
9
10
|
}
|
|
10
11
|
|
|
11
12
|
.n-slider__handle {
|
|
12
13
|
background: $color-white;
|
|
13
|
-
border: 6px solid $color-primary;
|
|
14
14
|
box-shadow: 0 0 4px rgba($color-shadow, 0.15);
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
+
.n-slider.n-disabled .n-slider__handle {
|
|
18
|
+
border: 6px solid $color-gray-50;
|
|
19
|
+
}
|
|
20
|
+
|
|
17
21
|
.n-slider__handle span {
|
|
18
22
|
color: $color-white;
|
|
19
23
|
background: rgba($color-black, 0.8);
|
|
20
24
|
}
|
|
21
25
|
|
|
26
|
+
@each $color, $values in $colors {
|
|
27
|
+
|
|
28
|
+
$-color-base: map.get($values, 'base');
|
|
29
|
+
$-color-light: map.get($values, 'light');
|
|
30
|
+
$-color-dark: map.get($values, 'dark');
|
|
31
|
+
|
|
32
|
+
.n-slider--#{$color}:not(.n-disabled) .n-slider__range {
|
|
33
|
+
background: $-color-base;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.n-slider--#{$color}:not(.n-disabled) .n-slider__handle {
|
|
37
|
+
border: 6px solid $-color-base;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
}
|
|
41
|
+
|
|
@@ -9,7 +9,8 @@
|
|
|
9
9
|
$-color-dark: map.get($values, 'dark');
|
|
10
10
|
|
|
11
11
|
.n-tags-item--color-#{$color} {
|
|
12
|
-
color: color.mix($-color-
|
|
12
|
+
color: color.mix($-color-base, $color-foreground, 35%);
|
|
13
|
+
//color: color.mix($-color-dark, $color-black, 70%);
|
|
13
14
|
background: rgba($-color-base, 0.25);
|
|
14
15
|
}
|
|
15
16
|
.n-tags-item--color-#{$color} i {
|
|
@@ -21,7 +22,8 @@
|
|
|
21
22
|
@each $-tags-index, $-tags-color in $colors-tags {
|
|
22
23
|
|
|
23
24
|
.n-tags-item--color-#{$-tags-index} {
|
|
24
|
-
|
|
25
|
+
color: color.mix($-tags-color, $color-foreground, 35%);
|
|
26
|
+
background: rgba($-tags-color, 0.25);
|
|
25
27
|
}
|
|
26
28
|
.n-tags-item--color-#{$-tags-index} i {
|
|
27
29
|
color: rgba($-tags-color, 0.75);
|