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.multisplitbutton.css CHANGED
@@ -1,226 +1,226 @@
1
- /* smart-multi-split-button */
2
- smart-multi-split-button {
3
- width: var(--smart-multi-split-button-default-width);
4
- height: var(--smart-multi-split-button-default-height);
5
- overflow: initial;
6
- visibility: hidden;
7
- cursor: pointer;
8
- }
9
- smart-multi-split-button.smart-element {
10
- overflow: visible;
11
- visibility: inherit;
12
- border-width: 0px;
13
- }
14
- smart-multi-split-button[right-to-left] .smart-content,
15
- smart-multi-split-button[right-to-left] .smart-label,
16
- smart-multi-split-button[right-to-left] .smart-hint {
17
- direction: rtl;
18
- }
19
- smart-multi-split-button[right-to-left] .smart-drop-down {
20
- direction: initial;
21
- }
22
-
23
- .smart-multi-split-button smart-list-box {
24
- position: relative;
25
- width: 100%;
26
- height: 100%;
27
- border: initial;
28
- padding: initial;
29
- overflow: hidden;
30
- font-size: inherit;
31
- font-family: inherit;
32
- outline: none;
33
- }
34
- .smart-multi-split-button .smart-buttons-container .smart-input .smart-token {
35
- white-space: nowrap;
36
- text-overflow: ellipsis;
37
- overflow: hidden;
38
- cursor: pointer;
39
- margin: 2px;
40
- user-select: none;
41
- margin-top: 0;
42
- margin-bottom: 0;
43
- }
44
- .smart-multi-split-button .smart-drop-down.smart-visibility-hidden {
45
- transform: scale(0);
46
- transition: transform 0.2s ease-in;
47
- transform-origin: left top 0px;
48
- }
49
- .smart-multi-split-button .smart-template-container {
50
- width: 100%;
51
- height: 100%;
52
- }
53
- .smart-multi-split-button .smart-multi-split-button-buttons {
54
- display: flex;
55
- width: 100%;
56
- height: 100%;
57
- align-items: stretch;
58
- justify-content: space-around;
59
- }
60
- .smart-multi-split-button .smart-multi-split-button-buttons .smart-action-split-button {
61
- display: flex;
62
- width: 100%;
63
- height: 100%;
64
- justify-content: center;
65
- align-items: center;
66
- }
67
- .smart-multi-split-button .smart-multi-split-button-buttons .smart-action-split-button[hover] {
68
- background: var(--smart-ui-state-hover);
69
- border: var(--smart-ui-state-border-hover);
70
- color: var(--smart-ui-state-color-hover);
71
- }
72
- .smart-multi-split-button .smart-multi-split-button-buttons .smart-action-split-button[active] {
73
- background: var(--smart-ui-state-active);
74
- border: var(--smart-ui-state-border-active);
75
- color: var(--smart-ui-state-color-active);
76
- }
77
- .smart-multi-split-button.primary {
78
- --smart-border: var(--smart-primary);
79
- --smart-outline: var(--smart-primary);
80
- --smart-surface: var(--smart-primary);
81
- --smart-surface-color: var(--smart-primary-color);
82
- --smart-ui-state-selected: rgba(var(--smart-primary-rgb), .8);
83
- --smart-ui-state-color-selected: var(--smart-primary-color);
84
- --smart-ui-state-active: rgba(var(--smart-primary-rgb), .8);
85
- --smart-ui-state-color-active: var(--smart-primary-color);
86
- --smart-ui-state-hover: var(--smart-primary);
87
- --smart-ui-state-color-hover: var(--smart-primary-color);
88
- --smart-ui-state-border-selected: var(--smart-primary);
89
- --smart-ui-state-border-active: var(--smart-primary);
90
- --smart-ui-state-border-hover: var(--smart-primary);
91
- }
92
- .smart-multi-split-button.primary[hover] {
93
- --smart-surface: var(--smart-primary-color);
94
- }
95
- .smart-multi-split-button.secondary {
96
- --smart-border: var(--smart-secondary);
97
- --smart-outline: var(--smart-secondary);
98
- --smart-surface: var(--smart-secondary);
99
- --smart-surface-color: var(--smart-secondary-color);
100
- --smart-ui-state-selected: rgba(var(--smart-secondary-rgb), .8);
101
- --smart-ui-state-color-selected: var(--smart-secondary-color);
102
- --smart-ui-state-active: rgba(var(--smart-secondary-rgb), .8);
103
- --smart-ui-state-color-active: var(--smart-secondary-color);
104
- --smart-ui-state-hover: var(--smart-secondary);
105
- --smart-ui-state-color-hover: var(--smart-secondary-color);
106
- --smart-ui-state-border-selected: var(--smart-secondary);
107
- --smart-ui-state-border-active: var(--smart-secondary);
108
- --smart-ui-state-border-hover: var(--smart-secondary);
109
- }
110
- .smart-multi-split-button.secondary[hover] {
111
- --smart-surface: var(--smart-secondary-color);
112
- }
113
- .smart-multi-split-button.success {
114
- --smart-border: var(--smart-success);
115
- --smart-outline: var(--smart-success);
116
- --smart-surface: var(--smart-success);
117
- --smart-surface-color: var(--smart-success-color);
118
- --smart-ui-state-selected: rgba(var(--smart-success-rgb), .8);
119
- --smart-ui-state-color-selected: var(--smart-success-color);
120
- --smart-ui-state-active: rgba(var(--smart-success-rgb), .8);
121
- --smart-ui-state-color-active: var(--smart-success-color);
122
- --smart-ui-state-hover: var(--smart-success);
123
- --smart-ui-state-color-hover: var(--smart-success-color);
124
- --smart-ui-state-border-selected: var(--smart-success);
125
- --smart-ui-state-border-active: var(--smart-success);
126
- --smart-ui-state-border-hover: var(--smart-success);
127
- }
128
- .smart-multi-split-button.success[hover] {
129
- --smart-surface: var(--smart-success-color);
130
- }
131
- .smart-multi-split-button.error {
132
- --smart-border: var(--smart-error);
133
- --smart-outline: var(--smart-error);
134
- --smart-surface: var(--smart-error);
135
- --smart-surface-color: var(--smart-error-color);
136
- --smart-ui-state-selected: rgba(var(--smart-error-rgb), .8);
137
- --smart-ui-state-color-selected: var(--smart-error-color);
138
- --smart-ui-state-active: rgba(var(--smart-error-rgb), .8);
139
- --smart-ui-state-color-active: var(--smart-error-color);
140
- --smart-ui-state-hover: var(--smart-error);
141
- --smart-ui-state-color-hover: var(--smart-error-color);
142
- --smart-ui-state-border-selected: var(--smart-error);
143
- --smart-ui-state-border-active: var(--smart-error);
144
- --smart-ui-state-border-hover: var(--smart-error);
145
- }
146
- .smart-multi-split-button.error[hover] {
147
- --smart-surface: var(--smart-error-color);
148
- }
149
- .smart-multi-split-button.info {
150
- --smart-border: var(--smart-info);
151
- --smart-outline: var(--smart-info);
152
- --smart-surface: var(--smart-info);
153
- --smart-surface-color: var(--smart-info-color);
154
- --smart-ui-state-selected: rgba(var(--smart-info-rgb), .8);
155
- --smart-ui-state-color-selected: var(--smart-info-color);
156
- --smart-ui-state-active: rgba(var(--smart-info-rgb), .8);
157
- --smart-ui-state-color-active: var(--smart-info-color);
158
- --smart-ui-state-hover: var(--smart-info);
159
- --smart-ui-state-color-hover: var(--smart-info-color);
160
- --smart-ui-state-border-selected: var(--smart-info);
161
- --smart-ui-state-border-active: var(--smart-info);
162
- --smart-ui-state-border-hover: var(--smart-info);
163
- }
164
- .smart-multi-split-button.info[hover] {
165
- --smart-surface: var(--smart-info-color);
166
- }
167
- .smart-multi-split-button.warning {
168
- --smart-border: var(--smart-warning);
169
- --smart-outline: var(--smart-warning);
170
- --smart-surface: var(--smart-warning);
171
- --smart-surface-color: var(--smart-warning-color);
172
- --smart-ui-state-selected: rgba(var(--smart-warning-rgb), .8);
173
- --smart-ui-state-color-selected: var(--smart-warning-color);
174
- --smart-ui-state-active: rgba(var(--smart-warning-rgb), .8);
175
- --smart-ui-state-color-active: var(--smart-warning-color);
176
- --smart-ui-state-hover: var(--smart-warning);
177
- --smart-ui-state-color-hover: var(--smart-warning-color);
178
- --smart-ui-state-border-selected: var(--smart-warning);
179
- --smart-ui-state-border-active: var(--smart-warning);
180
- --smart-ui-state-border-hover: var(--smart-warning);
181
- }
182
- .smart-multi-split-button.warning[hover] {
183
- --smart-surface: var(--smart-warning-color);
184
- }
185
- .smart-multi-split-button.light {
186
- --smart-border: var(--smart-light);
187
- --smart-outline: var(--smart-light);
188
- --smart-surface: var(--smart-light);
189
- --smart-surface-color: var(--smart-light-color);
190
- --smart-ui-state-selected: rgba(var(--smart-light-rgb), .8);
191
- --smart-ui-state-color-selected: var(--smart-light-color);
192
- --smart-ui-state-active: rgba(var(--smart-light-rgb), .8);
193
- --smart-ui-state-color-active: var(--smart-light-color);
194
- --smart-ui-state-hover: var(--smart-light);
195
- --smart-ui-state-color-hover: var(--smart-light-color);
196
- --smart-ui-state-border-selected: var(--smart-light);
197
- --smart-ui-state-border-active: var(--smart-light);
198
- --smart-ui-state-border-hover: var(--smart-light);
199
- }
200
- .smart-multi-split-button.light[hover] {
201
- --smart-surface: var(--smart-light-color);
202
- }
203
- .smart-multi-split-button.dark {
204
- --smart-border: var(--smart-dark);
205
- --smart-outline: var(--smart-dark);
206
- --smart-surface: var(--smart-dark);
207
- --smart-surface-color: var(--smart-dark-color);
208
- --smart-ui-state-selected: rgba(var(--smart-dark-rgb), .8);
209
- --smart-ui-state-color-selected: var(--smart-dark-color);
210
- --smart-ui-state-active: rgba(var(--smart-dark-rgb), .8);
211
- --smart-ui-state-color-active: var(--smart-dark-color);
212
- --smart-ui-state-hover: var(--smart-dark);
213
- --smart-ui-state-color-hover: var(--smart-dark-color);
214
- --smart-ui-state-border-selected: var(--smart-dark);
215
- --smart-ui-state-border-active: var(--smart-dark);
216
- --smart-ui-state-border-hover: var(--smart-dark);
217
- }
218
- .smart-multi-split-button.dark[hover] {
219
- --smart-surface: var(--smart-dark-color);
220
- }
221
- .smart-multi-split-button[selection-display-mode=tokens] .smart-multi-split-button-unselect-button {
222
- pointer-events: initial;
223
- }
224
- .smart-multi-split-button[selection-display-mode=plain] .smart-multi-split-button-unselect-button {
225
- pointer-events: none;
1
+ /* smart-multi-split-button */
2
+ smart-multi-split-button {
3
+ width: var(--smart-multi-split-button-default-width);
4
+ height: var(--smart-multi-split-button-default-height);
5
+ overflow: initial;
6
+ visibility: hidden;
7
+ cursor: pointer;
8
+ }
9
+ smart-multi-split-button.smart-element {
10
+ overflow: visible;
11
+ visibility: inherit;
12
+ border-width: 0px;
13
+ }
14
+ smart-multi-split-button[right-to-left] .smart-content,
15
+ smart-multi-split-button[right-to-left] .smart-label,
16
+ smart-multi-split-button[right-to-left] .smart-hint {
17
+ direction: rtl;
18
+ }
19
+ smart-multi-split-button[right-to-left] .smart-drop-down {
20
+ direction: initial;
21
+ }
22
+
23
+ .smart-multi-split-button smart-list-box {
24
+ position: relative;
25
+ width: 100%;
26
+ height: 100%;
27
+ border: initial;
28
+ padding: initial;
29
+ overflow: hidden;
30
+ font-size: inherit;
31
+ font-family: inherit;
32
+ outline: none;
33
+ }
34
+ .smart-multi-split-button .smart-buttons-container .smart-input .smart-token {
35
+ white-space: nowrap;
36
+ text-overflow: ellipsis;
37
+ overflow: hidden;
38
+ cursor: pointer;
39
+ margin: 2px;
40
+ user-select: none;
41
+ margin-top: 0;
42
+ margin-bottom: 0;
43
+ }
44
+ .smart-multi-split-button .smart-drop-down.smart-visibility-hidden {
45
+ transform: scale(0);
46
+ transition: transform 0.2s ease-in;
47
+ transform-origin: left top 0px;
48
+ }
49
+ .smart-multi-split-button .smart-template-container {
50
+ width: 100%;
51
+ height: 100%;
52
+ }
53
+ .smart-multi-split-button .smart-multi-split-button-buttons {
54
+ display: flex;
55
+ width: 100%;
56
+ height: 100%;
57
+ align-items: stretch;
58
+ justify-content: space-around;
59
+ }
60
+ .smart-multi-split-button .smart-multi-split-button-buttons .smart-action-split-button {
61
+ display: flex;
62
+ width: 100%;
63
+ height: 100%;
64
+ justify-content: center;
65
+ align-items: center;
66
+ }
67
+ .smart-multi-split-button .smart-multi-split-button-buttons .smart-action-split-button[hover] {
68
+ background: var(--smart-ui-state-hover);
69
+ border: var(--smart-ui-state-border-hover);
70
+ color: var(--smart-ui-state-color-hover);
71
+ }
72
+ .smart-multi-split-button .smart-multi-split-button-buttons .smart-action-split-button[active] {
73
+ background: var(--smart-ui-state-active);
74
+ border: var(--smart-ui-state-border-active);
75
+ color: var(--smart-ui-state-color-active);
76
+ }
77
+ .smart-multi-split-button.primary {
78
+ --smart-border: var(--smart-primary);
79
+ --smart-outline: var(--smart-primary);
80
+ --smart-surface: var(--smart-primary);
81
+ --smart-surface-color: var(--smart-primary-color);
82
+ --smart-ui-state-selected: rgba(var(--smart-primary-rgb), .8);
83
+ --smart-ui-state-color-selected: var(--smart-primary-color);
84
+ --smart-ui-state-active: rgba(var(--smart-primary-rgb), .8);
85
+ --smart-ui-state-color-active: var(--smart-primary-color);
86
+ --smart-ui-state-hover: var(--smart-primary);
87
+ --smart-ui-state-color-hover: var(--smart-primary-color);
88
+ --smart-ui-state-border-selected: var(--smart-primary);
89
+ --smart-ui-state-border-active: var(--smart-primary);
90
+ --smart-ui-state-border-hover: var(--smart-primary);
91
+ }
92
+ .smart-multi-split-button.primary[hover] {
93
+ --smart-surface: var(--smart-primary-color);
94
+ }
95
+ .smart-multi-split-button.secondary {
96
+ --smart-border: var(--smart-secondary);
97
+ --smart-outline: var(--smart-secondary);
98
+ --smart-surface: var(--smart-secondary);
99
+ --smart-surface-color: var(--smart-secondary-color);
100
+ --smart-ui-state-selected: rgba(var(--smart-secondary-rgb), .8);
101
+ --smart-ui-state-color-selected: var(--smart-secondary-color);
102
+ --smart-ui-state-active: rgba(var(--smart-secondary-rgb), .8);
103
+ --smart-ui-state-color-active: var(--smart-secondary-color);
104
+ --smart-ui-state-hover: var(--smart-secondary);
105
+ --smart-ui-state-color-hover: var(--smart-secondary-color);
106
+ --smart-ui-state-border-selected: var(--smart-secondary);
107
+ --smart-ui-state-border-active: var(--smart-secondary);
108
+ --smart-ui-state-border-hover: var(--smart-secondary);
109
+ }
110
+ .smart-multi-split-button.secondary[hover] {
111
+ --smart-surface: var(--smart-secondary-color);
112
+ }
113
+ .smart-multi-split-button.success {
114
+ --smart-border: var(--smart-success);
115
+ --smart-outline: var(--smart-success);
116
+ --smart-surface: var(--smart-success);
117
+ --smart-surface-color: var(--smart-success-color);
118
+ --smart-ui-state-selected: rgba(var(--smart-success-rgb), .8);
119
+ --smart-ui-state-color-selected: var(--smart-success-color);
120
+ --smart-ui-state-active: rgba(var(--smart-success-rgb), .8);
121
+ --smart-ui-state-color-active: var(--smart-success-color);
122
+ --smart-ui-state-hover: var(--smart-success);
123
+ --smart-ui-state-color-hover: var(--smart-success-color);
124
+ --smart-ui-state-border-selected: var(--smart-success);
125
+ --smart-ui-state-border-active: var(--smart-success);
126
+ --smart-ui-state-border-hover: var(--smart-success);
127
+ }
128
+ .smart-multi-split-button.success[hover] {
129
+ --smart-surface: var(--smart-success-color);
130
+ }
131
+ .smart-multi-split-button.error {
132
+ --smart-border: var(--smart-error);
133
+ --smart-outline: var(--smart-error);
134
+ --smart-surface: var(--smart-error);
135
+ --smart-surface-color: var(--smart-error-color);
136
+ --smart-ui-state-selected: rgba(var(--smart-error-rgb), .8);
137
+ --smart-ui-state-color-selected: var(--smart-error-color);
138
+ --smart-ui-state-active: rgba(var(--smart-error-rgb), .8);
139
+ --smart-ui-state-color-active: var(--smart-error-color);
140
+ --smart-ui-state-hover: var(--smart-error);
141
+ --smart-ui-state-color-hover: var(--smart-error-color);
142
+ --smart-ui-state-border-selected: var(--smart-error);
143
+ --smart-ui-state-border-active: var(--smart-error);
144
+ --smart-ui-state-border-hover: var(--smart-error);
145
+ }
146
+ .smart-multi-split-button.error[hover] {
147
+ --smart-surface: var(--smart-error-color);
148
+ }
149
+ .smart-multi-split-button.info {
150
+ --smart-border: var(--smart-info);
151
+ --smart-outline: var(--smart-info);
152
+ --smart-surface: var(--smart-info);
153
+ --smart-surface-color: var(--smart-info-color);
154
+ --smart-ui-state-selected: rgba(var(--smart-info-rgb), .8);
155
+ --smart-ui-state-color-selected: var(--smart-info-color);
156
+ --smart-ui-state-active: rgba(var(--smart-info-rgb), .8);
157
+ --smart-ui-state-color-active: var(--smart-info-color);
158
+ --smart-ui-state-hover: var(--smart-info);
159
+ --smart-ui-state-color-hover: var(--smart-info-color);
160
+ --smart-ui-state-border-selected: var(--smart-info);
161
+ --smart-ui-state-border-active: var(--smart-info);
162
+ --smart-ui-state-border-hover: var(--smart-info);
163
+ }
164
+ .smart-multi-split-button.info[hover] {
165
+ --smart-surface: var(--smart-info-color);
166
+ }
167
+ .smart-multi-split-button.warning {
168
+ --smart-border: var(--smart-warning);
169
+ --smart-outline: var(--smart-warning);
170
+ --smart-surface: var(--smart-warning);
171
+ --smart-surface-color: var(--smart-warning-color);
172
+ --smart-ui-state-selected: rgba(var(--smart-warning-rgb), .8);
173
+ --smart-ui-state-color-selected: var(--smart-warning-color);
174
+ --smart-ui-state-active: rgba(var(--smart-warning-rgb), .8);
175
+ --smart-ui-state-color-active: var(--smart-warning-color);
176
+ --smart-ui-state-hover: var(--smart-warning);
177
+ --smart-ui-state-color-hover: var(--smart-warning-color);
178
+ --smart-ui-state-border-selected: var(--smart-warning);
179
+ --smart-ui-state-border-active: var(--smart-warning);
180
+ --smart-ui-state-border-hover: var(--smart-warning);
181
+ }
182
+ .smart-multi-split-button.warning[hover] {
183
+ --smart-surface: var(--smart-warning-color);
184
+ }
185
+ .smart-multi-split-button.light {
186
+ --smart-border: var(--smart-light);
187
+ --smart-outline: var(--smart-light);
188
+ --smart-surface: var(--smart-light);
189
+ --smart-surface-color: var(--smart-light-color);
190
+ --smart-ui-state-selected: rgba(var(--smart-light-rgb), .8);
191
+ --smart-ui-state-color-selected: var(--smart-light-color);
192
+ --smart-ui-state-active: rgba(var(--smart-light-rgb), .8);
193
+ --smart-ui-state-color-active: var(--smart-light-color);
194
+ --smart-ui-state-hover: var(--smart-light);
195
+ --smart-ui-state-color-hover: var(--smart-light-color);
196
+ --smart-ui-state-border-selected: var(--smart-light);
197
+ --smart-ui-state-border-active: var(--smart-light);
198
+ --smart-ui-state-border-hover: var(--smart-light);
199
+ }
200
+ .smart-multi-split-button.light[hover] {
201
+ --smart-surface: var(--smart-light-color);
202
+ }
203
+ .smart-multi-split-button.dark {
204
+ --smart-border: var(--smart-dark);
205
+ --smart-outline: var(--smart-dark);
206
+ --smart-surface: var(--smart-dark);
207
+ --smart-surface-color: var(--smart-dark-color);
208
+ --smart-ui-state-selected: rgba(var(--smart-dark-rgb), .8);
209
+ --smart-ui-state-color-selected: var(--smart-dark-color);
210
+ --smart-ui-state-active: rgba(var(--smart-dark-rgb), .8);
211
+ --smart-ui-state-color-active: var(--smart-dark-color);
212
+ --smart-ui-state-hover: var(--smart-dark);
213
+ --smart-ui-state-color-hover: var(--smart-dark-color);
214
+ --smart-ui-state-border-selected: var(--smart-dark);
215
+ --smart-ui-state-border-active: var(--smart-dark);
216
+ --smart-ui-state-border-hover: var(--smart-dark);
217
+ }
218
+ .smart-multi-split-button.dark[hover] {
219
+ --smart-surface: var(--smart-dark-color);
220
+ }
221
+ .smart-multi-split-button[selection-display-mode=tokens] .smart-multi-split-button-unselect-button {
222
+ pointer-events: initial;
223
+ }
224
+ .smart-multi-split-button[selection-display-mode=plain] .smart-multi-split-button-unselect-button {
225
+ pointer-events: none;
226
226
  }
package/source/styles/default/smart.numberformatpanel.css CHANGED
@@ -1,73 +1,73 @@
1
- .number-format-panel-demo-container {
2
- max-width: 960px;
3
- border: 1px solid #ccc;
4
- border-radius: 4px;
5
- padding: 15px;
6
- }
7
-
8
- .selected-custom-number-format-holder-and-apply-holder {
9
- display: grid;
10
- grid-template-columns: var(--smart-number-format-panel-selected-format-width) var(--smart-number-format-panel-apply-button-width);
11
- grid-template-rows: auto;
12
- grid-column-gap: var(--smart-number-format-panel-header-holder-offset);
13
- }
14
-
15
- .selected-custom-number-format-holder {
16
- display: block;
17
- border: var(--smart-number-format-panel-border-size) solid var(--smart-number-format-panel-border-color);
18
- border-radius: var(--smart-number-format-panel-border-radius);
19
- padding-left: var(--smart-number-format-panel-selected-format-padding-left);
20
- padding-top: var(--smart-number-format-panel-selected-format-padding-top);
21
- padding-bottom: var(--smart-number-format-panel-selected-format-padding-bottom);
22
- }
23
- .selected-custom-number-format-holder .custom-number-format-input-holder {
24
- width: auto;
25
- }
26
- .selected-custom-number-format-holder .custom-number-format-input-holder smart-text-box {
27
- width: var(--smart-number-format-panel-header-input-width);
28
- }
29
- .selected-custom-number-format-holder .custom-number-format-input-holder smart-text-box input {
30
- border: none;
31
- }
32
-
33
- .apply-button-holder .use-number-format-button {
34
- height: 100%;
35
- }
36
-
37
- .sample-container {
38
- margin-top: var(--smart-number-format-panel-sample-container-vertical-offset);
39
- margin-left: var(--smart-number-format-panel-sample-container-horizontal-offset);
40
- }
41
-
42
- .custom-number-format-list {
43
- padding: 0;
44
- margin: 0;
45
- margin-top: var(--smart-number-format-panel-formats-list-margin-top);
46
- max-height: var(--smart-number-format-panel-formats-list-max-height);
47
- overflow-y: auto;
48
- border: var(--smart-number-format-panel-border-size) solid var(--smart-number-format-panel-border-color);
49
- }
50
-
51
- .custom-number-format-item {
52
- cursor: pointer;
53
- border: var(--smart-number-format-panel-border-size) solid var(--smart-number-format-panel-border-color);
54
- border-left: 0px;
55
- border-bottom: none;
56
- padding: var(--smart-number-format-panel-formats-item-padding);
57
- padding-left: var(--smart-number-format-panel-formats-item-left-padding);
58
- list-style-type: none;
59
- }
60
- .custom-number-format-item:last-child {
61
- border-bottom: 0px;
62
- }
63
- .custom-number-format-item:first-child {
64
- border-top: 0px !important;
65
- }
66
- .custom-number-format-item:hover {
67
- background: var(--smart-number-format-panel-formats-item-hover-background);
68
- }
69
-
70
- .custom-number-format-item-default-format {
71
- float: right;
72
- color: var(--smart-number-format-panel-formats-item-example-format-color);
1
+ .number-format-panel-demo-container {
2
+ max-width: 960px;
3
+ border: 1px solid #ccc;
4
+ border-radius: 4px;
5
+ padding: 15px;
6
+ }
7
+
8
+ .selected-custom-number-format-holder-and-apply-holder {
9
+ display: grid;
10
+ grid-template-columns: var(--smart-number-format-panel-selected-format-width) var(--smart-number-format-panel-apply-button-width);
11
+ grid-template-rows: auto;
12
+ grid-column-gap: var(--smart-number-format-panel-header-holder-offset);
13
+ }
14
+
15
+ .selected-custom-number-format-holder {
16
+ display: block;
17
+ border: var(--smart-number-format-panel-border-size) solid var(--smart-number-format-panel-border-color);
18
+ border-radius: var(--smart-number-format-panel-border-radius);
19
+ padding-left: var(--smart-number-format-panel-selected-format-padding-left);
20
+ padding-top: var(--smart-number-format-panel-selected-format-padding-top);
21
+ padding-bottom: var(--smart-number-format-panel-selected-format-padding-bottom);
22
+ }
23
+ .selected-custom-number-format-holder .custom-number-format-input-holder {
24
+ width: auto;
25
+ }
26
+ .selected-custom-number-format-holder .custom-number-format-input-holder smart-text-box {
27
+ width: var(--smart-number-format-panel-header-input-width);
28
+ }
29
+ .selected-custom-number-format-holder .custom-number-format-input-holder smart-text-box input {
30
+ border: none;
31
+ }
32
+
33
+ .apply-button-holder .use-number-format-button {
34
+ height: 100%;
35
+ }
36
+
37
+ .sample-container {
38
+ margin-top: var(--smart-number-format-panel-sample-container-vertical-offset);
39
+ margin-left: var(--smart-number-format-panel-sample-container-horizontal-offset);
40
+ }
41
+
42
+ .custom-number-format-list {
43
+ padding: 0;
44
+ margin: 0;
45
+ margin-top: var(--smart-number-format-panel-formats-list-margin-top);
46
+ max-height: var(--smart-number-format-panel-formats-list-max-height);
47
+ overflow-y: auto;
48
+ border: var(--smart-number-format-panel-border-size) solid var(--smart-number-format-panel-border-color);
49
+ }
50
+
51
+ .custom-number-format-item {
52
+ cursor: pointer;
53
+ border: var(--smart-number-format-panel-border-size) solid var(--smart-number-format-panel-border-color);
54
+ border-left: 0px;
55
+ border-bottom: none;
56
+ padding: var(--smart-number-format-panel-formats-item-padding);
57
+ padding-left: var(--smart-number-format-panel-formats-item-left-padding);
58
+ list-style-type: none;
59
+ }
60
+ .custom-number-format-item:last-child {
61
+ border-bottom: 0px;
62
+ }
63
+ .custom-number-format-item:first-child {
64
+ border-top: 0px !important;
65
+ }
66
+ .custom-number-format-item:hover {
67
+ background: var(--smart-number-format-panel-formats-item-hover-background);
68
+ }
69
+
70
+ .custom-number-format-item-default-format {
71
+ float: right;
72
+ color: var(--smart-number-format-panel-formats-item-example-format-color);
73
73
  }