smart-webcomponents-react 19.0.0 → 19.0.5

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 (334) hide show
  1. package/chart/ganttchart.d.ts +1 -1
  2. package/ganttchart/ganttchart.d.ts +1 -1
  3. package/ganttchart/ganttchart.esm.js +3 -3
  4. package/ganttchart/ganttchart.umd.js +3 -3
  5. package/index.d.ts +1 -2
  6. package/package.json +1 -1
  7. package/source/modules/smart.3dchart.js +1 -1
  8. package/source/modules/smart.accordion.js +1 -1
  9. package/source/modules/smart.array.js +1 -1
  10. package/source/modules/smart.barcode.js +1 -1
  11. package/source/modules/smart.breadcrumb.js +1 -1
  12. package/source/modules/smart.button.js +1 -1
  13. package/source/modules/smart.buttongroup.js +1 -1
  14. package/source/modules/smart.calendar.js +1 -1
  15. package/source/modules/smart.card.js +1 -1
  16. package/source/modules/smart.cardview.js +3 -3
  17. package/source/modules/smart.carousel.js +1 -1
  18. package/source/modules/smart.chart.js +2 -2
  19. package/source/modules/smart.checkbox.js +1 -1
  20. package/source/modules/smart.checkinput.js +1 -1
  21. package/source/modules/smart.chip.js +1 -1
  22. package/source/modules/smart.colorinput.js +1 -1
  23. package/source/modules/smart.colorpanel.js +1 -1
  24. package/source/modules/smart.colorpicker.js +1 -1
  25. package/source/modules/smart.combobox.js +1 -1
  26. package/source/modules/smart.common.js +2 -2
  27. package/source/modules/smart.countryinput.js +1 -1
  28. package/source/modules/smart.dateinput.js +1 -1
  29. package/source/modules/smart.daterangeinput.js +1 -1
  30. package/source/modules/smart.datetimepicker.js +1 -1
  31. package/source/modules/smart.dockinglayout.js +1 -1
  32. package/source/modules/smart.dropdownbutton.js +1 -1
  33. package/source/modules/smart.dropdownlist.js +1 -1
  34. package/source/modules/smart.editor.js +2 -2
  35. package/source/modules/smart.element.js +1 -1
  36. package/source/modules/smart.fileupload.js +1 -1
  37. package/source/modules/smart.form.js +1 -1
  38. package/source/modules/smart.formulaparser.js +1 -1
  39. package/source/modules/smart.ganttchart.js +4 -4
  40. package/source/modules/smart.gauge.js +1 -1
  41. package/source/modules/smart.grid.js +8 -8
  42. package/source/modules/smart.gridpanel.js +3 -3
  43. package/source/modules/smart.input.js +1 -1
  44. package/source/modules/smart.kanban.js +3 -3
  45. package/source/modules/smart.layout.js +1 -1
  46. package/source/modules/smart.led.js +1 -1
  47. package/source/modules/smart.listbox.js +1 -1
  48. package/source/modules/smart.listmenu.js +1 -1
  49. package/source/modules/smart.map.js +1 -1
  50. package/source/modules/smart.maskedtextbox.js +1 -1
  51. package/source/modules/smart.menu.js +1 -1
  52. package/source/modules/smart.multicomboinput.js +1 -1
  53. package/source/modules/smart.multiinput.js +1 -1
  54. package/source/modules/smart.multilinetextbox.js +1 -1
  55. package/source/modules/smart.multisplitbutton.js +1 -1
  56. package/source/modules/smart.numberinput.js +1 -1
  57. package/source/modules/smart.numerictextbox.js +1 -1
  58. package/source/modules/smart.pager.js +1 -1
  59. package/source/modules/smart.passwordinput.js +1 -1
  60. package/source/modules/smart.passwordtextbox.js +1 -1
  61. package/source/modules/smart.path.js +1 -1
  62. package/source/modules/smart.phoneinput.js +1 -1
  63. package/source/modules/smart.pivottable.js +3 -3
  64. package/source/modules/smart.progressbar.js +1 -1
  65. package/source/modules/smart.qrcode.js +1 -1
  66. package/source/modules/smart.querybuilder.js +1 -1
  67. package/source/modules/smart.radiobutton.js +1 -1
  68. package/source/modules/smart.rating.js +1 -1
  69. package/source/modules/smart.ribbon.js +1 -1
  70. package/source/modules/smart.router.js +2 -2
  71. package/source/modules/smart.scheduler.js +2 -2
  72. package/source/modules/smart.scrollbar.js +1 -1
  73. package/source/modules/smart.slider.js +1 -1
  74. package/source/modules/smart.sortable.js +1 -1
  75. package/source/modules/smart.splitter.js +1 -1
  76. package/source/modules/smart.switchbutton.js +1 -1
  77. package/source/modules/smart.table.js +3 -3
  78. package/source/modules/smart.tabs.js +1 -1
  79. package/source/modules/smart.tank.js +1 -1
  80. package/source/modules/smart.textarea.js +1 -1
  81. package/source/modules/smart.textbox.js +1 -1
  82. package/source/modules/smart.timeinput.js +1 -1
  83. package/source/modules/smart.timepicker.js +1 -1
  84. package/source/modules/smart.toast.js +1 -1
  85. package/source/modules/smart.tooltip.js +1 -1
  86. package/source/modules/smart.tree.js +1 -1
  87. package/source/modules/smart.validator.js +1 -1
  88. package/source/modules/smart.window.js +1 -1
  89. package/source/smart.3dchart.js +1 -1
  90. package/source/smart.accordion.js +1 -1
  91. package/source/smart.ajax.js +1 -1
  92. package/source/smart.array.js +1 -1
  93. package/source/smart.barcode.js +1 -1
  94. package/source/smart.bootstrap.js +1 -1
  95. package/source/smart.breadcrumb.js +1 -1
  96. package/source/smart.button.js +1 -1
  97. package/source/smart.buttongroup.js +1 -1
  98. package/source/smart.calendar.js +1 -1
  99. package/source/smart.card.js +1 -1
  100. package/source/smart.cardview.js +1 -1
  101. package/source/smart.carousel.js +1 -1
  102. package/source/smart.chart.annotations.js +1 -1
  103. package/source/smart.chart.api.js +1 -1
  104. package/source/smart.chart.core.js +1 -1
  105. package/source/smart.chart.js +1 -1
  106. package/source/smart.chart.rangeselector.js +1 -1
  107. package/source/smart.chart.waterfall.js +1 -1
  108. package/source/smart.checkbox.js +1 -1
  109. package/source/smart.checkinput.js +1 -1
  110. package/source/smart.chip.js +1 -1
  111. package/source/smart.colorinput.js +1 -1
  112. package/source/smart.colorpanel.js +1 -1
  113. package/source/smart.colorpicker.js +1 -1
  114. package/source/smart.combobox.js +1 -1
  115. package/source/smart.complex.js +1 -1
  116. package/source/smart.core.js +1 -1
  117. package/source/smart.countryinput.js +1 -1
  118. package/source/smart.data.js +2 -2
  119. package/source/smart.date.js +1 -1
  120. package/source/smart.dateformatpanel.js +1 -1
  121. package/source/smart.dateinput.js +1 -1
  122. package/source/smart.daterangeinput.js +1 -1
  123. package/source/smart.datetimepicker.js +1 -1
  124. package/source/smart.dockinglayout.js +1 -1
  125. package/source/smart.draw.js +1 -1
  126. package/source/smart.dropdownbutton.js +1 -1
  127. package/source/smart.dropdownlist.js +1 -1
  128. package/source/smart.editor.js +2 -2
  129. package/source/smart.element.js +1 -1
  130. package/source/smart.elements.js +10 -10
  131. package/source/smart.export.js +1 -1
  132. package/source/smart.fileupload.js +1 -1
  133. package/source/smart.filter.js +1 -1
  134. package/source/smart.filterbuilder.js +1 -1
  135. package/source/smart.filterpanel.js +1 -1
  136. package/source/smart.form.js +1 -1
  137. package/source/smart.format.js +1 -1
  138. package/source/smart.formulaparser.js +1 -1
  139. package/source/smart.ganttchart.js +2 -2
  140. package/source/smart.gauge.js +1 -1
  141. package/source/smart.grid.cell.js +1 -1
  142. package/source/smart.grid.chart.js +1 -1
  143. package/source/smart.grid.column.js +1 -1
  144. package/source/smart.grid.core.js +2 -2
  145. package/source/smart.grid.dialog.js +2 -2
  146. package/source/smart.grid.edit.js +2 -2
  147. package/source/smart.grid.export.js +1 -1
  148. package/source/smart.grid.filter.js +1 -1
  149. package/source/smart.grid.group.js +1 -1
  150. package/source/smart.grid.js +1 -1
  151. package/source/smart.grid.menu.js +1 -1
  152. package/source/smart.grid.pager.js +1 -1
  153. package/source/smart.grid.reorder.js +1 -1
  154. package/source/smart.grid.resize.js +1 -1
  155. package/source/smart.grid.row.js +2 -2
  156. package/source/smart.grid.select.js +1 -1
  157. package/source/smart.grid.sort.js +2 -2
  158. package/source/smart.grid.toolbar.js +1 -1
  159. package/source/smart.grid.tree.js +1 -1
  160. package/source/smart.grid.view.js +1 -1
  161. package/source/smart.gridpanel.js +2 -2
  162. package/source/smart.input.js +1 -1
  163. package/source/smart.kanban.js +1 -1
  164. package/source/smart.layout.js +1 -1
  165. package/source/smart.led.js +1 -1
  166. package/source/smart.listbox.js +1 -1
  167. package/source/smart.listmenu.js +1 -1
  168. package/source/smart.map.js +1 -1
  169. package/source/smart.maskedtextbox.js +1 -1
  170. package/source/smart.math.js +1 -1
  171. package/source/smart.menu.js +1 -1
  172. package/source/smart.multicomboinput.js +1 -1
  173. package/source/smart.multiinput.js +1 -1
  174. package/source/smart.multilinetextbox.js +1 -1
  175. package/source/smart.multisplitbutton.js +1 -1
  176. package/source/smart.numberformatpanel.js +1 -1
  177. package/source/smart.numberinput.js +1 -1
  178. package/source/smart.numeric.js +1 -1
  179. package/source/smart.numerictextbox.js +1 -1
  180. package/source/smart.pager.js +1 -1
  181. package/source/smart.passwordinput.js +1 -1
  182. package/source/smart.passwordtextbox.js +1 -1
  183. package/source/smart.path.js +1 -1
  184. package/source/smart.phoneinput.js +1 -1
  185. package/source/smart.pivottable.js +1 -1
  186. package/source/smart.powerbutton.js +1 -1
  187. package/source/smart.progressbar.js +1 -1
  188. package/source/smart.qrcode.js +1 -1
  189. package/source/smart.radiobutton.js +1 -1
  190. package/source/smart.rating.js +1 -1
  191. package/source/smart.ribbon.js +1 -1
  192. package/source/smart.router.js +1 -1
  193. package/source/smart.scheduler.js +1 -1
  194. package/source/smart.scrollbar.js +1 -1
  195. package/source/smart.slider.js +1 -1
  196. package/source/smart.sortable.js +1 -1
  197. package/source/smart.sparkline.js +1 -1
  198. package/source/smart.splitter.js +1 -1
  199. package/source/smart.switchbutton.js +1 -1
  200. package/source/smart.table.js +1 -1
  201. package/source/smart.tabs.js +1 -1
  202. package/source/smart.tank.js +1 -1
  203. package/source/smart.textarea.js +1 -1
  204. package/source/smart.textbox.js +1 -1
  205. package/source/smart.tickintervalhandler.js +1 -1
  206. package/source/smart.timeinput.js +1 -1
  207. package/source/smart.timepicker.js +1 -1
  208. package/source/smart.toast.js +1 -1
  209. package/source/smart.tooltip.js +1 -1
  210. package/source/smart.tree.js +1 -1
  211. package/source/smart.validationpanel.js +1 -1
  212. package/source/smart.validator.js +1 -1
  213. package/source/smart.window.js +1 -1
  214. package/source/styles/bootstrap/smart.bootstrap.blue.css +3369 -3372
  215. package/source/styles/bootstrap/smart.bootstrap.css +3369 -3372
  216. package/source/styles/bootstrap/smart.bootstrap.cyan.css +3369 -3372
  217. package/source/styles/bootstrap/smart.bootstrap.green.css +3369 -3372
  218. package/source/styles/bootstrap/smart.bootstrap.indigo.css +3369 -3372
  219. package/source/styles/bootstrap/smart.bootstrap.orange.css +3369 -3372
  220. package/source/styles/bootstrap/smart.bootstrap.pink.css +3369 -3372
  221. package/source/styles/bootstrap/smart.bootstrap.purple.css +3369 -3372
  222. package/source/styles/bootstrap/smart.bootstrap.red.css +3369 -3372
  223. package/source/styles/bootstrap/smart.bootstrap.teal.css +3369 -3372
  224. package/source/styles/bootstrap/smart.bootstrap.turquoise.css +3369 -3372
  225. package/source/styles/components/smart.array.css +1 -1
  226. package/source/styles/components/smart.calendar.css +2 -2
  227. package/source/styles/components/smart.cardview.css +2 -2
  228. package/source/styles/components/smart.checkinput.css +1 -1
  229. package/source/styles/components/smart.colorinput.css +1 -1
  230. package/source/styles/components/smart.columnpanel.css +1 -1
  231. package/source/styles/components/smart.countryinput.css +1 -1
  232. package/source/styles/components/smart.dateinput.css +2 -2
  233. package/source/styles/components/smart.daterangeinput.css +2 -2
  234. package/source/styles/components/smart.datetimeformatpanel.css +1 -1
  235. package/source/styles/components/smart.datetimepicker.css +1 -1
  236. package/source/styles/components/smart.editor.css +2 -2
  237. package/source/styles/components/smart.filterbuilder.css +2 -2
  238. package/source/styles/components/smart.filterpanel.css +1 -1
  239. package/source/styles/components/smart.ganttchart.css +2 -2
  240. package/source/styles/components/smart.grid.css +3 -3
  241. package/source/styles/components/smart.gridpanel.css +1 -1
  242. package/source/styles/components/smart.input.css +1 -1
  243. package/source/styles/components/smart.kanban.css +2 -2
  244. package/source/styles/components/smart.maskedtextbox.css +1 -1
  245. package/source/styles/components/smart.multicolumnfilterpanel.css +2 -2
  246. package/source/styles/components/smart.multicomboinput.css +1 -1
  247. package/source/styles/components/smart.multiinput.css +1 -1
  248. package/source/styles/components/smart.multilinetextbox.css +1 -1
  249. package/source/styles/components/smart.numberformatpanel.css +1 -1
  250. package/source/styles/components/smart.numberinput.css +1 -1
  251. package/source/styles/components/smart.pager.css +1 -1
  252. package/source/styles/components/smart.passwordinput.css +1 -1
  253. package/source/styles/components/smart.passwordtextbox.css +1 -1
  254. package/source/styles/components/smart.phoneinput.css +1 -1
  255. package/source/styles/components/smart.pivottable.css +1 -1
  256. package/source/styles/components/smart.querybuilder.css +3 -3
  257. package/source/styles/components/smart.ribbon.css +1 -1
  258. package/source/styles/components/smart.scheduler.css +2 -2
  259. package/source/styles/components/smart.sortpanel.css +1 -1
  260. package/source/styles/components/smart.table.css +1 -1
  261. package/source/styles/components/smart.textarea.css +1 -1
  262. package/source/styles/components/smart.textbox.css +1 -1
  263. package/source/styles/components/smart.timeinput.css +1 -1
  264. package/source/styles/components/smart.validationpanel.css +1 -1
  265. package/source/styles/components/smart.window.css +1 -1
  266. package/source/styles/default/scss/textbox/_multi-combo-input.scss +5 -0
  267. package/source/styles/default/smart.accordion.css +309 -309
  268. package/source/styles/default/smart.array.css +77 -77
  269. package/source/styles/default/smart.badge.css +50 -50
  270. package/source/styles/default/smart.barcode.css +3 -3
  271. package/source/styles/default/smart.breadcrumb.css +324 -324
  272. package/source/styles/default/smart.button.css +515 -515
  273. package/source/styles/default/smart.calendar.css +742 -742
  274. package/source/styles/default/smart.card.css +53 -53
  275. package/source/styles/default/smart.chart.css +119 -119
  276. package/source/styles/default/smart.checkbox.css +148 -148
  277. package/source/styles/default/smart.chip.css +101 -101
  278. package/source/styles/default/smart.colorpanel.css +617 -617
  279. package/source/styles/default/smart.colorpicker.css +132 -132
  280. package/source/styles/default/smart.currencyformatpanel.css +71 -71
  281. package/source/styles/default/smart.dateformatpanel.css +105 -105
  282. package/source/styles/default/smart.datetimepicker.css +611 -611
  283. package/source/styles/default/smart.dockinglayout.css +748 -748
  284. package/source/styles/default/smart.dropdownbutton.css +257 -257
  285. package/source/styles/default/smart.editor.css +1528 -1527
  286. package/source/styles/default/smart.editors.css +150 -150
  287. package/source/styles/default/smart.fileupload.css +498 -498
  288. package/source/styles/default/smart.ganttchart.css +1594 -1594
  289. package/source/styles/default/smart.gauge.css +145 -145
  290. package/source/styles/default/smart.inputgroup.css +483 -483
  291. package/source/styles/default/smart.layout.css +465 -465
  292. package/source/styles/default/smart.layouts.css +483 -483
  293. package/source/styles/default/smart.led.css +144 -144
  294. package/source/styles/default/smart.link-button.css +321 -321
  295. package/source/styles/default/smart.listbox.css +564 -564
  296. package/source/styles/default/smart.listmenu.css +661 -661
  297. package/source/styles/default/smart.loader.css +203 -203
  298. package/source/styles/default/smart.maskedtextbox.css +27 -27
  299. package/source/styles/default/smart.multilinetextbox.css +190 -190
  300. package/source/styles/default/smart.multisplitbutton.css +225 -225
  301. package/source/styles/default/smart.numberformatpanel.css +72 -72
  302. package/source/styles/default/smart.numerictextbox.css +522 -522
  303. package/source/styles/default/smart.pager.css +253 -253
  304. package/source/styles/default/smart.passwordtextbox.css +129 -129
  305. package/source/styles/default/smart.path.css +581 -581
  306. package/source/styles/default/smart.pivottable.css +800 -800
  307. package/source/styles/default/smart.powerbutton.css +100 -100
  308. package/source/styles/default/smart.progressbar.css +501 -501
  309. package/source/styles/default/smart.qrcode.css +3 -3
  310. package/source/styles/default/smart.querybuilder.css +624 -623
  311. package/source/styles/default/smart.radiobutton.css +137 -137
  312. package/source/styles/default/smart.rating.css +17 -17
  313. package/source/styles/default/smart.scheduler.css +2789 -2789
  314. package/source/styles/default/smart.scrollbar.css +118 -118
  315. package/source/styles/default/smart.scrollviewer.css +109 -109
  316. package/source/styles/default/smart.slider.css +464 -464
  317. package/source/styles/default/smart.sortable.css +114 -114
  318. package/source/styles/default/smart.splitter.css +395 -395
  319. package/source/styles/default/smart.switchbutton.css +293 -293
  320. package/source/styles/default/smart.table.css +2025 -2025
  321. package/source/styles/default/smart.tabs.css +923 -923
  322. package/source/styles/default/smart.tank.css +661 -661
  323. package/source/styles/default/smart.textbox.css +3431 -3427
  324. package/source/styles/default/smart.timepicker.css +150 -150
  325. package/source/styles/default/smart.toast.css +252 -252
  326. package/source/styles/default/smart.toggle.css +175 -175
  327. package/source/styles/default/smart.tooltip.css +124 -124
  328. package/source/styles/default/smart.tree.css +783 -783
  329. package/source/styles/default/smart.validationpanel.css +116 -116
  330. package/source/styles/default/smart.window.css +829 -829
  331. package/source/styles/smart.default.css +4 -4
  332. package/source/styles/smart.fluent.css +3313 -3313
  333. package/source/typescript/smart.elements.d.ts +1 -2
  334. package/source/typescript/smart.ganttchart.d.ts +1 -2
