@arun-dev/tokens 0.8.0 → 0.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arun-dev/tokens",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Pure-CSS design tokens with white-label brand generation — primitives, brand palettes, semantic layers, and the createBrand() generator",
   "license": "MIT",
   "type": "module",

package/src/components/textarea.css

@@ -0,0 +1,26 @@
+/* Textarea component tokens — map semantic tokens onto the multi-line field's styleable
+   surfaces. Values match Input's so the two fields sit together, but map from the semantic
+   tier directly: overriding --input-* moves only inputs, and these move only textareas. */
+:root {
+  /* Frame */
+  --textarea-min-height: 5rem;
+  --textarea-max-height: 20rem;
+  --textarea-padding-block: var(--space-2xs);
+  --textarea-padding-inline: var(--space-xs);
+  --textarea-radius: var(--radius-md);
+  --textarea-bg: var(--color-bg-primary);
+  --textarea-border-width: var(--space-px);
+  --textarea-border-color: var(--color-border-default);
+  --textarea-border-color-hover: var(--color-border-strong);
+  --textarea-border-color-focus: var(--color-text-accent);
+  --textarea-border-color-invalid: var(--color-status-error);
+
+  /* Text */
+  --textarea-font-size: var(--text-sm);
+  --textarea-line-height: var(--line-height-normal);
+  --textarea-color: var(--color-text-primary);
+  --textarea-placeholder-color: var(--color-text-muted);
+
+  --textarea-disabled-opacity: 0.5;
+  --textarea-duration: var(--duration-fast);
+}

package/src/components.css

@@ -9,3 +9,4 @@
 @import './components/input.css';
 @import './components/radio-group.css';
 @import './components/switch.css';
+@import './components/textarea.css';