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.link-button.css CHANGED
@@ -1,322 +1,322 @@
1
- /* smart-link-button */
2
- .smart-link-button {
3
- display: inline-flex;
4
- text-align: center;
5
- justify-content: center;
6
- align-items: center;
7
- position: relative;
8
- box-sizing: border-box;
9
- outline: none;
10
- padding: var(--smart-button-padding);
11
- cursor: pointer;
12
- text-transform: var(--smart-button-text-transform);
13
- letter-spacing: 0.08929em;
14
- overflow: hidden;
15
- text-decoration: none;
16
- background: var(--smart-background);
17
- color: var(--smart-background-color);
18
- font-family: var(--smart-font-family);
19
- font-size: var(--smart-font-size);
20
- font-weight: var(--smart-font-weight);
21
- border-color: var(--smart-border);
22
- border-top-left-radius: var(--smart-border-top-left-radius);
23
- border-top-right-radius: var(--smart-border-top-right-radius);
24
- border-bottom-left-radius: var(--smart-border-bottom-left-radius);
25
- border-bottom-right-radius: var(--smart-border-bottom-right-radius);
26
- border-width: var(--smart-border-width);
27
- border-style: solid;
28
- }
29
- .smart-link-button.primary {
30
- --smart-button-opacity-hover: 0.75;
31
- --smart-button-opacity-focus: 0.7;
32
- --smart-button-opacity-active: 0.65;
33
- --smart-background: var(--smart-primary);
34
- --smart-border: var(--smart-primary);
35
- --smart-border-rgb: var(--smart-primary-rgb);
36
- --smart-background-color: var(--smart-primary-color);
37
- --smart-ui-state-hover: var(--smart-primary);
38
- --smart-ui-state-border-hover: var(--smart-primary);
39
- --smart-ui-state-color-hover: var(--smart-primary-color);
40
- --smart-ui-state-active: var(--smart-primary);
41
- --smart-ui-state-border-active: var(--smart-primary);
42
- --smart-ui-state-color-active: var(--smart-primary-color);
43
- --smart-ui-state-focus: var(--smart-primary);
44
- --smart-ui-state-border-focus: var(--smart-primary);
45
- --smart-ui-state-color-focus: var(--smart-primary-color);
46
- --smart-button-flat-color: var(--smart-primary);
47
- --smart-button-outlined-color: var(--smart-primary);
48
- --smart-button-outlined-border: var(--smart-primary);
49
- }
50
- .smart-link-button.secondary {
51
- --smart-button-opacity-hover: 0.75;
52
- --smart-button-opacity-focus: 0.7;
53
- --smart-button-opacity-active: 0.65;
54
- --smart-background: var(--smart-secondary);
55
- --smart-border: var(--smart-secondary);
56
- --smart-border-rgb: var(--smart-secondary-rgb);
57
- --smart-background-color: var(--smart-secondary-color);
58
- --smart-ui-state-hover: var(--smart-secondary);
59
- --smart-ui-state-border-hover: var(--smart-secondary);
60
- --smart-ui-state-color-hover: var(--smart-secondary-color);
61
- --smart-ui-state-active: var(--smart-secondary);
62
- --smart-ui-state-border-active: var(--smart-secondary);
63
- --smart-ui-state-color-active: var(--smart-secondary-color);
64
- --smart-ui-state-focus: var(--smart-secondary);
65
- --smart-ui-state-border-focus: var(--smart-secondary);
66
- --smart-ui-state-color-focus: var(--smart-secondary-color);
67
- --smart-button-flat-color: var(--smart-secondary);
68
- --smart-button-outlined-color: var(--smart-secondary);
69
- --smart-button-outlined-border: var(--smart-secondary);
70
- }
71
- .smart-link-button.success {
72
- --smart-button-opacity-hover: 0.75;
73
- --smart-button-opacity-focus: 0.7;
74
- --smart-button-opacity-active: 0.65;
75
- --smart-background: var(--smart-success);
76
- --smart-border: var(--smart-success);
77
- --smart-border-rgb: var(--smart-success-rgb);
78
- --smart-background-color: var(--smart-success-color);
79
- --smart-ui-state-hover: var(--smart-success);
80
- --smart-ui-state-border-hover: var(--smart-success);
81
- --smart-ui-state-color-hover: var(--smart-success-color);
82
- --smart-ui-state-active: var(--smart-success);
83
- --smart-ui-state-border-active: var(--smart-success);
84
- --smart-ui-state-color-active: var(--smart-success-color);
85
- --smart-ui-state-focus: var(--smart-success);
86
- --smart-ui-state-border-focus: var(--smart-success);
87
- --smart-ui-state-color-focus: var(--smart-success-color);
88
- --smart-button-flat-color: var(--smart-success);
89
- --smart-button-outlined-color: var(--smart-success);
90
- --smart-button-outlined-border: var(--smart-success);
91
- }
92
- .smart-link-button.error {
93
- --smart-button-opacity-hover: 0.75;
94
- --smart-button-opacity-focus: 0.7;
95
- --smart-button-opacity-active: 0.65;
96
- --smart-background: var(--smart-error);
97
- --smart-border: var(--smart-error);
98
- --smart-border-rgb: var(--smart-error-rgb);
99
- --smart-background-color: var(--smart-error-color);
100
- --smart-ui-state-hover: var(--smart-error);
101
- --smart-ui-state-border-hover: var(--smart-error);
102
- --smart-ui-state-color-hover: var(--smart-error-color);
103
- --smart-ui-state-active: var(--smart-error);
104
- --smart-ui-state-border-active: var(--smart-error);
105
- --smart-ui-state-color-active: var(--smart-error-color);
106
- --smart-ui-state-focus: var(--smart-error);
107
- --smart-ui-state-border-focus: var(--smart-error);
108
- --smart-ui-state-color-focus: var(--smart-error-color);
109
- --smart-button-flat-color: var(--smart-error);
110
- --smart-button-outlined-color: var(--smart-error);
111
- --smart-button-outlined-border: var(--smart-error);
112
- }
113
- .smart-link-button.info {
114
- --smart-button-opacity-hover: 0.75;
115
- --smart-button-opacity-focus: 0.7;
116
- --smart-button-opacity-active: 0.65;
117
- --smart-background: var(--smart-info);
118
- --smart-border: var(--smart-info);
119
- --smart-border-rgb: var(--smart-info-rgb);
120
- --smart-background-color: var(--smart-info-color);
121
- --smart-ui-state-hover: var(--smart-info);
122
- --smart-ui-state-border-hover: var(--smart-info);
123
- --smart-ui-state-color-hover: var(--smart-info-color);
124
- --smart-ui-state-active: var(--smart-info);
125
- --smart-ui-state-border-active: var(--smart-info);
126
- --smart-ui-state-color-active: var(--smart-info-color);
127
- --smart-ui-state-focus: var(--smart-info);
128
- --smart-ui-state-border-focus: var(--smart-info);
129
- --smart-ui-state-color-focus: var(--smart-info-color);
130
- --smart-button-flat-color: var(--smart-info);
131
- --smart-button-outlined-color: var(--smart-info);
132
- --smart-button-outlined-border: var(--smart-info);
133
- }
134
- .smart-link-button.warning {
135
- --smart-button-opacity-hover: 0.75;
136
- --smart-button-opacity-focus: 0.7;
137
- --smart-button-opacity-active: 0.65;
138
- --smart-background: var(--smart-warning);
139
- --smart-border: var(--smart-warning);
140
- --smart-border-rgb: var(--smart-warning-rgb);
141
- --smart-background-color: var(--smart-warning-color);
142
- --smart-ui-state-hover: var(--smart-warning);
143
- --smart-ui-state-border-hover: var(--smart-warning);
144
- --smart-ui-state-color-hover: var(--smart-warning-color);
145
- --smart-ui-state-active: var(--smart-warning);
146
- --smart-ui-state-border-active: var(--smart-warning);
147
- --smart-ui-state-color-active: var(--smart-warning-color);
148
- --smart-ui-state-focus: var(--smart-warning);
149
- --smart-ui-state-border-focus: var(--smart-warning);
150
- --smart-ui-state-color-focus: var(--smart-warning-color);
151
- --smart-button-flat-color: var(--smart-warning);
152
- --smart-button-outlined-color: var(--smart-warning);
153
- --smart-button-outlined-border: var(--smart-warning);
154
- }
155
- .smart-link-button.light {
156
- --smart-button-opacity-hover: 0.75;
157
- --smart-button-opacity-focus: 0.7;
158
- --smart-button-opacity-active: 0.65;
159
- --smart-background: var(--smart-light);
160
- --smart-border: var(--smart-light);
161
- --smart-border-rgb: var(--smart-light-rgb);
162
- --smart-background-color: var(--smart-light-color);
163
- --smart-ui-state-hover: var(--smart-light);
164
- --smart-ui-state-border-hover: var(--smart-light);
165
- --smart-ui-state-color-hover: var(--smart-light-color);
166
- --smart-ui-state-active: var(--smart-light);
167
- --smart-ui-state-border-active: var(--smart-light);
168
- --smart-ui-state-color-active: var(--smart-light-color);
169
- --smart-ui-state-focus: var(--smart-light);
170
- --smart-ui-state-border-focus: var(--smart-light);
171
- --smart-ui-state-color-focus: var(--smart-light-color);
172
- --smart-button-flat-color: var(--smart-light);
173
- --smart-button-outlined-color: var(--smart-light);
174
- --smart-button-outlined-border: var(--smart-light);
175
- }
176
- .smart-link-button.dark {
177
- --smart-button-opacity-hover: 0.75;
178
- --smart-button-opacity-focus: 0.7;
179
- --smart-button-opacity-active: 0.65;
180
- --smart-background: var(--smart-dark);
181
- --smart-border: var(--smart-dark);
182
- --smart-border-rgb: var(--smart-dark-rgb);
183
- --smart-background-color: var(--smart-dark-color);
184
- --smart-ui-state-hover: var(--smart-dark);
185
- --smart-ui-state-border-hover: var(--smart-dark);
186
- --smart-ui-state-color-hover: var(--smart-dark-color);
187
- --smart-ui-state-active: var(--smart-dark);
188
- --smart-ui-state-border-active: var(--smart-dark);
189
- --smart-ui-state-color-active: var(--smart-dark-color);
190
- --smart-ui-state-focus: var(--smart-dark);
191
- --smart-ui-state-border-focus: var(--smart-dark);
192
- --smart-ui-state-color-focus: var(--smart-dark-color);
193
- --smart-button-flat-color: var(--smart-dark);
194
- --smart-button-outlined-color: var(--smart-dark);
195
- --smart-button-outlined-border: var(--smart-dark);
196
- }
197
- .smart-link-button:hover {
198
- color: var(--smart-ui-state-color-hover);
199
- border-color: var(--smart-ui-state-border-hover);
200
- background-color: var(--smart-ui-state-hover);
201
- transition: background-color 100ms linear, box-shadow 280ms ease-in-out;
202
- opacity: var(--smart-button-opacity-hover);
203
- text-decoration: none;
204
- }
205
- .smart-link-button:focus {
206
- color: var(--smart-ui-state-color-focus);
207
- border-color: var(--smart-ui-state-border-focus);
208
- background-color: var(--smart-ui-state-focus);
209
- opacity: var(--smart-button-opacity-focus);
210
- }
211
- .smart-link-button:active {
212
- color: var(--smart-ui-state-color-active);
213
- border-color: var(--smart-ui-state-border-active);
214
- background-color: var(--smart-ui-state-active);
215
- transition: background-color 100ms linear, box-shadow 280ms ease-in-out;
216
- opacity: var(--smart-button-opacity-active);
217
- }
218
- .smart-link-button[disabled] {
219
- color: var(--smart-disabled-color);
220
- border-color: var(--smart-disabled);
221
- background-color: var(--smart-disabled);
222
- cursor: default;
223
- --smart-background: var(--smart-disabled);
224
- --smart-border: var(--smart-disabled);
225
- --smart-background-color: var(--smart-disabled-color);
226
- }
227
- .smart-link-button.large {
228
- padding: var(--smart-button-large-padding);
229
- font-size: var(--smart-button-large-font-size);
230
- }
231
- .smart-link-button.small {
232
- padding: var(--smart-button-small-padding);
233
- font-size: var(--smart-button-small-font-size);
234
- }
235
- .smart-link-button.very-small {
236
- padding: var(--smart-button-very-small-padding);
237
- font-size: var(--smart-button-very-small-font-size);
238
- }
239
- .smart-link-button.rounded {
240
- --smart-border-top-left-radius: 50px;
241
- --smart-border-top-right-radius: 50px;
242
- --smart-border-bottom-left-radius: 50px;
243
- --smart-border-bottom-right-radius: 50px;
244
- border-radius: var(--smart-border-bottom-left-radius) !important;
245
- }
246
- .smart-link-button.squared {
247
- --smart-border-top-left-radius: 0;
248
- --smart-border-top-right-radius: 0;
249
- --smart-border-bottom-left-radius: 0;
250
- --smart-border-bottom-right-radius: 0;
251
- }
252
- .smart-link-button.flat {
253
- color: var(--smart-button-flat-color);
254
- background: transparent;
255
- border-color: transparent;
256
- }
257
- .smart-link-button.flat:hover {
258
- color: var(--smart-button-flat-color);
259
- background: transparent;
260
- border-color: transparent;
261
- }
262
- .smart-link-button.flat:active {
263
- color: var(--smart-button-flat-color);
264
- background: transparent;
265
- border-color: transparent;
266
- }
267
- .smart-link-button.flat:focus {
268
- border-color: var(--smart-ui-state-focus);
269
- }
270
- .smart-link-button.outlined {
271
- color: var(--smart-button-outlined-color);
272
- border-color: var(--smart-button-outlined-border);
273
- background: transparent;
274
- border-width: calc(2 * var(--smart-border-width));
275
- }
276
- .smart-link-button.outlined:hover {
277
- color: var(--smart-button-outlined-color);
278
- border-color: var(--smart-button-outlined-border);
279
- background: transparent;
280
- }
281
- .smart-link-button.outlined:active {
282
- color: var(--smart-button-outlined-color);
283
- border-color: var(--smart-button-outlined-border);
284
- background: transparent;
285
- }
286
- .smart-link-button.outlined:focus {
287
- color: var(--smart-button-outlined-color);
288
- border-color: var(--smart-ui-state-focus);
289
- background: transparent;
290
- }
291
- .smart-link-button.raised {
292
- box-shadow: var(--smart-elevation-2);
293
- transition: background-color 100ms linear, box-shadow 280ms ease-in-out;
294
- }
295
- .smart-link-button.raised:hover {
296
- box-shadow: var(--smart-elevation-4);
297
- }
298
- .smart-link-button.raised:active {
299
- box-shadow: var(--smart-elevation-8);
300
- }
301
- .smart-link-button.raised:focus {
302
- box-shadow: var(--smart-elevation-6);
303
- }
304
- .smart-link-button.floating {
305
- border-radius: 50%;
306
- width: 48px;
307
- height: 48px;
308
- box-shadow: var(--smart-elevation-4);
309
- transition: background-color 100ms linear, box-shadow 280ms ease-in-out;
310
- }
311
- .smart-link-button.floating:hover {
312
- box-shadow: var(--smart-elevation-6);
313
- }
314
- .smart-link-button.floating:active {
315
- box-shadow: var(--smart-elevation-12);
316
- }
317
- .smart-link-button.floating:focus {
318
- box-shadow: var(--smart-elevation-6);
319
- }
320
- .smart-link-button[right-to-left] {
321
- direction: rtl;
1
+ /* smart-link-button */
2
+ .smart-link-button {
3
+ display: inline-flex;
4
+ text-align: center;
5
+ justify-content: center;
6
+ align-items: center;
7
+ position: relative;
8
+ box-sizing: border-box;
9
+ outline: none;
10
+ padding: var(--smart-button-padding);
11
+ cursor: pointer;
12
+ text-transform: var(--smart-button-text-transform);
13
+ letter-spacing: 0.08929em;
14
+ overflow: hidden;
15
+ text-decoration: none;
16
+ background: var(--smart-background);
17
+ color: var(--smart-background-color);
18
+ font-family: var(--smart-font-family);
19
+ font-size: var(--smart-font-size);
20
+ font-weight: var(--smart-font-weight);
21
+ border-color: var(--smart-border);
22
+ border-top-left-radius: var(--smart-border-top-left-radius);
23
+ border-top-right-radius: var(--smart-border-top-right-radius);
24
+ border-bottom-left-radius: var(--smart-border-bottom-left-radius);
25
+ border-bottom-right-radius: var(--smart-border-bottom-right-radius);
26
+ border-width: var(--smart-border-width);
27
+ border-style: solid;
28
+ }
29
+ .smart-link-button.primary {
30
+ --smart-button-opacity-hover: 0.75;
31
+ --smart-button-opacity-focus: 0.7;
32
+ --smart-button-opacity-active: 0.65;
33
+ --smart-background: var(--smart-primary);
34
+ --smart-border: var(--smart-primary);
35
+ --smart-border-rgb: var(--smart-primary-rgb);
36
+ --smart-background-color: var(--smart-primary-color);
37
+ --smart-ui-state-hover: var(--smart-primary);
38
+ --smart-ui-state-border-hover: var(--smart-primary);
39
+ --smart-ui-state-color-hover: var(--smart-primary-color);
40
+ --smart-ui-state-active: var(--smart-primary);
41
+ --smart-ui-state-border-active: var(--smart-primary);
42
+ --smart-ui-state-color-active: var(--smart-primary-color);
43
+ --smart-ui-state-focus: var(--smart-primary);
44
+ --smart-ui-state-border-focus: var(--smart-primary);
45
+ --smart-ui-state-color-focus: var(--smart-primary-color);
46
+ --smart-button-flat-color: var(--smart-primary);
47
+ --smart-button-outlined-color: var(--smart-primary);
48
+ --smart-button-outlined-border: var(--smart-primary);
49
+ }
50
+ .smart-link-button.secondary {
51
+ --smart-button-opacity-hover: 0.75;
52
+ --smart-button-opacity-focus: 0.7;
53
+ --smart-button-opacity-active: 0.65;
54
+ --smart-background: var(--smart-secondary);
55
+ --smart-border: var(--smart-secondary);
56
+ --smart-border-rgb: var(--smart-secondary-rgb);
57
+ --smart-background-color: var(--smart-secondary-color);
58
+ --smart-ui-state-hover: var(--smart-secondary);
59
+ --smart-ui-state-border-hover: var(--smart-secondary);
60
+ --smart-ui-state-color-hover: var(--smart-secondary-color);
61
+ --smart-ui-state-active: var(--smart-secondary);
62
+ --smart-ui-state-border-active: var(--smart-secondary);
63
+ --smart-ui-state-color-active: var(--smart-secondary-color);
64
+ --smart-ui-state-focus: var(--smart-secondary);
65
+ --smart-ui-state-border-focus: var(--smart-secondary);
66
+ --smart-ui-state-color-focus: var(--smart-secondary-color);
67
+ --smart-button-flat-color: var(--smart-secondary);
68
+ --smart-button-outlined-color: var(--smart-secondary);
69
+ --smart-button-outlined-border: var(--smart-secondary);
70
+ }
71
+ .smart-link-button.success {
72
+ --smart-button-opacity-hover: 0.75;
73
+ --smart-button-opacity-focus: 0.7;
74
+ --smart-button-opacity-active: 0.65;
75
+ --smart-background: var(--smart-success);
76
+ --smart-border: var(--smart-success);
77
+ --smart-border-rgb: var(--smart-success-rgb);
78
+ --smart-background-color: var(--smart-success-color);
79
+ --smart-ui-state-hover: var(--smart-success);
80
+ --smart-ui-state-border-hover: var(--smart-success);
81
+ --smart-ui-state-color-hover: var(--smart-success-color);
82
+ --smart-ui-state-active: var(--smart-success);
83
+ --smart-ui-state-border-active: var(--smart-success);
84
+ --smart-ui-state-color-active: var(--smart-success-color);
85
+ --smart-ui-state-focus: var(--smart-success);
86
+ --smart-ui-state-border-focus: var(--smart-success);
87
+ --smart-ui-state-color-focus: var(--smart-success-color);
88
+ --smart-button-flat-color: var(--smart-success);
89
+ --smart-button-outlined-color: var(--smart-success);
90
+ --smart-button-outlined-border: var(--smart-success);
91
+ }
92
+ .smart-link-button.error {
93
+ --smart-button-opacity-hover: 0.75;
94
+ --smart-button-opacity-focus: 0.7;
95
+ --smart-button-opacity-active: 0.65;
96
+ --smart-background: var(--smart-error);
97
+ --smart-border: var(--smart-error);
98
+ --smart-border-rgb: var(--smart-error-rgb);
99
+ --smart-background-color: var(--smart-error-color);
100
+ --smart-ui-state-hover: var(--smart-error);
101
+ --smart-ui-state-border-hover: var(--smart-error);
102
+ --smart-ui-state-color-hover: var(--smart-error-color);
103
+ --smart-ui-state-active: var(--smart-error);
104
+ --smart-ui-state-border-active: var(--smart-error);
105
+ --smart-ui-state-color-active: var(--smart-error-color);
106
+ --smart-ui-state-focus: var(--smart-error);
107
+ --smart-ui-state-border-focus: var(--smart-error);
108
+ --smart-ui-state-color-focus: var(--smart-error-color);
109
+ --smart-button-flat-color: var(--smart-error);
110
+ --smart-button-outlined-color: var(--smart-error);
111
+ --smart-button-outlined-border: var(--smart-error);
112
+ }
113
+ .smart-link-button.info {
114
+ --smart-button-opacity-hover: 0.75;
115
+ --smart-button-opacity-focus: 0.7;
116
+ --smart-button-opacity-active: 0.65;
117
+ --smart-background: var(--smart-info);
118
+ --smart-border: var(--smart-info);
119
+ --smart-border-rgb: var(--smart-info-rgb);
120
+ --smart-background-color: var(--smart-info-color);
121
+ --smart-ui-state-hover: var(--smart-info);
122
+ --smart-ui-state-border-hover: var(--smart-info);
123
+ --smart-ui-state-color-hover: var(--smart-info-color);
124
+ --smart-ui-state-active: var(--smart-info);
125
+ --smart-ui-state-border-active: var(--smart-info);
126
+ --smart-ui-state-color-active: var(--smart-info-color);
127
+ --smart-ui-state-focus: var(--smart-info);
128
+ --smart-ui-state-border-focus: var(--smart-info);
129
+ --smart-ui-state-color-focus: var(--smart-info-color);
130
+ --smart-button-flat-color: var(--smart-info);
131
+ --smart-button-outlined-color: var(--smart-info);
132
+ --smart-button-outlined-border: var(--smart-info);
133
+ }
134
+ .smart-link-button.warning {
135
+ --smart-button-opacity-hover: 0.75;
136
+ --smart-button-opacity-focus: 0.7;
137
+ --smart-button-opacity-active: 0.65;
138
+ --smart-background: var(--smart-warning);
139
+ --smart-border: var(--smart-warning);
140
+ --smart-border-rgb: var(--smart-warning-rgb);
141
+ --smart-background-color: var(--smart-warning-color);
142
+ --smart-ui-state-hover: var(--smart-warning);
143
+ --smart-ui-state-border-hover: var(--smart-warning);
144
+ --smart-ui-state-color-hover: var(--smart-warning-color);
145
+ --smart-ui-state-active: var(--smart-warning);
146
+ --smart-ui-state-border-active: var(--smart-warning);
147
+ --smart-ui-state-color-active: var(--smart-warning-color);
148
+ --smart-ui-state-focus: var(--smart-warning);
149
+ --smart-ui-state-border-focus: var(--smart-warning);
150
+ --smart-ui-state-color-focus: var(--smart-warning-color);
151
+ --smart-button-flat-color: var(--smart-warning);
152
+ --smart-button-outlined-color: var(--smart-warning);
153
+ --smart-button-outlined-border: var(--smart-warning);
154
+ }
155
+ .smart-link-button.light {
156
+ --smart-button-opacity-hover: 0.75;
157
+ --smart-button-opacity-focus: 0.7;
158
+ --smart-button-opacity-active: 0.65;
159
+ --smart-background: var(--smart-light);
160
+ --smart-border: var(--smart-light);
161
+ --smart-border-rgb: var(--smart-light-rgb);
162
+ --smart-background-color: var(--smart-light-color);
163
+ --smart-ui-state-hover: var(--smart-light);
164
+ --smart-ui-state-border-hover: var(--smart-light);
165
+ --smart-ui-state-color-hover: var(--smart-light-color);
166
+ --smart-ui-state-active: var(--smart-light);
167
+ --smart-ui-state-border-active: var(--smart-light);
168
+ --smart-ui-state-color-active: var(--smart-light-color);
169
+ --smart-ui-state-focus: var(--smart-light);
170
+ --smart-ui-state-border-focus: var(--smart-light);
171
+ --smart-ui-state-color-focus: var(--smart-light-color);
172
+ --smart-button-flat-color: var(--smart-light);
173
+ --smart-button-outlined-color: var(--smart-light);
174
+ --smart-button-outlined-border: var(--smart-light);
175
+ }
176
+ .smart-link-button.dark {
177
+ --smart-button-opacity-hover: 0.75;
178
+ --smart-button-opacity-focus: 0.7;
179
+ --smart-button-opacity-active: 0.65;
180
+ --smart-background: var(--smart-dark);
181
+ --smart-border: var(--smart-dark);
182
+ --smart-border-rgb: var(--smart-dark-rgb);
183
+ --smart-background-color: var(--smart-dark-color);
184
+ --smart-ui-state-hover: var(--smart-dark);
185
+ --smart-ui-state-border-hover: var(--smart-dark);
186
+ --smart-ui-state-color-hover: var(--smart-dark-color);
187
+ --smart-ui-state-active: var(--smart-dark);
188
+ --smart-ui-state-border-active: var(--smart-dark);
189
+ --smart-ui-state-color-active: var(--smart-dark-color);
190
+ --smart-ui-state-focus: var(--smart-dark);
191
+ --smart-ui-state-border-focus: var(--smart-dark);
192
+ --smart-ui-state-color-focus: var(--smart-dark-color);
193
+ --smart-button-flat-color: var(--smart-dark);
194
+ --smart-button-outlined-color: var(--smart-dark);
195
+ --smart-button-outlined-border: var(--smart-dark);
196
+ }
197
+ .smart-link-button:hover {
198
+ color: var(--smart-ui-state-color-hover);
199
+ border-color: var(--smart-ui-state-border-hover);
200
+ background-color: var(--smart-ui-state-hover);
201
+ transition: background-color 100ms linear, box-shadow 280ms ease-in-out;
202
+ opacity: var(--smart-button-opacity-hover);
203
+ text-decoration: none;
204
+ }
205
+ .smart-link-button:focus {
206
+ color: var(--smart-ui-state-color-focus);
207
+ border-color: var(--smart-ui-state-border-focus);
208
+ background-color: var(--smart-ui-state-focus);
209
+ opacity: var(--smart-button-opacity-focus);
210
+ }
211
+ .smart-link-button:active {
212
+ color: var(--smart-ui-state-color-active);
213
+ border-color: var(--smart-ui-state-border-active);
214
+ background-color: var(--smart-ui-state-active);
215
+ transition: background-color 100ms linear, box-shadow 280ms ease-in-out;
216
+ opacity: var(--smart-button-opacity-active);
217
+ }
218
+ .smart-link-button[disabled] {
219
+ color: var(--smart-disabled-color);
220
+ border-color: var(--smart-disabled);
221
+ background-color: var(--smart-disabled);
222
+ cursor: default;
223
+ --smart-background: var(--smart-disabled);
224
+ --smart-border: var(--smart-disabled);
225
+ --smart-background-color: var(--smart-disabled-color);
226
+ }
227
+ .smart-link-button.large {
228
+ padding: var(--smart-button-large-padding);
229
+ font-size: var(--smart-button-large-font-size);
230
+ }
231
+ .smart-link-button.small {
232
+ padding: var(--smart-button-small-padding);
233
+ font-size: var(--smart-button-small-font-size);
234
+ }
235
+ .smart-link-button.very-small {
236
+ padding: var(--smart-button-very-small-padding);
237
+ font-size: var(--smart-button-very-small-font-size);
238
+ }
239
+ .smart-link-button.rounded {
240
+ --smart-border-top-left-radius: 50px;
241
+ --smart-border-top-right-radius: 50px;
242
+ --smart-border-bottom-left-radius: 50px;
243
+ --smart-border-bottom-right-radius: 50px;
244
+ border-radius: var(--smart-border-bottom-left-radius) !important;
245
+ }
246
+ .smart-link-button.squared {
247
+ --smart-border-top-left-radius: 0;
248
+ --smart-border-top-right-radius: 0;
249
+ --smart-border-bottom-left-radius: 0;
250
+ --smart-border-bottom-right-radius: 0;
251
+ }
252
+ .smart-link-button.flat {
253
+ color: var(--smart-button-flat-color);
254
+ background: transparent;
255
+ border-color: transparent;
256
+ }
257
+ .smart-link-button.flat:hover {
258
+ color: var(--smart-button-flat-color);
259
+ background: transparent;
260
+ border-color: transparent;
261
+ }
262
+ .smart-link-button.flat:active {
263
+ color: var(--smart-button-flat-color);
264
+ background: transparent;
265
+ border-color: transparent;
266
+ }
267
+ .smart-link-button.flat:focus {
268
+ border-color: var(--smart-ui-state-focus);
269
+ }
270
+ .smart-link-button.outlined {
271
+ color: var(--smart-button-outlined-color);
272
+ border-color: var(--smart-button-outlined-border);
273
+ background: transparent;
274
+ border-width: calc(2 * var(--smart-border-width));
275
+ }
276
+ .smart-link-button.outlined:hover {
277
+ color: var(--smart-button-outlined-color);
278
+ border-color: var(--smart-button-outlined-border);
279
+ background: transparent;
280
+ }
281
+ .smart-link-button.outlined:active {
282
+ color: var(--smart-button-outlined-color);
283
+ border-color: var(--smart-button-outlined-border);
284
+ background: transparent;
285
+ }
286
+ .smart-link-button.outlined:focus {
287
+ color: var(--smart-button-outlined-color);
288
+ border-color: var(--smart-ui-state-focus);
289
+ background: transparent;
290
+ }
291
+ .smart-link-button.raised {
292
+ box-shadow: var(--smart-elevation-2);
293
+ transition: background-color 100ms linear, box-shadow 280ms ease-in-out;
294
+ }
295
+ .smart-link-button.raised:hover {
296
+ box-shadow: var(--smart-elevation-4);
297
+ }
298
+ .smart-link-button.raised:active {
299
+ box-shadow: var(--smart-elevation-8);
300
+ }
301
+ .smart-link-button.raised:focus {
302
+ box-shadow: var(--smart-elevation-6);
303
+ }
304
+ .smart-link-button.floating {
305
+ border-radius: 50%;
306
+ width: 48px;
307
+ height: 48px;
308
+ box-shadow: var(--smart-elevation-4);
309
+ transition: background-color 100ms linear, box-shadow 280ms ease-in-out;
310
+ }
311
+ .smart-link-button.floating:hover {
312
+ box-shadow: var(--smart-elevation-6);
313
+ }
314
+ .smart-link-button.floating:active {
315
+ box-shadow: var(--smart-elevation-12);
316
+ }
317
+ .smart-link-button.floating:focus {
318
+ box-shadow: var(--smart-elevation-6);
319
+ }
320
+ .smart-link-button[right-to-left] {
321
+ direction: rtl;
322
322
  }