@lolmath/ui 0.0.0-20260619213938 → 0.0.0-20260620201623
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.
- package/dist/index.css +41 -41
- package/dist/index.mjs +14 -14
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -211,25 +211,25 @@
|
|
|
211
211
|
}
|
|
212
212
|
}
|
|
213
213
|
@layer lol {
|
|
214
|
-
.
|
|
214
|
+
._round_16wcl_2 {
|
|
215
215
|
border-radius: 9999px;
|
|
216
216
|
}
|
|
217
217
|
|
|
218
|
-
.
|
|
219
|
-
.
|
|
218
|
+
._round_16wcl_2,
|
|
219
|
+
._square_16wcl_7 {
|
|
220
220
|
aspect-ratio: 1 / 1;
|
|
221
221
|
padding: 0px;
|
|
222
222
|
font-weight: 900;
|
|
223
223
|
}
|
|
224
224
|
|
|
225
|
-
.
|
|
226
|
-
border-width: 1px;
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
._button_1quv8_17 {
|
|
225
|
+
._button_16wcl_13 {
|
|
230
226
|
border-radius: 0px;
|
|
231
227
|
border: 2px solid transparent;
|
|
232
228
|
|
|
229
|
+
&._thin_16wcl_17 {
|
|
230
|
+
border-width: 1px;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
233
|
transition: all;
|
|
234
234
|
transition-duration: 0.3s;
|
|
235
235
|
|
|
@@ -257,17 +257,17 @@
|
|
|
257
257
|
outline: none;
|
|
258
258
|
}
|
|
259
259
|
|
|
260
|
-
&.
|
|
260
|
+
&._small_16wcl_48 {
|
|
261
261
|
font-size: var(--lol-font-size-sm);
|
|
262
262
|
min-height: var(--lol-form-height-small);
|
|
263
263
|
}
|
|
264
264
|
|
|
265
|
-
&.
|
|
265
|
+
&._medium_16wcl_53 {
|
|
266
266
|
font-size: var(--lol-font-size-base);
|
|
267
267
|
min-height: var(--lol-form-height-medium);
|
|
268
268
|
}
|
|
269
269
|
|
|
270
|
-
&.
|
|
270
|
+
&._large_16wcl_58 {
|
|
271
271
|
font-size: var(--lol-font-size-base);
|
|
272
272
|
min-height: var(--lol-form-height-large);
|
|
273
273
|
}
|
|
@@ -293,37 +293,37 @@
|
|
|
293
293
|
}
|
|
294
294
|
}
|
|
295
295
|
|
|
296
|
-
.
|
|
297
|
-
.
|
|
298
|
-
.
|
|
299
|
-
.
|
|
300
|
-
&:not(.
|
|
301
|
-
&.
|
|
296
|
+
._primary_16wcl_84,
|
|
297
|
+
._secondary_16wcl_85,
|
|
298
|
+
._hextech_16wcl_86,
|
|
299
|
+
._dimmed_16wcl_87 {
|
|
300
|
+
&:not(._square_16wcl_7, ._round_16wcl_2) {
|
|
301
|
+
&._small_16wcl_48 {
|
|
302
302
|
padding: 0 0.5rem;
|
|
303
303
|
}
|
|
304
304
|
|
|
305
|
-
&.
|
|
305
|
+
&._medium_16wcl_53 {
|
|
306
306
|
padding: 0 1rem;
|
|
307
307
|
}
|
|
308
308
|
|
|
309
|
-
&.
|
|
309
|
+
&._large_16wcl_58 {
|
|
310
310
|
padding: 0 1rem;
|
|
311
311
|
}
|
|
312
312
|
}
|
|
313
313
|
}
|
|
314
314
|
|
|
315
|
-
.
|
|
316
|
-
&.
|
|
317
|
-
&.
|
|
315
|
+
._text_16wcl_103 {
|
|
316
|
+
&._round_16wcl_2,
|
|
317
|
+
&._square_16wcl_7 {
|
|
318
318
|
&:hover {
|
|
319
319
|
--lol-button-background-gradient: var(--lol-gradient-grey-300);
|
|
320
320
|
--lol-button-border-gradient: var(--lol-gradient-transparent);
|
|
321
321
|
}
|
|
322
322
|
}
|
|
323
323
|
|
|
324
|
-
&.
|
|
325
|
-
&.
|
|
326
|
-
&.
|
|
324
|
+
&._round_16wcl_2,
|
|
325
|
+
&._square_16wcl_7,
|
|
326
|
+
&._normal_16wcl_114 {
|
|
327
327
|
position: relative;
|
|
328
328
|
|
|
329
329
|
&::after {
|
|
@@ -341,7 +341,7 @@
|
|
|
341
341
|
}
|
|
342
342
|
}
|
|
343
343
|
|
|
344
|
-
.
|
|
344
|
+
._hextech_16wcl_86 {
|
|
345
345
|
color: var(--lol-color-blue-100);
|
|
346
346
|
--lol-button-border-gradient: var(--lol-gradient-hextech);
|
|
347
347
|
--lol-button-background-gradient: var(--lol-gradient-grey-300);
|
|
@@ -366,17 +366,17 @@
|
|
|
366
366
|
}
|
|
367
367
|
}
|
|
368
368
|
|
|
369
|
-
.
|
|
369
|
+
._dimmed_16wcl_87 {
|
|
370
370
|
--lol-button-background-gradient: var(--lol-gradient-hextech-black);
|
|
371
371
|
--lol-button-border-gradient: var(--lol-gradient-grey-300);
|
|
372
372
|
|
|
373
|
-
&.
|
|
373
|
+
&._selected_16wcl_161,
|
|
374
374
|
&:focus-visible {
|
|
375
375
|
--lol-button-border-gradient: var(--lol-gradient-gold);
|
|
376
376
|
}
|
|
377
377
|
}
|
|
378
378
|
|
|
379
|
-
.
|
|
379
|
+
._primary_16wcl_84 {
|
|
380
380
|
--lol-button-border-gradient: var(--lol-gradient-gold);
|
|
381
381
|
--lol-button-background-gradient: linear-gradient(
|
|
382
382
|
to top,
|
|
@@ -404,31 +404,31 @@
|
|
|
404
404
|
}
|
|
405
405
|
}
|
|
406
406
|
|
|
407
|
-
.
|
|
407
|
+
._secondary_16wcl_85 {
|
|
408
408
|
--lol-button-border-gradient: var(--lol-gradient-gold);
|
|
409
409
|
--lol-button-background-gradient: var(--lol-gradient-grey-300);
|
|
410
410
|
}
|
|
411
411
|
|
|
412
|
-
.
|
|
413
|
-
.
|
|
414
|
-
.
|
|
412
|
+
._primary_16wcl_84:hover,
|
|
413
|
+
._secondary_16wcl_85:hover,
|
|
414
|
+
._dimmed_16wcl_87:hover {
|
|
415
415
|
--lol-button-border-gradient: var(--lol-gradient-gold-hover);
|
|
416
416
|
}
|
|
417
417
|
|
|
418
|
-
.
|
|
419
|
-
.
|
|
420
|
-
.
|
|
418
|
+
._primary_16wcl_84:active,
|
|
419
|
+
._secondary_16wcl_85:active,
|
|
420
|
+
._dimmed_16wcl_87:active {
|
|
421
421
|
--lol-button-border-gradient: var(--lol-gradient-gold-press);
|
|
422
422
|
}
|
|
423
423
|
|
|
424
|
-
.
|
|
425
|
-
.
|
|
426
|
-
.
|
|
424
|
+
._primary_16wcl_84:disabled,
|
|
425
|
+
._secondary_16wcl_85:disabled,
|
|
426
|
+
._dimmed_16wcl_87:disabled {
|
|
427
427
|
--lol-button-border-gradient: var(--lol-gradient-disabled);
|
|
428
428
|
}
|
|
429
429
|
|
|
430
|
-
.
|
|
431
|
-
.
|
|
430
|
+
._primary_16wcl_84:focus-visible,
|
|
431
|
+
._secondary_16wcl_85:focus-visible {
|
|
432
432
|
outline-color: var(--lol-color-gold-400);
|
|
433
433
|
}
|
|
434
434
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -39,20 +39,20 @@ function Breadcrumb({ className, children, href, ...props }) {
|
|
|
39
39
|
//#endregion
|
|
40
40
|
//#region src/components/button.module.css
|
|
41
41
|
var button_module_default = {
|
|
42
|
-
"round": "
|
|
43
|
-
"square": "
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"small": "
|
|
47
|
-
"medium": "
|
|
48
|
-
"large": "
|
|
49
|
-
"primary": "
|
|
50
|
-
"secondary": "
|
|
51
|
-
"hextech": "
|
|
52
|
-
"dimmed": "
|
|
53
|
-
"text": "
|
|
54
|
-
"normal": "
|
|
55
|
-
"selected": "
|
|
42
|
+
"round": "_round_16wcl_2",
|
|
43
|
+
"square": "_square_16wcl_7",
|
|
44
|
+
"button": "_button_16wcl_13",
|
|
45
|
+
"thin": "_thin_16wcl_17",
|
|
46
|
+
"small": "_small_16wcl_48",
|
|
47
|
+
"medium": "_medium_16wcl_53",
|
|
48
|
+
"large": "_large_16wcl_58",
|
|
49
|
+
"primary": "_primary_16wcl_84",
|
|
50
|
+
"secondary": "_secondary_16wcl_85",
|
|
51
|
+
"hextech": "_hextech_16wcl_86",
|
|
52
|
+
"dimmed": "_dimmed_16wcl_87",
|
|
53
|
+
"text": "_text_16wcl_103",
|
|
54
|
+
"normal": "_normal_16wcl_114",
|
|
55
|
+
"selected": "_selected_16wcl_161"
|
|
56
56
|
};
|
|
57
57
|
//#endregion
|
|
58
58
|
//#region src/components/button.tsx
|