@vellira-ui/tokens 2.19.6

package/dist/light/components/button.d.ts

@@ -0,0 +1,59 @@
+export declare const button: {
+    readonly primary: {
+        readonly default: {
+            readonly bg: "#5B4BEA";
+            readonly fg: "#FFFFFF";
+            readonly border: "#5B4BEA";
+        };
+        readonly hover: {
+            readonly bg: "#4936D9";
+            readonly fg: "#FFFFFF";
+            readonly border: "#4936D9";
+        };
+        readonly pressed: {
+            readonly bg: "#3B2BBF";
+            readonly fg: "#FFFFFF";
+            readonly border: "#3B2BBF";
+        };
+    };
+    readonly secondary: {
+        readonly default: {
+            readonly bg: "#4C4F8F";
+            readonly fg: "#FFFFFF";
+            readonly border: "#4C4F8F";
+        };
+        readonly hover: {
+            readonly bg: "#42477C";
+            readonly fg: "#FFFFFF";
+            readonly border: "#42477C";
+        };
+        readonly pressed: {
+            readonly bg: "#373B68";
+            readonly fg: "#FFFFFF";
+            readonly border: "#373B68";
+        };
+    };
+    readonly danger: {
+        readonly default: {
+            readonly bg: "#DC2626";
+            readonly fg: "#FFFFFF";
+            readonly border: "#DC2626";
+        };
+        readonly hover: {
+            readonly bg: "#B91C1C";
+            readonly fg: "#FFFFFF";
+            readonly border: "#B91C1C";
+        };
+        readonly pressed: {
+            readonly bg: "#B91C1C";
+            readonly fg: "#FFFFFF";
+            readonly border: "#B91C1C";
+        };
+    };
+    readonly disabled: {
+        readonly bg: "#F4F1FB";
+        readonly fg: "#9CA3AF";
+        readonly border: "#EEE8FA";
+    };
+};
+//# sourceMappingURL=button.d.ts.map

package/dist/light/components/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/light/components/button.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBT,CAAC"}

package/dist/light/components/button.js

@@ -0,0 +1,26 @@
+import { action } from '../semantic/action.js';
+import { border } from '../semantic/border.js';
+import { surface } from '../semantic/surface.js';
+import { text } from '../semantic/text.js';
+export const button = {
+    primary: {
+        default: action.primary.default,
+        hover: action.primary.hover,
+        pressed: action.primary.active,
+    },
+    secondary: {
+        default: action.secondary.default,
+        hover: action.secondary.hover,
+        pressed: action.secondary.active,
+    },
+    danger: {
+        default: action.danger.default,
+        hover: action.danger.hover,
+        pressed: action.danger.active,
+    },
+    disabled: {
+        bg: surface.subtle,
+        fg: text.disabled,
+        border: border.muted,
+    },
+};

package/dist/light/components/checkbox.d.ts

@@ -0,0 +1,42 @@
+export declare const checkbox: {
+    readonly default: {
+        readonly bg: "#FDFCFF";
+        readonly fg: "#3A334D";
+        readonly border: "#D8D3E8";
+    };
+    readonly hover: {
+        readonly bg: "#EEF0FF";
+        readonly fg: "#4338CA";
+        readonly border: "#5B4BEA";
+    };
+    readonly checked: {
+        readonly default: {
+            readonly bg: "#5B4BEA";
+            readonly fg: "#FFFFFF";
+            readonly border: "#5B4BEA";
+        };
+        readonly hover: {
+            readonly bg: "#4936D9";
+            readonly fg: "#FFFFFF";
+            readonly border: "#4936D9";
+        };
+        readonly pressed: {
+            readonly bg: "#3B2BBF";
+            readonly fg: "#FFFFFF";
+            readonly border: "#3B2BBF";
+        };
+    };
+    readonly focus: {
+        readonly ring: "#5B4BEA";
+    };
+    readonly disabled: {
+        readonly bg: "#F4F1FB";
+        readonly fg: "#9CA3AF";
+        readonly border: "#EEE8FA";
+    };
+    readonly error: {
+        readonly border: "#DC2626";
+        readonly fg: "#DC2626";
+    };
+};
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/light/components/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/light/components/checkbox.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BX,CAAC"}

package/dist/light/components/checkbox.js

