@vellira-ui/tokens 2.29.0 → 2.30.0

package/dist/light/components/input.js

@@ -1,10 +1,72 @@
+import { createInputColorPalette } from '../../factories/createInputPalette.js';
+import { colors } from '../../primitives/colors.js';
 import { border } from '../semantic/border.js';
 import { focus } from '../semantic/focus.js';
 import { icons } from '../semantic/icons.js';
 import { status } from '../semantic/status.js';
 import { surface } from '../semantic/surface.js';
 import { text } from '../semantic/text.js';
+const inputPaletteDefaults = {
+    fg: text.primary,
+    placeholder: text.secondary,
+    filledFocusBg: surface.subtle,
+    hoverBg: surface.hover,
+};
+const primary = createInputColorPalette({
+    ...inputPaletteDefaults,
+    accent: colors.primary[500],
+    accentHover: colors.primary[700],
+    accentSoft: colors.primary[50],
+    filledBg: colors.primary[100],
+    filledHoverBg: colors.primary[200],
+    ring: colors.primary[400],
+});
+const neutral = createInputColorPalette({
+    ...inputPaletteDefaults,
+    accent: colors.vellira[400],
+    accentHover: colors.vellira[600],
+    accentSoft: colors.vellira[100],
+    filledBg: colors.vellira[150],
+    filledHoverBg: colors.vellira[200],
+    hoverBg: colors.vellira[100],
+    ring: colors.vellira[400],
+});
+const success = createInputColorPalette({
+    ...inputPaletteDefaults,
+    accent: colors.success[600],
+    accentHover: colors.success[700],
+    accentSoft: colors.success[50],
+    filledBg: colors.success[100],
+    filledHoverBg: colors.success[200],
+    hoverBg: colors.success[50],
+    ring: colors.success[500],
+});
+const warning = createInputColorPalette({
+    ...inputPaletteDefaults,
+    accent: colors.warning[600],
+    accentHover: colors.warning[700],
+    accentSoft: colors.warning[50],
+    filledBg: colors.warning[100],
+    filledHoverBg: colors.warning[200],
+    hoverBg: colors.warning[50],
+    ring: colors.warning[500],
+});
+const danger = createInputColorPalette({
+    ...inputPaletteDefaults,
+    accent: colors.error[600],
+    accentHover: colors.error[700],
+    accentSoft: colors.error[50],
+    filledBg: colors.error[100],
+    filledHoverBg: colors.error[200],
+    hoverBg: colors.error[50],
+    ring: colors.error[500],
+});
 export const input = {
+    primary,
+    neutral,
+    success,
+    warning,
+    danger,
     default: {
         bg: 'transparent',
         fg: text.primary,
@@ -38,10 +100,6 @@ export const input = {
         border: status.error.border,
         ring: status.error.ring,
     },
-    success: {
-        border: status.success.border,
-        ring: status.success.ring,
-    },
     readOnly: {
         bg: surface.subtle,
         fg: text.secondary,
@@ -66,4 +124,23 @@ export const input = {
         focusBg: surface.subtle,
         pressedBg: surface.active,
     },
+    revealButton: {
+        fg: text.primary,
+        hoverFg: text.primary,
+        hoverBg: surface.hover,
+    },
+    addon: {
+        bg: surface.muted,
+        fg: text.secondary,
+        border: border.default,
+    },
+    affix: {
+        fg: text.primary,
+    },
+    counter: {
+        fg: text.secondary,
+    },
+    spinner: {
+        fg: icons.muted,
+    },
 };

package/dist/light/semantic/icons.d.ts

@@ -7,7 +7,7 @@ export declare const icons: {
     readonly primary: "#5037C8";
     readonly brand: "#5037C8";
     readonly hover: "#402C9F";
-    readonly success: "#0F766E";
+    readonly success: "#14B8A6";
     readonly danger: "#BE123C";
     readonly inverse: "#FFFFFF";
 };

package/dist/light/semantic/icons.js

@@ -8,7 +8,7 @@ export const icons = {
     primary: colors.primary[700],
     brand: colors.primary[700],
     hover: colors.primary[800],
-    success: colors.success[700],
+    success: colors.success[500],
     danger: colors.error[700],
     inverse: colors.mono[50],
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vellira-ui/tokens",
-  "version": "2.29.0",
+  "version": "2.30.0",
   "description": "Design tokens for Vellira Design System",
   "author": "Roman Bakurov",
   "license": "MIT",
@@ -30,10 +30,11 @@
   ],
   "scripts": {
     "clean": "node --input-type=module -e \"import fs from 'node:fs'; fs.rmSync('dist', { recursive: true, force: true })\"",
+    "clean:build": "node --input-type=module -e \"import fs from 'node:fs'; if (fs.existsSync('dist')) for (const entry of fs.readdirSync('dist')) { if (entry !== 'css') fs.rmSync('dist/' + entry, { recursive: true, force: true }); }\"",
     "generate:types": "tsx scripts/generate-token-types.ts",
     "generate:types:check": "tsx scripts/generate-token-types.ts --check",
     "build:tokens": "pnpm run generate:types && tsx scripts/generate-css.ts",
-    "build": "pnpm run clean && pnpm run build:tokens && tsc -p tsconfig.build.json",
+    "build": "pnpm run clean:build && pnpm run build:tokens && tsc -p tsconfig.build.json",
     "typecheck": "pnpm run generate:types:check && tsc -p tsconfig.json --noEmit",
     "test": "pnpm run generate:types:check && vitest run"
   },