aril 0.0.44 → 0.0.46

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 (750) hide show
  1. package/.eslintrc.json +41 -0
  2. package/README.md +48 -48
  3. package/boot/config/api/{index.d.ts → index.ts} +1 -1
  4. package/boot/config/api/ng-package.json +6 -0
  5. package/boot/config/api/src/api.service.ts +57 -0
  6. package/boot/config/api/src/interfaces.ts +13 -0
  7. package/boot/config/apps/{index.d.ts → index.ts} +2 -2
  8. package/boot/config/apps/ng-package.json +6 -0
  9. package/boot/config/apps/src/apps.service.ts +64 -0
  10. package/boot/config/apps/src/interfaces.ts +27 -0
  11. package/boot/config/apps/src/showdowDOMWrapper.ts +28 -0
  12. package/boot/config/plugins/{index.d.ts → index.ts} +2 -2
  13. package/boot/config/plugins/ng-package.json +6 -0
  14. package/boot/config/plugins/src/getNgZone.ts +9 -0
  15. package/boot/config/plugins/src/interfaces.ts +11 -0
  16. package/boot/config/plugins/src/plugins.service.ts +82 -0
  17. package/boot/host/{index.d.ts → index.ts} +1 -1
  18. package/boot/host/ng-package.json +6 -0
  19. package/boot/host/src/app.component.ts +27 -0
  20. package/boot/host/src/bootstrap.ts +61 -0
  21. package/boot/index.ts +1 -0
  22. package/boot/mfe/{index.d.ts → index.ts} +1 -1
  23. package/boot/mfe/ng-package.json +6 -0
  24. package/boot/mfe/src/app.component.ts +57 -0
  25. package/boot/mfe/src/appComponentLoader.ts +4 -0
  26. package/boot/mfe/src/bootstrap.ts +78 -0
  27. package/boot/mfe/src/loadStyles.ts +19 -0
  28. package/boot/ng-package.json +6 -0
  29. package/http/{index.d.ts → index.ts} +13 -8
  30. package/http/lib/enums.ts +13 -0
  31. package/http/lib/interfaces.ts +38 -0
  32. package/http/ng-package.json +6 -0
  33. package/http/src/httpBackend.ts +12 -0
  34. package/http/src/httpClient.ts +20 -0
  35. package/http/src/interceptor/state-machine.interceptor.ts +9 -0
  36. package/http/src/serviceBase.ts +91 -0
  37. package/http/src/serviceMockBase.ts +12 -0
  38. package/http/src/serviceRequest.ts +26 -0
  39. package/http/src/serviceStateMethods.ts +155 -0
  40. package/i18n/{index.d.ts → index.ts} +5 -5
  41. package/i18n/ng-package.json +6 -0
  42. package/i18n/src/folder-name-token.ts +3 -0
  43. package/i18n/src/i18n.module.ts +11 -0
  44. package/i18n/src/loader.ts +16 -0
  45. package/i18n/src/provideI18n.ts +18 -0
  46. package/i18n/src/provideScope.ts +20 -0
  47. package/keycloak/{index.d.ts → index.ts} +3 -3
  48. package/keycloak/ng-package.json +6 -0
  49. package/keycloak/src/auth.guard.ts +37 -0
  50. package/keycloak/src/auth.interceptor.ts +13 -0
  51. package/keycloak/src/keycloak.manager.ts +89 -0
  52. package/ng-package.json +14 -0
  53. package/package.json +31 -314
  54. package/project.json +39 -0
  55. package/{public-api.d.ts → public-api.ts} +2 -2
  56. package/theme/index.ts +1 -1
  57. package/theme/layout/app/breadcrumb/app.breadcrumb.component.html +17 -10
  58. package/theme/layout/app/breadcrumb/app.breadcrumb.component.ts +50 -50
  59. package/theme/layout/app/config/app.config.component.html +142 -142
  60. package/theme/layout/app/config/app.config.component.ts +143 -143
  61. package/theme/layout/app/layout/app.layout.component.html +19 -19
  62. package/theme/layout/app/layout/app.layout.component.ts +170 -170
  63. package/theme/layout/app/layout/mfe.layout.component.ts +49 -49
  64. package/theme/layout/app/menu/app.menu.component.html +9 -9
  65. package/theme/layout/app/menu/app.menu.component.ts +356 -356
  66. package/theme/layout/app/menu/app.sub.menu.component.html +13 -13
  67. package/theme/layout/app/sidebar/app.sidebar.component.ts +44 -44
  68. package/theme/layout/app/topbar/app.topbar.component.html +1 -1
  69. package/theme/layout/index.ts +3 -3
  70. package/theme/layout/ng-package.json +6 -6
  71. package/theme/layout/service/menuchangeevent.ts +4 -4
  72. package/theme/ng-package.json +6 -6
  73. package/theme/styles/layout/_animation.scss +53 -53
  74. package/theme/styles/layout/_breadcrumb.scss +21 -21
  75. package/theme/styles/layout/_config.scss +42 -42
  76. package/theme/styles/layout/_content.scss +3 -3
  77. package/theme/styles/layout/_fonts.scss +40 -40
  78. package/theme/styles/layout/_layout_dark.scss +5 -5
  79. package/theme/styles/layout/_layout_dim.scss +5 -5
  80. package/theme/styles/layout/_layout_light.scss +5 -5
  81. package/theme/styles/layout/_main.scss +28 -28
  82. package/theme/styles/layout/_profile.scss +10 -10
  83. package/theme/styles/layout/_responsive.scss +111 -111
  84. package/theme/styles/layout/_sidebar_drawer.scss +234 -234
  85. package/theme/styles/layout/_sidebar_horizontal.scss +163 -163
  86. package/theme/styles/layout/_sidebar_reveal.scss +201 -201
  87. package/theme/styles/layout/_sidebar_slim.scss +144 -144
  88. package/theme/styles/layout/_sidebar_slim_plus.scss +162 -162
  89. package/theme/styles/layout/_sidebar_vertical.scss +153 -153
  90. package/theme/styles/layout/_typography.scss +68 -68
  91. package/theme/styles/layout/_utils.scss +24 -24
  92. package/theme/styles/layout/layout.scss +24 -24
  93. package/theme/styles/layout/menutheme/_colorscheme.scss +11 -11
  94. package/theme/styles/layout/menutheme/_menutheme.scss +3 -3
  95. package/theme/styles/layout/menutheme/_primarycolor.scss +16 -16
  96. package/theme/styles/layout/menutheme/_transparent.scss +26 -26
  97. package/theme/styles/layout/preloading.scss +84 -84
  98. package/theme/styles/theme/base/_colors.scss +17 -17
  99. package/theme/styles/theme/base/_common.scss +76 -76
  100. package/theme/styles/theme/base/_components.scss +106 -106
  101. package/theme/styles/theme/base/_mixins.scss +337 -337
  102. package/theme/styles/theme/base/components/button/_button.scss +576 -576
  103. package/theme/styles/theme/base/components/button/_speeddial.scss +96 -96
  104. package/theme/styles/theme/base/components/button/_splitbutton.scss +348 -348
  105. package/theme/styles/theme/base/components/data/_carousel.scss +37 -37
  106. package/theme/styles/theme/base/components/data/_datatable.scss +338 -338
  107. package/theme/styles/theme/base/components/data/_dataview.scss +46 -46
  108. package/theme/styles/theme/base/components/data/_filter.scss +137 -137
  109. package/theme/styles/theme/base/components/data/_orderlist.scss +114 -114
  110. package/theme/styles/theme/base/components/data/_organizationchart.scss +50 -50
  111. package/theme/styles/theme/base/components/data/_paginator.scss +92 -92
  112. package/theme/styles/theme/base/components/data/_picklist.scss +114 -114
  113. package/theme/styles/theme/base/components/data/_timeline.scss +35 -35
  114. package/theme/styles/theme/base/components/data/_tree.scss +150 -150
  115. package/theme/styles/theme/base/components/data/_treetable.scss +255 -255
  116. package/theme/styles/theme/base/components/data/_virtualscroller.scss +28 -28
  117. package/theme/styles/theme/base/components/file/_fileupload.scss +64 -64
  118. package/theme/styles/theme/base/components/input/_autocomplete.scss +136 -136
  119. package/theme/styles/theme/base/components/input/_calendar.scss +267 -267
  120. package/theme/styles/theme/base/components/input/_cascadeselect.scss +135 -135
  121. package/theme/styles/theme/base/components/input/_checkbox.scss +94 -94
  122. package/theme/styles/theme/base/components/input/_chips.scss +65 -65
  123. package/theme/styles/theme/base/components/input/_colorpicker.scss +19 -19
  124. package/theme/styles/theme/base/components/input/_dropdown.scss +151 -151
  125. package/theme/styles/theme/base/components/input/_editor.scss +122 -122
  126. package/theme/styles/theme/base/components/input/_inputgroup.scss +75 -75
  127. package/theme/styles/theme/base/components/input/_inputmask.scss +16 -16
  128. package/theme/styles/theme/base/components/input/_inputnumber.scss +28 -28
  129. package/theme/styles/theme/base/components/input/_inputswitch.scss +60 -60
  130. package/theme/styles/theme/base/components/input/_inputtext.scss +100 -100
  131. package/theme/styles/theme/base/components/input/_listbox.scss +97 -97
  132. package/theme/styles/theme/base/components/input/_multiselect.scss +177 -177
  133. package/theme/styles/theme/base/components/input/_password.scss +52 -52
  134. package/theme/styles/theme/base/components/input/_radiobutton.scss +78 -78
  135. package/theme/styles/theme/base/components/input/_rating.scss +60 -60
  136. package/theme/styles/theme/base/components/input/_selectbutton.scss +50 -50
  137. package/theme/styles/theme/base/components/input/_slider.scss +75 -75
  138. package/theme/styles/theme/base/components/input/_togglebutton.scss +48 -48
  139. package/theme/styles/theme/base/components/input/_treeselect.scss +139 -139
  140. package/theme/styles/theme/base/components/menu/_breadcrumb.scss +42 -42
  141. package/theme/styles/theme/base/components/menu/_contextmenu.scss +39 -39
  142. package/theme/styles/theme/base/components/menu/_dock.scss +95 -95
  143. package/theme/styles/theme/base/components/menu/_megamenu.scss +55 -55
  144. package/theme/styles/theme/base/components/menu/_menu.scss +37 -37
  145. package/theme/styles/theme/base/components/menu/_menubar.scss +140 -140
  146. package/theme/styles/theme/base/components/menu/_panelmenu.scss +153 -153
  147. package/theme/styles/theme/base/components/menu/_slidemenu.scss +59 -59
  148. package/theme/styles/theme/base/components/menu/_steps.scss +56 -56
  149. package/theme/styles/theme/base/components/menu/_tabmenu.scss +73 -73
  150. package/theme/styles/theme/base/components/menu/_tieredmenu.scss +43 -43
  151. package/theme/styles/theme/base/components/messages/_inlinemessage.scss +69 -69
  152. package/theme/styles/theme/base/components/messages/_message.scss +107 -107
  153. package/theme/styles/theme/base/components/messages/_toast.scss +99 -99
  154. package/theme/styles/theme/base/components/misc/_avatar.scss +30 -30
  155. package/theme/styles/theme/base/components/misc/_badge.scss +48 -48
  156. package/theme/styles/theme/base/components/misc/_chip.scss +42 -42
  157. package/theme/styles/theme/base/components/misc/_inplace.scss +16 -16
  158. package/theme/styles/theme/base/components/misc/_progressbar.scss +17 -17
  159. package/theme/styles/theme/base/components/misc/_scrolltop.scss +25 -25
  160. package/theme/styles/theme/base/components/misc/_skeleton.scss +8 -8
  161. package/theme/styles/theme/base/components/misc/_tag.scss +40 -40
  162. package/theme/styles/theme/base/components/misc/_terminal.scss +12 -12
  163. package/theme/styles/theme/base/components/multimedia/_galleria.scss +155 -155
  164. package/theme/styles/theme/base/components/multimedia/_image.scss +49 -49
  165. package/theme/styles/theme/base/components/overlay/_confirmpopup.scss +70 -70
  166. package/theme/styles/theme/base/components/overlay/_dialog.scss +69 -69
  167. package/theme/styles/theme/base/components/overlay/_overlaypanel.scss +62 -62
  168. package/theme/styles/theme/base/components/overlay/_sidebar.scss +27 -27
  169. package/theme/styles/theme/base/components/overlay/_tooltip.scss +33 -33
  170. package/theme/styles/theme/base/components/panel/_accordion.scss +119 -119
  171. package/theme/styles/theme/base/components/panel/_card.scss +30 -30
  172. package/theme/styles/theme/base/components/panel/_divider.scss +31 -31
  173. package/theme/styles/theme/base/components/panel/_fieldset.scss +47 -47
  174. package/theme/styles/theme/base/components/panel/_panel.scss +69 -63
  175. package/theme/styles/theme/base/components/panel/_scrollpanel.scss +6 -6
  176. package/theme/styles/theme/base/components/panel/_splitter.scss +19 -19
  177. package/theme/styles/theme/base/components/panel/_tabview.scss +82 -82
  178. package/theme/styles/theme/base/components/panel/_toolbar.scss +11 -11
  179. package/theme/styles/theme/dark/_extensions.scss +134 -134
  180. package/theme/styles/theme/dark/_variables.scss +918 -918
  181. package/theme/styles/theme/dark/blue/theme.scss +14 -14
  182. package/theme/styles/theme/dark/indigo/theme.scss +14 -14
  183. package/theme/styles/theme/light/_extensions.scss +116 -116
  184. package/theme/styles/theme/light/_variables.scss +911 -911
  185. package/theme/styles/theme/light/blue/theme.scss +14 -14
  186. package/theme/styles/theme/light/indigo/theme.scss +14 -14
  187. package/tsconfig.lib.json +12 -0
  188. package/tsconfig.lib.prod.json +10 -0
  189. package/tsconfig.spec.json +9 -0
  190. package/ui/autoComplete/{index.d.ts → index.ts} +1 -1
  191. package/ui/autoComplete/ng-package.json +6 -0
  192. package/ui/autoComplete/src/auto-complete.component.html +11 -0
  193. package/ui/autoComplete/src/auto-complete.component.ts +92 -0
  194. package/ui/autoComplete/src/interfaces.ts +30 -0
  195. package/ui/badge/{index.d.ts → index.ts} +1 -1
  196. package/ui/badge/ng-package.json +6 -0
  197. package/ui/badge/src/badge.component.html +3 -0
  198. package/ui/badge/src/badge.component.ts +19 -0
  199. package/ui/button/{index.d.ts → index.ts} +2 -2
  200. package/ui/button/ng-package.json +6 -0
  201. package/ui/button/src/button.component.html +10 -0
  202. package/ui/button/src/button.component.ts +43 -0
  203. package/ui/button/src/split-button.component.html +2 -0
  204. package/ui/button/src/split-button.component.ts +17 -0
  205. package/ui/calendar/{index.d.ts → index.ts} +1 -1
  206. package/ui/calendar/ng-package.json +6 -0
  207. package/ui/calendar/src/calendar.component.html +31 -0
  208. package/ui/calendar/src/calendar.component.ts +136 -0
  209. package/ui/checkbox/{index.d.ts → index.ts} +2 -2
  210. package/ui/checkbox/ng-package.json +6 -0
  211. package/ui/checkbox/src/check-box.component.html +9 -0
  212. package/ui/checkbox/src/check-box.component.ts +19 -0
  213. package/ui/checkbox/src/tri-state-checkbox.component.html +7 -0
  214. package/ui/checkbox/src/tri-state-checkbox.component.ts +20 -0
  215. package/ui/dxField/{index.d.ts → index.ts} +1 -1
  216. package/ui/dxField/ng-package.json +6 -0
  217. package/ui/dxField/src/dx-field.component.html +8 -0
  218. package/ui/dxField/src/dx-field.component.ts +16 -0
  219. package/ui/field/{index.d.ts → index.ts} +1 -1
  220. package/ui/field/ng-package.json +6 -0
  221. package/ui/field/src/field.component.html +22 -0
  222. package/ui/field/src/field.component.ts +46 -0
  223. package/ui/fileUpload/{index.d.ts → index.ts} +1 -1
  224. package/ui/fileUpload/ng-package.json +6 -0
  225. package/ui/fileUpload/src/file-upload.component.html +38 -0
  226. package/ui/fileUpload/src/file-upload.component.ts +72 -0
  227. package/ui/form/index.ts +18 -0
  228. package/ui/form/ng-package.json +6 -0
  229. package/ui/form/src/form-submit-button.component.html +12 -0
  230. package/ui/form/src/form-submit-button.component.ts +36 -0
  231. package/ui/form/src/form.component.ts +20 -0
  232. package/ui/index.ts +1 -0
  233. package/ui/lib/{index.d.ts → index.ts} +16 -11
  234. package/ui/lib/ng-package.json +6 -0
  235. package/ui/lib/src/form/form-error-message.component.ts +25 -0
  236. package/ui/lib/src/form/form-error-message.directive.ts +32 -0
  237. package/ui/lib/src/form/form-field-builder.ts +31 -0
  238. package/ui/lib/src/form/form-validation.ts +14 -0
  239. package/ui/lib/src/grid/flex-grid.directive.ts +10 -0
  240. package/ui/lib/src/input/baseInput.ts +30 -0
  241. package/ui/lib/src/input/common-input-validators.service.ts +57 -0
  242. package/ui/lib/src/input/dx-input-error-message.pipe.ts +16 -0
  243. package/ui/lib/src/input/input-disabled.directive.ts +15 -0
  244. package/ui/lib/src/input/input-error-message.pipe.ts +39 -0
  245. package/ui/lib/src/input/input-transforms.ts +11 -0
  246. package/ui/lib/src/input/value-accessor.directive.ts +27 -0
  247. package/ui/mask/{index.d.ts → index.ts} +1 -1
  248. package/ui/mask/ng-package.json +6 -0
  249. package/ui/mask/src/mask.component.css +23 -0
  250. package/ui/mask/src/mask.component.html +17 -0
  251. package/ui/mask/src/mask.component.ts +34 -0
  252. package/ui/ng-package.json +6 -0
  253. package/ui/number/{index.d.ts → index.ts} +1 -1
  254. package/ui/number/ng-package.json +6 -0
  255. package/ui/number/src/number.component.html +25 -0
  256. package/ui/number/src/number.component.ts +34 -0
  257. package/ui/overlayPanel/{index.d.ts → index.ts} +1 -1
  258. package/ui/overlayPanel/ng-package.json +6 -0
  259. package/ui/overlayPanel/src/overlay-panel.component.html +5 -0
  260. package/ui/overlayPanel/src/overlay-panel.component.ts +16 -0
  261. package/ui/panel/{index.d.ts → index.ts} +1 -1
  262. package/ui/panel/ng-package.json +6 -0
  263. package/ui/panel/src/panel.component.css +25 -0
  264. package/ui/panel/src/panel.component.html +38 -0
  265. package/ui/panel/src/panel.component.ts +24 -0
  266. package/ui/password/{index.d.ts → index.ts} +1 -1
  267. package/ui/password/ng-package.json +6 -0
  268. package/ui/password/src/password.component.html +24 -0
  269. package/ui/password/src/password.component.ts +22 -0
  270. package/ui/radioButton/{index.d.ts → index.ts} +1 -1
  271. package/ui/radioButton/ng-package.json +6 -0
  272. package/ui/radioButton/src/radio-button.component.html +17 -0
  273. package/ui/radioButton/src/radio-button.component.ts +36 -0
  274. package/ui/selectBox/{index.d.ts → index.ts} +1 -1
  275. package/ui/selectBox/ng-package.json +6 -0
  276. package/ui/selectBox/src/interfaces.ts +41 -0
  277. package/ui/selectBox/src/select-box.component.html +17 -0
  278. package/ui/selectBox/src/select-box.component.ts +69 -0
  279. package/{styles/ui → ui/styles}/ui.common.scss +24 -24
  280. package/ui/switch/{index.d.ts → index.ts} +1 -1
  281. package/ui/switch/ng-package.json +6 -0
  282. package/ui/switch/src/switch.component.html +7 -0
  283. package/ui/switch/src/switch.component.ts +18 -0
  284. package/ui/table/index.ts +34 -0
  285. package/ui/table/ng-package.json +6 -0
  286. package/ui/table/src/i18n.ts +55 -0
  287. package/ui/table/src/table-column.component.ts +28 -0
  288. package/ui/table/src/table.component.html +136 -0
  289. package/ui/table/src/table.component.ts +99 -0
  290. package/ui/tagBox/{index.d.ts → index.ts} +1 -1
  291. package/ui/tagBox/ng-package.json +6 -0
  292. package/ui/tagBox/src/tag-box.component.html +21 -0
  293. package/ui/tagBox/src/tag-box.component.ts +53 -0
  294. package/ui/text/{index.d.ts → index.ts} +1 -1
  295. package/ui/text/ng-package.json +6 -0
  296. package/ui/text/src/text.component.html +21 -0
  297. package/ui/text/src/text.component.ts +47 -0
  298. package/ui/textArea/{index.d.ts → index.ts} +1 -1
  299. package/ui/textArea/ng-package.json +6 -0
  300. package/ui/textArea/src/text-area.component.html +11 -0
  301. package/ui/textArea/src/text-area.component.ts +21 -0
  302. package/ui/toggle-button/index.ts +1 -0
  303. package/ui/toggle-button/ng-package.json +6 -0
  304. package/ui/toggle-button/src/toggle-button.component.html +13 -0
  305. package/ui/toggle-button/src/toggle-button.component.scss +19 -0
  306. package/ui/toggle-button/src/toggle-button.component.ts +22 -0
  307. package/ui/tree/{index.d.ts → index.ts} +1 -1
  308. package/ui/tree/ng-package.json +6 -0
  309. package/ui/tree/src/tree.component.html +16 -0
  310. package/ui/tree/src/tree.component.ts +52 -0
  311. package/ui/treeTable/{index.d.ts → index.ts} +1 -1
  312. package/ui/treeTable/ng-package.json +6 -0
  313. package/ui/treeTable/src/tree-table.component.html +88 -0
  314. package/ui/treeTable/src/tree-table.component.ts +57 -0
  315. package/ui/value/{index.d.ts → index.ts} +1 -1
  316. package/ui/value/ng-package.json +6 -0
  317. package/ui/value/src/value.component.html +19 -0
  318. package/ui/value/src/value.component.ts +39 -0
  319. package/util/block/{index.d.ts → index.ts} +1 -1
  320. package/util/block/ng-package.json +6 -0
  321. package/util/block/src/block.ts +65 -0
  322. package/util/custom_pages/{index.d.ts → index.ts} +1 -1
  323. package/util/custom_pages/ng-package.json +6 -0
  324. package/util/custom_pages/src/notFound.component.ts +34 -0
  325. package/util/index.ts +1 -0
  326. package/util/init-event/{index.d.ts → index.ts} +1 -1
  327. package/util/init-event/ng-package.json +6 -0
  328. package/util/init-event/src/init-event.directive.ts +13 -0
  329. package/util/lib/{index.d.ts → index.ts} +3 -3
  330. package/util/lib/ng-package.json +6 -0
  331. package/util/lib/src/interfaces.ts +44 -0
  332. package/util/lib/src/module-router.ts +10 -0
  333. package/util/lib/src/types.ts +49 -0
  334. package/util/loaders/{index.d.ts → index.ts} +2 -2
  335. package/util/loaders/ng-package.json +6 -0
  336. package/util/loaders/script/script.loader.service.ts +69 -0
  337. package/util/loaders/style/style.loader.service.ts +69 -0
  338. package/util/ng-package.json +6 -0
  339. package/util/primitive-extensions/{index.d.ts → index.ts} +4 -4
  340. package/util/primitive-extensions/ng-package.json +6 -0
  341. package/util/primitive-extensions/src/{boolean.extensions.d.ts → boolean.extensions.ts} +1 -1
  342. package/util/primitive-extensions/src/date.extensions.ts +135 -0
  343. package/util/primitive-extensions/src/number.extensions.ts +57 -0
  344. package/util/primitive-extensions/src/string.extensions.ts +39 -0
  345. package/util/pub-sub/{index.d.ts → index.ts} +1 -1
  346. package/util/pub-sub/ng-package.json +6 -0
  347. package/util/pub-sub/src/pub-sub.service.ts +34 -0
  348. package/boot/config/api/src/api.service.d.ts +0 -14
  349. package/boot/config/api/src/interfaces.d.ts +0 -9
  350. package/boot/config/apps/src/apps.service.d.ts +0 -16
  351. package/boot/config/apps/src/interfaces.d.ts +0 -23
  352. package/boot/config/apps/src/showdowDOMWrapper.d.ts +0 -10
  353. package/boot/config/plugins/src/getNgZone.d.ts +0 -5
  354. package/boot/config/plugins/src/interfaces.d.ts +0 -18
  355. package/boot/config/plugins/src/plugins.service.d.ts +0 -9
  356. package/boot/host/src/app.component.d.ts +0 -8
  357. package/boot/host/src/bootstrap.d.ts +0 -2
  358. package/boot/index.d.ts +0 -1
  359. package/boot/mfe/src/app.component.d.ts +0 -12
  360. package/boot/mfe/src/appComponentLoader.d.ts +0 -1
  361. package/boot/mfe/src/bootstrap.d.ts +0 -6
  362. package/boot/mfe/src/loadStyles.d.ts +0 -3
  363. package/esm2022/aril.mjs +0 -5
  364. package/esm2022/boot/aril-boot.mjs +0 -5
  365. package/esm2022/boot/config/api/aril-boot-config-api.mjs +0 -5
  366. package/esm2022/boot/config/api/index.mjs +0 -2
  367. package/esm2022/boot/config/api/src/api.service.mjs +0 -42
  368. package/esm2022/boot/config/api/src/interfaces.mjs +0 -11
  369. package/esm2022/boot/config/apps/aril-boot-config-apps.mjs +0 -5
  370. package/esm2022/boot/config/apps/index.mjs +0 -3
  371. package/esm2022/boot/config/apps/src/apps.service.mjs +0 -51
  372. package/esm2022/boot/config/apps/src/interfaces.mjs +0 -17
  373. package/esm2022/boot/config/apps/src/showdowDOMWrapper.mjs +0 -35
  374. package/esm2022/boot/config/plugins/aril-boot-config-plugins.mjs +0 -5
  375. package/esm2022/boot/config/plugins/index.mjs +0 -3
  376. package/esm2022/boot/config/plugins/src/getNgZone.mjs +0 -12
  377. package/esm2022/boot/config/plugins/src/interfaces.mjs +0 -3
  378. package/esm2022/boot/config/plugins/src/plugins.service.mjs +0 -65
  379. package/esm2022/boot/host/aril-boot-host.mjs +0 -5
  380. package/esm2022/boot/host/index.mjs +0 -2
  381. package/esm2022/boot/host/src/app.component.mjs +0 -32
  382. package/esm2022/boot/host/src/bootstrap.mjs +0 -50
  383. package/esm2022/boot/index.mjs +0 -2
  384. package/esm2022/boot/mfe/aril-boot-mfe.mjs +0 -5
  385. package/esm2022/boot/mfe/index.mjs +0 -2
  386. package/esm2022/boot/mfe/src/app.component.mjs +0 -60
  387. package/esm2022/boot/mfe/src/appComponentLoader.mjs +0 -5
  388. package/esm2022/boot/mfe/src/bootstrap.mjs +0 -64
  389. package/esm2022/boot/mfe/src/loadStyles.mjs +0 -16
  390. package/esm2022/http/aril-http.mjs +0 -5
  391. package/esm2022/http/index.mjs +0 -12
  392. package/esm2022/http/lib/enums.mjs +0 -16
  393. package/esm2022/http/lib/interfaces.mjs +0 -15
  394. package/esm2022/http/src/httpBackend.mjs +0 -17
  395. package/esm2022/http/src/httpClient.mjs +0 -14
  396. package/esm2022/http/src/interceptor/state-machine.interceptor.mjs +0 -8
  397. package/esm2022/http/src/serviceBase.mjs +0 -58
  398. package/esm2022/http/src/serviceMockBase.mjs +0 -5
  399. package/esm2022/http/src/serviceRequest.mjs +0 -21
  400. package/esm2022/http/src/serviceStateMethods.mjs +0 -119
  401. package/esm2022/i18n/aril-i18n.mjs +0 -5
  402. package/esm2022/i18n/index.mjs +0 -6
  403. package/esm2022/i18n/src/folder-name-token.mjs +0 -3
  404. package/esm2022/i18n/src/i18n.module.mjs +0 -17
  405. package/esm2022/i18n/src/loader.mjs +0 -20
  406. package/esm2022/i18n/src/provideI18n.mjs +0 -16
  407. package/esm2022/i18n/src/provideScope.mjs +0 -18
  408. package/esm2022/keycloak/aril-keycloak.mjs +0 -5
  409. package/esm2022/keycloak/index.mjs +0 -4
  410. package/esm2022/keycloak/src/auth.guard.mjs +0 -39
  411. package/esm2022/keycloak/src/auth.interceptor.mjs +0 -10
  412. package/esm2022/keycloak/src/keycloak.manager.mjs +0 -76
  413. package/esm2022/public-api.mjs +0 -3
  414. package/esm2022/theme/aril-theme.mjs +0 -5
  415. package/esm2022/theme/index.mjs +0 -2
  416. package/esm2022/theme/layout/app/breadcrumb/app.breadcrumb.component.mjs +0 -41
  417. package/esm2022/theme/layout/app/config/app.config.component.mjs +0 -132
  418. package/esm2022/theme/layout/app/layout/app.layout.component.mjs +0 -147
  419. package/esm2022/theme/layout/app/layout/mfe.layout.component.mjs +0 -67
  420. package/esm2022/theme/layout/app/menu/app.menu.component.mjs +0 -398
  421. package/esm2022/theme/layout/app/profileSidebar/app.profilesidebar.component.mjs +0 -28
  422. package/esm2022/theme/layout/app/sidebar/app.sidebar.component.mjs +0 -41
  423. package/esm2022/theme/layout/app/topbar/app.topbar.component.mjs +0 -34
  424. package/esm2022/theme/layout/aril-theme-layout.mjs +0 -5
  425. package/esm2022/theme/layout/index.mjs +0 -4
  426. package/esm2022/theme/layout/service/app.layout.service.mjs +0 -127
  427. package/esm2022/theme/layout/service/app.menu.service.mjs +0 -53
  428. package/esm2022/theme/layout/service/menuchangeevent.mjs +0 -2
  429. package/esm2022/ui/aril-ui.mjs +0 -5
  430. package/esm2022/ui/autoComplete/aril-ui-autoComplete.mjs +0 -5
  431. package/esm2022/ui/autoComplete/index.mjs +0 -2
  432. package/esm2022/ui/autoComplete/src/auto-complete.component.mjs +0 -71
  433. package/esm2022/ui/autoComplete/src/interfaces.mjs +0 -2
  434. package/esm2022/ui/badge/aril-ui-badge.mjs +0 -5
  435. package/esm2022/ui/badge/index.mjs +0 -2
  436. package/esm2022/ui/badge/src/badge.component.mjs +0 -19
  437. package/esm2022/ui/button/aril-ui-button.mjs +0 -5
  438. package/esm2022/ui/button/index.mjs +0 -3
  439. package/esm2022/ui/button/src/button.component.mjs +0 -37
  440. package/esm2022/ui/button/src/split-button.component.mjs +0 -18
  441. package/esm2022/ui/calendar/aril-ui-calendar.mjs +0 -5
  442. package/esm2022/ui/calendar/index.mjs +0 -2
  443. package/esm2022/ui/calendar/src/calendar.component.mjs +0 -115
  444. package/esm2022/ui/checkbox/aril-ui-checkbox.mjs +0 -5
  445. package/esm2022/ui/checkbox/index.mjs +0 -3
  446. package/esm2022/ui/checkbox/src/check-box.component.mjs +0 -24
  447. package/esm2022/ui/checkbox/src/tri-state-checkbox.component.mjs +0 -24
  448. package/esm2022/ui/dxField/aril-ui-dxField.mjs +0 -5
  449. package/esm2022/ui/dxField/index.mjs +0 -2
  450. package/esm2022/ui/dxField/src/dx-field.component.mjs +0 -18
  451. package/esm2022/ui/field/aril-ui-field.mjs +0 -5
  452. package/esm2022/ui/field/index.mjs +0 -2
  453. package/esm2022/ui/field/src/field.component.mjs +0 -39
  454. package/esm2022/ui/fileUpload/aril-ui-fileUpload.mjs +0 -5
  455. package/esm2022/ui/fileUpload/index.mjs +0 -2
  456. package/esm2022/ui/fileUpload/src/file-upload.component.mjs +0 -61
  457. package/esm2022/ui/form/aril-ui-form.mjs +0 -5
  458. package/esm2022/ui/form/index.mjs +0 -22
  459. package/esm2022/ui/form/src/form-submit-button.component.mjs +0 -40
  460. package/esm2022/ui/form/src/form.component.mjs +0 -27
  461. package/esm2022/ui/index.mjs +0 -2
  462. package/esm2022/ui/lib/aril-ui-lib.mjs +0 -5
  463. package/esm2022/ui/lib/index.mjs +0 -15
  464. package/esm2022/ui/lib/src/form/form-error-message.component.mjs +0 -33
  465. package/esm2022/ui/lib/src/form/form-error-message.directive.mjs +0 -34
  466. package/esm2022/ui/lib/src/form/form-field-builder.mjs +0 -23
  467. package/esm2022/ui/lib/src/form/form-validation.mjs +0 -14
  468. package/esm2022/ui/lib/src/grid/flex-grid.directive.mjs +0 -21
  469. package/esm2022/ui/lib/src/input/baseInput.mjs +0 -24
  470. package/esm2022/ui/lib/src/input/common-input-validators.service.mjs +0 -49
  471. package/esm2022/ui/lib/src/input/dx-input-error-message.pipe.mjs +0 -22
  472. package/esm2022/ui/lib/src/input/input-disabled.directive.mjs +0 -25
  473. package/esm2022/ui/lib/src/input/input-error-message.pipe.mjs +0 -42
  474. package/esm2022/ui/lib/src/input/input-transforms.mjs +0 -8
  475. package/esm2022/ui/lib/src/input/value-accessor.directive.mjs +0 -38
  476. package/esm2022/ui/mask/aril-ui-mask.mjs +0 -5
  477. package/esm2022/ui/mask/index.mjs +0 -2
  478. package/esm2022/ui/mask/src/mask.component.mjs +0 -35
  479. package/esm2022/ui/number/aril-ui-number.mjs +0 -5
  480. package/esm2022/ui/number/index.mjs +0 -2
  481. package/esm2022/ui/number/src/number.component.mjs +0 -36
  482. package/esm2022/ui/overlayPanel/aril-ui-overlayPanel.mjs +0 -5
  483. package/esm2022/ui/overlayPanel/index.mjs +0 -2
  484. package/esm2022/ui/overlayPanel/src/overlay-panel.component.mjs +0 -20
  485. package/esm2022/ui/panel/aril-ui-panel.mjs +0 -5
  486. package/esm2022/ui/panel/index.mjs +0 -2
  487. package/esm2022/ui/panel/src/panel.component.mjs +0 -24
  488. package/esm2022/ui/password/aril-ui-password.mjs +0 -5
  489. package/esm2022/ui/password/index.mjs +0 -2
  490. package/esm2022/ui/password/src/password.component.mjs +0 -29
  491. package/esm2022/ui/radioButton/aril-ui-radioButton.mjs +0 -5
  492. package/esm2022/ui/radioButton/index.mjs +0 -2
  493. package/esm2022/ui/radioButton/src/radio-button.component.mjs +0 -30
  494. package/esm2022/ui/selectBox/aril-ui-selectBox.mjs +0 -5
  495. package/esm2022/ui/selectBox/index.mjs +0 -2
  496. package/esm2022/ui/selectBox/src/interfaces.mjs +0 -2
  497. package/esm2022/ui/selectBox/src/select-box.component.mjs +0 -54
  498. package/esm2022/ui/switch/aril-ui-switch.mjs +0 -5
  499. package/esm2022/ui/switch/index.mjs +0 -2
  500. package/esm2022/ui/switch/src/switch.component.mjs +0 -23
  501. package/esm2022/ui/table/aril-ui-table.mjs +0 -5
  502. package/esm2022/ui/table/index.mjs +0 -49
  503. package/esm2022/ui/table/src/i18n.mjs +0 -56
  504. package/esm2022/ui/table/src/table-column.component.mjs +0 -23
  505. package/esm2022/ui/table/src/table.component.mjs +0 -88
  506. package/esm2022/ui/tagBox/aril-ui-tagBox.mjs +0 -5
  507. package/esm2022/ui/tagBox/index.mjs +0 -2
  508. package/esm2022/ui/tagBox/src/tag-box.component.mjs +0 -50
  509. package/esm2022/ui/text/aril-ui-text.mjs +0 -5
  510. package/esm2022/ui/text/index.mjs +0 -2
  511. package/esm2022/ui/text/src/text.component.mjs +0 -40
  512. package/esm2022/ui/textArea/aril-ui-textArea.mjs +0 -5
  513. package/esm2022/ui/textArea/index.mjs +0 -2
  514. package/esm2022/ui/textArea/src/text-area.component.mjs +0 -26
  515. package/esm2022/ui/toggle-button/aril-ui-toggle-button.mjs +0 -5
  516. package/esm2022/ui/toggle-button/index.mjs +0 -2
  517. package/esm2022/ui/toggle-button/src/toggle-button.component.mjs +0 -25
  518. package/esm2022/ui/tree/aril-ui-tree.mjs +0 -5
  519. package/esm2022/ui/tree/index.mjs +0 -2
  520. package/esm2022/ui/tree/src/tree.component.mjs +0 -34
  521. package/esm2022/ui/treeTable/aril-ui-treeTable.mjs +0 -5
  522. package/esm2022/ui/treeTable/index.mjs +0 -2
  523. package/esm2022/ui/treeTable/src/tree-table.component.mjs +0 -55
  524. package/esm2022/ui/value/aril-ui-value.mjs +0 -5
  525. package/esm2022/ui/value/index.mjs +0 -2
  526. package/esm2022/ui/value/src/value.component.mjs +0 -35
  527. package/esm2022/util/aril-util.mjs +0 -5
  528. package/esm2022/util/block/aril-util-block.mjs +0 -5
  529. package/esm2022/util/block/index.mjs +0 -2
  530. package/esm2022/util/block/src/block.mjs +0 -64
  531. package/esm2022/util/custom_pages/aril-util-custom_pages.mjs +0 -5
  532. package/esm2022/util/custom_pages/index.mjs +0 -2
  533. package/esm2022/util/custom_pages/src/notFound.component.mjs +0 -65
  534. package/esm2022/util/index.mjs +0 -2
  535. package/esm2022/util/init-event/aril-util-init-event.mjs +0 -5
  536. package/esm2022/util/init-event/index.mjs +0 -2
  537. package/esm2022/util/init-event/src/init-event.directive.mjs +0 -22
  538. package/esm2022/util/lib/aril-util-lib.mjs +0 -5
  539. package/esm2022/util/lib/index.mjs +0 -4
  540. package/esm2022/util/lib/src/interfaces.mjs +0 -4
  541. package/esm2022/util/lib/src/module-router.mjs +0 -17
  542. package/esm2022/util/lib/src/types.mjs +0 -3
  543. package/esm2022/util/loaders/aril-util-loaders.mjs +0 -5
  544. package/esm2022/util/loaders/index.mjs +0 -3
  545. package/esm2022/util/loaders/script/script.loader.service.mjs +0 -61
  546. package/esm2022/util/loaders/style/style.loader.service.mjs +0 -61
  547. package/esm2022/util/primitive-extensions/aril-util-primitive-extensions.mjs +0 -5
  548. package/esm2022/util/primitive-extensions/index.mjs +0 -5
  549. package/esm2022/util/primitive-extensions/src/boolean.extensions.mjs +0 -2
  550. package/esm2022/util/primitive-extensions/src/date.extensions.mjs +0 -116
  551. package/esm2022/util/primitive-extensions/src/number.extensions.mjs +0 -39
  552. package/esm2022/util/primitive-extensions/src/string.extensions.mjs +0 -23
  553. package/esm2022/util/pub-sub/aril-util-pub-sub.mjs +0 -5
  554. package/esm2022/util/pub-sub/index.mjs +0 -2
  555. package/esm2022/util/pub-sub/src/pub-sub.service.mjs +0 -29
  556. package/fesm2022/aril-app.component-dMGRlhy4.mjs +0 -76
  557. package/fesm2022/aril-app.component-dMGRlhy4.mjs.map +0 -1
  558. package/fesm2022/aril-boot-config-api.mjs +0 -59
  559. package/fesm2022/aril-boot-config-api.mjs.map +0 -1
  560. package/fesm2022/aril-boot-config-apps.mjs +0 -106
  561. package/fesm2022/aril-boot-config-apps.mjs.map +0 -1
  562. package/fesm2022/aril-boot-config-plugins.mjs +0 -84
  563. package/fesm2022/aril-boot-config-plugins.mjs.map +0 -1
  564. package/fesm2022/aril-boot-host.mjs +0 -86
  565. package/fesm2022/aril-boot-host.mjs.map +0 -1
  566. package/fesm2022/aril-boot-mfe-app.component-DpjkfQLt.mjs +0 -75
  567. package/fesm2022/aril-boot-mfe-app.component-DpjkfQLt.mjs.map +0 -1
  568. package/fesm2022/aril-boot-mfe-aril-boot-mfe-QV9dIrGu.mjs +0 -90
  569. package/fesm2022/aril-boot-mfe-aril-boot-mfe-QV9dIrGu.mjs.map +0 -1
  570. package/fesm2022/aril-boot-mfe.mjs +0 -16
  571. package/fesm2022/aril-boot-mfe.mjs.map +0 -1
  572. package/fesm2022/aril-boot.mjs +0 -8
  573. package/fesm2022/aril-boot.mjs.map +0 -1
  574. package/fesm2022/aril-http.mjs +0 -272
  575. package/fesm2022/aril-http.mjs.map +0 -1
  576. package/fesm2022/aril-i18n.mjs +0 -72
  577. package/fesm2022/aril-i18n.mjs.map +0 -1
  578. package/fesm2022/aril-keycloak.mjs +0 -129
  579. package/fesm2022/aril-keycloak.mjs.map +0 -1
  580. package/fesm2022/aril-theme-layout.mjs +0 -1010
  581. package/fesm2022/aril-theme-layout.mjs.map +0 -1
  582. package/fesm2022/aril-theme.mjs +0 -8
  583. package/fesm2022/aril-theme.mjs.map +0 -1
  584. package/fesm2022/aril-ui-autoComplete.mjs +0 -78
  585. package/fesm2022/aril-ui-autoComplete.mjs.map +0 -1
  586. package/fesm2022/aril-ui-badge.mjs +0 -26
  587. package/fesm2022/aril-ui-badge.mjs.map +0 -1
  588. package/fesm2022/aril-ui-button.mjs +0 -59
  589. package/fesm2022/aril-ui-button.mjs.map +0 -1
  590. package/fesm2022/aril-ui-calendar.mjs +0 -121
  591. package/fesm2022/aril-ui-calendar.mjs.map +0 -1
  592. package/fesm2022/aril-ui-checkbox.mjs +0 -47
  593. package/fesm2022/aril-ui-checkbox.mjs.map +0 -1
  594. package/fesm2022/aril-ui-dxField.mjs +0 -25
  595. package/fesm2022/aril-ui-dxField.mjs.map +0 -1
  596. package/fesm2022/aril-ui-field.mjs +0 -46
  597. package/fesm2022/aril-ui-field.mjs.map +0 -1
  598. package/fesm2022/aril-ui-fileUpload.mjs +0 -68
  599. package/fesm2022/aril-ui-fileUpload.mjs.map +0 -1
  600. package/fesm2022/aril-ui-form.mjs +0 -86
  601. package/fesm2022/aril-ui-form.mjs.map +0 -1
  602. package/fesm2022/aril-ui-lib.mjs +0 -322
  603. package/fesm2022/aril-ui-lib.mjs.map +0 -1
  604. package/fesm2022/aril-ui-mask.mjs +0 -42
  605. package/fesm2022/aril-ui-mask.mjs.map +0 -1
  606. package/fesm2022/aril-ui-number.mjs +0 -43
  607. package/fesm2022/aril-ui-number.mjs.map +0 -1
  608. package/fesm2022/aril-ui-overlayPanel.mjs +0 -27
  609. package/fesm2022/aril-ui-overlayPanel.mjs.map +0 -1
  610. package/fesm2022/aril-ui-panel.mjs +0 -31
  611. package/fesm2022/aril-ui-panel.mjs.map +0 -1
  612. package/fesm2022/aril-ui-password.mjs +0 -36
  613. package/fesm2022/aril-ui-password.mjs.map +0 -1
  614. package/fesm2022/aril-ui-radioButton.mjs +0 -37
  615. package/fesm2022/aril-ui-radioButton.mjs.map +0 -1
  616. package/fesm2022/aril-ui-selectBox.mjs +0 -61
  617. package/fesm2022/aril-ui-selectBox.mjs.map +0 -1
  618. package/fesm2022/aril-ui-switch.mjs +0 -30
  619. package/fesm2022/aril-ui-switch.mjs.map +0 -1
  620. package/fesm2022/aril-ui-table.mjs +0 -213
  621. package/fesm2022/aril-ui-table.mjs.map +0 -1
  622. package/fesm2022/aril-ui-tagBox.mjs +0 -57
  623. package/fesm2022/aril-ui-tagBox.mjs.map +0 -1
  624. package/fesm2022/aril-ui-text.mjs +0 -47
  625. package/fesm2022/aril-ui-text.mjs.map +0 -1
  626. package/fesm2022/aril-ui-textArea.mjs +0 -33
  627. package/fesm2022/aril-ui-textArea.mjs.map +0 -1
  628. package/fesm2022/aril-ui-toggle-button.mjs +0 -32
  629. package/fesm2022/aril-ui-toggle-button.mjs.map +0 -1
  630. package/fesm2022/aril-ui-tree.mjs +0 -41
  631. package/fesm2022/aril-ui-tree.mjs.map +0 -1
  632. package/fesm2022/aril-ui-treeTable.mjs +0 -62
  633. package/fesm2022/aril-ui-treeTable.mjs.map +0 -1
  634. package/fesm2022/aril-ui-value.mjs +0 -42
  635. package/fesm2022/aril-ui-value.mjs.map +0 -1
  636. package/fesm2022/aril-ui.mjs +0 -8
  637. package/fesm2022/aril-ui.mjs.map +0 -1
  638. package/fesm2022/aril-util-block.mjs +0 -71
  639. package/fesm2022/aril-util-block.mjs.map +0 -1
  640. package/fesm2022/aril-util-custom_pages.mjs +0 -72
  641. package/fesm2022/aril-util-custom_pages.mjs.map +0 -1
  642. package/fesm2022/aril-util-init-event.mjs +0 -29
  643. package/fesm2022/aril-util-init-event.mjs.map +0 -1
  644. package/fesm2022/aril-util-lib.mjs +0 -29
  645. package/fesm2022/aril-util-lib.mjs.map +0 -1
  646. package/fesm2022/aril-util-loaders.mjs +0 -126
  647. package/fesm2022/aril-util-loaders.mjs.map +0 -1
  648. package/fesm2022/aril-util-primitive-extensions.mjs +0 -179
  649. package/fesm2022/aril-util-primitive-extensions.mjs.map +0 -1
  650. package/fesm2022/aril-util-pub-sub.mjs +0 -36
  651. package/fesm2022/aril-util-pub-sub.mjs.map +0 -1
  652. package/fesm2022/aril-util.mjs +0 -8
  653. package/fesm2022/aril-util.mjs.map +0 -1
  654. package/fesm2022/aril.mjs +0 -157
  655. package/fesm2022/aril.mjs.map +0 -1
  656. package/http/lib/enums.d.ts +0 -13
  657. package/http/lib/interfaces.d.ts +0 -21
  658. package/http/src/httpBackend.d.ts +0 -8
  659. package/http/src/httpClient.d.ts +0 -8
  660. package/http/src/interceptor/state-machine.interceptor.d.ts +0 -2
  661. package/http/src/serviceBase.d.ts +0 -5
  662. package/http/src/serviceMockBase.d.ts +0 -6
  663. package/http/src/serviceRequest.d.ts +0 -4
  664. package/http/src/serviceStateMethods.d.ts +0 -13
  665. package/i18n/src/folder-name-token.d.ts +0 -2
  666. package/i18n/src/i18n.module.d.ts +0 -7
  667. package/i18n/src/loader.d.ts +0 -9
  668. package/i18n/src/provideI18n.d.ts +0 -2
  669. package/i18n/src/provideScope.d.ts +0 -5
  670. package/index.d.ts +0 -5
  671. package/keycloak/src/auth.guard.d.ts +0 -11
  672. package/keycloak/src/auth.interceptor.d.ts +0 -2
  673. package/keycloak/src/keycloak.manager.d.ts +0 -25
  674. package/theme/index.d.ts +0 -1
  675. package/theme/layout/app/breadcrumb/app.breadcrumb.component.d.ts +0 -16
  676. package/theme/layout/app/config/app.config.component.d.ts +0 -36
  677. package/theme/layout/app/layout/app.layout.component.d.ts +0 -48
  678. package/theme/layout/app/layout/mfe.layout.component.d.ts +0 -8
  679. package/theme/layout/app/menu/app.menu.component.d.ts +0 -50
  680. package/theme/layout/app/profileSidebar/app.profilesidebar.component.d.ts +0 -13
  681. package/theme/layout/app/sidebar/app.sidebar.component.d.ts +0 -15
  682. package/theme/layout/app/topbar/app.topbar.component.d.ts +0 -16
  683. package/theme/layout/index.d.ts +0 -3
  684. package/theme/layout/service/app.layout.service.d.ts +0 -51
  685. package/theme/layout/service/app.menu.service.d.ts +0 -23
  686. package/theme/layout/service/menuchangeevent.d.ts +0 -4
  687. package/ui/autoComplete/src/auto-complete.component.d.ts +0 -21
  688. package/ui/autoComplete/src/interfaces.d.ts +0 -24
  689. package/ui/badge/src/badge.component.d.ts +0 -11
  690. package/ui/button/src/button.component.d.ts +0 -24
  691. package/ui/button/src/split-button.component.d.ts +0 -8
  692. package/ui/calendar/src/calendar.component.d.ts +0 -37
  693. package/ui/checkbox/src/check-box.component.d.ts +0 -9
  694. package/ui/checkbox/src/tri-state-checkbox.component.d.ts +0 -9
  695. package/ui/dxField/src/dx-field.component.d.ts +0 -9
  696. package/ui/field/src/field.component.d.ts +0 -25
  697. package/ui/fileUpload/src/file-upload.component.d.ts +0 -47
  698. package/ui/form/index.d.ts +0 -11
  699. package/ui/form/src/form-submit-button.component.d.ts +0 -14
  700. package/ui/form/src/form.component.d.ts +0 -8
  701. package/ui/index.d.ts +0 -1
  702. package/ui/lib/src/form/form-error-message.component.d.ts +0 -9
  703. package/ui/lib/src/form/form-error-message.directive.d.ts +0 -14
  704. package/ui/lib/src/form/form-field-builder.d.ts +0 -8
  705. package/ui/lib/src/form/form-validation.d.ts +0 -2
  706. package/ui/lib/src/grid/flex-grid.directive.d.ts +0 -6
  707. package/ui/lib/src/input/baseInput.d.ts +0 -7
  708. package/ui/lib/src/input/common-input-validators.service.d.ts +0 -20
  709. package/ui/lib/src/input/dx-input-error-message.pipe.d.ts +0 -11
  710. package/ui/lib/src/input/input-disabled.directive.d.ts +0 -9
  711. package/ui/lib/src/input/input-error-message.pipe.d.ts +0 -7
  712. package/ui/lib/src/input/input-transforms.d.ts +0 -5
  713. package/ui/lib/src/input/value-accessor.directive.d.ts +0 -9
  714. package/ui/mask/src/mask.component.d.ts +0 -21
  715. package/ui/number/src/number.component.d.ts +0 -27
  716. package/ui/overlayPanel/src/overlay-panel.component.d.ts +0 -8
  717. package/ui/panel/src/panel.component.d.ts +0 -10
  718. package/ui/password/src/password.component.d.ts +0 -11
  719. package/ui/radioButton/src/radio-button.component.d.ts +0 -20
  720. package/ui/selectBox/src/interfaces.d.ts +0 -32
  721. package/ui/selectBox/src/select-box.component.d.ts +0 -25
  722. package/ui/switch/src/switch.component.d.ts +0 -8
  723. package/ui/table/index.d.ts +0 -16
  724. package/ui/table/src/i18n.d.ts +0 -42
  725. package/ui/table/src/table-column.component.d.ts +0 -24
  726. package/ui/table/src/table.component.d.ts +0 -39
  727. package/ui/tagBox/src/tag-box.component.d.ts +0 -15
  728. package/ui/text/src/text.component.d.ts +0 -17
  729. package/ui/textArea/src/text-area.component.d.ts +0 -11
  730. package/ui/toggle-button/index.d.ts +0 -1
  731. package/ui/toggle-button/src/toggle-button.component.d.ts +0 -10
  732. package/ui/tree/src/tree.component.d.ts +0 -19
  733. package/ui/treeTable/src/tree-table.component.d.ts +0 -21
  734. package/ui/value/src/value.component.d.ts +0 -13
  735. package/util/block/src/block.d.ts +0 -28
  736. package/util/custom_pages/src/notFound.component.d.ts +0 -5
  737. package/util/index.d.ts +0 -1
  738. package/util/init-event/src/init-event.directive.d.ts +0 -8
  739. package/util/lib/src/interfaces.d.ts +0 -41
  740. package/util/lib/src/module-router.d.ts +0 -5
  741. package/util/lib/src/types.d.ts +0 -29
  742. package/util/loaders/script/script.loader.service.d.ts +0 -13
  743. package/util/loaders/style/style.loader.service.d.ts +0 -13
  744. package/util/primitive-extensions/src/date.extensions.d.ts +0 -8
  745. package/util/primitive-extensions/src/number.extensions.d.ts +0 -12
  746. package/util/primitive-extensions/src/string.extensions.d.ts +0 -11
  747. package/util/pub-sub/src/pub-sub.service.d.ts +0 -20
  748. /package/boot/config/{api.sample.json → api/src/api.sample.json} +0 -0
  749. /package/{styles/util → util/block/src}/blockui.css +0 -0
  750. /package/{scripts/util → util/block/src}/blockui.min.js +0 -0
