@kizmann/nano-ui 1.1.0 → 1.1.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.
Files changed (583) hide show
  1. package/dist/nano-ui.css +1 -1
  2. package/dist/nano-ui.js +1 -1
  3. package/dist/nano-ui.js.map +1 -1
  4. package/dist/themes/default.css +1 -0
  5. package/dist/themes/webservy.css +1 -0
  6. package/package.json +6 -2
  7. package/src/alert/index.js +13 -2
  8. package/src/alert/index.scss +1 -1
  9. package/src/alert/src/alert/alert-handler.mjs +143 -0
  10. package/src/alert/src/alert/alert.scss +35 -43
  11. package/src/button/index.scss +2 -2
  12. package/src/button/src/button/button.jsx +12 -0
  13. package/src/button/src/button/button.scss +29 -33
  14. package/src/button/src/button-group/button-group.scss +9 -19
  15. package/src/cascader/index.scss +2 -2
  16. package/src/cascader/src/cascader/cascader.jsx +22 -4
  17. package/src/cascader/src/cascader/cascader.scss +26 -78
  18. package/src/cascader/src/cascader-panel/cascader-panel.scss +2 -16
  19. package/src/chart/index.js +9 -0
  20. package/src/chart/index.scss +3 -0
  21. package/src/chart/src/chart-bar/chart-bar.jsx +344 -0
  22. package/src/chart/src/chart-bar/chart-bar.scss +143 -0
  23. package/src/chart/src/chart-donut/chart-donut.jsx +404 -0
  24. package/src/chart/src/chart-donut/chart-donut.scss +123 -0
  25. package/src/chart/src/chart-item/chart-item.jsx +110 -0
  26. package/src/chart/src/chart-item/chart-item.scss +30 -0
  27. package/src/checkbox/index.scss +2 -2
  28. package/src/checkbox/src/checkbox/checkbox.scss +11 -30
  29. package/src/checkbox/src/checkbox-group/checkbox-group.scss +19 -29
  30. package/src/collapse/index.scss +2 -2
  31. package/src/collapse/src/collapse/collapse.jsx +27 -4
  32. package/src/collapse/src/collapse/collapse.scss +14 -22
  33. package/src/collapse/src/collapse-item/collapse-item.jsx +42 -8
  34. package/src/collapse/src/collapse-item/collapse-item.scss +31 -29
  35. package/src/config/index.scss +3 -3
  36. package/src/config/src/builder/builder.scss +1 -1
  37. package/src/config/src/reference-panel/reference-panel.scss +1 -1
  38. package/src/confirm/index.js +23 -1
  39. package/src/confirm/index.scss +1 -1
  40. package/src/confirm/src/confirm/confirm-handler.mjs +226 -0
  41. package/src/confirm/src/confirm/confirm.jsx +109 -123
  42. package/src/confirm/src/confirm/confirm.scss +57 -49
  43. package/src/datepicker/index.scss +2 -2
  44. package/src/datepicker/src/datepicker/datepicker.jsx +23 -4
  45. package/src/datepicker/src/datepicker/datepicker.scss +20 -51
  46. package/src/datepicker/src/datepicker-panel/datepicker-panel.jsx +4 -2
  47. package/src/datepicker/src/datepicker-panel/datepicker-panel.scss +79 -53
  48. package/src/datetimepicker/index.scss +1 -1
  49. package/src/datetimepicker/src/datetimepicker/datetimepicker.jsx +3 -3
  50. package/src/datetimepicker/src/datetimepicker/datetimepicker.scss +23 -61
  51. package/src/draggable/index.scss +6 -6
  52. package/src/draggable/src/draggrid/draggrid.jsx +4 -4
  53. package/src/draggable/src/draggrid/draggrid.scss +2 -19
  54. package/src/draggable/src/draggrid-item/draggrid-item.scss +12 -34
  55. package/src/draggable/src/draghandler/draghandler.scss +1 -1
  56. package/src/draggable/src/draglist/draglist.jsx +3 -3
  57. package/src/draggable/src/draglist/draglist.scss +3 -20
  58. package/src/draggable/src/draglist-item/draglist-item.scss +15 -36
  59. package/src/draggable/src/dropzone/dropzone.scss +6 -19
  60. package/src/drawer/index.scss +1 -1
  61. package/src/drawer/src/drawer/drawer.jsx +6 -3
  62. package/src/drawer/src/drawer/drawer.scss +27 -31
  63. package/src/durationpicker/index.scss +1 -1
  64. package/src/durationpicker/src/durationpicker/durationpicker.jsx +3 -3
  65. package/src/durationpicker/src/durationpicker/durationpicker.scss +18 -55
  66. package/src/empty/index.scss +1 -1
  67. package/src/empty/src/empty-icon/empty-icon.jsx +1 -1
  68. package/src/empty/src/empty-icon/empty-icon.scss +13 -26
  69. package/src/file/index.scss +1 -1
  70. package/src/file/src/file/file.jsx +9 -0
  71. package/src/file/src/file/file.scss +2 -2
  72. package/src/form/index.js +2 -0
  73. package/src/form/index.scss +5 -4
  74. package/src/form/src/form/form-rules.mjs +182 -0
  75. package/src/form/src/form/form.jsx +108 -4
  76. package/src/form/src/form/form.scss +33 -1
  77. package/src/form/src/form-bag/form-bag.jsx +90 -0
  78. package/src/form/src/form-bag/form-bag.scss +59 -0
  79. package/src/form/src/form-frame/form-frame.jsx +17 -9
  80. package/src/form/src/form-frame/form-frame.scss +25 -38
  81. package/src/form/src/form-group/form-group.jsx +24 -6
  82. package/src/form/src/form-group/form-group.scss +85 -66
  83. package/src/form/src/form-item/form-item.jsx +79 -68
  84. package/src/form/src/form-item/form-item.scss +23 -32
  85. package/src/grid/index.scss +1 -0
  86. package/src/grid/src/grid/grid.scss +146 -0
  87. package/src/index.js +4 -1
  88. package/src/index.scss +45 -39
  89. package/src/info/index.scss +3 -3
  90. package/src/info/src/info/info.scss +7 -26
  91. package/src/info/src/info-column/info-column.scss +2 -16
  92. package/src/info/src/info-field/info-field.scss +1 -1
  93. package/src/input/index.scss +1 -1
  94. package/src/input/src/input/input.jsx +1 -1
  95. package/src/input/src/input/input.scss +15 -40
  96. package/src/input-number/index.scss +1 -1
  97. package/src/input-number/src/input-number/input-number.jsx +39 -23
  98. package/src/input-number/src/input-number/input-number.scss +14 -59
  99. package/src/loader/index.scss +1 -1
  100. package/src/loader/src/loader/loader.scss +16 -29
  101. package/src/map/index.scss +1 -1
  102. package/src/map/src/map/map.scss +1 -2
  103. package/src/modal/index.scss +1 -1
  104. package/src/modal/src/modal/modal.jsx +6 -3
  105. package/src/modal/src/modal/modal.scss +25 -38
  106. package/src/notification/index.js +23 -3
  107. package/src/notification/index.scss +1 -1
  108. package/src/notification/src/notification/notification-element.mjs +74 -0
  109. package/src/notification/src/notification/notification-handler.mjs +75 -0
  110. package/src/notification/src/notification/notification.scss +13 -25
  111. package/src/paginator/index.scss +1 -1
  112. package/src/paginator/src/paginator/paginator.scss +39 -44
  113. package/src/popover/index.js +20 -3
  114. package/src/popover/index.scss +1 -1
  115. package/src/popover/src/popover/popover-element.mjs +578 -0
  116. package/src/popover/src/popover/popover-handler.mjs +116 -0
  117. package/src/popover/src/popover/popover-helper.mjs +75 -0
  118. package/src/popover/src/popover/popover.jsx +78 -550
  119. package/src/popover/src/popover/popover.scss +186 -78
  120. package/src/preview/index.js +45 -5
  121. package/src/preview/index.scss +5 -5
  122. package/src/preview/src/{_tools/preview-handler.js → preview/preview-handler.mjs} +46 -34
  123. package/src/preview/src/{_tools/preview-helper.js → preview/preview-helper.mjs} +24 -40
  124. package/src/preview/src/preview/preview.jsx +62 -25
  125. package/src/preview/src/preview/preview.scss +27 -1
  126. package/src/preview/src/preview-image/preview-image.scss +1 -3
  127. package/src/preview/src/preview-modal/preview-modal.jsx +18 -48
  128. package/src/preview/src/preview-modal/preview-modal.scss +24 -11
  129. package/src/preview/src/preview-plain/preview-plain.jsx +32 -20
  130. package/src/preview/src/preview-plain/preview-plain.scss +5 -3
  131. package/src/preview/src/preview-video/preview-video.jsx +3 -4
  132. package/src/preview/src/preview-video/preview-video.scss +1 -2
  133. package/src/radio/index.scss +2 -2
  134. package/src/radio/src/radio/radio.scss +13 -32
  135. package/src/radio/src/radio-group/radio-group.scss +18 -28
  136. package/src/rating/index.scss +1 -1
  137. package/src/rating/src/rating/rating.scss +15 -33
  138. package/src/resizer/index.scss +1 -1
  139. package/src/resizer/src/resizer/resizer-next.jsx +40 -20
  140. package/src/resizer/src/resizer/resizer.scss +1 -1
  141. package/src/root/helpers.scss +41 -0
  142. package/src/root/image/angle-down-shadow.svg +3 -0
  143. package/src/root/image/angle-down.svg +3 -0
  144. package/src/root/image/angle-left-shadow.svg +3 -0
  145. package/src/root/image/angle-left.svg +3 -0
  146. package/src/root/image/angle-right-shadow.svg +3 -0
  147. package/src/root/image/angle-right.svg +3 -0
  148. package/src/root/image/angle-up-shadow.svg +3 -0
  149. package/src/root/image/angle-up.svg +3 -0
  150. package/src/root/image/empty-ufo.svg +8 -0
  151. package/src/root/image/empty.svg +10 -0
  152. package/src/root/image/star.svg +5 -0
  153. package/src/root/vars.scss +5 -3
  154. package/src/scrollbar/index.js +1 -3
  155. package/src/scrollbar/index.scss +1 -2
  156. package/src/scrollbar/src/scrollbar/scrollbar.jsx +213 -376
  157. package/src/scrollbar/src/scrollbar/scrollbar.scss +9 -11
  158. package/src/select/index.scss +2 -2
  159. package/src/select/src/select/select.jsx +22 -14
  160. package/src/select/src/select/select.scss +49 -104
  161. package/src/select/src/select-option/select-option.scss +1 -1
  162. package/src/slider/index.scss +1 -1
  163. package/src/slider/src/slider/slider.jsx +5 -3
  164. package/src/slider/src/slider/slider.scss +37 -46
  165. package/src/switch/index.scss +1 -1
  166. package/src/switch/src/switch/switch.scss +17 -44
  167. package/src/table/index.scss +4 -4
  168. package/src/table/src/table/table.jsx +5 -2
  169. package/src/table/src/table/table.scss +11 -18
  170. package/src/table/src/table-cell/table-cell.scss +7 -18
  171. package/src/table/src/table-column/table-column.jsx +5 -1
  172. package/src/table/src/table-column/table-column.scss +14 -13
  173. package/src/table/src/table-filter/table-filter.jsx +4 -4
  174. package/src/table/src/table-filter/table-filter.scss +10 -4
  175. package/src/tabs/index.scss +2 -2
  176. package/src/tabs/src/tabs/tabs.scss +20 -29
  177. package/src/tabs/src/tabs-item/tabs-item.jsx +14 -6
  178. package/src/tabs/src/tabs-item/tabs-item.scss +17 -25
  179. package/src/tags/index.scss +2 -2
  180. package/src/tags/src/tags/tags.jsx +1 -0
  181. package/src/tags/src/tags/tags.scss +6 -2
  182. package/src/tags/src/tags-item/tags-item.jsx +7 -7
  183. package/src/tags/src/tags-item/tags-item.scss +10 -31
  184. package/src/textarea/index.scss +1 -1
  185. package/src/textarea/src/textarea/textarea.jsx +2 -0
  186. package/src/textarea/src/textarea/textarea.scss +6 -23
  187. package/src/timepicker/index.scss +2 -2
  188. package/src/timepicker/src/timepicker/timepicker.jsx +6 -3
  189. package/src/timepicker/src/timepicker/timepicker.scss +21 -53
  190. package/src/timepicker/src/timepicker-panel/timepicker-panel.scss +33 -41
  191. package/src/tooltip/index.scss +1 -0
  192. package/src/tooltip/src/tooltip/tooltip.scss +116 -0
  193. package/src/transfer/index.scss +1 -1
  194. package/src/transfer/src/transfer/transfer.jsx +2 -2
  195. package/src/transfer/src/transfer/transfer.scss +33 -53
  196. package/src/virtualscroller/index.scss +1 -1
  197. package/src/virtualscroller/src/virtualscroller/virtualscroller.jsx +28 -34
  198. package/src/virtualscroller/src/virtualscroller/virtualscroller.scss +3 -2
  199. package/themes/default/alert/index.scss +1 -0
  200. package/themes/default/alert/src/alert/alert.scss +29 -0
  201. package/themes/default/button/index.scss +2 -0
  202. package/themes/default/button/src/button/button.scss +87 -0
  203. package/themes/default/button/src/button-group/button-group.scss +1 -0
  204. package/themes/default/cascader/index.scss +2 -0
  205. package/themes/default/cascader/src/cascader/cascader.scss +31 -0
  206. package/themes/default/cascader/src/cascader-panel/cascader-panel.scss +21 -0
  207. package/themes/default/chart/index.scss +2 -0
  208. package/themes/default/chart/src/chart-donut/chart-donut.scss +22 -0
  209. package/themes/default/chart/src/chart-item/chart-item.scss +11 -0
  210. package/themes/default/checkbox/index.scss +2 -0
  211. package/themes/default/checkbox/src/checkbox/checkbox.scss +26 -0
  212. package/themes/default/checkbox/src/checkbox-group/checkbox-group.scss +1 -0
  213. package/themes/default/collapse/index.scss +2 -0
  214. package/themes/default/collapse/src/collapse/collapse.scss +14 -0
  215. package/themes/default/collapse/src/collapse-item/collapse-item.scss +14 -0
  216. package/themes/default/confirm/index.scss +1 -0
  217. package/themes/default/confirm/src/confirm/confirm.scss +35 -0
  218. package/themes/default/datepicker/index.scss +2 -0
  219. package/themes/default/datepicker/src/datepicker/datepicker.scss +44 -0
  220. package/themes/default/datepicker/src/datepicker-panel/datepicker-panel.scss +44 -0
  221. package/themes/default/datetimepicker/index.scss +1 -0
  222. package/themes/default/datetimepicker/src/datetimepicker/datetimepicker.scss +51 -0
  223. package/themes/default/demo/index.scss +1 -0
  224. package/themes/default/demo/src/demo/demo.scss +34 -0
  225. package/themes/default/draggable/index.scss +9 -0
  226. package/themes/default/draggable/src/draggrid/draggrid.scss +5 -0
  227. package/themes/default/draggable/src/draggrid-item/draggrid-item.scss +52 -0
  228. package/themes/default/draggable/src/draghandler/draghandler.scss +15 -0
  229. package/themes/default/draggable/src/draglist/draglist.scss +5 -0
  230. package/themes/default/draggable/src/draglist-item/draglist-item.scss +56 -0
  231. package/themes/default/draggable/src/dropzone/dropzone.scss +5 -0
  232. package/themes/default/drawer/index.scss +1 -0
  233. package/themes/default/drawer/src/drawer/drawer.scss +25 -0
  234. package/themes/default/durationpicker/index.scss +1 -0
  235. package/themes/default/durationpicker/src/durationpicker/durationpicker.scss +39 -0
  236. package/themes/default/empty/index.scss +1 -0
  237. package/themes/default/empty/src/empty-icon/empty-icon.scss +17 -0
  238. package/themes/default/example.scss +29 -0
  239. package/themes/default/file/index.scss +1 -0
  240. package/themes/default/file/src/file/file.scss +1 -0
  241. package/themes/default/form/index.scss +4 -0
  242. package/themes/default/form/src/form/form.scss +17 -0
  243. package/themes/default/form/src/form-frame/form-frame.scss +25 -0
  244. package/themes/default/form/src/form-group/form-group.scss +42 -0
  245. package/themes/default/form/src/form-item/form-item.scss +25 -0
  246. package/themes/default/index.scss +43 -0
  247. package/themes/default/info/index.scss +3 -0
  248. package/themes/default/info/src/info/info.scss +5 -0
  249. package/themes/default/info/src/info-column/info-column.scss +5 -0
  250. package/themes/default/info/src/info-field/info-field.scss +5 -0
  251. package/themes/default/input/index.scss +1 -0
  252. package/themes/default/input/src/input/input.scss +27 -0
  253. package/themes/default/input-number/index.scss +1 -0
  254. package/themes/default/input-number/src/input-number/input-number.scss +30 -0
  255. package/themes/default/loader/index.scss +1 -0
  256. package/themes/default/loader/src/loader/loader.scss +10 -0
  257. package/themes/default/map/index.scss +1 -0
  258. package/themes/default/map/src/map/map.scss +1 -0
  259. package/themes/default/modal/index.scss +1 -0
  260. package/themes/default/modal/src/modal/modal.scss +25 -0
  261. package/themes/default/notification/index.scss +1 -0
  262. package/themes/default/notification/src/notification/notification.scss +11 -0
  263. package/themes/default/paginator/index.scss +1 -0
  264. package/themes/default/paginator/src/paginator/paginator.scss +5 -0
  265. package/themes/default/popover/index.scss +1 -0
  266. package/themes/default/popover/src/popover/popover.scss +131 -0
  267. package/themes/default/preview/index.scss +4 -0
  268. package/themes/default/preview/src/preview-image/preview-image.scss +5 -0
  269. package/themes/default/preview/src/preview-modal/preview-modal.scss +39 -0
  270. package/themes/default/preview/src/preview-plain/preview-plain.scss +9 -0
  271. package/themes/default/preview/src/preview-video/preview-video.scss +5 -0
  272. package/themes/default/radio/index.scss +2 -0
  273. package/themes/default/radio/src/radio/radio.scss +32 -0
  274. package/themes/default/radio/src/radio-group/radio-group.scss +1 -0
  275. package/themes/default/rating/index.scss +1 -0
  276. package/themes/default/rating/src/rating/rating.scss +14 -0
  277. package/themes/default/resizer/index.scss +1 -0
  278. package/themes/default/resizer/src/resizer/resizer.scss +5 -0
  279. package/themes/default/root/helpers.scss +41 -0
  280. package/themes/default/root/image/angle-down-shadow.svg +3 -0
  281. package/themes/default/root/image/angle-down.svg +3 -0
  282. package/themes/default/root/image/angle-left-shadow.svg +3 -0
  283. package/themes/default/root/image/angle-left.svg +3 -0
  284. package/themes/default/root/image/angle-right-shadow.svg +3 -0
  285. package/themes/default/root/image/angle-right.svg +3 -0
  286. package/themes/default/root/image/angle-up-shadow.svg +3 -0
  287. package/themes/default/root/image/angle-up.svg +3 -0
  288. package/themes/default/root/image/empty-ufo.svg +8 -0
  289. package/themes/default/root/image/empty.svg +10 -0
  290. package/themes/default/root/image/star.svg +5 -0
  291. package/themes/default/root/vars/colors-dark-bluish.scss +457 -0
  292. package/themes/default/root/vars/colors-dark.scss +457 -0
  293. package/themes/default/root/vars/colors-light-bluish.scss +479 -0
  294. package/themes/default/root/vars/colors-light.scss +479 -0
  295. package/themes/default/root/vars/sizes-default.scss +101 -0
  296. package/themes/default/scrollbar/index.scss +1 -0
  297. package/themes/default/scrollbar/src/scrollbar/scrollbar.scss +7 -0
  298. package/themes/default/select/index.scss +2 -0
  299. package/themes/default/select/src/select/select.scss +32 -0
  300. package/themes/default/select/src/select-option/select-option.scss +1 -0
  301. package/themes/default/slider/index.scss +1 -0
  302. package/themes/default/slider/src/slider/slider.scss +30 -0
  303. package/themes/default/switch/index.scss +1 -0
  304. package/themes/default/switch/src/switch/switch.scss +19 -0
  305. package/themes/default/table/index.scss +4 -0
  306. package/themes/default/table/src/table/table.scss +14 -0
  307. package/themes/default/table/src/table-cell/table-cell.scss +34 -0
  308. package/themes/{macos → default}/table/src/table-column/table-column.scss +9 -10
  309. package/themes/default/table/src/table-filter/table-filter.scss +1 -0
  310. package/themes/default/tabs/index.scss +2 -0
  311. package/themes/default/tabs/src/tabs/tabs.scss +9 -0
  312. package/themes/default/tabs/src/tabs-item/tabs-item.scss +23 -0
  313. package/themes/default/tags/index.scss +2 -0
  314. package/themes/default/tags/src/tags/tags.scss +1 -0
  315. package/themes/default/tags/src/tags-item/tags-item.scss +17 -0
  316. package/themes/default/textarea/index.scss +1 -0
  317. package/themes/default/textarea/src/textarea/textarea.scss +18 -0
  318. package/themes/default/timepicker/index.scss +2 -0
  319. package/themes/default/timepicker/src/timepicker/timepicker.scss +44 -0
  320. package/themes/default/timepicker/src/timepicker-panel/timepicker-panel.scss +26 -0
  321. package/themes/default/transfer/index.scss +1 -0
  322. package/themes/default/transfer/src/transfer/transfer.scss +20 -0
  323. package/themes/default/virtualscroller/index.scss +1 -0
  324. package/themes/default/virtualscroller/src/virtualscroller/virtualscroller.scss +1 -0
  325. package/themes/webservy/alert/index.scss +1 -0
  326. package/themes/webservy/alert/src/alert/alert.scss +29 -0
  327. package/themes/webservy/button/index.scss +2 -0
  328. package/themes/webservy/button/src/button/button.scss +87 -0
  329. package/themes/webservy/button/src/button-group/button-group.scss +1 -0
  330. package/themes/webservy/cascader/index.scss +2 -0
  331. package/themes/webservy/cascader/src/cascader/cascader.scss +27 -0
  332. package/themes/webservy/cascader/src/cascader-panel/cascader-panel.scss +21 -0
  333. package/themes/webservy/chart/index.scss +2 -0
  334. package/themes/webservy/chart/src/chart-donut/chart-donut.scss +22 -0
  335. package/themes/webservy/chart/src/chart-item/chart-item.scss +11 -0
  336. package/themes/webservy/checkbox/index.scss +2 -0
  337. package/themes/webservy/checkbox/src/checkbox/checkbox.scss +25 -0
  338. package/themes/webservy/checkbox/src/checkbox-group/checkbox-group.scss +1 -0
  339. package/themes/webservy/collapse/index.scss +2 -0
  340. package/themes/webservy/collapse/src/collapse/collapse.scss +14 -0
  341. package/themes/webservy/collapse/src/collapse-item/collapse-item.scss +14 -0
  342. package/themes/webservy/confirm/index.scss +1 -0
  343. package/themes/webservy/confirm/src/confirm/confirm.scss +35 -0
  344. package/themes/webservy/datepicker/index.scss +2 -0
  345. package/themes/webservy/datepicker/src/datepicker/datepicker.scss +40 -0
  346. package/themes/webservy/datepicker/src/datepicker-panel/datepicker-panel.scss +44 -0
  347. package/themes/webservy/datetimepicker/index.scss +1 -0
  348. package/themes/webservy/datetimepicker/src/datetimepicker/datetimepicker.scss +47 -0
  349. package/themes/webservy/demo/index.scss +1 -0
  350. package/themes/webservy/demo/src/demo/demo.scss +34 -0
  351. package/themes/webservy/draggable/index.scss +9 -0
  352. package/themes/webservy/draggable/src/draggrid/draggrid.scss +5 -0
  353. package/themes/webservy/draggable/src/draggrid-item/draggrid-item.scss +51 -0
  354. package/themes/webservy/draggable/src/draghandler/draghandler.scss +15 -0
  355. package/themes/webservy/draggable/src/draglist/draglist.scss +5 -0
  356. package/themes/webservy/draggable/src/draglist-item/draglist-item.scss +55 -0
  357. package/themes/webservy/draggable/src/dropzone/dropzone.scss +5 -0
  358. package/themes/webservy/drawer/index.scss +1 -0
  359. package/themes/webservy/drawer/src/drawer/drawer.scss +23 -0
  360. package/themes/webservy/durationpicker/index.scss +1 -0
  361. package/themes/webservy/durationpicker/src/durationpicker/durationpicker.scss +35 -0
  362. package/themes/webservy/empty/index.scss +1 -0
  363. package/themes/webservy/empty/src/empty-icon/empty-icon.scss +17 -0
  364. package/themes/webservy/example.scss +29 -0
  365. package/themes/webservy/file/index.scss +1 -0
  366. package/themes/webservy/file/src/file/file.scss +1 -0
  367. package/themes/webservy/form/index.scss +4 -0
  368. package/themes/webservy/form/src/form/form.scss +17 -0
  369. package/themes/webservy/form/src/form-frame/form-frame.scss +25 -0
  370. package/themes/webservy/form/src/form-group/form-group.scss +42 -0
  371. package/themes/webservy/form/src/form-item/form-item.scss +25 -0
  372. package/themes/webservy/index.scss +43 -0
  373. package/themes/webservy/info/index.scss +3 -0
  374. package/themes/webservy/info/src/info/info.scss +5 -0
  375. package/themes/webservy/info/src/info-column/info-column.scss +5 -0
  376. package/themes/webservy/info/src/info-field/info-field.scss +5 -0
  377. package/themes/webservy/input/index.scss +1 -0
  378. package/themes/webservy/input/src/input/input.scss +23 -0
  379. package/themes/webservy/input-number/index.scss +1 -0
  380. package/themes/webservy/input-number/src/input-number/input-number.scss +27 -0
  381. package/themes/webservy/loader/index.scss +1 -0
  382. package/themes/webservy/loader/src/loader/loader.scss +10 -0
  383. package/themes/webservy/map/index.scss +1 -0
  384. package/themes/webservy/map/src/map/map.scss +1 -0
  385. package/themes/webservy/modal/index.scss +1 -0
  386. package/themes/webservy/modal/src/modal/modal.scss +23 -0
  387. package/themes/webservy/notification/index.scss +1 -0
  388. package/themes/webservy/notification/src/notification/notification.scss +11 -0
  389. package/themes/webservy/paginator/index.scss +1 -0
  390. package/themes/webservy/paginator/src/paginator/paginator.scss +5 -0
  391. package/themes/webservy/popover/index.scss +1 -0
  392. package/themes/webservy/popover/src/popover/popover.scss +131 -0
  393. package/themes/webservy/preview/index.scss +4 -0
  394. package/themes/webservy/preview/src/preview-image/preview-image.scss +5 -0
  395. package/themes/webservy/preview/src/preview-modal/preview-modal.scss +39 -0
  396. package/themes/webservy/preview/src/preview-plain/preview-plain.scss +9 -0
  397. package/themes/webservy/preview/src/preview-video/preview-video.scss +5 -0
  398. package/themes/webservy/radio/index.scss +2 -0
  399. package/themes/webservy/radio/src/radio/radio.scss +31 -0
  400. package/themes/webservy/radio/src/radio-group/radio-group.scss +1 -0
  401. package/themes/webservy/rating/index.scss +1 -0
  402. package/themes/webservy/rating/src/rating/rating.scss +14 -0
  403. package/themes/webservy/resizer/index.scss +1 -0
  404. package/themes/webservy/resizer/src/resizer/resizer.scss +5 -0
  405. package/themes/webservy/root/helpers.scss +41 -0
  406. package/themes/webservy/root/image/angle-down-shadow.svg +3 -0
  407. package/themes/webservy/root/image/angle-down.svg +3 -0
  408. package/themes/webservy/root/image/angle-left-shadow.svg +3 -0
  409. package/themes/webservy/root/image/angle-left.svg +3 -0
  410. package/themes/webservy/root/image/angle-right-shadow.svg +3 -0
  411. package/themes/webservy/root/image/angle-right.svg +3 -0
  412. package/themes/webservy/root/image/angle-up-shadow.svg +3 -0
  413. package/themes/webservy/root/image/angle-up.svg +3 -0
  414. package/themes/webservy/root/image/empty-ufo.svg +8 -0
  415. package/themes/webservy/root/image/empty.svg +10 -0
  416. package/themes/webservy/root/image/star.svg +5 -0
  417. package/themes/webservy/root/vars/colors-dark-bluish.scss +461 -0
  418. package/themes/webservy/root/vars/colors-dark.scss +461 -0
  419. package/themes/webservy/root/vars/colors-light-bluish.scss +483 -0
  420. package/themes/webservy/root/vars/colors-light.scss +483 -0
  421. package/themes/webservy/root/vars/sizes-default.scss +101 -0
  422. package/themes/webservy/scrollbar/index.scss +1 -0
  423. package/themes/webservy/scrollbar/src/scrollbar/scrollbar.scss +7 -0
  424. package/themes/webservy/select/index.scss +2 -0
  425. package/themes/webservy/select/src/select/select.scss +28 -0
  426. package/themes/webservy/select/src/select-option/select-option.scss +1 -0
  427. package/themes/webservy/slider/index.scss +1 -0
  428. package/themes/webservy/slider/src/slider/slider.scss +30 -0
  429. package/themes/webservy/switch/index.scss +1 -0
  430. package/themes/webservy/switch/src/switch/switch.scss +19 -0
  431. package/themes/webservy/table/index.scss +4 -0
  432. package/themes/webservy/table/src/table/table.scss +14 -0
  433. package/themes/webservy/table/src/table-cell/table-cell.scss +34 -0
  434. package/themes/webservy/table/src/table-column/table-column.scss +31 -0
  435. package/themes/webservy/table/src/table-filter/table-filter.scss +1 -0
  436. package/themes/webservy/tabs/index.scss +2 -0
  437. package/themes/webservy/tabs/src/tabs/tabs.scss +9 -0
  438. package/themes/webservy/tabs/src/tabs-item/tabs-item.scss +23 -0
  439. package/themes/webservy/tags/index.scss +2 -0
  440. package/themes/webservy/tags/src/tags/tags.scss +1 -0
  441. package/themes/webservy/tags/src/tags-item/tags-item.scss +17 -0
  442. package/themes/webservy/textarea/index.scss +1 -0
  443. package/themes/webservy/textarea/src/textarea/textarea.scss +14 -0
  444. package/themes/webservy/timepicker/index.scss +2 -0
  445. package/themes/webservy/timepicker/src/timepicker/timepicker.scss +40 -0
  446. package/themes/webservy/timepicker/src/timepicker-panel/timepicker-panel.scss +26 -0
  447. package/themes/webservy/transfer/index.scss +1 -0
  448. package/themes/webservy/transfer/src/transfer/transfer.scss +24 -0
  449. package/themes/webservy/virtualscroller/index.scss +1 -0
  450. package/themes/webservy/virtualscroller/src/virtualscroller/virtualscroller.scss +1 -0
  451. package/dist/themes/dark.css +0 -1
  452. package/dist/themes/glossy.dark.css +0 -1
  453. package/dist/themes/glossy.light.css +0 -1
  454. package/dist/themes/light.css +0 -1
  455. package/src/alert/src/alert/alert.js +0 -133
  456. package/src/notification/src/notification/notification.js +0 -165
  457. package/src/root/image/empty-default.svg +0 -30
  458. package/src/root/image/empty-space.svg +0 -34
  459. package/src/root/image/star-default.svg +0 -10
  460. package/src/scrollbar/src/scrollbar-next/scrollbar-next.jsx +0 -640
  461. package/src/scrollbar/src/scrollbar-next/scrollbar-next.scss +0 -148
  462. package/themes/glossy/button/index.scss +0 -2
  463. package/themes/glossy/button/src/button/button.scss +0 -116
  464. package/themes/glossy/button/src/button-group/button-group.scss +0 -1
  465. package/themes/glossy/index-dark.scss +0 -3
  466. package/themes/glossy/index-light.scss +0 -3
  467. package/themes/glossy/index.scss +0 -43
  468. package/themes/glossy/root/image/empty-default.svg +0 -30
  469. package/themes/glossy/root/image/empty-space.svg +0 -34
  470. package/themes/glossy/root/image/star-default.svg +0 -10
  471. package/themes/glossy/root/image/test.svg +0 -1
  472. package/themes/glossy/root/vars-dark.scss +0 -234
  473. package/themes/glossy/root/vars-light.scss +0 -234
  474. package/themes/glossy/root/vars.scss +0 -233
  475. package/themes/macos/alert/index.scss +0 -1
  476. package/themes/macos/alert/src/alert/alert.scss +0 -27
  477. package/themes/macos/button/index.scss +0 -2
  478. package/themes/macos/button/src/button/button.scss +0 -98
  479. package/themes/macos/button/src/button-group/button-group.scss +0 -1
  480. package/themes/macos/cascader/index.scss +0 -2
  481. package/themes/macos/cascader/src/cascader/cascader.scss +0 -47
  482. package/themes/macos/cascader/src/cascader-panel/cascader-panel.scss +0 -14
  483. package/themes/macos/checkbox/index.scss +0 -2
  484. package/themes/macos/checkbox/src/checkbox/checkbox.scss +0 -45
  485. package/themes/macos/checkbox/src/checkbox-group/checkbox-group.scss +0 -1
  486. package/themes/macos/collapse/index.scss +0 -2
  487. package/themes/macos/collapse/src/collapse/collapse.scss +0 -22
  488. package/themes/macos/collapse/src/collapse-item/collapse-item.scss +0 -22
  489. package/themes/macos/confirm/index.scss +0 -1
  490. package/themes/macos/confirm/src/confirm/confirm.scss +0 -14
  491. package/themes/macos/datepicker/index.scss +0 -2
  492. package/themes/macos/datepicker/src/datepicker/datepicker.scss +0 -51
  493. package/themes/macos/datepicker/src/datepicker-panel/datepicker-panel.scss +0 -45
  494. package/themes/macos/datetimepicker/index.scss +0 -1
  495. package/themes/macos/datetimepicker/src/datetimepicker/datetimepicker.scss +0 -69
  496. package/themes/macos/demo/index.scss +0 -1
  497. package/themes/macos/demo/src/demo/demo.scss +0 -22
  498. package/themes/macos/draggable/index.scss +0 -9
  499. package/themes/macos/draggable/src/draggrid/draggrid.scss +0 -14
  500. package/themes/macos/draggable/src/draggrid-item/draggrid-item.scss +0 -66
  501. package/themes/macos/draggable/src/draghandler/draghandler.scss +0 -15
  502. package/themes/macos/draggable/src/draglist/draglist.scss +0 -14
  503. package/themes/macos/draggable/src/draglist-item/draglist-item.scss +0 -73
  504. package/themes/macos/draggable/src/dropzone/dropzone.scss +0 -14
  505. package/themes/macos/drawer/index.scss +0 -1
  506. package/themes/macos/drawer/src/drawer/drawer.scss +0 -35
  507. package/themes/macos/durationpicker/index.scss +0 -1
  508. package/themes/macos/durationpicker/src/durationpicker/durationpicker.scss +0 -53
  509. package/themes/macos/empty/index.scss +0 -1
  510. package/themes/macos/empty/src/empty-icon/empty-icon.scss +0 -13
  511. package/themes/macos/file/index.scss +0 -1
  512. package/themes/macos/file/src/file/file.scss +0 -39
  513. package/themes/macos/form/index.scss +0 -4
  514. package/themes/macos/form/src/form/form.scss +0 -1
  515. package/themes/macos/form/src/form-frame/form-frame.scss +0 -34
  516. package/themes/macos/form/src/form-group/form-group.scss +0 -43
  517. package/themes/macos/form/src/form-item/form-item.scss +0 -29
  518. package/themes/macos/index-dark.scss +0 -3
  519. package/themes/macos/index-light.scss +0 -3
  520. package/themes/macos/index.scss +0 -41
  521. package/themes/macos/info/index.scss +0 -3
  522. package/themes/macos/info/src/info/info.scss +0 -5
  523. package/themes/macos/info/src/info-column/info-column.scss +0 -5
  524. package/themes/macos/info/src/info-field/info-field.scss +0 -5
  525. package/themes/macos/input/index.scss +0 -1
  526. package/themes/macos/input/src/input/input.scss +0 -39
  527. package/themes/macos/input-number/index.scss +0 -1
  528. package/themes/macos/input-number/src/input-number/input-number.scss +0 -48
  529. package/themes/macos/loader/index.scss +0 -1
  530. package/themes/macos/loader/src/loader/loader.scss +0 -22
  531. package/themes/macos/map/index.scss +0 -1
  532. package/themes/macos/map/src/map/map.scss +0 -1
  533. package/themes/macos/modal/index.scss +0 -1
  534. package/themes/macos/modal/src/modal/modal.scss +0 -35
  535. package/themes/macos/notification/index.scss +0 -1
  536. package/themes/macos/notification/src/notification/notification.scss +0 -25
  537. package/themes/macos/paginator/index.scss +0 -1
  538. package/themes/macos/paginator/src/paginator/paginator.scss +0 -5
  539. package/themes/macos/popover/index.scss +0 -1
  540. package/themes/macos/popover/src/popover/popover.scss +0 -84
  541. package/themes/macos/preview/index.scss +0 -1
  542. package/themes/macos/preview/src/preview-modal/preview-modal.scss +0 -28
  543. package/themes/macos/radio/index.scss +0 -2
  544. package/themes/macos/radio/src/radio/radio.scss +0 -46
  545. package/themes/macos/radio/src/radio-group/radio-group.scss +0 -1
  546. package/themes/macos/rating/index.scss +0 -1
  547. package/themes/macos/rating/src/rating/rating.scss +0 -19
  548. package/themes/macos/resizer/index.scss +0 -1
  549. package/themes/macos/resizer/src/resizer/resizer.scss +0 -5
  550. package/themes/macos/root/image/empty-default.svg +0 -30
  551. package/themes/macos/root/image/empty-space.svg +0 -34
  552. package/themes/macos/root/image/star-default.svg +0 -10
  553. package/themes/macos/root/vars-dark.scss +0 -234
  554. package/themes/macos/root/vars-light.scss +0 -234
  555. package/themes/macos/root/vars.scss +0 -233
  556. package/themes/macos/scrollbar/index.scss +0 -1
  557. package/themes/macos/scrollbar/src/scrollbar/scrollbar.scss +0 -7
  558. package/themes/macos/select/index.scss +0 -2
  559. package/themes/macos/select/src/select/select.scss +0 -49
  560. package/themes/macos/select/src/select-option/select-option.scss +0 -1
  561. package/themes/macos/slider/index.scss +0 -1
  562. package/themes/macos/slider/src/slider/slider.scss +0 -41
  563. package/themes/macos/switch/index.scss +0 -1
  564. package/themes/macos/switch/src/switch/switch.scss +0 -30
  565. package/themes/macos/table/index.scss +0 -4
  566. package/themes/macos/table/src/table/table.scss +0 -20
  567. package/themes/macos/table/src/table-cell/table-cell.scss +0 -51
  568. package/themes/macos/table/src/table-filter/table-filter.scss +0 -1
  569. package/themes/macos/tabs/index.scss +0 -2
  570. package/themes/macos/tabs/src/tabs/tabs.scss +0 -39
  571. package/themes/macos/tabs/src/tabs-item/tabs-item.scss +0 -19
  572. package/themes/macos/tags/index.scss +0 -2
  573. package/themes/macos/tags/src/tags/tags.scss +0 -1
  574. package/themes/macos/tags/src/tags-item/tags-item.scss +0 -32
  575. package/themes/macos/textarea/index.scss +0 -1
  576. package/themes/macos/textarea/src/textarea/textarea.scss +0 -31
  577. package/themes/macos/timepicker/index.scss +0 -2
  578. package/themes/macos/timepicker/src/timepicker/timepicker.scss +0 -51
  579. package/themes/macos/timepicker/src/timepicker-panel/timepicker-panel.scss +0 -28
  580. package/themes/macos/transfer/index.scss +0 -1
  581. package/themes/macos/transfer/src/transfer/transfer.scss +0 -18
  582. package/themes/macos/virtualscroller/index.scss +0 -1
  583. package/themes/macos/virtualscroller/src/virtualscroller/virtualscroller.scss +0 -1
