Moduletrace/tailwind-ui-library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updates

Browse Source 
Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
tben
2026-10-16 06:58:10 +01:00
co-authored by Claude Opus 5.5
parent 44088c5a9c
commit b61a5b1fb3
7 changed files with 76 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layout/Button.tsx
+22 -10
View File
@@ -75,6 +75,7 @@ export const ButtonClasses: Record<string, Record<string, string>> = {
),
secondary: twMerge(
"bg-secondary hover:bg-secondary-hover text-white",
"dark:bg-secondary-dark hover:dark:bg-secondary-dark-hover dark:text-secondary-dark-text",
"twui-button-secondary",
),
white: twMerge(
@@ -83,6 +84,7 @@ export const ButtonClasses: Record<string, Record<string, string>> = {
),
accent: twMerge(
"bg-accent hover:bg-accent-hover text-white",
"dark:bg-accent-dark hover:dark:bg-accent-dark-hover dark:text-accent-dark-text",
"twui-button-accent",
),
gray: twMerge(
@@ -92,24 +94,29 @@ export const ButtonClasses: Record<string, Record<string, string>> = {
),
success: twMerge(
"bg-success hover:bg-success-hover text-white",
"dark:bg-success hover:dark:bg-success-hover",
"dark:bg-success-dark-fill hover:dark:bg-success-dark-fill-hover dark:text-success-dark-text",
"twui-button-success",
),
error: twMerge(
"bg-error hover:bg-error-hover text-white",
"dark:bg-error hover:dark:bg-error-hover",
"dark:bg-error-dark-fill hover:dark:bg-error-dark-fill-hover dark:text-error-dark-text",
"twui-button-error",
),
warning: twMerge(
"bg-warning hover:bg-warning-hover text-white",
"dark:bg-warning-dark-fill hover:dark:bg-warning-dark-fill-hover dark:text-warning-dark-text",
"twui-button-warning",
),
},
outlined: {
primary: twMerge(
"bg-transparent outline outline-1 outline-primary",
"bg-transparent outline outline-1 outline-primary-outline",
"text-primary-text dark:text-primary-dark-text dark:outline-primary-dark-outline",
"twui-button-primary-outlined",
),
secondary: twMerge(
"bg-transparent outline outline-1 outline-secondary",
"text-secondary",
"text-secondary dark:text-secondary-dark dark:outline-secondary-dark-outline",
"twui-button-secondary-outlined",
),
accent: twMerge(
@@ -129,14 +136,19 @@ export const ButtonClasses: Record<string, Record<string, string>> = {
),
error: twMerge(
"bg-transparent outline outline-1 outline-error text-error",
"dark:outline-error dark:text-error-dark",
"dark:outline-error-dark dark:text-error-dark",
"twui-button-error-outlined",
),
warning: twMerge(
"bg-transparent outline outline-1 outline-warning text-warning",
"dark:outline-warning dark:text-warning-dark",
"dark:outline-warning-dark dark:text-warning-dark",
"twui-button-warning-outlined",
),
success: twMerge(
"bg-transparent outline outline-1 outline-success text-success",
"dark:outline-success-dark dark:text-success-dark",
"twui-button-success-outlined",
),
},
ghost: {
primary: twMerge(
@@ -146,7 +158,7 @@ export const ButtonClasses: Record<string, Record<string, string>> = {
),
secondary: twMerge(
"bg-transparent dark:bg-transparent outline-none p-2",
"text-secondary hover:bg-transparent dark:hover:bg-transparent",
"text-secondary dark:text-secondary-dark hover:bg-transparent dark:hover:bg-transparent",
"twui-button-secondary-ghost",
),
text: twMerge(
@@ -166,17 +178,17 @@ export const ButtonClasses: Record<string, Record<string, string>> = {
),
error: twMerge(
"bg-transparent outline-none p-2",
"text-red-600 dark:text-red-400",
"text-error dark:text-error-dark",
"twui-button-error-ghost",
),
warning: twMerge(
"bg-transparent outline-none p-2",
"text-yellow-600",
"text-warning dark:text-warning-dark",
"twui-button-warning-ghost",
),
success: twMerge(
"bg-transparent outline-none p-2",
"text-success",
"text-success dark:text-success-dark",
"twui-button-success-ghost",
),
white: twMerge(