Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit 8809ddf

Browse files
committedMay 21, 2025·
fix regressions
1 parent e3ea843 commit 8809ddf

File tree

4 files changed

+28
-28
lines changed

4 files changed

+28
-28
lines changed
 

‎docs/data/material/components/toggle-button/HorizontalSpacingToggleButton.js

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -13,18 +13,18 @@ const StyledToggleButtonGroup = styled(ToggleButtonGroup)(({ theme }) => ({
1313
gap: '2rem',
1414
[`& .${toggleButtonGroupClasses.firstButton}, & .${toggleButtonGroupClasses.middleButton}`]:
1515
{
16-
borderTopRightRadius: theme.vars.shape.borderRadius,
17-
borderBottomRightRadius: theme.vars.shape.borderRadius,
16+
borderTopRightRadius: (theme.vars || theme).shape.borderRadius,
17+
borderBottomRightRadius: (theme.vars || theme).shape.borderRadius,
1818
},
1919
[`& .${toggleButtonGroupClasses.lastButton}, & .${toggleButtonGroupClasses.middleButton}`]:
2020
{
21-
borderTopLeftRadius: theme.vars.shape.borderRadius,
22-
borderBottomLeftRadius: theme.vars.shape.borderRadius,
23-
borderLeft: `1px solid ${theme.vars.palette.divider}`,
21+
borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
22+
borderBottomLeftRadius: (theme.vars || theme).shape.borderRadius,
23+
borderLeft: `1px solid ${(theme.vars || theme).palette.divider}`,
2424
},
2525
[`& .${toggleButtonGroupClasses.lastButton}.${toggleButtonClasses.disabled}, & .${toggleButtonGroupClasses.middleButton}.${toggleButtonClasses.disabled}`]:
2626
{
27-
borderLeft: `1px solid ${theme.vars.palette.action.disabledBackground}`,
27+
borderLeft: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`,
2828
},
2929
}));
3030

@@ -36,7 +36,7 @@ export default function HorizontalSpacingToggleButton() {
3636
};
3737

3838
return (
39-
<ToggleButtonGroup
39+
<StyledToggleButtonGroup
4040
value={alignment}
4141
exclusive
4242
onChange={handleAlignment}
@@ -54,6 +54,6 @@ export default function HorizontalSpacingToggleButton() {
5454
<ToggleButton value="justify" aria-label="justified" disabled>
5555
<FormatAlignJustifyIcon />
5656
</ToggleButton>
57-
</ToggleButtonGroup>
57+
</StyledToggleButtonGroup>
5858
);
5959
}

‎docs/data/material/components/toggle-button/HorizontalSpacingToggleButton.tsx

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -13,18 +13,18 @@ const StyledToggleButtonGroup = styled(ToggleButtonGroup)(({ theme }) => ({
1313
gap: '2rem',
1414
[`& .${toggleButtonGroupClasses.firstButton}, & .${toggleButtonGroupClasses.middleButton}`]:
1515
{
16-
borderTopRightRadius: theme.vars.shape.borderRadius,
17-
borderBottomRightRadius: theme.vars.shape.borderRadius,
16+
borderTopRightRadius: (theme.vars || theme).shape.borderRadius,
17+
borderBottomRightRadius: (theme.vars || theme).shape.borderRadius,
1818
},
1919
[`& .${toggleButtonGroupClasses.lastButton}, & .${toggleButtonGroupClasses.middleButton}`]:
2020
{
21-
borderTopLeftRadius: theme.vars.shape.borderRadius,
22-
borderBottomLeftRadius: theme.vars.shape.borderRadius,
23-
borderLeft: `1px solid ${theme.vars.palette.divider}`,
21+
borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
22+
borderBottomLeftRadius: (theme.vars || theme).shape.borderRadius,
23+
borderLeft: `1px solid ${(theme.vars || theme).palette.divider}`,
2424
},
2525
[`& .${toggleButtonGroupClasses.lastButton}.${toggleButtonClasses.disabled}, & .${toggleButtonGroupClasses.middleButton}.${toggleButtonClasses.disabled}`]:
2626
{
27-
borderLeft: `1px solid ${theme.vars.palette.action.disabledBackground}`,
27+
borderLeft: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`,
2828
},
2929
}));
3030

