@zvk/ui 0.1.5 → 0.1.7

package/dist/tokens/index.d.ts

@@ -1,2 +1,2 @@
-export type { LianoDensity, LianoDensityTokens, LianoPrimitiveTokens, LianoSemanticTokens, LianoThemeMode } from "./token-types.js";
-export { LIANO_DARK_TOKENS, LIANO_DENSITY_TOKENS, LIANO_LIGHT_TOKENS, LIANO_TOKENS } from "./tokens.js";
+export type { ZvkUiDensity, ZvkUiDensityTokens, ZvkUiPrimitiveTokens, ZvkUiSemanticTokens, ZvkUiThemeMode } from "./token-types.js";
+export { ZVK_UI_DARK_TOKENS, ZVK_UI_DENSITY_TOKENS, ZVK_UI_LIGHT_TOKENS, ZVK_UI_TOKENS } from "./tokens.js";

package/dist/tokens/index.js

@@ -1 +1 @@
-export { LIANO_DARK_TOKENS, LIANO_DENSITY_TOKENS, LIANO_LIGHT_TOKENS, LIANO_TOKENS } from "./tokens.js";
+export { ZVK_UI_DARK_TOKENS, ZVK_UI_DENSITY_TOKENS, ZVK_UI_LIGHT_TOKENS, ZVK_UI_TOKENS } from "./tokens.js";

package/dist/tokens/token-types.d.ts

