Rename negative_secondary to negative_subtle
This commit is contained in:
@@ -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})
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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 => (
|
||||||
|
|||||||
Reference in New Issue
Block a user