halleyx-ui-framework 11.7.80 → 11.7.81-beta.2

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 (309) hide show
  1. package/dist/assets/ColorPicker-BOnYaHEp.js +3 -0
  2. package/dist/assets/ColorPicker-rNhgOgit.css +1 -0
  3. package/dist/assets/ad-BHJIFYSO.svg +148 -0
  4. package/dist/assets/ad-DxzHjwdb.svg +150 -0
  5. package/dist/assets/af-BoK6yVn0.svg +81 -0
  6. package/dist/assets/af-DrRB8xk8.svg +81 -0
  7. package/dist/assets/apexcharts.ssr.esm-fe46cd2d-DXg5bQoL.js +957 -0
  8. package/dist/assets/arab-BXm7FCVW.svg +109 -0
  9. package/dist/assets/arab-CS5qeNay.svg +109 -0
  10. package/dist/assets/as-D0o6y06s.svg +73 -0
  11. package/dist/assets/as-y6rKV0gP.svg +72 -0
  12. package/dist/assets/aw-CsqKuH4N.svg +186 -0
  13. package/dist/assets/aw-kMcMi5Rd.svg +186 -0
  14. package/dist/assets/bm-BDce7749.svg +97 -0
  15. package/dist/assets/bm-D8pdz-bF.svg +97 -0
  16. package/dist/assets/bn-BvelTi54.svg +36 -0
  17. package/dist/assets/bn-DZvr776X.svg +36 -0
  18. package/dist/assets/bo-FFeXNqKi.svg +678 -0
  19. package/dist/assets/bo-OkRePYri.svg +676 -0
  20. package/dist/assets/br-BevDKjWV.svg +45 -0
  21. package/dist/assets/br-yD1Bsfyi.svg +45 -0
  22. package/dist/assets/bt-BMyVy5ha.svg +89 -0
  23. package/dist/assets/bt-COfv741Y.svg +89 -0
  24. package/dist/assets/by-EkqhOCLw.svg +22 -0
  25. package/dist/assets/by-oPm0zKcB.svg +20 -0
  26. package/dist/assets/bz-CBSl8sZF.svg +145 -0
  27. package/dist/assets/bz-CFTMzyr2.svg +145 -0
  28. package/dist/assets/cy-BFnWblrZ.svg +6 -0
  29. package/dist/assets/cy-CHDUy5eD.svg +6 -0
  30. package/dist/assets/dg-Bbrt9NGS.svg +130 -0
  31. package/dist/assets/dg-Cw_owxTN.svg +130 -0
  32. package/dist/assets/dm-1y7pMT9p.svg +152 -0
  33. package/dist/assets/dm-hJ6fku4A.svg +152 -0
  34. package/dist/assets/do-C7tcJbnV.svg +123 -0
  35. package/dist/assets/do-Cy0Lgjq5.svg +121 -0
  36. package/dist/assets/eac-DAycUDyA.svg +48 -0
  37. package/dist/assets/eac-DivXbRQK.svg +48 -0
  38. package/dist/assets/ec-4yhEjDNG.svg +138 -0
  39. package/dist/assets/ec-gBBifr0j.svg +138 -0
  40. package/dist/assets/eg-BS0KMoqH.svg +38 -0
  41. package/dist/assets/eg-BoRC_5b8.svg +38 -0
  42. package/dist/assets/es--B7UgIMY.svg +547 -0
  43. package/dist/assets/es-ga-BKM8aBaU.svg +187 -0
  44. package/dist/assets/es-ga-MJucOKvz.svg +187 -0
  45. package/dist/assets/es-mjGyAbGt.svg +544 -0
  46. package/dist/assets/fj-CbEDDjTX.svg +123 -0
  47. package/dist/assets/fj-DgBNKx3L.svg +120 -0
  48. package/dist/assets/fk-D9U4Vq1t.svg +90 -0
  49. package/dist/assets/fk-xSiwjKus.svg +89 -0
  50. package/dist/assets/gb-nir-BP_lLrtU.svg +131 -0
  51. package/dist/assets/gb-nir-DyBJpwiB.svg +132 -0
  52. package/dist/assets/gb-wls-C4LdH8Nd.svg +9 -0
  53. package/dist/assets/gb-wls-lLp_JivI.svg +9 -0
  54. package/dist/assets/gq-7TPEDItK.svg +23 -0
  55. package/dist/assets/gq-BbDDT8eO.svg +23 -0
  56. package/dist/assets/gs-WWyyj-hg.svg +132 -0
  57. package/dist/assets/gs-adY7nyVl.svg +133 -0
  58. package/dist/assets/gt-Bjjd1gTJ.svg +204 -0
  59. package/dist/assets/gt-Db6I__LC.svg +204 -0
  60. package/dist/assets/gu-2lXXtQYh.svg +23 -0
  61. package/dist/assets/gu-BDUIdN0d.svg +23 -0
  62. package/dist/assets/hr-DBYmCHya.svg +56 -0
  63. package/dist/assets/hr-XALXB04A.svg +58 -0
  64. package/dist/assets/ht-Bp_BB3u8.svg +116 -0
  65. package/dist/assets/ht-JlkdqIlQ.svg +116 -0
  66. package/dist/assets/im-9RhvN80y.svg +36 -0
  67. package/dist/assets/im-MV303kBE.svg +36 -0
  68. package/dist/assets/index-BzPdiFxa.css +1 -0
  69. package/dist/assets/index-CPcEfAJ0.js +10705 -0
  70. package/dist/assets/io-BZEDDIFS.svg +130 -0
  71. package/dist/assets/io-DeScwfLt.svg +130 -0
  72. package/dist/assets/ir-BhLxJNJe.svg +219 -0
  73. package/dist/assets/ir-DDmpnpmw.svg +219 -0
  74. package/dist/assets/je-CU_EWkTs.svg +45 -0
  75. package/dist/assets/je-DDrCsxDX.svg +44 -0
  76. package/dist/assets/kh-CAffWc0R.svg +61 -0
  77. package/dist/assets/kh-V4Sa3vlt.svg +61 -0
  78. package/dist/assets/ki-D8-uynS0.svg +36 -0
  79. package/dist/assets/ki-DR2enrsY.svg +36 -0
  80. package/dist/assets/ky-Dc5cfYKp.svg +103 -0
  81. package/dist/assets/ky-ededn6f9.svg +103 -0
  82. package/dist/assets/kz-Cxk6isv5.svg +36 -0
  83. package/dist/assets/kz-DumNHv_Y.svg +36 -0
  84. package/dist/assets/li-BHrKTYsl.svg +43 -0
  85. package/dist/assets/li-DSXxKHRg.svg +43 -0
  86. package/dist/assets/lk-B3k2yiKb.svg +22 -0
  87. package/dist/assets/lk-Kj0WqqQ6.svg +22 -0
  88. package/dist/assets/md-Cz-vcLfl.svg +71 -0
  89. package/dist/assets/md-HmhRr1LF.svg +70 -0
  90. package/dist/assets/me-Bh3GE2Mw.svg +116 -0
  91. package/dist/assets/me-CRPx6jfh.svg +118 -0
  92. package/dist/assets/mp-MEoT_oic.svg +86 -0
  93. package/dist/assets/mp-xeCllHrB.svg +86 -0
  94. package/dist/assets/ms-BUbG2Mvc.svg +29 -0
  95. package/dist/assets/ms-BY95aG1W.svg +25 -0
  96. package/dist/assets/mt-8i8lIqCl.svg +50 -0
  97. package/dist/assets/mt-ChlIR6D_.svg +49 -0
  98. package/dist/assets/mx-DrAOOt3a.svg +382 -0
  99. package/dist/assets/mx-OjePrkg2.svg +378 -0
  100. package/dist/assets/nf-BIinStC1.svg +9 -0
  101. package/dist/assets/nf-CV85_wcL.svg +11 -0
  102. package/dist/assets/ni-BcwXkIX4.svg +129 -0
  103. package/dist/assets/ni-CFtRs_sk.svg +129 -0
  104. package/dist/assets/om-CLlua2I8.svg +115 -0
  105. package/dist/assets/om-D76v1TyB.svg +115 -0
  106. package/dist/assets/pf-BdRIwrkd.svg +19 -0
  107. package/dist/assets/pf-TYGgZSsu.svg +18 -0
  108. package/dist/assets/pn-46QRODPu.svg +53 -0
  109. package/dist/assets/pn-ByabMDa1.svg +53 -0
  110. package/dist/assets/pt-BlLO0XSl.svg +57 -0
  111. package/dist/assets/pt-bwoXBn5v.svg +57 -0
  112. package/dist/assets/py--AwwVDGI.svg +157 -0
  113. package/dist/assets/py-Dq1HMTUZ.svg +156 -0
  114. package/dist/assets/rs-BMsKFqbR.svg +296 -0
  115. package/dist/assets/rs-CCLwLZ1i.svg +292 -0
  116. package/dist/assets/sa-BNDoOU2S.svg +25 -0
  117. package/dist/assets/sa-pYWh8z6l.svg +25 -0
  118. package/dist/assets/sh-ac-BRbPRQRT.svg +689 -0
  119. package/dist/assets/sh-ac-DZjJ4N9s.svg +690 -0
  120. package/dist/assets/sh-hl-Dv4uRr5Z.svg +164 -0
  121. package/dist/assets/sh-hl-Dz4izNFd.svg +164 -0
  122. package/dist/assets/sh-ta-CDSRtqKG.svg +76 -0
  123. package/dist/assets/sh-ta-DWHJnt-_.svg +76 -0
  124. package/dist/assets/sm-BMJzBA4m.svg +75 -0
  125. package/dist/assets/sm-ChSbRMAO.svg +73 -0
  126. package/dist/assets/sv-j9pxwqVQ.svg +594 -0
  127. package/dist/assets/sv-zWfA2gU5.svg +594 -0
  128. package/dist/assets/sx-Cums8IXB.svg +56 -0
  129. package/dist/assets/sx-DJPuB9xo.svg +56 -0
  130. package/dist/assets/sz-DoeqaoFY.svg +34 -0
  131. package/dist/assets/sz-DrJj9K7U.svg +34 -0
  132. package/dist/assets/tc-U-W42OTF.svg +50 -0
  133. package/dist/assets/tc-Vpsd8BDn.svg +50 -0
  134. package/dist/assets/tm-D_7TRZyU.svg +204 -0
  135. package/dist/assets/tm-Ewt8PkP5.svg +205 -0
  136. package/dist/assets/un-CJoUS1_J.svg +16 -0
  137. package/dist/assets/un-CXjUhQ1T.svg +16 -0
  138. package/dist/assets/va-B7h68Db-.svg +190 -0
  139. package/dist/assets/va-BwebPqpw.svg +190 -0
  140. package/dist/assets/vg-C8uhUbMv.svg +59 -0
  141. package/dist/assets/vg-DM8jOyPE.svg +59 -0
  142. package/dist/assets/vi-BT2RX-NR.svg +28 -0
  143. package/dist/assets/vi-xGWAVdGM.svg +28 -0
  144. package/dist/assets/xk-BOGoRkzZ.svg +5 -0
  145. package/dist/assets/xk-BftLirx4.svg +5 -0
  146. package/dist/assets/zm-4yqbxxr7.svg +27 -0
  147. package/dist/assets/zm-B4DXStgu.svg +27 -0
  148. package/dist/assets/zw-C1IgOuU_.svg +21 -0
  149. package/dist/assets/zw-CUCThRVS.svg +21 -0
  150. package/dist/favicon.ico +0 -0
  151. package/dist/index.html +18 -0
  152. package/package.json +1 -1
  153. package/dist/cjs/index.css +0 -1
  154. package/dist/cjs/index.js +0 -32
  155. package/dist/es/index.css +0 -1
  156. package/dist/es/index.js +0 -31
  157. package/dist/src/assets/data/countries.json +0 -47232
  158. package/dist/src/assets/icons/fonts/JosefinSans-Regular.ttf +0 -0
  159. package/dist/src/assets/icons/fonts/OpenSans.ttf +0 -0
  160. package/dist/src/assets/icons/fonts/Pacifico.ttf +0 -0
  161. package/dist/src/assets/icons/fonts/Quicksand.ttf +0 -0
  162. package/dist/src/assets/icons/fonts/magicoon-icons.eot +0 -0
  163. package/dist/src/assets/icons/fonts/magicoon-icons.svg +0 -2310
  164. package/dist/src/assets/icons/fonts/magicoon-icons.ttf +0 -0
  165. package/dist/src/assets/icons/fonts/magicoon-icons.woff +0 -0
  166. package/dist/src/assets/icons/fonts/ostrich-regular.ttf +0 -0
  167. package/dist/src/assets/icons/icon-style.css +0 -6927
  168. package/dist/src/assets/img/Group_12640.png +0 -0
  169. package/dist/src/assets/img/Halleyx-Logo-Black.png +0 -0
  170. package/dist/src/assets/img/Halleyx-Logo-Line-Dark.png +0 -0
  171. package/dist/src/assets/img/Halleyx-Logo-Line-Lite.png +0 -0
  172. package/dist/src/assets/img/Halleyx-Logo-Only.png +0 -0
  173. package/dist/src/assets/img/Halleyx-Logo-White.png +0 -0
  174. package/dist/src/assets/img/Halleyx-collage-login.svg +0 -29
  175. package/dist/src/assets/img/illustration1.png +0 -0
  176. package/dist/src/assets/img/login_collage.svg +0 -29
  177. package/dist/src/assets/img/logo.png +0 -0
  178. package/dist/src/assets/img/new_logo/logo-black.svg +0 -10
  179. package/dist/src/assets/img/new_logo/logo-large.png +0 -0
  180. package/dist/src/assets/img/new_logo/logo-large.svg +0 -3
  181. package/dist/src/assets/img/new_logo/logo-line-black-large.png +0 -0
  182. package/dist/src/assets/img/new_logo/logo-line-black-large.svg +0 -10
  183. package/dist/src/assets/img/new_logo/logo-line-black-medium.png +0 -0
  184. package/dist/src/assets/img/new_logo/logo-line-black-medium.svg +0 -10
  185. package/dist/src/assets/img/new_logo/logo-line-black-small.png +0 -0
  186. package/dist/src/assets/img/new_logo/logo-line-black-small.svg +0 -10
  187. package/dist/src/assets/img/new_logo/logo-medium.png +0 -0
  188. package/dist/src/assets/img/new_logo/logo-medium.svg +0 -3
  189. package/dist/src/assets/img/new_logo/logo-small.png +0 -0
  190. package/dist/src/assets/img/new_logo/logo-small.svg +0 -3
  191. package/dist/src/assets/img/new_logo/logo-white.svg +0 -10
  192. package/dist/src/assets/img/no_image.jpg +0 -0
  193. package/dist/src/assets/img/search3.svg +0 -11
  194. package/dist/src/assets/img/search3_active.svg +0 -11
  195. package/dist/src/assets/img/search3_hover.svg +0 -11
  196. package/dist/src/assets/img/verification-mail-sent.png +0 -0
  197. package/dist/src/assets/img/vscode-icons_file-type-pdf2.svg +0 -11
  198. package/dist/src/assets/img/vscode-icons_file-type-word.svg +0 -19
  199. package/dist/src/assets/styles/accordion.scss +0 -120
  200. package/dist/src/assets/styles/alert.scss +0 -473
  201. package/dist/src/assets/styles/badge.scss +0 -34
  202. package/dist/src/assets/styles/base.scss +0 -5
  203. package/dist/src/assets/styles/breadcrumb.scss +0 -153
  204. package/dist/src/assets/styles/buttonGroup.scss +0 -211
  205. package/dist/src/assets/styles/buttons.scss +0 -762
  206. package/dist/src/assets/styles/calendar.scss +0 -367
  207. package/dist/src/assets/styles/calendarfilter.scss +0 -114
  208. package/dist/src/assets/styles/cards.scss +0 -94
  209. package/dist/src/assets/styles/cascader.scss +0 -215
  210. package/dist/src/assets/styles/colorPicker.scss +0 -15
  211. package/dist/src/assets/styles/colorpalette.scss +0 -161
  212. package/dist/src/assets/styles/common/var.css +0 -61
  213. package/dist/src/assets/styles/common/var.css.map +0 -1
  214. package/dist/src/assets/styles/common/var.scss +0 -325
  215. package/dist/src/assets/styles/componentlayout.scss +0 -148
  216. package/dist/src/assets/styles/contextMenu.scss +0 -58
  217. package/dist/src/assets/styles/customdropdown.scss +0 -115
  218. package/dist/src/assets/styles/dashboard.scss +0 -1956
  219. package/dist/src/assets/styles/dataview.scss +0 -269
  220. package/dist/src/assets/styles/datepicker.scss +0 -411
  221. package/dist/src/assets/styles/divider.scss +0 -9
  222. package/dist/src/assets/styles/dottedPagination.scss +0 -46
  223. package/dist/src/assets/styles/draggables.scss +0 -141
  224. package/dist/src/assets/styles/drawer.scss +0 -128
  225. package/dist/src/assets/styles/errorpage.scss +0 -75
  226. package/dist/src/assets/styles/fileupload.scss +0 -332
  227. package/dist/src/assets/styles/filterandsearch.scss +0 -230
  228. package/dist/src/assets/styles/fonts/JosefinSans-Regular.ttf +0 -0
  229. package/dist/src/assets/styles/fonts/OpenSans.ttf +0 -0
  230. package/dist/src/assets/styles/fonts/Pacifico.ttf +0 -0
  231. package/dist/src/assets/styles/fonts/Quicksand.ttf +0 -0
  232. package/dist/src/assets/styles/fonts/ostrich-regular.ttf +0 -0
  233. package/dist/src/assets/styles/fonts.scss +0 -45
  234. package/dist/src/assets/styles/icon.scss +0 -1424
  235. package/dist/src/assets/styles/imagegallery.scss +0 -197
  236. package/dist/src/assets/styles/importProgress.scss +0 -48
  237. package/dist/src/assets/styles/index.scss +0 -19
  238. package/dist/src/assets/styles/inputfields.scss +0 -556
  239. package/dist/src/assets/styles/inputitems.scss +0 -554
  240. package/dist/src/assets/styles/label.scss +0 -88
  241. package/dist/src/assets/styles/loaders.scss +0 -147
  242. package/dist/src/assets/styles/mixins/_var.scss +0 -83
  243. package/dist/src/assets/styles/mixins/config.css +0 -1
  244. package/dist/src/assets/styles/mixins/config.css.map +0 -1
  245. package/dist/src/assets/styles/mixins/config.scss +0 -4
  246. package/dist/src/assets/styles/mixins/functions.css +0 -1
  247. package/dist/src/assets/styles/mixins/functions.css.map +0 -1
  248. package/dist/src/assets/styles/mixins/functions.scss +0 -36
  249. package/dist/src/assets/styles/modalwindow.scss +0 -201
  250. package/dist/src/assets/styles/newtable.scss +0 -305
  251. package/dist/src/assets/styles/objectViewer.scss +0 -195
  252. package/dist/src/assets/styles/overlay.scss +0 -15
  253. package/dist/src/assets/styles/pagination.scss +0 -244
  254. package/dist/src/assets/styles/partials.scss +0 -8
  255. package/dist/src/assets/styles/rating.scss +0 -41
  256. package/dist/src/assets/styles/scrollbar.scss +0 -15
  257. package/dist/src/assets/styles/search.scss +0 -191
  258. package/dist/src/assets/styles/select.scss +0 -1279
  259. package/dist/src/assets/styles/sidebar.scss +0 -473
  260. package/dist/src/assets/styles/signup.scss +0 -140
  261. package/dist/src/assets/styles/slideControl.scss +0 -117
  262. package/dist/src/assets/styles/source_content.scss +0 -14
  263. package/dist/src/assets/styles/speeddial.scss +0 -189
  264. package/dist/src/assets/styles/status.scss +0 -41
  265. package/dist/src/assets/styles/stepControl.scss +0 -76
  266. package/dist/src/assets/styles/style.css +0 -252
  267. package/dist/src/assets/styles/style.css.map +0 -13
  268. package/dist/src/assets/styles/switch.scss +0 -488
  269. package/dist/src/assets/styles/tablev2.scss +0 -248
  270. package/dist/src/assets/styles/tabs.scss +0 -54
  271. package/dist/src/assets/styles/tag.scss +0 -122
  272. package/dist/src/assets/styles/tagcount.scss +0 -61
  273. package/dist/src/assets/styles/texteditor.scss +0 -483
  274. package/dist/src/assets/styles/timeline.scss +0 -610
  275. package/dist/src/assets/styles/tooltip.scss +0 -154
  276. package/dist/src/assets/styles/tree.scss +0 -1050
  277. package/dist/src/assets/styles/treeSelect.scss +0 -286
  278. package/dist/src/assets/styles/variables.scss +0 -77
  279. package/dist/src/assets/styles/visualbuilder.scss +0 -509
  280. package/dist/src/assets/svg/activitylogArrow.svg +0 -3
  281. package/dist/src/assets/svg/arrow.svg +0 -3
  282. package/dist/src/assets/svg/color-palette.svg +0 -15
  283. package/dist/src/assets/svg/file.svg +0 -5
  284. package/dist/src/assets/svg/multiUpload/excel.svg +0 -20
  285. package/dist/src/assets/svg/multiUpload/jpeg.svg +0 -3
  286. package/dist/src/assets/svg/multiUpload/jpg.svg +0 -10
  287. package/dist/src/assets/svg/multiUpload/json.svg +0 -4
  288. package/dist/src/assets/svg/multiUpload/msg.svg +0 -1
  289. package/dist/src/assets/svg/multiUpload/png.svg +0 -4
  290. package/dist/src/assets/svg/multiUpload/text.svg +0 -3
  291. package/dist/src/assets/svg/multiUpload/word.svg +0 -19
  292. package/dist/src/assets/svg/pdf.svg +0 -11
  293. package/dist/src/assets/svg/search3.svg +0 -11
  294. package/dist/src/assets/svg/search3_active.svg +0 -11
  295. package/dist/src/assets/svg/search3_hover.svg +0 -11
  296. package/dist/src/assets/svg/word.svg +0 -19
  297. package/dist/umd/index.css +0 -1
  298. package/dist/umd/index.umd.js +0 -33
  299. package/dist/umd/index.umd.js.map +0 -1
  300. /package/dist/{src/assets/fonts/JosefinSans-Regular.ttf → assets/JosefinSans-Regular-TWyIlGKu.ttf} +0 -0
  301. /package/dist/{src/assets/fonts/OpenSans.ttf → assets/OpenSans-C58Z07Fu.ttf} +0 -0
  302. /package/dist/{src/assets/fonts/Pacifico.ttf → assets/Pacifico-DCsxY0Bj.ttf} +0 -0
  303. /package/dist/{src/assets/fonts/Quicksand.ttf → assets/Quicksand-B48b7_Vl.ttf} +0 -0
  304. /package/dist/{src/assets/fonts/magicoon-icons.ttf → assets/magicoon-icons-CtwZG5N0.ttf} +0 -0
  305. /package/dist/{src/assets/fonts/magicoon-icons.svg → assets/magicoon-icons-DMKsEDH_.svg} +0 -0
  306. /package/dist/{src/assets/fonts/magicoon-icons.woff → assets/magicoon-icons-DTEbJHlq.woff} +0 -0
  307. /package/dist/{src/assets/fonts/magicoon-icons.eot → assets/magicoon-icons-D_gqoiQy.eot} +0 -0
  308. /package/dist/{src/assets/fonts/ostrich-regular.ttf → assets/ostrich-regular-CfLsoGUU.ttf} +0 -0
  309. /package/dist/{src/assets/svg/multiUpload/pdf.svg → assets/pdf-Dv9HsMy3.svg} +0 -0
