@vellira-ui/tokens 2.19.6

package/dist/light/components/modal.js

@@ -0,0 +1,34 @@
+import { overlay } from '../../semantic/overlay.js';
+import { border } from '../semantic/border.js';
+import { surface } from '../semantic/surface.js';
+import { text } from '../semantic/text.js';
+export const modal = {
+    overlay: {
+        bg: overlay.backdrop,
+    },
+    content: {
+        bg: surface.elevated,
+        fg: text.primary,
+        border: border.default,
+    },
+    title: {
+        fg: text.primary,
+    },
+    description: {
+        fg: text.secondary,
+    },
+    closeButton: {
+        default: {
+            bg: 'transparent',
+            fg: text.muted,
+        },
+        hover: {
+            bg: surface.subtle,
+            fg: text.primary,
+        },
+        disabled: {
+            bg: 'transparent',
+            fg: text.disabled,
+        },
+    },
+};

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

@@ -0,0 +1,38 @@
+export declare const radio: {
+    readonly default: {
+        readonly bg: "#FDFCFF";
+        readonly fg: "#3A334D";
+        readonly border: "#E8E2F3";
+    };
+    readonly hover: {
+        readonly bg: "#EEF0FF";
+        readonly fg: "#4338CA";
+        readonly border: "#5B4BEA";
+    };
+    readonly checked: {
+        readonly default: {
+            readonly fg: "#5B4BEA";
+            readonly bg: "#5B4BEA";
+            readonly border: "#5B4BEA";
+        };
+        readonly hover: {
+            readonly fg: "#5B4BEA";
+            readonly bg: "#4936D9";
+            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: "#E8E2F3";
+    };
+};
+//# sourceMappingURL=radio.d.ts.map

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

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

package/dist/light/components/radio.js

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

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

@@ -0,0 +1,63 @@
+export declare const select: {
+    readonly trigger: {
+        readonly default: {
+            readonly bg: "#FDFCFF";
+            readonly fg: "#1A1A1A";
+            readonly border: "#E8E2F3";
+        };
+        readonly hover: {
+            readonly bg: "#EEF0FF";
+            readonly fg: "#4338CA";
+            readonly border: "#5B4BEA";
+        };
+        readonly focus: {
+            readonly bg: "#FDFCFF";
+            readonly fg: "#3A334D";
+            readonly border: "#5B4BEA";
+            readonly ring: "#5B4BEA";
+        };
+        readonly disabled: {
+            readonly bg: "#F4F1FB";
+            readonly fg: "#9CA3AF";
+            readonly border: "#EEE8FA";
+        };
+        readonly placeholder: {
+            readonly fg: "#746F86";
+        };
+        readonly error: {
+            readonly border: "#DC2626";
+            readonly ring: "#FEF2F2";
+        };
+    };
+    readonly dropdown: {
+        readonly bg: "#FFFFFF";
+        readonly fg: "#3A334D";
+        readonly border: "#EEE8FA";
+    };
+    readonly option: {
+        readonly default: {
+            readonly bg: "transparent";
+            readonly fg: "#3A334D";
+            readonly border: "#EEE8FA";
+        };
+        readonly hover: {
+            readonly bg: "#D1D5DB";
+            readonly fg: "#3A334D";
+        };
+        readonly active: {
+            readonly ring: "transparent";
+            readonly bg: "#E5E7EB";
+            readonly fg: "#3A334D";
+        };
+        readonly selected: {
+            readonly bg: "#5B4BEA";
+            readonly fg: "#FFFFFF";
+        };
+        readonly disabled: {
+            readonly bg: "transparent";
+            readonly fg: "#9CA3AF";
+            readonly border: "#EEE8FA";
+        };
+    };
+};
+//# sourceMappingURL=select.d.ts.map

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

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

package/dist/light/components/select.js

@@ -0,0 +1,61 @@
+import { border } from '../semantic/border.js';
+import { control } from '../semantic/control.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 select = {
+    trigger: {
+        default: {
+            bg: surface.default,
+            fg: text.subtle,
+            border: border.default,
+        },
+        hover: control.hover,
+        focus: {
+            bg: surface.default,
+            fg: text.primary,
+            border: border.focus,
+            ring: focus.ring,
+        },
+        disabled: {
+            bg: surface.subtle,
+            fg: text.disabled,
+            border: border.muted,
+        },
+        placeholder: {
+            fg: text.muted,
+        },
+        error: {
+            border: status.error.fg,
+            ring: status.error.bg,
+        },
+    },
+    dropdown: {
+        bg: surface.elevated,
+        fg: text.primary,
+        border: border.muted,
+    },
+    option: {
+        default: {
+            bg: 'transparent',
+            fg: text.primary,
+            border: border.muted,
+        },
+        hover: navigation.optionHover,
+        active: {
+            ...navigation.optionActive,
+            ring: 'transparent',
+        },
+        selected: {
+            bg: control.selected.default.bg,
+            fg: control.selected.default.fg,
+        },
+        disabled: {
+            bg: 'transparent',
+            fg: text.disabled,
+            border: border.muted,
+        },
+    },
+};

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

