Remove other gradient defs

This commit is contained in:
Eric Bailey
2025-07-30 14:22:21 -05:00
parent a1b5be7ae9
commit 5351b71c11
3 changed files with 11 additions and 21 deletions
-10
View File
@@ -27,11 +27,6 @@ export type ButtonColor =
| 'secondary_inverted'
| 'negative'
| 'negative_secondary'
| 'gradient_midnight'
| 'gradient_sunrise'
| 'gradient_sunset'
| 'gradient_nordic'
| 'gradient_bonfire'
export type ButtonSize = 'tiny' | 'small' | 'large'
export type ButtonShape = 'round' | 'square' | 'default'
export type VariantProps = {
@@ -476,11 +471,6 @@ export const Button = React.forwardRef<View, ButtonProps>(
secondary_inverted: tokens.gradients.sky,
negative: tokens.gradients.sky,
negative_secondary: tokens.gradients.sky,
gradient_midnight: tokens.gradients.midnight,
gradient_sunrise: tokens.gradients.sunrise,
gradient_sunset: tokens.gradients.sunset,
gradient_nordic: tokens.gradients.nordic,
gradient_bonfire: tokens.gradients.bonfire,
}[color || 'primary']
if (variant === 'gradient') {
+8 -8
View File
@@ -165,16 +165,16 @@ export function Buttons() {
<ButtonIcon icon={ChevronLeft} />
</Button>
<Button
variant="gradient"
color="gradient_sunset"
variant="solid"
color="primary"
size="small"
shape="round"
label="Link out">
<ButtonIcon icon={ChevronLeft} />
</Button>
<Button
variant="gradient"
color="gradient_sunset"
variant="solid"
color="primary"
size="tiny"
shape="round"
label="Link out">
@@ -216,16 +216,16 @@ export function Buttons() {
<ButtonIcon icon={ChevronLeft} />
</Button>
<Button
variant="gradient"
color="gradient_sunset"
variant="solid"
color="primary"
size="small"
shape="square"
label="Link out">
<ButtonIcon icon={ChevronLeft} />
</Button>
<Button
variant="gradient"
color="gradient_sunset"
variant="solid"
color="primary"
size="tiny"
shape="square"
label="Link out">
+3 -3
View File
@@ -1,5 +1,5 @@
import React from 'react'
import {TextInput, View} from 'react-native'
import {type TextInput, View} from 'react-native'
import {atoms as a} from '#/alf'
import {Button, ButtonText} from '#/components/Button'
@@ -216,8 +216,8 @@ export function Forms() {
</View>
<Button
variant="gradient"
color="gradient_nordic"
variant="solid"
color="primary"
size="small"
label="Reset all toggles"
onPress={() => {