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
|
@@ -594,10 +594,42 @@ button[data-variant="black"] {
|
|
|
594
594
|
padding: 0 4px;
|
|
595
595
|
}
|
|
596
596
|
|
|
597
|
+
.secondary_XNHIwg {
|
|
598
|
+
background-color: var(--background-button-secondary);
|
|
599
|
+
color: var(--text-base-primary);
|
|
600
|
+
}
|
|
601
|
+
|
|
602
|
+
@media (hover: hover) {
|
|
603
|
+
.secondary_XNHIwg:hover:not(:disabled) {
|
|
604
|
+
background-color: var(--background-button-secondary-hover);
|
|
605
|
+
color: var(--text-base-primary);
|
|
606
|
+
}
|
|
607
|
+
}
|
|
608
|
+
|
|
609
|
+
.secondary_XNHIwg:active:not(:disabled) {
|
|
610
|
+
color: #924fe8;
|
|
611
|
+
outline: 2px solid #c8b2ff80;
|
|
612
|
+
}
|
|
613
|
+
|
|
614
|
+
.secondary_XNHIwg:disabled {
|
|
615
|
+
background-color: var(--background-button-secondary);
|
|
616
|
+
color: var(--text-disabled);
|
|
617
|
+
}
|
|
618
|
+
|
|
597
619
|
.primary_XNHIwg {
|
|
620
|
+
border: 1px solid var(--background-button-primary);
|
|
621
|
+
background-color: var(--background-button-primary);
|
|
622
|
+
color: var(--color-button-primary);
|
|
598
623
|
box-shadow: 0 1px 2px #14151a0d;
|
|
599
624
|
}
|
|
600
625
|
|
|
626
|
+
@media (hover: hover) {
|
|
627
|
+
.primary_XNHIwg:hover:not(:disabled) {
|
|
628
|
+
background-color: var(--background-button-primary-hover);
|
|
629
|
+
color: var(--color-button-primary);
|
|
630
|
+
}
|
|
631
|
+
}
|
|
632
|
+
|
|
601
633
|
.primary_XNHIwg:active:not(:disabled) {
|
|
602
634
|
outline: 2px solid #c8b2ff80;
|
|
603
635
|
}
|
|
@@ -608,24 +640,98 @@ button[data-variant="black"] {
|
|
|
608
640
|
color: var(--text-base-quaternary);
|
|
609
641
|
}
|
|
610
642
|
|
|
611
|
-
.
|
|
643
|
+
.tertiary_XNHIwg {
|
|
644
|
+
background-color: var(--background-button-tertiary);
|
|
645
|
+
color: var(--text-base-primary);
|
|
646
|
+
border: 1px solid var(--border-action-normal);
|
|
647
|
+
}
|
|
648
|
+
|
|
649
|
+
@media (hover: hover) {
|
|
650
|
+
.tertiary_XNHIwg:hover:not(:disabled) {
|
|
651
|
+
background-color: var(--background-button-tertiary-hover);
|
|
652
|
+
}
|
|
653
|
+
}
|
|
654
|
+
|
|
655
|
+
.tertiary_XNHIwg:active:not(:disabled) {
|
|
612
656
|
outline: 2px solid #c8b2ff80;
|
|
657
|
+
border: 1px solid #b78af0;
|
|
613
658
|
}
|
|
614
659
|
|
|
615
|
-
.quaternary_XNHIwg
|
|
660
|
+
.quaternary_XNHIwg {
|
|
661
|
+
background-color: var(--background-hover-subtle);
|
|
662
|
+
color: var(--text-base-primary);
|
|
663
|
+
}
|
|
664
|
+
|
|
665
|
+
.quaternary_XNHIwg:disabled {
|
|
666
|
+
color: var(--text-disabled);
|
|
667
|
+
}
|
|
668
|
+
|
|
669
|
+
@media (hover: hover) {
|
|
670
|
+
.quaternary_XNHIwg:hover:not(:disabled) {
|
|
671
|
+
background-color: var(--background-hover-subtle-strong);
|
|
672
|
+
color: var(--text-base-primary);
|
|
673
|
+
}
|
|
674
|
+
}
|
|
675
|
+
|
|
676
|
+
.quaternary_XNHIwg:active:not(:disabled) {
|
|
677
|
+
outline: 2px solid #c8b2ff80;
|
|
678
|
+
border: 1px solid #b78af0;
|
|
679
|
+
}
|
|
680
|
+
|
|
681
|
+
.ghost_XNHIwg {
|
|
682
|
+
color: var(--text-base-secondary);
|
|
683
|
+
background-color: #0000;
|
|
684
|
+
font-weight: 600;
|
|
685
|
+
}
|
|
686
|
+
|
|
687
|
+
@media (hover: hover) {
|
|
688
|
+
.ghost_XNHIwg:hover:not(:disabled) {
|
|
689
|
+
background-color: var(--background-hover-subtle);
|
|
690
|
+
color: var(--text-base-secondary);
|
|
691
|
+
}
|
|
692
|
+
}
|
|
693
|
+
|
|
694
|
+
.ghost_XNHIwg:active {
|
|
616
695
|
outline: 2px solid #c8b2ff80;
|
|
617
696
|
border: 1px solid #b78af0;
|
|
618
697
|
}
|
|
619
698
|
|
|
620
|
-
.ghost_XNHIwg
|
|
699
|
+
.ghost_XNHIwg:disabled {
|
|
700
|
+
color: var(--text-disabled);
|
|
701
|
+
}
|
|
702
|
+
|
|
703
|
+
.ghostFilled_XNHIwg {
|
|
704
|
+
background-color: var(--background-hover-subtle);
|
|
705
|
+
color: var(--text-base-secondary);
|
|
621
706
|
font-weight: 600;
|
|
622
707
|
}
|
|
623
708
|
|
|
624
|
-
.
|
|
709
|
+
.ghostFilled_XNHIwg:active {
|
|
625
710
|
outline: 2px solid #c8b2ff80;
|
|
626
711
|
border: 1px solid #b78af0;
|
|
627
712
|
}
|
|
628
713
|
|
|
714
|
+
.ghostFilled_XNHIwg:disabled {
|
|
715
|
+
color: var(--text-disabled);
|
|
716
|
+
}
|
|
717
|
+
|
|
718
|
+
.black_XNHIwg {
|
|
719
|
+
background-color: var(--background-button-primary);
|
|
720
|
+
color: var(--color-button-primary);
|
|
721
|
+
}
|
|
722
|
+
|
|
723
|
+
@media (hover: hover) {
|
|
724
|
+
.black_XNHIwg:hover:not(:disabled) {
|
|
725
|
+
background-color: var(--background-button-primary-hover);
|
|
726
|
+
color: var(--color-button-primary);
|
|
727
|
+
}
|
|
728
|
+
}
|
|
729
|
+
|
|
730
|
+
.black_XNHIwg:disabled {
|
|
731
|
+
background-color: var(--border-action-normal);
|
|
732
|
+
color: var(--text-base-quaternary);
|
|
733
|
+
}
|
|
734
|
+
|
|
629
735
|
.loader_XNHIwg {
|
|
630
736
|
display: flex;
|
|
631
737
|
animation: rotate 2s linear infinite;
|