@vellira-ui/tokens 2.19.6

package/dist/primitives/colors.js

@@ -0,0 +1,141 @@
+/**
+ * Brand palette used across both Light and Dark themes.
+ *
+ * 25–250   → Light surfaces
+ * 300–950  → Dark surfaces & text
+ */
+export const colors = {
+    primary: {
+        50: '#EEF0FF',
+        100: '#DDD6FE',
+        200: '#C4B5FD',
+        300: '#A78BFA',
+        400: '#8B7CF6',
+        500: '#7C6CF2',
+        600: '#6D5BD0',
+        700: '#5B4BEA',
+        800: '#4936D9',
+        900: '#4338CA',
+        950: '#3B2BBF',
+    },
+    secondary: {
+        50: '#F0F1FF',
+        100: '#D8DAFF',
+        200: '#B8BBF2',
+        300: '#9EA2EA',
+        400: '#7B80D8',
+        500: '#4C4F8F',
+        600: '#5F64B8',
+        700: '#555AA8',
+        800: '#494F95',
+        900: '#42477C',
+        950: '#373B68',
+    },
+    vellira: {
+        25: '#FDFCFF',
+        50: '#FAF8FF',
+        100: '#F4F1FB',
+        150: '#EEE8FA',
+        200: '#E8E2F3',
+        250: '#D8D3E8',
+        300: '#A8A1BA',
+        400: '#746F86',
+        500: '#413957',
+        600: '#3A334D',
+        700: '#312C44',
+        800: '#29253A',
+        900: '#211E2E',
+        950: '#1B1726',
+    },
+    info: {
+        50: '#F0F9FF',
+        100: '#EFF6FF',
+        200: '#DBEAFE',
+        300: '#93C5FD',
+        400: '#4DA3FF',
+        500: '#7BBCFF',
+        600: '#3399FF',
+        700: '#0EA5E9',
+        800: '#0284C7',
+        900: '#002B55',
+        950: '#102A43',
+    },
+    success: {
+        50: '#ECFDF5',
+        100: '#D1FAE5',
+        200: '#A7F3D0',
+        300: '#9AFFB8',
+        400: '#4ADE80',
+        500: '#00B956',
+        600: '#22C55E',
+        700: '#008F6A',
+        800: '#00785A',
+        900: '#166534',
+        950: '#0F2F26',
+    },
+    error: {
+        50: '#FEF2F2',
+        100: '#FFF1F2',
+        200: '#FDA4AF',
+        300: '#FF8A8A',
+        400: '#FB7185',
+        500: '#F43F5E',
+        600: '#E11D48',
+        700: '#DC2626',
+        800: '#B91C1C',
+        900: '#9F1239',
+        950: '#4C0519',
+    },
+    warning: {
+        50: '#FFF7ED',
+        100: '#FFFBEB',
+        200: '#FEF3C7',
+        300: '#FCD34D',
+        400: '#FFFF99',
+        500: '#FFFF00',
+        600: '#FFEA00',
+        700: '#C05621',
+        800: '#A74308',
+        900: '#92400E',
+        950: '#3A2412',
+    },
+    gray: {
+        50: '#F9FAFB',
+        100: '#F3F4F6',
+        200: '#E5E7EB',
+        300: '#D1D5DB',
+        400: '#9CA3AF',
+        500: '#6B7280',
+        600: '#4B5563',
+        700: '#374151',
+        800: '#1F2937',
+        900: '#111827',
+        950: '#0B1120',
+    },
+    grayBlue: {
+        50: '#F7FBFF',
+        100: '#EDF5FF',
+        200: '#D8E4F2',
+        300: '#C4D0DD',
+        400: '#98A8BD',
+        500: '#6B7F99',
+        600: '#4B5F7A',
+        700: '#33435F',
+        800: '#1E2A44',
+        900: '#111C2E',
+        950: '#0B1120',
+    },
+    mono: {
+        50: '#FFFFFF',
+        100: '#F9FAFB',
+        200: '#F3F4F6',
+        300: '#E5E7EB',
+        400: '#D1D5DB',
+        500: '#9CA3AF',
+        600: '#737373',
+        700: '#4B5563',
+        800: '#1A1A1A',
+        900: '#0F0F0F',
+        950: '#000000',
+    },
+};