@@ -0,0 +1,31 @@
+import { border } from '../semantic/border.js';
+import { control } from '../semantic/control.js';
+import { focus } from '../semantic/focus.js';
+import { status } from '../semantic/status.js';
+import { surface } from '../semantic/surface.js';
+import { text } from '../semantic/text.js';
+export const checkbox = {
+    default: {
+        bg: surface.default,
+        fg: text.primary,
+        border: border.subtle,
+    },
+    hover: control.hover,
+    checked: {
+        default: control.selected.default,
+        hover: control.selected.hover,
+        pressed: control.selected.active,
+    },
+    focus: {
+        ring: focus.ring,
+    },
+    disabled: {
+        bg: surface.subtle,
+        fg: text.disabled,
+        border: border.muted,
+    },
+    error: {
+        border: status.error.fg,
+        fg: status.error.fg,
+    },
+};

package/dist/light/components/dropdown.d.ts

@@ -0,0 +1,75 @@
+export declare const dropdown: {
+    readonly trigger: {
+        readonly default: {
+            readonly bg: "transparent";
+            readonly fg: "#5B4BEA";
+            readonly border: "transparent";
+        };
+        readonly hover: {
+            readonly bg: "#F4F1FB";
+            readonly fg: "#4338CA";
+            readonly border: "transparent";
+            readonly ring: "transparent";
+        };
+        readonly focus: {
+            readonly bg: "transparent";
+            readonly fg: "#5B4BEA";
+            readonly border: "#5B4BEA";
+            readonly ring: "#5B4BEA";
+        };
+        readonly disabled: {
+            readonly bg: "#F4F1FB";
+            readonly fg: "#9CA3AF";
+            readonly border: "#EEE8FA";
+        };
+    };
+    readonly content: {
+        readonly bg: "#FFFFFF";
+        readonly fg: "#3A334D";
+        readonly border: "#E8E2F3";
+    };
+    readonly item: {
+        readonly default: {
+            readonly bg: "transparent";
+            readonly fg: "#3A334D";
+        };
+        readonly hover: {
+            readonly bg: "#F4F1FB";
+            readonly fg: "#3A334D";
+        };
+        readonly active: {
+            readonly bg: "#F4F1FB";
+            readonly fg: "#3A334D";
+            readonly ring: "transparent";
+        };
+        readonly focus: {
+            readonly ring: "#5B4BEA";
+        };
+        readonly disabled: {
+            readonly bg: "transparent";
+            readonly fg: "#9CA3AF";
+        };
+        readonly danger: {
+            readonly default: {
+                readonly fg: "#DC2626";
+            };
+            readonly hover: {
+                readonly bg: "#FEF2F2";
+                readonly fg: "#DC2626";
+            };
+            readonly active: {
+                readonly bg: "#FEF2F2";
+                readonly fg: "#DC2626";
+                readonly ring: "transparent";
+            };
+        };
+    };
+    readonly groupLabel: {
+        readonly fg: "#746F86";
+    };
+    readonly separator: {
+        readonly bg: "#EEE8FA";
+        readonly fg: "#746F86";
+    };
+};
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/light/components/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/light/components/dropdown.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFX,CAAC"}

package/dist/light/components/dropdown.js

@@ -0,0 +1,77 @@
+import { border } from '../semantic/border.js';
+import { focus } from '../semantic/focus.js';
+import { navigation } from '../semantic/navigation.js';
+import { status } from '../semantic/status.js';
+import { surface } from '../semantic/surface.js';
+import { text } from '../semantic/text.js';
+export const dropdown = {
+    trigger: {
+        default: {
+            bg: 'transparent',
+            fg: text.brand,
+            border: 'transparent',
+        },
+        hover: {
+            bg: navigation.brandHover.bg,
+            fg: navigation.brandHover.fg,
+            border: 'transparent',
+            ring: 'transparent',
+        },
+        focus: {
+            bg: 'transparent',
+            fg: text.brand,
+            border: border.focus,
+            ring: focus.ring,
+        },
+        disabled: {
+            bg: surface.subtle,
+            fg: text.disabled,
+            border: border.muted,
+        },
+    },
+    content: {
+        bg: surface.elevated,
+        fg: text.primary,
+        border: navigation.border,
+    },
+    item: {
+        default: {
+            bg: 'transparent',
+            fg: text.primary,
+        },
+        hover: navigation.hover,
+        active: {
+            bg: navigation.hover.bg,
+            fg: navigation.hover.fg,
+            ring: 'transparent',
+        },
+        focus: {
+            ring: focus.ring,
+        },
+        disabled: {
+            bg: 'transparent',
+            fg: text.disabled,
+        },
+        danger: {
+            default: {
+                fg: status.error.fg,
+            },
+            hover: {
+                bg: status.error.bg,
+                fg: status.error.fg,
+            },
+            active: {
+                bg: status.error.bg,
+                fg: status.error.fg,
+                ring: 'transparent',
+            },
+        },
+    },
+    groupLabel: {
+        fg: text.muted,
+    },
+    separator: {
+        bg: border.muted,
+        fg: text.muted,
+    },
+};