@@ -1,6 +1,6 @@
-export type LianoThemeMode = "light" | "dark";
-export type LianoDensity = "default" | "compact" | "comfortable";
-export interface LianoPrimitiveTokens {
+export type ZvkUiThemeMode = "light" | "dark";
+export type ZvkUiDensity = "default" | "compact" | "comfortable";
+export interface ZvkUiPrimitiveTokens {
     color: Record<string, string>;
     space: Record<string, string>;
     radius: Record<string, string>;
@@ -9,11 +9,11 @@ export interface LianoPrimitiveTokens {
     motion: Record<string, string>;
     zIndex: Record<string, number>;
 }
-export interface LianoSemanticTokens {
+export interface ZvkUiSemanticTokens {
     color: Record<string, string>;
     component: Record<string, string>;
 }
-export interface LianoDensityTokens {
+export interface ZvkUiDensityTokens {
     controlHeightSm: string;
     controlHeightMd: string;
     controlHeightLg: string;

package/dist/tokens/tokens.d.ts

@@ -1,4 +1,4 @@
-export declare const LIANO_TOKENS: {
+export declare const ZVK_UI_TOKENS: {
     readonly color: {
         readonly white: "#ffffff";
         readonly black: "#0b0d12";
@@ -61,11 +61,11 @@ export declare const LIANO_TOKENS: {
         readonly toast: 60;
     };
 };
-export declare const LIANO_LIGHT_TOKENS: {
+export declare const ZVK_UI_LIGHT_TOKENS: {
     readonly color: {
-        readonly background: "#ffffff";
+        readonly background: "#f8fafc";
         readonly foreground: "#111827";
-        readonly muted: "#f8fafc";
+        readonly muted: "#f1f5f9";
         readonly mutedForeground: "#64748b";
         readonly surface: "#ffffff";
         readonly surfaceRaised: "#ffffff";
@@ -81,21 +81,24 @@ export declare const LIANO_LIGHT_TOKENS: {
     };
     readonly component: {
         readonly controlBackground: "#ffffff";
+        readonly controlBorder: "#7f8ea3";
+        readonly controlBorderStrong: "#64748b";
         readonly controlHover: "#f8fafc";
         readonly controlActive: "#eef4ff";
+        readonly cardBorder: "#7f8ea3";
         readonly overlay: "rgb(255 255 255 / 0.96)";
     };
 };
-export declare const LIANO_DARK_TOKENS: {
+export declare const ZVK_UI_DARK_TOKENS: {
     readonly color: {
         readonly background: "#0d1117";
         readonly foreground: "#f4f7fb";
         readonly muted: "#151b23";
         readonly mutedForeground: "#9aa8ba";
-        readonly surface: "#111821";
-        readonly surfaceRaised: "#151e2a";
-        readonly border: "#293445";
-        readonly borderStrong: "#3b4a5f";
+        readonly surface: "#151e2a";
+        readonly surfaceRaised: "#1b2736";
+        readonly border: "#43536a";
+        readonly borderStrong: "#5c708a";
         readonly ring: "#69a3ff";
         readonly primary: "#6ea2ff";
         readonly primaryForeground: "#07101f";
@@ -106,12 +109,15 @@ export declare const LIANO_DARK_TOKENS: {
     };
     readonly component: {
         readonly controlBackground: "#111821";
+        readonly controlBorder: "#5c708a";
+        readonly controlBorderStrong: "#6f86a3";
         readonly controlHover: "#172233";
         readonly controlActive: "#1b2f50";
+        readonly cardBorder: "#5c708a";
         readonly overlay: "rgb(17 24 33 / 0.96)";
     };
 };
-export declare const LIANO_DENSITY_TOKENS: {
+export declare const ZVK_UI_DENSITY_TOKENS: {
     readonly default: {
         readonly controlHeightSm: "2rem";
         readonly controlHeightMd: "2.5rem";

package/dist/tokens/tokens.js

@@ -1,4 +1,4 @@
-export const LIANO_TOKENS = {
+export const ZVK_UI_TOKENS = {
     color: {
         white: "#ffffff",
         black: "#0b0d12",
@@ -61,11 +61,11 @@ export const LIANO_TOKENS = {
         toast: 60
     }
 };
-export const LIANO_LIGHT_TOKENS = {
+export const ZVK_UI_LIGHT_TOKENS = {
     color: {
-        background: "#ffffff",
+        background: "#f8fafc",
         foreground: "#111827",
-        muted: "#f8fafc",
+        muted: "#f1f5f9",
         mutedForeground: "#64748b",
         surface: "#ffffff",
         surfaceRaised: "#ffffff",
@@ -81,21 +81,24 @@ export const LIANO_LIGHT_TOKENS = {
     },
     component: {
         controlBackground: "#ffffff",
+        controlBorder: "#7f8ea3",
+        controlBorderStrong: "#64748b",
         controlHover: "#f8fafc",
         controlActive: "#eef4ff",
+        cardBorder: "#7f8ea3",
         overlay: "rgb(255 255 255 / 0.96)"
     }
 };
-export const LIANO_DARK_TOKENS = {
+export const ZVK_UI_DARK_TOKENS = {
     color: {
         background: "#0d1117",
         foreground: "#f4f7fb",
         muted: "#151b23",
         mutedForeground: "#9aa8ba",
-        surface: "#111821",
-        surfaceRaised: "#151e2a",
-        border: "#293445",
-        borderStrong: "#3b4a5f",
+        surface: "#151e2a",
+        surfaceRaised: "#1b2736",
+        border: "#43536a",
+        borderStrong: "#5c708a",
         ring: "#69a3ff",
         primary: "#6ea2ff",
         primaryForeground: "#07101f",
@@ -106,12 +109,15 @@ export const LIANO_DARK_TOKENS = {
     },
     component: {
         controlBackground: "#111821",
+        controlBorder: "#5c708a",
+        controlBorderStrong: "#6f86a3",
         controlHover: "#172233",
         controlActive: "#1b2f50",
+        cardBorder: "#5c708a",
         overlay: "rgb(17 24 33 / 0.96)"
     }
 };
-export const LIANO_DENSITY_TOKENS = {
+export const ZVK_UI_DENSITY_TOKENS = {
     default: {
         controlHeightSm: "2rem",
         controlHeightMd: "2.5rem",

package/dist/utils/cn.d.ts

@@ -1,2 +1,2 @@
-export type LianoClassValue = string | false | null | undefined;
-export declare function cn(...values: LianoClassValue[]): string;
+export type ZvkUiClassValue = string | false | null | undefined;
+export declare function cn(...values: ZvkUiClassValue[]): string;

package/dist/utils/index.d.ts

@@ -1,4 +1,4 @@
 export { cn } from "./cn.js";
-export type { LianoClassValue } from "./cn.js";
+export type { ZvkUiClassValue } from "./cn.js";
 export { composeEventHandlers } from "./compose-event-handlers.js";
 export type { ComposeEventHandlersOptions } from "./compose-event-handlers.js";

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@zvk/ui",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "A polished, zero-runtime-dependency React component library for ZvkUi applications.",
   "private": false,
   "type": "module",
   "license": "SEE LICENSE IN LICENSE.md",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/brandon-schabel/zvk-ui.git"
+    "url": "git+https://github.com/brandon-schabel/zvk.git"
   },
   "publishConfig": {
     "access": "public"
@@ -16,7 +16,8 @@
     "**/*.css"
   ],
   "files": [
-    "dist"
+    "dist",
+    "CHANGELOG.md"
   ],
   "types": "./dist/index.d.ts",
   "exports": {
@@ -256,10 +257,10 @@
     "./package.json": "./package.json"
   },
   "scripts": {
-    "clean": "node scripts/clean.mjs",
+    "clean": "bun run scripts/clean.mjs",
     "build:types": "tsc -p tsconfig.build.json",
-    "build:css": "node scripts/build-css.mjs",
-    "build": "npm run clean && npm run build:types && npm run build:css",
+    "build:css": "bun run scripts/build-css.mjs",
+    "build": "bun run clean && bun run build:types && bun run build:css",
     "preview": "vite --config preview/vite.config.ts",
     "preview:host": "vite --config preview/vite.config.ts --host 127.0.0.1",
     "preview:build": "tsc -p tsconfig.preview.json --noEmit && vite build --config preview/vite.config.ts",
@@ -269,13 +270,14 @@
     "test:ssr": "vitest run tests/ssr --environment node",
     "test:exports": "vitest run tests/exports --environment node",
     "test:accessibility": "vitest run tests/accessibility",
+    "test:browser": "playwright test --config playwright.config.ts",
     "test:types": "tsd",
-    "docs:lint": "node scripts/lint-docs.mjs",
-    "verify:style-contract": "node scripts/verify-style-contract.mjs",
-    "validate:exports": "node scripts/validate-exports.mjs",
-    "tarball:inspect": "node scripts/check-tarball.mjs",
+    "docs:lint": "bun run scripts/lint-docs.mjs",
+    "verify:style-contract": "bun run scripts/verify-style-contract.mjs",
+    "validate:exports": "bun run scripts/validate-exports.mjs",
+    "tarball:inspect": "bun run scripts/check-tarball.mjs",
     "pack:dry": "npm pack --dry-run",
-    "preflight": "npm run typecheck && npm run build && npm run test:unit && npm run test:ssr && npm run test:types && npm run test:exports && npm run test:accessibility && npm run docs:lint && npm run verify:style-contract && npm run validate:exports && npm run tarball:inspect"
+    "preflight": "bun run typecheck && bun run build && bun run test:unit && bun run test:ssr && bun run test:types && bun run test:exports && bun run test:accessibility && bun run test:browser && bun run docs:lint && bun run verify:style-contract && bun run validate:exports && bun run tarball:inspect && bun run pack:dry"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -286,6 +288,7 @@
     "directory": "tests/types"
   },
   "devDependencies": {
+    "@playwright/test": "^1.60.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",