CommunityRule/community-rule
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix tcs type errors
CI Pipeline / test (20) (pull_request) Successful in 3m13s
Details
CI Pipeline / test (18) (pull_request) Successful in 3m57s
Details
CI Pipeline / e2e (firefox) (pull_request) Successful in 5m6s
Details
CI Pipeline / e2e (webkit) (pull_request) Successful in 5m16s
Details
CI Pipeline / e2e (chromium) (pull_request) Successful in 14m47s
Details
CI Pipeline / performance (pull_request) Successful in 4m32s
Details
CI Pipeline / storybook (pull_request) Successful in 1m35s
Details
CI Pipeline / visual-regression (pull_request) Failing after 9m55s
Details
CI Pipeline / lint (pull_request) Failing after 49s
Details
CI Pipeline / build (pull_request) Successful in 1m48s
Details

Browse Source
This commit is contained in:
adilallo
2025-12-11 09:05:18 -07:00
parent 92a3337aeb
commit c7e3048c09
92 changed files with 53556 additions and 915 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/Checkbox.tsx
+2 -8
View File
@@ -43,15 +43,9 @@ const Checkbox = memo<CheckboxProps>(
const isInverse = mode === "inverse";
// Base tokens (rough placeholders leveraging existing CSS variables)
const colorSurface = isInverse
? "var(--color-surface-inverse-primary)"
: "var(--color-surface-default-primary)";
const colorContent = isInverse
? "var(--color-content-inverse-primary)"
: "var(--color-content-default-primary)";
const colorBrand = isInverse
? "var(--color-content-inverse-brand-primary)"
: "var(--color-content-default-brand-primary)";
// Visual container depending on state
const baseBox = `flex items-center justify-center shrink-0 w-[var(--measures-sizing-024)] h-[var(--measures-sizing-024)] rounded-[var(--measures-radius-medium)] transition-all duration-200 ease-in-out`;
@@ -106,8 +100,8 @@ const Checkbox = memo<CheckboxProps>(
const accessibilityProps = {
role: "checkbox" as const,
"aria-checked": checked ? "true" : "false",
...(disabled && { "aria-disabled": "true", tabIndex: -1 }),
"aria-checked": checked,
...(disabled && { "aria-disabled": true, tabIndex: -1 }),
...(!disabled && { tabIndex: 0 }),
...(ariaLabel && { "aria-label": ariaLabel }),
...(label && !ariaLabel && { "aria-labelledby": `${checkboxId}-label` }),