@lolmath/ui 4.0.0 → 5.0.0

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/dist/es/index.css +1378 -0
  2. package/dist/es/index.d.ts +522 -23
  3. package/dist/es/index.js +1695 -23
  4. package/dist/es/index.js.map +1 -1
  5. package/dist/es/plugin.d.ts +7 -3
  6. package/dist/es/plugin.js +23 -22
  7. package/dist/es/plugin.js.map +1 -1
  8. package/dist/font/beaufort/beaufort.css +50 -50
  9. package/dist/font/spiegel/spiegel.css +25 -30
  10. package/dist/lib/index.css +1378 -0
  11. package/dist/lib/index.d.ts +522 -23
  12. package/dist/lib/index.js +1650 -47
  13. package/dist/lib/index.js.map +1 -1
  14. package/dist/lib/plugin.d.ts +7 -3
  15. package/dist/lib/plugin.js +24 -22
  16. package/dist/lib/plugin.js.map +1 -1
  17. package/package.json +16 -14
  18. package/readme.md +43 -2
  19. package/dist/es/assets/active.4113e6b2.png +0 -0
  20. package/dist/es/assets/checked-disabled.b5430cf5.png +0 -0
  21. package/dist/es/assets/checked-hover.d13cb1b3.png +0 -0
  22. package/dist/es/assets/checked-hovered.67390091.png +0 -0
  23. package/dist/es/assets/checked-pressed.cffd963b.png +0 -0
  24. package/dist/es/assets/checked.3258b858.png +0 -0
  25. package/dist/es/assets/checked.b9e4b215.png +0 -0
  26. package/dist/es/assets/closed.484c8084.png +0 -0
  27. package/dist/es/assets/disabled.87ad565d.png +0 -0
  28. package/dist/es/assets/hover.404fa456.png +0 -0
  29. package/dist/es/assets/indeterminate-hover.68fcbcda.png +0 -0
  30. package/dist/es/assets/indeterminate.90d6dc3e.png +0 -0
  31. package/dist/es/assets/normal.e4c594a1.png +0 -0
  32. package/dist/es/assets/open.a8643ee6.png +0 -0
  33. package/dist/es/assets/search.c15f1e1d.png +0 -0
  34. package/dist/es/assets/spinner.a69432f7.png +0 -0
  35. package/dist/es/assets/unchecked-disabled.702505e2.png +0 -0
  36. package/dist/es/assets/unchecked-hover.c8e5f2d0.png +0 -0
  37. package/dist/es/assets/unchecked-hovered.e26c4420.png +0 -0
  38. package/dist/es/assets/unchecked-pressed.161ab6f8.png +0 -0
  39. package/dist/es/assets/unchecked.ad8e0a95.png +0 -0
  40. package/dist/es/assets/unchecked.cc033abe.png +0 -0
  41. package/dist/es/components/accordion.d.ts +0 -74
  42. package/dist/es/components/accordion.js +0 -74
  43. package/dist/es/components/accordion.js.map +0 -1
  44. package/dist/es/components/accordion.module.js +0 -7
  45. package/dist/es/components/accordion.module.js.map +0 -1
  46. package/dist/es/components/accordion_module.css +0 -37
  47. package/dist/es/components/breadcrumbs.d.ts +0 -3
  48. package/dist/es/components/breadcrumbs.js +0 -67
  49. package/dist/es/components/breadcrumbs.js.map +0 -1
  50. package/dist/es/components/breadcrumbs.module.js +0 -7
  51. package/dist/es/components/breadcrumbs.module.js.map +0 -1
  52. package/dist/es/components/breadcrumbs_module.css +0 -23
  53. package/dist/es/components/button-link.d.ts +0 -11
  54. package/dist/es/components/button-link.js +0 -39
  55. package/dist/es/components/button-link.js.map +0 -1
  56. package/dist/es/components/button.d.ts +0 -76
  57. package/dist/es/components/button.js +0 -78
  58. package/dist/es/components/button.js.map +0 -1
  59. package/dist/es/components/button.module.js +0 -7
  60. package/dist/es/components/button.module.js.map +0 -1
  61. package/dist/es/components/button_module.css +0 -158
  62. package/dist/es/components/card.d.ts +0 -6
  63. package/dist/es/components/card.js +0 -32
  64. package/dist/es/components/card.js.map +0 -1
  65. package/dist/es/components/card.module.js +0 -7
  66. package/dist/es/components/card.module.js.map +0 -1
  67. package/dist/es/components/card_module.css +0 -16
  68. package/dist/es/components/checkbox/checkbox.d.ts +0 -2
  69. package/dist/es/components/checkbox/checkbox.js +0 -55
  70. package/dist/es/components/checkbox/checkbox.js.map +0 -1
  71. package/dist/es/components/checkbox/checkbox.module.js +0 -7
  72. package/dist/es/components/checkbox/checkbox.module.js.map +0 -1
  73. package/dist/es/components/checkbox/checkbox_module.css +0 -17
  74. package/dist/es/components/divider.d.ts +0 -6
  75. package/dist/es/components/divider.js +0 -31
  76. package/dist/es/components/divider.js.map +0 -1
  77. package/dist/es/components/divider.module.js +0 -7
  78. package/dist/es/components/divider.module.js.map +0 -1
  79. package/dist/es/components/divider_module.css +0 -29
  80. package/dist/es/components/modal.d.ts +0 -13
  81. package/dist/es/components/modal.js +0 -86
  82. package/dist/es/components/modal.js.map +0 -1
  83. package/dist/es/components/modal.module.js +0 -7
  84. package/dist/es/components/modal.module.js.map +0 -1
  85. package/dist/es/components/modal_module.css +0 -80
  86. package/dist/es/components/number-field.d.ts +0 -10
  87. package/dist/es/components/number-field.js +0 -103
  88. package/dist/es/components/number-field.js.map +0 -1
  89. package/dist/es/components/number-field.module.js +0 -7
  90. package/dist/es/components/number-field.module.js.map +0 -1
  91. package/dist/es/components/number-field_module.css +0 -54
  92. package/dist/es/components/popover.d.ts +0 -1
  93. package/dist/es/components/popover.js +0 -0
  94. package/dist/es/components/popover.module.css +0 -0
  95. package/dist/es/components/progress-bar.d.ts +0 -6
  96. package/dist/es/components/progress-bar.js +0 -25
  97. package/dist/es/components/progress-bar.js.map +0 -1
  98. package/dist/es/components/progress-bar.module.js +0 -7
  99. package/dist/es/components/progress-bar.module.js.map +0 -1
  100. package/dist/es/components/progress-bar_module.css +0 -33
  101. package/dist/es/components/radio-group/radio-group.d.ts +0 -3
  102. package/dist/es/components/radio-group/radio-group.js +0 -46
  103. package/dist/es/components/radio-group/radio-group.js.map +0 -1
  104. package/dist/es/components/radio-group/radio-group.module.js +0 -7
  105. package/dist/es/components/radio-group/radio-group.module.js.map +0 -1
  106. package/dist/es/components/radio-group/radio-group_module.css +0 -53
  107. package/dist/es/components/search-field/search-field.d.ts +0 -6
  108. package/dist/es/components/search-field/search-field.js +0 -67
  109. package/dist/es/components/search-field/search-field.js.map +0 -1
  110. package/dist/es/components/search-field/search-field.module.js +0 -7
  111. package/dist/es/components/search-field/search-field.module.js.map +0 -1
  112. package/dist/es/components/search-field/search-field_module.css +0 -76
  113. package/dist/es/components/select/select.d.ts +0 -11
  114. package/dist/es/components/select/select.js +0 -76
  115. package/dist/es/components/select/select.js.map +0 -1
  116. package/dist/es/components/select/select.module.js +0 -7
  117. package/dist/es/components/select/select.module.js.map +0 -1
  118. package/dist/es/components/select/select_module.css +0 -75
  119. package/dist/es/components/slider/slider.d.ts +0 -8
  120. package/dist/es/components/slider/slider.js +0 -146
  121. package/dist/es/components/slider/slider.js.map +0 -1
  122. package/dist/es/components/slider/slider.module.js +0 -7
  123. package/dist/es/components/slider/slider.module.js.map +0 -1
  124. package/dist/es/components/slider/slider_module.css +0 -60
  125. package/dist/es/components/spinner/spinner.d.ts +0 -5
  126. package/dist/es/components/spinner/spinner.js +0 -21
  127. package/dist/es/components/spinner/spinner.js.map +0 -1
  128. package/dist/es/components/spinner/spinner.module.js +0 -7
  129. package/dist/es/components/spinner/spinner.module.js.map +0 -1
  130. package/dist/es/components/spinner/spinner_module.css +0 -16
  131. package/dist/es/components/switch.d.ts +0 -4
  132. package/dist/es/components/switch.js +0 -61
  133. package/dist/es/components/switch.js.map +0 -1
  134. package/dist/es/components/switch.module.js +0 -7
  135. package/dist/es/components/switch.module.js.map +0 -1
  136. package/dist/es/components/switch_module.css +0 -69
  137. package/dist/es/components/tabs.d.ts +0 -6
  138. package/dist/es/components/tabs.js +0 -71
  139. package/dist/es/components/tabs.js.map +0 -1
  140. package/dist/es/components/tabs.module.js +0 -7
  141. package/dist/es/components/tabs.module.js.map +0 -1
  142. package/dist/es/components/tabs_module.css +0 -50
  143. package/dist/es/components/text-area.d.ts +0 -4
  144. package/dist/es/components/text-area.js +0 -31
  145. package/dist/es/components/text-area.js.map +0 -1
  146. package/dist/es/components/text-field.d.ts +0 -64
  147. package/dist/es/components/text-field.js +0 -46
  148. package/dist/es/components/text-field.js.map +0 -1
  149. package/dist/es/components/text-field.module.js +0 -7
  150. package/dist/es/components/text-field.module.js.map +0 -1
  151. package/dist/es/components/text-field_module.css +0 -33
  152. package/dist/es/components/toggle-button.d.ts +0 -10
  153. package/dist/es/components/toggle-button.js +0 -68
  154. package/dist/es/components/toggle-button.js.map +0 -1
  155. package/dist/es/components/tooltip.d.ts +0 -3
  156. package/dist/es/components/tooltip.js +0 -67
  157. package/dist/es/components/tooltip.js.map +0 -1
  158. package/dist/es/components/tooltip.module.js +0 -7
  159. package/dist/es/components/tooltip.module.js.map +0 -1
  160. package/dist/es/components/tooltip_module.css +0 -66
  161. package/dist/es/components/typography/heading.d.ts +0 -67
  162. package/dist/es/components/typography/heading.js +0 -40
  163. package/dist/es/components/typography/heading.js.map +0 -1
  164. package/dist/es/components/typography/heading.module.js +0 -7
  165. package/dist/es/components/typography/heading.module.js.map +0 -1
  166. package/dist/es/components/typography/heading_module.css +0 -56
  167. package/dist/es/components/typography/text.d.ts +0 -17
  168. package/dist/es/components/typography/text.js +0 -63
  169. package/dist/es/components/typography/text.js.map +0 -1
  170. package/dist/es/components/typography/text.module.js +0 -7
  171. package/dist/es/components/typography/text.module.js.map +0 -1
  172. package/dist/es/components/typography/text_module.css +0 -64
  173. package/dist/es/style.css +0 -109
  174. package/dist/es/utilities/resolve-class-name.d.ts +0 -1
  175. package/dist/es/utilities/resolve-class-name.js +0 -8
  176. package/dist/es/utilities/resolve-class-name.js.map +0 -1
  177. package/dist/lib/assets/active.4113e6b2.png +0 -0
  178. package/dist/lib/assets/checked-disabled.b5430cf5.png +0 -0
  179. package/dist/lib/assets/checked-hover.d13cb1b3.png +0 -0
  180. package/dist/lib/assets/checked-hovered.67390091.png +0 -0
  181. package/dist/lib/assets/checked-pressed.cffd963b.png +0 -0
  182. package/dist/lib/assets/checked.3258b858.png +0 -0
  183. package/dist/lib/assets/checked.b9e4b215.png +0 -0
  184. package/dist/lib/assets/closed.484c8084.png +0 -0
  185. package/dist/lib/assets/disabled.87ad565d.png +0 -0
  186. package/dist/lib/assets/hover.404fa456.png +0 -0
  187. package/dist/lib/assets/indeterminate-hover.68fcbcda.png +0 -0
  188. package/dist/lib/assets/indeterminate.90d6dc3e.png +0 -0
  189. package/dist/lib/assets/normal.e4c594a1.png +0 -0
  190. package/dist/lib/assets/open.a8643ee6.png +0 -0
  191. package/dist/lib/assets/search.c15f1e1d.png +0 -0
  192. package/dist/lib/assets/spinner.a69432f7.png +0 -0
  193. package/dist/lib/assets/unchecked-disabled.702505e2.png +0 -0
  194. package/dist/lib/assets/unchecked-hover.c8e5f2d0.png +0 -0
  195. package/dist/lib/assets/unchecked-hovered.e26c4420.png +0 -0
  196. package/dist/lib/assets/unchecked-pressed.161ab6f8.png +0 -0
  197. package/dist/lib/assets/unchecked.ad8e0a95.png +0 -0
  198. package/dist/lib/assets/unchecked.cc033abe.png +0 -0
  199. package/dist/lib/components/accordion.d.ts +0 -74
  200. package/dist/lib/components/accordion.js +0 -112
  201. package/dist/lib/components/accordion.js.map +0 -1
  202. package/dist/lib/components/accordion.module.js +0 -27
  203. package/dist/lib/components/accordion.module.js.map +0 -1
  204. package/dist/lib/components/accordion_module.css +0 -37
  205. package/dist/lib/components/breadcrumbs.d.ts +0 -3
  206. package/dist/lib/components/breadcrumbs.js +0 -98
  207. package/dist/lib/components/breadcrumbs.js.map +0 -1
  208. package/dist/lib/components/breadcrumbs.module.js +0 -27
  209. package/dist/lib/components/breadcrumbs.module.js.map +0 -1
  210. package/dist/lib/components/breadcrumbs_module.css +0 -23
  211. package/dist/lib/components/button-link.d.ts +0 -11
  212. package/dist/lib/components/button-link.js +0 -64
  213. package/dist/lib/components/button-link.js.map +0 -1
  214. package/dist/lib/components/button.d.ts +0 -76
  215. package/dist/lib/components/button.js +0 -112
  216. package/dist/lib/components/button.js.map +0 -1
  217. package/dist/lib/components/button.module.js +0 -27
  218. package/dist/lib/components/button.module.js.map +0 -1
  219. package/dist/lib/components/button_module.css +0 -158
  220. package/dist/lib/components/card.d.ts +0 -6
  221. package/dist/lib/components/card.js +0 -66
  222. package/dist/lib/components/card.js.map +0 -1
  223. package/dist/lib/components/card.module.js +0 -27
  224. package/dist/lib/components/card.module.js.map +0 -1
  225. package/dist/lib/components/card_module.css +0 -16
  226. package/dist/lib/components/checkbox/checkbox.d.ts +0 -2
  227. package/dist/lib/components/checkbox/checkbox.js +0 -87
  228. package/dist/lib/components/checkbox/checkbox.js.map +0 -1
  229. package/dist/lib/components/checkbox/checkbox.module.js +0 -27
  230. package/dist/lib/components/checkbox/checkbox.module.js.map +0 -1
  231. package/dist/lib/components/checkbox/checkbox_module.css +0 -17
  232. package/dist/lib/components/divider.d.ts +0 -6
  233. package/dist/lib/components/divider.js +0 -65
  234. package/dist/lib/components/divider.js.map +0 -1
  235. package/dist/lib/components/divider.module.js +0 -27
  236. package/dist/lib/components/divider.module.js.map +0 -1
  237. package/dist/lib/components/divider_module.css +0 -29
  238. package/dist/lib/components/modal.d.ts +0 -13
  239. package/dist/lib/components/modal.js +0 -117
  240. package/dist/lib/components/modal.js.map +0 -1
  241. package/dist/lib/components/modal.module.js +0 -27
  242. package/dist/lib/components/modal.module.js.map +0 -1
  243. package/dist/lib/components/modal_module.css +0 -80
  244. package/dist/lib/components/number-field.d.ts +0 -10
  245. package/dist/lib/components/number-field.js +0 -132
  246. package/dist/lib/components/number-field.js.map +0 -1
  247. package/dist/lib/components/number-field.module.js +0 -27
  248. package/dist/lib/components/number-field.module.js.map +0 -1
  249. package/dist/lib/components/number-field_module.css +0 -54
  250. package/dist/lib/components/popover.d.ts +0 -1
  251. package/dist/lib/components/popover.js +0 -1
  252. package/dist/lib/components/popover.module.css +0 -0
  253. package/dist/lib/components/progress-bar.d.ts +0 -6
  254. package/dist/lib/components/progress-bar.js +0 -56
  255. package/dist/lib/components/progress-bar.js.map +0 -1
  256. package/dist/lib/components/progress-bar.module.js +0 -27
  257. package/dist/lib/components/progress-bar.module.js.map +0 -1
  258. package/dist/lib/components/progress-bar_module.css +0 -33
  259. package/dist/lib/components/radio-group/radio-group.d.ts +0 -3
  260. package/dist/lib/components/radio-group/radio-group.js +0 -78
  261. package/dist/lib/components/radio-group/radio-group.js.map +0 -1
  262. package/dist/lib/components/radio-group/radio-group.module.js +0 -27
  263. package/dist/lib/components/radio-group/radio-group.module.js.map +0 -1
  264. package/dist/lib/components/radio-group/radio-group_module.css +0 -53
  265. package/dist/lib/components/search-field/search-field.d.ts +0 -6
  266. package/dist/lib/components/search-field/search-field.js +0 -97
  267. package/dist/lib/components/search-field/search-field.js.map +0 -1
  268. package/dist/lib/components/search-field/search-field.module.js +0 -27
  269. package/dist/lib/components/search-field/search-field.module.js.map +0 -1
  270. package/dist/lib/components/search-field/search-field_module.css +0 -76
  271. package/dist/lib/components/select/select.d.ts +0 -11
  272. package/dist/lib/components/select/select.js +0 -103
  273. package/dist/lib/components/select/select.js.map +0 -1
  274. package/dist/lib/components/select/select.module.js +0 -27
  275. package/dist/lib/components/select/select.module.js.map +0 -1
  276. package/dist/lib/components/select/select_module.css +0 -75
  277. package/dist/lib/components/slider/slider.d.ts +0 -8
  278. package/dist/lib/components/slider/slider.js +0 -176
  279. package/dist/lib/components/slider/slider.js.map +0 -1
  280. package/dist/lib/components/slider/slider.module.js +0 -27
  281. package/dist/lib/components/slider/slider.module.js.map +0 -1
  282. package/dist/lib/components/slider/slider_module.css +0 -60
  283. package/dist/lib/components/spinner/spinner.d.ts +0 -5
  284. package/dist/lib/components/spinner/spinner.js +0 -55
  285. package/dist/lib/components/spinner/spinner.js.map +0 -1
  286. package/dist/lib/components/spinner/spinner.module.js +0 -27
  287. package/dist/lib/components/spinner/spinner.module.js.map +0 -1
  288. package/dist/lib/components/spinner/spinner_module.css +0 -16
  289. package/dist/lib/components/switch.d.ts +0 -4
  290. package/dist/lib/components/switch.js +0 -95
  291. package/dist/lib/components/switch.js.map +0 -1
  292. package/dist/lib/components/switch.module.js +0 -27
  293. package/dist/lib/components/switch.module.js.map +0 -1
  294. package/dist/lib/components/switch_module.css +0 -69
  295. package/dist/lib/components/tabs.d.ts +0 -6
  296. package/dist/lib/components/tabs.js +0 -103
  297. package/dist/lib/components/tabs.js.map +0 -1
  298. package/dist/lib/components/tabs.module.js +0 -27
  299. package/dist/lib/components/tabs.module.js.map +0 -1
  300. package/dist/lib/components/tabs_module.css +0 -50
  301. package/dist/lib/components/text-area.d.ts +0 -4
  302. package/dist/lib/components/text-area.js +0 -52
  303. package/dist/lib/components/text-area.js.map +0 -1
  304. package/dist/lib/components/text-field.d.ts +0 -64
  305. package/dist/lib/components/text-field.js +0 -78
  306. package/dist/lib/components/text-field.js.map +0 -1
  307. package/dist/lib/components/text-field.module.js +0 -27
  308. package/dist/lib/components/text-field.module.js.map +0 -1
  309. package/dist/lib/components/text-field_module.css +0 -33
  310. package/dist/lib/components/toggle-button.d.ts +0 -10
  311. package/dist/lib/components/toggle-button.js +0 -100
  312. package/dist/lib/components/toggle-button.js.map +0 -1
  313. package/dist/lib/components/tooltip.d.ts +0 -3
  314. package/dist/lib/components/tooltip.js +0 -102
  315. package/dist/lib/components/tooltip.js.map +0 -1
  316. package/dist/lib/components/tooltip.module.js +0 -27
  317. package/dist/lib/components/tooltip.module.js.map +0 -1
  318. package/dist/lib/components/tooltip_module.css +0 -66
  319. package/dist/lib/components/typography/heading.d.ts +0 -67
  320. package/dist/lib/components/typography/heading.js +0 -75
  321. package/dist/lib/components/typography/heading.js.map +0 -1
  322. package/dist/lib/components/typography/heading.module.js +0 -27
  323. package/dist/lib/components/typography/heading.module.js.map +0 -1
  324. package/dist/lib/components/typography/heading_module.css +0 -56
  325. package/dist/lib/components/typography/text.d.ts +0 -17
  326. package/dist/lib/components/typography/text.js +0 -96
  327. package/dist/lib/components/typography/text.js.map +0 -1
  328. package/dist/lib/components/typography/text.module.js +0 -27
  329. package/dist/lib/components/typography/text.module.js.map +0 -1
  330. package/dist/lib/components/typography/text_module.css +0 -64
  331. package/dist/lib/style.css +0 -109
  332. package/dist/lib/utilities/resolve-class-name.d.ts +0 -1
  333. package/dist/lib/utilities/resolve-class-name.js +0 -32
  334. package/dist/lib/utilities/resolve-class-name.js.map +0 -1
