Rename negative_secondary to negative_subtle

This commit is contained in:
Eric Bailey
2025-07-30 20:31:54 -05:00
parent 9dbfcc9901
commit fe05eaf311
3 changed files with 7 additions and 7 deletions
+5 -5
View File
@@ -25,7 +25,7 @@ export type ButtonColor =
| 'secondary' | 'secondary'
| 'secondary_inverted' | 'secondary_inverted'
| 'negative' | 'negative'
| 'negative_secondary' | 'negative_subtle'
export type ButtonSize = 'tiny' | 'small' | 'large' export type ButtonSize = 'tiny' | 'small' | 'large'
export type ButtonShape = 'round' | 'square' | 'default' export type ButtonShape = 'round' | 'square' | 'default'
export type VariantProps = { export type VariantProps = {
@@ -265,7 +265,7 @@ export const Button = React.forwardRef<View, ButtonProps>(
}), }),
}) })
} }
} else if (color === 'negative_secondary') { } else if (color === 'negative_subtle') {
if (!disabled) { if (!disabled) {
baseStyles.push({ baseStyles.push({
backgroundColor: select(t.name, { backgroundColor: select(t.name, {
@@ -395,7 +395,7 @@ export const Button = React.forwardRef<View, ButtonProps>(
}) })
} }
} }
} else if (color === 'negative_secondary') { } else if (color === 'negative_subtle') {
if (variant === 'outline') { if (variant === 'outline') {
baseStyles.push(a.border, t.atoms.bg, { baseStyles.push(a.border, t.atoms.bg, {
borderWidth: 1, borderWidth: 1,
@@ -585,7 +585,7 @@ export function useSharedButtonTextStyles() {
} else { } else {
baseStyles.push({color: t.palette.negative_300}) baseStyles.push({color: t.palette.negative_300})
} }
} else if (color === 'negative_secondary') { } else if (color === 'negative_subtle') {
if (!disabled) { if (!disabled) {
baseStyles.push({ baseStyles.push({
color: select(t.name, { color: select(t.name, {
@@ -682,7 +682,7 @@ export function useSharedButtonTextStyles() {
baseStyles.push({color: t.palette.negative_400, opacity: 0.5}) baseStyles.push({color: t.palette.negative_400, opacity: 0.5})
} }
} }
} else if (color === 'negative_secondary') { } else if (color === 'negative_subtle') {
if (variant === 'outline') { if (variant === 'outline') {
if (!disabled) { if (!disabled) {
baseStyles.push({color: t.palette.negative_400}) baseStyles.push({color: t.palette.negative_400})
+1 -1
View File
@@ -240,7 +240,7 @@ function DialogInner({
label={_(msg`Remove live status`)} label={_(msg`Remove live status`)}
onPress={() => removeLiveStatus()} onPress={() => removeLiveStatus()}
size={platform({native: 'large', web: 'small'})} size={platform({native: 'large', web: 'small'})}
color="negative_secondary" color="negative_subtle"
variant="solid" variant="solid"
disabled={isRemovingLiveStatus || isGoingLive}> disabled={isRemovingLiveStatus || isGoingLive}>
<ButtonText> <ButtonText>
+1 -1
View File
@@ -23,7 +23,7 @@ export function Buttons() {
'secondary', 'secondary',
'secondary_inverted', 'secondary_inverted',
'negative', 'negative',
'negative_secondary', 'negative_subtle',
].map(color => ( ].map(color => (
<Fragment key={color}> <Fragment key={color}>
{['tiny', 'small', 'large'].map(size => ( {['tiny', 'small', 'large'].map(size => (