package/dist/light/components/formField.d.ts

@@ -0,0 +1,34 @@
+export declare const formField: {
+    readonly label: {
+        readonly fg: "#413957";
+    };
+    readonly description: {
+        readonly fg: "#746F86";
+    };
+    readonly helperText: {
+        readonly default: {
+            readonly fg: "#746F86";
+        };
+        readonly error: {
+            readonly fg: "#DC2626";
+        };
+        readonly success: {
+            readonly fg: "#008F6A";
+        };
+        readonly warning: {
+            readonly fg: "#C05621";
+        };
+        readonly info: {
+            readonly fg: "#0EA5E9";
+        };
+    };
+    readonly requiredMark: {
+        readonly fg: "#DC2626";
+    };
+    readonly disabled: {
+        readonly labelFg: "#9CA3AF";
+        readonly descriptionFg: "#9CA3AF";
+        readonly helperTextFg: "#9CA3AF";
+    };
+};
+//# sourceMappingURL=formField.d.ts.map

package/dist/light/components/formField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formField.d.ts","sourceRoot":"","sources":["../../../src/light/components/formField.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCZ,CAAC"}

package/dist/light/components/formField.js

@@ -0,0 +1,35 @@
+import { status } from '../semantic/status.js';
+import { text } from '../semantic/text.js';
+export const formField = {
+    label: {
+        fg: text.secondary,
+    },
+    description: {
+        fg: text.muted,
+    },
+    helperText: {
+        default: {
+            fg: text.muted,
+        },
+        error: {
+            fg: status.error.fg,
+        },
+        success: {
+            fg: status.success.fg,
+        },
+        warning: {
+            fg: status.warning.fg,
+        },
+        info: {
+            fg: status.info.fg,
+        },
+    },
+    requiredMark: {
+        fg: status.error.fg,
+    },
+    disabled: {
+        labelFg: text.disabled,
+        descriptionFg: text.disabled,
+        helperTextFg: text.disabled,
+    },
+};

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

@@ -0,0 +1,12 @@
+export { button } from './button.js';
+export { checkbox } from './checkbox.js';
+export { dropdown } from './dropdown.js';
+export { formField } from './formField.js';
+export { input } from './input.js';
+export { menu } from './menu.js';
+export { modal } from './modal.js';
+export { radio } from './radio.js';
+export { select } from './select.js';
+export { tabs } from './tabs.js';
+export { tooltip } from './tooltip.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/light/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,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,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/light/components/index.js

@@ -0,0 +1,11 @@
+export { button } from './button.js';
+export { checkbox } from './checkbox.js';
+export { dropdown } from './dropdown.js';
+export { formField } from './formField.js';
+export { input } from './input.js';
+export { menu } from './menu.js';
+export { modal } from './modal.js';
+export { radio } from './radio.js';
+export { select } from './select.js';
+export { tabs } from './tabs.js';
+export { tooltip } from './tooltip.js';

package/dist/light/components/input.d.ts

@@ -0,0 +1,36 @@
+export declare const input: {
+    readonly default: {
+        readonly bg: "transparent";
+        readonly fg: "#3A334D";
+        readonly border: "#E8E2F3";
+        readonly placeholder: "#746F86";
+    };
+    readonly hover: {
+        readonly bg: "#EEF0FF";
+        readonly fg: "#3A334D";
+        readonly border: "#5B4BEA";
+        readonly placeholder: "#746F86";
+    };
+    readonly focus: {
+        readonly bg: "transparent";
+        readonly fg: "#3A334D";
+        readonly border: "#5B4BEA";
+        readonly ring: "#5B4BEA";
+        readonly placeholder: "#746F86";
+    };
+    readonly disabled: {
+        readonly bg: "#F4F1FB";
+        readonly fg: "#9CA3AF";
+        readonly border: "#E8E2F3";
+        readonly placeholder: "#9CA3AF";
+    };
+    readonly error: {
+        readonly border: "#DC2626";
+        readonly ring: "#DC2626";
+    };
+    readonly success: {
+        readonly border: "#008F6A";
+        readonly ring: "#008F6A";
+    };
+};
+//# sourceMappingURL=input.d.ts.map

package/dist/light/components/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/light/components/input.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCR,CAAC"}

package/dist/light/components/input.js