@@ -1 +0,0 @@
1
- .n-empty-icon--default .n-empty-icon__frame{background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg 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 320 320' style='enable-background:new 0 0 320 320;' xml:space='preserve' fill='%23111111'%3E %3Cstyle type='text/css'%3E .st0%7Bopacity:0.2;%7D .st1%7Bopacity:0.4;%7D .st2%7Bopacity:0.6;%7D .st3%7Bopacity:0.5;%7D .st4%7Bopacity:0.8;%7D %3C/style%3E %3Cg id='Ebene_1_5_'%3E %3Cpath 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 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'/%3E %3Cpath class='st1' d='M198.5,109.8h48.6l-75.4-75.4v48.6C171.8,97.9,183.7,109.8,198.5,109.8z'/%3E %3Cpath 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 C148.7,104.3,145.6,107.4,141.8,107.4z'/%3E %3Cpath 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 C218.6,148.8,215.2,152.2,210.9,152.2z'/%3E %3Cpath 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 C218.6,185.1,215.2,188.6,210.9,188.6z'/%3E %3C/g%3E %3Cpath 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 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 C222.9,191.8,221.4,192.8,220.7,194.4z'/%3E %3Cg class='st4'%3E %3Cpolygon points='76.5,142 37,191.8 76.5,191.8 '/%3E %3Cpolygon points='247.1,142 247.1,191.8 286.6,191.8 '/%3E %3C/g%3E %3C/svg%3E")}.n-empty-icon--ufo .n-empty-icon__frame{background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg 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 320 320' style='enable-background:new 0 0 320 320;' xml:space='preserve' fill='%23111111'%3E %3Cstyle type='text/css'%3E .st0%7Bopacity:0.3;enable-background:new ;%7D .st1%7Bdisplay:none;fill:%23898E93;%7D .st2%7Bopacity:0.7;%7D .st3%7Bopacity:0.15;enable-background:new ;%7D .st4%7Bopacity:0.5;fill:url(%23SVGID_1_);enable-background:new ;%7D .st5%7Bopacity:0.6;%7D .st6%7Bopacity:0.3;%7D %3C/style%3E %3Cellipse class='st0' cx='160.5' cy='270' rx='106.5' ry='32'/%3E %3Crect 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'/%3E %3Ccircle class='st1' cx='192.8' cy='187.3' r='15.1'/%3E %3Cpath class='st1' d='M124.8,262.5l-15.3-52l52.9,11.7L124.8,262.5z'/%3E %3Cpath 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 s52.8,6.6,52.8,14.8L216.8,94.2z'/%3E %3Cpath 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 C65.6,249.1,108.8,238,160.5,238z'/%3E %3ClinearGradient 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)'%3E %3Cstop offset='0' style='stop-color:%23FFFFFF;stop-opacity:0'/%3E %3Cstop offset='1' style='stop-color:%23FFFFFF'/%3E %3C/linearGradient%3E %3Cpath 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'/%3E %3Cpath 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 C127.3,41.9,143.3,40,160.5,40z'/%3E %3Cpath 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 l-3.6,10l0.7,2.3c33.4-5.1,56-14.8,56-26C270,64,221,50.7,160.5,50.7z'/%3E %3Cpath 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'/%3E %3Cimage 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)'%3E %3C/image%3E %3C/svg%3E")}.n-empty-icon__text{color:rgba(17,17,17,.4)}.n-alert-backdrop{background:rgba(0,0,0,.8)}.n-alert{background:#111;box-shadow:0 1px 5px 1px rgba(0,0,0,.2)}.n-alert__text{color:rgb(159.8,159.8,159.8)}.n-alert-frame--primary .n-alert__icon{color:#2f89fe}.n-alert-frame--secondary .n-alert__icon{color:#d31f9d}.n-alert-frame--info .n-alert__icon{color:#4bd6f9}.n-alert-frame--success .n-alert__icon{color:#06c493}.n-alert-frame--warning .n-alert__icon{color:#ffbf3f}.n-alert-frame--danger .n-alert__icon{color:#f9536e}.n-notification{background:#fff;box-shadow:0 1px 5px 1px rgba(0,0,0,.2)}.n-notification--primary{background:#2f89fe}.n-notification--primary .n-notification__icon,.n-notification--primary .n-notification__text{color:#fff}.n-notification--secondary{background:#d31f9d}.n-notification--secondary .n-notification__icon,.n-notification--secondary .n-notification__text{color:#fff}.n-notification--info{background:#4bd6f9}.n-notification--info .n-notification__icon,.n-notification--info .n-notification__text{color:#fff}.n-notification--success{background:#06c493}.n-notification--success .n-notification__icon,.n-notification--success .n-notification__text{color:#fff}.n-notification--warning{background:#ffbf3f}.n-notification--warning .n-notification__icon,.n-notification--warning .n-notification__text{color:#fff}.n-notification--danger{background:#f9536e}.n-notification--danger .n-notification__icon,.n-notification--danger .n-notification__text{color:#fff}.n-scrollbar-v:before,.n-scrollbar-h:before{background:rgba(17,17,17,.4)}.n-resizer__handle:before{background:rgba(47,137,254,.9)}.n-draggable__indicator{border-bottom:1px solid #2f89fe}.n-draggable__counter{color:#fff;background:#2f89fe}.n-draggable__counter[class*=n-modify--]{color:#fff;background:#ffbf3f}.n-draglist--primary.n-empty.n-dragover{background:rgba(47,137,254,.075)}.n-draglist--secondary.n-empty.n-dragover{background:rgba(211,31,157,.075)}.n-draglist--info.n-empty.n-dragover{background:rgba(75,214,249,.075)}.n-draglist--success.n-empty.n-dragover{background:rgba(6,196,147,.075)}.n-draglist--warning.n-empty.n-dragover{background:rgba(255,191,63,.075)}.n-draglist--danger.n-empty.n-dragover{background:rgba(249,83,110,.075)}.n-draglist-item.n-current{background:rgba(171.7,171.7,171.7,.1)}.n-draglist-item.n-nodrop{background:rgba(249,83,110,.1)}.n-draglist-item .n-draglist-item__ellipsis{color:hsl(0,0%,72%)}.n-draglist-item .n-draglist-item__expand{color:hsl(0,0%,44%)}.n-draglist-item__checkbox{background:#fff;border:1px solid hsl(0,0%,86%)}.n-draglist-item.n-disabled .n-draglist-item__checkbox{background:rgb(231.2,231.2,231.2)}.n-draglist--primary.n-empty.n-dragover{background:rgba(47,137,254,.075)}.n-draglist--primary .n-draglist-item.n-dragover{background:rgba(47,137,254,.075)}.n-draglist--primary .n-draglist-item.n-highlight{animation:NDraglistItemprimary 1s linear infinite}.n-draglist--primary .n-draglist-item.n-selected .n-draglist-item__checkbox{color:#fff;background:#2f89fe;border-color:#2f89fe}.n-draglist--primary .n-draglist-item:not(.n-disabled) .n-draglist-item__checkbox:hover{border-color:rgb(93.1779904306,163.1971291866,254.2220095694)}.n-draglist--primary .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:rgb(93.1779904306,163.1971291866,254.2220095694)}@keyframes NDraglistItemprimary{0%{background:rgba(47,137,254,0)}50%{background:rgba(47,137,254,.15)}100%{background:rgba(47,137,254,0)}}.n-draglist--secondary.n-empty.n-dragover{background:rgba(211,31,157,.075)}.n-draglist--secondary .n-draglist-item.n-dragover{background:rgba(211,31,157,.075)}.n-draglist--secondary .n-draglist-item.n-highlight{animation:NDraglistItemsecondary 1s linear infinite}.n-draglist--secondary .n-draglist-item.n-selected .n-draglist-item__checkbox{color:#fff;background:#d31f9d;border-color:#d31f9d}.n-draglist--secondary .n-draglist-item:not(.n-disabled) .n-draglist-item__checkbox:hover{border-color:hsl(318,67.1641791045%,57.7058823529%)}.n-draglist--secondary .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:hsl(318,67.1641791045%,57.7058823529%)}@keyframes NDraglistItemsecondary{0%{background:rgba(211,31,157,0)}50%{background:rgba(211,31,157,.15)}100%{background:rgba(211,31,157,0)}}.n-draglist--info.n-empty.n-dragover{background:rgba(75,214,249,.075)}.n-draglist--info .n-draglist-item.n-dragover{background:rgba(75,214,249,.075)}.n-draglist--info .n-draglist-item.n-highlight{animation:NDraglistIteminfo 1s linear infinite}.n-draglist--info .n-draglist-item.n-selected .n-draglist-item__checkbox{color:#fff;background:#4bd6f9;border-color:#4bd6f9}.n-draglist--info .n-draglist-item:not(.n-disabled) .n-draglist-item__checkbox:hover{border-color:rgb(117.6774193548,223.7209677419,250.4225806452)}.n-draglist--info .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:rgb(117.6774193548,223.7209677419,250.4225806452)}@keyframes NDraglistIteminfo{0%{background:rgba(75,214,249,0)}50%{background:rgba(75,214,249,.15)}100%{background:rgba(75,214,249,0)}}.n-draglist--success.n-empty.n-dragover{background:rgba(6,196,147,.075)}.n-draglist--success .n-draglist-item.n-dragover{background:rgba(6,196,147,.075)}.n-draglist--success .n-draglist-item.n-highlight{animation:NDraglistItemsuccess 1s linear infinite}.n-draglist--success .n-draglist-item.n-selected .n-draglist-item__checkbox{color:#fff;background:#06c493;border-color:#06c493}.n-draglist--success .n-draglist-item:not(.n-disabled) .n-draglist-item__checkbox:hover{border-color:rgb(36.7086340206,221.5913659794,173.9110824742)}.n-draglist--success .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:rgb(36.7086340206,221.5913659794,173.9110824742)}@keyframes NDraglistItemsuccess{0%{background:rgba(6,196,147,0)}50%{background:rgba(6,196,147,.15)}100%{background:rgba(6,196,147,0)}}.n-draglist--warning.n-empty.n-dragover{background:rgba(255,191,63,.075)}.n-draglist--warning .n-draglist-item.n-dragover{background:rgba(255,191,63,.075)}.n-draglist--warning .n-draglist-item.n-highlight{animation:NDraglistItemwarning 1s linear infinite}.n-draglist--warning .n-draglist-item.n-selected .n-draglist-item__checkbox{color:#fff;background:#ffbf3f;border-color:#ffbf3f}.n-draglist--warning .n-draglist-item:not(.n-disabled) .n-draglist-item__checkbox:hover{border-color:rgb(255,205.9,107.7)}.n-draglist--warning .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:rgb(255,205.9,107.7)}@keyframes NDraglistItemwarning{0%{background:rgba(255,191,63,0)}50%{background:rgba(255,191,63,.15)}100%{background:rgba(255,191,63,0)}}.n-draglist--danger.n-empty.n-dragover{background:rgba(249,83,110,.075)}.n-draglist--danger .n-draglist-item.n-dragover{background:rgba(249,83,110,.075)}.n-draglist--danger .n-draglist-item.n-highlight{animation:NDraglistItemdanger 1s linear infinite}.n-draglist--danger .n-draglist-item.n-selected .n-draglist-item__checkbox{color:#fff;background:#f9536e;border-color:#f9536e}.n-draglist--danger .n-draglist-item:not(.n-disabled) .n-draglist-item__checkbox:hover{border-color:rgb(250.4595505618,124.8404494382,145.2724719101)}.n-draglist--danger .n-draglist-item.n-selected .n-draglist-item__checkbox:hover{background:rgb(250.4595505618,124.8404494382,145.2724719101)}@keyframes NDraglistItemdanger{0%{background:rgba(249,83,110,0)}50%{background:rgba(249,83,110,.15)}100%{background:rgba(249,83,110,0)}}.n-draggrid--primary.n-empty.n-dragover{background:rgba(47,137,254,.075)}.n-draggrid--secondary.n-empty.n-dragover{background:rgba(211,31,157,.075)}.n-draggrid--info.n-empty.n-dragover{background:rgba(75,214,249,.075)}.n-draggrid--success.n-empty.n-dragover{background:rgba(6,196,147,.075)}.n-draggrid--warning.n-empty.n-dragover{background:rgba(255,191,63,.075)}.n-draggrid--danger.n-empty.n-dragover{background:rgba(249,83,110,.075)}.n-draggrid-item.n-current{background:rgba(171.7,171.7,171.7,.1)}.n-draggrid-item.n-nodrop{background:rgba(249,83,110,.1)}.n-draggrid-item .n-draggrid-item__ellipsis{color:hsl(0,0%,72%)}.n-draggrid-item__checkbox{background:#fff;border:1px solid hsl(0,0%,86%)}.n-draggrid-item.n-disabled .n-draggrid-item__checkbox{background:hsla(0,0%,86%,.3)}.n-draggrid--primary.n-empty.n-dragover{background:rgba(47,137,254,.075)}.n-draggrid--primary .n-draggrid-item.n-dragover{background:rgba(47,137,254,.075)}.n-draggrid--primary .n-draggrid-item.n-highlight{animation:NDraggridItemprimary 1s linear infinite}.n-draggrid--primary .n-draggrid-item.n-selected .n-draggrid-item__checkbox{color:#fff;background:#2f89fe;border-color:#2f89fe}.n-draggrid--primary .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover{background:rgb(93.1779904306,163.1971291866,254.2220095694);border-color:rgb(93.1779904306,163.1971291866,254.2220095694)}@keyframes NDraggridItemprimary{0%{background:rgba(47,137,254,0)}50%{background:rgba(47,137,254,.15)}100%{background:rgba(47,137,254,0)}}.n-draggrid--secondary.n-empty.n-dragover{background:rgba(211,31,157,.075)}.n-draggrid--secondary .n-draggrid-item.n-dragover{background:rgba(211,31,157,.075)}.n-draggrid--secondary .n-draggrid-item.n-highlight{animation:NDraggridItemsecondary 1s linear infinite}.n-draggrid--secondary .n-draggrid-item.n-selected .n-draggrid-item__checkbox{color:#fff;background:#d31f9d;border-color:#d31f9d}.n-draggrid--secondary .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover{background:hsl(318,67.1641791045%,57.7058823529%);border-color:hsl(318,67.1641791045%,57.7058823529%)}@keyframes NDraggridItemsecondary{0%{background:rgba(211,31,157,0)}50%{background:rgba(211,31,157,.15)}100%{background:rgba(211,31,157,0)}}.n-draggrid--info.n-empty.n-dragover{background:rgba(75,214,249,.075)}.n-draggrid--info .n-draggrid-item.n-dragover{background:rgba(75,214,249,.075)}.n-draggrid--info .n-draggrid-item.n-highlight{animation:NDraggridIteminfo 1s linear infinite}.n-draggrid--info .n-draggrid-item.n-selected .n-draggrid-item__checkbox{color:#fff;background:#4bd6f9;border-color:#4bd6f9}.n-draggrid--info .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover{background:rgb(117.6774193548,223.7209677419,250.4225806452);border-color:rgb(117.6774193548,223.7209677419,250.4225806452)}@keyframes NDraggridIteminfo{0%{background:rgba(75,214,249,0)}50%{background:rgba(75,214,249,.15)}100%{background:rgba(75,214,249,0)}}.n-draggrid--success.n-empty.n-dragover{background:rgba(6,196,147,.075)}.n-draggrid--success .n-draggrid-item.n-dragover{background:rgba(6,196,147,.075)}.n-draggrid--success .n-draggrid-item.n-highlight{animation:NDraggridItemsuccess 1s linear infinite}.n-draggrid--success .n-draggrid-item.n-selected .n-draggrid-item__checkbox{color:#fff;background:#06c493;border-color:#06c493}.n-draggrid--success .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover{background:rgb(36.7086340206,221.5913659794,173.9110824742);border-color:rgb(36.7086340206,221.5913659794,173.9110824742)}@keyframes NDraggridItemsuccess{0%{background:rgba(6,196,147,0)}50%{background:rgba(6,196,147,.15)}100%{background:rgba(6,196,147,0)}}.n-draggrid--warning.n-empty.n-dragover{background:rgba(255,191,63,.075)}.n-draggrid--warning .n-draggrid-item.n-dragover{background:rgba(255,191,63,.075)}.n-draggrid--warning .n-draggrid-item.n-highlight{animation:NDraggridItemwarning 1s linear infinite}.n-draggrid--warning .n-draggrid-item.n-selected .n-draggrid-item__checkbox{color:#fff;background:#ffbf3f;border-color:#ffbf3f}.n-draggrid--warning .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover{background:rgb(255,205.9,107.7);border-color:rgb(255,205.9,107.7)}@keyframes NDraggridItemwarning{0%{background:rgba(255,191,63,0)}50%{background:rgba(255,191,63,.15)}100%{background:rgba(255,191,63,0)}}.n-draggrid--danger.n-empty.n-dragover{background:rgba(249,83,110,.075)}.n-draggrid--danger .n-draggrid-item.n-dragover{background:rgba(249,83,110,.075)}.n-draggrid--danger .n-draggrid-item.n-highlight{animation:NDraggridItemdanger 1s linear infinite}.n-draggrid--danger .n-draggrid-item.n-selected .n-draggrid-item__checkbox{color:#fff;background:#f9536e;border-color:#f9536e}.n-draggrid--danger .n-draggrid-item.n-selected .n-draggrid-item__checkbox:hover{background:rgb(250.4595505618,124.8404494382,145.2724719101);border-color:rgb(250.4595505618,124.8404494382,145.2724719101)}@keyframes NDraggridItemdanger{0%{background:rgba(249,83,110,0)}50%{background:rgba(249,83,110,.15)}100%{background:rgba(249,83,110,0)}}.n-dropzone--primary.n-dragover{background:rgba(47,137,254,.075)}.n-dropzone--secondary.n-dragover{background:rgba(211,31,157,.075)}.n-dropzone--info.n-dragover{background:rgba(75,214,249,.075)}.n-dropzone--success.n-dragover{background:rgba(6,196,147,.075)}.n-dropzone--warning.n-dragover{background:rgba(255,191,63,.075)}.n-dropzone--danger.n-dragover{background:rgba(249,83,110,.075)}.n-load:before{border:2px solid #2f89fe}.n-load:after{background:hsla(0,0%,100%,.7)}.n-loader--primary.n-load:before{border-color:#2f89fe}.n-loader--secondary.n-load:before{border-color:#d31f9d}.n-loader--info.n-load:before{border-color:#4bd6f9}.n-loader--success.n-load:before{border-color:#06c493}.n-loader--warning.n-load:before{border-color:#ffbf3f}.n-loader--danger.n-load:before{border-color:#f9536e}.n-file .n-button--primary:not(.n-button--link){background:rgba(47,137,254,.2);border-color:rgba(47,137,254,.05);color:#2f89fe}.n-file .n-button--primary:not(.n-button--link):hover{background:rgba(93.1779904306,163.1971291866,254.2220095694,.2);border-color:rgba(93.1779904306,163.1971291866,254.2220095694,.05);color:#2f89fe}.n-file .n-button--primary:not(.n-button--link):focus{background:rgba(26.0728044124,111.574713619,222.7271955876,.2);border-color:rgba(26.0728044124,111.574713619,222.7271955876,.05);color:#2f89fe}.n-file .n-button--primary:not(.n-button--link).n-disabled{background:rgba(47,137,254,.2);border-color:rgba(47,137,254,.05);color:#2f89fe}.n-file .n-button--secondary:not(.n-button--link){background:rgba(211,31,157,.2);border-color:rgba(211,31,157,.05);color:#d31f9d}.n-file .n-button--secondary:not(.n-button--link):hover{background:hsla(318,67.1641791045%,57.7058823529%,.2);border-color:hsla(318,67.1641791045%,57.7058823529%,.05);color:#d31f9d}.n-file .n-button--secondary:not(.n-button--link):focus{background:hsla(318,73.2368896926%,38.3725490196%,.2);border-color:hsla(318,73.2368896926%,38.3725490196%,.05);color:#d31f9d}.n-file .n-button--secondary:not(.n-button--link).n-disabled{background:rgba(211,31,157,.2);border-color:rgba(211,31,157,.05);color:#d31f9d}.n-file .n-button--info:not(.n-button--link){background:rgba(75,214,249,.2);border-color:rgba(75,214,249,.05);color:#4bd6f9}.n-file .n-button--info:not(.n-button--link):hover{background:rgba(117.6774193548,223.7209677419,250.4225806452,.2);border-color:rgba(117.6774193548,223.7209677419,250.4225806452,.05);color:#4bd6f9}.n-file .n-button--info:not(.n-button--link):focus{background:rgba(47.163255814,187.1006976744,222.336744186,.2);border-color:rgba(47.163255814,187.1006976744,222.336744186,.05);color:#4bd6f9}.n-file .n-button--info:not(.n-button--link).n-disabled{background:rgba(75,214,249,.2);border-color:rgba(75,214,249,.05);color:#4bd6f9}.n-file .n-button--success:not(.n-button--link){background:rgba(6,196,147,.2);border-color:rgba(6,196,147,.05);color:#06c493}.n-file .n-button--success:not(.n-button--link):hover{background:rgba(36.7086340206,221.5913659794,173.9110824742,.2);border-color:rgba(36.7086340206,221.5913659794,173.9110824742,.05);color:#06c493}.n-file .n-button--success:not(.n-button--link):focus{background:rgba(6.1224082073,153.5775917927,115.5496760259,.2);border-color:rgba(6.1224082073,153.5775917927,115.5496760259,.05);color:#06c493}.n-file .n-button--success:not(.n-button--link).n-disabled{background:rgba(6,196,147,.2);border-color:rgba(6,196,147,.05);color:#06c493}.n-file .n-button--warning:not(.n-button--link){background:rgba(255,191,63,.2);border-color:rgba(255,191,63,.05);color:#ffbf3f}.n-file .n-button--warning:not(.n-button--link):hover{background:rgba(255,205.9,107.7,.2);border-color:rgba(255,205.9,107.7,.05);color:#ffbf3f}.n-file .n-button--warning:not(.n-button--link):focus{background:hsla(40,78.4029038113%,51.7843137255%,.2);border-color:hsla(40,78.4029038113%,51.7843137255%,.05);color:#ffbf3f}.n-file .n-button--warning:not(.n-button--link).n-disabled{background:rgba(255,191,63,.2);border-color:rgba(255,191,63,.05);color:#ffbf3f}.n-file .n-button--danger:not(.n-button--link){background:rgba(249,83,110,.2);border-color:rgba(249,83,110,.05);color:#f9536e}.n-file .n-button--danger:not(.n-button--link):hover{background:rgba(250.4595505618,124.8404494382,145.2724719101,.2);border-color:rgba(250.4595505618,124.8404494382,145.2724719101,.05);color:#f9536e}.n-file .n-button--danger:not(.n-button--link):focus{background:rgba(222.216746872,54.483253128,81.7652069297,.2);border-color:rgba(222.216746872,54.483253128,81.7652069297,.05);color:#f9536e}.n-file .n-button--danger:not(.n-button--link).n-disabled{background:rgba(249,83,110,.2);border-color:rgba(249,83,110,.05);color:#f9536e}.n-form-group--fieldset{border:1px solid rgb(231.2,231.2,231.2)}.n-form-group--fieldset.n-form-group--collapse.n-hidden{border-color:rgba(0,0,0,0)}.n-form-group--fieldset .n-form-group__label span,.n-form-group--fieldset .n-form-group__label i{color:#fff}.n-form-group--classic .n-form-group__collapse{color:rgba(17,17,17,.4)}.n-form-group--fieldset .n-form-group__collapse{color:hsla(0,0%,100%,.4)}.n-form-group--fieldset.n-form-group--primary .n-form-group__legend{background:#2f89fe}.n-form-group--classic.n-form-group--primary .n-form-group__label i{color:#2f89fe}.n-form-group--primary:before{background:linear-gradient(135deg, #2F89FE 0, transparent 300px)}.n-form-group--fieldset.n-form-group--secondary .n-form-group__legend{background:#d31f9d}.n-form-group--classic.n-form-group--secondary .n-form-group__label i{color:#d31f9d}.n-form-group--secondary:before{background:linear-gradient(135deg, #d31f9d 0, transparent 300px)}.n-form-group--fieldset.n-form-group--info .n-form-group__legend{background:#4bd6f9}.n-form-group--classic.n-form-group--info .n-form-group__label i{color:#4bd6f9}.n-form-group--info:before{background:linear-gradient(135deg, #4BD6F9 0, transparent 300px)}.n-form-group--fieldset.n-form-group--success .n-form-group__legend{background:#06c493}.n-form-group--classic.n-form-group--success .n-form-group__label i{color:#06c493}.n-form-group--success:before{background:linear-gradient(135deg, #06C493 0, transparent 300px)}.n-form-group--fieldset.n-form-group--warning .n-form-group__legend{background:#ffbf3f}.n-form-group--classic.n-form-group--warning .n-form-group__label i{color:#ffbf3f}.n-form-group--warning:before{background:linear-gradient(135deg, #FFBF3F 0, transparent 300px)}.n-form-group--fieldset.n-form-group--danger .n-form-group__legend{background:#f9536e}.n-form-group--classic.n-form-group--danger .n-form-group__label i{color:#f9536e}.n-form-group--danger:before{background:linear-gradient(135deg, #F9536E 0, transparent 300px)}.n-form-frame__menu:hover{background:rgba(17,17,17,.075)}.n-form-frame__menu span{color:rgb(64.6,64.6,64.6)}.n-form-frame__menu--primary.on-search:before{background:#2f89fe}.n-form-frame__menu--primary.is-star{background:rgba(47,137,254,.15)}.n-form-frame__menu--primary i{color:#2f89fe}.n-form-frame__menu--primary.is-star span{color:#2f89fe}.n-form-frame__menu--secondary.on-search:before{background:#d31f9d}.n-form-frame__menu--secondary.is-star{background:rgba(211,31,157,.15)}.n-form-frame__menu--secondary i{color:#d31f9d}.n-form-frame__menu--secondary.is-star span{color:#d31f9d}.n-form-frame__menu--info.on-search:before{background:#4bd6f9}.n-form-frame__menu--info.is-star{background:rgba(75,214,249,.15)}.n-form-frame__menu--info i{color:#4bd6f9}.n-form-frame__menu--info.is-star span{color:#4bd6f9}.n-form-frame__menu--success.on-search:before{background:#06c493}.n-form-frame__menu--success.is-star{background:rgba(6,196,147,.15)}.n-form-frame__menu--success i{color:#06c493}.n-form-frame__menu--success.is-star span{color:#06c493}.n-form-frame__menu--warning.on-search:before{background:#ffbf3f}.n-form-frame__menu--warning.is-star{background:rgba(255,191,63,.15)}.n-form-frame__menu--warning i{color:#ffbf3f}.n-form-frame__menu--warning.is-star span{color:#ffbf3f}.n-form-frame__menu--danger.on-search:before{background:#f9536e}.n-form-frame__menu--danger.is-star{background:rgba(249,83,110,.15)}.n-form-frame__menu--danger i{color:#f9536e}.n-form-frame__menu--danger.is-star span{color:#f9536e}.n-form-item__condition span{color:#888}.n-form-item.is-disabled .n-form-item__condition{background:rgba(47,137,254,.1)}.n-form-item.is-disabled .n-form-item__condition span{color:rgba(47,137,254,.75)}.n-form-item.is-disabled .n-form-item__condition:hover{background:rgba(47,137,254,.15)}.n-form-item.is-disabled .n-form-item__condition:hover span{color:rgba(47,137,254,.85)}.n-form-item__label label{color:hsl(0,0%,44%)}.n-form-item__error{color:#f9536e}.n-button.n-disabled{opacity:.7}.n-button--default:not(.n-button--link,.n-button--glass){color:rgba(17,17,17,.8);background:rgba(17,17,17,.1)}.n-button--default:not(.n-button--link,.n-button--glass):hover{color:rgba(17,17,17,.9);background:rgba(17,17,17,.15)}.n-button--default:not(.n-button--link,.n-button--glass).n-disabled{color:rgba(17,17,17,.8);background:rgba(17,17,17,.1)}.n-button--default.n-button--link:not(.n-disabled){color:rgba(17,17,17,.8)}.n-button--default.n-button--link:not(.n-disabled):hover{color:rgba(17,17,17,.9)}.n-button--default.n-button--glass:not(.n-disabled){color:rgba(17,17,17,.8);background:rgba(17,17,17,.1)}.n-button--default.n-button--glass:not(.n-disabled):hover{color:rgba(17,17,17,.9);background:rgba(17,17,17,.15)}.n-button--primary:not(.n-button--link,.n-button--glass){color:#fff;background:#2f89fe;border-color:#2f89fe}.n-button--primary:not(.n-button--link,.n-button--glass):hover{background:rgb(93.1779904306,163.1971291866,254.2220095694);border-color:rgb(93.1779904306,163.1971291866,254.2220095694)}.n-button--primary:not(.n-button--link,.n-button--glass):focus{background:rgb(26.0728044124,111.574713619,222.7271955876);border-color:rgb(26.0728044124,111.574713619,222.7271955876)}.n-button--primary:not(.n-button--link,.n-button--glass).n-disabled{background:#2f89fe;border-color:#2f89fe}.n-button--primary:not(.n-disabled).n-button--link{color:#2f89fe}.n-button--primary:not(.n-disabled).n-button--link:hover{color:rgb(93.1779904306,163.1971291866,254.2220095694)}.n-button--primary:not(.n-disabled).n-button--link:focus{color:rgb(26.0728044124,111.574713619,222.7271955876)}.n-button--primary:not(.n-disabled).n-button--glass{color:#2f89fe;background:rgba(47,137,254,.25)}.n-button--primary:not(.n-disabled).n-button--glass:hover{color:rgb(26.0728044124,111.574713619,222.7271955876);background:rgba(47,137,254,.35)}.n-button--primary:not(.n-disabled).n-button--glass:focus{color:rgb(26.0728044124,111.574713619,222.7271955876)}.n-button--secondary:not(.n-button--link,.n-button--glass){color:#fff;background:#d31f9d;border-color:#d31f9d}.n-button--secondary:not(.n-button--link,.n-button--glass):hover{background:hsl(318,67.1641791045%,57.7058823529%);border-color:hsl(318,67.1641791045%,57.7058823529%)}.n-button--secondary:not(.n-button--link,.n-button--glass):focus{background:hsl(318,73.2368896926%,38.3725490196%);border-color:hsl(318,73.2368896926%,38.3725490196%)}.n-button--secondary:not(.n-button--link,.n-button--glass).n-disabled{background:#d31f9d;border-color:#d31f9d}.n-button--secondary:not(.n-disabled).n-button--link{color:#d31f9d}.n-button--secondary:not(.n-disabled).n-button--link:hover{color:hsl(318,67.1641791045%,57.7058823529%)}.n-button--secondary:not(.n-disabled).n-button--link:focus{color:hsl(318,73.2368896926%,38.3725490196%)}.n-button--secondary:not(.n-disabled).n-button--glass{color:#d31f9d;background:rgba(211,31,157,.25)}.n-button--secondary:not(.n-disabled).n-button--glass:hover{color:hsl(318,73.2368896926%,38.3725490196%);background:rgba(211,31,157,.35)}.n-button--secondary:not(.n-disabled).n-button--glass:focus{color:hsl(318,73.2368896926%,38.3725490196%)}.n-button--info:not(.n-button--link,.n-button--glass){color:#fff;background:#4bd6f9;border-color:#4bd6f9}.n-button--info:not(.n-button--link,.n-button--glass):hover{background:rgb(117.6774193548,223.7209677419,250.4225806452);border-color:rgb(117.6774193548,223.7209677419,250.4225806452)}.n-button--info:not(.n-button--link,.n-button--glass):focus{background:rgb(47.163255814,187.1006976744,222.336744186);border-color:rgb(47.163255814,187.1006976744,222.336744186)}.n-button--info:not(.n-button--link,.n-button--glass).n-disabled{background:#4bd6f9;border-color:#4bd6f9}.n-button--info:not(.n-disabled).n-button--link{color:#4bd6f9}.n-button--info:not(.n-disabled).n-button--link:hover{color:rgb(117.6774193548,223.7209677419,250.4225806452)}.n-button--info:not(.n-disabled).n-button--link:focus{color:rgb(47.163255814,187.1006976744,222.336744186)}.n-button--info:not(.n-disabled).n-button--glass{color:#4bd6f9;background:rgba(75,214,249,.25)}.n-button--info:not(.n-disabled).n-button--glass:hover{color:rgb(47.163255814,187.1006976744,222.336744186);background:rgba(75,214,249,.35)}.n-button--info:not(.n-disabled).n-button--glass:focus{color:rgb(47.163255814,187.1006976744,222.336744186)}.n-button--success:not(.n-button--link,.n-button--glass){color:#fff;background:#06c493;border-color:#06c493}.n-button--success:not(.n-button--link,.n-button--glass):hover{background:rgb(36.7086340206,221.5913659794,173.9110824742);border-color:rgb(36.7086340206,221.5913659794,173.9110824742)}.n-button--success:not(.n-button--link,.n-button--glass):focus{background:rgb(6.1224082073,153.5775917927,115.5496760259);border-color:rgb(6.1224082073,153.5775917927,115.5496760259)}.n-button--success:not(.n-button--link,.n-button--glass).n-disabled{background:#06c493;border-color:#06c493}.n-button--success:not(.n-disabled).n-button--link{color:#06c493}.n-button--success:not(.n-disabled).n-button--link:hover{color:rgb(36.7086340206,221.5913659794,173.9110824742)}.n-button--success:not(.n-disabled).n-button--link:focus{color:rgb(6.1224082073,153.5775917927,115.5496760259)}.n-button--success:not(.n-disabled).n-button--glass{color:#06c493;background:rgba(6,196,147,.25)}.n-button--success:not(.n-disabled).n-button--glass:hover{color:rgb(6.1224082073,153.5775917927,115.5496760259);background:rgba(6,196,147,.35)}.n-button--success:not(.n-disabled).n-button--glass:focus{color:rgb(6.1224082073,153.5775917927,115.5496760259)}.n-button--warning:not(.n-button--link,.n-button--glass){color:#fff;background:#ffbf3f;border-color:#ffbf3f}.n-button--warning:not(.n-button--link,.n-button--glass):hover{background:rgb(255,205.9,107.7);border-color:rgb(255,205.9,107.7)}.n-button--warning:not(.n-button--link,.n-button--glass):focus{background:hsl(40,78.4029038113%,51.7843137255%);border-color:hsl(40,78.4029038113%,51.7843137255%)}.n-button--warning:not(.n-button--link,.n-button--glass).n-disabled{background:#ffbf3f;border-color:#ffbf3f}.n-button--warning:not(.n-disabled).n-button--link{color:#ffbf3f}.n-button--warning:not(.n-disabled).n-button--link:hover{color:rgb(255,205.9,107.7)}.n-button--warning:not(.n-disabled).n-button--link:focus{color:hsl(40,78.4029038113%,51.7843137255%)}.n-button--warning:not(.n-disabled).n-button--glass{color:#ffbf3f;background:rgba(255,191,63,.25)}.n-button--warning:not(.n-disabled).n-button--glass:hover{color:hsl(40,78.4029038113%,51.7843137255%);background:rgba(255,191,63,.35)}.n-button--warning:not(.n-disabled).n-button--glass:focus{color:hsl(40,78.4029038113%,51.7843137255%)}.n-button--danger:not(.n-button--link,.n-button--glass){color:#fff;background:#f9536e;border-color:#f9536e}.n-button--danger:not(.n-button--link,.n-button--glass):hover{background:rgb(250.4595505618,124.8404494382,145.2724719101);border-color:rgb(250.4595505618,124.8404494382,145.2724719101)}.n-button--danger:not(.n-button--link,.n-button--glass):focus{background:rgb(222.216746872,54.483253128,81.7652069297);border-color:rgb(222.216746872,54.483253128,81.7652069297)}.n-button--danger:not(.n-button--link,.n-button--glass).n-disabled{background:#f9536e;border-color:#f9536e}.n-button--danger:not(.n-disabled).n-button--link{color:#f9536e}.n-button--danger:not(.n-disabled).n-button--link:hover{color:rgb(250.4595505618,124.8404494382,145.2724719101)}.n-button--danger:not(.n-disabled).n-button--link:focus{color:rgb(222.216746872,54.483253128,81.7652069297)}.n-button--danger:not(.n-disabled).n-button--glass{color:#f9536e;background:rgba(249,83,110,.25)}.n-button--danger:not(.n-disabled).n-button--glass:hover{color:rgb(222.216746872,54.483253128,81.7652069297);background:rgba(249,83,110,.35)}.n-button--danger:not(.n-disabled).n-button--glass:focus{color:rgb(222.216746872,54.483253128,81.7652069297)}.n-input{background:#fff;border:1px solid hsl(0,0%,86%)}.n-input.n-disabled{background:rgb(231.2,231.2,231.2)}.n-input .n-button--input{color:hsl(0,0%,44%)}.n-input--primary:not(.n-disabled):hover{border-color:#2f89fe}.n-input--primary:not(.n-disabled).n-focus{border-color:rgb(93.1779904306,163.1971291866,254.2220095694)}.n-input--primary:not(.n-disabled) .n-button--input:not(.n-disabled):hover{color:#2f89fe}.n-input--secondary:not(.n-disabled):hover{border-color:#d31f9d}.n-input--secondary:not(.n-disabled).n-focus{border-color:hsl(318,67.1641791045%,57.7058823529%)}.n-input--secondary:not(.n-disabled) .n-button--input:not(.n-disabled):hover{color:#d31f9d}.n-input--info:not(.n-disabled):hover{border-color:#4bd6f9}.n-input--info:not(.n-disabled).n-focus{border-color:rgb(117.6774193548,223.7209677419,250.4225806452)}.n-input--info:not(.n-disabled) .n-button--input:not(.n-disabled):hover{color:#4bd6f9}.n-input--success:not(.n-disabled):hover{border-color:#06c493}.n-input--success:not(.n-disabled).n-focus{border-color:rgb(36.7086340206,221.5913659794,173.9110824742)}.n-input--success:not(.n-disabled) .n-button--input:not(.n-disabled):hover{color:#06c493}.n-input--warning:not(.n-disabled):hover{border-color:#ffbf3f}.n-input--warning:not(.n-disabled).n-focus{border-color:rgb(255,205.9,107.7)}.n-input--warning:not(.n-disabled) .n-button--input:not(.n-disabled):hover{color:#ffbf3f}.n-input--danger:not(.n-disabled):hover{border-color:#f9536e}.n-input--danger:not(.n-disabled).n-focus{border-color:rgb(250.4595505618,124.8404494382,145.2724719101)}.n-input--danger:not(.n-disabled) .n-button--input:not(.n-disabled):hover{color:#f9536e}.n-input-number{background:#fff;border:1px solid hsl(0,0%,86%)}.n-input-number.n-disabled{background:rgb(231.2,231.2,231.2)}.n-input-number .n-button{color:hsl(0,0%,44%);background:hsla(0,0%,86%,.5)}.n-input-number__clear{color:hsl(0,0%,44%)}.n-input-number__clear i{background:hsla(0,0%,86%,.6)}.n-input-number--primary:not(.n-disabled):hover{border-color:#2f89fe}.n-input-number--primary:not(.n-disabled).n-focus{border-color:rgb(93.1779904306,163.1971291866,254.2220095694)}.n-input-number--primary:not(.n-disabled) .n-button:hover{color:#2f89fe}.n-input-number--secondary:not(.n-disabled):hover{border-color:#d31f9d}.n-input-number--secondary:not(.n-disabled).n-focus{border-color:hsl(318,67.1641791045%,57.7058823529%)}.n-input-number--secondary:not(.n-disabled) .n-button:hover{color:#d31f9d}.n-input-number--info:not(.n-disabled):hover{border-color:#4bd6f9}.n-input-number--info:not(.n-disabled).n-focus{border-color:rgb(117.6774193548,223.7209677419,250.4225806452)}.n-input-number--info:not(.n-disabled) .n-button:hover{color:#4bd6f9}.n-input-number--success:not(.n-disabled):hover{border-color:#06c493}.n-input-number--success:not(.n-disabled).n-focus{border-color:rgb(36.7086340206,221.5913659794,173.9110824742)}.n-input-number--success:not(.n-disabled) .n-button:hover{color:#06c493}.n-input-number--warning:not(.n-disabled):hover{border-color:#ffbf3f}.n-input-number--warning:not(.n-disabled).n-focus{border-color:rgb(255,205.9,107.7)}.n-input-number--warning:not(.n-disabled) .n-button:hover{color:#ffbf3f}.n-input-number--danger:not(.n-disabled):hover{border-color:#f9536e}.n-input-number--danger:not(.n-disabled).n-focus{border-color:rgb(250.4595505618,124.8404494382,145.2724719101)}.n-input-number--danger:not(.n-disabled) .n-button:hover{color:#f9536e}.n-textarea textarea{background:#fff;border:1px solid hsl(0,0%,86%)}.n-textarea.n-disabled textarea{background:rgb(231.2,231.2,231.2)}.n-textarea--primary:not(.n-disabled):hover textarea{border-color:#2f89fe}.n-textarea--primary:not(.n-disabled) textarea:focus{border-color:rgb(93.1779904306,163.1971291866,254.2220095694)}.n-textarea--secondary:not(.n-disabled):hover textarea{border-color:#d31f9d}.n-textarea--secondary:not(.n-disabled) textarea:focus{border-color:hsl(318,67.1641791045%,57.7058823529%)}.n-textarea--info:not(.n-disabled):hover textarea{border-color:#4bd6f9}.n-textarea--info:not(.n-disabled) textarea:focus{border-color:rgb(117.6774193548,223.7209677419,250.4225806452)}.n-textarea--success:not(.n-disabled):hover textarea{border-color:#06c493}.n-textarea--success:not(.n-disabled) textarea:focus{border-color:rgb(36.7086340206,221.5913659794,173.9110824742)}.n-textarea--warning:not(.n-disabled):hover textarea{border-color:#ffbf3f}.n-textarea--warning:not(.n-disabled) textarea:focus{border-color:rgb(255,205.9,107.7)}.n-textarea--danger:not(.n-disabled):hover textarea{border-color:#f9536e}.n-textarea--danger:not(.n-disabled) textarea:focus{border-color:rgb(250.4595505618,124.8404494382,145.2724719101)}.n-switch__switch{background:rgb(231.2,231.2,231.2);border:1px solid hsl(0,0%,86%)}.n-switch__switch span{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15)}.n-switch--primary:not(.n-disabled) .n-switch__switch{background:#2f89fe;border-color:rgb(41.7682011031,130.6436784048,246.1817988969)}.n-switch--primary:not(.n-disabled) .n-switch__label{color:#2f89fe}.n-switch--secondary:not(.n-disabled) .n-switch__switch{background:#d31f9d;border-color:hsl(318,74.1374192393%,45.181372549%)}.n-switch--secondary:not(.n-disabled) .n-switch__label{color:#d31f9d}.n-switch--info:not(.n-disabled) .n-switch__switch{background:#4bd6f9;border-color:rgb(68.0408139535,207.2751744186,242.3341860465)}.n-switch--info:not(.n-disabled) .n-switch__label{color:#4bd6f9}.n-switch--success:not(.n-disabled) .n-switch__switch{background:#06c493;border-color:rgb(6.0306020518,185.3943979482,139.1374190065)}.n-switch--success:not(.n-disabled) .n-switch__label{color:#06c493}.n-switch--warning:not(.n-disabled) .n-switch__switch{background:#ffbf3f;border-color:hsl(40,93.5384767577%,59.7107843137%)}.n-switch--warning:not(.n-disabled) .n-switch__label{color:#ffbf3f}.n-switch--danger:not(.n-disabled) .n-switch__switch{background:#f9536e;border-color:rgb(242.304186718,75.870813282,102.9413017324)}.n-switch--danger:not(.n-disabled) .n-switch__label{color:#f9536e}.n-checkbox__checkbox{color:#111;background:#fff;border:1px solid hsl(0,0%,86%)}.n-checkbox.n-disabled .n-checkbox__checkbox{background:rgb(231.2,231.2,231.2)}.n-checkbox--primary:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#2f89fe}.n-checkbox--primary.n-checked:not(.n-disabled) .n-checkbox__checkbox,.n-checkbox--primary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox{color:#fff;background:#2f89fe;border-color:#2f89fe}.n-checkbox--primary.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,.n-checkbox--primary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover{background:rgb(93.1779904306,163.1971291866,254.2220095694);border-color:rgb(93.1779904306,163.1971291866,254.2220095694)}.n-checkbox--primary.n-checked:not(.n-disabled) .n-checkbox__label{color:#2f89fe}.n-checkbox--secondary:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#d31f9d}.n-checkbox--secondary.n-checked:not(.n-disabled) .n-checkbox__checkbox,.n-checkbox--secondary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox{color:#fff;background:#d31f9d;border-color:#d31f9d}.n-checkbox--secondary.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,.n-checkbox--secondary.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover{background:hsl(318,67.1641791045%,57.7058823529%);border-color:hsl(318,67.1641791045%,57.7058823529%)}.n-checkbox--secondary.n-checked:not(.n-disabled) .n-checkbox__label{color:#d31f9d}.n-checkbox--info:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#4bd6f9}.n-checkbox--info.n-checked:not(.n-disabled) .n-checkbox__checkbox,.n-checkbox--info.n-intermediate:not(.n-disabled) .n-checkbox__checkbox{color:#fff;background:#4bd6f9;border-color:#4bd6f9}.n-checkbox--info.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,.n-checkbox--info.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover{background:rgb(117.6774193548,223.7209677419,250.4225806452);border-color:rgb(117.6774193548,223.7209677419,250.4225806452)}.n-checkbox--info.n-checked:not(.n-disabled) .n-checkbox__label{color:#4bd6f9}.n-checkbox--success:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#06c493}.n-checkbox--success.n-checked:not(.n-disabled) .n-checkbox__checkbox,.n-checkbox--success.n-intermediate:not(.n-disabled) .n-checkbox__checkbox{color:#fff;background:#06c493;border-color:#06c493}.n-checkbox--success.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,.n-checkbox--success.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover{background:rgb(36.7086340206,221.5913659794,173.9110824742);border-color:rgb(36.7086340206,221.5913659794,173.9110824742)}.n-checkbox--success.n-checked:not(.n-disabled) .n-checkbox__label{color:#06c493}.n-checkbox--warning:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#ffbf3f}.n-checkbox--warning.n-checked:not(.n-disabled) .n-checkbox__checkbox,.n-checkbox--warning.n-intermediate:not(.n-disabled) .n-checkbox__checkbox{color:#fff;background:#ffbf3f;border-color:#ffbf3f}.n-checkbox--warning.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,.n-checkbox--warning.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover{background:rgb(255,205.9,107.7);border-color:rgb(255,205.9,107.7)}.n-checkbox--warning.n-checked:not(.n-disabled) .n-checkbox__label{color:#ffbf3f}.n-checkbox--danger:not(.n-disabled):hover .n-checkbox__checkbox{border-color:#f9536e}.n-checkbox--danger.n-checked:not(.n-disabled) .n-checkbox__checkbox,.n-checkbox--danger.n-intermediate:not(.n-disabled) .n-checkbox__checkbox{color:#fff;background:#f9536e;border-color:#f9536e}.n-checkbox--danger.n-checked:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover,.n-checkbox--danger.n-intermediate:not(.n-disabled) .n-checkbox__checkbox:not(.n-disabled):hover{background:rgb(250.4595505618,124.8404494382,145.2724719101);border-color:rgb(250.4595505618,124.8404494382,145.2724719101)}.n-checkbox--danger.n-checked:not(.n-disabled) .n-checkbox__label{color:#f9536e}.n-radio__radio{color:#111;background:#fff;border:1px solid hsl(0,0%,86%)}.n-radio.n-disabled .n-radio__radio{background:rgb(231.2,231.2,231.2)}.n-radio__radio span{background:#111}.n-radio--primary:not(.n-disabled):hover .n-radio__radio{border-color:#2f89fe}.n-radio--primary.n-checked:not(.n-disabled) .n-radio__radio{background:#2f89fe;border-color:#2f89fe}.n-radio--primary.n-checked:not(.n-disabled) .n-radio__radio span{background:#fff}.n-radio--primary.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover{background:rgb(93.1779904306,163.1971291866,254.2220095694);border-color:rgb(93.1779904306,163.1971291866,254.2220095694)}.n-radio--primary.n-checked:not(.n-disabled) .n-radio__label{color:#2f89fe}.n-radio--secondary:not(.n-disabled):hover .n-radio__radio{border-color:#d31f9d}.n-radio--secondary.n-checked:not(.n-disabled) .n-radio__radio{background:#d31f9d;border-color:#d31f9d}.n-radio--secondary.n-checked:not(.n-disabled) .n-radio__radio span{background:#fff}.n-radio--secondary.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover{background:hsl(318,67.1641791045%,57.7058823529%);border-color:hsl(318,67.1641791045%,57.7058823529%)}.n-radio--secondary.n-checked:not(.n-disabled) .n-radio__label{color:#d31f9d}.n-radio--info:not(.n-disabled):hover .n-radio__radio{border-color:#4bd6f9}.n-radio--info.n-checked:not(.n-disabled) .n-radio__radio{background:#4bd6f9;border-color:#4bd6f9}.n-radio--info.n-checked:not(.n-disabled) .n-radio__radio span{background:#fff}.n-radio--info.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover{background:rgb(117.6774193548,223.7209677419,250.4225806452);border-color:rgb(117.6774193548,223.7209677419,250.4225806452)}.n-radio--info.n-checked:not(.n-disabled) .n-radio__label{color:#4bd6f9}.n-radio--success:not(.n-disabled):hover .n-radio__radio{border-color:#06c493}.n-radio--success.n-checked:not(.n-disabled) .n-radio__radio{background:#06c493;border-color:#06c493}.n-radio--success.n-checked:not(.n-disabled) .n-radio__radio span{background:#fff}.n-radio--success.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover{background:rgb(36.7086340206,221.5913659794,173.9110824742);border-color:rgb(36.7086340206,221.5913659794,173.9110824742)}.n-radio--success.n-checked:not(.n-disabled) .n-radio__label{color:#06c493}.n-radio--warning:not(.n-disabled):hover .n-radio__radio{border-color:#ffbf3f}.n-radio--warning.n-checked:not(.n-disabled) .n-radio__radio{background:#ffbf3f;border-color:#ffbf3f}.n-radio--warning.n-checked:not(.n-disabled) .n-radio__radio span{background:#fff}.n-radio--warning.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover{background:rgb(255,205.9,107.7);border-color:rgb(255,205.9,107.7)}.n-radio--warning.n-checked:not(.n-disabled) .n-radio__label{color:#ffbf3f}.n-radio--danger:not(.n-disabled):hover .n-radio__radio{border-color:#f9536e}.n-radio--danger.n-checked:not(.n-disabled) .n-radio__radio{background:#f9536e;border-color:#f9536e}.n-radio--danger.n-checked:not(.n-disabled) .n-radio__radio span{background:#fff}.n-radio--danger.n-checked:not(.n-disabled) .n-radio__radio:not(.n-disabled):hover{background:rgb(250.4595505618,124.8404494382,145.2724719101);border-color:rgb(250.4595505618,124.8404494382,145.2724719101)}.n-radio--danger.n-checked:not(.n-disabled) .n-radio__label{color:#f9536e}.n-select{background:#fff;border:1px solid hsl(0,0%,86%)}.n-select.n-disabled{background:rgb(231.2,231.2,231.2)}.n-select__clear,.n-select__angle{color:hsl(0,0%,44%)}.n-select__clear i{background:hsla(0,0%,86%,.6)}.n-select__body,.n-select__empty{border:1px solid hsl(0,0%,86%);background:#fff;box-shadow:0 1px 3px 1px rgba(0,0,0,.15)}.n-select__empty{color:hsl(0,0%,44%)}.n-select--primary:not(.n-disabled):hover,.n-select--primary:not(.n-disabled).n-focus{border-color:#2f89fe}.n-select--primary .n-select__item{color:#fff;background:#2f89fe}.n-select--secondary:not(.n-disabled):hover,.n-select--secondary:not(.n-disabled).n-focus{border-color:#d31f9d}.n-select--secondary .n-select__item{color:#fff;background:#d31f9d}.n-select--info:not(.n-disabled):hover,.n-select--info:not(.n-disabled).n-focus{border-color:#4bd6f9}.n-select--info .n-select__item{color:#fff;background:#4bd6f9}.n-select--success:not(.n-disabled):hover,.n-select--success:not(.n-disabled).n-focus{border-color:#06c493}.n-select--success .n-select__item{color:#fff;background:#06c493}.n-select--warning:not(.n-disabled):hover,.n-select--warning:not(.n-disabled).n-focus{border-color:#ffbf3f}.n-select--warning .n-select__item{color:#fff;background:#ffbf3f}.n-select--danger:not(.n-disabled):hover,.n-select--danger:not(.n-disabled).n-focus{border-color:#f9536e}.n-select--danger .n-select__item{color:#fff;background:#f9536e}.n-cascader-panel{background:#fff;border:1px solid hsl(0,0%,86%)}.n-cascader-panel .n-popover-option:not(.n-active) i{color:rgb(159.8,159.8,159.8)}.n-cascader-panel__items:not(:last-child){border-right:1px solid hsl(0,0%,86%)}.n-cascader{background:#fff;border:1px solid hsl(0,0%,86%)}.n-cascader.n-disabled{background:rgb(231.2,231.2,231.2)}.n-cascader__clear,.n-cascader__angle{color:hsl(0,0%,44%)}.n-cascader__clear i{background:hsla(0,0%,86%,.6)}.n-cascader__placeholder{color:rgba(17,17,17,.5)}.n-cascader__body,.n-cascader__empty{background:#fff;box-shadow:0 1px 3px 1px rgba(0,0,0,.15)}.n-cascader__empty{color:hsl(0,0%,44%)}.n-cascader--primary:not(.n-disabled):hover,.n-cascader--primary:not(.n-disabled).n-focus{border-color:#2f89fe}.n-cascader--secondary:not(.n-disabled):hover,.n-cascader--secondary:not(.n-disabled).n-focus{border-color:#d31f9d}.n-cascader--info:not(.n-disabled):hover,.n-cascader--info:not(.n-disabled).n-focus{border-color:#4bd6f9}.n-cascader--success:not(.n-disabled):hover,.n-cascader--success:not(.n-disabled).n-focus{border-color:#06c493}.n-cascader--warning:not(.n-disabled):hover,.n-cascader--warning:not(.n-disabled).n-focus{border-color:#ffbf3f}.n-cascader--danger:not(.n-disabled):hover,.n-cascader--danger:not(.n-disabled).n-focus{border-color:#f9536e}.n-datepicker-panel{background:#fff;border:1px solid rgb(231.2,231.2,231.2)}.n-datepicker-panel__header{border-bottom:1px solid rgb(231.2,231.2,231.2)}.n-datepicker-panel__footer{border-top:1px solid rgb(231.2,231.2,231.2)}.n-datepicker-panel__display .n-datepicker-panel__month:hover,.n-datepicker-panel__display .n-datepicker-panel__year:hover{background:hsla(0,0%,86%,.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:hsla(0,0%,86%,.6)}.n-datepicker-panel__body .n-datepicker-panel__day:not(.n-current){color:rgb(159.8,159.8,159.8)}.n-datepicker-panel--primary .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,.n-datepicker-panel--primary .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,.n-datepicker-panel--primary .n-datepicker-panel__body .n-datepicker-panel__year.n-selected{color:#fff;background:#2f89fe}.n-datepicker-panel--secondary .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,.n-datepicker-panel--secondary .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,.n-datepicker-panel--secondary .n-datepicker-panel__body .n-datepicker-panel__year.n-selected{color:#fff;background:#d31f9d}.n-datepicker-panel--info .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,.n-datepicker-panel--info .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,.n-datepicker-panel--info .n-datepicker-panel__body .n-datepicker-panel__year.n-selected{color:#fff;background:#4bd6f9}.n-datepicker-panel--success .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,.n-datepicker-panel--success .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,.n-datepicker-panel--success .n-datepicker-panel__body .n-datepicker-panel__year.n-selected{color:#fff;background:#06c493}.n-datepicker-panel--warning .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,.n-datepicker-panel--warning .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,.n-datepicker-panel--warning .n-datepicker-panel__body .n-datepicker-panel__year.n-selected{color:#fff;background:#ffbf3f}.n-datepicker-panel--danger .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,.n-datepicker-panel--danger .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,.n-datepicker-panel--danger .n-datepicker-panel__body .n-datepicker-panel__year.n-selected{color:#fff;background:#f9536e}.n-datepicker{background:#fff;border:1px solid hsl(0,0%,86%)}.n-datepicker.n-disabled{background:rgb(231.2,231.2,231.2)}.n-datepicker__seperator{color:hsl(0,0%,44%)}.n-datepicker__clear,.n-datepicker__angle{color:hsl(0,0%,44%)}.n-datepicker__clear i{background:hsla(0,0%,86%,.6)}.n-datepicker__placeholder{color:rgba(17,17,17,.5)}.n-datepicker__body,.n-datepicker__empty{background:#fff;box-shadow:0 1px 3px 1px rgba(0,0,0,.15)}.n-datepicker__empty{color:hsl(0,0%,44%)}.n-datepicker--primary:not(.n-disabled):hover,.n-datepicker--primary:not(.n-disabled).n-focus{border-color:#2f89fe}.n-datepicker--secondary:not(.n-disabled):hover,.n-datepicker--secondary:not(.n-disabled).n-focus{border-color:#d31f9d}.n-datepicker--info:not(.n-disabled):hover,.n-datepicker--info:not(.n-disabled).n-focus{border-color:#4bd6f9}.n-datepicker--success:not(.n-disabled):hover,.n-datepicker--success:not(.n-disabled).n-focus{border-color:#06c493}.n-datepicker--warning:not(.n-disabled):hover,.n-datepicker--warning:not(.n-disabled).n-focus{border-color:#ffbf3f}.n-datepicker--danger:not(.n-disabled):hover,.n-datepicker--danger:not(.n-disabled).n-focus{border-color:#f9536e}.n-timepicker-panel{background:#fff;border:1px solid rgb(231.2,231.2,231.2)}.n-timepicker-panel__header{border-bottom:1px solid rgb(231.2,231.2,231.2)}.n-timepicker-panel__panel:not(:last-child){border-right:1px solid rgb(231.2,231.2,231.2)}.n-timepicker-panel--primary .n-timepicker-panel__item.n-selected{color:#fff;background:#2f89fe}.n-timepicker-panel--secondary .n-timepicker-panel__item.n-selected{color:#fff;background:#d31f9d}.n-timepicker-panel--info .n-timepicker-panel__item.n-selected{color:#fff;background:#4bd6f9}.n-timepicker-panel--success .n-timepicker-panel__item.n-selected{color:#fff;background:#06c493}.n-timepicker-panel--warning .n-timepicker-panel__item.n-selected{color:#fff;background:#ffbf3f}.n-timepicker-panel--danger .n-timepicker-panel__item.n-selected{color:#fff;background:#f9536e}.n-timepicker{background:#fff;border:1px solid hsl(0,0%,86%)}.n-timepicker.n-disabled{background:rgb(231.2,231.2,231.2)}.n-timepicker__seperator{color:hsl(0,0%,44%)}.n-timepicker__clear,.n-timepicker__angle{color:hsl(0,0%,44%)}.n-timepicker__clear i{background:hsla(0,0%,86%,.6)}.n-timepicker__placeholder{color:rgba(17,17,17,.5)}.n-timepicker__body,.n-timepicker__empty{background:#fff;box-shadow:0 1px 3px 1px rgba(0,0,0,.15)}.n-timepicker__empty{color:hsl(0,0%,44%)}.n-timepicker--primary:not(.n-disabled):hover,.n-timepicker--primary:not(.n-disabled).n-focus{border-color:#2f89fe}.n-timepicker--secondary:not(.n-disabled):hover,.n-timepicker--secondary:not(.n-disabled).n-focus{border-color:#d31f9d}.n-timepicker--info:not(.n-disabled):hover,.n-timepicker--info:not(.n-disabled).n-focus{border-color:#4bd6f9}.n-timepicker--success:not(.n-disabled):hover,.n-timepicker--success:not(.n-disabled).n-focus{border-color:#06c493}.n-timepicker--warning:not(.n-disabled):hover,.n-timepicker--warning:not(.n-disabled).n-focus{border-color:#ffbf3f}.n-timepicker--danger:not(.n-disabled):hover,.n-timepicker--danger:not(.n-disabled).n-focus{border-color:#f9536e}.n-datetimepicker{background:#fff;border:1px solid hsl(0,0%,86%)}.n-datetimepicker.n-disabled{background:rgb(231.2,231.2,231.2)}.n-datetimepicker__seperator{color:hsl(0,0%,44%)}.n-datetimepicker__clear,.n-datetimepicker__angle{color:hsl(0,0%,44%)}.n-datetimepicker__clear i{background:hsla(0,0%,86%,.6)}.n-datetimepicker__placeholder{color:rgba(17,17,17,.5)}.n-datetimepicker__body,.n-datetimepicker__empty{background:rgb(243.1,243.1,243.1);box-shadow:0 1px 3px 1px rgba(0,0,0,.15)}.n-datetimepicker__empty{color:hsl(0,0%,44%)}.n-datetimepicker__body{border:1px solid rgb(231.2,231.2,231.2)}.n-datetimepicker__time-panel.n-timepicker-panel{background:hsl(0,0%,97.6666666667%)}.n-datetimepicker__body .n-datetimepicker__date-panel{border-right:1px solid rgb(231.2,231.2,231.2)}.n-datetimepicker--primary:not(.n-disabled):hover,.n-datetimepicker--primary:not(.n-disabled).n-focus{border-color:#2f89fe}.n-datetimepicker--secondary:not(.n-disabled):hover,.n-datetimepicker--secondary:not(.n-disabled).n-focus{border-color:#d31f9d}.n-datetimepicker--info:not(.n-disabled):hover,.n-datetimepicker--info:not(.n-disabled).n-focus{border-color:#4bd6f9}.n-datetimepicker--success:not(.n-disabled):hover,.n-datetimepicker--success:not(.n-disabled).n-focus{border-color:#06c493}.n-datetimepicker--warning:not(.n-disabled):hover,.n-datetimepicker--warning:not(.n-disabled).n-focus{border-color:#ffbf3f}.n-datetimepicker--danger:not(.n-disabled):hover,.n-datetimepicker--danger:not(.n-disabled).n-focus{border-color:#f9536e}.n-durationpicker{background:#fff;border:1px solid hsl(0,0%,86%)}.n-durationpicker.n-disabled{background:rgb(231.2,231.2,231.2)}.n-durationpicker__seperator{color:hsl(0,0%,44%)}.n-durationpicker__clear,.n-durationpicker__angle{color:hsl(0,0%,44%)}.n-durationpicker__clear i{background:hsla(0,0%,86%,.6)}.n-durationpicker__placeholder{color:rgba(17,17,17,.5)}.n-durationpicker__body,.n-durationpicker__empty{background:#fff;border:1px solid hsl(0,0%,86%);box-shadow:0 1px 3px 1px rgba(0,0,0,.15)}.n-durationpicker__empty{color:hsl(0,0%,44%)}.n-durationpicker--primary:not(.n-disabled):hover,.n-durationpicker--primary:not(.n-disabled).n-focus{border-color:#2f89fe}.n-durationpicker--secondary:not(.n-disabled):hover,.n-durationpicker--secondary:not(.n-disabled).n-focus{border-color:#d31f9d}.n-durationpicker--info:not(.n-disabled):hover,.n-durationpicker--info:not(.n-disabled).n-focus{border-color:#4bd6f9}.n-durationpicker--success:not(.n-disabled):hover,.n-durationpicker--success:not(.n-disabled).n-focus{border-color:#06c493}.n-durationpicker--warning:not(.n-disabled):hover,.n-durationpicker--warning:not(.n-disabled).n-focus{border-color:#ffbf3f}.n-durationpicker--danger:not(.n-disabled):hover,.n-durationpicker--danger:not(.n-disabled).n-focus{border-color:#f9536e}.n-transfer__panel{border:1px solid hsl(0,0%,86%)}.n-transfer__header{border-bottom:1px solid hsl(0,0%,86%)}.n-transfer__search{background:#fff;border-bottom:1px solid hsl(0,0%,86%)}.n-transfer__item-count{color:hsl(0,0%,44%)}.n-popover__frame{box-shadow:0 1px 3px 1px rgba(0,0,0,.15)}.n-popover-option{color:#111}.n-popover-group{color:rgb(159.8,159.8,159.8)}.n-popover-option:not(.n-disabled).n-hover,.n-popover-option:not(.n-disabled):hover{background:rgba(136,136,136,.07)}.n-popover-option:not(.n-disabled).n-focus,.n-popover-option:not(.n-disabled).n-focus:hover{background:rgba(136,136,136,.14)}.n-popover-option .n-image{color:hsl(0,0%,44%)}.n-popover-option .n-icon{color:hsl(0,0%,44%)}.n-popover--default .n-popover__frame{color:#111;background:#fff;border:1px solid hsl(0,0%,86%)}.n-popover--default .n-popover__header{border-bottom:1px solid hsl(0,0%,86%);background:rgb(243.1,243.1,243.1)}.n-popover--default .n-popover__footer{border-top:1px solid hsl(0,0%,86%);background:#fff}.n-popover--default .n-popover-option{color:#111}.n-popover--negative .n-popover__frame{color:#fff;background:#111;border:1px solid rgb(28.9,28.9,28.9)}.n-popover--negative .n-popover__header{border-bottom:1px solid rgb(28.9,28.9,28.9);background:#111}.n-popover--negative .n-popover__footer{border-top:1px solid rgb(28.9,28.9,28.9);background:#111}.n-popover--negative .n-popover-option{color:#fff}.n-popover-option--primary.n-active,.n-popover-option--primary .n-icon{color:#2f89fe}.n-popover-option--secondary.n-active,.n-popover-option--secondary .n-icon{color:#d31f9d}.n-popover-option--info.n-active,.n-popover-option--info .n-icon{color:#4bd6f9}.n-popover-option--success.n-active,.n-popover-option--success .n-icon{color:#06c493}.n-popover-option--warning.n-active,.n-popover-option--warning .n-icon{color:#ffbf3f}.n-popover-option--danger.n-active,.n-popover-option--danger .n-icon{color:#f9536e}.n-popover--tooltip .n-popover__frame{color:#fff;background:rgba(17,17,17,.9)}.n-popover--tooltip .n-popover__body{padding:3px 8px}.n-modal__backdrop{background:rgba(0,0,0,.6)}.n-modal__frame{box-shadow:0 1px 5px 1px rgba(0,0,0,.2)}.n-modal--default .n-modal__frame{color:#111;background:#fff}.n-modal--default .n-modal__header{border-bottom:1px solid rgb(231.2,231.2,231.2);background:hsl(0,0%,97.6666666667%)}.n-modal--default .n-modal__footer{border-top:1px solid rgb(231.2,231.2,231.2);background:#fff}.n-modal--preview .n-modal__frame{color:#fff;background:#111}.n-modal--preview .n-modal__header{border-bottom:1px solid rgb(28.9,28.9,28.9);background:#111}.n-modal--preview .n-modal__footer{border-top:1px solid rgb(28.9,28.9,28.9);background:#111}.n-confirm--primary .n-confirm__icon{color:#2f89fe}.n-confirm--secondary .n-confirm__icon{color:#d31f9d}.n-confirm--info .n-confirm__icon{color:#4bd6f9}.n-confirm--success .n-confirm__icon{color:#06c493}.n-confirm--warning .n-confirm__icon{color:#ffbf3f}.n-confirm--danger .n-confirm__icon{color:#f9536e}.n-table{border-radius:8px}.n-table:before{border-radius:8px;border:1px solid hsl(0,0%,86%)}.n-table .n-draglist-item{border-bottom:1px solid rgb(231.2,231.2,231.2)}.n-table .n-table__header{border:1px solid hsl(0,0%,86%);background:rgb(243.1,243.1,243.1);box-shadow:0 0 3px rgba(0,0,0,.1)}.n-table__header .n-table-column{border-left:1px solid rgb(231.2,231.2,231.2);border-right:1px solid rgb(231.2,231.2,231.2)}.n-table-column.n-filtered .n-table-column__label{color:#2f89fe}.n-table-column .n-table-column__sort>i:before{border-top-color:rgba(136,136,136,.5)}.n-table-column.n-sorted.n-desc .n-table-column__sort>i:before{border-top-color:#2f89fe}.n-table-column .n-table-column__sort>i:after{border-bottom-color:rgba(136,136,136,.5)}.n-table-column.n-sorted.n-asc .n-table-column__sort>i:after{border-bottom-color:#2f89fe}.n-table .n-table-column .n-table-column__filter>i{color:hsl(0,0%,44%);background:rgb(231.2,231.2,231.2)}.n-table-cell.n-changed:before{content:" ";position:absolute;top:-3px;left:-3px;display:block;width:0;height:0;border:3px solid rgba(0,0,0,0);border-bottom-color:#f9536e;transform:rotate(-45deg)}.n-table-cell--image>div{background-color:rgb(243.1,243.1,243.1)}.n-table-cell--checkbox i{background:#fff;border:1px solid hsl(0,0%,86%)}.n-table-cell--checkbox.n-disabled i{background:rgb(231.2,231.2,231.2)}.n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-disabled) i,.n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-uncheck) i{color:#fff;background:#2f89fe;border-color:#2f89fe}.n-draglist--primary .n-table-cell--checkbox:not(.n-disabled):hover i{border-color:rgb(93.1779904306,163.1971291866,254.2220095694)}.n-draglist--primary .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:rgb(93.1779904306,163.1971291866,254.2220095694)}.n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-disabled) i,.n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-uncheck) i{color:#fff;background:#d31f9d;border-color:#d31f9d}.n-draglist--secondary .n-table-cell--checkbox:not(.n-disabled):hover i{border-color:hsl(318,67.1641791045%,57.7058823529%)}.n-draglist--secondary .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:hsl(318,67.1641791045%,57.7058823529%)}.n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-disabled) i,.n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-uncheck) i{color:#fff;background:#4bd6f9;border-color:#4bd6f9}.n-draglist--info .n-table-cell--checkbox:not(.n-disabled):hover i{border-color:rgb(117.6774193548,223.7209677419,250.4225806452)}.n-draglist--info .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:rgb(117.6774193548,223.7209677419,250.4225806452)}.n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-disabled) i,.n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-uncheck) i{color:#fff;background:#06c493;border-color:#06c493}.n-draglist--success .n-table-cell--checkbox:not(.n-disabled):hover i{border-color:rgb(36.7086340206,221.5913659794,173.9110824742)}.n-draglist--success .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:rgb(36.7086340206,221.5913659794,173.9110824742)}.n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-disabled) i,.n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-uncheck) i{color:#fff;background:#ffbf3f;border-color:#ffbf3f}.n-draglist--warning .n-table-cell--checkbox:not(.n-disabled):hover i{border-color:rgb(255,205.9,107.7)}.n-draglist--warning .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:rgb(255,205.9,107.7)}.n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-disabled) i,.n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-uncheck) i{color:#fff;background:#f9536e;border-color:#f9536e}.n-draglist--danger .n-table-cell--checkbox:not(.n-disabled):hover i{border-color:rgb(250.4595505618,124.8404494382,145.2724719101)}.n-draglist--danger .n-table-cell--checkbox.n-checked:not(.n-disabled):hover i{background:rgb(250.4595505618,124.8404494382,145.2724719101)}.n-paginator{color:hsl(0,0%,44%)}.n-tabs:not(.n-float)>.n-tabs__header:after{border-bottom:1px solid hsl(0,0%,86%)}.n-tabs__indicator{background:#111}.n-float .n-tabs__tab{background:rgb(243.1,243.1,243.1)}.n-tabs--primary .n-tabs__indicator{background:#2f89fe}.n-tabs--primary.n-float .n-tabs__tab.n-active{color:#fff;background:#2f89fe}.n-tabs--primary.n-float .n-tabs__tab.n-active .n-tabs__tab-icon{color:#fff}.n-tabs--primary.n-float .n-tabs__tab.n-active .n-tabs__tab-label{color:#fff}.n-tabs--secondary .n-tabs__indicator{background:#d31f9d}.n-tabs--secondary.n-float .n-tabs__tab.n-active{color:#fff;background:#d31f9d}.n-tabs--secondary.n-float .n-tabs__tab.n-active .n-tabs__tab-icon{color:#fff}.n-tabs--secondary.n-float .n-tabs__tab.n-active .n-tabs__tab-label{color:#fff}.n-tabs--info .n-tabs__indicator{background:#4bd6f9}.n-tabs--info.n-float .n-tabs__tab.n-active{color:#fff;background:#4bd6f9}.n-tabs--info.n-float .n-tabs__tab.n-active .n-tabs__tab-icon{color:#fff}.n-tabs--info.n-float .n-tabs__tab.n-active .n-tabs__tab-label{color:#fff}.n-tabs--success .n-tabs__indicator{background:#06c493}.n-tabs--success.n-float .n-tabs__tab.n-active{color:#fff;background:#06c493}.n-tabs--success.n-float .n-tabs__tab.n-active .n-tabs__tab-icon{color:#fff}.n-tabs--success.n-float .n-tabs__tab.n-active .n-tabs__tab-label{color:#fff}.n-tabs--warning .n-tabs__indicator{background:#ffbf3f}.n-tabs--warning.n-float .n-tabs__tab.n-active{color:#fff;background:#ffbf3f}.n-tabs--warning.n-float .n-tabs__tab.n-active .n-tabs__tab-icon{color:#fff}.n-tabs--warning.n-float .n-tabs__tab.n-active .n-tabs__tab-label{color:#fff}.n-tabs--danger .n-tabs__indicator{background:#f9536e}.n-tabs--danger.n-float .n-tabs__tab.n-active{color:#fff;background:#f9536e}.n-tabs--danger.n-float .n-tabs__tab.n-active .n-tabs__tab-icon{color:#fff}.n-tabs--danger.n-float .n-tabs__tab.n-active .n-tabs__tab-label{color:#fff}.n-tabs__tab-icon{color:rgb(159.8,159.8,159.8)}.n-tabs--primary .n-tabs__tab.n-active .n-tabs__tab-icon,.n-tabs--primary .n-tabs__tab.n-active .n-tabs__tab-label{color:#2f89fe}.n-tabs--secondary .n-tabs__tab.n-active .n-tabs__tab-icon,.n-tabs--secondary .n-tabs__tab.n-active .n-tabs__tab-label{color:#d31f9d}.n-tabs--info .n-tabs__tab.n-active .n-tabs__tab-icon,.n-tabs--info .n-tabs__tab.n-active .n-tabs__tab-label{color:#4bd6f9}.n-tabs--success .n-tabs__tab.n-active .n-tabs__tab-icon,.n-tabs--success .n-tabs__tab.n-active .n-tabs__tab-label{color:#06c493}.n-tabs--warning .n-tabs__tab.n-active .n-tabs__tab-icon,.n-tabs--warning .n-tabs__tab.n-active .n-tabs__tab-label{color:#ffbf3f}.n-tabs--danger .n-tabs__tab.n-active .n-tabs__tab-icon,.n-tabs--danger .n-tabs__tab.n-active .n-tabs__tab-label{color:#f9536e}.n-tags-item--color-primary{color:rgb(27.5,59,99.95);background:rgba(47,137,254,.25)}.n-tags-item--color-primary i{color:rgba(47,137,254,.75)}.n-tags-item--color-secondary{color:rgb(84.9,21.9,66);background:rgba(211,31,157,.25)}.n-tags-item--color-secondary i{color:rgba(211,31,157,.75)}.n-tags-item--color-info{color:rgb(37.3,85.95,98.2);background:rgba(75,214,249,.25)}.n-tags-item--color-info i{color:rgba(75,214,249,.75)}.n-tags-item--color-success{color:rgb(13.15,79.65,62.5);background:rgba(6,196,147,.25)}.n-tags-item--color-success i{color:rgba(6,196,147,.75)}.n-tags-item--color-warning{color:rgb(100.3,77.9,33.1);background:rgba(255,191,63,.25)}.n-tags-item--color-warning i{color:rgba(255,191,63,.75)}.n-tags-item--color-danger{color:rgb(98.2,40.1,49.55);background:rgba(249,83,110,.25)}.n-tags-item--color-danger i{color:rgba(249,83,110,.75)}.n-tags-item--color-0{color:rgb(84.9,21.9,66);background:rgba(211,31,157,.25)}.n-tags-item--color-0 i{color:rgba(211,31,157,.75)}.n-tags-item--color-1{color:rgb(47.59,46.015,88.0675);background:rgba(104.4,99.9,220.05,.25)}.n-tags-item--color-1 i{color:rgba(104.4,99.9,220.05,.75)}.n-tags-item--color-2{color:rgb(93.545,33.73,55.3075);background:rgba(235.7,64.8,126.45,.25)}.n-tags-item--color-2 i{color:rgba(235.7,64.8,126.45,.75)}.n-tags-item--color-3{color:rgb(38.2625,59.4375,63.725);background:rgba(77.75,138.25,150.5,.25)}.n-tags-item--color-3 i{color:rgba(77.75,138.25,150.5,.75)}.n-tags-item--color-4{color:rgb(94.91,58.3,44.615);background:rgba(239.6,135,95.9,.25)}.n-tags-item--color-4 i{color:rgba(239.6,135,95.9,.75)}.n-tags-item--color-5{color:rgb(22.4775,66.2275,86.8425);background:rgba(32.65,157.65,216.55,.25)}.n-tags-item--color-5 i{color:rgba(32.65,157.65,216.55,.75)}.n-tags-item--color-6{color:rgb(59.7875,42.1125,64.775);background:rgba(139.25,88.75,153.5,.25)}.n-tags-item--color-6 i{color:rgba(139.25,88.75,153.5,.75)}.n-tags-item--color-7{color:rgb(68.4325,53.9425,54.0825);background:rgba(163.95,122.55,122.95,.25)}.n-tags-item--color-7 i{color:rgba(163.95,122.55,122.95,.75)}.n-tags-item--color-8{color:rgb(13.15,79.65,62.5);background:rgba(6,196,147,.25)}.n-tags-item--color-8 i{color:rgba(6,196,147,.75)}.n-tags-item--color-9{color:rgb(69.7975,78.5125,43.39);background:rgba(167.85,192.75,92.4,.25)}.n-tags-item--color-9 i{color:rgba(167.85,192.75,92.4,.75)}.n-tags-item--color-10{color:rgb(52.245,52.385,82.31);background:rgba(117.7,118.1,203.6,.25)}.n-tags-item--color-10 i{color:rgba(117.7,118.1,203.6,.75)}.n-tags-item--color-11{color:rgb(89.555,28.27,60.2425);background:rgba(224.3,49.2,140.55,.25)}.n-tags-item--color-11 i{color:rgba(224.3,49.2,140.55,.75)}.n-tags-item--color-12{color:rgb(98.2,40.1,49.55);background:rgba(249,83,110,.25)}.n-tags-item--color-12 i{color:rgba(249,83,110,.75)}.n-tags-item--color-13{color:rgb(42.9175,65.8075,57.9675);background:rgba(91.05,156.45,134.05,.25)}.n-tags-item--color-13 i{color:rgba(91.05,156.45,134.05,.75)}.n-tags-item--color-14{color:rgb(99.565,64.67,38.8575);background:rgba(252.9,153.2,79.45,.25)}.n-tags-item--color-14 i{color:rgba(252.9,153.2,79.45,.75)}.n-tags-item--color-15{color:rgb(52.98,65.615,76.5525);background:rgba(119.8,155.9,187.15,.25)}.n-tags-item--color-15 i{color:rgba(119.8,155.9,187.15,.75)}.n-tags-item--color-16{color:rgb(90.29,41.5,54.485);background:rgba(226.4,87,124.1,.25)}.n-tags-item--color-16 i{color:rgba(226.4,87,124.1,.75)}.n-tags-item--color-17{color:rgb(98.935,53.33,43.7925);background:rgba(251.1,120.8,93.55,.25)}.n-tags-item--color-17 i{color:rgba(251.1,120.8,93.55,.75)}.n-tags-item--color-18{color:rgb(43.6525,79.0375,52.21);background:rgba(93.15,194.25,117.6,.25)}.n-tags-item--color-18 i{color:rgba(93.15,194.25,117.6,.75)}.n-tags-item--color-19{color:rgb(100.3,77.9,33.1);background:rgba(255,191,63,.25)}.n-tags-item--color-19 i{color:rgba(255,191,63,.75)}.n-collapse{border:1px solid hsl(0,0%,86%)}.n-collapse__header:not(:first-child){border-top:1px solid hsl(0,0%,86%)}.n-collapse__header.n-active{border-bottom:1px solid hsl(0,0%,86%)}.n-collapse__header-icon{color:rgb(159.8,159.8,159.8)}.n-collapse--primary .n-collapse__header .n-collapse__header-icon{color:#2f89fe}.n-collapse--primary .n-collapse__header.n-active .n-collapse__header-angle{color:#2f89fe}.n-collapse--secondary .n-collapse__header .n-collapse__header-icon{color:#d31f9d}.n-collapse--secondary .n-collapse__header.n-active .n-collapse__header-angle{color:#d31f9d}.n-collapse--info .n-collapse__header .n-collapse__header-icon{color:#4bd6f9}.n-collapse--info .n-collapse__header.n-active .n-collapse__header-angle{color:#4bd6f9}.n-collapse--success .n-collapse__header .n-collapse__header-icon{color:#06c493}.n-collapse--success .n-collapse__header.n-active .n-collapse__header-angle{color:#06c493}.n-collapse--warning .n-collapse__header .n-collapse__header-icon{color:#ffbf3f}.n-collapse--warning .n-collapse__header.n-active .n-collapse__header-angle{color:#ffbf3f}.n-collapse--danger .n-collapse__header .n-collapse__header-icon{color:#f9536e}.n-collapse--danger .n-collapse__header.n-active .n-collapse__header-angle{color:#f9536e}.n-info{border:1px solid hsl(0,0%,86%)}.n-info-column{color:hsl(0,0%,44%)}.n-info-field.n-info-field--image>div{background-color:rgba(136,136,136,.2)}.n-rating__stars span:before,.n-rating__stars span:after{background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve' fill='rgb(231.2, 231.2, 231.2)'%3E %3Cg%3E %3Cpath d='M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242 c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545 c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z'/%3E %3C/g%3E %3C/svg%3E")}.n-rating--primary .n-rating__stars span:before{background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve' fill='%232F89FE'%3E %3Cg%3E %3Cpath d='M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242 c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545 c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z'/%3E %3C/g%3E %3C/svg%3E")}.n-rating--secondary .n-rating__stars span:before{background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve' fill='%23d31f9d'%3E %3Cg%3E %3Cpath d='M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242 c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545 c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z'/%3E %3C/g%3E %3C/svg%3E")}.n-rating--info .n-rating__stars span:before{background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve' fill='%234BD6F9'%3E %3Cg%3E %3Cpath d='M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242 c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545 c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z'/%3E %3C/g%3E %3C/svg%3E")}.n-rating--success .n-rating__stars span:before{background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve' fill='%2306C493'%3E %3Cg%3E %3Cpath d='M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242 c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545 c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z'/%3E %3C/g%3E %3C/svg%3E")}.n-rating--warning .n-rating__stars span:before{background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve' fill='%23FFBF3F'%3E %3Cg%3E %3Cpath d='M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242 c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545 c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z'/%3E %3C/g%3E %3C/svg%3E")}.n-rating--danger .n-rating__stars span:before{background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve' fill='%23F9536E'%3E %3Cg%3E %3Cpath d='M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242 c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545 c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z'/%3E %3C/g%3E %3C/svg%3E")}.n-slider__bar{background:rgb(231.2,231.2,231.2)}.n-slider.n-disabled .n-slider__range{background:#888}.n-slider__handle{background:#fff;box-shadow:0 0 4px rgba(0,0,0,.15)}.n-slider.n-disabled .n-slider__handle{border:6px solid #888}.n-slider__handle span{color:#fff;background:rgba(17,17,17,.8)}.n-slider--primary:not(.n-disabled) .n-slider__range{background:#2f89fe}.n-slider--primary:not(.n-disabled) .n-slider__handle{border:6px solid #2f89fe}.n-slider--secondary:not(.n-disabled) .n-slider__range{background:#d31f9d}.n-slider--secondary:not(.n-disabled) .n-slider__handle{border:6px solid #d31f9d}.n-slider--info:not(.n-disabled) .n-slider__range{background:#4bd6f9}.n-slider--info:not(.n-disabled) .n-slider__handle{border:6px solid #4bd6f9}.n-slider--success:not(.n-disabled) .n-slider__range{background:#06c493}.n-slider--success:not(.n-disabled) .n-slider__handle{border:6px solid #06c493}.n-slider--warning:not(.n-disabled) .n-slider__range{background:#ffbf3f}.n-slider--warning:not(.n-disabled) .n-slider__handle{border:6px solid #ffbf3f}.n-slider--danger:not(.n-disabled) .n-slider__range{background:#f9536e}.n-slider--danger:not(.n-disabled) .n-slider__handle{border:6px solid #f9536e}.n-drawer__backdrop{background:rgba(0,0,0,.6)}.n-drawer__frame{box-shadow:0 1px 5px 1px rgba(0,0,0,.2)}.n-drawer--default .n-drawer__frame{color:#111;background:#fff}.n-drawer--default .n-drawer__header{border-bottom:1px solid rgb(231.2,231.2,231.2);background:hsl(0,0%,97.6666666667%)}.n-drawer--default .n-drawer__footer{border-top:1px solid rgb(231.2,231.2,231.2);background:#fff}.n-preview-modal{background:rgba(17,17,17,.95);backdrop-filter:blur(10px);transition:opacity .3s}.n-preview-modal__close,.n-preview-modal__prev,.n-preview-modal__next{border-radius:500px;color:#fff;background:hsla(0,0%,100%,.25);transition:background .2s}.n-preview-modal__close:hover,.n-preview-modal__prev:hover,.n-preview-modal__next:hover{background:hsla(0,0%,100%,.35)}.n-preview-modal .n-preview-frame{background:rgba(0,0,0,0) !important}.n-demo{color:#111;background:#fff}input,textarea{outline:none !important}[class*=n-] input,[class*=n-] textarea{outline:none;color:#111}[class*=n-] input::-moz-placeholder, [class*=n-] textarea::-moz-placeholder{color:#111;opacity:.3}[class*=n-] input::placeholder,[class*=n-] textarea::placeholder{color:#111;opacity:.3}
@@ -1,133 +0,0 @@
1
- import { Any, Str, Obj, Dom } from "@kizmann/pico-js";
2
-
3
- class AlertFrame {
4
-
5
- el = null;
6
-
7
- text = '';
8
-
9
- icon = '';
10
-
11
- type = '';
12
-
13
- options = {};
14
-
15
- constructor(text, type = 'primary', options = {})
16
- {
17
- let defaultIcons = {
18
- iconPrimary: window.nano.Icons.info,
19
- iconSecondary: window.nano.Icons.info,
20
- iconSuccess: window.nano.Icons.success,
21
- iconWarning: window.nano.Icons.warning,
22
- iconDanger: window.nano.Icons.danger,
23
- iconInfo: window.nano.Icons.info
24
- };
25
-
26
- this.text = text;
27
- this.type = type;
28
-
29
- this.options = Obj.assign(this.options,
30
- defaultIcons, options);
31
-
32
- this.render();
33
- }
34
-
35
- getIcon()
36
- {
37
- return Obj.get(this.options,
38
- 'icon' + Str.ucfirst(this.type));
39
- }
40
-
41
- append(el = document.body)
42
- {
43
- this.el.appendTo(el);
44
-
45
- Dom.find(document.body).on('keydown', (event) => {
46
- if ( event.which === 27 ) {
47
- this.remove();
48
- }
49
- }, 'n-alert');
50
-
51
- setTimeout(() => this.el.addClass('n-active'), 100);
52
- }
53
-
54
- remove()
55
- {
56
- Dom.find(document.body).off('keydown', null, 'n-alert');
57
-
58
- this.el.get(0).remove();
59
- }
60
-
61
- render()
62
- {
63
- let classList = [
64
- 'n-alert-frame',
65
- 'n-alert-frame--' + this.type,
66
- 'n-alert-frame--' + Alert.size
67
- ];
68
-
69
- this.el = Dom.make('div', {
70
- classList: classList.join(' ')
71
- });
72
-
73
- let backdrop = Dom.make('div', {
74
- classList: 'n-alert-backdrop', onclick: () => this.remove()
75
- });
76
-
77
- backdrop.onClick = () => {
78
- this.remove();
79
- };
80
-
81
- backdrop.appendTo(this.el);
82
-
83
- let frame = Dom.make('div', {
84
- classList: 'n-alert'
85
- });
86
-
87
- frame.appendTo(this.el);
88
-
89
- let icon = Dom.make('div', {
90
- classList: 'n-alert__icon'
91
- });
92
-
93
- icon.appendTo(frame);
94
-
95
- let iconSpan = Dom.make('span', {
96
- classList: this.getIcon()
97
- });
98
-
99
- iconSpan.appendTo(icon);
100
-
101
- let text = Dom.make('div', {
102
- classList: 'n-alert__text'
103
- });
104
-
105
- text.html(this.text).appendTo(frame);
106
- }
107
-
108
- }
109
-
110
- export class Alert {
111
-
112
- static alias = 'Alert';
113
-
114
- static size = window.nano.Settings.notifySize;
115
-
116
- static alert = null;
117
-
118
- static handle(...args)
119
- {
120
- if ( ! Any.isEmpty(Alert.alert) ) {
121
- Alert.alert.remove();
122
- }
123
-
124
- Alert.alert = new AlertFrame(...args);
125
-
126
- Alert.alert.append();
127
-
128
- return Alert;
129
- }
130
-
131
- }
132
-
133
- export default Alert;
@@ -1,165 +0,0 @@
1
- import { UUID, Str, Obj, Dom } from "@kizmann/pico-js";
2
-
3
- class Notification {
4
-
5
- el = null;
6
-
7
- text = '';
8
-
9
- icon = '';
10
-
11
- type = '';
12
-
13
- options = {
14
- duration: 4500,
15
- };
16
-
17
- constructor(text, type = 'primary', options = {})
18
- {
19
- let defaultIcons = {
20
- iconPrimary: window.nano.Icons.info,
21
- iconSecondary: window.nano.Icons.info,
22
- iconSuccess: window.nano.Icons.success,
23
- iconWarning: window.nano.Icons.warning,
24
- iconDanger: window.nano.Icons.danger,
25
- iconInfo: window.nano.Icons.info
26
- };
27
-
28
- this.text = text;
29
- this.type = type;
30
-
31
- this.options = Obj.assign(this.options,
32
- defaultIcons, options);
33
-
34
- this.render();
35
- }
36
-
37
- getIcon()
38
- {
39
- return Obj.get(this.options,
40
- 'icon' + Str.ucfirst(this.type));
41
- }
42
-
43
- append(el = document.body)
44
- {
45
- this.el.appendTo(el);
46
-
47
- setTimeout(() => this.el.addClass('n-active'), 100);
48
-
49
- return this;
50
- }
51
-
52
- remove()
53
- {
54
- this.el.get(0).remove();
55
-
56
- return this;
57
- }
58
-
59
- render()
60
- {
61
- let classList = [
62
- 'n-notification',
63
- 'n-notification--' + this.type
64
- ];
65
-
66
- this.el = Dom.make('div', {
67
- classList: classList.join(' '), onclick: () => this.remove()
68
- });
69
-
70
-
71
- let icon = Dom.make('div', {
72
- classList: 'n-notification__icon'
73
- });
74
-
75
- icon.appendTo(this.el);
76
-
77
- let iconSpan = Dom.make('span', {
78
- classList: this.getIcon()
79
- });
80
-
81
- iconSpan.appendTo(icon);
82
-
83
- let text = Dom.make('div', {
84
- classList: 'n-notification__text'
85
- });
86
-
87
- text.html(this.text).appendTo(this.el);
88
- }
89
-
90
- }
91
-
92
- export class Notify {
93
-
94
- static alias = 'Notify';
95
-
96
- static size = window.nano.Settings.notifySize;
97
-
98
- static position = window.nano.Settings.notifyPosition;
99
-
100
- static notifications = {};
101
-
102
- static handle(...args)
103
- {
104
- let uid = Notify.create(undefined, ...args);
105
-
106
- let wrapper = Notify.getWrapper();
107
-
108
- // Append element to dom
109
- Notify.notifications[uid].append(wrapper);
110
-
111
- // Queue remove
112
- setTimeout(() => Notify.remove(uid),
113
- Notify.notifications[uid].options.duration);
114
-
115
- return uid;
116
- }
117
-
118
- static create(uid = UUID(), ...args)
119
- {
120
- Notify.notifications[uid] = new Notification(...args);
121
-
122
- return uid;
123
- }
124
-
125
- static remove(uid)
126
- {
127
- if ( Notify.notifications[uid] === undefined ) {
128
- return;
129
- }
130
-
131
- // Remove dom element
132
- Notify.notifications[uid].remove();
133
-
134
- // Remove from list
135
- delete Notify.notifications[uid];
136
- }
137
-
138
- static getWrapper()
139
- {
140
- if ( ! window.zIndex ) {
141
- window.zIndex = 9000;
142
- }
143
-
144
- let style = {
145
- 'z-index': window.zIndex + 100
146
- };
147
-
148
- let classList = [
149
- 'n-notification-frame',
150
- 'n-notification-frame--' + this.size,
151
- 'n-notification-frame--' + this.position
152
- ];
153
-
154
- if ( Dom.find('.n-notification-frame').empty() === true ) {
155
- Dom.make('div', { classList: classList.join(' ') }).appendTo(document.body);
156
- }
157
-
158
- Dom.find('.n-notification-frame').css(style);
159
-
160
- return Dom.find('.n-notification-frame');
161
- }
162
-
163
- }
164
-
165
- export default Notify;
@@ -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,10 +0,0 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
- viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
5
- <g>
6
- <path d="M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242
7
- c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545
8
- c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z"/>
9
- </g>
10
- </svg>