package/dist/primitives/selectionControl.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=selectionControl.d.ts.map

package/dist/primitives/selectionControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectionControl.d.ts","sourceRoot":"","sources":["../../src/primitives/selectionControl.ts"],"names":[],"mappings":""}

package/dist/primitives/selectionControl.js

@@ -0,0 +1 @@
+"use strict";

package/dist/semantic/index.d.ts

@@ -0,0 +1,3 @@
+export { overlay } from './overlay.js';
+export { selection } from './selection.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/semantic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/semantic/index.js

@@ -0,0 +1,2 @@
+export { overlay } from './overlay.js';
+export { selection } from './selection.js';

package/dist/semantic/overlay.d.ts

@@ -0,0 +1,5 @@
+export declare const overlay: {
+    readonly backdrop: "rgba(0, 0, 0, 0.72)";
+    readonly backdropLight: "rgba(255, 255, 255, 0.12)";
+};
+//# sourceMappingURL=overlay.d.ts.map

package/dist/semantic/overlay.d.ts.map

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

package/dist/semantic/overlay.js

@@ -0,0 +1,4 @@
+export const overlay = {
+    backdrop: 'rgba(0, 0, 0, 0.72)',
+    backdropLight: 'rgba(255, 255, 255, 0.12)',
+};

package/dist/semantic/selection.d.ts

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

package/dist/semantic/selection.d.ts.map

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

package/dist/semantic/selection.js

@@ -0,0 +1,5 @@
+import { colors } from '../primitives/colors.js';
+export const selection = {
+    background: colors.primary[700],
+    foreground: colors.mono[50],
+};

package/dist/tokens/index.d.ts

@@ -0,0 +1,6 @@
+export * from './radius.js';
+export * from './shadows.js';
+export * from './spacing.js';
+export * from './typography.js';
+export * from './zIndex.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC"}

package/dist/tokens/index.js

@@ -0,0 +1,5 @@
+export * from './radius.js';
+export * from './shadows.js';
+export * from './spacing.js';
+export * from './typography.js';
+export * from './zIndex.js';

package/dist/tokens/radius.d.ts

@@ -0,0 +1,8 @@
+export declare const radius: {
+    readonly sm: 4;
+    readonly md: 8;
+    readonly lg: 12;
+    readonly xl: 16;
+    readonly full: 999;
+};
+//# sourceMappingURL=radius.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../src/tokens/radius.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC"}

package/dist/tokens/radius.js

@@ -0,0 +1,7 @@
+export const radius = {
+    sm: 4,
+    md: 8,
+    lg: 12,
+    xl: 16,
+    full: 999,
+};

package/dist/tokens/shadows.d.ts

@@ -0,0 +1,27 @@
+export declare const shadows: {
+    readonly sm: {
+        readonly x: 0;
+        readonly y: 1;
+        readonly blur: 3;
+        readonly color: "#000000";
+        readonly opacity: 0.04;
+        readonly elevation: 1;
+    };
+    readonly md: {
+        readonly x: 0;
+        readonly y: 6;
+        readonly blur: 16;
+        readonly color: "#000000";
+        readonly opacity: 0.08;
+        readonly elevation: 4;
+    };
+    readonly lg: {
+        readonly x: 0;
+        readonly y: 12;
+        readonly blur: 32;
+        readonly color: "#000000";
+        readonly opacity: 0.1;
+        readonly elevation: 8;
+    };
+};
+//# sourceMappingURL=shadows.d.ts.map

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

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

package/dist/tokens/shadows.js

@@ -0,0 +1,27 @@
+import { colors } from '../primitives/colors.js';
+export const shadows = {
+    sm: {
+        x: 0,
+        y: 1,
+        blur: 3,
+        color: colors.mono[950],
+        opacity: 0.04,
+        elevation: 1,
+    },
+    md: {
+        x: 0,
+        y: 6,
+        blur: 16,
+        color: colors.mono[950],
+        opacity: 0.08,
+        elevation: 4,
+    },
+    lg: {
+        x: 0,
+        y: 12,
+        blur: 32,
+        color: colors.mono[950],
+        opacity: 0.1,
+        elevation: 8,
+    },
+};

