p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add disabled color

Browse Source
This commit is contained in:
p-sw 2024-06-28 12:08:01 +09:00
parent 180cae69af
commit fd7317e597
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/react/components/Button.tsx
View File

@ -2,6 +2,7 @@ import React from "react";
import { vcn, VariantProps, Slot, AsChild } from "@pswui-lib"; import { vcn, VariantProps, Slot, AsChild } from "@pswui-lib";
const colors = { const colors = {
disabled: "disabled:brightness-50 disabled:cursor-not-allowed disabled:opacity-50 disabled:saturate-50",
outline: { outline: {
focus: "dark:focus-visible:outline-white/20 focus-visible:outline-black/10", focus: "dark:focus-visible:outline-white/20 focus-visible:outline-black/10",
}, },
@ -26,7 +27,7 @@ const colors = {
}; };
const [buttonVariants, resolveVariants] = vcn({ const [buttonVariants, resolveVariants] = vcn({
base: `w-fit flex flex-row items-center justify-between rounded-md outline outline-1 outline-transparent outline-offset-2 ${colors.outline.focus} transition-all cursor-pointer`, base: `w-fit flex flex-row items-center justify-between rounded-md outline outline-1 outline-transparent outline-offset-2 ${colors.outline.focus} ${colors.disabled} transition-all cursor-pointer`,
variants: { variants: {
size: { size: {
link: "p-0 text-base", link: "p-0 text-base",