@@ -0,0 +1,67 @@
+export declare const tabs: {
+    readonly list: {
+        readonly border: "#E8E2F3";
+    };
+    readonly trigger: {
+        readonly default: {
+            readonly bg: "transparent";
+            readonly fg: "#3A334D";
+            readonly border: "transparent";
+        };
+        readonly hover: {
+            readonly bg: "transparent";
+            readonly fg: "#F4F1FB";
+            readonly border: "#F4F1FB";
+        };
+        readonly active: {
+            readonly bg: "transparent";
+            readonly fg: "#5B4BEA";
+            readonly border: "#5B4BEA";
+        };
+        readonly focus: {
+            readonly ring: "#F4F1FB";
+        };
+        readonly disabled: {
+            readonly bg: "transparent";
+            readonly fg: "#9CA3AF";
+            readonly border: "transparent";
+        };
+    };
+    readonly pills: {
+        readonly default: {
+            readonly bg: "transparent";
+            readonly fg: "#3A334D";
+            readonly border: "transparent";
+        };
+        readonly hover: {
+            readonly bg: "#EEE8FA";
+            readonly fg: "#3A334D";
+            readonly border: "transparent";
+        };
+        readonly active: {
+            readonly bg: "#5B4BEA";
+            readonly fg: "#FFFFFF";
+            readonly border: "#7C6CF2";
+        };
+        readonly disabled: {
+            readonly bg: "transparent";
+            readonly fg: "#9CA3AF";
+            readonly border: "transparent";
+        };
+    };
+    readonly indicator: {
+        readonly default: {
+            readonly bg: "#5B4BEA";
+        };
+        readonly hover: {
+            readonly bg: "#5B4BEA";
+        };
+        readonly active: {
+            readonly bg: "#5B4BEA";
+        };
+    };
+    readonly panel: {
+        readonly fg: "#3A334D";
+    };
+};
+//# sourceMappingURL=tabs.d.ts.map

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

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

package/dist/light/components/tabs.js

@@ -0,0 +1,72 @@
+import { action } from '../semantic/action.js';
+import { border } from '../semantic/border.js';
+import { control } from '../semantic/control.js';
+import { navigation } from '../semantic/navigation.js';
+import { surface } from '../semantic/surface.js';
+import { text } from '../semantic/text.js';
+export const tabs = {
+    list: {
+        border: border.default,
+    },
+    trigger: {
+        default: {
+            bg: 'transparent',
+            fg: text.primary,
+            border: 'transparent',
+        },
+        hover: {
+            bg: 'transparent',
+            fg: navigation.hover.bg,
+            border: navigation.hover.bg,
+        },
+        active: {
+            bg: 'transparent',
+            fg: text.brand,
+            border: action.primary.default.border,
+        },
+        focus: {
+            ring: navigation.hover.bg,
+        },
+        disabled: {
+            bg: 'transparent',
+            fg: text.disabled,
+            border: 'transparent',
+        },
+    },
+    pills: {
+        default: {
+            bg: 'transparent',
+            fg: text.primary,
+            border: 'transparent',
+        },
+        hover: {
+            bg: surface.hover,
+            fg: text.primary,
+            border: 'transparent',
+        },
+        active: {
+            bg: control.selected.muted.bg,
+            fg: control.selected.muted.fg,
+            border: control.selected.muted.border,
+        },
+        disabled: {
+            bg: 'transparent',
+            fg: text.disabled,
+            border: 'transparent',
+        },
+    },
+    indicator: {
+        default: {
+            bg: text.brand,
+        },
+        hover: {
+            bg: control.selected.muted.bg,
+        },
+        active: {
+            bg: text.brand,
+        },
+    },
+    panel: {
+        fg: text.primary,
+    },
+};

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

