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