ionbase-ui 0.48.0 → 0.51.0

package/dist/meta/contrast.json

@@ -494,6 +494,20 @@
       "ratio": 3.12,
       "min": 4.5
     },
+    {
+      "component": "textarea",
+      "context": "ion-textarea",
+      "state": "disabled",
+      "fg": "--text-disabled",
+      "bg": "--surface-disabled",
+      "backdrop": "--surface-page",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#6b7280",
+      "bgHex": "#1d2735",
+      "ratio": 3.12,
+      "min": 4.5
+    },
     {
       "component": "toggle",
       "context": "ion-toggle--disabled ion-toggle__label",
@@ -1110,6 +1124,20 @@
       "ratio": 4.31,
       "min": 4.5
     },
+    {
+      "component": "textarea",
+      "context": "ion-textarea",
+      "state": "disabled",
+      "fg": "--text-disabled",
+      "bg": "--surface-disabled",
+      "backdrop": "--surface-page",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#6b7280",
+      "bgHex": "#f0f2f4",
+      "ratio": 4.31,
+      "min": 4.5
+    },
     {
       "component": "toggle",
       "context": "ion-toggle--disabled ion-toggle__label",
@@ -4934,6 +4962,104 @@
       "ratio": 6.95,
       "min": 4.5
     },
+    {
+      "component": "textarea",
+      "context": "ion-textarea",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": "--surface-page",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#9ca3b0",
+      "bgHex": "#131923",
+      "ratio": 6.95,
+      "min": 4.5
+    },
+    {
+      "component": "textarea",
+      "context": "ion-textarea--sm",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": "--surface-page",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#9ca3b0",
+      "bgHex": "#131923",
+      "ratio": 6.95,
+      "min": 4.5
+    },
+    {
+      "component": "textarea",
+      "context": "ion-textarea--lg",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": "--surface-page",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#9ca3b0",
+      "bgHex": "#131923",
+      "ratio": 6.95,
+      "min": 4.5
+    },
+    {
+      "component": "textarea",
+      "context": "ion-textarea",
+      "state": "hover",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": "--surface-page",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#9ca3b0",
+      "bgHex": "#131923",
+      "ratio": 6.95,
+      "min": 4.5
+    },
+    {
+      "component": "textarea",
+      "context": "ion-textarea",
+      "state": "focus",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": "--surface-page",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#9ca3b0",
+      "bgHex": "#131923",
+      "ratio": 6.95,
+      "min": 4.5
+    },
+    {
+      "component": "textarea",
+      "context": "ion-textarea--invalid",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": "--surface-page",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#9ca3b0",
+      "bgHex": "#131923",
+      "ratio": 6.95,
+      "min": 4.5
+    },
+    {
+      "component": "textarea",
+      "context": "ion-textarea--readonly",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": "--surface-page",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#9ca3b0",
+      "bgHex": "#131923",
+      "ratio": 6.95,
+      "min": 4.5
+    },
     {
       "component": "agent-activity",
       "context": "ion-agent-activity ion-agent-activity__glyph",
@@ -5487,6 +5613,104 @@
       "ratio": 7.09,
       "min": 4.5
     },
