@plexui/ui 0.18.0 → 0.18.1
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.
|
@@ -763,7 +763,11 @@
|
|
|
763
763
|
/* MDX sometimes wraps children in a <p> tag; we bypass it to keep flex layout */
|
|
764
764
|
.ButtonInner> :global(p) {
|
|
765
765
|
display: contents;
|
|
766
|
-
}.ButtonLoader
|
|
766
|
+
}/* `.Button > .ButtonLoader` (specificity 0,2,0) beats `.TransitionGroupChild`
|
|
767
|
+
* (0,1,0). TransitionGroup applies both classes to the same <span>, and
|
|
768
|
+
* TransitionGroup.module.css loads after Button.module.css — without the
|
|
769
|
+
* specificity bump, `display: block` wins and the spinner pins to top-left
|
|
770
|
+
* instead of centring. */.Button > .ButtonLoader {
|
|
767
771
|
position: absolute;
|
|
768
772
|
inset: 0;
|
|
769
773
|
z-index: 3;
|
|
@@ -773,22 +777,22 @@
|
|
|
773
777
|
pointer-events: none;
|
|
774
778
|
}
|
|
775
779
|
|
|
776
|
-
.ButtonLoader[data-entering] {
|
|
780
|
+
.Button > .ButtonLoader[data-entering] {
|
|
777
781
|
opacity: 0;
|
|
778
782
|
}
|
|
779
783
|
|
|
780
|
-
.ButtonLoader[data-exiting] {
|
|
784
|
+
.Button > .ButtonLoader[data-exiting] {
|
|
781
785
|
opacity: 1;
|
|
782
786
|
}
|
|
783
787
|
|
|
784
|
-
.ButtonLoader[data-entering-active],
|
|
785
|
-
.ButtonLoader[data-entering][data-interrupted] {
|
|
788
|
+
.Button > .ButtonLoader[data-entering-active],
|
|
789
|
+
.Button > .ButtonLoader[data-entering][data-interrupted] {
|
|
786
790
|
opacity: 1;
|
|
787
791
|
transition: opacity 0.15s ease 0.1s;
|
|
788
792
|
}
|
|
789
793
|
|
|
790
|
-
.ButtonLoader[data-exiting-active],
|
|
791
|
-
.ButtonLoader[data-exiting][data-interrupted] {
|
|
794
|
+
.Button > .ButtonLoader[data-exiting-active],
|
|
795
|
+
.Button > .ButtonLoader[data-exiting][data-interrupted] {
|
|
792
796
|
opacity: 0;
|
|
793
797
|
transition: opacity 0.15s ease;
|
|
794
798
|
}/* .Kbd {
|