microboard-ui-temp 0.9.5 → 0.9.7
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/{chunk-wyxvtxka.css → chunk-ne64pvg3.css} +110 -4
- package/dist/{chunk-s10r70dj.js → chunk-zfnz46n9.js} +74 -73
- package/dist/example.html +2 -2
- package/dist/index.css +110 -4
- package/dist/index.html +2 -2
- package/dist/index.js +74 -73
- package/dist/spa.css +110 -4
- package/dist/spa.js +74 -73
- package/dist/sprite.svg +71 -71
- package/package.json +1 -1
package/dist/spa.css
CHANGED
|
@@ -362,10 +362,42 @@
|
|
|
362
362
|
padding: 0 4px;
|
|
363
363
|
}
|
|
364
364
|
|
|
365
|
+
.secondary_XNHIwg {
|
|
366
|
+
background-color: var(--background-button-secondary);
|
|
367
|
+
color: var(--text-base-primary);
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
@media (hover: hover) {
|
|
371
|
+
.secondary_XNHIwg:hover:not(:disabled) {
|
|
372
|
+
background-color: var(--background-button-secondary-hover);
|
|
373
|
+
color: var(--text-base-primary);
|
|
374
|
+
}
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
.secondary_XNHIwg:active:not(:disabled) {
|
|
378
|
+
color: #924fe8;
|
|
379
|
+
outline: 2px solid #c8b2ff80;
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
.secondary_XNHIwg:disabled {
|
|
383
|
+
background-color: var(--background-button-secondary);
|
|
384
|
+
color: var(--text-disabled);
|
|
385
|
+
}
|
|
386
|
+
|
|
365
387
|
.primary_XNHIwg {
|
|
388
|
+
border: 1px solid var(--background-button-primary);
|
|
389
|
+
background-color: var(--background-button-primary);
|
|
390
|
+
color: var(--color-button-primary);
|
|
366
391
|
box-shadow: 0 1px 2px #14151a0d;
|
|
367
392
|
}
|
|
368
393
|
|
|
394
|
+
@media (hover: hover) {
|
|
395
|
+
.primary_XNHIwg:hover:not(:disabled) {
|
|
396
|
+
background-color: var(--background-button-primary-hover);
|
|
397
|
+
color: var(--color-button-primary);
|
|
398
|
+
}
|
|
399
|
+
}
|
|
400
|
+
|
|
369
401
|
.primary_XNHIwg:active:not(:disabled) {
|
|
370
402
|
outline: 2px solid #c8b2ff80;
|
|
371
403
|
}
|
|
@@ -376,24 +408,98 @@
|
|
|
376
408
|
color: var(--text-base-quaternary);
|
|
377
409
|
}
|
|
378
410
|
|
|
379
|
-
.
|
|
411
|
+
.tertiary_XNHIwg {
|
|
412
|
+
background-color: var(--background-button-tertiary);
|
|
413
|
+
color: var(--text-base-primary);
|
|
414
|
+
border: 1px solid var(--border-action-normal);
|
|
415
|
+
}
|
|
416
|
+
|
|
417
|
+
@media (hover: hover) {
|
|
418
|
+
.tertiary_XNHIwg:hover:not(:disabled) {
|
|
419
|
+
background-color: var(--background-button-tertiary-hover);
|
|
420
|
+
}
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
.tertiary_XNHIwg:active:not(:disabled) {
|
|
380
424
|
outline: 2px solid #c8b2ff80;
|
|
425
|
+
border: 1px solid #b78af0;
|
|
381
426
|
}
|
|
382
427
|
|
|
383
|
-
.quaternary_XNHIwg
|
|
428
|
+
.quaternary_XNHIwg {
|
|
429
|
+
background-color: var(--background-hover-subtle);
|
|
430
|
+
color: var(--text-base-primary);
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
.quaternary_XNHIwg:disabled {
|
|
434
|
+
color: var(--text-disabled);
|
|
435
|
+
}
|
|
436
|
+
|
|
437
|
+
@media (hover: hover) {
|
|
438
|
+
.quaternary_XNHIwg:hover:not(:disabled) {
|
|
439
|
+
background-color: var(--background-hover-subtle-strong);
|
|
440
|
+
color: var(--text-base-primary);
|
|
441
|
+
}
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
.quaternary_XNHIwg:active:not(:disabled) {
|
|
445
|
+
outline: 2px solid #c8b2ff80;
|
|
446
|
+
border: 1px solid #b78af0;
|
|
447
|
+
}
|
|
448
|
+
|
|
449
|
+
.ghost_XNHIwg {
|
|
450
|
+
color: var(--text-base-secondary);
|
|
451
|
+
background-color: #0000;
|
|
452
|
+
font-weight: 600;
|
|
453
|
+
}
|
|
454
|
+
|
|
455
|
+
@media (hover: hover) {
|
|
456
|
+
.ghost_XNHIwg:hover:not(:disabled) {
|
|
457
|
+
background-color: var(--background-hover-subtle);
|
|
458
|
+
color: var(--text-base-secondary);
|
|
459
|
+
}
|
|
460
|
+
}
|
|
461
|
+
|
|
462
|
+
.ghost_XNHIwg:active {
|
|
384
463
|
outline: 2px solid #c8b2ff80;
|
|
385
464
|
border: 1px solid #b78af0;
|
|
386
465
|
}
|
|
387
466
|
|
|
388
|
-
.ghost_XNHIwg
|
|
467
|
+
.ghost_XNHIwg:disabled {
|
|
468
|
+
color: var(--text-disabled);
|
|
469
|
+
}
|
|
470
|
+
|
|
471
|
+
.ghostFilled_XNHIwg {
|
|
472
|
+
background-color: var(--background-hover-subtle);
|
|
473
|
+
color: var(--text-base-secondary);
|
|
389
474
|
font-weight: 600;
|
|
390
475
|
}
|
|
391
476
|
|
|
392
|
-
.
|
|
477
|
+
.ghostFilled_XNHIwg:active {
|
|
393
478
|
outline: 2px solid #c8b2ff80;
|
|
394
479
|
border: 1px solid #b78af0;
|
|
395
480
|
}
|
|
396
481
|
|
|
482
|
+
.ghostFilled_XNHIwg:disabled {
|
|
483
|
+
color: var(--text-disabled);
|
|
484
|
+
}
|
|
485
|
+
|
|
486
|
+
.black_XNHIwg {
|
|
487
|
+
background-color: var(--background-button-primary);
|
|
488
|
+
color: var(--color-button-primary);
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
@media (hover: hover) {
|
|
492
|
+
.black_XNHIwg:hover:not(:disabled) {
|
|
493
|
+
background-color: var(--background-button-primary-hover);
|
|
494
|
+
color: var(--color-button-primary);
|
|
495
|
+
}
|
|
496
|
+
}
|
|
497
|
+
|
|
498
|
+
.black_XNHIwg:disabled {
|
|
499
|
+
background-color: var(--border-action-normal);
|
|
500
|
+
color: var(--text-base-quaternary);
|
|
501
|
+
}
|
|
502
|
+
|
|
397
503
|
.loader_XNHIwg {
|
|
398
504
|
display: flex;
|
|
399
505
|
animation: rotate 2s linear infinite;
|