diff --git a/framer/Material-UI.framerfx/code/Button.tsx b/framer/Material-UI.framerfx/code/Button.tsx index e765e3288f5061..7ccc135407bca4 100644 --- a/framer/Material-UI.framerfx/code/Button.tsx +++ b/framer/Material-UI.framerfx/code/Button.tsx @@ -9,6 +9,7 @@ interface Props { endIcon: string; fullWidth: boolean; href?: string; + inclusiveDisabled: boolean; startIcon: string; startIconTheme: 'Filled' | 'Outlined' | 'Rounded' | 'TwoTone' | 'Sharp'; endIconTheme: 'Filled' | 'Outlined' | 'Rounded' | 'TwoTone' | 'Sharp'; @@ -48,6 +49,7 @@ Button.defaultProps = { disableElevation: false, endIcon: undefined, fullWidth: false, + inclusiveDisabled: disabled, startIcon: undefined, startIconTheme: 'Filled' as 'Filled', endIconTheme: 'Filled' as 'Filled', @@ -78,6 +80,10 @@ addPropertyControls(Button, { type: ControlType.String, title: 'Href', }, + inclusiveDisabled: { + type: ControlType.Boolean, + title: 'Inclusive disabled', + }, startIcon: { type: ControlType.String, title: 'Start icon', diff --git a/framer/Material-UI.framerfx/code/IconButton.tsx b/framer/Material-UI.framerfx/code/IconButton.tsx index 41c19adb8179fa..1b56c9a41e4405 100644 --- a/framer/Material-UI.framerfx/code/IconButton.tsx +++ b/framer/Material-UI.framerfx/code/IconButton.tsx @@ -6,6 +6,7 @@ import { Icon } from './Icon'; interface Props extends MuiIconButtonProps { disabled: boolean; + inclusiveDisabled: boolean; icon: string; iconTheme: 'Filled' | 'Outlined' | 'Rounded' | 'TwoTone' | 'Sharp'; badgeContent: string; @@ -30,6 +31,7 @@ export function IconButton(props: Props): JSX.Element { IconButton.defaultProps = { disabled: false, + inclusiveDisabled: disabled, icon: 'favorite', iconTheme: 'Filled' as 'Filled', badgeContent: '', @@ -43,6 +45,10 @@ addPropertyControls(IconButton, { type: ControlType.Boolean, title: 'Disabled', }, + inclusiveDisabled: { + type: ControlType.Boolean, + title: 'Inclusive disabled', + }, icon: { type: ControlType.String, title: 'Icon',