package/theme/styles/theme/light/_variables.scss CHANGED
@@ -1,911 +1,911 @@
1
- $colors: (
2
- 'blue': #3b82f6,
3
- 'green': #22c55e,
4
- 'yellow': #eab308,
5
- 'cyan': #06b6d4,
6
- 'pink': #ec4899,
7
- 'indigo': #6366f1,
8
- 'teal': #14b8a6,
9
- 'orange': #f97316,
10
- 'bluegray': #64748b,
11
- 'purple': #a855f7,
12
- 'red': #ff3d32,
13
- 'primary': $primary500
14
- );
15
-
16
- //reused color variables
17
- $shade000: #ffffff !default; //surface
18
- $shade100: #f9fafb !default; //header background
19
- $shade200: #f3f4f6 !default; //hover background
20
- $shade300: #e5e7eb !default; //border, divider
21
- $shade400: #d1d5db !default; //input border
22
- $shade500: #9ca3af !default; //input icon
23
- $shade600: #6b7280 !default; //text secondary color
24
- $shade700: #4b5563 !default; //text color
25
- $shade800: #374151 !default; //unused
26
- $shade900: #1f2937 !default; //unused
27
-
28
- //global
29
- $fontFamily: 'Poppins', sans-serif !default;
30
- $fontSize: 1rem !default;
31
- $fontWeight: normal !default;
32
- $textColor: $shade700 !default;
33
- $textSecondaryColor: $shade600 !default;
34
- $borderRadius: 6px !default;
35
- $transitionDuration: 0.2s !default;
36
- $formElementTransition:
37
- background-color $transitionDuration,
38
- color $transitionDuration,
39
- border-color $transitionDuration,
40
- box-shadow $transitionDuration !default;
41
- $actionIconTransition:
42
- background-color $transitionDuration,
43
- color $transitionDuration,
44
- box-shadow $transitionDuration !default;
45
- $listItemTransition: box-shadow $transitionDuration !default;
46
- $primeIconFontSize: 1rem !default;
47
- $divider: 1px solid $shade300 !default;
48
- $inlineSpacing: 0.5rem !default;
49
- $disabledOpacity: 0.6 !default;
50
- $maskBg: rgba(0, 0, 0, 0.4) !default;
51
- $loadingIconFontSize: 2rem !default;
52
- $errorColor: #e24c4c !default;
53
-
54
- //scale
55
- $scaleSM: 0.875 !default;
56
- $scaleLG: 1.25 !default;
57
-
58
- //focus
59
- $focusOutlineColor: $primaryLightColor !default;
60
- $focusOutline: 0 none !default;
61
- $focusOutlineOffset: 0 !default;
62
- $focusShadow: 0 0 0 0.2rem $focusOutlineColor !default;
63
-
64
- //action icons
65
- $actionIconWidth: 2rem !default;
66
- $actionIconHeight: 2rem !default;
67
- $actionIconBg: transparent !default;
68
- $actionIconBorder: 0 none !default;
69
- $actionIconColor: $shade600 !default;
70
- $actionIconHoverBg: $shade200 !default;
71
- $actionIconHoverBorderColor: transparent !default;
72
- $actionIconHoverColor: $shade800 !default;
73
- $actionIconBorderRadius: 50% !default;
74
-
75
- //input field (e.g. inputtext, spinner, inputmask)
76
- $inputPadding: 0.65rem 0.65rem !default;
77
- $inputTextFontSize: 1rem !default;
78
-
79
- $inputBg: $shade000 !default;
80
- $inputTextColor: $shade700 !default;
81
- $inputIconColor: $shade600 !default;
82
- $inputBorder: 1px solid $shade400 !default;
83
- $inputHoverBorderColor: $primaryColor !default;
84
- $inputFocusBorderColor: $primaryColor !default;
85
- $inputErrorBorderColor: $errorColor !default;
86
- $inputPlaceholderTextColor: $shade600 !default;
87
- $inputFilledBg: $shade200 !default;
88
- $inputFilledHoverBg: $inputFilledBg !default;
89
- $inputFilledFocusBg: $shade000 !default;
90
-
91
- //input groups
92
- $inputGroupBg: $shade200 !default;
93
- $inputGroupTextColor: $shade600 !default;
94
- $inputGroupAddOnMinWidth: 3rem !default;
95
-
96
- //input lists (e.g. dropdown, autocomplete, multiselect, orderlist)
97
- $inputListBg: $shade000 !default;
98
- $inputListTextColor: $shade700 !default;
99
- $inputListBorder: $inputBorder !default;
100
- $inputListPadding: 0.75rem 0 !default;
101
- $inputListItemPadding: 0.75rem 1.25rem !default;
102
- $inputListItemBg: transparent !default;
103
- $inputListItemTextColor: $shade700 !default;
104
- $inputListItemHoverBg: $shade200 !default;
105
- $inputListItemTextHoverColor: $shade700 !default;
106
- $inputListItemFocusBg: $shade300 !default;
107
- $inputListItemTextFocusColor: $shade700 !default;
108
- $inputListItemBorder: 0 none !default;
109
- $inputListItemBorderRadius: 0 !default;
110
- $inputListItemMargin: 0 !default;
111
- $inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default;
112
- $inputListHeaderPadding: 0.75rem 1.25rem !default;
113
- $inputListHeaderMargin: 0 !default;
114
- $inputListHeaderBg: $shade100 !default;
115
- $inputListHeaderTextColor: $shade800 !default;
116
- $inputListHeaderBorder: 1px solid $shade300 !default;
117
-
118
- //inputs with overlays (e.g. autocomplete, dropdown, multiselect)
119
- $inputOverlayBg: $inputListBg !default;
120
- $inputOverlayHeaderBg: $inputListHeaderBg !default;
121
- $inputOverlayBorder: 0 none !default;
122
- $inputOverlayShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
123
-
124
- //password
125
- $passwordMeterBg: $shade300 !default;
126
- $passwordWeakBg: #ea5455 !default;
127
- $passwordMediumBg: #ff9f42 !default;
128
- $passwordStrongBg: #29c76f !default;
129
-
130
- //button
131
- $buttonPadding: 0.5rem 0.75rem !default;
132
- $buttonIconOnlyWidth: 3rem !default;
133
- $buttonIconOnlyPadding: 0.75rem 0 !default;
134
- $buttonBg: $primaryColor !default;
135
- $buttonTextColor: $primaryTextColor !default;
136
- $buttonBorder: 1px solid $primaryColor !default;
137
- $buttonHoverBg: $primaryDarkColor !default;
138
- $buttonTextHoverColor: $primaryTextColor !default;
139
- $buttonHoverBorderColor: $primaryDarkColor !default;
140
- $buttonActiveBg: $primaryDarkerColor !default;
141
- $buttonTextActiveColor: $primaryTextColor !default;
142
- $buttonActiveBorderColor: $primaryDarkerColor !default;
143
- $raisedButtonShadow:
144
- 0 3px 1px -2px rgba(0, 0, 0, 0.2),
145
- 0 2px 2px 0 rgba(0, 0, 0, 0.14),
146
- 0 1px 5px 0 rgba(0, 0, 0, 0.12) !default;
147
- $roundedButtonBorderRadius: 2rem !default;
148
-
149
- $textButtonHoverBgOpacity: 0.04 !default;
150
- $textButtonActiveBgOpacity: 0.16 !default;
151
- $outlinedButtonBorder: 1px solid !default;
152
- $plainButtonTextColor: $textSecondaryColor !default;
153
- $plainButtonHoverBgColor: $shade200 !default;
154
- $plainButtonActiveBgColor: $shade300 !default;
155
-
156
- $secondaryButtonBg: #64748b !default;
157
- $secondaryButtonTextColor: #ffffff !default;
158
- $secondaryButtonBorder: 1px solid $secondaryButtonBg !default;
159
- $secondaryButtonHoverBg: #475569 !default;
160
- $secondaryButtonTextHoverColor: $secondaryButtonTextColor !default;
161
- $secondaryButtonHoverBorderColor: #475569 !default;
162
- $secondaryButtonActiveBg: #334155 !default;
163
- $secondaryButtonTextActiveColor: $secondaryButtonTextColor !default;
164
- $secondaryButtonActiveBorderColor: #334155 !default;
165
- $secondaryButtonFocusShadow: 0 0 0 0.2rem #e2e8f0 !default;
166
-
167
- $infoButtonBg: #3b82f6 !default;
168
- $infoButtonTextColor: #ffffff !default;
169
- $infoButtonBorder: 1px solid $infoButtonBg !default;
170
- $infoButtonHoverBg: #2563eb !default;
171
- $infoButtonTextHoverColor: $infoButtonTextColor !default;
172
- $infoButtonHoverBorderColor: #2563eb !default;
173
- $infoButtonActiveBg: #1d4ed8 !default;
174
- $infoButtonTextActiveColor: $infoButtonTextColor !default;
175
- $infoButtonActiveBorderColor: #1d4ed8 !default;
176
- $infoButtonFocusShadow: 0 0 0 0.2rem #bfdbfe !default;
177
-
178
- $successButtonBg: #22c55e !default;
179
- $successButtonTextColor: #ffffff !default;
180
- $successButtonBorder: 1px solid $successButtonBg !default;
181
- $successButtonHoverBg: #16a34a !default;
182
- $successButtonTextHoverColor: $successButtonTextColor !default;
183
- $successButtonHoverBorderColor: #16a34a !default;
184
- $successButtonActiveBg: #15803d !default;
185
- $successButtonTextActiveColor: $successButtonTextColor !default;
186
- $successButtonActiveBorderColor: #15803d !default;
187
- $successButtonFocusShadow: 0 0 0 0.2rem #bbf7d0 !default;
188
-
189
- $warningButtonBg: #f59e0b !default;
190
- $warningButtonTextColor: #ffffff !default;
191
- $warningButtonBorder: 1px solid $warningButtonBg !default;
192
- $warningButtonHoverBg: #d97706 !default;
193
- $warningButtonTextHoverColor: $warningButtonTextColor !default;
194
- $warningButtonHoverBorderColor: #d97706 !default;
195
- $warningButtonActiveBg: #b45309 !default;
196
- $warningButtonTextActiveColor: $warningButtonTextColor !default;
197
- $warningButtonActiveBorderColor: #b45309 !default;
198
- $warningButtonFocusShadow: 0 0 0 0.2rem #fde68a !default;
199
-
200
- $helpButtonBg: #a855f7 !default;
201
- $helpButtonTextColor: #ffffff !default;
202
- $helpButtonBorder: 1px solid $helpButtonBg !default;
203
- $helpButtonHoverBg: #9333ea !default;
204
- $helpButtonTextHoverColor: $helpButtonTextColor !default;
205
- $helpButtonHoverBorderColor: #9333ea !default;
206
- $helpButtonActiveBg: #7e22ce !default;
207
- $helpButtonTextActiveColor: $helpButtonTextColor !default;
208
- $helpButtonActiveBorderColor: #7e22ce !default;
209
- $helpButtonFocusShadow: 0 0 0 0.2rem #e9d5ff !default;
210
-
211
- $dangerButtonBg: #ef4444 !default;
212
- $dangerButtonTextColor: #ffffff !default;
213
- $dangerButtonBorder: 1px solid $dangerButtonBg !default;
214
- $dangerButtonHoverBg: #dc2626 !default;
215
- $dangerButtonTextHoverColor: $dangerButtonTextColor !default;
216
- $dangerButtonHoverBorderColor: #dc2626 !default;
217
- $dangerButtonActiveBg: #b91c1c !default;
218
- $dangerButtonTextActiveColor: $dangerButtonTextColor !default;
219
- $dangerButtonActiveBorderColor: #b91c1c !default;
220
- $dangerButtonFocusShadow: 0 0 0 0.2rem #fecaca !default;
221
-
222
- $linkButtonColor: $primaryDarkerColor !default;
223
- $linkButtonHoverColor: $primaryDarkerColor !default;
224
- $linkButtonTextHoverDecoration: underline !default;
225
- $linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor !default;
226
-
227
- //checkbox
228
- $checkboxWidth: 22px !default;
229
- $checkboxHeight: 22px !default;
230
- $checkboxBorder: 2px solid $shade400 !default;
231
- $checkboxIconFontSize: 14px !default;
232
- $checkboxActiveBorderColor: $primaryColor !default;
233
- $checkboxActiveBg: $primaryColor !default;
234
- $checkboxIconActiveColor: $primaryTextColor !default;
235
- $checkboxActiveHoverBg: $primaryDarkerColor !default;
236
- $checkboxIconActiveHoverColor: $primaryTextColor !default;
237
- $checkboxActiveHoverBorderColor: $primaryDarkerColor !default;
238
-
239
- //radiobutton
240
- $radiobuttonWidth: 22px !default;
241
- $radiobuttonHeight: 22px !default;
242
- $radiobuttonBorder: 2px solid $shade400 !default;
243
- $radiobuttonIconSize: 12px !default;
244
- $radiobuttonActiveBorderColor: $primaryColor !default;
245
- $radiobuttonActiveBg: $primaryColor !default;
246
- $radiobuttonIconActiveColor: $primaryTextColor !default;
247
- $radiobuttonActiveHoverBg: $primaryDarkerColor !default;
248
- $radiobuttonIconActiveHoverColor: $primaryTextColor !default;
249
- $radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default;
250
-
251
- //colorpicker
252
- $colorPickerPreviewWidth: 2rem !default;
253
- $colorPickerPreviewHeight: 2rem !default;
254
- $colorPickerBg: #323232 !default;
255
- $colorPickerBorder: 1px solid #191919 !default;
256
- $colorPickerHandleColor: $shade000 !default;
257
-
258
- //togglebutton
259
- $toggleButtonBg: $inputBg !default;
260
- $toggleButtonBorder: 1px solid $shade400 !default;
261
- $toggleButtonTextColor: $shade700 !default;
262
- $toggleButtonIconColor: $shade600 !default;
263
- $toggleButtonHoverBg: $shade200 !default;
264
- $toggleButtonHoverBorderColor: $shade400 !default;
265
- $toggleButtonTextHoverColor: $shade700 !default;
266
- $toggleButtonIconHoverColor: $shade800 !default;
267
- $toggleButtonActiveBg: $primaryColor !default;
268
- $toggleButtonActiveBorderColor: $primaryColor !default;
269
- $toggleButtonTextActiveColor: $primaryTextColor !default;
270
- $toggleButtonIconActiveColor: $primaryTextColor !default;
271
- $toggleButtonActiveHoverBg: $primaryDarkColor !default;
272
- $toggleButtonActiveHoverBorderColor: $primaryDarkColor !default;
273
- $toggleButtonTextActiveHoverColor: $primaryTextColor !default;
274
- $toggleButtonIconActiveHoverColor: $primaryTextColor !default;
275
-
276
- //inplace
277
- $inplacePadding: $inputPadding !default;
278
- $inplaceHoverBg: $shade200 !default;
279
- $inplaceTextHoverColor: $shade700 !default;
280
-
281
- //rating
282
- $ratingIconFontSize: 1.143rem !default;
283
- $ratingCancelIconColor: #ea5455 !default;
284
- $ratingCancelIconHoverColor: #e73d3e !default;
285
- $ratingStarIconOffColor: $shade700 !default;
286
- $ratingStarIconOnColor: $primaryColor !default;
287
- $ratingStarIconHoverColor: $primaryColor !default;
288
-
289
- //slider
290
- $sliderBg: $shade300 !default;
291
- $sliderBorder: 0 none !default;
292
- $sliderHorizontalHeight: 0.286rem !default;
293
- $sliderVerticalWidth: 0.286rem !default;
294
- $sliderHandleWidth: 1.143rem !default;
295
- $sliderHandleHeight: 1.143rem !default;
296
- $sliderHandleBg: $shade000 !default;
297
- $sliderHandleBorder: 2px solid $primaryColor !default;
298
- $sliderHandleBorderRadius: 50% !default;
299
- $sliderHandleHoverBorderColor: $primaryColor !default;
300
- $sliderHandleHoverBg: $primaryColor !default;
301
- $sliderRangeBg: $primaryColor !default;
302
-
303
- //calendar
304
- $calendarTableMargin: 0.5rem 0 !default;
305
- $calendarPadding: 0.5rem !default;
306
- $calendarBg: $shade000 !default;
307
- $calendarInlineBg: $calendarBg !default;
308
- $calendarTextColor: $shade700 !default;
309
- $calendarBorder: $inputListBorder !default;
310
- $calendarOverlayBorder: $inputOverlayBorder !default;
311
-
312
- $calendarHeaderPadding: 0.5rem !default;
313
- $calendarHeaderBg: $shade000 !default;
314
- $calendarInlineHeaderBg: $calendarBg !default;
315
- $calendarHeaderBorder: 1px solid $shade300 !default;
316
- $calendarHeaderTextColor: $shade700 !default;
317
- $calendarHeaderFontWeight: 600 !default;
318
- $calendarHeaderCellPadding: 0.5rem !default;
319
- $calendarMonthYearHeaderHoverTextColor: $primaryColor !default;
320
-
321
- $calendarCellDatePadding: 0.5rem !default;
322
- $calendarCellDateWidth: 2.5rem !default;
323
- $calendarCellDateHeight: 2.5rem !default;
324
- $calendarCellDateBorderRadius: 50% !default;
325
- $calendarCellDateBorder: 1px solid transparent !default;
326
- $calendarCellDateHoverBg: $shade200 !default;
327
- $calendarCellDateTodayBg: $shade400 !default;
328
- $calendarCellDateTodayBorderColor: transparent !default;
329
- $calendarCellDateTodayTextColor: $shade700 !default;
330
-
331
- $calendarButtonBarPadding: 0 !default;
332
- $calendarTimePickerPadding: 0.5rem !default;
333
- $calendarTimePickerElementPadding: 0 0.5rem !default;
334
- $calendarTimePickerTimeFontSize: 1.25rem !default;
335
-
336
- $calendarBreakpoint: 769px !default;
337
- $calendarCellDatePaddingSM: 0 !default;
338
-
339
- //input switch
340
- $inputSwitchWidth: 3rem !default;
341
- $inputSwitchHeight: 1.75rem !default;
342
- $inputSwitchBorderRadius: 30px !default;
343
- $inputSwitchHandleWidth: 1.25rem !default;
344
- $inputSwitchHandleHeight: 1.25rem !default;
345
- $inputSwitchHandleBorderRadius: 50% !default;
346
- $inputSwitchSliderPadding: 0.25rem !default;
347
- $inputSwitchSliderOffBg: $shade400 !default;
348
- $inputSwitchHandleOffBg: $shade000 !default;
349
- $inputSwitchSliderOffHoverBg: scale-color($shade400, $lightness: -10%) !default;
350
- $inputSwitchSliderOnBg: $primaryColor !default;
351
- $inputSwitchSliderOnHoverBg: $primaryDarkColor !default;
352
- $inputSwitchHandleOnBg: $shade000 !default;
353
-
354
- //panel
355
- $panelHeaderBorderColor: $shade300 !default;
356
- $panelHeaderBorder: 1px solid $shade300 !default;
357
- $panelHeaderBg: $shade100 !default;
358
- $panelHeaderTextColor: $shade800 !default;
359
- $panelHeaderFontWeight: 700 !default;
360
- $panelHeaderPadding: 1.25rem !default;
361
- $panelToggleableHeaderPadding: 0.25rem 1.25rem !default;
362
-
363
- $panelHeaderHoverBg: $shade200 !default;
364
- $panelHeaderHoverBorderColor: $shade300 !default;
365
- $panelHeaderTextHoverColor: $shade800 !default;
366
-
367
- $panelContentBorderColor: $shade300 !default;
368
- $panelContentBorder: 1px solid $shade300 !default;
369
- $panelContentBg: $shade000 !default;
370
- $panelContentEvenRowBg: scale-color($panelContentBg, $lightness: -1%) !default;
371
- $panelContentTextColor: $shade700 !default;
372
- $panelContentPadding: 1rem !default;
373
-
374
- $panelFooterBorder: 1px solid $shade300 !default;
375
- $panelFooterBg: $shade000 !default;
376
- $panelFooterTextColor: $shade700 !default;
377
- $panelFooterPadding: 0.75rem 1.25rem !default;
378
-
379
- //accordion
380
- $accordionSpacing: 4px !default;
381
- $accordionHeaderBorder: $panelHeaderBorder !default;
382
- $accordionHeaderBg: $panelHeaderBg !default;
383
- $accordionHeaderTextColor: $shade600 !default;
384
- $accordionHeaderFontWeight: $panelHeaderFontWeight !default;
385
- $accordionHeaderPadding: $panelHeaderPadding !default;
386
-
387
- $accordionHeaderHoverBg: $shade200 !default;
388
- $accordionHeaderHoverBorderColor: $shade300 !default;
389
- $accordionHeaderTextHoverColor: $shade800 !default;
390
-
391
- $accordionHeaderActiveBg: $panelHeaderBg !default;
392
- $accordionHeaderActiveBorderColor: $shade300 !default;
393
- $accordionHeaderTextActiveColor: $shade800 !default;
394
-
395
- $accordionHeaderActiveHoverBg: $shade200 !default;
396
- $accordionHeaderActiveHoverBorderColor: $shade300 !default;
397
- $accordionHeaderTextActiveHoverColor: $shade800 !default;
398
-
399
- $accordionContentBorder: $panelContentBorder !default;
400
- $accordionContentBg: $panelContentBg !default;
401
- $accordionContentTextColor: $panelContentTextColor !default;
402
- $accordionContentPadding: $panelContentPadding !default;
403
-
404
- //tabview
405
- $tabviewNavBorder: 1px solid $shade300 !default;
406
- $tabviewNavBorderWidth: 0 0 2px 0 !default;
407
- $tabviewNavBg: $shade000 !default;
408
-
409
- $tabviewHeaderSpacing: 0 !default;
410
- $tabviewHeaderBorder: solid $shade300 !default;
411
- $tabviewHeaderBorderWidth: 0 0 2px 0 !default;
412
- $tabviewHeaderBorderColor: transparent transparent $shade300 transparent !default;
413
- $tabviewHeaderBg: $shade000 !default;
414
- $tabviewHeaderTextColor: $shade600 !default;
415
- $tabviewHeaderFontWeight: $panelHeaderFontWeight !default;
416
- $tabviewHeaderPadding: $panelHeaderPadding !default;
417
- $tabviewHeaderMargin: 0 0 -2px 0 !default;
418
-
419
- $tabviewHeaderHoverBg: $shade000 !default;
420
- $tabviewHeaderHoverBorderColor: $shade500 !default;
421
- $tabviewHeaderTextHoverColor: $shade600 !default;
422
-
423
- $tabviewHeaderActiveBg: $shade000 !default;
424
- $tabviewHeaderActiveBorderColor: $primaryColor !default;
425
- $tabviewHeaderTextActiveColor: $primaryColor !default;
426
-
427
- $tabviewContentBorder: 0 none !default;
428
- $tabviewContentBg: $panelContentBg !default;
429
- $tabviewContentTextColor: $panelContentTextColor !default;
430
- $tabviewContentPadding: $panelContentPadding !default;
431
-
432
- //upload
433
- $fileUploadProgressBarHeight: 0.25rem !default;
434
- $fileUploadContentPadding: 2rem 1rem !default;
435
- $fileUploadContentHoverBorder: 1px dashed $primaryColor !default;
436
- $fileUploadFileBorder: 1px solid $shade300 !default;
437
- $fileUploadFilePadding: 1rem !default;
438
-
439
- //scrollpanel
440
- $scrollPanelTrackBorder: 0 none !default;
441
- $scrollPanelTrackBg: $shade100 !default;
442
-
443
- //card
444
- $cardBodyPadding: 1.25rem !default;
445
- $cardTitleFontSize: 1.5rem !default;
446
- $cardTitleFontWeight: 700 !default;
447
- $cardSubTitleFontWeight: 400 !default;
448
- $cardSubTitleColor: $shade600 !default;
449
- $cardContentPadding: 1.25rem 0 !default;
450
- $cardFooterPadding: 1.25rem 0 0 0 !default;
451
- $cardShadow:
452
- 0 2px 1px -1px rgba(0, 0, 0, 0.2),
453
- 0 1px 1px 0 rgba(0, 0, 0, 0.14),
454
- 0 1px 3px 0 rgba(0, 0, 0, 0.12) !default;
455
-
456
- //editor
457
- $editorToolbarBg: $panelHeaderBg !default;
458
- $editorToolbarBorder: $panelHeaderBorder !default;
459
- $editorToolbarPadding: $panelHeaderPadding !default;
460
- $editorToolbarIconColor: $textSecondaryColor !default;
461
- $editorToolbarIconHoverColor: $textColor !default;
462
- $editorIconActiveColor: $primaryColor !default;
463
- $editorContentBorder: $panelContentBorder !default;
464
- $editorContentBg: $panelContentBg !default;
465
-
466
- //paginator
467
- $paginatorBg: $shade000 !default;
468
- $paginatorTextColor: $shade600 !default;
469
- $paginatorBorder: solid $shade200 !default;
470
- $paginatorBorderWidth: 0 !default;
471
- $paginatorPadding: 0.25rem !default;
472
- $paginatorElementWidth: $buttonIconOnlyWidth !default;
473
- $paginatorElementHeight: $buttonIconOnlyWidth !default;
474
- $paginatorElementBg: transparent !default;
475
- $paginatorElementBorder: 0 none !default;
476
- $paginatorElementIconColor: $shade600 !default;
477
- $paginatorElementHoverBg: $shade200 !default;
478
- $paginatorElementHoverBorderColor: transparent !default;
479
- $paginatorElementIconHoverColor: $shade800 !default;
480
- $paginatorElementBorderRadius: 50% !default;
481
- $paginatorElementMargin: 0.143rem !default;
482
- $paginatorElementPadding: 0 !default;
483
-
484
- //table
485
- $tableHeaderBorder: 1px solid $shade300 !default;
486
- $tableHeaderBorderWidth: 1px 0 1px 0 !default;
487
- $tableHeaderBg: $shade100 !default;
488
- $tableHeaderTextColor: $shade800 !default;
489
- $tableHeaderFontWeight: 700 !default;
490
- $tableHeaderPadding: 1rem 1rem !default;
491
-
492
- $tableHeaderCellPadding: 0.5rem 0.5rem !default;
493
- $tableHeaderCellBg: $shade100 !default;
494
- $tableHeaderCellTextColor: $shade800 !default;
495
- $tableHeaderCellFontWeight: 700 !default;
496
- $tableHeaderCellBorder: 1px solid $shade300 !default;
497
- $tableHeaderCellBorderWidth: 0 0 1px 0 !default;
498
- $tableHeaderCellHoverBg: $shade200 !default;
499
- $tableHeaderCellTextHoverColor: $shade800 !default;
500
- $tableHeaderCellIconColor: $shade800 !default;
501
- $tableHeaderCellIconHoverColor: $shade800 !default;
502
- $tableHeaderCellHighlightBg: $highlightBg !default;
503
- $tableHeaderCellHighlightTextColor: $highlightTextColor !default;
504
- $tableHeaderCellHighlightHoverBg: $highlightBg !default;
505
- $tableHeaderCellHighlightTextHoverColor: $highlightTextColor !default;
506
- $tableSortableColumnBadgeSize: 1.143rem !default;
507
-
508
- $tableBodyRowBg: $shade000 !default;
509
- $tableBodyRowTextColor: $shade700 !default;
510
- $tableBodyRowEvenBg: scale-color($tableBodyRowBg, $lightness: -1%) !default;
511
- $tableBodyRowHoverBg: $shade200 !default;
512
- $tableBodyRowTextHoverColor: $shade900 !default;
513
- $tableBodyCellBorder: 1px solid $shade300 !default;
514
- $tableBodyCellBorderWidth: 0 0 1px 0 !default;
515
- $tableBodyCellPadding: 0.5rem 0.5rem !default;
516
-
517
- $tableFooterCellPadding: 1rem 1rem !default;
518
- $tableFooterCellBg: $shade100 !default;
519
- $tableFooterCellTextColor: $shade800 !default;
520
- $tableFooterCellFontWeight: 700 !default;
521
- $tableFooterCellBorder: 1px solid $shade300 !default;
522
- $tableFooterCellBorderWidth: 0 0 1px 0 !default;
523
- $tableResizerHelperBg: $primaryColor !default;
524
-
525
- $tableFooterBorder: 1px solid $shade300 !default;
526
- $tableFooterBorderWidth: 0 0 1px 0 !default;
527
- $tableFooterBg: $shade100 !default;
528
- $tableFooterTextColor: $shade800 !default;
529
- $tableFooterFontWeight: 700 !default;
530
- $tableFooterPadding: 1rem 1rem !default;
531
-
532
- $tableCellContentAlignment: left !default;
533
- $tableTopPaginatorBorderWidth: 0 0 1px 0 !default;
534
- $tableBottomPaginatorBorderWidth: 0 0 1px 0 !default;
535
-
536
- $tableScaleSM: 0.5 !default;
537
- $tableScaleLG: 1.25 !default;
538
-
539
- //dataview
540
- $dataViewContentPadding: 0 !default;
541
- $dataViewContentBorder: 0 none !default;
542
- $dataViewListItemBorder: solid $shade300 !default;
543
- $dataViewListItemBorderWidth: 0 0 1px 0 !default;
544
-
545
- //schedule
546
- $fullCalendarEventBg: $primaryDarkColor !default;
547
- $fullCalendarEventBorderColor: $primaryDarkColor !default;
548
- $fullCalendarEventBorder: 1px solid $primaryDarkColor !default;
549
- $fullCalendarEventTextColor: $primaryTextColor !default;
550
-
551
- //tree
552
- $treeContainerPadding: 0.286rem !default;
553
- $treeNodePadding: 0.143rem !default;
554
- $treeNodeContentPadding: 0.5rem !default;
555
- $treeNodeChildrenPadding: 0 0 0 1rem !default;
556
- $treeNodeIconColor: $shade600 !default;
557
-
558
- //timeline
559
- $timelineVerticalEventContentPadding: 0 1rem !default;
560
- $timelineHorizontalEventContentPadding: 1rem 0 !default;
561
- $timelineEventMarkerWidth: 1rem !default;
562
- $timelineEventMarkerHeight: 1rem !default;
563
- $timelineEventMarkerBorderRadius: 50% !default;
564
- $timelineEventMarkerBorder: 2px solid $primaryColor !default;
565
- $timelineEventMarkerBackground: $primaryTextColor !default;
566
- $timelineEventConnectorSize: 2px !default;
567
- $timelineEventColor: $shade300 !default;
568
-
569
- //org chart
570
- $organizationChartConnectorColor: $shade300 !default;
571
-
572
- //message
573
- $messageMargin: 1rem 0 !default;
574
- $messagePadding: 1.25rem 1.75rem !default;
575
- $messageBorderWidth: 0 0 0 6px !default;
576
- $messageIconFontSize: 1.5rem !default;
577
- $messageTextFontSize: 1rem !default;
578
- $messageTextFontWeight: 500 !default;
579
-
580
- //inline message
581
- $inlineMessagePadding: $inputPadding !default;
582
- $inlineMessageMargin: 0 !default;
583
- $inlineMessageIconFontSize: 1rem !default;
584
- $inlineMessageTextFontSize: 1rem !default;
585
- $inlineMessageBorderWidth: 0px !default;
586
-
587
- //toast
588
- $toastIconFontSize: 2rem !default;
589
- $toastMessageTextMargin: 0 0 0 1rem !default;
590
- $toastMargin: 0 0 1rem 0 !default;
591
- $toastPadding: 1rem !default;
592
- $toastBorderWidth: 0 0 0 6px !default;
593
- $toastShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
594
- $toastOpacity: 1 !default;
595
- $toastTitleFontWeight: 700 !default;
596
- $toastDetailMargin: $inlineSpacing 0 0 0 !default;
597
-
598
- //severities
599
- $infoMessageBg: rgba(219, 234, 254, 0.7) !default;
600
- $infoMessageBorder: solid #3b82f6 !default;
601
- $infoMessageTextColor: #3b82f6 !default;
602
- $infoMessageIconColor: #3b82f6 !default;
603
- $successMessageBg: rgba(228, 248, 240, 0.7) !default;
604
- $successMessageBorder: solid #1ea97c !default;
605
- $successMessageTextColor: #1ea97c !default;
606
- $successMessageIconColor: #1ea97c !default;
607
- $warningMessageBg: rgba(255, 242, 226, 0.7) !default;
608
- $warningMessageBorder: solid #cc8925 !default;
609
- $warningMessageTextColor: #cc8925 !default;
610
- $warningMessageIconColor: #cc8925 !default;
611
- $errorMessageBg: rgba(255, 231, 230, 0.7) !default;
612
- $errorMessageBorder: solid #ff5757 !default;
613
- $errorMessageTextColor: #ff5757 !default;
614
- $errorMessageIconColor: #ff5757 !default;
615
-
616
- //overlays
617
- $overlayContentBorder: 0 none !default;
618
- $overlayContentBg: $panelContentBg !default;
619
- $overlayContainerShadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;
620
-
621
- //dialog
622
- $dialogHeaderBg: $shade000 !default;
623
- $dialogHeaderBorder: 0 none !default;
624
- $dialogHeaderTextColor: $shade800 !default;
625
- $dialogHeaderFontWeight: 700 !default;
626
- $dialogHeaderFontSize: 1.25rem !default;
627
- $dialogHeaderPadding: 1.5rem !default;
628
- $dialogContentPadding: 0 1.5rem 2rem 1.5rem !default;
629
- $dialogFooterBorder: 0 none !default;
630
- $dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default;
631
-
632
- //confirmpopup
633
- $confirmPopupContentPadding: $panelContentPadding !default;
634
- $confirmPopupFooterPadding: 0 1.25rem 1.25rem 1.25rem !default;
635
-
636
- //tooltip
637
- $tooltipBg: $shade700 !default;
638
- $tooltipTextColor: $shade000 !default;
639
- $tooltipPadding: $inputPadding !default;
640
-
641
- //steps
642
- $stepsItemBg: $shade000 !default;
643
- $stepsItemBorder: 1px solid $shade200 !default;
644
- $stepsItemTextColor: $shade600 !default;
645
- $stepsItemNumberWidth: 2rem !default;
646
- $stepsItemNumberHeight: 2rem !default;
647
- $stepsItemNumberFontSize: 1.143rem !default;
648
- $stepsItemNumberColor: $shade700 !default;
649
- $stepsItemNumberBorderRadius: 50% !default;
650
- $stepsItemActiveFontWeight: 700 !default;
651
-
652
- //progressbar, progressspinner
653
- $progressBarHeight: 1.5rem !default;
654
- $progressBarBorder: 0 none !default;
655
- $progressBarBg: $shade300 !default;
656
- $progressBarValueBg: $primaryColor !default;
657
- $progressBarValueTextColor: $primaryTextColor !default;
658
-
659
- $progressSpinnerStrokeColor: $errorMessageTextColor !default;
660
- $progressSpinnerColorOne: $errorMessageTextColor !default;
661
- $progressSpinnerColorTwo: $infoMessageTextColor !default;
662
- $progressSpinnerColorThree: $successMessageTextColor !default;
663
- $progressSpinnerColorFour: $warningMessageTextColor !default;
664
-
665
- //menu (e.g. menu, menubar, tieredmenu)
666
- $menuWidth: 12.5rem !default;
667
- $menuBg: $shade000 !default;
668
- $menuBorder: 1px solid $shade300 !default;
669
- $menuTextColor: $shade700 !default;
670
- $menuitemPadding: 0.75rem 1.25rem !default;
671
- $menuitemBorderRadius: 0 !default;
672
- $menuitemTextColor: $shade700 !default;
673
- $menuitemIconColor: $shade600 !default;
674
- $menuitemTextHoverColor: $shade700 !default;
675
- $menuitemIconHoverColor: $shade600 !default;
676
- $menuitemHoverBg: $shade200 !default;
677
- $menuitemTextFocusColor: $shade700 !default;
678
- $menuitemIconFocusColor: $shade700 !default;
679
- $menuitemFocusBg: $shade300 !default;
680
- $menuitemTextActiveColor: $highlightTextColor !default;
681
- $menuitemIconActiveColor: $highlightTextColor !default;
682
- $menuitemActiveBg: $highlightBg !default;
683
- $menuitemActiveFocusBg: $highlightFocusBg !default;
684
- $menuitemSubmenuIconFontSize: 0.875rem !default;
685
- $submenuHeaderMargin: 0 !default;
686
- $submenuHeaderPadding: 0.75rem 1.25rem !default;
687
- $submenuHeaderBg: $shade000 !default;
688
- $submenuHeaderTextColor: $shade800 !default;
689
- $submenuHeaderBorderRadius: 0 !default;
690
- $submenuHeaderFontWeight: 700 !default;
691
- $overlayMenuBg: $menuBg !default;
692
- $overlayMenuBorder: 0 none !default;
693
- $overlayMenuShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
694
- $verticalMenuPadding: 0.25rem 0 !default;
695
- $menuSeparatorMargin: 0.25rem 0 !default;
696
-
697
- $breadcrumbPadding: 1rem !default;
698
- $breadcrumbBg: $menuBg !default;
699
- $breadcrumbBorder: $menuBorder !default;
700
- $breadcrumbItemTextColor: $menuitemTextColor !default;
701
- $breadcrumbItemIconColor: $menuitemIconColor !default;
702
- $breadcrumbLastItemTextColor: $menuitemTextColor !default;
703
- $breadcrumbLastItemIconColor: $menuitemIconColor !default;
704
- $breadcrumbSeparatorColor: $menuitemTextColor !default;
705
-
706
- $horizontalMenuPadding: 0.5rem !default;
707
- $horizontalMenuBg: $shade100 !default;
708
- $horizontalMenuBorder: $menuBorder !default;
709
- $horizontalMenuTextColor: $menuTextColor !default;
710
- $horizontalMenuRootMenuitemPadding: $menuitemPadding !default;
711
- $horizontalMenuRootMenuitemBorderRadius: $borderRadius !default;
712
- $horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default;
713
- $horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default;
714
- $horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default;
715
- $horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default;
716
- $horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default;
717
- $horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default;
718
- $horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default;
719
- $horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default;
720
-
721
- //badge and tag
722
- $badgeBg: $primaryColor !default;
723
- $badgeTextColor: $primaryTextColor !default;
724
- $badgeMinWidth: 1.5rem !default;
725
- $badgeHeight: 1.5rem !default;
726
- $badgeFontWeight: 700 !default;
727
- $badgeFontSize: 0.75rem !default;
728
-
729
- $tagPadding: 0.25rem 0.4rem !default;
730
-
731
- //carousel
732
- $carouselIndicatorsPadding: 1rem !default;
733
- $carouselIndicatorBg: $shade400 !default;
734
- $carouselIndicatorHoverBg: $shade500 !default;
735
- $carouselIndicatorBorderRadius: 0 !default;
736
- $carouselIndicatorWidth: 2rem !default;
737
- $carouselIndicatorHeight: 0.5rem !default;
738
-
739
- //galleria
740
- $galleriaMaskBg: rgba(0, 0, 0, 0.9) !default;
741
- $galleriaCloseIconMargin: 0.5rem !default;
742
- $galleriaCloseIconFontSize: 2rem !default;
743
- $galleriaCloseIconBg: transparent !default;
744
- $galleriaCloseIconColor: $shade100 !default;
745
- $galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default;
746
- $galleriaCloseIconHoverColor: $shade100 !default;
747
- $galleriaCloseIconWidth: 4rem !default;
748
- $galleriaCloseIconHeight: 4rem !default;
749
- $galleriaCloseIconBorderRadius: 50% !default;
750
-
751
- $galleriaItemNavigatorBg: transparent !default;
752
- $galleriaItemNavigatorColor: $shade100 !default;
753
- $galleriaItemNavigatorMargin: 0 0.5rem !default;
754
- $galleriaItemNavigatorFontSize: 2rem !default;
755
- $galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default;
756
- $galleriaItemNavigatorHoverColor: $shade100 !default;
757
- $galleriaItemNavigatorWidth: 4rem !default;
758
- $galleriaItemNavigatorHeight: 4rem !default;
759
- $galleriaItemNavigatorBorderRadius: $borderRadius !default;
760
-
761
- $galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default;
762
- $galleriaCaptionTextColor: $shade100 !default;
763
- $galleriaCaptionPadding: 1rem !default;
764
-
765
- $galleriaIndicatorsPadding: 1rem !default;
766
- $galleriaIndicatorBg: $shade400 !default;
767
- $galleriaIndicatorHoverBg: $shade500 !default;
768
- $galleriaIndicatorBorderRadius: 50% !default;
769
- $galleriaIndicatorWidth: 1rem !default;
770
- $galleriaIndicatorHeight: 1rem !default;
771
- $galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default;
772
- $galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default;
773
- $galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default;
774
-
775
- $galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default;
776
- $galleriaThumbnailContainerPadding: 1rem 0.25rem !default;
777
- $galleriaThumbnailNavigatorBg: transparent !default;
778
- $galleriaThumbnailNavigatorColor: $shade100 !default;
779
- $galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default;
780
- $galleriaThumbnailNavigatorHoverColor: $shade100 !default;
781
- $galleriaThumbnailNavigatorBorderRadius: 50% !default;
782
- $galleriaThumbnailNavigatorWidth: 2rem !default;
783
- $galleriaThumbnailNavigatorHeight: 2rem !default;
784
-
785
- //divider
786
- $dividerHorizontalMargin: 1.25rem 0 !default;
787
- $dividerHorizontalPadding: 0 1.25rem !default;
788
- $dividerVerticalMargin: 0 1.25rem !default;
789
- $dividerVerticalPadding: 1.25rem 0 !default;
790
- $dividerSize: 1px !default;
791
- $dividerColor: $shade300 !default;
792
-
793
- //avatar
794
- $avatarBg: $shade300 !default;
795
- $avatarTextColor: $textColor !default;
796
-
797
- //chip
798
- $chipBg: $shade300 !default;
799
- $chipTextColor: $textColor !default;
800
- $chipBorderRadius: 16px !default;
801
- $chipFocusBg: $shade400 !default;
802
- $chipFocusTextColor: $textColor !default;
803
-
804
- //scrollTop
805
- $scrollTopBg: rgba(0, 0, 0, 0.7) !default;
806
- $scrollTopHoverBg: rgba(0, 0, 0, 0.8) !default;
807
- $scrollTopWidth: 3rem !default;
808
- $scrollTopHeight: 3rem !default;
809
- $scrollTopBorderRadius: 50% !default;
810
- $scrollTopFontSize: 1.5rem !default;
811
- $scrollTopTextColor: $shade100 !default;
812
-
813
- //skeleton
814
- $skeletonBg: $shade300 !default;
815
- $skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default;
816
-
817
- //splitter
818
- $splitterGutterBg: $shade100 !default;
819
- $splitterGutterHandleBg: $shade300 !default;
820
-
821
- //speeddial
822
- $speedDialButtonWidth: 4rem !default;
823
- $speedDialButtonHeight: 4rem !default;
824
- $speedDialButtonIconFontSize: 1.3rem !default;
825
- $speedDialActionWidth: 3rem !default;
826
- $speedDialActionHeight: 3rem !default;
827
- $speedDialActionBg: $shade700 !default;
828
- $speedDialActionHoverBg: #022354 !default;
829
- $speedDialActionTextColor: #fff !default;
830
- $speedDialActionTextHoverColor: #fff !default;
831
-
832
- //dock
833
- $dockActionWidth: 4rem !default;
834
- $dockActionHeight: 4rem !default;
835
- $dockItemPadding: 0.5rem !default;
836
- $dockItemBorderRadius: $borderRadius !default;
837
- $dockCurrentItemMargin: 1.5rem !default;
838
- $dockFirstItemsMargin: 1.3rem !default;
839
- $dockSecondItemsMargin: 0.9rem !default;
840
- $dockBg: rgba(255, 255, 255, 0.1) !default;
841
- $dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default;
842
- $dockPadding: 0.5rem 0.5rem !default;
843
- $dockBorderRadius: 0.5rem !default;
844
-
845
- //image
846
- $imageMaskBg: rgba(0, 0, 0, 0.9) !default;
847
- $imagePreviewToolbarPadding: 1rem !default;
848
- $imagePreviewIndicatorColor: #f8f9fa !default;
849
- $imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default;
850
- $imagePreviewActionIconBg: transparent !default;
851
- $imagePreviewActionIconColor: #f8f9fa !default;
852
- $imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default;
853
- $imagePreviewActionIconHoverColor: #f8f9fa !default;
854
- $imagePreviewActionIconWidth: 3rem !default;
855
- $imagePreviewActionIconHeight: 3rem !default;
856
- $imagePreviewActionIconFontSize: 1.5rem !default;
857
- $imagePreviewActionIconBorderRadius: 50% !default;
858
-
859
- :root {
860
- font-family: 'Poppins', sans-serif;
861
- font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
862
- font-variation-settings: normal;
863
- --font-family: 'Poppins', sans-serif;
864
- --font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
865
- --surface-a: #{$shade000};
866
- --surface-b: #{$shade100};
867
- --surface-c: #{$shade200};
868
- --surface-d: #{$shade300};
869
- --surface-e: #{$shade000};
870
- --surface-f: #{$shade000};
871
- --text-color: #{$shade700};
872
- --text-color-secondary: #{$shade600};
873
- --primary-color: #{$primaryColor};
874
- --primary-color-text: #{$primaryTextColor};
875
- --surface-0: #ffffff;
876
- --surface-50: #f9fafb;
877
- --surface-100: #f3f4f6;
878
- --surface-200: #e5e7eb;
879
- --surface-300: #d1d5db;
880
- --surface-400: #9ca3af;
881
- --surface-500: #6b7280;
882
- --surface-600: #4b5563;
883
- --surface-700: #374151;
884
- --surface-800: #1f2937;
885
- --surface-900: #111827;
886
- --gray-50: #f9fafb;
887
- --gray-100: #f3f4f6;
888
- --gray-200: #e5e7eb;
889
- --gray-300: #d1d5db;
890
- --gray-400: #9ca3af;
891
- --gray-500: #6b7280;
892
- --gray-600: #4b5563;
893
- --gray-700: #374151;
894
- --gray-800: #1f2937;
895
- --gray-900: #111827;
896
- --content-padding: #{$panelContentPadding};
897
- --inline-spacing: #{$inlineSpacing};
898
- --border-radius: #{$borderRadius};
899
- --surface-ground: #f9fafb;
900
- --surface-section: #ffffff;
901
- --surface-card: #ffffff;
902
- --surface-overlay: #ffffff;
903
- --surface-border: #dfe7ef;
904
- --surface-hover: #f6f9fc;
905
- --focus-ring: #{$focusShadow};
906
- --maskbg: #{$maskBg};
907
- --highlight-bg: #{$highlightBg};
908
- --highlight-text-color: #{$highlightTextColor};
909
- color-scheme: light;
910
- --transition-duration: #{$transitionDuration};
911
- }
1
+ $colors: (
2
+ 'blue': #3b82f6,
3
+ 'green': #22c55e,
4
+ 'yellow': #eab308,
5
+ 'cyan': #06b6d4,
6
+ 'pink': #ec4899,
7
+ 'indigo': #6366f1,
8
+ 'teal': #14b8a6,
9
+ 'orange': #f97316,
10
+ 'bluegray': #64748b,
11
+ 'purple': #a855f7,
12
+ 'red': #ff3d32,
13
+ 'primary': $primary500
14
+ );
15
+
16
+ //reused color variables
17
+ $shade000: #ffffff !default; //surface
18
+ $shade100: #f9fafb !default; //header background
19
+ $shade200: #f3f4f6 !default; //hover background
20
+ $shade300: #e5e7eb !default; //border, divider
21
+ $shade400: #d1d5db !default; //input border
22
+ $shade500: #9ca3af !default; //input icon
23
+ $shade600: #6b7280 !default; //text secondary color
24
+ $shade700: #4b5563 !default; //text color
25
+ $shade800: #374151 !default; //unused
26
+ $shade900: #1f2937 !default; //unused
27
+
28
+ //global
29
+ $fontFamily: 'Poppins', sans-serif !default;
30
+ $fontSize: 1rem !default;
31
+ $fontWeight: normal !default;
32
+ $textColor: $shade700 !default;
33
+ $textSecondaryColor: $shade600 !default;
34
+ $borderRadius: 6px !default;
35
+ $transitionDuration: 0.2s !default;
36
+ $formElementTransition:
37
+ background-color $transitionDuration,
38
+ color $transitionDuration,
39
+ border-color $transitionDuration,
40
+ box-shadow $transitionDuration !default;
41
+ $actionIconTransition:
42
+ background-color $transitionDuration,
43
+ color $transitionDuration,
44
+ box-shadow $transitionDuration !default;
45
+ $listItemTransition: box-shadow $transitionDuration !default;
46
+ $primeIconFontSize: 1rem !default;
47
+ $divider: 1px solid $shade300 !default;
48
+ $inlineSpacing: 0.5rem !default;
49
+ $disabledOpacity: 0.6 !default;
50
+ $maskBg: rgba(0, 0, 0, 0.4) !default;
51
+ $loadingIconFontSize: 2rem !default;
52
+ $errorColor: #e24c4c !default;
53
+
54
+ //scale
55
+ $scaleSM: 0.875 !default;
56
+ $scaleLG: 1.25 !default;
57
+
58
+ //focus
59
+ $focusOutlineColor: $primaryLightColor !default;
60
+ $focusOutline: 0 none !default;
61
+ $focusOutlineOffset: 0 !default;
62
+ $focusShadow: 0 0 0 0.2rem $focusOutlineColor !default;
63
+
64
+ //action icons
65
+ $actionIconWidth: 2rem !default;
66
+ $actionIconHeight: 2rem !default;
67
+ $actionIconBg: transparent !default;
68
+ $actionIconBorder: 0 none !default;
69
+ $actionIconColor: $shade600 !default;
70
+ $actionIconHoverBg: $shade200 !default;
71
+ $actionIconHoverBorderColor: transparent !default;
72
+ $actionIconHoverColor: $shade800 !default;
73
+ $actionIconBorderRadius: 50% !default;
74
+
75
+ //input field (e.g. inputtext, spinner, inputmask)
76
+ $inputPadding: 0.65rem 0.65rem !default;
77
+ $inputTextFontSize: 1rem !default;
78
+
79
+ $inputBg: $shade000 !default;
80
+ $inputTextColor: $shade700 !default;
81
+ $inputIconColor: $shade600 !default;
82
+ $inputBorder: 1px solid $shade400 !default;
83
+ $inputHoverBorderColor: $primaryColor !default;
84
+ $inputFocusBorderColor: $primaryColor !default;
85
+ $inputErrorBorderColor: $errorColor !default;
86
+ $inputPlaceholderTextColor: $shade600 !default;
87
+ $inputFilledBg: $shade200 !default;
88
+ $inputFilledHoverBg: $inputFilledBg !default;
89
+ $inputFilledFocusBg: $shade000 !default;
90
+
91
+ //input groups
92
+ $inputGroupBg: $shade200 !default;
93
+ $inputGroupTextColor: $shade600 !default;
94
+ $inputGroupAddOnMinWidth: 3rem !default;
95
+
96
+ //input lists (e.g. dropdown, autocomplete, multiselect, orderlist)
97
+ $inputListBg: $shade000 !default;
98
+ $inputListTextColor: $shade700 !default;
99
+ $inputListBorder: $inputBorder !default;
100
+ $inputListPadding: 0.75rem 0 !default;
101
+ $inputListItemPadding: 0.75rem 1.25rem !default;
102
+ $inputListItemBg: transparent !default;
103
+ $inputListItemTextColor: $shade700 !default;
104
+ $inputListItemHoverBg: $shade200 !default;
105
+ $inputListItemTextHoverColor: $shade700 !default;
106
+ $inputListItemFocusBg: $shade300 !default;
107
+ $inputListItemTextFocusColor: $shade700 !default;
108
+ $inputListItemBorder: 0 none !default;
109
+ $inputListItemBorderRadius: 0 !default;
110
+ $inputListItemMargin: 0 !default;
111
+ $inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default;
112
+ $inputListHeaderPadding: 0.75rem 1.25rem !default;
113
+ $inputListHeaderMargin: 0 !default;
114
+ $inputListHeaderBg: $shade100 !default;
115
+ $inputListHeaderTextColor: $shade800 !default;
116
+ $inputListHeaderBorder: 1px solid $shade300 !default;
117
+
118
+ //inputs with overlays (e.g. autocomplete, dropdown, multiselect)
119
+ $inputOverlayBg: $inputListBg !default;
120
+ $inputOverlayHeaderBg: $inputListHeaderBg !default;
121
+ $inputOverlayBorder: 0 none !default;
122
+ $inputOverlayShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
123
+
124
+ //password
125
+ $passwordMeterBg: $shade300 !default;
126
+ $passwordWeakBg: #ea5455 !default;
127
+ $passwordMediumBg: #ff9f42 !default;
128
+ $passwordStrongBg: #29c76f !default;
129
+
130
+ //button
131
+ $buttonPadding: 0.5rem 0.75rem !default;
132
+ $buttonIconOnlyWidth: 3rem !default;
133
+ $buttonIconOnlyPadding: 0.75rem 0 !default;
134
+ $buttonBg: $primaryColor !default;
135
+ $buttonTextColor: $primaryTextColor !default;
136
+ $buttonBorder: 1px solid $primaryColor !default;
137
+ $buttonHoverBg: $primaryDarkColor !default;
138
+ $buttonTextHoverColor: $primaryTextColor !default;
139
+ $buttonHoverBorderColor: $primaryDarkColor !default;
140
+ $buttonActiveBg: $primaryDarkerColor !default;
141
+ $buttonTextActiveColor: $primaryTextColor !default;
142
+ $buttonActiveBorderColor: $primaryDarkerColor !default;
143
+ $raisedButtonShadow:
144
+ 0 3px 1px -2px rgba(0, 0, 0, 0.2),
145
+ 0 2px 2px 0 rgba(0, 0, 0, 0.14),
146
+ 0 1px 5px 0 rgba(0, 0, 0, 0.12) !default;
147
+ $roundedButtonBorderRadius: 2rem !default;
148
+
149
+ $textButtonHoverBgOpacity: 0.04 !default;
150
+ $textButtonActiveBgOpacity: 0.16 !default;
151
+ $outlinedButtonBorder: 1px solid !default;
152
+ $plainButtonTextColor: $textSecondaryColor !default;
153
+ $plainButtonHoverBgColor: $shade200 !default;
154
+ $plainButtonActiveBgColor: $shade300 !default;
155
+
156
+ $secondaryButtonBg: #64748b !default;
157
+ $secondaryButtonTextColor: #ffffff !default;
158
+ $secondaryButtonBorder: 1px solid $secondaryButtonBg !default;
159
+ $secondaryButtonHoverBg: #475569 !default;
160
+ $secondaryButtonTextHoverColor: $secondaryButtonTextColor !default;
161
+ $secondaryButtonHoverBorderColor: #475569 !default;
162
+ $secondaryButtonActiveBg: #334155 !default;
163
+ $secondaryButtonTextActiveColor: $secondaryButtonTextColor !default;
164
+ $secondaryButtonActiveBorderColor: #334155 !default;
165
+ $secondaryButtonFocusShadow: 0 0 0 0.2rem #e2e8f0 !default;
166
+
167
+ $infoButtonBg: #3b82f6 !default;
168
+ $infoButtonTextColor: #ffffff !default;
169
+ $infoButtonBorder: 1px solid $infoButtonBg !default;
170
+ $infoButtonHoverBg: #2563eb !default;
171
+ $infoButtonTextHoverColor: $infoButtonTextColor !default;
172
+ $infoButtonHoverBorderColor: #2563eb !default;
173
+ $infoButtonActiveBg: #1d4ed8 !default;
174
+ $infoButtonTextActiveColor: $infoButtonTextColor !default;
175
+ $infoButtonActiveBorderColor: #1d4ed8 !default;
176
+ $infoButtonFocusShadow: 0 0 0 0.2rem #bfdbfe !default;
177
+
178
+ $successButtonBg: #22c55e !default;
179
+ $successButtonTextColor: #ffffff !default;
180
+ $successButtonBorder: 1px solid $successButtonBg !default;
181
+ $successButtonHoverBg: #16a34a !default;
182
+ $successButtonTextHoverColor: $successButtonTextColor !default;
183
+ $successButtonHoverBorderColor: #16a34a !default;
184
+ $successButtonActiveBg: #15803d !default;
185
+ $successButtonTextActiveColor: $successButtonTextColor !default;
186
+ $successButtonActiveBorderColor: #15803d !default;
187
+ $successButtonFocusShadow: 0 0 0 0.2rem #bbf7d0 !default;
188
+
189
+ $warningButtonBg: #f59e0b !default;
190
+ $warningButtonTextColor: #ffffff !default;
191
+ $warningButtonBorder: 1px solid $warningButtonBg !default;
192
+ $warningButtonHoverBg: #d97706 !default;
193
+ $warningButtonTextHoverColor: $warningButtonTextColor !default;
194
+ $warningButtonHoverBorderColor: #d97706 !default;
195
+ $warningButtonActiveBg: #b45309 !default;
196
+ $warningButtonTextActiveColor: $warningButtonTextColor !default;
197
+ $warningButtonActiveBorderColor: #b45309 !default;
198
+ $warningButtonFocusShadow: 0 0 0 0.2rem #fde68a !default;
199
+
200
+ $helpButtonBg: #a855f7 !default;
201
+ $helpButtonTextColor: #ffffff !default;
202
+ $helpButtonBorder: 1px solid $helpButtonBg !default;
203
+ $helpButtonHoverBg: #9333ea !default;
204
+ $helpButtonTextHoverColor: $helpButtonTextColor !default;
205
+ $helpButtonHoverBorderColor: #9333ea !default;
206
+ $helpButtonActiveBg: #7e22ce !default;
207
+ $helpButtonTextActiveColor: $helpButtonTextColor !default;
208
+ $helpButtonActiveBorderColor: #7e22ce !default;
209
+ $helpButtonFocusShadow: 0 0 0 0.2rem #e9d5ff !default;
210
+
211
+ $dangerButtonBg: #ef4444 !default;
212
+ $dangerButtonTextColor: #ffffff !default;
213
+ $dangerButtonBorder: 1px solid $dangerButtonBg !default;
214
+ $dangerButtonHoverBg: #dc2626 !default;
215
+ $dangerButtonTextHoverColor: $dangerButtonTextColor !default;
216
+ $dangerButtonHoverBorderColor: #dc2626 !default;
217
+ $dangerButtonActiveBg: #b91c1c !default;
218
+ $dangerButtonTextActiveColor: $dangerButtonTextColor !default;
219
+ $dangerButtonActiveBorderColor: #b91c1c !default;
220
+ $dangerButtonFocusShadow: 0 0 0 0.2rem #fecaca !default;
221
+
222
+ $linkButtonColor: $primaryDarkerColor !default;
223
+ $linkButtonHoverColor: $primaryDarkerColor !default;
224
+ $linkButtonTextHoverDecoration: underline !default;
225
+ $linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor !default;
226
+
227
+ //checkbox
228
+ $checkboxWidth: 22px !default;
229
+ $checkboxHeight: 22px !default;
230
+ $checkboxBorder: 2px solid $shade400 !default;
231
+ $checkboxIconFontSize: 14px !default;
232
+ $checkboxActiveBorderColor: $primaryColor !default;
233
+ $checkboxActiveBg: $primaryColor !default;
234
+ $checkboxIconActiveColor: $primaryTextColor !default;
235
+ $checkboxActiveHoverBg: $primaryDarkerColor !default;
236
+ $checkboxIconActiveHoverColor: $primaryTextColor !default;
237
+ $checkboxActiveHoverBorderColor: $primaryDarkerColor !default;
238
+
239
+ //radiobutton
240
+ $radiobuttonWidth: 22px !default;
241
+ $radiobuttonHeight: 22px !default;
242
+ $radiobuttonBorder: 2px solid $shade400 !default;
243
+ $radiobuttonIconSize: 12px !default;
244
+ $radiobuttonActiveBorderColor: $primaryColor !default;
245
+ $radiobuttonActiveBg: $primaryColor !default;
246
+ $radiobuttonIconActiveColor: $primaryTextColor !default;
247
+ $radiobuttonActiveHoverBg: $primaryDarkerColor !default;
248
+ $radiobuttonIconActiveHoverColor: $primaryTextColor !default;
249
+ $radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default;
250
+
251
+ //colorpicker
252
+ $colorPickerPreviewWidth: 2rem !default;
253
+ $colorPickerPreviewHeight: 2rem !default;
254
+ $colorPickerBg: #323232 !default;
255
+ $colorPickerBorder: 1px solid #191919 !default;
256
+ $colorPickerHandleColor: $shade000 !default;
257
+
258
+ //togglebutton
259
+ $toggleButtonBg: $inputBg !default;
260
+ $toggleButtonBorder: 1px solid $shade400 !default;
261
+ $toggleButtonTextColor: $shade700 !default;
262
+ $toggleButtonIconColor: $shade600 !default;
263
+ $toggleButtonHoverBg: $shade200 !default;
264
+ $toggleButtonHoverBorderColor: $shade400 !default;
265
+ $toggleButtonTextHoverColor: $shade700 !default;
266
+ $toggleButtonIconHoverColor: $shade800 !default;
267
+ $toggleButtonActiveBg: $primaryColor !default;
268
+ $toggleButtonActiveBorderColor: $primaryColor !default;
269
+ $toggleButtonTextActiveColor: $primaryTextColor !default;
270
+ $toggleButtonIconActiveColor: $primaryTextColor !default;
271
+ $toggleButtonActiveHoverBg: $primaryDarkColor !default;
272
+ $toggleButtonActiveHoverBorderColor: $primaryDarkColor !default;
273
+ $toggleButtonTextActiveHoverColor: $primaryTextColor !default;
274
+ $toggleButtonIconActiveHoverColor: $primaryTextColor !default;
275
+
276
+ //inplace
277
+ $inplacePadding: $inputPadding !default;
278
+ $inplaceHoverBg: $shade200 !default;
279
+ $inplaceTextHoverColor: $shade700 !default;
280
+
281
+ //rating
282
+ $ratingIconFontSize: 1.143rem !default;
283
+ $ratingCancelIconColor: #ea5455 !default;
284
+ $ratingCancelIconHoverColor: #e73d3e !default;
285
+ $ratingStarIconOffColor: $shade700 !default;
286
+ $ratingStarIconOnColor: $primaryColor !default;
287
+ $ratingStarIconHoverColor: $primaryColor !default;
288
+
289
+ //slider
290
+ $sliderBg: $shade300 !default;
291
+ $sliderBorder: 0 none !default;
292
+ $sliderHorizontalHeight: 0.286rem !default;
293
+ $sliderVerticalWidth: 0.286rem !default;
294
+ $sliderHandleWidth: 1.143rem !default;
295
+ $sliderHandleHeight: 1.143rem !default;
296
+ $sliderHandleBg: $shade000 !default;
297
+ $sliderHandleBorder: 2px solid $primaryColor !default;
298
+ $sliderHandleBorderRadius: 50% !default;
299
+ $sliderHandleHoverBorderColor: $primaryColor !default;
300
+ $sliderHandleHoverBg: $primaryColor !default;
301
+ $sliderRangeBg: $primaryColor !default;
302
+
303
+ //calendar
304
+ $calendarTableMargin: 0.5rem 0 !default;
305
+ $calendarPadding: 0.5rem !default;
306
+ $calendarBg: $shade000 !default;
307
+ $calendarInlineBg: $calendarBg !default;
308
+ $calendarTextColor: $shade700 !default;
309
+ $calendarBorder: $inputListBorder !default;
310
+ $calendarOverlayBorder: $inputOverlayBorder !default;
311
+
312
+ $calendarHeaderPadding: 0.5rem !default;
313
+ $calendarHeaderBg: $shade000 !default;
314
+ $calendarInlineHeaderBg: $calendarBg !default;
315
+ $calendarHeaderBorder: 1px solid $shade300 !default;
316
+ $calendarHeaderTextColor: $shade700 !default;
317
+ $calendarHeaderFontWeight: 600 !default;
318
+ $calendarHeaderCellPadding: 0.5rem !default;
319
+ $calendarMonthYearHeaderHoverTextColor: $primaryColor !default;
320
+
321
+ $calendarCellDatePadding: 0.5rem !default;
322
+ $calendarCellDateWidth: 2.5rem !default;
323
+ $calendarCellDateHeight: 2.5rem !default;
324
+ $calendarCellDateBorderRadius: 50% !default;
325
+ $calendarCellDateBorder: 1px solid transparent !default;
326
+ $calendarCellDateHoverBg: $shade200 !default;
327
+ $calendarCellDateTodayBg: $shade400 !default;
328
+ $calendarCellDateTodayBorderColor: transparent !default;
329
+ $calendarCellDateTodayTextColor: $shade700 !default;
330
+
331
+ $calendarButtonBarPadding: 0 !default;
332
+ $calendarTimePickerPadding: 0.5rem !default;
333
+ $calendarTimePickerElementPadding: 0 0.5rem !default;
334
+ $calendarTimePickerTimeFontSize: 1.25rem !default;
335
+
336
+ $calendarBreakpoint: 769px !default;
337
+ $calendarCellDatePaddingSM: 0 !default;
338
+
339
+ //input switch
340
+ $inputSwitchWidth: 3rem !default;
341
+ $inputSwitchHeight: 1.75rem !default;
342
+ $inputSwitchBorderRadius: 30px !default;
343
+ $inputSwitchHandleWidth: 1.25rem !default;
344
+ $inputSwitchHandleHeight: 1.25rem !default;
345
+ $inputSwitchHandleBorderRadius: 50% !default;
346
+ $inputSwitchSliderPadding: 0.25rem !default;
347
+ $inputSwitchSliderOffBg: $shade400 !default;
348
+ $inputSwitchHandleOffBg: $shade000 !default;
349
+ $inputSwitchSliderOffHoverBg: scale-color($shade400, $lightness: -10%) !default;
350
+ $inputSwitchSliderOnBg: $primaryColor !default;
351
+ $inputSwitchSliderOnHoverBg: $primaryDarkColor !default;
352
+ $inputSwitchHandleOnBg: $shade000 !default;
353
+
354
+ //panel
355
+ $panelHeaderBorderColor: $shade300 !default;
356
+ $panelHeaderBorder: 1px solid $shade300 !default;
357
+ $panelHeaderBg: $shade100 !default;
358
+ $panelHeaderTextColor: $shade800 !default;
359
+ $panelHeaderFontWeight: 700 !default;
360
+ $panelHeaderPadding: 1.25rem !default;
361
+ $panelToggleableHeaderPadding: 0.25rem 1.25rem !default;
362
+
363
+ $panelHeaderHoverBg: $shade200 !default;
364
+ $panelHeaderHoverBorderColor: $shade300 !default;
365
+ $panelHeaderTextHoverColor: $shade800 !default;
366
+
367
+ $panelContentBorderColor: $shade300 !default;
368
+ $panelContentBorder: 1px solid $shade300 !default;
369
+ $panelContentBg: $shade000 !default;
370
+ $panelContentEvenRowBg: scale-color($panelContentBg, $lightness: -1%) !default;
371
+ $panelContentTextColor: $shade700 !default;
372
+ $panelContentPadding: 1rem !default;
373
+
374
+ $panelFooterBorder: 1px solid $shade300 !default;
375
+ $panelFooterBg: $shade000 !default;
376
+ $panelFooterTextColor: $shade700 !default;
377
+ $panelFooterPadding: 0.75rem 1.25rem !default;
378
+
379
+ //accordion
380
+ $accordionSpacing: 4px !default;
381
+ $accordionHeaderBorder: $panelHeaderBorder !default;
382
+ $accordionHeaderBg: $panelHeaderBg !default;
383
+ $accordionHeaderTextColor: $shade600 !default;
384
+ $accordionHeaderFontWeight: $panelHeaderFontWeight !default;
385
+ $accordionHeaderPadding: $panelHeaderPadding !default;
386
+
387
+ $accordionHeaderHoverBg: $shade200 !default;
388
+ $accordionHeaderHoverBorderColor: $shade300 !default;
389
+ $accordionHeaderTextHoverColor: $shade800 !default;
390
+
391
+ $accordionHeaderActiveBg: $panelHeaderBg !default;
392
+ $accordionHeaderActiveBorderColor: $shade300 !default;
393
+ $accordionHeaderTextActiveColor: $shade800 !default;
394
+
395
+ $accordionHeaderActiveHoverBg: $shade200 !default;
396
+ $accordionHeaderActiveHoverBorderColor: $shade300 !default;
397
+ $accordionHeaderTextActiveHoverColor: $shade800 !default;
398
+
399
+ $accordionContentBorder: $panelContentBorder !default;
400
+ $accordionContentBg: $panelContentBg !default;
401
+ $accordionContentTextColor: $panelContentTextColor !default;
402
+ $accordionContentPadding: $panelContentPadding !default;
403
+
404
+ //tabview
405
+ $tabviewNavBorder: 1px solid $shade300 !default;
406
+ $tabviewNavBorderWidth: 0 0 2px 0 !default;
407
+ $tabviewNavBg: $shade000 !default;
408
+
409
+ $tabviewHeaderSpacing: 0 !default;
410
+ $tabviewHeaderBorder: solid $shade300 !default;
411
+ $tabviewHeaderBorderWidth: 0 0 2px 0 !default;
412
+ $tabviewHeaderBorderColor: transparent transparent $shade300 transparent !default;
413
+ $tabviewHeaderBg: $shade000 !default;
414
+ $tabviewHeaderTextColor: $shade600 !default;
415
+ $tabviewHeaderFontWeight: $panelHeaderFontWeight !default;
416
+ $tabviewHeaderPadding: $panelHeaderPadding !default;
417
+ $tabviewHeaderMargin: 0 0 -2px 0 !default;
418
+
419
+ $tabviewHeaderHoverBg: $shade000 !default;
420
+ $tabviewHeaderHoverBorderColor: $shade500 !default;
421
+ $tabviewHeaderTextHoverColor: $shade600 !default;
422
+
423
+ $tabviewHeaderActiveBg: $shade000 !default;
424
+ $tabviewHeaderActiveBorderColor: $primaryColor !default;
425
+ $tabviewHeaderTextActiveColor: $primaryColor !default;
426
+
427
+ $tabviewContentBorder: 0 none !default;
428
+ $tabviewContentBg: $panelContentBg !default;
429
+ $tabviewContentTextColor: $panelContentTextColor !default;
430
+ $tabviewContentPadding: $panelContentPadding !default;
431
+
432
+ //upload
433
+ $fileUploadProgressBarHeight: 0.25rem !default;
434
+ $fileUploadContentPadding: 2rem 1rem !default;
435
+ $fileUploadContentHoverBorder: 1px dashed $primaryColor !default;
436
+ $fileUploadFileBorder: 1px solid $shade300 !default;
437
+ $fileUploadFilePadding: 1rem !default;
438
+
439
+ //scrollpanel
440
+ $scrollPanelTrackBorder: 0 none !default;
441
+ $scrollPanelTrackBg: $shade100 !default;
442
+
443
+ //card
444
+ $cardBodyPadding: 1.25rem !default;
445
+ $cardTitleFontSize: 1.5rem !default;
446
+ $cardTitleFontWeight: 700 !default;
447
+ $cardSubTitleFontWeight: 400 !default;
448
+ $cardSubTitleColor: $shade600 !default;
449
+ $cardContentPadding: 1.25rem 0 !default;
450
+ $cardFooterPadding: 1.25rem 0 0 0 !default;
451
+ $cardShadow:
452
+ 0 2px 1px -1px rgba(0, 0, 0, 0.2),
453
+ 0 1px 1px 0 rgba(0, 0, 0, 0.14),
454
+ 0 1px 3px 0 rgba(0, 0, 0, 0.12) !default;
455
+
456
+ //editor
457
+ $editorToolbarBg: $panelHeaderBg !default;
458
+ $editorToolbarBorder: $panelHeaderBorder !default;
459
+ $editorToolbarPadding: $panelHeaderPadding !default;
460
+ $editorToolbarIconColor: $textSecondaryColor !default;
461
+ $editorToolbarIconHoverColor: $textColor !default;
462
+ $editorIconActiveColor: $primaryColor !default;
463
+ $editorContentBorder: $panelContentBorder !default;
464
+ $editorContentBg: $panelContentBg !default;
465
+
466
+ //paginator
467
+ $paginatorBg: $shade000 !default;
468
+ $paginatorTextColor: $shade600 !default;
469
+ $paginatorBorder: solid $shade200 !default;
470
+ $paginatorBorderWidth: 0 !default;
471
+ $paginatorPadding: 0.25rem !default;
472
+ $paginatorElementWidth: $buttonIconOnlyWidth !default;
473
+ $paginatorElementHeight: $buttonIconOnlyWidth !default;
474
+ $paginatorElementBg: transparent !default;
475
+ $paginatorElementBorder: 0 none !default;
476
+ $paginatorElementIconColor: $shade600 !default;
477
+ $paginatorElementHoverBg: $shade200 !default;
478
+ $paginatorElementHoverBorderColor: transparent !default;
479
+ $paginatorElementIconHoverColor: $shade800 !default;
480
+ $paginatorElementBorderRadius: 50% !default;
481
+ $paginatorElementMargin: 0.143rem !default;
482
+ $paginatorElementPadding: 0 !default;
483
+
484
+ //table
485
+ $tableHeaderBorder: 1px solid $shade300 !default;
486
+ $tableHeaderBorderWidth: 1px 0 1px 0 !default;
487
+ $tableHeaderBg: $shade100 !default;
488
+ $tableHeaderTextColor: $shade800 !default;
489
+ $tableHeaderFontWeight: 700 !default;
490
+ $tableHeaderPadding: 1rem 1rem !default;
491
+
492
+ $tableHeaderCellPadding: 0.5rem 0.5rem !default;
493
+ $tableHeaderCellBg: $shade100 !default;
494
+ $tableHeaderCellTextColor: $shade800 !default;
495
+ $tableHeaderCellFontWeight: 700 !default;
496
+ $tableHeaderCellBorder: 1px solid $shade300 !default;
497
+ $tableHeaderCellBorderWidth: 0 0 1px 0 !default;
498
+ $tableHeaderCellHoverBg: $shade200 !default;
499
+ $tableHeaderCellTextHoverColor: $shade800 !default;
500
+ $tableHeaderCellIconColor: $shade800 !default;
501
+ $tableHeaderCellIconHoverColor: $shade800 !default;
502
+ $tableHeaderCellHighlightBg: $highlightBg !default;
503
+ $tableHeaderCellHighlightTextColor: $highlightTextColor !default;
504
+ $tableHeaderCellHighlightHoverBg: $highlightBg !default;
505
+ $tableHeaderCellHighlightTextHoverColor: $highlightTextColor !default;
506
+ $tableSortableColumnBadgeSize: 1.143rem !default;
507
+
508
+ $tableBodyRowBg: $shade000 !default;
509
+ $tableBodyRowTextColor: $shade700 !default;
510
+ $tableBodyRowEvenBg: scale-color($tableBodyRowBg, $lightness: -1%) !default;
511
+ $tableBodyRowHoverBg: $shade200 !default;
512
+ $tableBodyRowTextHoverColor: $shade900 !default;
513
+ $tableBodyCellBorder: 1px solid $shade300 !default;
514
+ $tableBodyCellBorderWidth: 0 0 1px 0 !default;
515
+ $tableBodyCellPadding: 0.5rem 0.5rem !default;
516
+
517
+ $tableFooterCellPadding: 1rem 1rem !default;
518
+ $tableFooterCellBg: $shade100 !default;
519
+ $tableFooterCellTextColor: $shade800 !default;
520
+ $tableFooterCellFontWeight: 700 !default;
521
+ $tableFooterCellBorder: 1px solid $shade300 !default;
522
+ $tableFooterCellBorderWidth: 0 0 1px 0 !default;
523
+ $tableResizerHelperBg: $primaryColor !default;
524
+
525
+ $tableFooterBorder: 1px solid $shade300 !default;
526
+ $tableFooterBorderWidth: 0 0 1px 0 !default;
527
+ $tableFooterBg: $shade100 !default;
528
+ $tableFooterTextColor: $shade800 !default;
529
+ $tableFooterFontWeight: 700 !default;
530
+ $tableFooterPadding: 1rem 1rem !default;
531
+
532
+ $tableCellContentAlignment: left !default;
533
+ $tableTopPaginatorBorderWidth: 0 0 1px 0 !default;
534
+ $tableBottomPaginatorBorderWidth: 0 0 1px 0 !default;
535
+
536
+ $tableScaleSM: 0.5 !default;
537
+ $tableScaleLG: 1.25 !default;
538
+
539
+ //dataview
540
+ $dataViewContentPadding: 0 !default;
541
+ $dataViewContentBorder: 0 none !default;
542
+ $dataViewListItemBorder: solid $shade300 !default;
543
+ $dataViewListItemBorderWidth: 0 0 1px 0 !default;
544
+
545
+ //schedule
546
+ $fullCalendarEventBg: $primaryDarkColor !default;
547
+ $fullCalendarEventBorderColor: $primaryDarkColor !default;
548
+ $fullCalendarEventBorder: 1px solid $primaryDarkColor !default;
549
+ $fullCalendarEventTextColor: $primaryTextColor !default;
550
+
551
+ //tree
552
+ $treeContainerPadding: 0.286rem !default;
553
+ $treeNodePadding: 0.143rem !default;
554
+ $treeNodeContentPadding: 0.5rem !default;
555
+ $treeNodeChildrenPadding: 0 0 0 1rem !default;
556
+ $treeNodeIconColor: $shade600 !default;
557
+
558
+ //timeline
559
+ $timelineVerticalEventContentPadding: 0 1rem !default;
560
+ $timelineHorizontalEventContentPadding: 1rem 0 !default;
561
+ $timelineEventMarkerWidth: 1rem !default;
562
+ $timelineEventMarkerHeight: 1rem !default;
563
+ $timelineEventMarkerBorderRadius: 50% !default;
564
+ $timelineEventMarkerBorder: 2px solid $primaryColor !default;
565
+ $timelineEventMarkerBackground: $primaryTextColor !default;
566
+ $timelineEventConnectorSize: 2px !default;
567
+ $timelineEventColor: $shade300 !default;
568
+
569
+ //org chart
570
+ $organizationChartConnectorColor: $shade300 !default;
571
+
572
+ //message
573
+ $messageMargin: 1rem 0 !default;
574
+ $messagePadding: 1.25rem 1.75rem !default;
575
+ $messageBorderWidth: 0 0 0 6px !default;
576
+ $messageIconFontSize: 1.5rem !default;
577
+ $messageTextFontSize: 1rem !default;
578
+ $messageTextFontWeight: 500 !default;
579
+
580
+ //inline message
581
+ $inlineMessagePadding: $inputPadding !default;
582
+ $inlineMessageMargin: 0 !default;
583
+ $inlineMessageIconFontSize: 1rem !default;
584
+ $inlineMessageTextFontSize: 1rem !default;
585
+ $inlineMessageBorderWidth: 0px !default;
586
+
587
+ //toast
588
+ $toastIconFontSize: 2rem !default;
589
+ $toastMessageTextMargin: 0 0 0 1rem !default;
590
+ $toastMargin: 0 0 1rem 0 !default;
591
+ $toastPadding: 1rem !default;
592
+ $toastBorderWidth: 0 0 0 6px !default;
593
+ $toastShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
594
+ $toastOpacity: 1 !default;
595
+ $toastTitleFontWeight: 700 !default;
596
+ $toastDetailMargin: $inlineSpacing 0 0 0 !default;
597
+
598
+ //severities
599
+ $infoMessageBg: rgba(219, 234, 254, 0.7) !default;
600
+ $infoMessageBorder: solid #3b82f6 !default;
601
+ $infoMessageTextColor: #3b82f6 !default;
602
+ $infoMessageIconColor: #3b82f6 !default;
603
+ $successMessageBg: rgba(228, 248, 240, 0.7) !default;
604
+ $successMessageBorder: solid #1ea97c !default;
605
+ $successMessageTextColor: #1ea97c !default;
606
+ $successMessageIconColor: #1ea97c !default;
607
+ $warningMessageBg: rgba(255, 242, 226, 0.7) !default;
608
+ $warningMessageBorder: solid #cc8925 !default;
609
+ $warningMessageTextColor: #cc8925 !default;
610
+ $warningMessageIconColor: #cc8925 !default;
611
+ $errorMessageBg: rgba(255, 231, 230, 0.7) !default;
612
+ $errorMessageBorder: solid #ff5757 !default;
613
+ $errorMessageTextColor: #ff5757 !default;
614
+ $errorMessageIconColor: #ff5757 !default;
615
+
616
+ //overlays
617
+ $overlayContentBorder: 0 none !default;
618
+ $overlayContentBg: $panelContentBg !default;
619
+ $overlayContainerShadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;
620
+
621
+ //dialog
622
+ $dialogHeaderBg: $shade000 !default;
623
+ $dialogHeaderBorder: 0 none !default;
624
+ $dialogHeaderTextColor: $shade800 !default;
625
+ $dialogHeaderFontWeight: 700 !default;
626
+ $dialogHeaderFontSize: 1.25rem !default;
627
+ $dialogHeaderPadding: 1.5rem !default;
628
+ $dialogContentPadding: 0 1.5rem 2rem 1.5rem !default;
629
+ $dialogFooterBorder: 0 none !default;
630
+ $dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default;
631
+
632
+ //confirmpopup
633
+ $confirmPopupContentPadding: $panelContentPadding !default;
634
+ $confirmPopupFooterPadding: 0 1.25rem 1.25rem 1.25rem !default;
635
+
636
+ //tooltip
637
+ $tooltipBg: $shade700 !default;
638
+ $tooltipTextColor: $shade000 !default;
639
+ $tooltipPadding: $inputPadding !default;
640
+
641
+ //steps
642
+ $stepsItemBg: $shade000 !default;
643
+ $stepsItemBorder: 1px solid $shade200 !default;
644
+ $stepsItemTextColor: $shade600 !default;
645
+ $stepsItemNumberWidth: 2rem !default;
646
+ $stepsItemNumberHeight: 2rem !default;
647
+ $stepsItemNumberFontSize: 1.143rem !default;
648
+ $stepsItemNumberColor: $shade700 !default;
649
+ $stepsItemNumberBorderRadius: 50% !default;
650
+ $stepsItemActiveFontWeight: 700 !default;
651
+
652
+ //progressbar, progressspinner
653
+ $progressBarHeight: 1.5rem !default;
654
+ $progressBarBorder: 0 none !default;
655
+ $progressBarBg: $shade300 !default;
656
+ $progressBarValueBg: $primaryColor !default;
657
+ $progressBarValueTextColor: $primaryTextColor !default;
658
+
659
+ $progressSpinnerStrokeColor: $errorMessageTextColor !default;
660
+ $progressSpinnerColorOne: $errorMessageTextColor !default;
661
+ $progressSpinnerColorTwo: $infoMessageTextColor !default;
662
+ $progressSpinnerColorThree: $successMessageTextColor !default;
663
+ $progressSpinnerColorFour: $warningMessageTextColor !default;
664
+
665
+ //menu (e.g. menu, menubar, tieredmenu)
666
+ $menuWidth: 12.5rem !default;
667
+ $menuBg: $shade000 !default;
668
+ $menuBorder: 1px solid $shade300 !default;
669
+ $menuTextColor: $shade700 !default;
670
+ $menuitemPadding: 0.75rem 1.25rem !default;
671
+ $menuitemBorderRadius: 0 !default;
672
+ $menuitemTextColor: $shade700 !default;
673
+ $menuitemIconColor: $shade600 !default;
674
+ $menuitemTextHoverColor: $shade700 !default;
675
+ $menuitemIconHoverColor: $shade600 !default;
676
+ $menuitemHoverBg: $shade200 !default;
677
+ $menuitemTextFocusColor: $shade700 !default;
678
+ $menuitemIconFocusColor: $shade700 !default;
679
+ $menuitemFocusBg: $shade300 !default;
680
+ $menuitemTextActiveColor: $highlightTextColor !default;
681
+ $menuitemIconActiveColor: $highlightTextColor !default;
682
+ $menuitemActiveBg: $highlightBg !default;
683
+ $menuitemActiveFocusBg: $highlightFocusBg !default;
684
+ $menuitemSubmenuIconFontSize: 0.875rem !default;
685
+ $submenuHeaderMargin: 0 !default;
686
+ $submenuHeaderPadding: 0.75rem 1.25rem !default;
687
+ $submenuHeaderBg: $shade000 !default;
688
+ $submenuHeaderTextColor: $shade800 !default;
689
+ $submenuHeaderBorderRadius: 0 !default;
690
+ $submenuHeaderFontWeight: 700 !default;
691
+ $overlayMenuBg: $menuBg !default;
692
+ $overlayMenuBorder: 0 none !default;
693
+ $overlayMenuShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
694
+ $verticalMenuPadding: 0.25rem 0 !default;
695
+ $menuSeparatorMargin: 0.25rem 0 !default;
696
+
697
+ $breadcrumbPadding: 1rem !default;
698
+ $breadcrumbBg: $menuBg !default;
699
+ $breadcrumbBorder: $menuBorder !default;
700
+ $breadcrumbItemTextColor: $menuitemTextColor !default;
701
+ $breadcrumbItemIconColor: $menuitemIconColor !default;
702
+ $breadcrumbLastItemTextColor: $menuitemTextColor !default;
703
+ $breadcrumbLastItemIconColor: $menuitemIconColor !default;
704
+ $breadcrumbSeparatorColor: $menuitemTextColor !default;
705
+
706
+ $horizontalMenuPadding: 0.5rem !default;
707
+ $horizontalMenuBg: $shade100 !default;
708
+ $horizontalMenuBorder: $menuBorder !default;
709
+ $horizontalMenuTextColor: $menuTextColor !default;
710
+ $horizontalMenuRootMenuitemPadding: $menuitemPadding !default;
711
+ $horizontalMenuRootMenuitemBorderRadius: $borderRadius !default;
712
+ $horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default;
713
+ $horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default;
714
+ $horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default;
715
+ $horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default;
716
+ $horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default;
717
+ $horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default;
718
+ $horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default;
719
+ $horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default;
720
+
721
+ //badge and tag
722
+ $badgeBg: $primaryColor !default;
723
+ $badgeTextColor: $primaryTextColor !default;
724
+ $badgeMinWidth: 1.5rem !default;
725
+ $badgeHeight: 1.5rem !default;
726
+ $badgeFontWeight: 700 !default;
727
+ $badgeFontSize: 0.75rem !default;
728
+
729
+ $tagPadding: 0.25rem 0.4rem !default;
730
+
731
+ //carousel
732
+ $carouselIndicatorsPadding: 1rem !default;
733
+ $carouselIndicatorBg: $shade400 !default;
734
+ $carouselIndicatorHoverBg: $shade500 !default;
735
+ $carouselIndicatorBorderRadius: 0 !default;
736
+ $carouselIndicatorWidth: 2rem !default;
737
+ $carouselIndicatorHeight: 0.5rem !default;
738
+
739
+ //galleria
740
+ $galleriaMaskBg: rgba(0, 0, 0, 0.9) !default;
741
+ $galleriaCloseIconMargin: 0.5rem !default;
742
+ $galleriaCloseIconFontSize: 2rem !default;
743
+ $galleriaCloseIconBg: transparent !default;
744
+ $galleriaCloseIconColor: $shade100 !default;
745
+ $galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default;
746
+ $galleriaCloseIconHoverColor: $shade100 !default;
747
+ $galleriaCloseIconWidth: 4rem !default;
748
+ $galleriaCloseIconHeight: 4rem !default;
749
+ $galleriaCloseIconBorderRadius: 50% !default;
750
+
751
+ $galleriaItemNavigatorBg: transparent !default;
752
+ $galleriaItemNavigatorColor: $shade100 !default;
753
+ $galleriaItemNavigatorMargin: 0 0.5rem !default;
754
+ $galleriaItemNavigatorFontSize: 2rem !default;
755
+ $galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default;
756
+ $galleriaItemNavigatorHoverColor: $shade100 !default;
757
+ $galleriaItemNavigatorWidth: 4rem !default;
758
+ $galleriaItemNavigatorHeight: 4rem !default;
759
+ $galleriaItemNavigatorBorderRadius: $borderRadius !default;
760
+
761
+ $galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default;
762
+ $galleriaCaptionTextColor: $shade100 !default;
763
+ $galleriaCaptionPadding: 1rem !default;
764
+
765
+ $galleriaIndicatorsPadding: 1rem !default;
766
+ $galleriaIndicatorBg: $shade400 !default;
767
+ $galleriaIndicatorHoverBg: $shade500 !default;
768
+ $galleriaIndicatorBorderRadius: 50% !default;
769
+ $galleriaIndicatorWidth: 1rem !default;
770
+ $galleriaIndicatorHeight: 1rem !default;
771
+ $galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default;
772
+ $galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default;
773
+ $galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default;
774
+
775
+ $galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default;
776
+ $galleriaThumbnailContainerPadding: 1rem 0.25rem !default;
777
+ $galleriaThumbnailNavigatorBg: transparent !default;
778
+ $galleriaThumbnailNavigatorColor: $shade100 !default;
779
+ $galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default;
780
+ $galleriaThumbnailNavigatorHoverColor: $shade100 !default;
781
+ $galleriaThumbnailNavigatorBorderRadius: 50% !default;
782
+ $galleriaThumbnailNavigatorWidth: 2rem !default;
783
+ $galleriaThumbnailNavigatorHeight: 2rem !default;
784
+
785
+ //divider
786
+ $dividerHorizontalMargin: 1.25rem 0 !default;
787
+ $dividerHorizontalPadding: 0 1.25rem !default;
788
+ $dividerVerticalMargin: 0 1.25rem !default;
789
+ $dividerVerticalPadding: 1.25rem 0 !default;
790
+ $dividerSize: 1px !default;
791
+ $dividerColor: $shade300 !default;
792
+
793
+ //avatar
794
+ $avatarBg: $shade300 !default;
795
+ $avatarTextColor: $textColor !default;
796
+
797
+ //chip
798
+ $chipBg: $shade300 !default;
799
+ $chipTextColor: $textColor !default;
800
+ $chipBorderRadius: 16px !default;
801
+ $chipFocusBg: $shade400 !default;
802
+ $chipFocusTextColor: $textColor !default;
803
+
804
+ //scrollTop
805
+ $scrollTopBg: rgba(0, 0, 0, 0.7) !default;
806
+ $scrollTopHoverBg: rgba(0, 0, 0, 0.8) !default;
807
+ $scrollTopWidth: 3rem !default;
808
+ $scrollTopHeight: 3rem !default;
809
+ $scrollTopBorderRadius: 50% !default;
810
+ $scrollTopFontSize: 1.5rem !default;
811
+ $scrollTopTextColor: $shade100 !default;
812
+
813
+ //skeleton
814
+ $skeletonBg: $shade300 !default;
815
+ $skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default;
816
+
817
+ //splitter
818
+ $splitterGutterBg: $shade100 !default;
819
+ $splitterGutterHandleBg: $shade300 !default;
820
+
821
+ //speeddial
822
+ $speedDialButtonWidth: 4rem !default;
823
+ $speedDialButtonHeight: 4rem !default;
824
+ $speedDialButtonIconFontSize: 1.3rem !default;
825
+ $speedDialActionWidth: 3rem !default;
826
+ $speedDialActionHeight: 3rem !default;
827
+ $speedDialActionBg: $shade700 !default;
828
+ $speedDialActionHoverBg: #022354 !default;
829
+ $speedDialActionTextColor: #fff !default;
830
+ $speedDialActionTextHoverColor: #fff !default;
831
+
832
+ //dock
833
+ $dockActionWidth: 4rem !default;
834
+ $dockActionHeight: 4rem !default;
835
+ $dockItemPadding: 0.5rem !default;
836
+ $dockItemBorderRadius: $borderRadius !default;
837
+ $dockCurrentItemMargin: 1.5rem !default;
838
+ $dockFirstItemsMargin: 1.3rem !default;
839
+ $dockSecondItemsMargin: 0.9rem !default;
840
+ $dockBg: rgba(255, 255, 255, 0.1) !default;
841
+ $dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default;
842
+ $dockPadding: 0.5rem 0.5rem !default;
843
+ $dockBorderRadius: 0.5rem !default;
844
+
845
+ //image
846
+ $imageMaskBg: rgba(0, 0, 0, 0.9) !default;
847
+ $imagePreviewToolbarPadding: 1rem !default;
848
+ $imagePreviewIndicatorColor: #f8f9fa !default;
849
+ $imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default;
850
+ $imagePreviewActionIconBg: transparent !default;
851
+ $imagePreviewActionIconColor: #f8f9fa !default;
852
+ $imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default;
853
+ $imagePreviewActionIconHoverColor: #f8f9fa !default;
854
+ $imagePreviewActionIconWidth: 3rem !default;
855
+ $imagePreviewActionIconHeight: 3rem !default;
856
+ $imagePreviewActionIconFontSize: 1.5rem !default;
857
+ $imagePreviewActionIconBorderRadius: 50% !default;
858
+
859
+ :root {
860
+ font-family: 'Poppins', sans-serif;
861
+ font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
862
+ font-variation-settings: normal;
863
+ --font-family: 'Poppins', sans-serif;
864
+ --font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
865
+ --surface-a: #{$shade000};
866
+ --surface-b: #{$shade100};
867
+ --surface-c: #{$shade200};
868
+ --surface-d: #{$shade300};
869
+ --surface-e: #{$shade000};
870
+ --surface-f: #{$shade000};
871
+ --text-color: #{$shade700};
872
+ --text-color-secondary: #{$shade600};
873
+ --primary-color: #{$primaryColor};
874
+ --primary-color-text: #{$primaryTextColor};
875
+ --surface-0: #ffffff;
876
+ --surface-50: #f9fafb;
877
+ --surface-100: #f3f4f6;
878
+ --surface-200: #e5e7eb;
879
+ --surface-300: #d1d5db;
880
+ --surface-400: #9ca3af;
881
+ --surface-500: #6b7280;
882
+ --surface-600: #4b5563;
883
+ --surface-700: #374151;
884
+ --surface-800: #1f2937;
885
+ --surface-900: #111827;
886
+ --gray-50: #f9fafb;
887
+ --gray-100: #f3f4f6;
888
+ --gray-200: #e5e7eb;
889
+ --gray-300: #d1d5db;
890
+ --gray-400: #9ca3af;
891
+ --gray-500: #6b7280;
892
+ --gray-600: #4b5563;
893
+ --gray-700: #374151;
894
+ --gray-800: #1f2937;
895
+ --gray-900: #111827;
896
+ --content-padding: #{$panelContentPadding};
897
+ --inline-spacing: #{$inlineSpacing};
898
+ --border-radius: #{$borderRadius};
899
+ --surface-ground: #f9fafb;
900
+ --surface-section: #ffffff;
901
+ --surface-card: #ffffff;
902
+ --surface-overlay: #ffffff;
903
+ --surface-border: #dfe7ef;
904
+ --surface-hover: #f6f9fc;
905
+ --focus-ring: #{$focusShadow};
906
+ --maskbg: #{$maskBg};
907
+ --highlight-bg: #{$highlightBg};
908
+ --highlight-text-color: #{$highlightTextColor};
909
+ color-scheme: light;
910
+ --transition-duration: #{$transitionDuration};
911
+ }