|
48 | 48 | }
|
49 | 49 |
|
50 | 50 | const variantClasses = {
|
51 |
| - white: { background: 'bg-white-900', text: 'text-black' }, |
| 51 | + white: { background: 'bg-white', text: 'text-black' }, |
52 | 52 | 'clear-on-light': { background: 'transparent', text: 'text-black' },
|
53 | 53 | 'clear-on-dark': { background: 'transparent', text: 'text-white' },
|
54 | 54 | }
|
55 | 55 |
|
56 | 56 | const disabledClasses = {
|
57 |
| - white: { background: 'bg-white-900', text: 'text-black-500' }, |
| 57 | + white: { background: 'bg-white', text: 'text-black-500' }, |
58 | 58 | 'clear-on-light': { background: 'bg-transparent', text: 'text-black-500' },
|
59 | 59 | 'clear-on-dark': { background: 'bg-transparent', text: 'text-black-500' },
|
60 | 60 | }
|
61 | 61 |
|
62 | 62 | const isActiveClasses = {
|
63 |
| - white: { background: 'bg-secondary-900', text: 'text-black' }, |
64 |
| - 'clear-on-light': { background: 'bg-secondary-900', text: 'text-black' }, |
65 |
| - 'clear-on-dark': { background: 'bg-secondary-900', text: 'text-black' }, |
| 63 | + white: { background: 'bg-secondary-500', text: 'text-black' }, |
| 64 | + 'clear-on-light': { background: 'bg-secondary-500', text: 'text-black' }, |
| 65 | + 'clear-on-dark': { background: 'bg-secondary-500', text: 'text-black' }, |
66 | 66 | }
|
67 | 67 |
|
68 | 68 | const sizeVariant = {
|
|
0 commit comments