@kizmann/nano-ui 0.6.12 → 0.7.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (268) hide show
  1. package/README.md +1 -0
  2. package/demos/overview.html +7 -6
  3. package/dist/nano-ui.css +1 -1
  4. package/dist/nano-ui.js +3 -3
  5. package/dist/nano-ui.js.map +1 -1
  6. package/dist/themes/light.css +2 -0
  7. package/package.json +1 -1
  8. package/postcss.config.js +1 -1
  9. package/src/alert/index.js +5 -0
  10. package/src/alert/index.scss +1 -0
  11. package/src/alert/src/alert/alert.js +128 -0
  12. package/src/alert/src/alert/alert.scss +83 -0
  13. package/src/draggable/src/draghandler/draghandler.js +45 -3
  14. package/src/index.js +9 -0
  15. package/src/index.scss +1 -0
  16. package/src/preview/src/preview/preview.scss +12 -0
  17. package/src/select/src/select/select.js +26 -9
  18. package/themes/light/alert/index.scss +1 -0
  19. package/themes/{flat-dark/form/src/form-group/form-group.scss → light/alert/src/alert/alert.scss} +11 -2
  20. package/themes/{basic → light}/button/index.scss +0 -0
  21. package/themes/{basic → light}/button/src/button/button.scss +0 -0
  22. package/themes/{basic → light}/button/src/button-group/button-group.scss +0 -0
  23. package/themes/{basic → light}/cascader/index.scss +0 -0
  24. package/themes/{basic → light}/cascader/src/cascader/cascader.scss +0 -0
  25. package/themes/{basic → light}/cascader/src/cascader-panel/cascader-panel.scss +0 -0
  26. package/themes/{basic → light}/checkbox/index.scss +0 -0
  27. package/themes/{basic → light}/checkbox/src/checkbox/checkbox.scss +0 -0
  28. package/themes/{basic → light}/checkbox/src/checkbox-group/checkbox-group.scss +0 -0
  29. package/themes/{basic → light}/collapse/index.scss +0 -0
  30. package/themes/{basic → light}/collapse/src/collapse/collapse.scss +0 -0
  31. package/themes/{basic → light}/collapse/src/collapse-item/collapse-item.scss +0 -0
  32. package/themes/{basic → light}/confirm/index.scss +0 -0
  33. package/themes/{basic → light}/confirm/src/confirm/confirm.scss +0 -0
  34. package/themes/{basic → light}/datepicker/index.scss +0 -0
  35. package/themes/{basic → light}/datepicker/src/datepicker/datepicker.scss +0 -0
  36. package/themes/{basic → light}/datepicker/src/datepicker-panel/datepicker-panel.scss +0 -0
  37. package/themes/{basic → light}/demo/index.scss +0 -0
  38. package/themes/{basic → light}/demo/src/demo/demo.scss +0 -0
  39. package/themes/{basic → light}/draggable/index.scss +0 -0
  40. package/themes/{basic → light}/draggable/src/draggrid/draggrid.scss +0 -0
  41. package/themes/{basic → light}/draggable/src/draggrid-item/draggrid-item.scss +0 -0
  42. package/themes/{flat-dark → light}/draggable/src/draghandler/draghandler.scss +5 -0
  43. package/themes/{basic → light}/draggable/src/draglist/draglist.scss +0 -0
  44. package/themes/{basic → light}/draggable/src/draglist-item/draglist-item.scss +0 -0
  45. package/themes/{basic → light}/empty/index.scss +0 -0
  46. package/themes/{basic → light}/empty/src/empty-icon/empty-icon.scss +0 -0
  47. package/themes/{basic → light}/form/index.scss +0 -0
  48. package/themes/{basic → light}/form/src/form/form.scss +0 -0
  49. package/themes/{basic → light}/form/src/form-group/form-group.scss +0 -0
  50. package/themes/{basic → light}/form/src/form-item/form-item.scss +0 -0
  51. package/themes/{basic → light}/index.scss +1 -0
  52. package/themes/{basic → light}/info/index.scss +0 -0
  53. package/themes/{basic → light}/info/src/info/info.scss +0 -0
  54. package/themes/{basic → light}/info/src/info-column/info-column.scss +0 -0
  55. package/themes/{basic → light}/info/src/info-field/info-field.scss +0 -0
  56. package/themes/{basic → light}/input/index.scss +0 -0
  57. package/themes/{basic → light}/input/src/input/input.scss +0 -0
  58. package/themes/{basic → light}/input-number/index.scss +0 -0
  59. package/themes/{basic → light}/input-number/src/input-number/input-number.scss +0 -0
  60. package/themes/{basic → light}/loader/index.scss +0 -0
  61. package/themes/{basic → light}/loader/src/loader/loader.scss +0 -0
  62. package/themes/{basic → light}/map/index.scss +0 -0
  63. package/themes/{basic → light}/map/src/map/map.scss +0 -0
  64. package/themes/{basic → light}/modal/index.scss +0 -0
  65. package/themes/{basic → light}/modal/src/modal/modal.scss +0 -0
  66. package/themes/{basic → light}/notification/index.scss +0 -0
  67. package/themes/{basic → light}/notification/src/notification/notification.scss +0 -0
  68. package/themes/{basic → light}/paginator/index.scss +0 -0
  69. package/themes/{basic → light}/paginator/src/paginator/paginator.scss +0 -0
  70. package/themes/{basic → light}/popover/index.scss +0 -0
  71. package/themes/{basic → light}/popover/src/popover/popover.scss +0 -0
  72. package/themes/{basic → light}/radio/index.scss +0 -0
  73. package/themes/{basic → light}/radio/src/radio/radio.scss +0 -0
  74. package/themes/{basic → light}/radio/src/radio-group/radio-group.scss +0 -0
  75. package/themes/{basic → light}/resizer/index.scss +0 -0
  76. package/themes/{basic → light}/resizer/src/resizer/resizer.scss +0 -0
  77. package/themes/{basic → light}/root/image/empty-default.svg +0 -0
  78. package/themes/{basic → light}/root/image/empty-space.svg +0 -0
  79. package/themes/{basic → light}/root/vars.scss +0 -0
  80. package/themes/{basic → light}/scrollbar/index.scss +0 -0
  81. package/themes/{basic → light}/scrollbar/src/scrollbar/scrollbar.scss +0 -0
  82. package/themes/{basic → light}/select/index.scss +0 -0
  83. package/themes/{basic → light}/select/src/select/select.scss +0 -0
  84. package/themes/{basic → light}/select/src/select-option/select-option.scss +0 -0
  85. package/themes/{basic → light}/switch/index.scss +0 -0
  86. package/themes/{basic → light}/switch/src/switch/switch.scss +0 -0
  87. package/themes/{basic → light}/table/index.scss +0 -0
  88. package/themes/{basic → light}/table/src/table/table.scss +0 -0
  89. package/themes/{basic → light}/table/src/table-cell/table-cell.scss +0 -0
  90. package/themes/{basic → light}/table/src/table-column/table-column.scss +0 -0
  91. package/themes/{basic → light}/table/src/table-filter/table-filter.scss +0 -0
  92. package/themes/{basic → light}/tabs/index.scss +0 -0
  93. package/themes/{basic → light}/tabs/src/tabs/tabs.scss +0 -0
  94. package/themes/{basic → light}/tabs/src/tabs-item/tabs-item.scss +0 -0
  95. package/themes/{basic → light}/textarea/index.scss +0 -0
  96. package/themes/{basic → light}/textarea/src/textarea/textarea.scss +0 -0
  97. package/themes/{basic → light}/timepicker/index.scss +0 -0
  98. package/themes/{basic → light}/timepicker/src/timepicker/timepicker.scss +0 -0
  99. package/themes/{basic → light}/timepicker/src/timepicker-panel/timepicker-panel.scss +0 -0
  100. package/themes/{basic → light}/transfer/index.scss +0 -0
  101. package/themes/{basic → light}/transfer/src/transfer/transfer.scss +0 -0
  102. package/themes/{basic → light}/virtualscroller/index.scss +0 -0
  103. package/themes/{basic → light}/virtualscroller/src/virtualscroller/virtualscroller.scss +0 -0
  104. package/webpack.config.js +18 -52
  105. package/dist/themes/basic.css +0 -2
  106. package/dist/themes/flat.css +0 -2
  107. package/dist/themes/flat.dark.css +0 -2
  108. package/themes/basic/draggable/src/draghandler/draghandler.scss +0 -10
  109. package/themes/flat/button/index.scss +0 -2
  110. package/themes/flat/button/src/button/button.scss +0 -46
  111. package/themes/flat/button/src/button-group/button-group.scss +0 -5
  112. package/themes/flat/cascader/index.scss +0 -2
  113. package/themes/flat/cascader/src/cascader/cascader.scss +0 -46
  114. package/themes/flat/cascader/src/cascader-panel/cascader-panel.scss +0 -13
  115. package/themes/flat/checkbox/index.scss +0 -2
  116. package/themes/flat/checkbox/src/checkbox/checkbox.scss +0 -44
  117. package/themes/flat/checkbox/src/checkbox-group/checkbox-group.scss +0 -1
  118. package/themes/flat/confirm/index.scss +0 -1
  119. package/themes/flat/confirm/src/confirm/confirm.scss +0 -13
  120. package/themes/flat/datepicker/index.scss +0 -2
  121. package/themes/flat/datepicker/src/datepicker/datepicker.scss +0 -50
  122. package/themes/flat/datepicker/src/datepicker-panel/datepicker-panel.scss +0 -44
  123. package/themes/flat/demo/index.scss +0 -1
  124. package/themes/flat/demo/src/demo/demo.scss +0 -11
  125. package/themes/flat/draggable/index.scss +0 -7
  126. package/themes/flat/draggable/src/draggrid/draggrid.scss +0 -13
  127. package/themes/flat/draggable/src/draggrid-item/draggrid-item.scss +0 -65
  128. package/themes/flat/draggable/src/draghandler/draghandler.scss +0 -10
  129. package/themes/flat/draggable/src/draglist/draglist.scss +0 -13
  130. package/themes/flat/draggable/src/draglist-item/draglist-item.scss +0 -72
  131. package/themes/flat/empty/index.scss +0 -1
  132. package/themes/flat/empty/src/empty-icon/empty-icon.scss +0 -13
  133. package/themes/flat/form/index.scss +0 -3
  134. package/themes/flat/form/src/form/form.scss +0 -1
  135. package/themes/flat/form/src/form-group/form-group.scss +0 -17
  136. package/themes/flat/form/src/form-item/form-item.scss +0 -9
  137. package/themes/flat/index.scss +0 -31
  138. package/themes/flat/info/index.scss +0 -3
  139. package/themes/flat/info/src/info/info.scss +0 -5
  140. package/themes/flat/info/src/info-column/info-column.scss +0 -5
  141. package/themes/flat/info/src/info-field/info-field.scss +0 -5
  142. package/themes/flat/input/index.scss +0 -1
  143. package/themes/flat/input/src/input/input.scss +0 -38
  144. package/themes/flat/input-number/index.scss +0 -1
  145. package/themes/flat/input-number/src/input-number/input-number.scss +0 -39
  146. package/themes/flat/loader/index.scss +0 -1
  147. package/themes/flat/loader/src/loader/loader.scss +0 -21
  148. package/themes/flat/map/index.scss +0 -1
  149. package/themes/flat/map/src/map/map.scss +0 -1
  150. package/themes/flat/modal/index.scss +0 -1
  151. package/themes/flat/modal/src/modal/modal.scss +0 -51
  152. package/themes/flat/notification/index.scss +0 -1
  153. package/themes/flat/notification/src/notification/notification.scss +0 -24
  154. package/themes/flat/paginator/index.scss +0 -1
  155. package/themes/flat/paginator/src/paginator/paginator.scss +0 -5
  156. package/themes/flat/popover/index.scss +0 -1
  157. package/themes/flat/popover/src/popover/popover.scss +0 -100
  158. package/themes/flat/radio/index.scss +0 -2
  159. package/themes/flat/radio/src/radio/radio.scss +0 -45
  160. package/themes/flat/radio/src/radio-group/radio-group.scss +0 -1
  161. package/themes/flat/resizer/index.scss +0 -1
  162. package/themes/flat/resizer/src/resizer/resizer.scss +0 -5
  163. package/themes/flat/root/image/empty-default.svg +0 -30
  164. package/themes/flat/root/image/empty-space.svg +0 -34
  165. package/themes/flat/root/vars.scss +0 -160
  166. package/themes/flat/scrollbar/index.scss +0 -1
  167. package/themes/flat/scrollbar/src/scrollbar/scrollbar.scss +0 -6
  168. package/themes/flat/select/index.scss +0 -2
  169. package/themes/flat/select/src/select/select.scss +0 -46
  170. package/themes/flat/select/src/select-option/select-option.scss +0 -1
  171. package/themes/flat/switch/index.scss +0 -1
  172. package/themes/flat/switch/src/switch/switch.scss +0 -28
  173. package/themes/flat/table/index.scss +0 -4
  174. package/themes/flat/table/src/table/table.scss +0 -15
  175. package/themes/flat/table/src/table-cell/table-cell.scss +0 -51
  176. package/themes/flat/table/src/table-column/table-column.scss +0 -32
  177. package/themes/flat/table/src/table-filter/table-filter.scss +0 -1
  178. package/themes/flat/tabs/index.scss +0 -2
  179. package/themes/flat/tabs/src/tabs/tabs.scss +0 -21
  180. package/themes/flat/tabs/src/tabs-item/tabs-item.scss +0 -18
  181. package/themes/flat/textarea/index.scss +0 -1
  182. package/themes/flat/textarea/src/textarea/textarea.scss +0 -30
  183. package/themes/flat/timepicker/index.scss +0 -2
  184. package/themes/flat/timepicker/src/timepicker/timepicker.scss +0 -50
  185. package/themes/flat/timepicker/src/timepicker-panel/timepicker-panel.scss +0 -27
  186. package/themes/flat/transfer/index.scss +0 -1
  187. package/themes/flat/transfer/src/transfer/transfer.scss +0 -20
  188. package/themes/flat/virtualscroller/index.scss +0 -1
  189. package/themes/flat/virtualscroller/src/virtualscroller/virtualscroller.scss +0 -1
  190. package/themes/flat-dark/button/index.scss +0 -2
  191. package/themes/flat-dark/button/src/button/button.scss +0 -50
  192. package/themes/flat-dark/button/src/button-group/button-group.scss +0 -5
  193. package/themes/flat-dark/cascader/index.scss +0 -2
  194. package/themes/flat-dark/cascader/src/cascader/cascader.scss +0 -46
  195. package/themes/flat-dark/cascader/src/cascader-panel/cascader-panel.scss +0 -13
  196. package/themes/flat-dark/checkbox/index.scss +0 -2
  197. package/themes/flat-dark/checkbox/src/checkbox/checkbox.scss +0 -44
  198. package/themes/flat-dark/checkbox/src/checkbox-group/checkbox-group.scss +0 -1
  199. package/themes/flat-dark/confirm/index.scss +0 -1
  200. package/themes/flat-dark/confirm/src/confirm/confirm.scss +0 -13
  201. package/themes/flat-dark/datepicker/index.scss +0 -2
  202. package/themes/flat-dark/datepicker/src/datepicker/datepicker.scss +0 -50
  203. package/themes/flat-dark/datepicker/src/datepicker-panel/datepicker-panel.scss +0 -44
  204. package/themes/flat-dark/demo/index.scss +0 -1
  205. package/themes/flat-dark/demo/src/demo/demo.scss +0 -11
  206. package/themes/flat-dark/draggable/index.scss +0 -7
  207. package/themes/flat-dark/draggable/src/draggrid/draggrid.scss +0 -13
  208. package/themes/flat-dark/draggable/src/draggrid-item/draggrid-item.scss +0 -65
  209. package/themes/flat-dark/draggable/src/draglist/draglist.scss +0 -13
  210. package/themes/flat-dark/draggable/src/draglist-item/draglist-item.scss +0 -72
  211. package/themes/flat-dark/empty/index.scss +0 -1
  212. package/themes/flat-dark/empty/src/empty-icon/empty-icon.scss +0 -13
  213. package/themes/flat-dark/form/index.scss +0 -3
  214. package/themes/flat-dark/form/src/form/form.scss +0 -1
  215. package/themes/flat-dark/form/src/form-item/form-item.scss +0 -9
  216. package/themes/flat-dark/index.scss +0 -31
  217. package/themes/flat-dark/info/index.scss +0 -3
  218. package/themes/flat-dark/info/src/info/info.scss +0 -5
  219. package/themes/flat-dark/info/src/info-column/info-column.scss +0 -5
  220. package/themes/flat-dark/info/src/info-field/info-field.scss +0 -5
  221. package/themes/flat-dark/input/index.scss +0 -1
  222. package/themes/flat-dark/input/src/input/input.scss +0 -38
  223. package/themes/flat-dark/input-number/index.scss +0 -1
  224. package/themes/flat-dark/input-number/src/input-number/input-number.scss +0 -39
  225. package/themes/flat-dark/loader/index.scss +0 -1
  226. package/themes/flat-dark/loader/src/loader/loader.scss +0 -21
  227. package/themes/flat-dark/map/index.scss +0 -1
  228. package/themes/flat-dark/map/src/map/map.scss +0 -1
  229. package/themes/flat-dark/modal/index.scss +0 -1
  230. package/themes/flat-dark/modal/src/modal/modal.scss +0 -51
  231. package/themes/flat-dark/notification/index.scss +0 -1
  232. package/themes/flat-dark/notification/src/notification/notification.scss +0 -24
  233. package/themes/flat-dark/paginator/index.scss +0 -1
  234. package/themes/flat-dark/paginator/src/paginator/paginator.scss +0 -5
  235. package/themes/flat-dark/popover/index.scss +0 -1
  236. package/themes/flat-dark/popover/src/popover/popover.scss +0 -100
  237. package/themes/flat-dark/radio/index.scss +0 -2
  238. package/themes/flat-dark/radio/src/radio/radio.scss +0 -45
  239. package/themes/flat-dark/radio/src/radio-group/radio-group.scss +0 -1
  240. package/themes/flat-dark/resizer/index.scss +0 -1
  241. package/themes/flat-dark/resizer/src/resizer/resizer.scss +0 -5
  242. package/themes/flat-dark/root/image/empty-default.svg +0 -30
  243. package/themes/flat-dark/root/image/empty-space.svg +0 -34
  244. package/themes/flat-dark/root/vars.scss +0 -160
  245. package/themes/flat-dark/scrollbar/index.scss +0 -1
  246. package/themes/flat-dark/scrollbar/src/scrollbar/scrollbar.scss +0 -6
  247. package/themes/flat-dark/select/index.scss +0 -2
  248. package/themes/flat-dark/select/src/select/select.scss +0 -46
  249. package/themes/flat-dark/select/src/select-option/select-option.scss +0 -1
  250. package/themes/flat-dark/switch/index.scss +0 -1
  251. package/themes/flat-dark/switch/src/switch/switch.scss +0 -28
  252. package/themes/flat-dark/table/index.scss +0 -4
  253. package/themes/flat-dark/table/src/table/table.scss +0 -15
  254. package/themes/flat-dark/table/src/table-cell/table-cell.scss +0 -51
  255. package/themes/flat-dark/table/src/table-column/table-column.scss +0 -32
  256. package/themes/flat-dark/table/src/table-filter/table-filter.scss +0 -1
  257. package/themes/flat-dark/tabs/index.scss +0 -2
  258. package/themes/flat-dark/tabs/src/tabs/tabs.scss +0 -21
  259. package/themes/flat-dark/tabs/src/tabs-item/tabs-item.scss +0 -18
  260. package/themes/flat-dark/textarea/index.scss +0 -1
  261. package/themes/flat-dark/textarea/src/textarea/textarea.scss +0 -30
  262. package/themes/flat-dark/timepicker/index.scss +0 -2
  263. package/themes/flat-dark/timepicker/src/timepicker/timepicker.scss +0 -50
  264. package/themes/flat-dark/timepicker/src/timepicker-panel/timepicker-panel.scss +0 -27
  265. package/themes/flat-dark/transfer/index.scss +0 -1
  266. package/themes/flat-dark/transfer/src/transfer/transfer.scss +0 -20
  267. package/themes/flat-dark/virtualscroller/index.scss +0 -1
  268. package/themes/flat-dark/virtualscroller/src/virtualscroller/virtualscroller.scss +0 -1
