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.numerictextbox.css CHANGED
@@ -1,523 +1,523 @@
1
- /* smart-numeric-text-box */
2
- smart-numeric-text-box {
3
- width: var(--smart-numeric-text-box-default-width);
4
- height: var(--smart-numeric-text-box-default-height);
5
- }
6
- smart-numeric-text-box .smart-container {
7
- display: flex;
8
- border: none;
9
- }
10
- smart-numeric-text-box .smart-container {
11
- width: 100%;
12
- }
13
- smart-numeric-text-box.smart-element {
14
- overflow: visible;
15
- border: none;
16
- background: transparent;
17
- }
18
- smart-numeric-text-box[spin-buttons][spin-buttons-position=left] .smart-spin-button.smart-element:first-child {
19
- border-right: none;
20
- }
21
- smart-numeric-text-box[spin-buttons][spin-buttons-position=left] .smart-spin-button.smart-element:last-child {
22
- border-right: none;
23
- }
24
- smart-numeric-text-box[label] .smart-label, smart-numeric-text-box[hint] .smart-hint {
25
- position: absolute;
26
- left: 0;
27
- bottom: 100%;
28
- font-size: 12px;
29
- width: 100%;
30
- display: block;
31
- padding: var(--smart-editor-label-padding);
32
- pointer-events: none;
33
- user-select: none;
34
- -webkit-user-select: none;
35
- -ms-user-select: none;
36
- -moz-user-select: none;
37
- text-align: initial;
38
- line-height: initial;
39
- vertical-align: initial;
40
- }
41
-
42
- .smart-numeric-text-box {
43
- border-color: var(--smart-border);
44
- border-width: 1px;
45
- border-style: solid;
46
- }
47
- .smart-numeric-text-box:focus {
48
- border-color: var(--smart-outline);
49
- }
50
- .smart-numeric-text-box * {
51
- box-sizing: border-box;
52
- }
53
- .smart-numeric-text-box.smart-container {
54
- display: flex;
55
- border: none;
56
- width: 100%;
57
- height: 100%;
58
- position: relative;
59
- }
60
- .smart-numeric-text-box .smart-container {
61
- height: 100%;
62
- position: relative;
63
- }
64
- .smart-numeric-text-box input.smart-input {
65
- width: 100%;
66
- height: 100%;
67
- border-color: var(--smart-border);
68
- border-width: 1px;
69
- border-style: solid;
70
- border-right-width: var(--smart-border-width);
71
- padding: var(--smart-editor-label-padding);
72
- background-color: var(--smart-background);
73
- color: inherit;
74
- font: inherit;
75
- text-align: var(--smart-numeric-text-box-text-align);
76
- outline: none;
77
- -webkit-appearance: none;
78
- }
79
- .smart-numeric-text-box .smart-spin-button {
80
- width: 100%;
81
- height: 50%;
82
- background-color: var(--smart-surface);
83
- color: var(--smart-surface-color);
84
- border-color: var(--smart-border);
85
- border-width: 1px;
86
- border-style: solid;
87
- }
88
- .smart-numeric-text-box .smart-spin-button:first-child {
89
- border-bottom: none;
90
- }
91
- .smart-numeric-text-box .smart-spin-button.smart-element {
92
- display: block;
93
- min-height: 0;
94
- border-radius: 0px;
95
- background: var(--smart-surface);
96
- color: var(--smart-surface-color);
97
- }
98
- .smart-numeric-text-box .smart-spin-button[hover] {
99
- background-color: var(--smart-ui-state-hover);
100
- color: var(--smart-ui-state-color-hover);
101
- border-color: var(--smart-ui-state-border-hover);
102
- }
103
- .smart-numeric-text-box .smart-spin-button[active] {
104
- background-color: var(--smart-ui-state-active);
105
- color: var(--smart-ui-state-color-active);
106
- border-color: var(--smart-ui-state-border-active);
107
- }
108
- .smart-numeric-text-box .smart-spin-button .smart-button {
109
- border: none;
110
- padding: 0px;
111
- }
112
- .smart-numeric-text-box .smart-numeric-text-box-component {
113
- border-width: var(--smart-border-width);
114
- border-style: solid;
115
- border-color: var(--smart-border);
116
- border-left-width: var(--smart-border-width);
117
- border-right-width: 0;
118
- }
119
- .smart-numeric-text-box .smart-input-addon {
120
- border-color: var(--smart-border);
121
- border-width: 1px;
122
- border-style: solid;
123
- }
124
- .smart-numeric-text-box .smart-spin-buttons-container {
125
- width: var(--smart-editor-addon-width);
126
- border: none;
127
- }
128
- .smart-numeric-text-box .smart-numeric-text-box-drop-down {
129
- width: 100%;
130
- }
131
- .smart-numeric-text-box .smart-numeric-text-box-radix-display.smart-numeric-text-box-pressed-component, .smart-numeric-text-box .smart-numeric-text-box-radix-display.smart-numeric-text-box-pressed-component[hover] {
132
- background-color: var(--smart-ui-state-active);
133
- color: var(--smart-ui-state-color-active);
134
- border-color: var(--smart-ui-state-border-active);
135
- }
136
- .smart-numeric-text-box .smart-numeric-text-box-unit-display {
137
- width: var(--smart-numeric-text-box-default-unit-display-width);
138
- border-width: var(--smart-border-width) 0 var(--smart-border-width) 0;
139
- overflow: hidden;
140
- background-color: var(--smart-background);
141
- }
142
- .smart-numeric-text-box .smart-numeric-text-box-unit-display[hover] {
143
- background-color: var(--smart-ui-state-hover);
144
- color: var(--smart-ui-state-color-hover);
145
- border-color: var(--smart-ui-state-border-hover);
146
- }
147
- .smart-numeric-text-box .smart-arrow {
148
- position: relative;
149
- }
150
- .smart-numeric-text-box .smart-label,
151
- .smart-numeric-text-box .smart-hint {
152
- display: none;
153
- position: absolute;
154
- }
155
- .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden) {
156
- border-top-left-radius: 0px;
157
- border-bottom-left-radius: 0px;
158
- border-top-right-radius: 0px;
159
- border-bottom-right-radius: 0px;
160
- }
161
- .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-left, .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-left .smart-spin-button.smart-repeat-button-element {
162
- border-top-left-radius: var(--smart-border-top-left-radius);
163
- border-bottom-left-radius: var(--smart-border-bottom-left-radius);
164
- overflow: hidden;
165
- }
166
- .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-left .smart-spin-button.smart-element:first-child {
167
- border-bottom-left-radius: 0px;
168
- }
169
- .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-left .smart-spin-button.smart-element:last-child {
170
- border-top-left-radius: 0px;
171
- }
172
- .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-right, .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-right .smart-spin-button.smart-element {
173
- border-top-right-radius: var(--smart-border-top-right-radius);
174
- border-bottom-right-radius: var(--smart-border-bottom-right-radius);
175
- overflow: hidden;
176
- }
177
- .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-right .smart-spin-button.smart-element:first-child {
178
- border-bottom-right-radius: 0px;
179
- }
180
- .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-right .smart-spin-button.smart-element:last-child {
181
- border-top-right-radius: 0px;
182
- }
183
- .smart-numeric-text-box[drop-down-enabled] .smart-numeric-text-box-radix-display {
184
- cursor: pointer;
185
- }
186
- .smart-numeric-text-box[drop-down-enabled] .smart-numeric-text-box-radix-display[hover]:not([aria-expanded=true]) {
187
- background-color: var(--smart-ui-state-hover);
188
- color: var(--smart-ui-state-color-hover);
189
- }
190
- .smart-numeric-text-box:not([animation=none])[hint] .smart-hint {
191
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.6, 1);
192
- }
193
- .smart-numeric-text-box:not([animation=none])[hint][focus] .smart-hint {
194
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
195
- }
196
- .smart-numeric-text-box:not([animation=none]) .smart-numeric-text-box-drop-down {
197
- transform-origin: top;
198
- transition: opacity 0.2s ease-in, visibility 0.2s ease-in, transform 0.2s ease-in;
199
- }
200
- .smart-numeric-text-box[focus] input.smart-input {
201
- border-color: var(--smart-outline);
202
- }
203
- .smart-numeric-text-box[focus] .smart-input-addon {
204
- border-color: var(--smart-outline);
205
- }
206
- .smart-numeric-text-box[focus] .smart-spin-button {
207
- border-color: var(--smart-outline);
208
- }
209
- .smart-numeric-text-box[hint] .smart-hint {
210
- opacity: 0;
211
- top: 100%;
212
- bottom: initial;
213
- }
214
- .smart-numeric-text-box[hint][focus] .smart-hint {
215
- opacity: 1;
216
- }
217
- .smart-numeric-text-box[radix-display-position=right]:not([spin-buttons]) .smart-numeric-text-box-radix-display, .smart-numeric-text-box[radix-display-position=right][spin-buttons][spin-buttons-position=left] .smart-numeric-text-box-radix-display {
218
- border-left-width: 0;
219
- border-right-width: var(--smart-border-width);
220
- }
221
- .smart-numeric-text-box[disabled], .smart-numeric-text-box[value=null] .smart-numeric-text-box-radix-display, .smart-numeric-text-box[value=NaN] .smart-spin-buttons-container, .smart-numeric-text-box[value=Infinity] .smart-spin-buttons-container, .smart-numeric-text-box[value=-Infinity] .smart-spin-buttons-container {
222
- opacity: 0.55;
223
- cursor: default;
224
- }
225
- .smart-numeric-text-box[spin-buttons] input.smart-input {
226
- width: calc(100% - var(--smart-editor-addon-width));
227
- }
228
- .smart-numeric-text-box[radix-display] input.smart-input {
229
- width: calc(100% - var(--smart-numeric-text-box-default-radix-display-width));
230
- }
231
- .smart-numeric-text-box[show-unit] input.smart-input {
232
- width: calc(100% - var(--smart-numeric-text-box-default-unit-display-width));
233
- }
234
- .smart-numeric-text-box[spin-buttons][radix-display] input.smart-input {
235
- width: calc(100% - var(--smart-editor-addon-width) - var(--smart-numeric-text-box-default-radix-display-width));
236
- }
237
- .smart-numeric-text-box[spin-buttons][show-unit] input.smart-input {
238
- width: calc(100% - var(--smart-editor-addon-width) - var(--smart-numeric-text-box-default-unit-display-width));
239
- }
240
- .smart-numeric-text-box[radix-display][show-unit] input.smart-input {
241
- width: calc(100% - var(--smart-numeric-text-box-default-radix-display-width) - var(--smart-numeric-text-box-default-unit-display-width));
242
- }
243
- .smart-numeric-text-box[spin-buttons][radix-display][show-unit] input.smart-input {
244
- width: calc(100% - var(--smart-numeric-text-box-default-unit-display-width) - var(--smart-editor-addon-width) - var(--smart-numeric-text-box-default-radix-display-width));
245
- }
246
- .smart-numeric-text-box[spin-buttons] input.smart-input {
247
- border-right-width: 0;
248
- }
249
- .smart-numeric-text-box[spin-buttons] .smart-spin-buttons-container {
250
- border-right-width: var(--smart-border-width);
251
- }
252
- .smart-numeric-text-box[spin-buttons][spin-buttons-position=left] .smart-spin-buttons-container {
253
- border-right-width: 0;
254
- }
255
- .smart-numeric-text-box[spin-buttons][spin-buttons-position=left] input.smart-input {
256
- border-right-width: var(--smart-border-width);
257
- }
258
- .smart-numeric-text-box[spin-buttons][spin-buttons-position=left][show-unit] input.smart-input {
259
- border-right-width: 0;
260
- }
261
- .smart-numeric-text-box[spin-buttons][spin-buttons-position=left][show-unit] .smart-numeric-text-box-unit-display {
262
- border-right-width: var(--smart-border-width);
263
- }
264
- .smart-numeric-text-box[spin-buttons][show-unit] .smart-numeric-text-box-unit-display {
265
- border-right-width: 0;
266
- }
267
- .smart-numeric-text-box[show-unit] input.smart-input {
268
- border-right-width: 0;
269
- }
270
- .smart-numeric-text-box[show-unit] .smart-numeric-text-box-unit-display {
271
- border-right-width: var(--smart-border-width);
272
- }
273
- .smart-numeric-text-box.underlined {
274
- border-width: 0px;
275
- border-bottom-width: 1px;
276
- background: var(--smart-background);
277
- }
278
- .smart-numeric-text-box.underlined input {
279
- border-width: 0px;
280
- border-bottom-width: 1px;
281
- }
282
- .smart-numeric-text-box.underlined input:focus {
283
- border: none;
284
- }
285
- .smart-numeric-text-box.underlined .smart-spin-button,
286
- .smart-numeric-text-box.underlined .smart-drop-down-button {
287
- background: var(--smart-background);
288
- border-width: 0px;
289
- border-bottom-width: 1px;
290
- border-radius: 0;
291
- }
292
- .smart-numeric-text-box.underlined .smart-spin-button[hover],
293
- .smart-numeric-text-box.underlined .smart-drop-down-button[hover] {
294
- background: var(--smart-background);
295
- color: var(--smart-ui-state-active);
296
- }
297
- .smart-numeric-text-box.underlined .smart-spin-button[active],
298
- .smart-numeric-text-box.underlined .smart-drop-down-button[active] {
299
- background: var(--smart-background);
300
- color: var(--smart-ui-state-active);
301
- }
302
- .smart-numeric-text-box.underlined .smart-hint {
303
- position: absolute;
304
- top: 0;
305
- left: 0;
306
- right: 0;
307
- bottom: 0;
308
- display: block !important;
309
- box-sizing: border-box;
310
- padding: var(--smart-editor-label-padding);
311
- color: var(--smart-background-color);
312
- pointer-events: none;
313
- font-size: 75%;
314
- opacity: 0;
315
- transition: color 0.2s, font-size 0.2s, line-height 0.2s, margin-top 0.2s, opacity 0.1s, top 0.2s;
316
- margin-top: calc(0px - var(--smart-font-size));
317
- }
318
- .smart-numeric-text-box.underlined .smart-hint:after {
319
- content: "";
320
- position: absolute;
321
- left: 0;
322
- bottom: -2px;
323
- display: block;
324
- width: 100%;
325
- height: 2px;
326
- background-color: var(--smart-primary);
327
- transform-origin: bottom center;
328
- transform: scaleX(0);
329
- transition: transform 0.2s;
330
- }
331
- .smart-numeric-text-box.underlined:not([focus]) .smart-hint {
332
- margin-top: 0px;
333
- }
334
- .smart-numeric-text-box.underlined[focus] .smart-drop-down-button {
335
- color: var(--smart-primary);
336
- opacity: 1;
337
- border-bottom-color: transparent;
338
- }
339
- .smart-numeric-text-box.underlined[focus] .smart-hint {
340
- color: var(--smart-primary);
341
- opacity: 1;
342
- }
343
- .smart-numeric-text-box.underlined[focus] .smart-hint:after {
344
- transform: scale(1);
345
- }
346
- .smart-numeric-text-box.underlined[focus] .smart-spin-button {
347
- border-bottom-color: transparent;
348
- }
349
- .smart-numeric-text-box.outlined {
350
- height: auto;
351
- min-height: 0;
352
- border-radius: var(--smart-border-radius);
353
- background: var(--smart-background);
354
- }
355
- .smart-numeric-text-box.outlined input {
356
- transition: border-color 0.2s;
357
- border: 1px solid var(--smart-border);
358
- display: block;
359
- outline: unset;
360
- display: block;
361
- padding: 13px 13px;
362
- }
363
- .smart-numeric-text-box.outlined .smart-spin-button,
364
- .smart-numeric-text-box.outlined .smart-drop-down-button {
365
- background: var(--smart-background);
366
- border-width: 0px;
367
- }
368
- .smart-numeric-text-box.outlined .smart-spin-button[hover],
369
- .smart-numeric-text-box.outlined .smart-drop-down-button[hover] {
370
- background: var(--smart-background);
371
- color: var(--smart-ui-state-active);
372
- }
373
- .smart-numeric-text-box.outlined .smart-spin-button[active],
374
- .smart-numeric-text-box.outlined .smart-drop-down-button[active] {
375
- background: var(--smart-background);
376
- color: var(--smart-ui-state-active);
377
- }
378
- .smart-numeric-text-box.outlined .smart-drop-down-button {
379
- padding: 8px 0px;
380
- }
381
- .smart-numeric-text-box.outlined .smart-hint {
382
- position: absolute;
383
- top: 0;
384
- left: 0;
385
- display: flex !important;
386
- border-color: var(--smart-border) !important;
387
- width: 100%;
388
- max-height: 100%;
389
- color: var(--smart-background-color);
390
- font-size: 75%;
391
- line-height: 15px;
392
- cursor: text;
393
- padding: 0;
394
- margin-top: -6px;
395
- transition: color 0.2s, z-index 0.2s, font-size 0.2s, opacity 0.3s, font-size 0.2s, line-height 0.2s;
396
- }
397
- .smart-numeric-text-box.outlined .smart-hint:before, .smart-numeric-text-box.outlined .smart-hint:after {
398
- content: "";
399
- display: block;
400
- box-sizing: border-box;
401
- margin-top: 6px;
402
- border-top: solid 1px;
403
- border-top-color: var(--smart-border) !important;
404
- min-width: 10px;
405
- height: 8px;
406
- pointer-events: none;
407
- box-shadow: inset 0 1px transparent;
408
- transition: border-color 0.2s, box-shadow 0.2s;
409
- }
410
- .smart-numeric-text-box.outlined .smart-hint:before {
411
- margin-right: 4px;
412
- border-left: solid 1px transparent;
413
- border-radius: var(--smart-border-radius) 0;
414
- }
415
- .smart-numeric-text-box.outlined .smart-hint:after {
416
- flex-grow: 1;
417
- margin-left: 4px;
418
- border-right: solid 1px transparent;
419
- border-radius: 0 var(--smart-border-radius);
420
- }
421
- .smart-numeric-text-box.outlined:not([focus]) .smart-hint {
422
- font-size: var(--smart-font-size);
423
- line-height: 48px;
424
- opacity: 0;
425
- }
426
- .smart-numeric-text-box.outlined[focus] {
427
- --smart-border: var(--smart-primary);
428
- }
429
- .smart-numeric-text-box.outlined[focus] .smart-input {
430
- border: 1px solid var(--smart-border);
431
- border-top-color: transparent !important;
432
- }
433
- .smart-numeric-text-box.outlined[focus] .smart-drop-down-button {
434
- color: var(--smart-primary);
435
- }
436
- .smart-numeric-text-box.outlined[focus] .smart-hint {
437
- color: var(--smart-primary);
438
- opacity: 1;
439
- }
440
- .smart-numeric-text-box.outlined[focus] .smart-hint:before, .smart-numeric-text-box.outlined[focus] .smart-hint:after {
441
- border-top-color: var(--smart-primary) !important;
442
- }
443
-
444
- .smart-numeric-text-box-radix-display {
445
- display: flex;
446
- align-items: center;
447
- cursor: default;
448
- background-color: var(--smart-surface);
449
- color: var(--smart-surface-color);
450
- width: var(--smart-numeric-text-box-default-radix-display-width);
451
- justify-content: center;
452
- }
453
-
454
- .smart-numeric-text-box-unit-display {
455
- display: flex;
456
- align-items: center;
457
- cursor: default;
458
- }
459
-
460
- .smart-numeric-text-box-drop-down {
461
- background-color: var(--smart-surface);
462
- position: absolute;
463
- box-sizing: border-box;
464
- height: auto;
465
- border-width: var(--smart-border-width);
466
- border-style: solid;
467
- border-color: var(--smart-border);
468
- box-shadow: var(--smart-elevation-8);
469
- padding: 2px;
470
- top: 100%;
471
- z-index: 9999;
472
- list-style-type: none;
473
- transform: scaleY(1);
474
- opacity: 1;
475
- background: var(--smart-background);
476
- color: var(--smart-background-color);
477
- font-family: var(--smart-font-family);
478
- font-size: var(--smart-font-size);
479
- }
480
- .smart-numeric-text-box-drop-down .smart-list-item {
481
- cursor: pointer;
482
- margin: 1px;
483
- border: 1px solid transparent;
484
- padding: 4px 8px 4px 8px;
485
- word-break: break-all;
486
- }
487
- .smart-numeric-text-box-drop-down .smart-list-item[hover], .smart-numeric-text-box-drop-down .smart-list-item:hover {
488
- background-color: var(--smart-ui-state-hover);
489
- color: var(--smart-ui-state-color-hover);
490
- }
491
- .smart-numeric-text-box-drop-down.smart-visibility-hidden {
492
- transform: scaleY(0);
493
- opacity: 0;
494
- }
495
- .smart-numeric-text-box-drop-down.smart-drop-down-repositioned:not([animation=none]) {
496
- transform-origin: top;
497
- transition: opacity 0.2s ease-in, visibility 0.2s ease-in, transform 0.2s ease-in;
498
- }
499
-
500
- .smart-numeric-text-box-pressed-component {
501
- background-color: var(--smart-ui-state-active);
502
- color: var(--smart-ui-state-color-active);
503
- border-color: var(--smart-ui-state-border-active);
504
- }
505
-
506
- smart-numeric-text-box[right-to-left] > .smart-container {
507
- direction: initial;
508
- }
509
- smart-numeric-text-box[right-to-left] input.smart-input,
510
- smart-numeric-text-box[right-to-left] .smart-numeric-text-box-drop-down,
511
- smart-numeric-text-box[right-to-left] .smart-numeric-text-box-radix-display,
512
- smart-numeric-text-box[right-to-left] .smart-label,
513
- smart-numeric-text-box[right-to-left] .smart-hint {
514
- direction: rtl;
515
- }
516
- smart-numeric-text-box[right-to-left] .smart-numeric-text-box-unit-display {
517
- direction: rtl;
518
- flex-direction: row-reverse;
519
- }
520
-
521
- .smart-numeric-text-box-drop-down.smart-drop-down-repositioned[right-to-left] {
522
- direction: rtl;
1
+ /* smart-numeric-text-box */
2
+ smart-numeric-text-box {
3
+ width: var(--smart-numeric-text-box-default-width);
4
+ height: var(--smart-numeric-text-box-default-height);
5
+ }
6
+ smart-numeric-text-box .smart-container {
7
+ display: flex;
8
+ border: none;
9
+ }
10
+ smart-numeric-text-box .smart-container {
11
+ width: 100%;
12
+ }
13
+ smart-numeric-text-box.smart-element {
14
+ overflow: visible;
15
+ border: none;
16
+ background: transparent;
17
+ }
18
+ smart-numeric-text-box[spin-buttons][spin-buttons-position=left] .smart-spin-button.smart-element:first-child {
19
+ border-right: none;
20
+ }
21
+ smart-numeric-text-box[spin-buttons][spin-buttons-position=left] .smart-spin-button.smart-element:last-child {
22
+ border-right: none;
23
+ }
24
+ smart-numeric-text-box[label] .smart-label, smart-numeric-text-box[hint] .smart-hint {
25
+ position: absolute;
26
+ left: 0;
27
+ bottom: 100%;
28
+ font-size: 12px;
29
+ width: 100%;
30
+ display: block;
31
+ padding: var(--smart-editor-label-padding);
32
+ pointer-events: none;
33
+ user-select: none;
34
+ -webkit-user-select: none;
35
+ -ms-user-select: none;
36
+ -moz-user-select: none;
37
+ text-align: initial;
38
+ line-height: initial;
39
+ vertical-align: initial;
40
+ }
41
+
42
+ .smart-numeric-text-box {
43
+ border-color: var(--smart-border);
44
+ border-width: 1px;
45
+ border-style: solid;
46
+ }
47
+ .smart-numeric-text-box:focus {
48
+ border-color: var(--smart-outline);
49
+ }
50
+ .smart-numeric-text-box * {
51
+ box-sizing: border-box;
52
+ }
53
+ .smart-numeric-text-box.smart-container {
54
+ display: flex;
55
+ border: none;
56
+ width: 100%;
57
+ height: 100%;
58
+ position: relative;
59
+ }
60
+ .smart-numeric-text-box .smart-container {
61
+ height: 100%;
62
+ position: relative;
63
+ }
64
+ .smart-numeric-text-box input.smart-input {
65
+ width: 100%;
66
+ height: 100%;
67
+ border-color: var(--smart-border);
68
+ border-width: 1px;
69
+ border-style: solid;
70
+ border-right-width: var(--smart-border-width);
71
+ padding: var(--smart-editor-label-padding);
72
+ background-color: var(--smart-background);
73
+ color: inherit;
74
+ font: inherit;
75
+ text-align: var(--smart-numeric-text-box-text-align);
76
+ outline: none;
77
+ -webkit-appearance: none;
78
+ }
79
+ .smart-numeric-text-box .smart-spin-button {
80
+ width: 100%;
81
+ height: 50%;
82
+ background-color: var(--smart-surface);
83
+ color: var(--smart-surface-color);
84
+ border-color: var(--smart-border);
85
+ border-width: 1px;
86
+ border-style: solid;
87
+ }
88
+ .smart-numeric-text-box .smart-spin-button:first-child {
89
+ border-bottom: none;
90
+ }
91
+ .smart-numeric-text-box .smart-spin-button.smart-element {
92
+ display: block;
93
+ min-height: 0;
94
+ border-radius: 0px;
95
+ background: var(--smart-surface);
96
+ color: var(--smart-surface-color);
97
+ }
98
+ .smart-numeric-text-box .smart-spin-button[hover] {
99
+ background-color: var(--smart-ui-state-hover);
100
+ color: var(--smart-ui-state-color-hover);
101
+ border-color: var(--smart-ui-state-border-hover);
102
+ }
103
+ .smart-numeric-text-box .smart-spin-button[active] {
104
+ background-color: var(--smart-ui-state-active);
105
+ color: var(--smart-ui-state-color-active);
106
+ border-color: var(--smart-ui-state-border-active);
107
+ }
108
+ .smart-numeric-text-box .smart-spin-button .smart-button {
109
+ border: none;
110
+ padding: 0px;
111
+ }
112
+ .smart-numeric-text-box .smart-numeric-text-box-component {
113
+ border-width: var(--smart-border-width);
114
+ border-style: solid;
115
+ border-color: var(--smart-border);
116
+ border-left-width: var(--smart-border-width);
117
+ border-right-width: 0;
118
+ }
119
+ .smart-numeric-text-box .smart-input-addon {
120
+ border-color: var(--smart-border);
121
+ border-width: 1px;
122
+ border-style: solid;
123
+ }
124
+ .smart-numeric-text-box .smart-spin-buttons-container {
125
+ width: var(--smart-editor-addon-width);
126
+ border: none;
127
+ }
128
+ .smart-numeric-text-box .smart-numeric-text-box-drop-down {
129
+ width: 100%;
130
+ }
131
+ .smart-numeric-text-box .smart-numeric-text-box-radix-display.smart-numeric-text-box-pressed-component, .smart-numeric-text-box .smart-numeric-text-box-radix-display.smart-numeric-text-box-pressed-component[hover] {
132
+ background-color: var(--smart-ui-state-active);
133
+ color: var(--smart-ui-state-color-active);
134
+ border-color: var(--smart-ui-state-border-active);
135
+ }
136
+ .smart-numeric-text-box .smart-numeric-text-box-unit-display {
137
+ width: var(--smart-numeric-text-box-default-unit-display-width);
138
+ border-width: var(--smart-border-width) 0 var(--smart-border-width) 0;
139
+ overflow: hidden;
140
+ background-color: var(--smart-background);
141
+ }
142
+ .smart-numeric-text-box .smart-numeric-text-box-unit-display[hover] {
143
+ background-color: var(--smart-ui-state-hover);
144
+ color: var(--smart-ui-state-color-hover);
145
+ border-color: var(--smart-ui-state-border-hover);
146
+ }
147
+ .smart-numeric-text-box .smart-arrow {
148
+ position: relative;
149
+ }
150
+ .smart-numeric-text-box .smart-label,
151
+ .smart-numeric-text-box .smart-hint {
152
+ display: none;
153
+ position: absolute;
154
+ }
155
+ .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden) {
156
+ border-top-left-radius: 0px;
157
+ border-bottom-left-radius: 0px;
158
+ border-top-right-radius: 0px;
159
+ border-bottom-right-radius: 0px;
160
+ }
161
+ .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-left, .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-left .smart-spin-button.smart-repeat-button-element {
162
+ border-top-left-radius: var(--smart-border-top-left-radius);
163
+ border-bottom-left-radius: var(--smart-border-bottom-left-radius);
164
+ overflow: hidden;
165
+ }
166
+ .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-left .smart-spin-button.smart-element:first-child {
167
+ border-bottom-left-radius: 0px;
168
+ }
169
+ .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-left .smart-spin-button.smart-element:last-child {
170
+ border-top-left-radius: 0px;
171
+ }
172
+ .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-right, .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-right .smart-spin-button.smart-element {
173
+ border-top-right-radius: var(--smart-border-top-right-radius);
174
+ border-bottom-right-radius: var(--smart-border-bottom-right-radius);
175
+ overflow: hidden;
176
+ }
177
+ .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-right .smart-spin-button.smart-element:first-child {
178
+ border-bottom-right-radius: 0px;
179
+ }
180
+ .smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-right .smart-spin-button.smart-element:last-child {
181
+ border-top-right-radius: 0px;
182
+ }
183
+ .smart-numeric-text-box[drop-down-enabled] .smart-numeric-text-box-radix-display {
184
+ cursor: pointer;
185
+ }
186
+ .smart-numeric-text-box[drop-down-enabled] .smart-numeric-text-box-radix-display[hover]:not([aria-expanded=true]) {
187
+ background-color: var(--smart-ui-state-hover);
188
+ color: var(--smart-ui-state-color-hover);
189
+ }
190
+ .smart-numeric-text-box:not([animation=none])[hint] .smart-hint {
191
+ transition: opacity 0.2s cubic-bezier(0.4, 0, 0.6, 1);
192
+ }
193
+ .smart-numeric-text-box:not([animation=none])[hint][focus] .smart-hint {
194
+ transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
195
+ }
196
+ .smart-numeric-text-box:not([animation=none]) .smart-numeric-text-box-drop-down {
197
+ transform-origin: top;
198
+ transition: opacity 0.2s ease-in, visibility 0.2s ease-in, transform 0.2s ease-in;
199
+ }
200
+ .smart-numeric-text-box[focus] input.smart-input {
201
+ border-color: var(--smart-outline);
202
+ }
203
+ .smart-numeric-text-box[focus] .smart-input-addon {
204
+ border-color: var(--smart-outline);
205
+ }
206
+ .smart-numeric-text-box[focus] .smart-spin-button {
207
+ border-color: var(--smart-outline);
208
+ }
209
+ .smart-numeric-text-box[hint] .smart-hint {
210
+ opacity: 0;
211
+ top: 100%;
212
+ bottom: initial;
213
+ }
214
+ .smart-numeric-text-box[hint][focus] .smart-hint {
215
+ opacity: 1;
216
+ }
217
+ .smart-numeric-text-box[radix-display-position=right]:not([spin-buttons]) .smart-numeric-text-box-radix-display, .smart-numeric-text-box[radix-display-position=right][spin-buttons][spin-buttons-position=left] .smart-numeric-text-box-radix-display {
218
+ border-left-width: 0;
219
+ border-right-width: var(--smart-border-width);
220
+ }
221
+ .smart-numeric-text-box[disabled], .smart-numeric-text-box[value=null] .smart-numeric-text-box-radix-display, .smart-numeric-text-box[value=NaN] .smart-spin-buttons-container, .smart-numeric-text-box[value=Infinity] .smart-spin-buttons-container, .smart-numeric-text-box[value=-Infinity] .smart-spin-buttons-container {
222
+ opacity: 0.55;
223
+ cursor: default;
224
+ }
225
+ .smart-numeric-text-box[spin-buttons] input.smart-input {
226
+ width: calc(100% - var(--smart-editor-addon-width));
227
+ }
228
+ .smart-numeric-text-box[radix-display] input.smart-input {
229
+ width: calc(100% - var(--smart-numeric-text-box-default-radix-display-width));
230
+ }
231
+ .smart-numeric-text-box[show-unit] input.smart-input {
232
+ width: calc(100% - var(--smart-numeric-text-box-default-unit-display-width));
233
+ }
234
+ .smart-numeric-text-box[spin-buttons][radix-display] input.smart-input {
235
+ width: calc(100% - var(--smart-editor-addon-width) - var(--smart-numeric-text-box-default-radix-display-width));
236
+ }
237
+ .smart-numeric-text-box[spin-buttons][show-unit] input.smart-input {
238
+ width: calc(100% - var(--smart-editor-addon-width) - var(--smart-numeric-text-box-default-unit-display-width));
239
+ }
240
+ .smart-numeric-text-box[radix-display][show-unit] input.smart-input {
241
+ width: calc(100% - var(--smart-numeric-text-box-default-radix-display-width) - var(--smart-numeric-text-box-default-unit-display-width));
242
+ }
243
+ .smart-numeric-text-box[spin-buttons][radix-display][show-unit] input.smart-input {
244
+ width: calc(100% - var(--smart-numeric-text-box-default-unit-display-width) - var(--smart-editor-addon-width) - var(--smart-numeric-text-box-default-radix-display-width));
245
+ }
246
+ .smart-numeric-text-box[spin-buttons] input.smart-input {
247
+ border-right-width: 0;
248
+ }
249
+ .smart-numeric-text-box[spin-buttons] .smart-spin-buttons-container {
250
+ border-right-width: var(--smart-border-width);
251
+ }
252
+ .smart-numeric-text-box[spin-buttons][spin-buttons-position=left] .smart-spin-buttons-container {
253
+ border-right-width: 0;
254
+ }
255
+ .smart-numeric-text-box[spin-buttons][spin-buttons-position=left] input.smart-input {
256
+ border-right-width: var(--smart-border-width);
257
+ }
258
+ .smart-numeric-text-box[spin-buttons][spin-buttons-position=left][show-unit] input.smart-input {
259
+ border-right-width: 0;
260
+ }
261
+ .smart-numeric-text-box[spin-buttons][spin-buttons-position=left][show-unit] .smart-numeric-text-box-unit-display {
262
+ border-right-width: var(--smart-border-width);
263
+ }
264
+ .smart-numeric-text-box[spin-buttons][show-unit] .smart-numeric-text-box-unit-display {
265
+ border-right-width: 0;
266
+ }
267
+ .smart-numeric-text-box[show-unit] input.smart-input {
268
+ border-right-width: 0;
269
+ }
270
+ .smart-numeric-text-box[show-unit] .smart-numeric-text-box-unit-display {
271
+ border-right-width: var(--smart-border-width);
272
+ }
273
+ .smart-numeric-text-box.underlined {
274
+ border-width: 0px;
275
+ border-bottom-width: 1px;
276
+ background: var(--smart-background);
277
+ }
278
+ .smart-numeric-text-box.underlined input {
279
+ border-width: 0px;
280
+ border-bottom-width: 1px;
281
+ }
282
+ .smart-numeric-text-box.underlined input:focus {
283
+ border: none;
284
+ }
285
+ .smart-numeric-text-box.underlined .smart-spin-button,
286
+ .smart-numeric-text-box.underlined .smart-drop-down-button {
287
+ background: var(--smart-background);
288
+ border-width: 0px;
289
+ border-bottom-width: 1px;
290
+ border-radius: 0;
291
+ }
292
+ .smart-numeric-text-box.underlined .smart-spin-button[hover],
293
+ .smart-numeric-text-box.underlined .smart-drop-down-button[hover] {
294
+ background: var(--smart-background);
295
+ color: var(--smart-ui-state-active);
296
+ }
297
+ .smart-numeric-text-box.underlined .smart-spin-button[active],
298
+ .smart-numeric-text-box.underlined .smart-drop-down-button[active] {
299
+ background: var(--smart-background);
300
+ color: var(--smart-ui-state-active);
301
+ }
302
+ .smart-numeric-text-box.underlined .smart-hint {
303
+ position: absolute;
304
+ top: 0;
305
+ left: 0;
306
+ right: 0;
307
+ bottom: 0;
308
+ display: block !important;
309
+ box-sizing: border-box;
310
+ padding: var(--smart-editor-label-padding);
311
+ color: var(--smart-background-color);
312
+ pointer-events: none;
313
+ font-size: 75%;
314
+ opacity: 0;
315
+ transition: color 0.2s, font-size 0.2s, line-height 0.2s, margin-top 0.2s, opacity 0.1s, top 0.2s;
316
+ margin-top: calc(0px - var(--smart-font-size));
317
+ }
318
+ .smart-numeric-text-box.underlined .smart-hint:after {
319
+ content: "";
320
+ position: absolute;
321
+ left: 0;
322
+ bottom: -2px;
323
+ display: block;
324
+ width: 100%;
325
+ height: 2px;
326
+ background-color: var(--smart-primary);
327
+ transform-origin: bottom center;
328
+ transform: scaleX(0);
329
+ transition: transform 0.2s;
330
+ }
331
+ .smart-numeric-text-box.underlined:not([focus]) .smart-hint {
332
+ margin-top: 0px;
333
+ }
334
+ .smart-numeric-text-box.underlined[focus] .smart-drop-down-button {
335
+ color: var(--smart-primary);
336
+ opacity: 1;
337
+ border-bottom-color: transparent;
338
+ }
339
+ .smart-numeric-text-box.underlined[focus] .smart-hint {
340
+ color: var(--smart-primary);
341
+ opacity: 1;
342
+ }
343
+ .smart-numeric-text-box.underlined[focus] .smart-hint:after {
344
+ transform: scale(1);
345
+ }
346
+ .smart-numeric-text-box.underlined[focus] .smart-spin-button {
347
+ border-bottom-color: transparent;
348
+ }
349
+ .smart-numeric-text-box.outlined {
350
+ height: auto;
351
+ min-height: 0;
352
+ border-radius: var(--smart-border-radius);
353
+ background: var(--smart-background);
354
+ }
355
+ .smart-numeric-text-box.outlined input {
356
+ transition: border-color 0.2s;
357
+ border: 1px solid var(--smart-border);
358
+ display: block;
359
+ outline: unset;
360
+ display: block;
361
+ padding: 13px 13px;
362
+ }
363
+ .smart-numeric-text-box.outlined .smart-spin-button,
364
+ .smart-numeric-text-box.outlined .smart-drop-down-button {
365
+ background: var(--smart-background);
366
+ border-width: 0px;
367
+ }
368
+ .smart-numeric-text-box.outlined .smart-spin-button[hover],
369
+ .smart-numeric-text-box.outlined .smart-drop-down-button[hover] {
370
+ background: var(--smart-background);
371
+ color: var(--smart-ui-state-active);
372
+ }
373
+ .smart-numeric-text-box.outlined .smart-spin-button[active],
374
+ .smart-numeric-text-box.outlined .smart-drop-down-button[active] {
375
+ background: var(--smart-background);
376
+ color: var(--smart-ui-state-active);
377
+ }
378
+ .smart-numeric-text-box.outlined .smart-drop-down-button {
379
+ padding: 8px 0px;
380
+ }
381
+ .smart-numeric-text-box.outlined .smart-hint {
382
+ position: absolute;
383
+ top: 0;
384
+ left: 0;
385
+ display: flex !important;
386
+ border-color: var(--smart-border) !important;
387
+ width: 100%;
388
+ max-height: 100%;
389
+ color: var(--smart-background-color);
390
+ font-size: 75%;
391
+ line-height: 15px;
392
+ cursor: text;
393
+ padding: 0;
394
+ margin-top: -6px;
395
+ transition: color 0.2s, z-index 0.2s, font-size 0.2s, opacity 0.3s, font-size 0.2s, line-height 0.2s;
396
+ }
397
+ .smart-numeric-text-box.outlined .smart-hint:before, .smart-numeric-text-box.outlined .smart-hint:after {
398
+ content: "";
399
+ display: block;
400
+ box-sizing: border-box;
401
+ margin-top: 6px;
402
+ border-top: solid 1px;
403
+ border-top-color: var(--smart-border) !important;
404
+ min-width: 10px;
405
+ height: 8px;
406
+ pointer-events: none;
407
+ box-shadow: inset 0 1px transparent;
408
+ transition: border-color 0.2s, box-shadow 0.2s;
409
+ }
410
+ .smart-numeric-text-box.outlined .smart-hint:before {
411
+ margin-right: 4px;
412
+ border-left: solid 1px transparent;
413
+ border-radius: var(--smart-border-radius) 0;
414
+ }
415
+ .smart-numeric-text-box.outlined .smart-hint:after {
416
+ flex-grow: 1;
417
+ margin-left: 4px;
418
+ border-right: solid 1px transparent;
419
+ border-radius: 0 var(--smart-border-radius);
420
+ }
421
+ .smart-numeric-text-box.outlined:not([focus]) .smart-hint {
422
+ font-size: var(--smart-font-size);
423
+ line-height: 48px;
424
+ opacity: 0;
425
+ }
426
+ .smart-numeric-text-box.outlined[focus] {
427
+ --smart-border: var(--smart-primary);
428
+ }
429
+ .smart-numeric-text-box.outlined[focus] .smart-input {
430
+ border: 1px solid var(--smart-border);
431
+ border-top-color: transparent !important;
432
+ }
433
+ .smart-numeric-text-box.outlined[focus] .smart-drop-down-button {
434
+ color: var(--smart-primary);
435
+ }
436
+ .smart-numeric-text-box.outlined[focus] .smart-hint {
437
+ color: var(--smart-primary);
438
+ opacity: 1;
439
+ }
440
+ .smart-numeric-text-box.outlined[focus] .smart-hint:before, .smart-numeric-text-box.outlined[focus] .smart-hint:after {
441
+ border-top-color: var(--smart-primary) !important;
442
+ }
443
+
444
+ .smart-numeric-text-box-radix-display {
445
+ display: flex;
446
+ align-items: center;
447
+ cursor: default;
448
+ background-color: var(--smart-surface);
449
+ color: var(--smart-surface-color);
450
+ width: var(--smart-numeric-text-box-default-radix-display-width);
451
+ justify-content: center;
452
+ }
453
+
454
+ .smart-numeric-text-box-unit-display {
455
+ display: flex;
456
+ align-items: center;
457
+ cursor: default;
458
+ }
459
+
460
+ .smart-numeric-text-box-drop-down {
461
+ background-color: var(--smart-surface);
462
+ position: absolute;
463
+ box-sizing: border-box;
464
+ height: auto;
465
+ border-width: var(--smart-border-width);
466
+ border-style: solid;
467
+ border-color: var(--smart-border);
468
+ box-shadow: var(--smart-elevation-8);
469
+ padding: 2px;
470
+ top: 100%;
471
+ z-index: 9999;
472
+ list-style-type: none;
473
+ transform: scaleY(1);
474
+ opacity: 1;
475
+ background: var(--smart-background);
476
+ color: var(--smart-background-color);
477
+ font-family: var(--smart-font-family);
478
+ font-size: var(--smart-font-size);
479
+ }
480
+ .smart-numeric-text-box-drop-down .smart-list-item {
481
+ cursor: pointer;
482
+ margin: 1px;
483
+ border: 1px solid transparent;
484
+ padding: 4px 8px 4px 8px;
485
+ word-break: break-all;
486
+ }
487
+ .smart-numeric-text-box-drop-down .smart-list-item[hover], .smart-numeric-text-box-drop-down .smart-list-item:hover {
488
+ background-color: var(--smart-ui-state-hover);
489
+ color: var(--smart-ui-state-color-hover);
490
+ }
491
+ .smart-numeric-text-box-drop-down.smart-visibility-hidden {
492
+ transform: scaleY(0);
493
+ opacity: 0;
494
+ }
495
+ .smart-numeric-text-box-drop-down.smart-drop-down-repositioned:not([animation=none]) {
496
+ transform-origin: top;
497
+ transition: opacity 0.2s ease-in, visibility 0.2s ease-in, transform 0.2s ease-in;
498
+ }
499
+
500
+ .smart-numeric-text-box-pressed-component {
501
+ background-color: var(--smart-ui-state-active);
502
+ color: var(--smart-ui-state-color-active);
503
+ border-color: var(--smart-ui-state-border-active);
504
+ }
505
+
506
+ smart-numeric-text-box[right-to-left] > .smart-container {
507
+ direction: initial;
508
+ }
509
+ smart-numeric-text-box[right-to-left] input.smart-input,
510
+ smart-numeric-text-box[right-to-left] .smart-numeric-text-box-drop-down,
511
+ smart-numeric-text-box[right-to-left] .smart-numeric-text-box-radix-display,
512
+ smart-numeric-text-box[right-to-left] .smart-label,
513
+ smart-numeric-text-box[right-to-left] .smart-hint {
514
+ direction: rtl;
515
+ }
516
+ smart-numeric-text-box[right-to-left] .smart-numeric-text-box-unit-display {
517
+ direction: rtl;
518
+ flex-direction: row-reverse;
519
+ }
520
+
521
+ .smart-numeric-text-box-drop-down.smart-drop-down-repositioned[right-to-left] {
522
+ direction: rtl;
523
523
  }