package/dist/src/assets/styles/buttons.scss DELETED
@@ -1,762 +0,0 @@
1
- @use 'sass:color';
2
- #hlx-button-0009.hlx-button {
3
- font-family: var(--hlx-font-type-content);
4
- // font-size: var(--hlx-font-content-size-sm);
5
- // line-height: var(--hlx-line-height-size-sm);
6
- box-sizing: border-box;
7
- border: none;
8
- user-select: none;
9
- position: relative;
10
- border-radius: 6px;
11
- padding: 14px 16px;
12
- height: 46px;
13
- // font-weight: 600;
14
- font-size: 15px;
15
- line-height: 18.15px;
16
- letter-spacing: 0.005em;
17
- width: max-content;
18
- // padding: 0.75rem 1.5rem;
19
- min-width: max-content;
20
-
21
- // max-width: fit-content;
22
- cursor: pointer;
23
- // box-shadow: 0 4px 12px -8px black;
24
- // border-radius: 5px;
25
- // &>.link{
26
- // background-color: red;
27
- // &>*{
28
-
29
- // text-decoration: none;
30
- // color: $primary-link;
31
- // font-weight: 600;
32
- // &:hover{
33
- // background-color: transparent;
34
- // text-decoration: underline;
35
- // }
36
- // }
37
- // }
38
-
39
- &.primary {
40
- color: var(--hlx-color-white);
41
- background: var(--hlx-color-primary);
42
- &:hover:not(&:active) {
43
- background-color: var(--hlx-color-primary-dark);
44
- box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
45
- 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
46
- transition: all 0.1s;
47
- }
48
- &:hover {
49
- background-color: var(--hlx-color-primary-dark);
50
- // box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
51
- // 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
52
- transition: all 0.1s;
53
- }
54
- &:active {
55
- background-color: var(--hlx-color-primary);
56
- top: 2px;
57
- }
58
- // &:active {
59
- // &:after {
60
- // content: "";
61
- // position: absolute;
62
- // width: 104%;
63
- // // border: 1px solid #54bd95;
64
- // box-shadow: var(--hlx-color-primary) 0px 0px 0.25em,
65
- // rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
66
- // height: 108%;
67
- // left: -1.8%;
68
- // top: -4%;
69
- // border-radius: inherit;
70
- // }
71
- // }
72
- &-success {
73
- color: var(--hlx-color-white);
74
- background: var(--hlx-color-success);
75
- &:hover:not(&:active) {
76
- background-color: var(--hlx-color-success-dark);
77
- box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
78
- 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
79
- transition: all 0.1s;
80
- }
81
- // &:active {
82
- // &:after {
83
- // content: "";
84
- // position: absolute;
85
- // width: 104%;
86
- // // border: 1px solid #54bd95;
87
- // box-shadow: var(--hlx-color-success) 0px 0px 0.25em,
88
- // rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
89
- // height: 108%;
90
- // left: -2%;
91
- // top: -2px;
92
- // border-radius: inherit;
93
- // }
94
- // }
95
- &:active {
96
- top: 2px;
97
- background-color: var(--hlx-color-success);
98
- }
99
- }
100
- &-warning {
101
- background: var(--hlx-color-warning);
102
- color: var(--hlx-color-white);
103
- &:hover:not(&:active) {
104
- background-color: var(--hlx-color-warning-dark);
105
- box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
106
- 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
107
- transition: all 0.1s;
108
- }
109
- // &:active {
110
- // &:after {
111
- // content: "";
112
- // position: absolute;
113
- // width: 104%;
114
- // // border: 1px solid #54bd95;
115
- // box-shadow: var(--hlx-color-warning-dark) 0px 0px 0.25em,
116
- // rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
117
- // height: 108%;
118
- // left: -2%;
119
- // top: -2px;
120
- // border-radius: inherit;
121
- // }
122
- // }
123
- &:active {
124
- top: 2px;
125
- background-color: var(--hlx-color-warning);
126
- }
127
- }
128
- &-info {
129
- background: var(--hlx-color-info);
130
- color: var(--hlx-color-white);
131
- &:hover:not(&:active) {
132
- background-color: var(--hlx-color-info-dark);
133
- box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
134
- 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
135
- transition: all 0.1s;
136
- }
137
- // &:active {
138
- // &:after {
139
- // content: "";
140
- // position: absolute;
141
- // width: 104%;
142
- // // border: 1px solid #54bd95;
143
- // box-shadow: var(--hlx-color-info) 0px 0px 0.25em,
144
- // rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
145
- // height: 108%;
146
- // left: -2%;
147
- // top: -2px;
148
- // border-radius: inherit;
149
- // }
150
- // }
151
- &:active {
152
- top: 2px;
153
- background-color: var(--hlx-color-info);
154
- }
155
- }
156
- &-error {
157
- color: var(--hlx-color-white);
158
- background: var(--hlx-color-error);
159
- &:hover:not(&:active) {
160
- background: var(--hlx-color-error-dark);
161
- box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
162
- 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
163
- transition: all 0.1s;
164
- }
165
- // &:active {
166
- // &:after {
167
- // content: "";
168
- // position: absolute;
169
- // width: 104%;
170
- // // border: 1px solid #54bd95;
171
- // box-shadow: var(--hlx-color-error) 0px 0px 0.25em,
172
- // rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
173
- // height: 108%;
174
- // left: -2%;
175
- // top: -2px;
176
- // border-radius: inherit;
177
- // }
178
- // // transition: all 3s;
179
- // }
180
- &:active {
181
- top: 2px;
182
- background: var(--hlx-color-error);
183
- }
184
- }
185
- }
186
- // &.secondary {
187
- // background: var(--hlx-color-white);
188
- // border: 1px solid var(--hlx-color-primary-dark);
189
- // color: var(--hlx-color-primary);
190
- // &:hover {
191
- // background-color: var(--hlx-color-primary-light);
192
- // color: var(--hlx-color-primary-dark);
193
- // }
194
- // &:active {
195
- // background-color: var(--hlx-color-primary-light);
196
- // color: var(--hlx-color-primary-dark);
197
- // opacity: .5;
198
- // transition: active 4s;
199
- // }
200
- // &-success {
201
- // border: 1px solid var(--hlx-color-success-dark);
202
- // background: var(--hlx-color-white);
203
- // color: var(--hlx-color-success-dark);
204
- // &:hover {
205
- // background-color: var(--hlx-color-success-light);
206
- // color: var(--hlx-color-success-dark);
207
- // }
208
- // &:active {
209
- // background-color: var(--hlx-color-success-light);
210
- // color: var(--hlx-color-success-dark);
211
- // transition: active 4s;
212
- // }
213
- // }
214
- // &-warning {
215
- // border: 1px solid var(--hlx-color-warning-dark);
216
- // background: var(--hlx-color-white);
217
-
218
- // color: var(--hlx-color-warning-dark);
219
- // &:hover {
220
- // background-color: var(--hlx-color-warning-light);
221
- // // color: getCssVar('color', 'success');
222
- // }
223
- // &:active {
224
- // background-color: var(--hlx-color-warning-light);
225
- // // color: getCssVar('color', 'success');
226
- // transition: active 4s;
227
- // }
228
- // }
229
- // &-info {
230
- // border: 1px solid var(--hlx-color-info-dark);
231
- // background: var(--hlx-color-white);
232
-
233
- // color: var(--hlx-color-info-dark);
234
- // &:hover {
235
- // background-color: var(--hlx-color-info-light);
236
- // // color: getCssVar('color', 'success');
237
- // }
238
- // &:active {
239
- // background-color: var(--hlx-color-info-light);
240
- // // color: getCssVar('color', 'success');
241
- // transition: active 4s;
242
- // }
243
- // }
244
- // &-error {
245
- // border: 1px solid var(--hlx-color-error-dark);
246
- // background: var(--hlx-color-white);
247
-
248
- // color: var(--hlx-color-error-dark);
249
- // &:hover {
250
- // background-color: var(--hlx-color-error-light);
251
- // // color: getCssVar('color', 'success');
252
- // }
253
- // &:active {
254
- // background-color: var(--hlx-color-error-light);
255
- // // color: getCssVar('color', 'success');
256
- // transition: active 4s;
257
- // }
258
- // }
259
- // }
260
- &.secondary {
261
- background: var(--hlx-color-white);
262
- border: 1px solid var(--hlx-color-primary-dark);
263
- color: var(--hlx-color-primary);
264
- &:hover {
265
- background-color: rgba(var(--hlx-color-primary-rgb), 0.2);
266
- color: var(--hlx-color-primary);
267
- }
268
- &:active {
269
- background-color: rgba(var(--hlx-color-primary-rgb), 0.61);
270
- color: var(--hlx-color-primary-dark);
271
- transition: active 4s;
272
- }
273
- &-success {
274
- border: 1px solid var(--hlx-color-success-dark);
275
- background: var(--hlx-color-white);
276
- color: var(--hlx-color-success);
277
- &:hover {
278
- background-color: rgba(var(--hlx-color-success-rgb), 0.2);
279
- color: var(--hlx-color-success);
280
- }
281
- &:active {
282
- background-color: rgba(var(--hlx-color-success-rgb), 0.61);
283
- color: var(--hlx-color-success-dark);
284
- transition: active 4s;
285
- }
286
- }
287
- &-warning {
288
- border: 1px solid var(--hlx-color-warning);
289
- background: var(--hlx-color-white);
290
-
291
- color: var(--hlx-color-warning);
292
- &:hover {
293
- background-color: rgba(var(--hlx-color-warning-rgb), 0.2);
294
- // color: var(--hlx-color-success);
295
- }
296
- &:active {
297
- background-color: rgba(var(--hlx-color-warning-rgb), 0.61);
298
- // color: var(--hlx-color-primary-dark);
299
- transition: active 4s;
300
- }
301
- }
302
- &-info {
303
- border: 1px solid var(--hlx-color-info);
304
- background: var(--hlx-color-white);
305
-
306
- color: var(--hlx-color-info);
307
- &:hover {
308
- background-color: rgba(var(--hlx-color-info-rgb), 0.2);
309
- // color: var(--hlx-color-success);
310
- }
311
- &:active {
312
- background-color: rgba(var(--hlx-color-info-rgb), 0.61);
313
- // color: var(--hlx-color-primary-dark);
314
- transition: active 4s;
315
- }
316
- }
317
- &-error {
318
- border: 1px solid var(--hlx-color-error);
319
- background: var(--hlx-color-white);
320
-
321
- color: var(--hlx-color-error);
322
- &:hover {
323
- background-color: rgba(var(--hlx-color-error-rgb), 0.2);
324
- // color: var(--hlx-color-success);
325
- }
326
- &:active {
327
- background-color: rgba(var(--hlx-color-error-rgb), 0.61);
328
- // color: var(--hlx-color-primary-dark);
329
- transition: active 4s;
330
- }
331
- }
332
- }
333
- // &.text {
334
- // background: var(--hlx-color-white);
335
- // // border: 1px solid getCssVar('color','primary');
336
- // color: var(--hlx-color-primary);
337
- // // primary hover
338
- // &:hover {
339
- // background-color: var(--hlx-color-primary-light);
340
- // color: var(--hlx-color-success);
341
- // }
342
- // &:active {
343
- // background-color: var(--hlx-color-primary-light);
344
- // color: var(--hlx-color-success-dark);
345
- // transition: active 4s;
346
- // }
347
- // &-success {
348
- // // border: 1px solid getCssVar('color', 'success');
349
- // background: var(--hlx-color-white);
350
- // color: var(--hlx-color-success);
351
- // &:hover {
352
- // background-color: var(--hlx-color-success-light);
353
- // color: var(--hlx-color-success);
354
- // }
355
- // &:active {
356
- // background-color: var(--hlx-color-success-light);
357
- // color: var(--hlx-color-success-dark);
358
- // transition: active 4s;
359
- // }
360
- // }
361
- // &-warning {
362
- // // border: 1px solid getCssVar('color', 'warning');
363
- // background: var(--hlx-color-white);
364
-
365
- // color: var(--hlx-color-warning-dark);
366
- // &:hover {
367
- // background-color: var(--hlx-color-warning-light);
368
- // // color: getCssVar('color', 'success');
369
- // }
370
- // &:active {
371
- // background-color: var(--hlx-color-warning-light);
372
- // color: var(--hlx-color-warning-dark);
373
- // transition: active 4s;
374
- // }
375
- // }
376
- // &-info {
377
- // // border: 1px solid getCssVar('color', 'info');
378
- // background: var(--hlx-color-white);
379
-
380
- // color: var(--hlx-color-info);
381
- // &:hover {
382
- // background-color: var(--hlx-color-info-light);
383
- // // color: getCssVar('color', 'success');
384
- // }
385
- // &:active {
386
- // background-color: var(--hlx-color-info-light);
387
- // color: var(--hlx-color-info-dark);
388
- // transition: active 4s;
389
- // }
390
- // }
391
- // &-error {
392
- // // border: 1px solid getCssVar('color', 'error');
393
- // background: var(--hlx-color-white);
394
-
395
- // color: var(--hlx-color-error);
396
- // &:hover {
397
- // background-color: var(--hlx-color-error-light);
398
- // // color: getCssVar('color', 'success');
399
- // }
400
- // &:active {
401
- // background-color: var(--hlx-color-error-light);
402
- // color: var(--hlx-color-error-dark);
403
- // transition: active 4s;
404
- // }
405
- // }
406
- // }
407
- &.text {
408
- background: var(--hlx-color-white);
409
- // border: 1px solid var(--hlx-color-primary);
410
- color: var(--hlx-color-primary);
411
- // primary hover
412
- &:hover {
413
- background-color: rgba(var(--hlx-color-primary-rgb), 0.2);
414
- color: var(--hlx-color-primary-dark);
415
- }
416
- &:active {
417
- background-color: rgba(var(--hlx-color-primary-rgb), 0.61);
418
- color: var(--hlx-color-primary-dark);
419
- transition: active 4s;
420
- }
421
- &-success {
422
- // border: 1px solid $primary-success;
423
- background: var(--hlx-color-white);
424
- color: var(--hlx-color-success);
425
- &:hover {
426
- background-color: rgba(var(--hlx-color-success-rgb), 0.2);
427
- color: var(--hlx-color-success);
428
- }
429
- &:active {
430
- background-color: rgba(var(--hlx-color-success-rgb), 0.61);
431
- color: var(--hlx-color-success);
432
- transition: active 4s;
433
- }
434
- }
435
- &-warning {
436
- // border: 1px solid var(--hlx-color-warning);
437
- background: var(--hlx-color-white);
438
-
439
- color: var(--hlx-color-warning);
440
- &:hover {
441
- background-color: rgba(var(--hlx-color-warning-rgb), 0.2);
442
- // color: $primary-success;
443
- }
444
- &:active {
445
- background-color: rgba(var(--hlx-color-warning-rgb), 0.61);
446
- // color: var(--hlx-color-primary-dark);
447
- transition: active 4s;
448
- }
449
- }
450
- &-info {
451
- // border: 1px solid var(--hlx-color-info);
452
- background: var(--hlx-color-white);
453
-
454
- color: var(--hlx-color-info);
455
- &:hover {
456
- background-color: rgba(var(--hlx-color-info-rgb), 0.2);
457
- // color: $primary-success;
458
- }
459
- &:active {
460
- background-color: rgba(var(--hlx-color-info-rgb), 0.61);
461
- // color: var(--hlx-color-primary-dark);
462
- transition: active 4s;
463
- }
464
- }
465
- &-error {
466
- // border: 1px solid var(--hlx-color-error);
467
- background: var(--hlx-color-white);
468
-
469
- color: var(--hlx-color-error);
470
- &:hover {
471
- background-color: rgba(var(--hlx-color-error-rgb), 0.2);
472
- // color: $primary-success;
473
- }
474
- &:active {
475
- background-color: rgba(var(--hlx-color-error-rgb), 0.61);
476
- // color: var(--hlx-color-primary-dark);
477
- transition: active 4s;
478
- }
479
- }
480
- }
481
- &.link {
482
- padding: 0 !important;
483
- background: transparent;
484
- // border: 1px solid getCssVar('color','primary');
485
- color: var(--hlx-color-link);
486
- // primary hover
487
- &:hover {
488
- background-color: transparent !important;
489
- box-shadow: none !important;
490
- color: var(--hlx-color-link);
491
- text-decoration: underline;
492
- text-decoration-color: var(--hlx-color-link);
493
- // font-weight: 600;
494
- }
495
- &:active {
496
- // background-color: getCssVar('color', 'link'));
497
- background-color: transparent !important;
498
- border: none !important;
499
- color: var(--hlx-color-link);
500
- &::after {
501
- box-shadow: none !important;
502
- }
503
- transition: active 4s;
504
- }
505
- }
506
- &.pill {
507
- // &:active {
508
- // &:after {
509
- // content: "";
510
- // position: absolute;
511
- // width: 104%;
512
- // // border: 1px solid #54bd95;
513
- // box-shadow: var(--hlx-color-info) 0px 0px 0.25em,
514
- // rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
515
- // height: 108%;
516
- // left: -2%;
517
- // top: -2px;
518
- // border-radius: 24px;
519
- // }
520
- // }
521
- border-radius: 999px !important;
522
- color: var(--hlx-color-white);
523
- background-color: var(--hlx-color-primary);
524
- &:hover:not(&:active) {
525
- background-color: var(--hlx-color-primary-dark);
526
- box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
527
- 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
528
- transition: all 0.1s;
529
- }
530
- &:hover {
531
- background: var(--hlx-color-primary-dark);
532
- // box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
533
- // 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
534
- transition: all 0.1s;
535
- }
536
- &:active {
537
- top: 2px;
538
- background: var(--hlx-color-primary);
539
- }
540
- &-success {
541
- border-radius: 22px;
542
- background-color: var(--hlx-color-success);
543
- color: var(--hlx-color-white);
544
- &:hover:not(&:active) {
545
- box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
546
- 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
547
- background: var(--hlx-color-success-dark);
548
- transition: all 0.1s;
549
- }
550
- &:active {
551
- top: 2px;
552
- background: var(--hlx-color-success);
553
- }
554
- }
555
- &-warning {
556
- border-radius: 22px;
557
- background-color: var(--hlx-color-warning);
558
- color: var(--hlx-color-white);
559
- &:hover:not(&:active) {
560
- background: var(--hlx-color-warning-dark);
561
- box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
562
- 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
563
- transition: all 0.1s;
564
- }
565
- &:active {
566
- top: 2px;
567
- background: var(--hlx-color-warning);
568
- }
569
- }
570
- &-info {
571
- border-radius: 22px;
572
- background: var(--hlx-color-info);
573
- color: var(--hlx-color-white);
574
- &:hover:not(&:active) {
575
- background: var(--hlx-color-info-dark);
576
- box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
577
- 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
578
- transition: all 0.1s;
579
- }
580
- &:active {
581
- top: 2px;
582
- background: var(--hlx-color-info);
583
- }
584
- }
585
- &-error {
586
- border-radius: 22px;
587
- color: var(--hlx-color-white);
588
- background: var(--hlx-color-error);
589
- &:hover:not(&:active) {
590
- background: var(--hlx-color-error-dark);
591
- box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
592
- 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
593
- transition: all 0.1s;
594
- }
595
- &:active {
596
- top: 2px;
597
- background: var(--hlx-color-error);
598
- }
599
- }
600
- }
601
- &.tertiary {
602
- color: var(--hlx-color-white);
603
- background-color: var(--hlx-color-primary);
604
- // padding: 1.4rem;
605
- height: 50px;
606
- border-radius: 1rem;
607
- font-size: 18px;
608
- line-height: 2rem;
609
- width: 50px;
610
- display: flex;
611
- align-content: center;
612
- flex-direction: column;
613
- align-items: center;
614
- justify-content: center;
615
- &:hover:not(&:active) {
616
- background: var(--hlx-color-primary-dark);
617
- box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
618
- 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
619
- transition: all 0.1s;
620
- }
621
- &:hover {
622
- background-color: var(--hlx-color-primary);
623
- transition: all 0.1s;
624
- }
625
- &:active {
626
- &:after {
627
- content: '';
628
- position: absolute;
629
- width: 104%;
630
- // border: 1px solid #54bd95;
631
- box-shadow: var(--hlx-color-primary) 0px 0px 0.25em,
632
- rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
633
- height: 108%;
634
- left: -1.8%;
635
- top: -4%;
636
- border-radius: 1rem;
637
- }
638
- }
639
- &-invert {
640
- color: var(--hlx-color-white);
641
- // padding: 1.4rem;
642
- height: 50px;
643
- border-radius: 1rem;
644
- font-size: 18px;
645
- background: var(--hlx-color-primary-dark);
646
- width: 50px;
647
- display: flex;
648
- align-content: center;
649
- flex-direction: column;
650
- align-items: center;
651
- justify-content: center;
652
- background: var(--hlx-color-white);
653
- color: var(--hlx-color-primary);
654
- &:hover:not(&:active) {
655
- box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
656
- 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
657
- background-color: var(--hlx-color-primary);
658
- color: var(--hlx-color-white);
659
- transition: all 0.1s;
660
- }
661
- &:active {
662
- &:after {
663
- content: '';
664
- position: absolute;
665
- width: 104%;
666
- // background-color: var(--hlx-color-primary-dark);
667
- // border: 1px solid #54bd95;
668
-
669
- box-shadow: var(--hlx-color-primary) 0px 0px 0.25em,
670
- rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
671
- height: 108%;
672
- left: -2%;
673
- top: -2px;
674
- border-radius: 1rem;
675
- }
676
- }
677
- }
678
- &-secondary {
679
- // color: var(--hlx-color-white);
680
- // padding: 1.4rem;
681
- height: 50px;
682
- border-radius: 1rem;
683
- font-size: 18 px;
684
- // background: #54bd95;
685
- width: 50px;
686
- background: var(--hlx-color-white);
687
- border: 1px solid var(--hlx-color-primary);
688
- color: var(--hlx-color-primary);
689
- display: flex;
690
- align-content: center;
691
- flex-direction: column;
692
- align-items: center;
693
- justify-content: center;
694
- // primary hover
695
- &:hover {
696
- background-color: rgba(var(--hlx-color-primary-rgb), 0.2);
697
- color: var(--hlx-color-primary);
698
- }
699
- &:active {
700
- background-color: rgba(var(--hlx-color-primary-rgb), 0.6);
701
- color: var(--hlx-color-primary-dark);
702
- transition: active 4s;
703
- }
704
- }
705
- }
706
-
707
- &.sm {
708
- // font-size: var(--hlx-font-content-size-xs);
709
- // line-height: var(--hlx-line-height-size-sm);
710
- // padding: 0.5rem 1rem;
711
- // min-width: 72px;
712
- // border-radius: 3px;
713
- height: 38px;
714
- padding: 10px 12px;
715
- border-radius: 6px;
716
- // font-weight: 600;
717
- font-size: var(--hlx-font-content-size-sm);
718
- line-height: 18.15px;
719
- letter-spacing: 0.005em;
720
- &:active {
721
- &:after {
722
- border-radius: inherit;
723
- }
724
- }
725
- }
726
- &.lg {
727
- // font-size: var(--hlx-line-height-size);
728
- // line-height: var(--hlx-line-height-size);
729
- // padding: 1rem 2rem;
730
- // min-width: 144px;
731
- height: 62px;
732
- padding: 22px 20px;
733
- // border-radius: 999px;
734
- // font-weight: 600;
735
- font-size: 15px;
736
- line-height: 18.15px;
737
- letter-spacing: 0.005em;
738
- }
739
- &.disabled-button {
740
- background: var(--hlx-color-disable) !important;
741
- color: var(--hlx-color-disable-text) !important;
742
- cursor: default;
743
- pointer-events: none;
744
- border: 1px solid var(--hlx-color-disable) !important;
745
- &[class*='text-'] {
746
- background: var(--hlx-color-white) !important;
747
- border: none !important;
748
- &:hover {
749
- background: none !important;
750
- color: var(--hlx-color-disable-text) !important;
751
- // cursor: pointer;
752
- }
753
- }
754
- &:hover,
755
- &:active {
756
- background: var(--hlx-color-disable) !important;
757
- pointer-events: none !important;
758
- // border:none !important;
759
- box-shadow: none !important;
760
- }
761
- }
762
- }