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

Text area component with storybook and testing

Browse Source
This commit is contained in:
adilallo
2025-10-10 12:37:52 -06:00
parent 9c72afdc52
commit b71f0a7dea
8 changed files with 1126 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/Select.js
+10 -6
View File
@@ -133,14 +133,14 @@ const Select = forwardRef(
return {
select:
"bg-[var(--color-content-default-secondary)] border-[var(--color-border-default-tertiary)] cursor-not-allowed opacity-40",
label: "text-[var(--color-content-default-primary)]",
label: "text-[var(--color-content-default-secondary)]",
};
}
if (error) {
return {
select: "border-[var(--color-border-default-utility-negative)]",
label: "text-[var(--color-content-default-primary)]",
label: "text-[var(--color-content-default-secondary)]",
};
}
@@ -149,18 +149,18 @@ const Select = forwardRef(
return {
select:
"border-[var(--color-border-default-tertiary)] shadow-[0_0_0_2px_var(--color-border-default-tertiary)]",
label: "text-[var(--color-content-default-primary)]",
label: "text-[var(--color-content-default-secondary)]",
};
case "focus":
return {
select:
"border-[var(--color-border-default-utility-info)] shadow-[0_0_5px_3px_#3281F8]",
label: "text-[var(--color-content-default-primary)]",
label: "text-[var(--color-content-default-secondary)]",
};
default:
return {
select: "border-[var(--color-border-default-tertiary)]",
label: "text-[var(--color-content-default-primary)]",
label: "text-[var(--color-content-default-secondary)]",
};
}
};
@@ -244,7 +244,11 @@ const Select = forwardRef(
return (
<div className={containerClasses}>
{label && (
<label id={labelId} htmlFor={selectId} className={labelClasses}>
<label
id={labelId}
htmlFor={selectId}
className={`${labelClasses} text-[var(--color-content-default-secondary)]`}
>
{label}
</label>
)}