package/source/styles/default/smart.dropdownbutton.css CHANGED
@@ -1,258 +1,258 @@
1
- /* smart-drop-down-button */
2
- smart-drop-down-button {
3
- width: var(--smart-drop-down-button-default-width);
4
- height: var(--smart-drop-down-button-default-height);
5
- visibility: hidden;
6
- }
7
- smart-drop-down-button.smart-element {
8
- display: inline-block;
9
- -webkit-backface-visibility: hidden;
10
- backface-visibility: hidden;
11
- overflow: visible;
12
- border: none;
13
- visibility: inherit;
14
- }
15
- smart-drop-down-button .smart-ripple {
16
- background: var(--smart-primary-color);
17
- }
18
- smart-drop-down-button .smart-buttons-container > .smart-action-button:empty {
19
- padding: 0;
20
- width: 0;
21
- }
22
- smart-drop-down-button .smart-drop-down-container > smart-scroll-viewer {
23
- --smart-scroll-viewer-min-width: calc(var(--smart-editor-drop-down-min-width) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
24
- --smart-scroll-viewer-max-width: calc(var(--smart-editor-drop-down-max-width) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
25
- --smart-scroll-viewer-min-height: calc(var(--smart-editor-drop-down-min-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
26
- --smart-scroll-viewer-max-height: calc(var(--smart-editor-drop-down-max-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
27
- width: 100%;
28
- height: 100%;
29
- border: none;
30
- padding: 0;
31
- overflow: hidden;
32
- }
33
- smart-drop-down-button .smart-drop-down-container > smart-scroll-viewer > .smart-container > .smart-scroll-viewer-container > .smart-scroll-viewer-content-container {
34
- vertical-align: top; /* Fixes the height issue of display: inline-block */
35
- padding: 0;
36
- }
37
- smart-drop-down-button .smart-drop-down-container:not([resize-mode=none]) > smart-scroll-viewer {
38
- --smart-scroll-viewer-min-height: calc(var(--smart-editor-drop-down-min-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size) - var(--smart-editor-drop-down-resize-bar-height));
39
- --smart-scroll-viewer-max-height: calc(var(--smart-editor-drop-down-max-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size) - var(--smart-editor- drop-down-resize-bar-height));
40
- height: calc(100% - var(--smart-editor-drop-down-resize-bar-height));
41
- }
42
- smart-drop-down-button .smart-drop-down-container[empty] > smart-scroll-viewer > .smart-container > .smart-scroll-viewer-container {
43
- display: flex;
44
- align-items: center;
45
- justify-content: center;
46
- font-style: italic;
47
- }
48
- smart-drop-down-button .smart-drop-down-container smart-tree {
49
- border: 0;
50
- }
51
- smart-drop-down-button.primary {
52
- --smart-editor-selection: var(--smart-primary);
53
- --smart-editor-selection-color: var(--smart-primary-color);
54
- --smart-ui-state-active: var(--smart-primary);
55
- --smart-ui-state-color-active: var(--smart-primary-color);
56
- --smart-ui-state-border-active: var(--smart-primary);
57
- --smart-ui-state-selected: rgba(var(--smart-primary-rgb), .1);
58
- --smart-ui-state-color-selected: var(--smart-primary);
59
- --smart-ui-state-border-selected: rgba(var(--smart-primary-rgb), .1);
60
- --smart-border: rgba(var(--smart-primary-rgb), .9);
61
- }
62
- smart-drop-down-button.primary:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
63
- --smart-border: rgba(var(--smart-primary-rgb), .9);
64
- background-color: var(--smart-primary);
65
- color: var(--smart-primary-color);
66
- }
67
- smart-drop-down-button.primary .smart-action-button,
68
- smart-drop-down-button.primary .smart-drop-down-button {
69
- --smart-ui-state-border-hover: rgba(var(--smart-primary-rgb), .9);
70
- --smart-ui-state-hover: rgba(var(--smart-primary-rgb), .9);
71
- --smart-ui-state-color-hover: var(--smart-primary-color);
72
- background-color: var(--smart-primary);
73
- color: var(--smart-primary-color);
74
- }
75
- smart-drop-down-button.secondary {
76
- --smart-editor-selection: var(--smart-secondary);
77
- --smart-editor-selection-color: var(--smart-secondary-color);
78
- --smart-ui-state-active: var(--smart-secondary);
79
- --smart-ui-state-color-active: var(--smart-secondary-color);
80
- --smart-ui-state-border-active: var(--smart-secondary);
81
- --smart-ui-state-selected: rgba(var(--smart-secondary-rgb), .1);
82
- --smart-ui-state-color-selected: var(--smart-secondary);
83
- --smart-ui-state-border-selected: rgba(var(--smart-secondary-rgb), .1);
84
- --smart-border: rgba(var(--smart-secondary-rgb), .9);
85
- }
86
- smart-drop-down-button.secondary:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
87
- --smart-border: rgba(var(--smart-secondary-rgb), .9);
88
- background-color: var(--smart-secondary);
89
- color: var(--smart-secondary-color);
90
- }
91
- smart-drop-down-button.secondary .smart-action-button,
92
- smart-drop-down-button.secondary .smart-drop-down-button {
93
- --smart-ui-state-border-hover: rgba(var(--smart-secondary-rgb), .9);
94
- --smart-ui-state-hover: rgba(var(--smart-secondary-rgb), .9);
95
- --smart-ui-state-color-hover: var(--smart-secondary-color);
96
- background-color: var(--smart-secondary);
97
- color: var(--smart-secondary-color);
98
- }
99
- smart-drop-down-button.success {
100
- --smart-editor-selection: var(--smart-success);
101
- --smart-editor-selection-color: var(--smart-success-color);
102
- --smart-ui-state-active: var(--smart-success);
103
- --smart-ui-state-color-active: var(--smart-success-color);
104
- --smart-ui-state-border-active: var(--smart-success);
105
- --smart-ui-state-selected: rgba(var(--smart-success-rgb), .1);
106
- --smart-ui-state-color-selected: var(--smart-success);
107
- --smart-ui-state-border-selected: rgba(var(--smart-success-rgb), .1);
108
- --smart-border: rgba(var(--smart-success-rgb), .9);
109
- }
110
- smart-drop-down-button.success:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
111
- --smart-border: rgba(var(--smart-success-rgb), .9);
112
- background-color: var(--smart-success);
113
- color: var(--smart-success-color);
114
- }
115
- smart-drop-down-button.success .smart-action-button,
116
- smart-drop-down-button.success .smart-drop-down-button {
117
- --smart-ui-state-border-hover: rgba(var(--smart-success-rgb), .9);
118
- --smart-ui-state-hover: rgba(var(--smart-success-rgb), .9);
119
- --smart-ui-state-color-hover: var(--smart-success-color);
120
- background-color: var(--smart-success);
121
- color: var(--smart-success-color);
122
- }
123
- smart-drop-down-button.info {
124
- --smart-editor-selection: var(--smart-info);
125
- --smart-editor-selection-color: var(--smart-info-color);
126
- --smart-ui-state-active: var(--smart-info);
127
- --smart-ui-state-color-active: var(--smart-info-color);
128
- --smart-ui-state-border-active: var(--smart-info);
129
- --smart-ui-state-selected: rgba(var(--smart-info-rgb), .1);
130
- --smart-ui-state-color-selected: var(--smart-info);
131
- --smart-ui-state-border-selected: rgba(var(--smart-info-rgb), .1);
132
- --smart-border: rgba(var(--smart-info-rgb), .9);
133
- }
134
- smart-drop-down-button.info:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
135
- --smart-border: rgba(var(--smart-info-rgb), .9);
136
- background-color: var(--smart-info);
137
- color: var(--smart-info-color);
138
- }
139
- smart-drop-down-button.info .smart-action-button,
140
- smart-drop-down-button.info .smart-drop-down-button {
141
- --smart-ui-state-border-hover: rgba(var(--smart-info-rgb), .9);
142
- --smart-ui-state-hover: rgba(var(--smart-info-rgb), .9);
143
- --smart-ui-state-color-hover: var(--smart-info-color);
144
- background-color: var(--smart-info);
145
- color: var(--smart-info-color);
146
- }
147
- smart-drop-down-button.warning {
148
- --smart-editor-selection: var(--smart-warning);
149
- --smart-editor-selection-color: var(--smart-warning-color);
150
- --smart-ui-state-active: var(--smart-warning);
151
- --smart-ui-state-color-active: var(--smart-warning-color);
152
- --smart-ui-state-border-active: var(--smart-warning);
153
- --smart-ui-state-selected: rgba(var(--smart-warning-rgb), .1);
154
- --smart-ui-state-color-selected: var(--smart-warning);
155
- --smart-ui-state-border-selected: rgba(var(--smart-warning-rgb), .1);
156
- --smart-border: rgba(var(--smart-warning-rgb), .9);
157
- }
158
- smart-drop-down-button.warning:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
159
- --smart-border: rgba(var(--smart-warning-rgb), .9);
160
- background-color: var(--smart-warning);
161
- color: var(--smart-warning-color);
162
- }
163
- smart-drop-down-button.warning .smart-action-button,
164
- smart-drop-down-button.warning .smart-drop-down-button {
165
- --smart-ui-state-border-hover: rgba(var(--smart-warning-rgb), .9);
166
- --smart-ui-state-hover: rgba(var(--smart-warning-rgb), .9);
167
- --smart-ui-state-color-hover: var(--smart-warning-color);
168
- background-color: var(--smart-warning);
169
- color: var(--smart-warning-color);
170
- }
171
- smart-drop-down-button.error {
172
- --smart-editor-selection: var(--smart-error);
173
- --smart-editor-selection-color: var(--smart-error-color);
174
- --smart-ui-state-active: var(--smart-error);
175
- --smart-ui-state-color-active: var(--smart-error-color);
176
- --smart-ui-state-border-active: var(--smart-error);
177
- --smart-ui-state-selected: rgba(var(--smart-error-rgb), .1);
178
- --smart-ui-state-color-selected: var(--smart-error);
179
- --smart-ui-state-border-selected: rgba(var(--smart-error-rgb), .1);
180
- --smart-border: rgba(var(--smart-error-rgb), .9);
181
- }
182
- smart-drop-down-button.error:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
183
- --smart-border: rgba(var(--smart-error-rgb), .9);
184
- background-color: var(--smart-error);
185
- color: var(--smart-error-color);
186
- }
187
- smart-drop-down-button.error .smart-action-button,
188
- smart-drop-down-button.error .smart-drop-down-button {
189
- --smart-ui-state-border-hover: rgba(var(--smart-error-rgb), .9);
190
- --smart-ui-state-hover: rgba(var(--smart-error-rgb), .9);
191
- --smart-ui-state-color-hover: var(--smart-error-color);
192
- background-color: var(--smart-error);
193
- color: var(--smart-error-color);
194
- }
195
- smart-drop-down-button.light {
196
- --smart-editor-selection: var(--smart-light);
197
- --smart-editor-selection-color: var(--smart-light-color);
198
- --smart-ui-state-active: var(--smart-light);
199
- --smart-ui-state-color-active: var(--smart-light-color);
200
- --smart-ui-state-border-active: var(--smart-light);
201
- --smart-ui-state-selected: rgba(var(--smart-light-rgb), .1);
202
- --smart-ui-state-color-selected: var(--smart-light);
203
- --smart-ui-state-border-selected: rgba(var(--smart-light-rgb), .1);
204
- --smart-border: rgba(var(--smart-light-rgb), .9);
205
- }
206
- smart-drop-down-button.light:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
207
- --smart-border: rgba(var(--smart-light-rgb), .9);
208
- background-color: var(--smart-light);
209
- color: var(--smart-light-color);
210
- }
211
- smart-drop-down-button.light .smart-action-button,
212
- smart-drop-down-button.light .smart-drop-down-button {
213
- --smart-ui-state-border-hover: rgba(var(--smart-light-rgb), .9);
214
- --smart-ui-state-hover: rgba(var(--smart-light-rgb), .9);
215
- --smart-ui-state-color-hover: var(--smart-light-color);
216
- background-color: var(--smart-light);
217
- color: var(--smart-light-color);
218
- }
219
- smart-drop-down-button.dark {
220
- --smart-editor-selection: var(--smart-dark);
221
- --smart-editor-selection-color: var(--smart-dark-color);
222
- --smart-ui-state-active: var(--smart-dark);
223
- --smart-ui-state-color-active: var(--smart-dark-color);
224
- --smart-ui-state-border-active: var(--smart-dark);
225
- --smart-ui-state-selected: rgba(var(--smart-dark-rgb), .1);
226
- --smart-ui-state-color-selected: var(--smart-dark);
227
- --smart-ui-state-border-selected: rgba(var(--smart-dark-rgb), .1);
228
- --smart-border: rgba(var(--smart-dark-rgb), .9);
229
- }
230
- smart-drop-down-button.dark:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
231
- --smart-border: rgba(var(--smart-dark-rgb), .9);
232
- background-color: var(--smart-dark);
233
- color: var(--smart-dark-color);
234
- }
235
- smart-drop-down-button.dark .smart-action-button,
236
- smart-drop-down-button.dark .smart-drop-down-button {
237
- --smart-ui-state-border-hover: rgba(var(--smart-dark-rgb), .9);
238
- --smart-ui-state-hover: rgba(var(--smart-dark-rgb), .9);
239
- --smart-ui-state-color-hover: var(--smart-dark-color);
240
- background-color: var(--smart-dark);
241
- color: var(--smart-dark-color);
242
- }
243
-
244
- .smart-drop-down-button.smart-drop-down-container smart-scroll-viewer {
245
- --smart-scroll-viewer-min-width: calc(var(--smart-editor-drop-down-min-width) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
246
- --smart-scroll-viewer-max-width: calc(var(--smart-editor-drop-down-max-width) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
247
- --smart-scroll-viewer-min-height: calc(var(--smart-editor-drop-down-min-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
248
- --smart-scroll-viewer-max-height: calc(var(--smart-editor-drop-down-max-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
249
- width: 100%;
250
- height: 100%;
251
- border: none;
252
- padding: 0;
253
- overflow: hidden;
254
- }
255
- .smart-drop-down-button.smart-drop-down-container smart-scroll-viewer > .smart-container > .smart-scroll-viewer-container > .smart-scroll-viewer-content-container {
256
- vertical-align: top; /* Fixes the height issue of display: inline-block */
257
- padding: 0;
1
+ /* smart-drop-down-button */
2
+ smart-drop-down-button {
3
+ width: var(--smart-drop-down-button-default-width);
4
+ height: var(--smart-drop-down-button-default-height);
5
+ visibility: hidden;
6
+ }
7
+ smart-drop-down-button.smart-element {
8
+ display: inline-block;
9
+ -webkit-backface-visibility: hidden;
10
+ backface-visibility: hidden;
11
+ overflow: visible;
12
+ border: none;
13
+ visibility: inherit;
14
+ }
15
+ smart-drop-down-button .smart-ripple {
16
+ background: var(--smart-primary-color);
17
+ }
18
+ smart-drop-down-button .smart-buttons-container > .smart-action-button:empty {
19
+ padding: 0;
20
+ width: 0;
21
+ }
22
+ smart-drop-down-button .smart-drop-down-container > smart-scroll-viewer {
23
+ --smart-scroll-viewer-min-width: calc(var(--smart-editor-drop-down-min-width) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
24
+ --smart-scroll-viewer-max-width: calc(var(--smart-editor-drop-down-max-width) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
25
+ --smart-scroll-viewer-min-height: calc(var(--smart-editor-drop-down-min-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
26
+ --smart-scroll-viewer-max-height: calc(var(--smart-editor-drop-down-max-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
27
+ width: 100%;
28
+ height: 100%;
29
+ border: none;
30
+ padding: 0;
31
+ overflow: hidden;
32
+ }
33
+ smart-drop-down-button .smart-drop-down-container > smart-scroll-viewer > .smart-container > .smart-scroll-viewer-container > .smart-scroll-viewer-content-container {
34
+ vertical-align: top; /* Fixes the height issue of display: inline-block */
35
+ padding: 0;
36
+ }
37
+ smart-drop-down-button .smart-drop-down-container:not([resize-mode=none]) > smart-scroll-viewer {
38
+ --smart-scroll-viewer-min-height: calc(var(--smart-editor-drop-down-min-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size) - var(--smart-editor-drop-down-resize-bar-height));
39
+ --smart-scroll-viewer-max-height: calc(var(--smart-editor-drop-down-max-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size) - var(--smart-editor- drop-down-resize-bar-height));
40
+ height: calc(100% - var(--smart-editor-drop-down-resize-bar-height));
41
+ }
42
+ smart-drop-down-button .smart-drop-down-container[empty] > smart-scroll-viewer > .smart-container > .smart-scroll-viewer-container {
43
+ display: flex;
44
+ align-items: center;
45
+ justify-content: center;
46
+ font-style: italic;
47
+ }
48
+ smart-drop-down-button .smart-drop-down-container smart-tree {
49
+ border: 0;
50
+ }
51
+ smart-drop-down-button.primary {
52
+ --smart-editor-selection: var(--smart-primary);
53
+ --smart-editor-selection-color: var(--smart-primary-color);
54
+ --smart-ui-state-active: var(--smart-primary);
55
+ --smart-ui-state-color-active: var(--smart-primary-color);
56
+ --smart-ui-state-border-active: var(--smart-primary);
57
+ --smart-ui-state-selected: rgba(var(--smart-primary-rgb), .1);
58
+ --smart-ui-state-color-selected: var(--smart-primary);
59
+ --smart-ui-state-border-selected: rgba(var(--smart-primary-rgb), .1);
60
+ --smart-border: rgba(var(--smart-primary-rgb), .9);
61
+ }
62
+ smart-drop-down-button.primary:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
63
+ --smart-border: rgba(var(--smart-primary-rgb), .9);
64
+ background-color: var(--smart-primary);
65
+ color: var(--smart-primary-color);
66
+ }
67
+ smart-drop-down-button.primary .smart-action-button,
68
+ smart-drop-down-button.primary .smart-drop-down-button {
69
+ --smart-ui-state-border-hover: rgba(var(--smart-primary-rgb), .9);
70
+ --smart-ui-state-hover: rgba(var(--smart-primary-rgb), .9);
71
+ --smart-ui-state-color-hover: var(--smart-primary-color);
72
+ background-color: var(--smart-primary);
73
+ color: var(--smart-primary-color);
74
+ }
75
+ smart-drop-down-button.secondary {
76
+ --smart-editor-selection: var(--smart-secondary);
77
+ --smart-editor-selection-color: var(--smart-secondary-color);
78
+ --smart-ui-state-active: var(--smart-secondary);
79
+ --smart-ui-state-color-active: var(--smart-secondary-color);
80
+ --smart-ui-state-border-active: var(--smart-secondary);
81
+ --smart-ui-state-selected: rgba(var(--smart-secondary-rgb), .1);
82
+ --smart-ui-state-color-selected: var(--smart-secondary);
83
+ --smart-ui-state-border-selected: rgba(var(--smart-secondary-rgb), .1);
84
+ --smart-border: rgba(var(--smart-secondary-rgb), .9);
85
+ }
86
+ smart-drop-down-button.secondary:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
87
+ --smart-border: rgba(var(--smart-secondary-rgb), .9);
88
+ background-color: var(--smart-secondary);
89
+ color: var(--smart-secondary-color);
90
+ }
91
+ smart-drop-down-button.secondary .smart-action-button,
92
+ smart-drop-down-button.secondary .smart-drop-down-button {
93
+ --smart-ui-state-border-hover: rgba(var(--smart-secondary-rgb), .9);
94
+ --smart-ui-state-hover: rgba(var(--smart-secondary-rgb), .9);
95
+ --smart-ui-state-color-hover: var(--smart-secondary-color);
96
+ background-color: var(--smart-secondary);
97
+ color: var(--smart-secondary-color);
98
+ }
99
+ smart-drop-down-button.success {
100
+ --smart-editor-selection: var(--smart-success);
101
+ --smart-editor-selection-color: var(--smart-success-color);
102
+ --smart-ui-state-active: var(--smart-success);
103
+ --smart-ui-state-color-active: var(--smart-success-color);
104
+ --smart-ui-state-border-active: var(--smart-success);
105
+ --smart-ui-state-selected: rgba(var(--smart-success-rgb), .1);
106
+ --smart-ui-state-color-selected: var(--smart-success);
107
+ --smart-ui-state-border-selected: rgba(var(--smart-success-rgb), .1);
108
+ --smart-border: rgba(var(--smart-success-rgb), .9);
109
+ }
110
+ smart-drop-down-button.success:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
111
+ --smart-border: rgba(var(--smart-success-rgb), .9);
112
+ background-color: var(--smart-success);
113
+ color: var(--smart-success-color);
114
+ }
115
+ smart-drop-down-button.success .smart-action-button,
116
+ smart-drop-down-button.success .smart-drop-down-button {
117
+ --smart-ui-state-border-hover: rgba(var(--smart-success-rgb), .9);
118
+ --smart-ui-state-hover: rgba(var(--smart-success-rgb), .9);
119
+ --smart-ui-state-color-hover: var(--smart-success-color);
120
+ background-color: var(--smart-success);
121
+ color: var(--smart-success-color);
122
+ }
123
+ smart-drop-down-button.info {
124
+ --smart-editor-selection: var(--smart-info);
125
+ --smart-editor-selection-color: var(--smart-info-color);
126
+ --smart-ui-state-active: var(--smart-info);
127
+ --smart-ui-state-color-active: var(--smart-info-color);
128
+ --smart-ui-state-border-active: var(--smart-info);
129
+ --smart-ui-state-selected: rgba(var(--smart-info-rgb), .1);
130
+ --smart-ui-state-color-selected: var(--smart-info);
131
+ --smart-ui-state-border-selected: rgba(var(--smart-info-rgb), .1);
132
+ --smart-border: rgba(var(--smart-info-rgb), .9);
133
+ }
134
+ smart-drop-down-button.info:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
135
+ --smart-border: rgba(var(--smart-info-rgb), .9);
136
+ background-color: var(--smart-info);
137
+ color: var(--smart-info-color);
138
+ }
139
+ smart-drop-down-button.info .smart-action-button,
140
+ smart-drop-down-button.info .smart-drop-down-button {
141
+ --smart-ui-state-border-hover: rgba(var(--smart-info-rgb), .9);
142
+ --smart-ui-state-hover: rgba(var(--smart-info-rgb), .9);
143
+ --smart-ui-state-color-hover: var(--smart-info-color);
144
+ background-color: var(--smart-info);
145
+ color: var(--smart-info-color);
146
+ }
147
+ smart-drop-down-button.warning {
148
+ --smart-editor-selection: var(--smart-warning);
149
+ --smart-editor-selection-color: var(--smart-warning-color);
150
+ --smart-ui-state-active: var(--smart-warning);
151
+ --smart-ui-state-color-active: var(--smart-warning-color);
152
+ --smart-ui-state-border-active: var(--smart-warning);
153
+ --smart-ui-state-selected: rgba(var(--smart-warning-rgb), .1);
154
+ --smart-ui-state-color-selected: var(--smart-warning);
155
+ --smart-ui-state-border-selected: rgba(var(--smart-warning-rgb), .1);
156
+ --smart-border: rgba(var(--smart-warning-rgb), .9);
157
+ }
158
+ smart-drop-down-button.warning:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
159
+ --smart-border: rgba(var(--smart-warning-rgb), .9);
160
+ background-color: var(--smart-warning);
161
+ color: var(--smart-warning-color);
162
+ }
163
+ smart-drop-down-button.warning .smart-action-button,
164
+ smart-drop-down-button.warning .smart-drop-down-button {
165
+ --smart-ui-state-border-hover: rgba(var(--smart-warning-rgb), .9);
166
+ --smart-ui-state-hover: rgba(var(--smart-warning-rgb), .9);
167
+ --smart-ui-state-color-hover: var(--smart-warning-color);
168
+ background-color: var(--smart-warning);
169
+ color: var(--smart-warning-color);
170
+ }
171
+ smart-drop-down-button.error {
172
+ --smart-editor-selection: var(--smart-error);
173
+ --smart-editor-selection-color: var(--smart-error-color);
174
+ --smart-ui-state-active: var(--smart-error);
175
+ --smart-ui-state-color-active: var(--smart-error-color);
176
+ --smart-ui-state-border-active: var(--smart-error);
177
+ --smart-ui-state-selected: rgba(var(--smart-error-rgb), .1);
178
+ --smart-ui-state-color-selected: var(--smart-error);
179
+ --smart-ui-state-border-selected: rgba(var(--smart-error-rgb), .1);
180
+ --smart-border: rgba(var(--smart-error-rgb), .9);
181
+ }
182
+ smart-drop-down-button.error:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
183
+ --smart-border: rgba(var(--smart-error-rgb), .9);
184
+ background-color: var(--smart-error);
185
+ color: var(--smart-error-color);
186
+ }
187
+ smart-drop-down-button.error .smart-action-button,
188
+ smart-drop-down-button.error .smart-drop-down-button {
189
+ --smart-ui-state-border-hover: rgba(var(--smart-error-rgb), .9);
190
+ --smart-ui-state-hover: rgba(var(--smart-error-rgb), .9);
191
+ --smart-ui-state-color-hover: var(--smart-error-color);
192
+ background-color: var(--smart-error);
193
+ color: var(--smart-error-color);
194
+ }
195
+ smart-drop-down-button.light {
196
+ --smart-editor-selection: var(--smart-light);
197
+ --smart-editor-selection-color: var(--smart-light-color);
198
+ --smart-ui-state-active: var(--smart-light);
199
+ --smart-ui-state-color-active: var(--smart-light-color);
200
+ --smart-ui-state-border-active: var(--smart-light);
201
+ --smart-ui-state-selected: rgba(var(--smart-light-rgb), .1);
202
+ --smart-ui-state-color-selected: var(--smart-light);
203
+ --smart-ui-state-border-selected: rgba(var(--smart-light-rgb), .1);
204
+ --smart-border: rgba(var(--smart-light-rgb), .9);
205
+ }
206
+ smart-drop-down-button.light:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
207
+ --smart-border: rgba(var(--smart-light-rgb), .9);
208
+ background-color: var(--smart-light);
209
+ color: var(--smart-light-color);
210
+ }
211
+ smart-drop-down-button.light .smart-action-button,
212
+ smart-drop-down-button.light .smart-drop-down-button {
213
+ --smart-ui-state-border-hover: rgba(var(--smart-light-rgb), .9);
214
+ --smart-ui-state-hover: rgba(var(--smart-light-rgb), .9);
215
+ --smart-ui-state-color-hover: var(--smart-light-color);
216
+ background-color: var(--smart-light);
217
+ color: var(--smart-light-color);
218
+ }
219
+ smart-drop-down-button.dark {
220
+ --smart-editor-selection: var(--smart-dark);
221
+ --smart-editor-selection-color: var(--smart-dark-color);
222
+ --smart-ui-state-active: var(--smart-dark);
223
+ --smart-ui-state-color-active: var(--smart-dark-color);
224
+ --smart-ui-state-border-active: var(--smart-dark);
225
+ --smart-ui-state-selected: rgba(var(--smart-dark-rgb), .1);
226
+ --smart-ui-state-color-selected: var(--smart-dark);
227
+ --smart-ui-state-border-selected: rgba(var(--smart-dark-rgb), .1);
228
+ --smart-border: rgba(var(--smart-dark-rgb), .9);
229
+ }
230
+ smart-drop-down-button.dark:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
231
+ --smart-border: rgba(var(--smart-dark-rgb), .9);
232
+ background-color: var(--smart-dark);
233
+ color: var(--smart-dark-color);
234
+ }
235
+ smart-drop-down-button.dark .smart-action-button,
236
+ smart-drop-down-button.dark .smart-drop-down-button {
237
+ --smart-ui-state-border-hover: rgba(var(--smart-dark-rgb), .9);
238
+ --smart-ui-state-hover: rgba(var(--smart-dark-rgb), .9);
239
+ --smart-ui-state-color-hover: var(--smart-dark-color);
240
+ background-color: var(--smart-dark);
241
+ color: var(--smart-dark-color);
242
+ }
243
+
244
+ .smart-drop-down-button.smart-drop-down-container smart-scroll-viewer {
245
+ --smart-scroll-viewer-min-width: calc(var(--smart-editor-drop-down-min-width) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
246
+ --smart-scroll-viewer-max-width: calc(var(--smart-editor-drop-down-max-width) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
247
+ --smart-scroll-viewer-min-height: calc(var(--smart-editor-drop-down-min-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
248
+ --smart-scroll-viewer-max-height: calc(var(--smart-editor-drop-down-max-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
249
+ width: 100%;
250
+ height: 100%;
251
+ border: none;
252
+ padding: 0;
253
+ overflow: hidden;
254
+ }
255
+ .smart-drop-down-button.smart-drop-down-container smart-scroll-viewer > .smart-container > .smart-scroll-viewer-container > .smart-scroll-viewer-content-container {
256
+ vertical-align: top; /* Fixes the height issue of display: inline-block */
257
+ padding: 0;
258
258
  }