@@ -1,158 +0,0 @@
1
- .button_56ea2 {
2
- border-radius: 0px;
3
- border: 2px solid transparent;
4
- outline: none;
5
- transition: all;
6
- transition-duration: 0.3s;
7
-
8
- font-family: var(--lol-font-family-beaufort);
9
- color: var(--lol-color-gold-300);
10
- font-weight: 700;
11
- text-transform: uppercase;
12
- letter-spacing: 0.05em;
13
- font-size: 1rem;
14
-
15
- background: var(--lol-button-background-gradient) padding-box,
16
- var(--lol-button-border-gradient) border-box;
17
- display: inline-block;
18
- }
19
-
20
- .text_56ea2.round_56ea2.hover_56ea2, .text_56ea2.square_56ea2.hover_56ea2 {
21
- --lol-button-background-gradient: var(--lol-gradient-grey-300);
22
- --lol-button-border-gradient: var(--lol-gradient-transparent);
23
- }
24
-
25
- .text_56ea2.round_56ea2,
26
- .text_56ea2.square_56ea2,
27
- .text_56ea2.normal_56ea2 {
28
- position: relative;
29
- }
30
-
31
- .text_56ea2.round_56ea2::after, .text_56ea2.square_56ea2::after, .text_56ea2.normal_56ea2::after {
32
- position: absolute;
33
- top: -0.5rem;
34
- left: -0.5rem;
35
- bottom: -0.5rem;
36
- right: -0.5rem;
37
- content: '';
38
- }
39
-
40
- .hover_56ea2 {
41
- color: var(--lol-color-gold-100);
42
- }
43
-
44
- .press_56ea2 {
45
- color: var(--lol-color-grey-150);
46
- }
47
-
48
- .disabled_56ea2 {
49
- color: var(--lol-color-grey-150);
50
- }
51
-
52
- .hextech_56ea2 {
53
- color: var(--lol-color-blue-100);
54
- --lol-button-border-gradient: var(--lol-gradient-hextech);
55
- --lol-button-background-gradient: var(--lol-gradient-grey-300);
56
- }
57
-
58
- .hextech_56ea2.hover_56ea2 {
59
- color: var(--lol-color-blue-100);
60
- --lol-button-border-gradient: var(--lol-gradient-hextech-hover);
61
- }
62
-
63
- .hextech_56ea2.press_56ea2 {
64
- color: var(--lol-color-blue-400);
65
- --lol-button-border-gradient: var(--lol-gradient-hextech-press);
66
- }
67
-
68
- .hextech_56ea2.disabled_56ea2 {
69
- color: var(--lol-color-grey-150);
70
- --lol-button-border-gradient: var(--lol-gradient-disabled);
71
- }
72
-
73
- .dimmed_56ea2 {
74
- --lol-button-background-gradient: var(--lol-gradient-hextech-black);
75
- --lol-button-border-gradient: var(--lol-gradient-grey-300);
76
- }
77
-
78
- .dimmed_56ea2.selected_56ea2 {
79
- --lol-button-border-gradient: var(--lol-gradient-gold);
80
- }
81
-
82
- .primary_56ea2 {
83
- --lol-button-border-gradient: var(--lol-gradient-gold);
84
- --lol-button-background-gradient: linear-gradient(to top, var(--lol-color-gold-600), var(--lol-color-gold-600), var(--lol-color-gold-700));
85
- }
86
-
87
- .primary_56ea2.hover_56ea2 {
88
- --lol-button-background-gradient: linear-gradient(to top, var(--lol-color-gold-600), var(--lol-color-gold-600), var(--lol-color-gold-500));
89
- }
90
-
91
- .primary_56ea2.press_56ea2 {
92
- --lol-button-background-gradient: linear-gradient(to top, var(--lol-color-gold-600), var(--lol-color-gold-700), var(--lol-color-gold-700));
93
- }
94
-
95
- .primary_56ea2,
96
- .secondary_56ea2,
97
- .hextech_56ea2,
98
- .dimmed_56ea2 {
99
- padding: 0.5rem 1rem;
100
- }
101
-
102
- .secondary_56ea2 {
103
- --lol-button-border-gradient: var(--lol-gradient-gold);
104
- --lol-button-background-gradient: var(--lol-gradient-grey-300);
105
- }
106
-
107
- .primary_56ea2.hover_56ea2,
108
- .secondary_56ea2.hover_56ea2,
109
- .dimmed_56ea2.hover_56ea2 {
110
- --lol-button-border-gradient: var(--lol-gradient-gold-hover);
111
- }
112
-
113
-
114
- .primary_56ea2.press_56ea2,
115
- .secondary_56ea2.press_56ea2,
116
- .dimmed_56ea2.press_56ea2 {
117
- --lol-button-border-gradient: var(--lol-gradient-gold-press);
118
- }
119
-
120
-
121
- .primary_56ea2.disabled_56ea2,
122
- .secondary_56ea2.disabled_56ea2,
123
- .dimmed_56ea2.disabled_56ea2 {
124
- --lol-button-border-gradient: var(--lol-gradient-disabled);
125
- }
126
-
127
- .primary_56ea2.focusVisible_56ea2,
128
- .secondary_56ea2.focusVisible_56ea2 {
129
- outline-style: solid;
130
- outline-offset: 2px;
131
- outline-color: var(--lol-color-gold-400);
132
- }
133
-
134
- .round_56ea2 {
135
- border-radius: 9999px;
136
- }
137
-
138
- .round_56ea2,
139
- .square_56ea2 {
140
- display: flex;
141
- aspect-ratio: 1/1;
142
- height: 2rem;
143
- align-items: center;
144
- justify-content: center;
145
- padding: 0px;
146
- font-weight: 900;
147
- line-height: 1;
148
- }
149
-
150
- .thin_56ea2 {
151
- border-width: 1px;
152
- }
153
-
154
- .selected_56ea2 {
155
- --lol-button-background-gradient: var(--lol-gradient-hextech);
156
- box-shadow: inset 0 2px 4px 0 var(--lol-color-grey-300);
157
- color: var(--lol-color-blue-100);
158
- }
@@ -1,6 +0,0 @@
1
- import type { ComponentProps } from "react";
2
- export interface CardProps extends ComponentProps<"div"> {
3
- radius?: string;
4
- borderWidth?: string;
5
- }
6
- export declare function Card({ className, style, radius, borderWidth, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
@@ -1,32 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { cva } from "cva";
3
- import classes from "./card.module";
4
- const card = cva({
5
- base: classes.card
6
- });
7
- function Card({
8
- className,
9
- style,
10
- radius = "1rem",
11
- borderWidth = "2px",
12
- ...props
13
- }) {
14
- return /* @__PURE__ */ jsx(
15
- "div",
16
- {
17
- className: card({ className }),
18
- style: {
19
- // @ts-ignore: Css variable
20
- "--lol-card-radius": radius,
21
- "--lol-card-border-width": borderWidth,
22
- ...style ?? {}
23
- },
24
- ...props
25
- }
26
- );
27
- }
28
- export {
29
- Card
30
- };
31
-
32
- //# sourceMappingURL=card.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":"AAqBE;AArBF,SAAS,WAAW;AAEpB,OAAO,aAAa;AAOpB,MAAM,OAAO,IAAI;AAAA,EAChB,MAAM,QAAQ;AACf,CAAC;AAEM,SAAS,KAAK;AAAA,EACpB;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,cAAc;AAAA,EACd,GAAG;AACJ,GAAc;AACb,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,KAAK,EAAE,UAAU,CAAC;AAAA,MAC7B,OAAO;AAAA;AAAA,QAEN,qBAAqB;AAAA,QACrB,2BAA2B;AAAA,QAC3B,GAAI,SAAS,CAAC;AAAA,MACf;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF","names":[],"ignoreList":[],"sources":["../../../src/components/card.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport type { ComponentProps } from \"react\";\nimport classes from \"./card.module\";\n\nexport interface CardProps extends ComponentProps<\"div\"> {\n\tradius?: string;\n\tborderWidth?: string;\n}\n\nconst card = cva({\n\tbase: classes.card,\n});\n\nexport function Card({\n\tclassName,\n\tstyle,\n\tradius = \"1rem\",\n\tborderWidth = \"2px\",\n\t...props\n}: CardProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={card({ className })}\n\t\t\tstyle={{\n\t\t\t\t// @ts-ignore: Css variable\n\t\t\t\t\"--lol-card-radius\": radius,\n\t\t\t\t\"--lol-card-border-width\": borderWidth,\n\t\t\t\t...(style ?? {}),\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,7 +0,0 @@
1
- import "./card_module.css";
2
- var card_default = { "card": "card_dfb9a" };
3
- export {
4
- card_default as default
5
- };
6
-
7
- //# sourceMappingURL=card.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":"AAAA,OAAO;AAAoB,IAAO,eAAQ,EAAC,QAAO,aAAY","names":[],"ignoreList":[],"sources":["../../../src/components/card.module.css"],"sourcesContent":["import \"./card_module.css\";export default {\"card\":\"card_dfb9a\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,16 +0,0 @@
1
- .card_dfb9a {
2
- position: relative;
3
- --mask:
4
- radial-gradient(var(--lol-card-radius) at var(--lol-card-radius) var(--lol-card-radius), #0000 calc(98% - var(--lol-card-border-width)), #000 calc(100% - var(--lol-card-border-width)) 98%, #0000) calc(var(--lol-card-radius) * -1) calc(var(--lol-card-radius) * -1),
5
- linear-gradient(90deg, #000 calc(var(--lol-card-border-width) * 2), #0000 0) calc(var(--lol-card-border-width) * -1) 50% /100% calc(100% - calc(var(--lol-card-radius) * 2) + var(--lol-card-border-width)) repeat-x,
6
- linear-gradient(#000 calc(var(--lol-card-border-width) * 2), #0000 0) 50% calc(var(--lol-card-border-width) * -1)/calc(100% - calc(var(--lol-card-radius) * 2) + var(--lol-card-border-width)) 100% repeat-y;
7
- }
8
-
9
- .card_dfb9a:before {
10
- content: "";
11
- position: absolute;
12
- inset: 0;
13
- background-image: var(--lol-gradient-gold);
14
- mask: var(--mask);
15
- pointer-events: none;
16
- }
@@ -1,2 +0,0 @@
1
- import { type CheckboxProps } from "react-aria-components";
2
- export declare function Checkbox({ children, className, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
@@ -1,55 +0,0 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- import { cva } from "cva";
3
- import {
4
- Checkbox as AriaCheckbox
5
- } from "react-aria-components";
6
- import { resolveClassName } from "../../utilities/resolve-class-name.js";
7
- import classes from "./checkbox.module";
8
- import imageCheckedHover from "../../assets/checked-hover.d13cb1b3.png";
9
- import imageChecked from "../../assets/checked.3258b858.png";
10
- import imageIndeterminateHover from "../../assets/indeterminate-hover.68fcbcda.png";
11
- import imageIndeterminate from "../../assets/indeterminate.90d6dc3e.png";
12
- import imageUncheckedHover from "../../assets/unchecked-hover.c8e5f2d0.png";
13
- import imageUnchecked from "../../assets/unchecked.cc033abe.png";
14
- const checkbox = cva({
15
- base: classes.checkbox,
16
- variants: {
17
- isHovered: {
18
- true: classes.hover
19
- },
20
- isDisabled: {
21
- true: classes.disabled
22
- }
23
- }
24
- });
25
- function Checkbox({ children, className, ...props }) {
26
- return /* @__PURE__ */ jsx(
27
- AriaCheckbox,
28
- {
29
- className: (values) => {
30
- return checkbox({
31
- className: resolveClassName(className, values),
32
- ...values
33
- });
34
- },
35
- ...props,
36
- children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
37
- /* @__PURE__ */ jsx(
38
- "img",
39
- {
40
- className: "h-3.5 w-3.5",
41
- "aria-hidden": "true",
42
- alt: "",
43
- src: values.isHovered ? values.isIndeterminate ? imageIndeterminateHover : values.isSelected ? imageCheckedHover : imageUncheckedHover : values.isIndeterminate ? imageIndeterminate : values.isSelected ? imageChecked : imageUnchecked
44
- }
45
- ),
46
- typeof children === "function" ? children(values) : children
47
- ] })
48
- }
49
- );
50
- }
51
- export {
52
- Checkbox
53
- };
54
-
55
- //# sourceMappingURL=checkbox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":"AAsCI,mBACC,KADD;AAtCJ,SAAS,WAAW;AACpB;AAAA,EACC,YAAY;AAAA,OAEN;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AACpB,OAAO,uBAAuB;AAC9B,OAAO,kBAAkB;AACzB,OAAO,6BAA6B;AACpC,OAAO,wBAAwB;AAC/B,OAAO,yBAAyB;AAChC,OAAO,oBAAoB;AAE3B,MAAM,WAAW,IAAI;AAAA,EACpB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,SAAS,EAAE,UAAU,WAAW,GAAG,MAAM,GAAkB;AAC1E,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,CAAC,WAAW;AACtB,eAAO,SAAS;AAAA,UACf,WAAW,iBAAiB,WAAW,MAAM;AAAA,UAC7C,GAAG;AAAA,QACJ,CAAC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,WAAC,WACD,iCACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,KAAI;AAAA,YACJ,KACC,OAAO,YACJ,OAAO,kBACN,0BACA,OAAO,aACN,oBACA,sBACF,OAAO,kBACN,qBACA,OAAO,aACN,eACA;AAAA;AAAA,QAEP;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACtD;AAAA;AAAA,EAEF;AAEF","names":[],"ignoreList":[],"sources":["../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport {\n\tCheckbox as AriaCheckbox,\n\ttype CheckboxProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../../utilities/resolve-class-name.js\";\nimport classes from \"./checkbox.module\";\nimport imageCheckedHover from \"../../assets/checked-hover.d13cb1b3.png\";\nimport imageChecked from \"../../assets/checked.3258b858.png\";\nimport imageIndeterminateHover from \"../../assets/indeterminate-hover.68fcbcda.png\";\nimport imageIndeterminate from \"../../assets/indeterminate.90d6dc3e.png\";\nimport imageUncheckedHover from \"../../assets/unchecked-hover.c8e5f2d0.png\";\nimport imageUnchecked from \"../../assets/unchecked.cc033abe.png\";\n\nconst checkbox = cva({\n\tbase: classes.checkbox,\n\tvariants: {\n\t\tisHovered: {\n\t\t\ttrue: classes.hover,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t},\n});\n\nexport function Checkbox({ children, className, ...props }: CheckboxProps) {\n\treturn (\n\t\t<AriaCheckbox\n\t\t\tclassName={(values) => {\n\t\t\t\treturn checkbox({\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t\t...values,\n\t\t\t\t});\n\t\t\t}}\n\t\t\t{...props}\n\t\t>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName=\"h-3.5 w-3.5\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tsrc={\n\t\t\t\t\t\t\tvalues.isHovered\n\t\t\t\t\t\t\t\t? values.isIndeterminate\n\t\t\t\t\t\t\t\t\t? imageIndeterminateHover\n\t\t\t\t\t\t\t\t\t: values.isSelected\n\t\t\t\t\t\t\t\t\t\t? imageCheckedHover\n\t\t\t\t\t\t\t\t\t\t: imageUncheckedHover\n\t\t\t\t\t\t\t\t: values.isIndeterminate\n\t\t\t\t\t\t\t\t\t? imageIndeterminate\n\t\t\t\t\t\t\t\t\t: values.isSelected\n\t\t\t\t\t\t\t\t\t\t? imageChecked\n\t\t\t\t\t\t\t\t\t\t: imageUnchecked\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaCheckbox>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,7 +0,0 @@
1
- import "./checkbox_module.css";
2
- var checkbox_default = { "checkbox": "checkbox_8a1c7", "hover": "hover_8a1c7", "disabled": "disabled_8a1c7" };
3
- export {
4
- checkbox_default as default
5
- };
6
-
7
- //# sourceMappingURL=checkbox.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":"AAAA,OAAO;AAAwB,IAAO,mBAAQ,EAAC,YAAW,kBAAiB,SAAQ,eAAc,YAAW,iBAAgB","names":[],"ignoreList":[],"sources":["../../../../src/components/checkbox/checkbox.module.css"],"sourcesContent":["import \"./checkbox_module.css\";export default {\"checkbox\":\"checkbox_8a1c7\",\"hover\":\"hover_8a1c7\",\"disabled\":\"disabled_8a1c7\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,17 +0,0 @@
1
- .checkbox_8a1c7 {
2
- font-family: var(--lol-font-family-spiegel);
3
- color: var(--lol-color-grey-100);
4
- display: flex;
5
- cursor: pointer;
6
- align-items: center;
7
- gap: 0.25rem;
8
- font-size: .75rem;
9
- letter-spacing: .1em;
10
- }
11
- .checkbox_8a1c7.hover_8a1c7 {
12
- color: var(--lol-color-gold-100);
13
- }
14
- .checkbox_8a1c7.disabled_8a1c7 {
15
- filter: brightness(0.5);
16
- cursor: default;
17
- }
@@ -1,6 +0,0 @@
1
- interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
2
- preset?: "left" | "center" | "right";
3
- hrProps?: React.HTMLAttributes<HTMLHRElement>;
4
- }
5
- export declare function Divider({ preset, hrProps, ...rest }: DividerProps): import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,31 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { cva } from "cva";
3
- import classes from "./divider.module";
4
- const divider = cva({
5
- base: classes.divider,
6
- variants: {
7
- preset: {
8
- left: classes.left,
9
- center: classes.center,
10
- right: classes.right
11
- }
12
- }
13
- });
14
- function Divider({ preset = "center", hrProps, ...rest }) {
15
- return /* @__PURE__ */ jsxs("div", { className: classes.wrapper, ...rest, children: [
16
- preset === "right" && /* @__PURE__ */ jsx("div", { className: classes.block }),
17
- /* @__PURE__ */ jsx(
18
- "hr",
19
- {
20
- ...hrProps,
21
- className: divider({ preset, className: hrProps?.className })
22
- }
23
- ),
24
- preset === "left" && /* @__PURE__ */ jsx("div", { className: classes.block })
25
- ] });
26
- }
27
- export {
28
- Divider
29
- };
30
-
31
- //# sourceMappingURL=divider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":"AAoBE,SAEE,KAFF;AApBF,SAAS,WAAW;AACpB,OAAO,aAAa;AAEpB,MAAM,UAAU,IAAI;AAAA,EACnB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,MAAM,QAAQ;AAAA,MACd,QAAQ,QAAQ;AAAA,MAChB,OAAO,QAAQ;AAAA,IAChB;AAAA,EACD;AACD,CAAC;AAMM,SAAS,QAAQ,EAAE,SAAS,UAAU,SAAS,GAAG,KAAK,GAAiB;AAC9E,SACC,qBAAC,SAAI,WAAW,QAAQ,SAAU,GAAG,MACnC;AAAA,eAAW,WACX,oBAAC,SAAI,WAAW,QAAQ,OAAO;AAAA,IAEhC;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,QAAQ,EAAE,QAAQ,WAAW,SAAS,UAAU,CAAC;AAAA;AAAA,IAC7D;AAAA,IACC,WAAW,UACX,oBAAC,SAAI,WAAW,QAAQ,OAAO;AAAA,KAEjC;AAEF","names":[],"ignoreList":[],"sources":["../../../src/components/divider.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport classes from \"./divider.module\";\n\nconst divider = cva({\n\tbase: classes.divider,\n\tvariants: {\n\t\tpreset: {\n\t\t\tleft: classes.left,\n\t\t\tcenter: classes.center,\n\t\t\tright: classes.right,\n\t\t},\n\t},\n});\n\ninterface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n\tpreset?: \"left\" | \"center\" | \"right\";\n\thrProps?: React.HTMLAttributes<HTMLHRElement>;\n}\nexport function Divider({ preset = \"center\", hrProps, ...rest }: DividerProps) {\n\treturn (\n\t\t<div className={classes.wrapper} {...rest}>\n\t\t\t{preset === \"right\" && (\n\t\t\t\t<div className={classes.block} />\n\t\t\t)}\n\t\t\t<hr\n\t\t\t\t{...hrProps}\n\t\t\t\tclassName={divider({ preset, className: hrProps?.className })}\n\t\t\t/>\n\t\t\t{preset === \"left\" && (\n\t\t\t\t<div className={classes.block} />\n\t\t\t)}\n\t\t</div>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,7 +0,0 @@
1
- import "./divider_module.css";
2
- var divider_default = { "divider": "divider_1f6a1", "left": "left_1f6a1", "center": "center_1f6a1", "right": "right_1f6a1", "block": "block_1f6a1", "wrapper": "wrapper_1f6a1" };
3
- export {
4
- divider_default as default
5
- };
6
-
7
- //# sourceMappingURL=divider.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":"AAAA,OAAO;AAAuB,IAAO,kBAAQ,EAAC,WAAU,iBAAgB,QAAO,cAAa,UAAS,gBAAe,SAAQ,eAAc,SAAQ,eAAc,WAAU,gBAAe","names":[],"ignoreList":[],"sources":["../../../src/components/divider.module.css"],"sourcesContent":["import \"./divider_module.css\";export default {\"divider\":\"divider_1f6a1\",\"left\":\"left_1f6a1\",\"center\":\"center_1f6a1\",\"right\":\"right_1f6a1\",\"block\":\"block_1f6a1\",\"wrapper\":\"wrapper_1f6a1\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,29 +0,0 @@
1
- .divider_1f6a1 {
2
- height: 1px;
3
- flex-grow: 1;
4
- border: none;
5
- }
6
-
7
- .left_1f6a1 {
8
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--lol-color-gold-600));
9
- }
10
-
11
- .center_1f6a1 {
12
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--lol-color-gold-600), rgba(0, 0, 0, 0));
13
- }
14
-
15
- .right_1f6a1 {
16
- background-image: linear-gradient(to right, var(--lol-color-gold-600), rgba(0, 0, 0, 0));
17
- }
18
-
19
- .block_1f6a1 {
20
- width: 5px;
21
- height: 5px;
22
- border: 1px solid var(--lol-color-gold-600);
23
- rotate: 45deg;
24
- }
25
-
26
- .wrapper_1f6a1 {
27
- display: flex;
28
- align-items: center;
29
- }
@@ -1,13 +0,0 @@
1
- import { type DialogTriggerProps as AriaDialogTriggerProps, type HeadingProps as AriaHeadingProps, type DialogProps, type ModalOverlayProps } from "react-aria-components";
2
- interface ModalProps extends Omit<ModalOverlayProps, "children"> {
3
- modalOverlayClassName?: ModalOverlayProps["className"];
4
- dialogProps?: Omit<DialogProps, "children">;
5
- children?: DialogProps["children"];
6
- }
7
- export declare function Modal({ modalOverlayClassName, dialogProps, children, className, ...modalProps }: ModalProps): import("react/jsx-runtime").JSX.Element;
8
- export declare function DialogHeading({ className, ...props }: AriaHeadingProps): import("react/jsx-runtime").JSX.Element;
9
- export declare function DialogButtons({ children }: {
10
- children: React.ReactNode;
11
- }): import("react/jsx-runtime").JSX.Element;
12
- export declare function DialogTrigger(props: AriaDialogTriggerProps): import("react/jsx-runtime").JSX.Element;
13
- export {};
@@ -1,86 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { cva } from "cva";
3
- import {
4
- DialogTrigger as AriaDialogTrigger,
5
- Heading as AriaHeading,
6
- Modal as AriaModal,
7
- Dialog,
8
- ModalOverlay
9
- } from "react-aria-components";
10
- import { resolveClassName } from "../utilities/resolve-class-name.js";
11
- import classes from "./modal.module";
12
- const overlay = cva({
13
- base: classes.overlay
14
- });
15
- const modal = cva({
16
- base: classes.modal
17
- });
18
- const dialog = cva({
19
- base: classes.dialog
20
- });
21
- function Modal({
22
- modalOverlayClassName,
23
- dialogProps = {},
24
- children,
25
- className,
26
- ...modalProps
27
- }) {
28
- return /* @__PURE__ */ jsx(
29
- ModalOverlay,
30
- {
31
- ...modalProps,
32
- className: (values) => {
33
- return overlay({
34
- className: resolveClassName(modalOverlayClassName, values)
35
- });
36
- },
37
- children: /* @__PURE__ */ jsx(
38
- AriaModal,
39
- {
40
- ...modalProps,
41
- className: (values) => modal({
42
- className: resolveClassName(className, values)
43
- }),
44
- children: /* @__PURE__ */ jsx(
45
- Dialog,
46
- {
47
- ...dialogProps,
48
- className: dialog({
49
- className: dialogProps.className
50
- }),
51
- children
52
- }
53
- )
54
- }
55
- )
56
- }
57
- );
58
- }
59
- const dialogHeading = cva({
60
- base: classes.dialogHeading
61
- });
62
- function DialogHeading({ className, ...props }) {
63
- return /* @__PURE__ */ jsx(
64
- AriaHeading,
65
- {
66
- ...props,
67
- className: dialogHeading({
68
- className
69
- })
70
- }
71
- );
72
- }
73
- function DialogButtons({ children }) {
74
- return /* @__PURE__ */ jsx("div", { className: classes.dialogButtons, children });
75
- }
76
- function DialogTrigger(props) {
77
- return /* @__PURE__ */ jsx(AriaDialogTrigger, { ...props });
78
- }
79
- export {
80
- DialogButtons,
81
- DialogHeading,
82
- DialogTrigger,
83
- Modal
84
- };
85
-
86
- //# sourceMappingURL=modal.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":"AAyDI;AAzDJ,SAAS,WAAW;AACpB;AAAA,EACC,iBAAiB;AAAA,EAEjB,WAAW;AAAA,EAEX,SAAS;AAAA,EACT;AAAA,EAEA;AAAA,OAEM;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAEpB,MAAM,UAAU,IAAI;AAAA,EACnB,MAAM,QAAQ;AACf,CAAC;AAED,MAAM,QAAQ,IAAI;AAAA,EACjB,MAAM,QAAQ;AACf,CAAC;AAED,MAAM,SAAS,IAAI;AAAA,EAClB,MAAM,QAAQ;AACf,CAAC;AAQM,SAAS,MAAM;AAAA,EACrB;AAAA,EACA,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAe;AACd,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACtB,eAAO,QAAQ;AAAA,UACd,WAAW,iBAAiB,uBAAuB,MAAM;AAAA,QAC1D,CAAC;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,GAAG;AAAA,UACJ,WAAW,CAAC,WACX,MAAM;AAAA,YACL,WAAW,iBAAiB,WAAW,MAAM;AAAA,UAC9C,CAAC;AAAA,UAGF;AAAA,YAAC;AAAA;AAAA,cACC,GAAG;AAAA,cACJ,WAAW,OAAO;AAAA,gBACjB,WAAW,YAAY;AAAA,cACxB,CAAC;AAAA,cAEA;AAAA;AAAA,UACF;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;AAEA,MAAM,gBAAgB,IAAI;AAAA,EACzB,MAAM,QAAQ;AACf,CAAC;AAEM,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAqB;AACxE,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,cAAc;AAAA,QACxB;AAAA,MACD,CAAC;AAAA;AAAA,EACF;AAEF;AAEO,SAAS,cAAc,EAAE,SAAS,GAAkC;AAC1E,SAAO,oBAAC,SAAI,WAAW,QAAQ,eAAgB,UAAS;AACzD;AAEO,SAAS,cAAc,OAA+B;AAC5D,SAAO,oBAAC,qBAAmB,GAAG,OAAO;AACtC","names":[],"ignoreList":[],"sources":["../../../src/components/modal.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport {\n\tDialogTrigger as AriaDialogTrigger,\n\ttype DialogTriggerProps as AriaDialogTriggerProps,\n\tHeading as AriaHeading,\n\ttype HeadingProps as AriaHeadingProps,\n\tModal as AriaModal,\n\tDialog,\n\ttype DialogProps,\n\tModalOverlay,\n\ttype ModalOverlayProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport classes from \"./modal.module\";\n\nconst overlay = cva({\n\tbase: classes.overlay,\n});\n\nconst modal = cva({\n\tbase: classes.modal,\n});\n\nconst dialog = cva({\n\tbase: classes.dialog,\n});\n\ninterface ModalProps extends Omit<ModalOverlayProps, \"children\"> {\n\tmodalOverlayClassName?: ModalOverlayProps[\"className\"];\n\tdialogProps?: Omit<DialogProps, \"children\">;\n\tchildren?: DialogProps[\"children\"];\n}\n\nexport function Modal({\n\tmodalOverlayClassName,\n\tdialogProps = {},\n\tchildren,\n\tclassName,\n\t...modalProps\n}: ModalProps) {\n\treturn (\n\t\t<ModalOverlay\n\t\t\t{...modalProps}\n\t\t\tclassName={(values) => {\n\t\t\t\treturn overlay({\n\t\t\t\t\tclassName: resolveClassName(modalOverlayClassName, values),\n\t\t\t\t});\n\t\t\t}}\n\t\t>\n\t\t\t<AriaModal\n\t\t\t\t{...modalProps}\n\t\t\t\tclassName={(values) =>\n\t\t\t\t\tmodal({\n\t\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<Dialog\n\t\t\t\t\t{...dialogProps}\n\t\t\t\t\tclassName={dialog({\n\t\t\t\t\t\tclassName: dialogProps.className,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</Dialog>\n\t\t\t</AriaModal>\n\t\t</ModalOverlay>\n\t);\n}\n\nconst dialogHeading = cva({\n\tbase: classes.dialogHeading,\n});\n\nexport function DialogHeading({ className, ...props }: AriaHeadingProps) {\n\treturn (\n\t\t<AriaHeading\n\t\t\t{...props}\n\t\t\tclassName={dialogHeading({\n\t\t\t\tclassName,\n\t\t\t})}\n\t\t/>\n\t);\n}\n\nexport function DialogButtons({ children }: { children: React.ReactNode }) {\n\treturn <div className={classes.dialogButtons}>{children}</div>;\n}\n\nexport function DialogTrigger(props: AriaDialogTriggerProps) {\n\treturn <AriaDialogTrigger {...props} />;\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,7 +0,0 @@
1
- import "./modal_module.css";
2
- var modal_default = { "overlay": "overlay_9e6ab", "dialog": "dialog_9e6ab", "modal": "modal_9e6ab", "dialogHeading": "dialogHeading_9e6ab", "dialogButtons": "dialogButtons_9e6ab" };
3
- export {
4
- modal_default as default
5
- };
6
-
7
- //# sourceMappingURL=modal.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":"AAAA,OAAO;AAAqB,IAAO,gBAAQ,EAAC,WAAU,iBAAgB,UAAS,gBAAe,SAAQ,eAAc,iBAAgB,uBAAsB,iBAAgB,sBAAqB","names":[],"ignoreList":[],"sources":["../../../src/components/modal.module.css"],"sourcesContent":["import \"./modal_module.css\";export default {\"overlay\":\"overlay_9e6ab\",\"dialog\":\"dialog_9e6ab\",\"modal\":\"modal_9e6ab\",\"dialogHeading\":\"dialogHeading_9e6ab\",\"dialogButtons\":\"dialogButtons_9e6ab\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,80 +0,0 @@
1
- .overlay_9e6ab {
2
- background-color: color-mix(in srgb, var(--lol-color-hextech-black), transparent 75%);
3
- position: fixed;
4
- top: 0;
5
- right: 0;
6
- bottom: 0;
7
- left: 0;
8
- z-index: var(--lol-z-index-overlay);
9
- display: flex;
10
- flex-direction: column;
11
- min-height: 100%;
12
- align-items: center;
13
- justify-content: safe center;
14
- overflow-y: auto;
15
- padding: 1rem 0;
16
- text-align: center;
17
- backdrop-filter: blur(8px);
18
- }
19
-
20
- .dialog_9e6ab {
21
- background: var(--lol-button-background-gradient) padding-box,
22
- var(--lol-button-border-gradient) border-box;
23
- border: 2px solid transparent;
24
-
25
-
26
- --lol-button-background-gradient: var(--lol-gradient-hextech-black);
27
- --lol-button-border-gradient: linear-gradient(to bottom, var(--lol-color-gold-600), var(--lol-color-gold-600), var(--lol-color-gold-500));
28
-
29
- position: relative;
30
- outline: none;
31
- }
32
-
33
- .dialog_9e6ab::before,
34
- .dialog_9e6ab::after {
35
- position: absolute;
36
- left: 1.25rem;
37
- right: 1.25rem;
38
- content: '';
39
- display: block;
40
- height: 0.25rem;
41
- background-color: var(--lol-color-hextech-black);
42
- border-radius: 9999px;
43
- }
44
-
45
- .dialog_9e6ab::before {
46
- bottom: calc(100% + 2px);
47
- border: 1px solid var(--lol-color-gold-600);
48
- border-bottom: 0;
49
- }
50
-
51
- .dialog_9e6ab::after {
52
- top: calc(100% + 2px);
53
- border: 1px solid var(--lol-color-gold-500);
54
- border-top: 0;
55
- }
56
-
57
-
58
- .modal_9e6ab {
59
- width: 100%;
60
- max-width: 28rem;
61
- }
62
-
63
- .dialogHeading_9e6ab {
64
- color: var(--lol-color-gold-100);
65
- font-family: var(--lol-font-family-beaufort);
66
- text-transform: uppercase;
67
- font-size: var(--lol-font-size-h5);
68
- font-weight: var(--lol-font-weight-h5);
69
- letter-spacing: var(--lol-letter-spacing-h5);
70
- line-height: var(--lol-line-height-h5);
71
- }
72
-
73
- .dialogButtons_9e6ab {
74
- justify-content: center;
75
- transform: translateY(2px);
76
- padding: 0 0.25rem;
77
- gap: 0.25rem;
78
- background-color: var(--lol-color-hextech-black);
79
- display: inline-flex;
80
- }
@@ -1,10 +0,0 @@
1
- import type { ComponentProps } from "react";
2
- import type { NumberFieldProps as AriaNumberFieldProps } from "react-aria-components";
3
- import { Input as AriaInput, Group } from "react-aria-components";
4
- type NumberFieldPreset = "normal" | "dimmed";
5
- export declare function NumberField({ inputProps, groupProps, children, preset, ...props }: AriaNumberFieldProps & {
6
- inputProps?: ComponentProps<typeof AriaInput>;
7
- groupProps?: ComponentProps<typeof Group>;
8
- preset?: NumberFieldPreset;
9
- }): import("react/jsx-runtime").JSX.Element;
10
- export {};