@moderneinc/design-system-components 7.7.0-next.6ace41 → 7.7.0-next.7feadd
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.esm.js +9 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +9 -1
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.esm.js
CHANGED
|
@@ -795,7 +795,11 @@ const StyledButton = styled(Button, {
|
|
|
795
795
|
// MUI switches it to relative for fullWidth
|
|
796
796
|
position: 'absolute',
|
|
797
797
|
positionAnchor: '--mod-button-icon',
|
|
798
|
-
|
|
798
|
+
// Square on the icon's centre; the slot can be taller than the icon, and a non-square box wobbles
|
|
799
|
+
inset: 'auto auto auto anchor(left)',
|
|
800
|
+
alignSelf: 'anchor-center',
|
|
801
|
+
width: 'anchor-size(width)',
|
|
802
|
+
height: 'anchor-size(width)',
|
|
799
803
|
},
|
|
800
804
|
// Without anchor positioning, the spinner takes the standard icon size at the icon's edge
|
|
801
805
|
'@supports not (anchor-name: --a)': {
|
|
@@ -812,6 +816,10 @@ const StyledButton = styled(Button, {
|
|
|
812
816
|
height: spinnerSize,
|
|
813
817
|
},
|
|
814
818
|
},
|
|
819
|
+
// Hide the label at once when loading starts, so it doesn't fade out under the spinner
|
|
820
|
+
[`&.${buttonClasses.loading}`]: {
|
|
821
|
+
transitionProperty: 'background-color, border-color',
|
|
822
|
+
},
|
|
815
823
|
// Disabled state (always show cursor)
|
|
816
824
|
[`&.${buttonClasses.disabled}`]: {
|
|
817
825
|
cursor: 'not-allowed',
|