203cb5d5e5
- DESIGN_TOKENS.md: Complete rewrite to document --sumi-* token system - APP_SHELL.md: Update layout shell docs (glass bg, backdrop-blur, z-index) - DESIGN_DIRECTION.md: Update aesthetic direction to SUMI philosophy - .storybook/preview.tsx: Remove deleted CSS imports, update bg colors - eslint.config.js: Update color rule message from Kodo to SUMI tokens - tailwind.config.ts: Fix comment referencing deleted design-tokens.css Co-authored-by: Cursor <cursoragent@cursor.com>
6 lines
1.4 KiB
JavaScript
6 lines
1.4 KiB
JavaScript
import{a as i,j as e}from"./vendor-react-Dkpvlwai.js";import{d as p}from"./index-jE2AGx2y.js";import{i as f}from"./vendor-icons-CbmLcMl-.js";const x=i.forwardRef(({label:r,className:n="",onCheckedChange:t,id:c,...a},d)=>{const l=i.useId(),o=c||l,s=`${o}-label`,b=u=>{t&&t(u.target.checked)};return e.jsxs("label",{htmlFor:o,id:s,className:p("inline-flex items-center gap-4 cursor-pointer group",a.disabled?"opacity-50 cursor-not-allowed":"",n),children:[e.jsxs("div",{className:"relative",children:[e.jsx("input",{ref:d,id:o,type:"checkbox",className:"peer sr-only",onChange:b,"aria-label":!r&&!a["aria-label"]&&!a["aria-labelledby"]?"Checkbox":void 0,"aria-labelledby":r?s:void 0,...a}),e.jsx("div",{className:`
|
|
w-5 h-5 rounded border border-border bg-muted
|
|
peer-checked:bg-primary peer-checked:border-border
|
|
peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background
|
|
transition-all duration-[var(--duration-fast)]
|
|
`}),e.jsx(f,{className:"w-3.5 h-3.5 text-black absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 peer-checked:opacity-100 transition-opacity duration-[var(--duration-fast)] pointer-events-none",strokeWidth:3})]}),r&&e.jsx("span",{className:"text-sm text-foreground group-hover:text-foreground transition-colors duration-[var(--duration-fast)] select-none",children:r})]})});x.displayName="Checkbox";export{x as C};
|