@@ -0,0 +1,41 @@
+import { border } from '../semantic/border.js';
+import { control } from '../semantic/control.js';
+import { focus } from '../semantic/focus.js';
+import { status } from '../semantic/status.js';
+import { surface } from '../semantic/surface.js';
+import { text } from '../semantic/text.js';
+export const input = {
+    default: {
+        bg: 'transparent',
+        fg: text.primary,
+        border: border.default,
+        placeholder: text.muted,
+    },
+    hover: {
+        bg: control.hover.bg,
+        fg: text.primary,
+        border: control.hover.border,
+        placeholder: text.muted,
+    },
+    focus: {
+        bg: 'transparent',
+        fg: text.primary,
+        border: border.focus,
+        ring: focus.ring,
+        placeholder: text.muted,
+    },
+    disabled: {
+        bg: surface.subtle,
+        fg: text.disabled,
+        border: border.default,
+        placeholder: text.disabled,
+    },
+    error: {
+        border: status.error.strong,
+        ring: status.error.fg,
+    },
+    success: {
+        border: status.success.strong,
+        ring: status.success.fg,
+    },
+};

package/dist/light/components/menu.d.ts

@@ -0,0 +1,50 @@
+export declare const menu: {
+    readonly item: {
+        readonly default: {
+            readonly bg: "transparent";
+            readonly fg: "#3A334D";
+        };
+        readonly hover: {
+            readonly bg: "#F4F1FB";
+            readonly fg: "#3A334D";
+        };
+        readonly active: {
+            readonly bg: "#EEE8FA";
+            readonly fg: "#3A334D";
+        };
+        readonly focus: {
+            readonly ring: "transparent";
+        };
+        readonly disabled: {
+            readonly bg: "#F4F1FB";
+            readonly fg: "#9CA3AF";
+        };
+        readonly danger: {
+            readonly default: {
+                readonly fg: "#DC2626";
+            };
+            readonly hover: {
+                readonly bg: "#FEF2F2";
+                readonly fg: "#DC2626";
+            };
+            readonly active: {
+                readonly bg: "#FFF1F2";
+                readonly fg: "#DC2626";
+            };
+        };
+    };
+    readonly trigger: {
+        readonly default: {
+            readonly fg: "#5B4BEA";
+        };
+        readonly hover: {
+            readonly bg: "#F4F1FB";
+            readonly fg: "#4338CA";
+            readonly ring: "transparent";
+        };
+    };
+    readonly groupLabel: {
+        readonly fg: "#746F86";
+    };
+};
+//# sourceMappingURL=menu.d.ts.map

package/dist/light/components/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/light/components/menu.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDP,CAAC"}

package/dist/light/components/menu.js

@@ -0,0 +1,48 @@
+import { action } from '../semantic/action.js';
+import { navigation } from '../semantic/navigation.js';
+import { status } from '../semantic/status.js';
+import { surface } from '../semantic/surface.js';
+import { text } from '../semantic/text.js';
+export const menu = {
+    item: {
+        default: {
+            bg: 'transparent',
+            fg: text.primary,
+        },
+        hover: navigation.hover,
+        active: navigation.active,
+        focus: {
+            ring: 'transparent',
+        },
+        disabled: {
+            bg: surface.subtle,
+            fg: text.disabled,
+        },
+        danger: {
+            default: {
+                fg: status.error.fg,
+            },
+            hover: {
+                bg: action.danger.subtle.bg,
+                fg: action.danger.subtle.fg,
+            },
+            active: {
+                bg: action.danger.muted.bg,
+                fg: action.danger.muted.fg,
+            },
+        },
+    },
+    trigger: {
+        default: {
+            fg: text.brand,
+        },
+        hover: {
+            bg: navigation.brandHover.bg,
+            fg: navigation.brandHover.fg,
+            ring: 'transparent',
+        },
+    },
+    groupLabel: {
+        fg: text.muted,
+    },
+};

package/dist/light/components/modal.d.ts

@@ -0,0 +1,31 @@
+export declare const modal: {
+    readonly overlay: {
+        readonly bg: "rgba(0, 0, 0, 0.72)";
+    };
+    readonly content: {
+        readonly bg: "#FFFFFF";
+        readonly fg: "#3A334D";
+        readonly border: "#E8E2F3";
+    };
+    readonly title: {
+        readonly fg: "#3A334D";
+    };
+    readonly description: {
+        readonly fg: "#413957";
+    };
+    readonly closeButton: {
+        readonly default: {
+            readonly bg: "transparent";
+            readonly fg: "#746F86";
+        };
+        readonly hover: {
+            readonly bg: "#F4F1FB";
+            readonly fg: "#3A334D";
+        };
+        readonly disabled: {
+            readonly bg: "transparent";
+            readonly fg: "#9CA3AF";
+        };
+    };
+};
+//# sourceMappingURL=modal.d.ts.map

package/dist/light/components/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/light/components/modal.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCR,CAAC"}