fix(app): fix alert stroke disalbed styling (#15623)

* fix(app): fix alert stroke disalbed styling
Opentrons · Jul 11, 2024 · 5565105 · 5565105
1 parent f4c38c2
commit 5565105
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/app/src/atoms/buttons/LargeButton.tsx b/app/src/atoms/buttons/LargeButton.tsx
@@ -51,7 +51,6 @@ export function LargeButton(props: LargeButtonProps): JSX.Element {
  focusVisibleOutlineColor: string
  focusVisibleBackgroundColor: string
  activeIconColor?: string
- isInverse?: boolean
  activeColor?: string
  }
  > = {
@@ -90,14 +89,13 @@ export function LargeButton(props: LargeButtonProps): JSX.Element {
  },
  alertStroke: {
  defaultColor: COLORS.white,
- disabledColor: COLORS.grey40,
+ disabledColor: COLORS.grey50,
  activeColor: COLORS.red60,
  defaultBackgroundColor: COLORS.transparent,
  activeBackgroundColor: COLORS.red35,
- disabledBackgroundColor: COLORS.transparent,
+ disabledBackgroundColor: COLORS.grey35,
  iconColor: COLORS.white,
- disabledIconColor: COLORS.grey40,
- isInverse: true,
+ disabledIconColor: COLORS.grey50,
  activeIconColor: COLORS.red60,
  focusVisibleOutlineColor: COLORS.blue50,
  focusVisibleBackgroundColor: COLORS.red40,
@@ -140,9 +138,9 @@ export function LargeButton(props: LargeButtonProps): JSX.Element {
  line-height: ${TYPOGRAPHY.lineHeight20};
  gap: ${SPACING.spacing60};
  border: ${BORDERS.borderRadius4} solid
- ${!!LARGE_BUTTON_PROPS_BY_TYPE[buttonType].isInverse
+ ${buttonType === 'alertStroke' && !disabled
  ? LARGE_BUTTON_PROPS_BY_TYPE[buttonType].defaultColor
- : LARGE_BUTTON_PROPS_BY_TYPE[buttonType].defaultBackgroundColor};
+ : 'none'};
 
  ${TYPOGRAPHY.pSemiBold}