@alpic-ai/ui 0.0.0-dev.g014cfc8 → 0.0.0-dev.g020dd3b

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/components/textarea.mjs +1 -1
  2. package/package.json +1 -1
  3. package/src/components/textarea.tsx +1 -1
  4. package/src/stories/textarea.stories.tsx +7 -0
package/dist/components/textarea.mjs CHANGED
@@ -12,7 +12,7 @@ function Textarea({ className, id, label, required, hint, error, tooltip, ...pro
12
12
  const textarea = /* @__PURE__ */ jsx("textarea", {
13
13
  id: fieldId,
14
14
  "data-slot": "textarea",
15
- className: cn("block w-full min-h-[120px] resize-none", "px-3.5 py-3", "type-text-md text-foreground placeholder:text-placeholder", "bg-background border border-border rounded-md", "transition-colors", "outline-none focus-visible:border-ring focus-visible:border-2", "disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed", "aria-invalid:border-border-error [@media(hover:hover)]:aria-invalid:hover:border-border-error", error && "border-border-error [@media(hover:hover)]:hover:border-border-error", className),
15
+ className: cn("block w-full min-h-[120px] max-h-[480px] resize-y [field-sizing:content]", "px-3.5 py-3", "type-text-md text-foreground placeholder:text-placeholder", "bg-background border border-border rounded-md", "transition-colors", "outline-none focus-visible:border-ring focus-visible:border-2", "disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed", "aria-invalid:border-border-error [@media(hover:hover)]:aria-invalid:hover:border-border-error", error && "border-border-error [@media(hover:hover)]:hover:border-border-error", className),
16
16
  required,
17
17
  "aria-invalid": error ? true : void 0,
18
18
  "aria-describedby": fieldId && (hint || error) ? `${fieldId}-description` : void 0,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alpic-ai/ui",
3
- "version": "0.0.0-dev.g014cfc8",
3
+ "version": "0.0.0-dev.g020dd3b",
4
4
  "description": "Alpic design system — shared UI components",
5
5
  "type": "module",
6
6
  "exports": {
package/src/components/textarea.tsx CHANGED
@@ -24,7 +24,7 @@ function Textarea({ className, id, label, required, hint, error, tooltip, ...pro
24
24
  id={fieldId}
25
25
  data-slot="textarea"
26
26
  className={cn(
27
- "block w-full min-h-[120px] resize-none",
27
+ "block w-full min-h-[120px] max-h-[480px] resize-y [field-sizing:content]",
28
28
  "px-3.5 py-3",
29
29
  "type-text-md text-foreground placeholder:text-placeholder",
30
30
  "bg-background border border-border rounded-md",
package/src/stories/textarea.stories.tsx CHANGED
@@ -55,6 +55,13 @@ export const AllVariants = () => {
55
55
  hint="This is a hint text to help user."
56
56
  disabled
57
57
  />
58
+
59
+ <span className={SECTION_HEADER}>Long pre-filled (auto-grows, no crop)</span>
60
+ <Textarea
61
+ id="long-prefilled"
62
+ label="Subtitle"
63
+ defaultValue="The fastest way to deploy, host, and scale remote MCP servers for your AI agents — with zero infrastructure to manage, built-in observability, and one-command rollbacks straight from your terminal."
64
+ />
58
65
  </div>
59
66
  );
60
67
  };