feat: Button[variant=tertiary] を追加

kufu · Oct 16, 2024 · 1ba7e12 · 1ba7e12
1 parent c4e5822
commit 1ba7e12
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 1 deletion.
diff --git a/packages/smarthr-ui/src/components/Button/ButtonWrapper.tsx b/packages/smarthr-ui/src/components/Button/ButtonWrapper.tsx
@@ -107,6 +107,7 @@ const button = tv({
  variant: {
  primary: {},
  secondary: {},
+ tertiary: {},
  danger: {},
  skeleton: {},
  text: {},
@@ -254,6 +255,35 @@ const button = tv({
  '[&:not([href])]:shr-text-disabled',
  ],
  },
+ {
+ slots: ['default', 'anchor'],
+ variant: 'tertiary',
+ className: [
+ 'shr-border-transparent',
+ 'shr-bg-transparent',
+ 'shr-text-link',
+ 'focus-visible:shr-bg-white-darken',
+ 'hover:shr-bg-white-darken',
+ ],
+ },
+ {
+ slots: ['default'],
+ variant: 'tertiary',
+ className: [
+ 'aria-disabled:shr-border-transparent',
+ 'aria-disabled:shr-bg-transparent',
+ 'aria-disabled:shr-text-disabled',
+ ],
+ },
+ {
+ slots: ['anchor'],
+ variant: 'tertiary',
+ className: [
+ '[&:not([href])]:shr-border-transparent',
+ '[&:not([href])]:shr-bg-transparent',
+ '[&:not([href])]:shr-text-disabled',
+ ],
+ },
  {
  slots: ['default', 'anchor'],
  variant: 'danger',

diff --git a/packages/smarthr-ui/src/components/Button/types.ts b/packages/smarthr-ui/src/components/Button/types.ts
@@ -40,4 +40,4 @@ export type BaseProps = PropsWithChildren<{
  loading?: boolean
 }>
 
-export type Variant = 'primary' | 'secondary' | 'danger' | 'skeleton' | 'text'
+export type Variant = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'skeleton' | 'text'