binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-5652] fix: kanban quick add UI #8382

Browse source
This commit is contained in:
Aaryan Khandelwal 2025-12-18 18:40:00 +05:30 • committed by GitHub
parent b165e2a3fe
commit 9747bffbe2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 19 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

29
packages/ui/src/button/helper.tsx
View file

@ -41,7 +41,7 @@ export const buttonStyling: IButtonStyling = {
default: `text-on-color bg-accent-primary`,
hover: `hover:bg-accent-primary/80`,
pressed: `focus:text-custom-brand-40 focus:bg-accent-primary/80`,
disabled: `cursor-not-allowed !bg-custom-primary-60 hover:bg-custom-primary-60`,
disabled: `cursor-not-allowed !bg-layer-1 !text-placeholder`,
},
"accent-primary": {
default: `bg-accent-primary/20 text-accent-primary`,
@ -59,7 +59,7 @@ export const buttonStyling: IButtonStyling = {
default: `text-secondary bg-surface-1 border border-subtle`,
hover: `hover:bg-surface-2`,
pressed: `focus:text-tertiary focus:bg-surface-2`,
disabled: `cursor-not-allowed !text-placeholder`,
disabled: `cursor-not-allowed !bg-layer-1 !text-placeholder`,
},
"link-primary": {
default: `text-accent-primary bg-surface-1`,
@ -67,42 +67,41 @@ export const buttonStyling: IButtonStyling = {
pressed: `focus:text-accent-primary/80 `,
disabled: `cursor-not-allowed !text-accent-primary/60`,
},
danger: {
default: `text-on-color bg-red-500`,
hover: ` hover:bg-red-600`,
pressed: `focus:text-red-200 focus:bg-red-600`,
disabled: `cursor-not-allowed !bg-red-300`,
default: `bg-danger-primary text-on-color`,
hover: ` hover:bg-danger-primary-hover`,
pressed: `focus:bg-danger-primary-active`,
disabled: `cursor-not-allowed bg-layer-disabled! text-disabled!`,
},
"accent-danger": {
default: `text-red-500 bg-red-50`,
hover: `hover:text-red-600 hover:bg-red-100`,
pressed: `focus:text-red-500 focus:bg-red-100`,
disabled: `cursor-not-allowed !text-red-300`,
disabled: `cursor-not-allowed !bg-layer-1 !text-placeholder`,
},
"outline-danger": {
default: `text-red-500 bg-transparent border border-red-500`,
hover: `hover:text-red-400 hover:border-red-400`,
pressed: `focus:text-red-400 focus:border-red-400`,
disabled: `cursor-not-allowed !text-red-300 !border-red-300`,
default: `bg-layer-2 text-danger border border-danger-strong`,
hover: `hover:bg-danger-subtle`,
pressed: `focus:bg-danger-subtle-hover`,
disabled: `cursor-not-allowed text-disabled! border-subtle-1!`,
},
"link-danger": {
default: `text-red-500 bg-surface-1`,
hover: `hover:text-red-400`,
pressed: `focus:text-red-400`,
disabled: `cursor-not-allowed !text-red-300`,
disabled: `cursor-not-allowed !bg-layer-1 !text-placeholder`,
},
"tertiary-danger": {
default: `text-red-500 bg-surface-1 border border-red-200`,
hover: `hover:bg-red-50 hover:border-red-300`,
pressed: `focus:text-red-400`,
disabled: `cursor-not-allowed !text-red-300`,
disabled: `cursor-not-allowed !bg-layer-1 !text-placeholder`,
},
"link-neutral": {
default: `text-tertiary`,
hover: `hover:text-secondary`,
pressed: `focus:text-primary`,
disabled: `cursor-not-allowed !text-placeholder`,
disabled: `cursor-not-allowed !bg-layer-1 !text-placeholder`,
},
};