package/dist/tokens/spacing.d.ts

@@ -0,0 +1,14 @@
+export declare const spacing: {
+    readonly 0: 0;
+    readonly 1: 4;
+    readonly 2: 8;
+    readonly 3: 12;
+    readonly 4: 16;
+    readonly 5: 20;
+    readonly 6: 24;
+    readonly 8: 32;
+    readonly 10: 40;
+    readonly 12: 48;
+    readonly 16: 64;
+};
+//# sourceMappingURL=spacing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/tokens/spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYV,CAAC"}

package/dist/tokens/spacing.js

@@ -0,0 +1,13 @@
+export const spacing = {
+    0: 0,
+    1: 4,
+    2: 8,
+    3: 12,
+    4: 16,
+    5: 20,
+    6: 24,
+    8: 32,
+    10: 40,
+    12: 48,
+    16: 64,
+};

package/dist/tokens/typography.d.ts

@@ -0,0 +1,30 @@
+export declare const typography: {
+    readonly family: {
+        readonly base: "KantumruyPro";
+        readonly extraLight: "KantumruyPro-ExtraLight";
+        readonly regular: "KantumruyPro-Regular";
+        readonly medium: "KantumruyPro-Medium";
+        readonly semibold: "KantumruyPro-SemiBold";
+    };
+    readonly size: {
+        readonly xs: 12;
+        readonly sm: 14;
+        readonly md: 16;
+        readonly lg: 20;
+        readonly xl: 24;
+        readonly xxl: 32;
+    };
+    readonly weight: {
+        readonly light: "200";
+        readonly regular: "400";
+        readonly medium: "600";
+        readonly semibold: "700";
+    };
+    readonly lineHeight: {
+        readonly sm: 16;
+        readonly md: 24;
+        readonly lg: 32;
+        readonly xl: 40;
+    };
+};
+//# sourceMappingURL=typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Bb,CAAC"}

package/dist/tokens/typography.js

@@ -0,0 +1,29 @@
+export const typography = {
+    family: {
+        base: 'KantumruyPro',
+        extraLight: 'KantumruyPro-ExtraLight',
+        regular: 'KantumruyPro-Regular',
+        medium: 'KantumruyPro-Medium',
+        semibold: 'KantumruyPro-SemiBold',
+    },
+    size: {
+        xs: 12,
+        sm: 14,
+        md: 16,
+        lg: 20,
+        xl: 24,
+        xxl: 32,
+    },
+    weight: {
+        light: '200',
+        regular: '400',
+        medium: '600',
+        semibold: '700',
+    },
+    lineHeight: {
+        sm: 16,
+        md: 24,
+        lg: 32,
+        xl: 40,
+    },
+};

package/dist/tokens/zIndex.d.ts

@@ -0,0 +1,9 @@
+export declare const zIndex: {
+    readonly dropdown: 100;
+    readonly popover: 200;
+    readonly tooltip: 300;
+    readonly backdrop: 900;
+    readonly modal: 1000;
+    readonly toast: 1100;
+};
+//# sourceMappingURL=zIndex.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../../src/tokens/zIndex.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;CAOT,CAAC"}

package/dist/tokens/zIndex.js

@@ -0,0 +1,8 @@
+export const zIndex = {
+    dropdown: 100,
+    popover: 200,
+    tooltip: 300,
+    backdrop: 900,
+    modal: 1000,
+    toast: 1100,
+};

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@vellira-ui/tokens",
+  "version": "2.19.6",
+  "description": "Design tokens for Vellira Design System",
+  "author": "Roman Bakurov",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vellira-dev/vellira",
+    "directory": "packages/tokens"
+  },
+  "private": false,
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./css": "./dist/css/tokens.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "vitest": "^4.1.9"
+  },
+  "scripts": {
+    "clean": "node --input-type=module -e \"import fs from 'node:fs'; fs.rmSync('dist', { 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",
+    "typecheck": "pnpm run generate:types:check && tsc -p tsconfig.json --noEmit",
+    "test": "pnpm run generate:types:check && vitest run"
+  }
+}