@vellira-ui/tokens 2.117.1 → 2.118.0

package/dist/component-token-dependencies.d.ts

@@ -113,6 +113,12 @@ export declare const componentTokenDependencyAuditV1: readonly [{
     readonly file: "tabs.ts";
     readonly primitiveColorUsage: readonly ["intent-palette-construction", "component-owned-presentation"];
     readonly unresolved: readonly [];
+}, {
+    readonly factory: "createTextareaTokens";
+    readonly component: "textarea";
+    readonly file: "textarea.ts";
+    readonly primitiveColorUsage: readonly ["none"];
+    readonly unresolved: readonly [];
 }, {
     readonly factory: "createTooltipTokens";
     readonly component: "tooltip";

package/dist/component-token-dependencies.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-token-dependencies.d.ts","sourceRoot":"","sources":["../src/component-token-dependencies.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gCAAgC;;;;;;;;;;;;;;;;;;CA8BnC,CAAC;AAEX,MAAM,MAAM,4BAA4B,GACtC,MAAM,GAAG,6BAA6B,GAAG,8BAA8B,CAAC;AAE1E,eAAO,MAAM,wCAAwC;;;;;;;;;;EAe3C,CAAC;AAEX,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmHlC,CAAC;AAEX,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;EAiC9B,CAAC"}
+{"version":3,"file":"component-token-dependencies.d.ts","sourceRoot":"","sources":["../src/component-token-dependencies.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gCAAgC;;;;;;;;;;;;;;;;;;CA8BnC,CAAC;AAEX,MAAM,MAAM,4BAA4B,GACtC,MAAM,GAAG,6BAA6B,GAAG,8BAA8B,CAAC;AAE1E,eAAO,MAAM,wCAAwC;;;;;;;;;;EAe3C,CAAC;AAEX,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0HlC,CAAC;AAEX,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;EAiC9B,CAAC"}

package/dist/component-token-dependencies.js

@@ -149,6 +149,13 @@ export const componentTokenDependencyAuditV1 = [
         ],
         unresolved: [],
     },
+    {
+        factory: 'createTextareaTokens',
+        component: 'textarea',
+        file: 'textarea.ts',
+        primitiveColorUsage: ['none'],
+        unresolved: [],
+    },
     {
         factory: 'createTooltipTokens',
         component: 'tooltip',

package/dist/css/tokens.css

@@ -2321,6 +2321,22 @@
   --tabs-list-border: #E4DDF4;
   --tabs-list-segmented-bg: #231F3108;
   --tabs-panel-fg: #3D3754;
+  --textarea-default-bg: #FFFFFF;
+  --textarea-default-fg: #3D3754;
+  --textarea-default-border: #BBB2D2;
+  --textarea-hover-bg: #F4F3FF;
+  --textarea-hover-fg: #402C9F;
+  --textarea-hover-border: #5037C8;
+  --textarea-pressed-bg: #E9E6FF;
+  --textarea-pressed-fg: #342580;
+  --textarea-pressed-border: #402C9F;
+  --textarea-focus-ring: #5037C8;
+  --textarea-error-fg: #BE123C;
+  --textarea-error-border: #E11D48;
+  --textarea-error-ring: #F43F5E;
+  --textarea-disabled-bg: #F4F1FB;
+  --textarea-disabled-fg: #958CB0;
+  --textarea-disabled-border: #E4DDF4;
   --tooltip-content-bg: #FFFFFF;
   --tooltip-content-fg: #3D3754;
   --tooltip-content-border: #E4DDF4;
@@ -4616,6 +4632,22 @@
   --tabs-list-border: #3D3754;
   --tabs-list-segmented-bg: #FFFFFF0D;
   --tabs-panel-fg: #F4F1FB;
+  --textarea-default-bg: #2F2A42;
+  --textarea-default-fg: #F4F1FB;
+  --textarea-default-border: #4F4867;
+  --textarea-hover-bg: #2F2A42;
+  --textarea-hover-fg: #B8A8FF;
+  --textarea-hover-border: #B8A8FF;
+  --textarea-pressed-bg: #3D3754;
+  --textarea-pressed-fg: #B8A8FF;
+  --textarea-pressed-border: #B8A8FF;
+  --textarea-focus-ring: #B8A8FF;
+  --textarea-error-fg: #FB7185;
+  --textarea-error-border: #FB7185;
+  --textarea-error-ring: #FB7185;
+  --textarea-disabled-bg: #2F2A42;
+  --textarea-disabled-fg: #6B6386;
+  --textarea-disabled-border: #3D3754;
   --tooltip-content-bg: #2F2A42;
   --tooltip-content-fg: #F4F1FB;
   --tooltip-content-border: #4F4867;
@@ -6911,6 +6943,22 @@
   --tabs-list-border: #9CA3AF;
   --tabs-list-segmented-bg: #374151;
   --tabs-panel-fg: #FFFFFF;
+  --textarea-default-bg: #000000;
+  --textarea-default-fg: #FFFFFF;
+  --textarea-default-border: #9CA3AF;
+  --textarea-hover-bg: #374151;
+  --textarea-hover-fg: #FBBF24;
+  --textarea-hover-border: #FCD34D;
+  --textarea-pressed-bg: #374151;
+  --textarea-pressed-fg: #FFFFFF;
+  --textarea-pressed-border: #FDE68A;
+  --textarea-focus-ring: #FCD34D;
+  --textarea-error-fg: #FB7185;
+  --textarea-error-border: #FB7185;
+  --textarea-error-ring: #FB7185;
+  --textarea-disabled-bg: #111827;
+  --textarea-disabled-fg: #6B7280;
+  --textarea-disabled-border: #4B5563;
   --tooltip-content-bg: #FFFFFF;
   --tooltip-content-fg: #000000;
   --tooltip-content-border: #FCD34D;

package/dist/dark/components/index.d.ts

@@ -12,5 +12,6 @@ export { radioGroup } from './radioGroup.js';
 export { select } from './select.js';
 export { switchTokens as switch } from './switch.js';
 export { tabs } from './tabs.js';
+export { textareaTokens as textarea } from './textarea.js';
 export { tooltip } from './tooltip.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/dark/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dark/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dark/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/dark/components/index.js

@@ -12,4 +12,5 @@ export { radioGroup } from './radioGroup.js';
 export { select } from './select.js';
 export { switchTokens as switch } from './switch.js';
 export { tabs } from './tabs.js';
+export { textareaTokens as textarea } from './textarea.js';
 export { tooltip } from './tooltip.js';

package/dist/dark/components/textarea.d.ts

@@ -0,0 +1,2 @@
+export declare const textareaTokens: import("../../factories/index.js").TextareaTokensConfig;
+//# sourceMappingURL=textarea.d.ts.map

package/dist/dark/components/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/dark/components/textarea.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,yDAIzB,CAAC"}

package/dist/dark/components/textarea.js

@@ -0,0 +1,9 @@
+import { createTextareaTokensFromSemantics } from '../../factories/components/createTextareaTokens.js';
+import { control } from '../semantic/control.js';
+import { focus } from '../semantic/focus.js';
+import { status } from '../semantic/status.js';
+export const textareaTokens = createTextareaTokensFromSemantics({
+    control,
+    focus,
+    status,
+});

package/dist/factories/components/createTextareaTokens.d.ts

@@ -0,0 +1,40 @@
+export type TextareaVisualState = {
+    bg: string;
+    fg: string;
+    border: string;
+};
+export type TextareaTokensConfig = {
+    default: TextareaVisualState;
+    hover: TextareaVisualState;
+    pressed: TextareaVisualState;
+    focusRing: string;
+    error: {
+        fg: string;
+        border: string;
+        ring: string;
+    };
+    disabled: TextareaVisualState;
+};
+export type TextareaThemeSemantics = {
+    control: {
+        default: TextareaVisualState;
+        hover: TextareaVisualState;
+        pressed: TextareaVisualState;
+        disabled: TextareaVisualState;
+    };
+    focus: {
+        ring: {
+            color: string;
+        };
+    };
+    status: {
+        error: {
+            fg: string;
+            border: string;
+            ring: string;
+        };
+    };
+};
+export declare const createTextareaTokens: (config: TextareaTokensConfig) => TextareaTokensConfig;
+export declare const createTextareaTokensFromSemantics: ({ control, focus, status, }: TextareaThemeSemantics) => TextareaTokensConfig;
+//# sourceMappingURL=createTextareaTokens.d.ts.map

package/dist/factories/components/createTextareaTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTextareaTokens.d.ts","sourceRoot":"","sources":["../../../src/factories/components/createTextareaTokens.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,mBAAmB,CAAC;IAC7B,KAAK,EAAE,mBAAmB,CAAC;IAC3B,OAAO,EAAE,mBAAmB,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,QAAQ,EAAE,mBAAmB,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE;QACP,OAAO,EAAE,mBAAmB,CAAC;QAC7B,KAAK,EAAE,mBAAmB,CAAC;QAC3B,OAAO,EAAE,mBAAmB,CAAC;QAC7B,QAAQ,EAAE,mBAAmB,CAAC;KAC/B,CAAC;IACF,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,MAAM,EAAE;QACN,KAAK,EAAE;YACL,EAAE,EAAE,MAAM,CAAC;YACX,MAAM,EAAE,MAAM,CAAC;YACf,IAAI,EAAE,MAAM,CAAC;SACd,CAAC;KACH,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,QAAQ,oBAAoB,yBAAW,CAAC;AAE7E,eAAO,MAAM,iCAAiC,GAAI,6BAI/C,sBAAsB,yBAYrB,CAAC"}

package/dist/factories/components/createTextareaTokens.js

@@ -0,0 +1,13 @@
+export const createTextareaTokens = (config) => config;
+export const createTextareaTokensFromSemantics = ({ control, focus, status, }) => createTextareaTokens({
+    default: control.default,
+    hover: control.hover,
+    pressed: control.pressed,
+    focusRing: focus.ring.color,
+    error: {
+        fg: status.error.fg,
+        border: status.error.border,
+        ring: status.error.ring,
+    },
+    disabled: control.disabled,
+});

package/dist/factories/index.d.ts

@@ -12,5 +12,6 @@ export * from './components/createRadioTokens.js';
 export * from './components/createSelectTokens.js';
 export * from './components/createSwitchTokens.js';
 export * from './components/createTabsTokens.js';
+export * from './components/createTextareaTokens.js';
 export * from './components/createTooltipTokens.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/factories/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,yCAAyC,CAAC;AACxD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,wCAAwC,CAAC;AACvD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/factories/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,yCAAyC,CAAC;AACxD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,wCAAwC,CAAC;AACvD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC"}

package/dist/factories/index.js

@@ -12,4 +12,5 @@ export * from './components/createRadioTokens.js';
 export * from './components/createSelectTokens.js';
 export * from './components/createSwitchTokens.js';
 export * from './components/createTabsTokens.js';
+export * from './components/createTextareaTokens.js';
 export * from './components/createTooltipTokens.js';