@@ -39,7 +39,7 @@ export default function HorizontalSpacingToggleButton() {
3939
};
4040

4141
return (
42-
<ToggleButtonGroup
42+
<StyledToggleButtonGroup
4343
value={alignment}
4444
exclusive
4545
onChange={handleAlignment}
@@ -57,6 +57,6 @@ export default function HorizontalSpacingToggleButton() {
5757
<ToggleButton value="justify" aria-label="justified" disabled>
5858
<FormatAlignJustifyIcon />
5959
</ToggleButton>
60-
</ToggleButtonGroup>
60+
</StyledToggleButtonGroup>
6161
);
6262
}

‎docs/data/material/components/toggle-button/VerticalSpacingToggleButton.js

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -13,18 +13,18 @@ const StyledToggleButtonGroup = styled(ToggleButtonGroup)(({ theme }) => ({
1313
gap: '2rem',
1414
[`& .${toggleButtonGroupClasses.firstButton}, & .${toggleButtonGroupClasses.middleButton}`]:
1515
{
16-
borderBottomRightRadius: theme.vars.shape.borderRadius,
17-
borderBottomLeftRadius: theme.vars.shape.borderRadius,
16+
borderBottomRightRadius: (theme.vars || theme).shape.borderRadius,
17+
borderBottomLeftRadius: (theme.vars || theme).shape.borderRadius,
1818
},
1919
[`& .${toggleButtonGroupClasses.lastButton}, & .${toggleButtonGroupClasses.middleButton}`]:
2020
{
21-
borderTopRightRadius: theme.vars.shape.borderRadius,
22-
borderTopLeftRadius: theme.vars.shape.borderRadius,
23-
borderTop: `1px solid ${theme.vars.palette.divider}`,
21+
borderTopRightRadius: (theme.vars || theme).shape.borderRadius,
22+
borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
23+
borderTop: `1px solid ${(theme.vars || theme).palette.divider}`,
2424
},
2525
[`& .${toggleButtonGroupClasses.lastButton}.${toggleButtonClasses.disabled}, & .${toggleButtonGroupClasses.middleButton}.${toggleButtonClasses.disabled}`]:
2626
{
27-
borderTop: `1px solid ${theme.vars.palette.action.disabledBackground}`,
27+
borderTop: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`,
2828
},
2929
}));
3030

‎docs/data/material/components/toggle-button/VerticalSpacingToggleButton.tsx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -13,18 +13,18 @@ const StyledToggleButtonGroup = styled(ToggleButtonGroup)(({ theme }) => ({
1313
gap: '2rem',
1414
[`& .${toggleButtonGroupClasses.firstButton}, & .${toggleButtonGroupClasses.middleButton}`]:
1515
{
16-
borderBottomRightRadius: theme.vars.shape.borderRadius,
17-
borderBottomLeftRadius: theme.vars.shape.borderRadius,
16+
borderBottomRightRadius: (theme.vars || theme).shape.borderRadius,
17+
borderBottomLeftRadius: (theme.vars || theme).shape.borderRadius,
1818
},
1919
[`& .${toggleButtonGroupClasses.lastButton}, & .${toggleButtonGroupClasses.middleButton}`]:
2020
{
21-
borderTopRightRadius: theme.vars.shape.borderRadius,
22-
borderTopLeftRadius: theme.vars.shape.borderRadius,
23-
borderTop: `1px solid ${theme.vars.palette.divider}`,
21+
borderTopRightRadius: (theme.vars || theme).shape.borderRadius,
22+
borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
23+
borderTop: `1px solid ${(theme.vars || theme).palette.divider}`,
2424
},
2525
[`& .${toggleButtonGroupClasses.lastButton}.${toggleButtonClasses.disabled}, & .${toggleButtonGroupClasses.middleButton}.${toggleButtonClasses.disabled}`]:
2626
{
27-
borderTop: `1px solid ${theme.vars.palette.action.disabledBackground}`,
27+
borderTop: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`,
2828
},
2929
}));
3030

0 commit comments

Comments
 (0)
Please sign in to comment.