+    {
+      "component": "textarea",
+      "context": "ion-textarea",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": "--surface-page",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#4b5563",
+      "bgHex": "#f6f8f9",
+      "ratio": 7.09,
+      "min": 4.5
+    },
+    {
+      "component": "textarea",
+      "context": "ion-textarea--sm",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": "--surface-page",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#4b5563",
+      "bgHex": "#f6f8f9",
+      "ratio": 7.09,
+      "min": 4.5
+    },
+    {
+      "component": "textarea",
+      "context": "ion-textarea--lg",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": "--surface-page",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#4b5563",
+      "bgHex": "#f6f8f9",
+      "ratio": 7.09,
+      "min": 4.5
+    },
+    {
+      "component": "textarea",
+      "context": "ion-textarea",
+      "state": "hover",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": "--surface-page",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#4b5563",
+      "bgHex": "#f6f8f9",
+      "ratio": 7.09,
+      "min": 4.5
+    },
+    {
+      "component": "textarea",
+      "context": "ion-textarea",
+      "state": "focus",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": "--surface-page",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#4b5563",
+      "bgHex": "#f6f8f9",
+      "ratio": 7.09,
+      "min": 4.5
+    },
+    {
+      "component": "textarea",
+      "context": "ion-textarea--invalid",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": "--surface-page",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#4b5563",
+      "bgHex": "#f6f8f9",
+      "ratio": 7.09,
+      "min": 4.5
+    },
+    {
+      "component": "textarea",
+      "context": "ion-textarea--readonly",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": "--surface-page",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#4b5563",
+      "bgHex": "#f6f8f9",
+      "ratio": 7.09,
+      "min": 4.5
+    },
     {
       "component": "alert",
       "context": "ion-alert--success",

package/dist/meta/index.json

@@ -1,6 +1,6 @@
 {
   "package": "ionbase-ui",
-  "version": "0.48.0",
+  "version": "0.51.0",
   "usage": "Pick a component here, then read dist/meta/<Name>.json for its full contract.",
   "hooks": [
     "useToast"
@@ -621,6 +621,27 @@
       "detail": "dist/meta/Tabs.json",
       "hasIntent": true
     },
+    "Textarea": {
+      "summary": "A multi-line text field. Every size and state is Input's; it wraps and it resizes vertically.",
+      "status": "stable",
+      "variants": {
+        "size": [
+          "sm",
+          "md",
+          "lg"
+        ],
+        "autoCapitalize": [
+          "none",
+          "off",
+          "on",
+          "sentences",
+          "words",
+          "characters"
+        ]
+      },
+      "detail": "dist/meta/Textarea.json",
+      "hasIntent": true
+    },
     "Toast": {
       "summary": "A transient notification on neutral chrome. Intent is carried by the icon, not by a tinted panel.",
       "status": "stable",

package/dist/meta/patterns/index.json

@@ -1,6 +1,6 @@
 {
   "package": "ionbase-ui",
-  "version": "0.48.0",
+  "version": "0.51.0",
   "usage": "A pattern is a documented composition of components, not a component. Read one here, then read the contracts of what it composes.",
   "patterns": {
     "AgentRun": {

package/dist/styles/index.css

@@ -32,6 +32,7 @@
 @import url('./alert.css');
 @import url('./badge.css');
 @import url('./input.css');
+@import url('./textarea.css');
 @import url('./phone-input.css');
 @import url('./select.css');
 @import url('./checkbox.css');

package/dist/styles/input.css

@@ -21,10 +21,12 @@
  *    padding box, so `padding-x: 12px` would put the text at 13px. The border
  *    width is subtracted back out — the same correction Badge and Tabs needed.
  *
- *    This also makes the focus state free: Figma's focus ring is a 2px inside
- *    stroke, which eats 1px further into the padding and leaves the text
- *    exactly where it was. Subtracting the live border width reproduces that,
- *    so nothing shifts when the field takes focus.
+ *    The subtraction is against the LIVE border width, which used to matter:
+ *    focus was a 2px inside stroke that ate a further 1px of padding, and
+ *    subtracting it kept the text from shifting. Every state is 1px as of
+ *    5 Sep 2026, so the correction is now constant — but it stays written this
+ *    way, because it is correct either way and the next state to need a
+ *    different width gets it for free.
  */
 .ion-input {
   /*
@@ -172,9 +174,10 @@
  * hover -> focus -> invalid -> read-only -> disabled.
  *
  * Invalid sits after focus and overrides the colour only, never the width. A
- * focused invalid field therefore keeps the 2px ring but shows it in the error
- * colour, which is both states being true at once rather than one masking the
- * other.
+ * focused invalid field therefore shows the error colour rather than the focus
+ * colour — both states are true at once and the more urgent one is shown. That
+ * ordering mattered more when the two differed in width as well; it is still
+ * the behaviour, and still deliberate.
  */
 
 /*
@@ -192,23 +195,39 @@
   border-color: var(--border-strong);
 }
 
+/*
+ * 1px, not the 2px this used to carry. See the note on --invalid below: both
+ * states were thinned on the same design call, and the trade is the same one.
+ */
 .ion-input:focus-within,
 .ion-input[data-focused='true'] {
-  --ion-input-border-width: var(--border-width-thick);
-
   border-color: var(--border-focus);
 }
 
 /*
- * 2px, matching Focus and matching Select. At 1px the invalid state differed
- * from default only in hue, which is the exact failure mode WCAG 1.4.1 is
- * about — error has to be perceivable without relying on colour alone.
- * Reconciled in Figma; Input was the one that was wrong.
+ * 1px. THIS COMMENT USED TO ARGUE FOR 2px AND THE ARGUMENT WAS SOUND, so read
+ * it before changing anything back:
+ *
+ *   "2px, matching Focus and matching Select. At 1px the invalid state differed
+ *    from default only in hue, which is the exact failure mode WCAG 1.4.1 is
+ *    about — error has to be perceivable without relying on colour alone.
+ *    Reconciled in Figma; Input was the one that was wrong."
+ *
+ * That defect was found once and fixed once, and thinning the border reopens
+ * it: an invalid field now differs from a default field by hue alone. It was
+ * changed on an explicit design call on 5 Sep 2026, applied to Input and
+ * Textarea and to their Figma sets, and it is recorded here rather than left to
+ * look like drift.
+ *
+ * Select, Checkbox, Radio, Tabs and Menu still carry border-width/thick, so
+ * these two are deliberately out of step with the rest of the system.
+ *
+ * IF THE ERROR STATE NEEDS A NON-COLOUR CUE AGAIN, this is the decision to
+ * revisit — and an icon or a message would satisfy 1.4.1 without the border,
+ * which is the better fix than putting the 2px back.
  */
 .ion-input--invalid,
 .ion-input[data-invalid='true'] {
-  --ion-input-border-width: var(--border-width-thick);
-
   border-color: var(--border-error-strong);
 }
 

package/dist/styles/textarea.css

@@ -0,0 +1,178 @@
+/*
+ * Textarea
+ *
+ * Measured from Figma `Textarea` (1301:334). Three sizes x seven states, and
+ * every one of them is Input's — a textarea is an input that wrapped. If the
+ * two ever diverge it should be because a design said so, not because one
+ * drifted; the shared vocabulary is the point.
+ *
+ * THE HEIGHT IS DERIVED, NOT TYPED
+ *
+ * Figma's frame hugs a three-line text node, so the box height falls out of
+ * bound padding and a bound line-height rather than a number someone picked:
+ *
+ *   sm   3 x 20 + 2 x 6   =  72
+ *   md   3 x 24 + 2 x 8   =  88
+ *   lg   3 x 24 + 2 x 12  =  96
+ *
+ * `rows={3}` reproduces that in the browser for free, and it keeps working when
+ * the type ramp moves. Do not replace it with a fixed `height` — that would
+ * pin the box while the text inside it kept scaling.
+ *
+ * THE RESIZE GRIP IS THE BROWSER'S, AND THIS FILE MUST NOT DRAW ONE
+ *
+ * `resize: vertical` makes the browser paint the two-diagonal grip in the
+ * bottom-right corner. Figma draws that grip too, at border/stronger — but as
+ * documentation of a native control, not as a spec for one. The native grip
+ * cannot be styled, so a custom one here would not replace it; it would sit
+ * beside it and every field would have two.
+ *
+ * Horizontal resize is off deliberately: a field that can grow wider than its
+ * container breaks the layout around it, and no design here asks for it.
+ */
+
+.ion-textarea {
+  --ion-textarea-padding-x: var(--spacing-12);
+  --ion-textarea-padding-y: var(--spacing-8);
+  --ion-textarea-radius: var(--radius-md);
+  --ion-textarea-font-size: var(--type-body);
+  --ion-textarea-line-height: var(--type-body-line-height);
+  --ion-textarea-border-width: var(--border-width-default);
+
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+
+  /*
+   * Same correction Input makes, and for the same reason: Figma draws its
+   * stroke INSIDE the frame so padding is measured from the outer edge, while a
+   * CSS border sits outside the padding box. Subtracting the live border width
+   * puts the text where Figma puts it.
+   */
+  padding: var(--ion-textarea-padding-y)
+    calc(var(--ion-textarea-padding-x) - var(--ion-textarea-border-width));
+  background-color: var(--surface-default);
+  border-style: solid;
+  border-width: var(--ion-textarea-border-width);
+  border-color: var(--border-default);
+  border-radius: var(--ion-textarea-radius);
+  color: var(--text-secondary);
+  font-family: var(--font-family-sans);
+  font-size: var(--ion-textarea-font-size);
+  line-height: var(--ion-textarea-line-height);
+  font-weight: var(--font-weight-regular);
+  resize: vertical;
+  transition:
+    border-color var(--ion-duration-base) var(--ion-ease-out),
+    background-color var(--ion-duration-base) var(--ion-ease-out);
+}
+
+.ion-textarea--sm {
+  --ion-textarea-padding-y: var(--spacing-6);
+  --ion-textarea-radius: var(--radius-sm);
+  --ion-textarea-font-size: var(--type-body-sm);
+  --ion-textarea-line-height: var(--type-body-sm-line-height);
+}
+
+/* Large keeps Medium's radius and type ramp — only padding grows, as on Input. */
+.ion-textarea--lg {
+  --ion-textarea-padding-x: var(--spacing-16);
+  --ion-textarea-padding-y: var(--spacing-12);
+}
+
+/*
+ * Figma's Filled state differs from Default only in the value colour, which is
+ * exactly the placeholder distinction — so it needs no variant, the same
+ * resolution input.css reached.
+ *
+ * text/tertiary, and THERE IS NO LONGER A text/placeholder TO REACH FOR.
+ *
+ * The role read 2.38:1 in Light and 2.33:1 in Dark against the 4.5 SC 1.4.3
+ * asks, and the criterion does not exempt placeholder text. Writing this file
+ * against the Figma binding failed 14 contrast pairings immediately, which is
+ * how the defect surfaced at all: no stylesheet had ever used the role, so
+ * nothing measured it. It was retired from Figma and the export on 5 Sep 2026
+ * rather than exempted, and Input's six bindings moved here too.
+ *
+ * Base Web makes the same call — `inputPlaceholder` points at `contentTertiary`
+ * and there is no placeholder colour. Carbon keeps one, at 2.38:1, and has an
+ * open issue about it.
+ */
+.ion-textarea::placeholder {
+  color: var(--text-tertiary);
+  opacity: 1;
+}
+
+/*
+ * State order is deliberate and equal-specificity, so later rules win:
+ * hover -> focus -> invalid -> read-only -> disabled.
+ */
+
+/*
+ * Hover is declared twice, as on Input and Button. Native `:hover` latches on
+ * touch until you tap elsewhere; `[data-hovered]` comes from React Aria's
+ * useHover, which is pointer-aware. The media query keeps this working without
+ * React.
+ */
+@media (hover: hover) {
+  .ion-textarea:hover {
+    border-color: var(--border-strong);
+  }
+}
+
+.ion-textarea[data-hovered='true'] {
+  border-color: var(--border-strong);
+}
+
+.ion-textarea:focus,
+.ion-textarea[data-focused='true'] {
+  border-color: var(--border-focus);
+  outline: none;
+}
+
+/*
+ * 1px, matching Input as of 0.49.0. Input's stylesheet carries the full note:
+ * this width used to be 2px so the error state would not rest on hue alone,
+ * which is what WCAG 1.4.1 asks. It was thinned on an explicit design call, and
+ * an icon or a message is the better way to restore that cue.
+ */
+.ion-textarea--invalid,
+.ion-textarea[data-invalid='true'] {
+  border-color: var(--border-error-strong);
+}
+
+/*
+ * Read-only keeps the value legible but drops the field out of the editable
+ * palette — page surface, subtle border. It stays resizable, which is what the
+ * browser does and what the Figma set shows.
+ */
+.ion-textarea--readonly,
+.ion-textarea[data-readonly='true'] {
+  background-color: var(--surface-page);
+  border-color: var(--border-subtle);
+}
+
+/*
+ * Disabled turns resize off. A disabled textarea cannot be resized in any
+ * browser and none of them draw the grip on one, so `resize: none` here is
+ * matching the platform rather than making a choice.
+ */
+.ion-textarea:disabled,
+.ion-textarea[data-disabled='true'] {
+  background-color: var(--surface-disabled);
+  border-color: var(--border-disabled);
+  color: var(--text-disabled);
+  cursor: not-allowed;
+  resize: none;
+}
+
+.ion-textarea:disabled::placeholder,
+.ion-textarea[data-disabled='true']::placeholder {
+  color: var(--text-disabled);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ion-textarea {
+    transition: none;
+  }
+}

package/dist/styles/tokens/base.css

@@ -305,7 +305,6 @@
   --text-default: #131923;
   --text-secondary: #384252;
   --text-tertiary: #4b5563;
-  --text-placeholder: #9ca3b0;
   --text-disabled: #6b7280;
   --text-on-color: #ffffff;
   --text-inverse: #f6f8f9;

package/dist/styles/tokens/theme-dark.css

@@ -6,7 +6,6 @@
   --text-default: #f6f8f9;
   --text-secondary: #dde0e4;
   --text-tertiary: #9ca3b0;
-  --text-placeholder: #4b5563;
   --text-inverse: #131923;
   --text-primary: #9fd5f9;
   --text-error: #ffadad;

package/dist/tokens/index.d.ts

@@ -36,7 +36,6 @@ export declare const ui: {
     readonly 'text/default': "var(--text-default)";
     readonly 'text/secondary': "var(--text-secondary)";
     readonly 'text/tertiary': "var(--text-tertiary)";
-    readonly 'text/placeholder': "var(--text-placeholder)";
     readonly 'text/disabled': "var(--text-disabled)";
     readonly 'text/on-color': "var(--text-on-color)";
     readonly 'text/inverse': "var(--text-inverse)";
@@ -510,7 +509,6 @@ export declare const tokens: {
         readonly 'text/default': "var(--text-default)";
         readonly 'text/secondary': "var(--text-secondary)";
         readonly 'text/tertiary': "var(--text-tertiary)";
-        readonly 'text/placeholder': "var(--text-placeholder)";
         readonly 'text/disabled': "var(--text-disabled)";
         readonly 'text/on-color': "var(--text-on-color)";
         readonly 'text/inverse': "var(--text-inverse)";
@@ -1118,10 +1116,6 @@ export declare const tokenValues: {
         readonly Light: "{neutral.600}";
         readonly Dark: "{neutral.400}";
     };
-    readonly "text/placeholder": {
-        readonly Light: "{neutral.400}";
-        readonly Dark: "{neutral.600}";
-    };
     readonly "text/disabled": {
         readonly Light: "{neutral.500}";
         readonly Dark: "{neutral.500}";

package/dist/tokens/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgjDd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4iDd,CAAC"}

package/dist/tokens/index.js

@@ -38,7 +38,6 @@ export const ui = {
     'text/default': 'var(--text-default)',
     'text/secondary': 'var(--text-secondary)',
     'text/tertiary': 'var(--text-tertiary)',
-    'text/placeholder': 'var(--text-placeholder)',
     'text/disabled': 'var(--text-disabled)',
     'text/on-color': 'var(--text-on-color)',
     'text/inverse': 'var(--text-inverse)',
@@ -640,10 +639,6 @@ export const tokenValues = {
         "Light": "{neutral.600}",
         "Dark": "{neutral.400}"
     },
-    "text/placeholder": {
-        "Light": "{neutral.400}",
-        "Dark": "{neutral.600}"
-    },
     "text/disabled": {
         "Light": "{neutral.500}",
         "Dark": "{neutral.500}"