@@ -0,0 +1,11 @@
+export declare const tooltip: {
+    readonly content: {
+        readonly bg: "#1B1726";
+        readonly fg: "#FFFFFF";
+        readonly border: "#E8E2F3";
+    };
+    readonly arrow: {
+        readonly bg: "#1B1726";
+    };
+};
+//# sourceMappingURL=tooltip.d.ts.map

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

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

package/dist/light/components/tooltip.js

@@ -0,0 +1,13 @@
+import { border } from '../semantic/border.js';
+import { surface } from '../semantic/surface.js';
+import { text } from '../semantic/text.js';
+export const tooltip = {
+    content: {
+        bg: surface.inverse,
+        fg: text.inverse,
+        border: border.default,
+    },
+    arrow: {
+        bg: surface.inverse,
+    },
+};

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

@@ -0,0 +1,72 @@
+export declare const action: {
+    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 active: {
+            readonly bg: "#3B2BBF";
+            readonly fg: "#FFFFFF";
+            readonly border: "#3B2BBF";
+        };
+        readonly muted: {
+            readonly bg: "#7C6CF2";
+            readonly fg: "#FFFFFF";
+            readonly border: "#7C6CF2";
+        };
+        readonly subtle: {
+            readonly bg: "#EEF0FF";
+            readonly fg: "#4338CA";
+            readonly border: "#5B4BEA";
+        };
+    };
+    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 active: {
+            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 active: {
+            readonly bg: "#B91C1C";
+            readonly fg: "#FFFFFF";
+            readonly border: "#B91C1C";
+        };
+        readonly subtle: {
+            readonly bg: "#FEF2F2";
+            readonly fg: "#DC2626";
+        };
+        readonly muted: {
+            readonly bg: "#FFF1F2";
+            readonly fg: "#DC2626";
+        };
+    };
+};
+//# sourceMappingURL=action.d.ts.map

package/dist/light/semantic/action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/action.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwET,CAAC"}

package/dist/light/semantic/action.js

@@ -0,0 +1,73 @@
+import { colors } from '../../primitives/colors.js';
+import { text } from './text.js';
+export const action = {
+    primary: {
+        default: {
+            bg: colors.primary[700],
+            fg: text.inverse,
+            border: colors.primary[700],
+        },
+        hover: {
+            bg: colors.primary[800],
+            fg: text.inverse,
+            border: colors.primary[800],
+        },
+        active: {
+            bg: colors.primary[950],
+            fg: text.inverse,
+            border: colors.primary[950],
+        },
+        muted: {
+            bg: colors.primary[500],
+            fg: text.inverse,
+            border: colors.primary[500],
+        },
+        subtle: {
+            bg: colors.primary[50],
+            fg: colors.primary[900],
+            border: colors.primary[700],
+        },
+    },
+    secondary: {
+        default: {
+            bg: colors.secondary[500],
+            fg: text.inverse,
+            border: colors.secondary[500],
+        },
+        hover: {
+            bg: colors.secondary[900],
+            fg: text.inverse,
+            border: colors.secondary[900],
+        },
+        active: {
+            bg: colors.secondary[950],
+            fg: text.inverse,
+            border: colors.secondary[950],
+        },
+    },
+    danger: {
+        default: {
+            bg: colors.error[700],
+            fg: text.inverse,
+            border: colors.error[700],
+        },
+        hover: {
+            bg: colors.error[800],
+            fg: text.inverse,
+            border: colors.error[800],
+        },
+        active: {
+            bg: colors.error[800],
+            fg: text.inverse,
+            border: colors.error[800],
+        },
+        subtle: {
+            bg: colors.error[50],
+            fg: colors.error[700],
+        },
+        muted: {
+            bg: colors.error[100],
+            fg: colors.error[700],
+        },
+    },
+};

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

