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.radiobutton.css CHANGED
@@ -1,138 +1,138 @@
1
- /* smart-radio-button */
2
- smart-radio-button {
3
- display: inline-block;
4
- height: var(--smart-editor-height);
5
- outline: none;
6
- font-family: var(--smart-radio-button-font-family);
7
- font-size: var(--smart-radio-button-font-size);
8
- cursor: pointer;
9
- }
10
- smart-radio-button .smart-ripple {
11
- background: var(--smart-radio-button-background-active);
12
- }
13
- smart-radio-button .smart-container {
14
- position: relative;
15
- display: flex;
16
- /*justify-content:center;*/
17
- align-items: center;
18
- }
19
- smart-radio-button .smart-overlay {
20
- height: 100%;
21
- background: var(--smart-radio-button-background-active);
22
- width: var(--smart-editor-height);
23
- position: absolute;
24
- left: 2px;
25
- border-radius: 100%;
26
- padding: 0px;
27
- opacity: 0;
28
- box-sizing: content-box;
29
- transition: opacity 280ms ease-in-out;
30
- }
31
- smart-radio-button .smart-label {
32
- color: var(--smart-on-background);
33
- font-size: var(--smart-font-size);
34
- font-family: var(--smart-font-family);
35
- margin: 0 8px 0 8px;
36
- white-space: nowrap;
37
- overflow: hidden;
38
- text-overflow: ellipsis;
39
- width: auto;
40
- }
41
- smart-radio-button .smart-input {
42
- width: var(--smart-radio-button-default-size);
43
- min-width: var(--smart-radio-button-default-size);
44
- height: var(--smart-radio-button-default-size);
45
- min-height: var(--smart-radio-button-default-size);
46
- background-color: var(--smart-radio-button-background);
47
- box-sizing: initial;
48
- border-style: solid;
49
- border-width: var(--smart-radio-button-border-width);
50
- border-color: var(--smart-radio-button-border);
51
- display: inline-block;
52
- border-top-left-radius: var(--smart-radio-button-border-top-left-radius);
53
- border-top-right-radius: var(--smart-radio-button-border-top-right-radius);
54
- border-bottom-left-radius: var(--smart-radio-button-border-bottom-left-radius);
55
- border-bottom-right-radius: var(--smart-radio-button-border-bottom-right-radius);
56
- color: red;
57
- margin: 0 0 0 8px;
58
- position: relative;
59
- }
60
- smart-radio-button .smart-input:after {
61
- content: "";
62
- position: absolute;
63
- top: 50%;
64
- left: 50%;
65
- transform: translate(-50%, -50%);
66
- width: 50%;
67
- height: 50%;
68
- font-style: normal;
69
- text-decoration: inherit;
70
- font-variant: normal;
71
- text-transform: none;
72
- color: inherit;
73
- border-radius: 50%;
74
- line-height: 100%;
75
- }
76
- smart-radio-button[check-mode=input], smart-radio-button[check-mode=label] {
77
- cursor: default;
78
- }
79
- smart-radio-button[check-mode=input] .smart-input, smart-radio-button[check-mode=label] .smart-input {
80
- cursor: pointer;
81
- }
82
- smart-radio-button[readonly] {
83
- cursor: initial;
84
- }
85
- smart-radio-button[readonly] .smart-input,
86
- smart-radio-button[readonly] .smart-label {
87
- cursor: initial;
88
- }
89
- smart-radio-button[hover] .smart-input {
90
- border-color: var(--smart-radio-button-border-hover);
91
- background-color: var(--smart-radio-button-background-hover);
92
- color: var(--smart-radio-button-color-hover);
93
- }
94
- smart-radio-button[checked] .smart-input {
95
- border-color: var(--smart-radio-button-border-active);
96
- background-color: var(--smart-radio-button-background-active);
97
- color: var(--smart-radio-button-color-active);
98
- }
99
- smart-radio-button[checked] .smart-input:after {
100
- font-size: 15px;
101
- font-weight: 100;
102
- background: var(--smart-radio-button-color-active);
103
- }
104
- smart-radio-button[active] .smart-input {
105
- border-color: var(--smart-radio-button-border-active);
106
- background-color: var(--smart-radio-button-background-active);
107
- color: var(--smart-radio-button-color-active);
108
- }
109
- smart-radio-button[active]:focus .smart-overlay, smart-radio-button[active][focus] .smart-overlay {
110
- opacity: 0.4;
111
- }
112
- smart-radio-button:focus .smart-overlay {
113
- opacity: 0.3;
114
- }
115
- smart-radio-button:focus .smart-input, smart-radio-button[focus] .smart-input {
116
- border-color: var(--smart-radio-button-border-focus);
117
- background-color: var(--smart-radio-button-background-focus);
118
- color: var(--smart-radio-button-color-focus);
119
- outline: none;
120
- overflow: visible;
121
- }
122
-
123
- /* smart-radio-button */
124
- smart-radio-button[right-to-left] .smart-container {
125
- justify-content: flex-end;
126
- }
127
- smart-radio-button[right-to-left] .smart-label {
128
- direction: rtl;
129
- order: 2;
130
- }
131
- smart-radio-button[right-to-left] .smart-input {
132
- order: 3;
133
- margin: 0 8px 0 0;
134
- }
135
- smart-radio-button[right-to-left] .smart-overlay {
136
- left: initial;
137
- right: 2px;
1
+ /* smart-radio-button */
2
+ smart-radio-button {
3
+ display: inline-block;
4
+ height: var(--smart-editor-height);
5
+ outline: none;
6
+ font-family: var(--smart-radio-button-font-family);
7
+ font-size: var(--smart-radio-button-font-size);
8
+ cursor: pointer;
9
+ }
10
+ smart-radio-button .smart-ripple {
11
+ background: var(--smart-radio-button-background-active);
12
+ }
13
+ smart-radio-button .smart-container {
14
+ position: relative;
15
+ display: flex;
16
+ /*justify-content:center;*/
17
+ align-items: center;
18
+ }
19
+ smart-radio-button .smart-overlay {
20
+ height: 100%;
21
+ background: var(--smart-radio-button-background-active);
22
+ width: var(--smart-editor-height);
23
+ position: absolute;
24
+ left: 2px;
25
+ border-radius: 100%;
26
+ padding: 0px;
27
+ opacity: 0;
28
+ box-sizing: content-box;
29
+ transition: opacity 280ms ease-in-out;
30
+ }
31
+ smart-radio-button .smart-label {
32
+ color: var(--smart-on-background);
33
+ font-size: var(--smart-font-size);
34
+ font-family: var(--smart-font-family);
35
+ margin: 0 8px 0 8px;
36
+ white-space: nowrap;
37
+ overflow: hidden;
38
+ text-overflow: ellipsis;
39
+ width: auto;
40
+ }
41
+ smart-radio-button .smart-input {
42
+ width: var(--smart-radio-button-default-size);
43
+ min-width: var(--smart-radio-button-default-size);
44
+ height: var(--smart-radio-button-default-size);
45
+ min-height: var(--smart-radio-button-default-size);
46
+ background-color: var(--smart-radio-button-background);
47
+ box-sizing: initial;
48
+ border-style: solid;
49
+ border-width: var(--smart-radio-button-border-width);
50
+ border-color: var(--smart-radio-button-border);
51
+ display: inline-block;
52
+ border-top-left-radius: var(--smart-radio-button-border-top-left-radius);
53
+ border-top-right-radius: var(--smart-radio-button-border-top-right-radius);
54
+ border-bottom-left-radius: var(--smart-radio-button-border-bottom-left-radius);
55
+ border-bottom-right-radius: var(--smart-radio-button-border-bottom-right-radius);
56
+ color: red;
57
+ margin: 0 0 0 8px;
58
+ position: relative;
59
+ }
60
+ smart-radio-button .smart-input:after {
61
+ content: "";
62
+ position: absolute;
63
+ top: 50%;
64
+ left: 50%;
65
+ transform: translate(-50%, -50%);
66
+ width: 50%;
67
+ height: 50%;
68
+ font-style: normal;
69
+ text-decoration: inherit;
70
+ font-variant: normal;
71
+ text-transform: none;
72
+ color: inherit;
73
+ border-radius: 50%;
74
+ line-height: 100%;
75
+ }
76
+ smart-radio-button[check-mode=input], smart-radio-button[check-mode=label] {
77
+ cursor: default;
78
+ }
79
+ smart-radio-button[check-mode=input] .smart-input, smart-radio-button[check-mode=label] .smart-input {
80
+ cursor: pointer;
81
+ }
82
+ smart-radio-button[readonly] {
83
+ cursor: initial;
84
+ }
85
+ smart-radio-button[readonly] .smart-input,
86
+ smart-radio-button[readonly] .smart-label {
87
+ cursor: initial;
88
+ }
89
+ smart-radio-button[hover] .smart-input {
90
+ border-color: var(--smart-radio-button-border-hover);
91
+ background-color: var(--smart-radio-button-background-hover);
92
+ color: var(--smart-radio-button-color-hover);
93
+ }
94
+ smart-radio-button[checked] .smart-input {
95
+ border-color: var(--smart-radio-button-border-active);
96
+ background-color: var(--smart-radio-button-background-active);
97
+ color: var(--smart-radio-button-color-active);
98
+ }
99
+ smart-radio-button[checked] .smart-input:after {
100
+ font-size: 15px;
101
+ font-weight: 100;
102
+ background: var(--smart-radio-button-color-active);
103
+ }
104
+ smart-radio-button[active] .smart-input {
105
+ border-color: var(--smart-radio-button-border-active);
106
+ background-color: var(--smart-radio-button-background-active);
107
+ color: var(--smart-radio-button-color-active);
108
+ }
109
+ smart-radio-button[active]:focus .smart-overlay, smart-radio-button[active][focus] .smart-overlay {
110
+ opacity: 0.4;
111
+ }
112
+ smart-radio-button:focus .smart-overlay {
113
+ opacity: 0.3;
114
+ }
115
+ smart-radio-button:focus .smart-input, smart-radio-button[focus] .smart-input {
116
+ border-color: var(--smart-radio-button-border-focus);
117
+ background-color: var(--smart-radio-button-background-focus);
118
+ color: var(--smart-radio-button-color-focus);
119
+ outline: none;
120
+ overflow: visible;
121
+ }
122
+
123
+ /* smart-radio-button */
124
+ smart-radio-button[right-to-left] .smart-container {
125
+ justify-content: flex-end;
126
+ }
127
+ smart-radio-button[right-to-left] .smart-label {
128
+ direction: rtl;
129
+ order: 2;
130
+ }
131
+ smart-radio-button[right-to-left] .smart-input {
132
+ order: 3;
133
+ margin: 0 8px 0 0;
134
+ }
135
+ smart-radio-button[right-to-left] .smart-overlay {
136
+ left: initial;
137
+ right: 2px;
138
138
  }
package/source/styles/default/smart.rating.css CHANGED
@@ -1,18 +1,18 @@
1
- .smart-rating .rating-star:after {
2
- width: 100%;
3
- height: 100%;
4
- top: 0;
5
- font-size: var(--smart-font-size);
6
- content: var(--smart-icon-star);
7
- color: var(--smart-primary);
8
- font-family: var(--smart-font-family-icon);
9
- }
10
- .smart-rating .rating-star.hover:after {
11
- color: var(--smart-secondary);
12
- }
13
- .smart-rating .rating-star.active:after {
14
- color: var(--smart-secondary);
15
- }
16
- .smart-rating .rating-star.active.hover:after {
17
- color: var(--smart-secondary);
1
+ .smart-rating .rating-star:after {
2
+ width: 100%;
3
+ height: 100%;
4
+ top: 0;
5
+ font-size: var(--smart-font-size);
6
+ content: var(--smart-icon-star);
7
+ color: var(--smart-primary);
8
+ font-family: var(--smart-font-family-icon);
9
+ }
10
+ .smart-rating .rating-star.hover:after {
11
+ color: var(--smart-secondary);
12
+ }
13
+ .smart-rating .rating-star.active:after {
14
+ color: var(--smart-secondary);
15
+ }
16
+ .smart-rating .rating-star.active.hover:after {
17
+ color: var(--smart-secondary);
18
18
  }