@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,5 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-paginator {
4
- color: $color-gray-60;
5
- }
@@ -1 +0,0 @@
1
- @import "./src/popover/popover";
@@ -1,100 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- $popover: (
4
- 'default': (
5
- 'color': $color-white,
6
- 'border': $color-gray-90,
7
- 'header': $color-gray-90,
8
- 'body': $color-gray-95,
9
- 'footer': $color-gray-90,
10
- ),
11
- 'negative': (
12
- 'color': $color-white,
13
- 'border': $color-gray-10,
14
- 'header': $color-gray-05,
15
- 'body': $color-white,
16
- 'footer': $color-gray-05,
17
- )
18
- ) !default;
19
-
20
- .n-popover__frame {
21
- box-shadow: 0 1px 3px 1px rgba($color-shadow, 0.55);
22
- }
23
-
24
- .n-popover-group,
25
- .n-popover-option {
26
- color: $color-white;
27
- }
28
-
29
- .n-popover-group {
30
- color: $color-gray-50;
31
- }
32
-
33
- .n-popover-option:not(.n-disabled).n-hover,
34
- .n-popover-option:not(.n-disabled):hover {
35
- background: rgba($color-gray-50, 0.07);
36
- }
37
-
38
- .n-popover-option:not(.n-disabled).n-focus,
39
- .n-popover-option:not(.n-disabled).n-focus:hover {
40
- background: rgba($color-gray-50, 0.14);
41
- }
42
-
43
- .n-popover-option .n-image {
44
- color: $color-gray-60;
45
- }
46
-
47
- .n-popover-option .n-icon {
48
- color: $color-gray-60;
49
- }
50
-
51
- @each $suffix, $values in $popover {
52
-
53
- $-popover-color: map-get($values, 'color');
54
- $-popover-border: map-get($values, 'border');
55
- $-popover-header: map-get($values, 'header');
56
- $-popover-body: map-get($values, 'body');
57
- $-popover-footer: map-get($values, 'footer');
58
-
59
- .n-popover--#{$suffix} .n-popover__frame {
60
- color: $-popover-color;
61
- background: $-popover-body;
62
- }
63
-
64
- .n-popover--#{$suffix} .n-popover__header {
65
- border-bottom: 1px solid $-popover-border;
66
- background: $-popover-header;
67
- }
68
-
69
- .n-popover--#{$suffix} .n-popover__footer {
70
- border-top: 1px solid $-popover-border;
71
- background: $-popover-footer;
72
- }
73
-
74
- .n-popover--#{$suffix} .n-popover-option {
75
- color: $-popover-color;
76
- }
77
-
78
- }
79
-
80
- @each $color, $values in $colors {
81
-
82
- $-color-base: map_get($values, 'base');
83
- $-color-light: map_get($values, 'light');
84
- $-color-dark: map_get($values, 'dark');
85
-
86
- .n-popover-option--#{$color}.n-active,
87
- .n-popover-option--#{$color} .n-icon {
88
- color: $-color-base;
89
- }
90
-
91
- }
92
-
93
- .n-popover--tooltip .n-popover__frame {
94
- color: $color-white;
95
- background: rgba($color-gray-80, 0.9);
96
- }
97
-
98
- .n-popover--tooltip .n-popover__body {
99
- padding: 3px 8px;
100
- }
@@ -1,2 +0,0 @@
1
- @import "./src/radio/radio";
2
- @import "./src/radio-group/radio-group";
@@ -1,45 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-radio__radio {
4
- color: $color-white;
5
- background: rgba($color-gray-70, 0.5);
6
- //border: 1px solid $color-gray-15;
7
- }
8
-
9
- .n-radio.n-disabled .n-radio__radio {
10
- background: rgba($color-gray-60, 0.3);
11
- }
12
-
13
- .n-radio__radio span {
14
- background: $color-white;
15
- }
16
-
17
- @each $color, $values in $colors {
18
-
19
- $-color-base: map_get($values, 'base');
20
- $-color-light: map_get($values, 'light');
21
- $-color-dark: map_get($values, 'dark');
22
-
23
- .n-radio--#{$color}:not(.n-disabled):hover .n-radio__radio {
24
- //border-color: $-color-base;
25
- }
26
-
27
- .n-radio--#{$color}.n-checked:not(.n-disabled) .n-radio__radio {
28
- background: $-color-base;
29
- border-color: $-color-base;
30
- }
31
-
32
- .n-radio--#{$color}.n-checked:not(.n-disabled) .n-radio__radio span {
33
- background: $color-white;
34
- }
35
-
36
- .n-radio--#{$color}.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover {
37
- background: $-color-light;
38
- border-color: $-color-light;
39
- }
40
-
41
- .n-radio--#{$color}.n-checked:not(.n-disabled) .n-radio__label {
42
- color: $-color-base;
43
- }
44
-
45
- }
@@ -1 +0,0 @@
1
- @import "../../../root/vars";
@@ -1 +0,0 @@
1
- @import "./src/resizer/resizer";
@@ -1,5 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-resizer__handle:before {
4
- background: rgba($color-primary, 0.9);
5
- }
@@ -1,30 +0,0 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <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"
4
- viewBox="0 0 320 320" style="enable-background:new 0 0 320 320;" xml:space="preserve">
5
- <style type="text/css">
6
- .st0{opacity:0.2;}
7
- .st1{opacity:0.4;}
8
- .st2{opacity:0.6;}
9
- .st3{opacity:0.5;}
10
- .st4{opacity:0.8;}
11
- </style>
12
- <g id="Ebene_1_5_">
13
- <path class="st0" d="M99,191.8c1.7,0,3.3,1,3.9,2.6l6.8,15.7c1.7,3.9,5.6,6.5,9.9,6.5H204c4.3,0,8.2-2.5,9.9-6.5l6.8-15.7
14
- c0.7-1.6,2.2-2.6,3.9-2.6h22.5v-82h-48.6c-14.8,0-26.7-12-26.7-26.7V34.5H94.3c-9.8,0-17.8,8-17.8,17.8v139.5H99z"/>
15
- <path class="st1" d="M198.5,109.8h48.6l-75.4-75.4v48.6C171.8,97.9,183.7,109.8,198.5,109.8z"/>
16
- <path class="st2" d="M141.8,107.4h-24.1c-3.8,0-7-3.1-7-7l0,0c0-3.8,3.1-7,7-7h24.1c3.8,0,7,3.1,7,7l0,0
17
- C148.7,104.3,145.6,107.4,141.8,107.4z"/>
18
- <path class="st2" d="M210.9,152.2h-92.5c-4.2,0-7.6-3.4-7.6-7.6v0c0-4.2,3.4-7.6,7.6-7.6h92.5c4.2,0,7.6,3.4,7.6,7.6v0
19
- C218.6,148.8,215.2,152.2,210.9,152.2z"/>
20
- <path class="st2" d="M210.9,188.6h-92.5c-4.2,0-7.6-3.4-7.6-7.6v0c0-4.2,3.4-7.6,7.6-7.6h92.5c4.2,0,7.6,3.4,7.6,7.6v0
21
- C218.6,185.1,215.2,188.6,210.9,188.6z"/>
22
- </g>
23
- <path class="st3" d="M220.7,194.4l-6.8,15.7c-1.7,3.9-5.6,6.5-9.9,6.5h-84.3c-4.3,0-8.2-2.5-9.9-6.5l-6.8-15.7
24
- c-0.7-1.6-2.2-2.6-3.9-2.6H37V278c0,5.9,4.8,10.8,10.8,10.8h228.1c5.9,0,10.8-4.8,10.8-10.8v-86.1h-62
25
- C222.9,191.8,221.4,192.8,220.7,194.4z"/>
26
- <g class="st4">
27
- <polygon points="76.5,142 37,191.8 76.5,191.8 "/>
28
- <polygon points="247.1,142 247.1,191.8 286.6,191.8 "/>
29
- </g>
30
- </svg>
@@ -1,34 +0,0 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <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"
4
- viewBox="0 0 320 320" style="enable-background:new 0 0 320 320;" xml:space="preserve">
5
- <style type="text/css">
6
- .st0{opacity:0.3;enable-background:new ;}
7
- .st1{display:none;fill:#898E93;}
8
- .st2{opacity:0.7;}
9
- .st3{opacity:0.15;enable-background:new ;}
10
- .st4{opacity:0.5;fill:url(#SVGID_1_);enable-background:new ;}
11
- .st5{opacity:0.6;}
12
- .st6{opacity:0.3;}
13
- </style>
14
- <ellipse class="st0" cx="160.5" cy="270" rx="106.5" ry="32"/>
15
- <rect x="141.6" y="125.7" transform="matrix(0.4341 -0.9009 0.9009 0.4341 -36.7959 214.9154)" class="st1" width="22.1" height="22.1"/>
16
- <circle class="st1" cx="192.8" cy="187.3" r="15.1"/>
17
- <path class="st1" d="M124.8,262.5l-15.3-52l52.9,11.7L124.8,262.5z"/>
18
- <path class="st2" d="M216.8,94.2c0-8.7-25.2-15.8-56.3-15.8s-56.3,7.1-56.3,15.8l3.6,10c0-8.2,23.6-14.8,52.8-14.8
19
- s52.8,6.6,52.8,14.8L216.8,94.2z"/>
20
- <path class="st3" d="M160.5,238c51.7,0,94.9,11.1,104.5,25.8l-51.7-159.6c0-8.2-23.6-14.8-52.8-14.8s-52.8,6.6-52.8,14.8L56,263.8
21
- C65.6,249.1,108.8,238,160.5,238z"/>
22
- <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="160.5" y1="123.1656" x2="160.5" y2="220.5235" gradientTransform="matrix(1 0 0 -1 0 322)">
23
- <stop offset="0" style="stop-color:#FFFFFF;stop-opacity:0"/>
24
- <stop offset="1" style="stop-color:#FFFFFF"/>
25
- </linearGradient>
26
- <path class="st4" d="M160.5,89.3c-9.7,0-18.8,0.7-26.6,2L108,203.2h105L187.1,91.4C179.3,90.1,170.2,89.3,160.5,89.3z"/>
27
- <path class="st5" d="M160.5,40c17.2,0,33.2,1.8,47.4,4.8c-5.2-14.9-24.4-26-47.4-26s-42.2,11.1-47.4,26
28
- C127.3,41.9,143.3,40,160.5,40z"/>
29
- <path d="M160.5,50.7C100,50.7,51,64,51,80.4c0,11.2,22.6,20.9,56,26l0.7-2.3l-3.6-10c0-8.7,25.2-15.8,56.3-15.8s56.3,7.1,56.3,15.8
30
- l-3.6,10l0.7,2.3c33.4-5.1,56-14.8,56-26C270,64,221,50.7,160.5,50.7z"/>
31
- <path class="st6" d="M160.5,50.7C221,50.7,270,64,270,80.4C270,64,223.2,40,160.5,40S51,64,51,80.4C51,64,100,50.7,160.5,50.7z"/>
32
- <image style="overflow:visible;" width="352" height="368" xlink:href="../../../../../Desktop/Screen Shot 2021-01-22 at 4.55.46 PM.png" transform="matrix(0.5 0 0 0.5 -202.8271 18.7864)">
33
- </image>
34
- </svg>
@@ -1,160 +0,0 @@
1
- $color-white: #ffffff !default;
2
- $color-black: #090b10 !default;
3
-
4
- $color-gray-05: mix($color-black, $color-white, 0.05 * 100%) !default;
5
- $color-gray-10: mix($color-black, $color-white, 0.10 * 100%) !default;
6
- $color-gray-15: mix($color-black, $color-white, 0.15 * 100%) !default;
7
- $color-gray-20: mix($color-black, $color-white, 0.20 * 100%) !default;
8
- $color-gray-25: mix($color-black, $color-white, 0.25 * 100%) !default;
9
- $color-gray-30: mix($color-black, $color-white, 0.30 * 100%) !default;
10
- $color-gray-35: mix($color-black, $color-white, 0.35 * 100%) !default;
11
- $color-gray-40: mix($color-black, $color-white, 0.40 * 100%) !default;
12
- $color-gray-45: mix($color-black, $color-white, 0.45 * 100%) !default;
13
- $color-gray-50: mix($color-black, $color-white, 0.50 * 100%) !default;
14
- $color-gray-55: mix($color-black, $color-white, 0.55 * 100%) !default;
15
- $color-gray-60: mix($color-black, $color-white, 0.60 * 100%) !default;
16
- $color-gray-65: mix($color-black, $color-white, 0.65 * 100%) !default;
17
- $color-gray-70: mix($color-black, $color-white, 0.70 * 100%) !default;
18
- $color-gray-75: mix($color-black, $color-white, 0.75 * 100%) !default;
19
- $color-gray-80: mix($color-black, $color-white, 0.80 * 100%) !default;
20
- $color-gray-85: mix($color-black, $color-white, 0.85 * 100%) !default;
21
- $color-gray-90: mix($color-black, $color-white, 0.90 * 100%) !default;
22
- $color-gray-95: mix($color-black, $color-white, 0.95 * 100%) !default;
23
-
24
- $color-primary: #4e7bff !default;
25
- $color-secondary: #683bff !default;
26
-
27
- $color-success: #3ed786 !default;
28
- $color-warning: #ffac2f !default;
29
- $color-danger: #fd2f51 !default;
30
- $color-info: #37C4EF !default;
31
-
32
- $color-background: #f0f3f7 !default;
33
-
34
- $color-shadow: mix(#000, $color-primary, 95%) !default;
35
-
36
-
37
- $color-white-light: $color-white !default;
38
- $color-white-lighter: $color-white !default;
39
-
40
- $color-white-dark: mix($color-gray-50, $color-white, 5%) !default;
41
- $color-white-darker: mix($color-gray-50, $color-white, 10%) !default;
42
-
43
- $color-black-light: mix($color-gray-50, $color-black, 5%) !default;
44
- $color-black-lighter: mix($color-gray-50, $color-black, 10%) !default;
45
-
46
- $color-black-dark: $color-black !default;
47
- $color-black-darker: $color-black !default;
48
-
49
-
50
- $color-primary-light: lighten(mix($color-white, $color-primary, 10%), 5%) !default;
51
- $color-primary-lighter: lighten(mix($color-white, $color-primary, 20%), 5%) !default;
52
-
53
- $color-primary-dark: darken(mix($color-black, $color-primary, 10%), 5%) !default;
54
- $color-primary-darker: darken(mix($color-black, $color-primary, 20%), 5%) !default;
55
-
56
-
57
- $color-secondary-light: lighten(mix($color-white, $color-secondary, 10%), 5%) !default;
58
- $color-secondary-lighter: lighten(mix($color-white, $color-secondary, 20%), 5%) !default;
59
-
60
- $color-secondary-dark: darken(mix($color-black, $color-secondary, 10%), 5%) !default;
61
- $color-secondary-darker: darken(mix($color-black, $color-secondary, 20%), 5%) !default;
62
-
63
-
64
- $color-success-light: lighten(mix($color-white, $color-success, 10%), 5%) !default;
65
- $color-success-lighter: lighten(mix($color-white, $color-success, 20%), 5%) !default;
66
-
67
- $color-success-dark: darken(mix($color-black, $color-success, 10%), 5%) !default;
68
- $color-success-darker: darken(mix($color-black, $color-success, 20%), 5%) !default;
69
-
70
-
71
- $color-warning-light: lighten(mix($color-white, $color-warning, 10%), 5%) !default;
72
- $color-warning-lighter: lighten(mix($color-white, $color-warning, 20%), 5%) !default;
73
-
74
- $color-warning-dark: darken(mix($color-black, $color-warning, 10%), 5%) !default;
75
- $color-warning-darker: darken(mix($color-black, $color-warning, 20%), 5%) !default;
76
-
77
-
78
- $color-danger-light: lighten(mix($color-white, $color-danger, 10%), 5%) !default;
79
- $color-danger-lighter: lighten(mix($color-white, $color-danger, 20%), 5%) !default;
80
-
81
- $color-danger-dark: darken(mix($color-black, $color-danger, 10%), 5%) !default;
82
- $color-danger-darker: darken(mix($color-black, $color-danger, 20%), 5%) !default;
83
-
84
- $color-info-light: lighten(mix($color-white, $color-info, 10%), 5%) !default;
85
- $color-info-lighter: lighten(mix($color-white, $color-info, 20%), 5%) !default;
86
-
87
- $color-info-dark: darken(mix($color-black, $color-info, 10%), 5%) !default;
88
- $color-info-darker: darken(mix($color-black, $color-info, 20%), 5%) !default;
89
-
90
- $color-background-light: lighten(mix($color-white, $color-background, 10%), 5%) !default;
91
- $color-background-lighter: lighten(mix($color-white, $color-background, 20%), 5%) !default;
92
-
93
- $color-background-dark: darken(mix($color-black, $color-background, 10%), 5%) !default;
94
- $color-background-darker: darken(mix($color-black, $color-background, 20%), 5%) !default;
95
-
96
- $xs-radius: 2px !default;
97
- $sm-radius: 2px !default;
98
- $md-radius: 3px !default;
99
- $lg-radius: 5px !default;
100
- $xl-radius: 10px !default;
101
-
102
- $form: (
103
- 'xs': (
104
- 'size': 26px,
105
- 'font': 11px,
106
- 'radius': $xs-radius,
107
- 'ratio': 0.40,
108
- ),
109
- 'sm': (
110
- 'size': 28px,
111
- 'font': 13px,
112
- 'radius': $sm-radius,
113
- 'ratio': 0.40,
114
- ),
115
- 'md': (
116
- 'size': 32px,
117
- 'font': 14px,
118
- 'radius': $md-radius,
119
- 'ratio': 0.40,
120
- ),
121
- 'lg': (
122
- 'size': 36px,
123
- 'font': 16px,
124
- 'radius': $lg-radius,
125
- 'ratio': 0.40,
126
- ),
127
- ) !default;
128
-
129
- $colors: (
130
- 'primary': (
131
- 'base': $color-primary,
132
- 'light': $color-primary-light,
133
- 'dark': $color-primary-dark
134
- ),
135
- 'secondary': (
136
- 'base': $color-secondary,
137
- 'light': $color-secondary-light,
138
- 'dark': $color-secondary-dark
139
- ),
140
- 'info': (
141
- 'base': $color-info,
142
- 'light': $color-info-light,
143
- 'dark': $color-info-dark
144
- ),
145
- 'success': (
146
- 'base': $color-success,
147
- 'light': $color-success-light,
148
- 'dark': $color-success-dark
149
- ),
150
- 'warning': (
151
- 'base': $color-warning,
152
- 'light': $color-warning-light,
153
- 'dark': $color-warning-dark
154
- ),
155
- 'danger': (
156
- 'base': $color-danger,
157
- 'light': $color-danger-light,
158
- 'dark': $color-danger-dark
159
- ),
160
- ) !default;
@@ -1 +0,0 @@
1
- @import "./src/scrollbar/scrollbar";
@@ -1,6 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-scrollbar-v:before,
4
- .n-scrollbar-h:before {
5
- background: rgba($color-black, 0.3);
6
- }
@@ -1,2 +0,0 @@
1
- @import "./src/select/select";
2
- @import "./src/select-option/select-option";
@@ -1,46 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-select {
4
- background: $color-gray-90;
5
- }
6
-
7
- .n-select.n-disabled {
8
- background: rgba($color-gray-75, 0.3);
9
- }
10
-
11
- .n-select__clear,
12
- .n-select__angle {
13
- color: $color-gray-60;
14
- }
15
-
16
- .n-select__clear i {
17
- background: rgba($color-gray-75, 0.6);
18
- }
19
-
20
- .n-select__body,
21
- .n-select__empty {
22
- background: $color-gray-95;
23
- box-shadow: 0 1px 3px 1px rgba($color-shadow, 0.15);
24
- }
25
-
26
- .n-select__empty {
27
- color: $color-gray-60;
28
- }
29
-
30
- @each $color, $values in $colors {
31
-
32
- $-color-base: map_get($values, 'base');
33
- $-color-light: map_get($values, 'light');
34
- $-color-dark: map_get($values, 'dark');
35
-
36
- //.n-select--#{$color}:not(.n-disabled):hover,
37
- .n-select--#{$color}:not(.n-disabled).n-focus {
38
- border-color: $-color-base;
39
- }
40
-
41
- .n-select--#{$color} .n-select__item {
42
- color: $color-white;
43
- background: $-color-base;
44
- }
45
-
46
- }
@@ -1 +0,0 @@
1
- @import "../../../root/vars";
@@ -1 +0,0 @@
1
- @import "./src/switch/switch";
@@ -1,28 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-switch__switch {
4
- background: $color-gray-85;
5
- //border: 1px solid $color-gray-15;
6
- }
7
-
8
- .n-switch__switch span {
9
- background: $color-white;
10
- box-shadow: 0 1px 2px rgba($color-shadow, 0.15);
11
- }
12
-
13
- @each $color, $values in $colors {
14
-
15
- $-color-base: map_get($values, 'base');
16
- $-color-light: map_get($values, 'light');
17
- $-color-dark: map_get($values, 'dark');
18
-
19
- .n-switch--#{$color}:not(.n-disabled) .n-switch__switch {
20
- background: $-color-base;
21
- //border-color: $-color-base;
22
- }
23
-
24
- .n-switch--#{$color}:not(.n-disabled) .n-switch__label {
25
- color: $-color-base;
26
- }
27
-
28
- }
@@ -1,4 +0,0 @@
1
- @import "./src/table/table";
2
- @import "./src/table-column/table-column";
3
- @import "./src/table-cell/table-cell";
4
- @import "./src/table-filter/table-filter";
@@ -1,15 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-table {
4
- border: 1px solid $color-gray-90;
5
- }
6
-
7
- .n-table .n-draglist-item {
8
- border-bottom: 1px solid $color-gray-90;
9
- }
10
-
11
- .n-table .n-table__header {
12
- background: $color-gray-95;
13
- border-bottom: 1px solid $color-gray-90;
14
- box-shadow: 0 0 3px rgba($color-shadow, 0.10);
15
- }
@@ -1,51 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-table-cell.n-changed:before {
4
- content: '\00a0';
5
- position: absolute;
6
- top: -3px;
7
- left: -3px;
8
- display: block;
9
- width: 0;
10
- height: 0;
11
- border: 3px solid transparent;
12
- border-bottom-color: $color-danger;
13
- transform: rotate(-45deg);
14
- }
15
-
16
- .n-table-cell--image > div {
17
- background-color: $color-gray-90;
18
- }
19
-
20
- .n-table-cell--checkbox i {
21
- background: rgba($color-gray-70, 0.5);
22
- //border: 1px solid $color-gray-15;
23
- }
24
-
25
- .n-table-cell--checkbox.n-disabled i {
26
- background: rgba($color-gray-60, 0.3);
27
- }
28
-
29
- @each $color, $values in $colors {
30
-
31
- $-color-base: map_get($values, 'base');
32
- $-color-light: map_get($values, 'light');
33
- $-color-dark: map_get($values, 'dark');
34
-
35
- .n-draglist--#{$color} .n-table-cell--checkbox.n-checked:not(.n-disabled) i,
36
- .n-draglist--#{$color} .n-table-cell--checkbox.n-checked:not(.n-uncheck) i {
37
- color: $color-white;
38
- background: $-color-base;
39
- border-color: $-color-base;
40
- }
41
-
42
- .n-draglist--#{$color} .n-table-cell--checkbox:not(.n-disabled):hover i {
43
- //border-color: $-color-light;
44
- }
45
-
46
- .n-draglist--#{$color} .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i {
47
- background: $-color-light;
48
- border-color: $-color-light;
49
- }
50
-
51
- }
@@ -1,32 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-table__header .n-table-column {
4
- border-left: 1px solid $color-gray-90;
5
- border-right: 1px solid $color-gray-90;
6
- }
7
-
8
- .n-table-column.n-filtered .n-table-column__label {
9
- color: $color-primary;
10
- }
11
-
12
- .n-table-column .n-table-column__sort > i:before {
13
- border-top-color: rgba($color-gray-50, 0.5);
14
- }
15
-
16
- .n-table-column.n-sorted.n-desc .n-table-column__sort > i:before {
17
- border-top-color: $color-primary;
18
- }
19
-
20
- .n-table-column .n-table-column__sort > i:after {
21
- border-bottom-color: rgba($color-gray-50, 0.5);
22
- }
23
-
24
- .n-table-column.n-sorted.n-asc .n-table-column__sort > i:after {
25
- border-bottom-color: $color-primary;
26
- }
27
-
28
- .n-table .n-table-column .n-table-column__filter > i {
29
- color: $color-gray-40;
30
- background: $color-gray-85;
31
- }
32
-
@@ -1 +0,0 @@
1
- @import "../../../root/vars";
@@ -1,2 +0,0 @@
1
- @import "./src/tabs/tabs";
2
- @import "./src/tabs-item/tabs-item";
@@ -1,21 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-tabs__header:after {
4
- border-bottom: 1px solid $color-gray-90;
5
- }
6
-
7
- .n-tabs__indicator {
8
- background: $color-white;
9
- }
10
-
11
- @each $color, $values in $colors {
12
-
13
- $-color-base: map_get($values, 'base');
14
- $-color-light: map_get($values, 'light');
15
- $-color-dark: map_get($values, 'dark');
16
-
17
- .n-tabs--#{$color} .n-tabs__indicator {
18
- background: $-color-base;
19
- }
20
-
21
- }
@@ -1,18 +0,0 @@
1
- @import "../../../root/vars";
2
-
3
- .n-tabs__tab-icon {
4
- color: $color-gray-40;
5
- }
6
-
7
- @each $color, $values in $colors {
8
-
9
- $-color-base: map_get($values, 'base');
10
- $-color-light: map_get($values, 'light');
11
- $-color-dark: map_get($values, 'dark');
12
-
13
- .n-tabs--#{$color} .n-tabs__tab.n-active .n-tabs__tab-icon,
14
- .n-tabs--#{$color} .n-tabs__tab.n-active .n-tabs__tab-label {
15
- color: $-color-base;
16
- }
17
-
18
- }
@@ -1 +0,0 @@
1
- @import "./src/textarea/textarea";