@@ -0,0 +1,9 @@
+export declare const border: {
+    readonly default: "#E8E2F3";
+    readonly muted: "#EEE8FA";
+    readonly subtle: "#D8D3E8";
+    readonly elevated: "#746F86";
+    readonly strong: "#3A334D";
+    readonly focus: "#5B4BEA";
+};
+//# sourceMappingURL=border.d.ts.map

package/dist/light/semantic/border.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/border.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;CAQT,CAAC"}

package/dist/light/semantic/border.js

@@ -0,0 +1,9 @@
+import { colors } from '../../primitives/colors.js';
+export const border = {
+    default: colors.vellira[200],
+    muted: colors.vellira[150],
+    subtle: colors.vellira[250],
+    elevated: colors.vellira[400],
+    strong: colors.vellira[600],
+    focus: colors.primary[700],
+};

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

@@ -0,0 +1,30 @@
+export declare const control: {
+    readonly hover: {
+        readonly bg: "#EEF0FF";
+        readonly fg: "#4338CA";
+        readonly border: "#5B4BEA";
+    };
+    readonly selected: {
+        readonly default: {
+            readonly bg: "#5B4BEA";
+            readonly fg: "#FFFFFF";
+            readonly border: "#5B4BEA";
+        };
+        readonly hover: {
+            readonly bg: "#4936D9";
+            readonly fg: "#FFFFFF";
+            readonly border: "#4936D9";
+        };
+        readonly active: {
+            readonly bg: "#3B2BBF";
+            readonly fg: "#FFFFFF";
+            readonly border: "#3B2BBF";
+        };
+        readonly muted: {
+            readonly bg: "#5B4BEA";
+            readonly fg: "#FFFFFF";
+            readonly border: "#7C6CF2";
+        };
+    };
+};
+//# sourceMappingURL=control.d.ts.map

package/dist/light/semantic/control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/control.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BV,CAAC"}

package/dist/light/semantic/control.js

@@ -0,0 +1,31 @@
+import { colors } from '../../primitives/colors.js';
+import { text } from './text.js';
+export const control = {
+    hover: {
+        bg: colors.primary[50],
+        fg: colors.primary[900],
+        border: colors.primary[700],
+    },
+    selected: {
+        default: {
+            bg: colors.primary[700],
+            fg: text.inverse,
+            border: colors.primary[700],
+        },
+        hover: {
+            bg: colors.primary[800],
+            fg: text.inverse,
+            border: colors.primary[800],
+        },
+        active: {
+            bg: colors.primary[950],
+            fg: text.inverse,
+            border: colors.primary[950],
+        },
+        muted: {
+            bg: colors.primary[700],
+            fg: text.inverse,
+            border: colors.primary[500],
+        },
+    },
+};

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

@@ -0,0 +1,6 @@
+export declare const divider: {
+    readonly default: "#E5E7EB";
+    readonly muted: "#EDF5FF";
+    readonly strong: "#D1D5DB";
+};
+//# sourceMappingURL=divider.d.ts.map

package/dist/light/semantic/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/divider.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;CAIV,CAAC"}

package/dist/light/semantic/divider.js

@@ -0,0 +1,6 @@
+import { colors } from '../../primitives/colors.js';
+export const divider = {
+    default: colors.gray[200],
+    muted: colors.grayBlue[100],
+    strong: colors.gray[300],
+};

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

@@ -0,0 +1,5 @@
+export declare const focus: {
+    readonly ring: "#5B4BEA";
+    readonly ringOffset: "#FFFFFF";
+};
+//# sourceMappingURL=focus.d.ts.map

package/dist/light/semantic/focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/focus.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;CAGR,CAAC"}