@@ -1,30 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-textarea textarea {
4
- background: $color-gray-90;
5
- //border: 1px solid $color-gray-15;
6
- }
7
-
8
- .n-textarea.n-disabled textarea {
9
- background: rgba($color-gray-75, 0.3);
10
- }
11
-
12
- @each $color, $values in $colors {
13
-
14
- $-color-base: map_get($values, 'base');
15
- $-color-light: map_get($values, 'light');
16
- $-color-dark: map_get($values, 'dark');
17
-
18
- /**
19
- * Button primary
20
- */
21
-
22
- .n-textarea--#{$color}:not(.n-disabled):hover textarea {
23
- //border-color: $-color-base;
24
- }
25
-
26
- .n-textarea--#{$color}:not(.n-disabled) textarea:focus{
27
- border-color: $-color-light;
28
- }
29
-
30
- }
@@ -1,2 +0,0 @@
1
- @import "./src/timepicker-panel/timepicker-panel";
2
- @import "./src/timepicker/timepicker";
@@ -1,50 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-timepicker {
4
- background: $color-gray-90;
5
- //border: 1px solid $color-gray-15;
6
- }
7
-
8
- .n-timepicker.n-disabled {
9
- background: rgba($color-gray-75, 0.3);
10
- }
11
-
12
- .n-timepicker__seperator {
13
- color: $color-gray-40;
14
- }
15
-
16
- .n-timepicker__clear,
17
- .n-timepicker__angle {
18
- color: $color-gray-60;
19
- }
20
-
21
- .n-timepicker__clear i {
22
- background: rgba($color-gray-85, 0.6);
23
- }
24
-
25
- .n-timepicker__placeholder {
26
- color: rgba($color-white, 0.5);
27
- }
28
-
29
- .n-timepicker__body,
30
- .n-timepicker__empty {
31
- background: $color-black;
32
- box-shadow: 0 1px 3px 1px rgba($color-shadow, 0.15);
33
- }
34
-
35
- .n-timepicker__empty {
36
- color: $color-gray-60;
37
- }
38
-
39
- @each $color, $values in $colors {
40
-
41
- $-color-base: map_get($values, 'base');
42
- $-color-light: map_get($values, 'light');
43
- $-color-dark: map_get($values, 'dark');
44
-
45
- //.n-timepicker--#{$color}:not(.n-disabled):hover,
46
- .n-timepicker--#{$color}:not(.n-disabled).n-focus {
47
- border-color: $-color-base;
48
- }
49
-
50
- }
@@ -1,27 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-timepicker-panel {
4
- border: 1px solid $color-gray-90;
5
- }
6
-
7
- .n-timepicker-panel__header {
8
- background: $color-gray-95;
9
- border-bottom: 1px solid $color-gray-90;
10
- }
11
-
12
- .n-timepicker-panel__panel:not(:last-child) {
13
- border-right: 1px solid $color-gray-90;
14
- }
15
-
16
- @each $color, $values in $colors {
17
-
18
- $-color-base: map_get($values, 'base');
19
- $-color-light: map_get($values, 'light');
20
- $-color-dark: map_get($values, 'dark');
21
-
22
- .n-timepicker-panel--#{$color} .n-timepicker-panel__item.n-selected {
23
- color: $color-white;
24
- background: $-color-base;
25
- }
26
-
27
- }
@@ -1 +0,0 @@
1
- @import "./src/transfer/transfer";
@@ -1,20 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-transfer__panel {
4
- border: 1px solid $color-gray-90;
5
- //box-shadow: 0 1px 4px rgba($color-shadow, 0.15);
6
- }
7
-
8
- .n-transfer__header {
9
- border-bottom: 1px solid $color-gray-90;
10
- background: $color-gray-95;
11
- }
12
-
13
- .n-transfer__search {
14
- border-bottom: 1px solid $color-gray-90;
15
- background: $color-gray-95;
16
- }
17
-
18
- .n-transfer__item-count {
19
- color: $color-gray-40;
20
- }
@@ -1 +0,0 @@
1
- @import "./src/virtualscroller/virtualscroller";
@@ -1 +0,0 @@
1
- @import "../../../root/vars";