@zvk/ui 0.1.3 → 0.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +41 -0
- package/README.md +5 -5
- package/dist/components/accordion/accordion.js +4 -4
- package/dist/components/alert/alert.d.ts +5 -0
- package/dist/components/alert/alert.js +8 -4
- package/dist/components/alert/index.d.ts +1 -1
- package/dist/components/alert-dialog/alert-dialog.d.ts +8 -5
- package/dist/components/alert-dialog/alert-dialog.js +26 -13
- package/dist/components/avatar/avatar.js +1 -1
- package/dist/components/badge/badge.js +1 -1
- package/dist/components/breadcrumbs/breadcrumbs.js +3 -3
- package/dist/components/button/button.d.ts +3 -2
- package/dist/components/button/button.js +50 -2
- package/dist/components/calendar/calendar.d.ts +40 -5
- package/dist/components/calendar/calendar.js +17 -5
- package/dist/components/calendar/index.d.ts +1 -1
- package/dist/components/card/card.d.ts +5 -0
- package/dist/components/card/card.js +11 -7
- package/dist/components/card/index.d.ts +1 -1
- package/dist/components/carousel/carousel.js +7 -7
- package/dist/components/checkbox/checkbox.js +4 -4
- package/dist/components/code-block/code-block.js +2 -2
- package/dist/components/collapsible/collapsible.d.ts +3 -2
- package/dist/components/collapsible/collapsible.js +8 -4
- package/dist/components/combobox/combobox.js +6 -5
- package/dist/components/command/command-filter.d.ts +0 -1
- package/dist/components/command/command-filter.js +0 -3
- package/dist/components/command/command.d.ts +11 -4
- package/dist/components/command/command.js +28 -17
- package/dist/components/command/index.d.ts +1 -1
- package/dist/components/context-menu/context-menu.d.ts +17 -6
- package/dist/components/context-menu/context-menu.js +142 -39
- package/dist/components/conversation/conversation.js +11 -11
- package/dist/components/copy-button/copy-button.js +2 -2
- package/dist/components/date-picker/date-picker.js +1 -1
- package/dist/components/dialog/dialog.d.ts +6 -4
- package/dist/components/dialog/dialog.js +22 -12
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +13 -7
- package/dist/components/dropdown-menu/dropdown-menu.js +137 -78
- package/dist/components/empty-state/empty-state.js +1 -1
- package/dist/components/error-boundary/error-boundary.js +1 -1
- package/dist/components/field/field.js +4 -4
- package/dist/components/file-upload-input/file-upload-input.js +2 -2
- package/dist/components/form/form.js +6 -6
- package/dist/components/hover-card/hover-card.d.ts +8 -2
- package/dist/components/hover-card/hover-card.js +13 -7
- package/dist/components/icon-button/icon-button.js +19 -1
- package/dist/components/index.d.ts +10 -10
- package/dist/components/index.js +1 -1
- package/dist/components/input/input.js +1 -1
- package/dist/components/label/label.js +1 -1
- package/dist/components/menubar/menubar.d.ts +24 -5
- package/dist/components/menubar/menubar.js +186 -37
- package/dist/components/pagination/pagination.js +12 -12
- package/dist/components/popover/popover.d.ts +8 -3
- package/dist/components/popover/popover.js +40 -8
- package/dist/components/progress/progress.js +3 -3
- package/dist/components/radio-group/radio-group.js +3 -3
- package/dist/components/responsive-container/responsive-container.js +1 -1
- package/dist/components/scroll-area/scroll-area.js +4 -4
- package/dist/components/sectioned-sidebar-nav/sectioned-sidebar-nav.js +7 -7
- package/dist/components/select/select.js +66 -13
- package/dist/components/separator/separator.js +1 -1
- package/dist/components/sheet/sheet.d.ts +6 -4
- package/dist/components/sheet/sheet.js +29 -16
- package/dist/components/sidebar-shell/sidebar-shell.js +6 -6
- package/dist/components/skeleton/skeleton.js +1 -1
- package/dist/components/slider/slider.js +1 -1
- package/dist/components/spinner/spinner.js +1 -1
- package/dist/components/stat/stat.js +1 -1
- package/dist/components/switch/switch.js +3 -3
- package/dist/components/table/index.d.ts +1 -1
- package/dist/components/table/table.d.ts +5 -0
- package/dist/components/table/table.js +12 -8
- package/dist/components/tabs/tabs.js +4 -4
- package/dist/components/tabs-with-sidebar/tabs-with-sidebar.js +3 -3
- package/dist/components/textarea/textarea.js +1 -1
- package/dist/components/toast/index.d.ts +2 -2
- package/dist/components/toast/index.js +1 -1
- package/dist/components/toast/toast.d.ts +16 -2
- package/dist/components/toast/toast.js +49 -7
- package/dist/components/toggle/toggle.js +1 -1
- package/dist/components/toggle-group/toggle-group.js +1 -1
- package/dist/components/tooltip/tooltip.d.ts +8 -2
- package/dist/components/tooltip/tooltip.js +12 -6
- package/dist/hooks/index.d.ts +2 -2
- package/dist/hooks/use-composed-refs.d.ts +2 -2
- package/dist/hooks/use-controllable-state.d.ts +2 -2
- package/dist/internal/floating/compute-position.js +13 -8
- package/dist/internal/floating/floating-types.d.ts +1 -0
- package/dist/internal/floating/index.d.ts +1 -0
- package/dist/internal/floating/placement-aliases.d.ts +7 -0
- package/dist/internal/floating/placement-aliases.js +13 -0
- package/dist/internal/floating/use-floating-position.js +6 -4
- package/dist/internal/overlay-stack/overlay-stack.js +4 -1
- package/dist/internal/slot/index.d.ts +2 -0
- package/dist/internal/slot/index.js +1 -0
- package/dist/internal/slot/slot.d.ts +6 -0
- package/dist/internal/slot/slot.js +53 -0
- package/dist/styles.css +2079 -2015
- package/dist/tokens/index.d.ts +2 -2
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/token-types.d.ts +5 -5
- package/dist/tokens/tokens.d.ts +16 -10
- package/dist/tokens/tokens.js +16 -10
- package/dist/utils/cn.d.ts +2 -2
- package/dist/utils/index.d.ts +1 -1
- package/package.json +13 -12
package/dist/tokens/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export type {
|
|
2
|
-
export {
|
|
1
|
+
export type { ZvkUiDensity, ZvkUiDensityTokens, ZvkUiPrimitiveTokens, ZvkUiSemanticTokens, ZvkUiThemeMode } from "./token-types.js";
|
|
2
|
+
export { ZVK_UI_DARK_TOKENS, ZVK_UI_DENSITY_TOKENS, ZVK_UI_LIGHT_TOKENS, ZVK_UI_TOKENS } from "./tokens.js";
|
package/dist/tokens/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { ZVK_UI_DARK_TOKENS, ZVK_UI_DENSITY_TOKENS, ZVK_UI_LIGHT_TOKENS, ZVK_UI_TOKENS } from "./tokens.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export type
|
|
2
|
-
export type
|
|
3
|
-
export interface
|
|
1
|
+
export type ZvkUiThemeMode = "light" | "dark";
|
|
2
|
+
export type ZvkUiDensity = "default" | "compact" | "comfortable";
|
|
3
|
+
export interface ZvkUiPrimitiveTokens {
|
|
4
4
|
color: Record<string, string>;
|
|
5
5
|
space: Record<string, string>;
|
|
6
6
|
radius: Record<string, string>;
|
|
@@ -9,11 +9,11 @@ export interface LianoPrimitiveTokens {
|
|
|
9
9
|
motion: Record<string, string>;
|
|
10
10
|
zIndex: Record<string, number>;
|
|
11
11
|
}
|
|
12
|
-
export interface
|
|
12
|
+
export interface ZvkUiSemanticTokens {
|
|
13
13
|
color: Record<string, string>;
|
|
14
14
|
component: Record<string, string>;
|
|
15
15
|
}
|
|
16
|
-
export interface
|
|
16
|
+
export interface ZvkUiDensityTokens {
|
|
17
17
|
controlHeightSm: string;
|
|
18
18
|
controlHeightMd: string;
|
|
19
19
|
controlHeightLg: string;
|
package/dist/tokens/tokens.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const ZVK_UI_TOKENS: {
|
|
2
2
|
readonly color: {
|
|
3
3
|
readonly white: "#ffffff";
|
|
4
4
|
readonly black: "#0b0d12";
|
|
@@ -61,11 +61,11 @@ export declare const LIANO_TOKENS: {
|
|
|
61
61
|
readonly toast: 60;
|
|
62
62
|
};
|
|
63
63
|
};
|
|
64
|
-
export declare const
|
|
64
|
+
export declare const ZVK_UI_LIGHT_TOKENS: {
|
|
65
65
|
readonly color: {
|
|
66
|
-
readonly background: "#
|
|
66
|
+
readonly background: "#f8fafc";
|
|
67
67
|
readonly foreground: "#111827";
|
|
68
|
-
readonly muted: "#
|
|
68
|
+
readonly muted: "#f1f5f9";
|
|
69
69
|
readonly mutedForeground: "#64748b";
|
|
70
70
|
readonly surface: "#ffffff";
|
|
71
71
|
readonly surfaceRaised: "#ffffff";
|
|
@@ -81,21 +81,24 @@ export declare const LIANO_LIGHT_TOKENS: {
|
|
|
81
81
|
};
|
|
82
82
|
readonly component: {
|
|
83
83
|
readonly controlBackground: "#ffffff";
|
|
84
|
+
readonly controlBorder: "#7f8ea3";
|
|
85
|
+
readonly controlBorderStrong: "#64748b";
|
|
84
86
|
readonly controlHover: "#f8fafc";
|
|
85
87
|
readonly controlActive: "#eef4ff";
|
|
88
|
+
readonly cardBorder: "#7f8ea3";
|
|
86
89
|
readonly overlay: "rgb(255 255 255 / 0.96)";
|
|
87
90
|
};
|
|
88
91
|
};
|
|
89
|
-
export declare const
|
|
92
|
+
export declare const ZVK_UI_DARK_TOKENS: {
|
|
90
93
|
readonly color: {
|
|
91
94
|
readonly background: "#0d1117";
|
|
92
95
|
readonly foreground: "#f4f7fb";
|
|
93
96
|
readonly muted: "#151b23";
|
|
94
97
|
readonly mutedForeground: "#9aa8ba";
|
|
95
|
-
readonly surface: "#
|
|
96
|
-
readonly surfaceRaised: "#
|
|
97
|
-
readonly border: "#
|
|
98
|
-
readonly borderStrong: "#
|
|
98
|
+
readonly surface: "#151e2a";
|
|
99
|
+
readonly surfaceRaised: "#1b2736";
|
|
100
|
+
readonly border: "#43536a";
|
|
101
|
+
readonly borderStrong: "#5c708a";
|
|
99
102
|
readonly ring: "#69a3ff";
|
|
100
103
|
readonly primary: "#6ea2ff";
|
|
101
104
|
readonly primaryForeground: "#07101f";
|
|
@@ -106,12 +109,15 @@ export declare const LIANO_DARK_TOKENS: {
|
|
|
106
109
|
};
|
|
107
110
|
readonly component: {
|
|
108
111
|
readonly controlBackground: "#111821";
|
|
112
|
+
readonly controlBorder: "#5c708a";
|
|
113
|
+
readonly controlBorderStrong: "#6f86a3";
|
|
109
114
|
readonly controlHover: "#172233";
|
|
110
115
|
readonly controlActive: "#1b2f50";
|
|
116
|
+
readonly cardBorder: "#5c708a";
|
|
111
117
|
readonly overlay: "rgb(17 24 33 / 0.96)";
|
|
112
118
|
};
|
|
113
119
|
};
|
|
114
|
-
export declare const
|
|
120
|
+
export declare const ZVK_UI_DENSITY_TOKENS: {
|
|
115
121
|
readonly default: {
|
|
116
122
|
readonly controlHeightSm: "2rem";
|
|
117
123
|
readonly controlHeightMd: "2.5rem";
|
package/dist/tokens/tokens.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export const
|
|
1
|
+
export const ZVK_UI_TOKENS = {
|
|
2
2
|
color: {
|
|
3
3
|
white: "#ffffff",
|
|
4
4
|
black: "#0b0d12",
|
|
@@ -61,11 +61,11 @@ export const LIANO_TOKENS = {
|
|
|
61
61
|
toast: 60
|
|
62
62
|
}
|
|
63
63
|
};
|
|
64
|
-
export const
|
|
64
|
+
export const ZVK_UI_LIGHT_TOKENS = {
|
|
65
65
|
color: {
|
|
66
|
-
background: "#
|
|
66
|
+
background: "#f8fafc",
|
|
67
67
|
foreground: "#111827",
|
|
68
|
-
muted: "#
|
|
68
|
+
muted: "#f1f5f9",
|
|
69
69
|
mutedForeground: "#64748b",
|
|
70
70
|
surface: "#ffffff",
|
|
71
71
|
surfaceRaised: "#ffffff",
|
|
@@ -81,21 +81,24 @@ export const LIANO_LIGHT_TOKENS = {
|
|
|
81
81
|
},
|
|
82
82
|
component: {
|
|
83
83
|
controlBackground: "#ffffff",
|
|
84
|
+
controlBorder: "#7f8ea3",
|
|
85
|
+
controlBorderStrong: "#64748b",
|
|
84
86
|
controlHover: "#f8fafc",
|
|
85
87
|
controlActive: "#eef4ff",
|
|
88
|
+
cardBorder: "#7f8ea3",
|
|
86
89
|
overlay: "rgb(255 255 255 / 0.96)"
|
|
87
90
|
}
|
|
88
91
|
};
|
|
89
|
-
export const
|
|
92
|
+
export const ZVK_UI_DARK_TOKENS = {
|
|
90
93
|
color: {
|
|
91
94
|
background: "#0d1117",
|
|
92
95
|
foreground: "#f4f7fb",
|
|
93
96
|
muted: "#151b23",
|
|
94
97
|
mutedForeground: "#9aa8ba",
|
|
95
|
-
surface: "#
|
|
96
|
-
surfaceRaised: "#
|
|
97
|
-
border: "#
|
|
98
|
-
borderStrong: "#
|
|
98
|
+
surface: "#151e2a",
|
|
99
|
+
surfaceRaised: "#1b2736",
|
|
100
|
+
border: "#43536a",
|
|
101
|
+
borderStrong: "#5c708a",
|
|
99
102
|
ring: "#69a3ff",
|
|
100
103
|
primary: "#6ea2ff",
|
|
101
104
|
primaryForeground: "#07101f",
|
|
@@ -106,12 +109,15 @@ export const LIANO_DARK_TOKENS = {
|
|
|
106
109
|
},
|
|
107
110
|
component: {
|
|
108
111
|
controlBackground: "#111821",
|
|
112
|
+
controlBorder: "#5c708a",
|
|
113
|
+
controlBorderStrong: "#6f86a3",
|
|
109
114
|
controlHover: "#172233",
|
|
110
115
|
controlActive: "#1b2f50",
|
|
116
|
+
cardBorder: "#5c708a",
|
|
111
117
|
overlay: "rgb(17 24 33 / 0.96)"
|
|
112
118
|
}
|
|
113
119
|
};
|
|
114
|
-
export const
|
|
120
|
+
export const ZVK_UI_DENSITY_TOKENS = {
|
|
115
121
|
default: {
|
|
116
122
|
controlHeightSm: "2rem",
|
|
117
123
|
controlHeightMd: "2.5rem",
|
package/dist/utils/cn.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export type
|
|
2
|
-
export declare function cn(...values:
|
|
1
|
+
export type ZvkUiClassValue = string | false | null | undefined;
|
|
2
|
+
export declare function cn(...values: ZvkUiClassValue[]): string;
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { cn } from "./cn.js";
|
|
2
|
-
export type {
|
|
2
|
+
export type { ZvkUiClassValue } from "./cn.js";
|
|
3
3
|
export { composeEventHandlers } from "./compose-event-handlers.js";
|
|
4
4
|
export type { ComposeEventHandlersOptions } from "./compose-event-handlers.js";
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zvk/ui",
|
|
3
|
-
"version": "0.1.
|
|
4
|
-
"description": "A polished, zero-runtime-dependency React component library for
|
|
3
|
+
"version": "0.1.6",
|
|
4
|
+
"description": "A polished, zero-runtime-dependency React component library for ZvkUi applications.",
|
|
5
5
|
"private": false,
|
|
6
6
|
"type": "module",
|
|
7
7
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
8
8
|
"repository": {
|
|
9
9
|
"type": "git",
|
|
10
|
-
"url": "git+https://github.com/brandon-schabel/zvk
|
|
10
|
+
"url": "git+https://github.com/brandon-schabel/zvk.git"
|
|
11
11
|
},
|
|
12
12
|
"publishConfig": {
|
|
13
13
|
"access": "public"
|
|
@@ -16,7 +16,8 @@
|
|
|
16
16
|
"**/*.css"
|
|
17
17
|
],
|
|
18
18
|
"files": [
|
|
19
|
-
"dist"
|
|
19
|
+
"dist",
|
|
20
|
+
"CHANGELOG.md"
|
|
20
21
|
],
|
|
21
22
|
"types": "./dist/index.d.ts",
|
|
22
23
|
"exports": {
|
|
@@ -256,10 +257,10 @@
|
|
|
256
257
|
"./package.json": "./package.json"
|
|
257
258
|
},
|
|
258
259
|
"scripts": {
|
|
259
|
-
"clean": "
|
|
260
|
+
"clean": "bun run scripts/clean.mjs",
|
|
260
261
|
"build:types": "tsc -p tsconfig.build.json",
|
|
261
|
-
"build:css": "
|
|
262
|
-
"build": "
|
|
262
|
+
"build:css": "bun run scripts/build-css.mjs",
|
|
263
|
+
"build": "bun run clean && bun run build:types && bun run build:css",
|
|
263
264
|
"preview": "vite --config preview/vite.config.ts",
|
|
264
265
|
"preview:host": "vite --config preview/vite.config.ts --host 127.0.0.1",
|
|
265
266
|
"preview:build": "tsc -p tsconfig.preview.json --noEmit && vite build --config preview/vite.config.ts",
|
|
@@ -270,12 +271,12 @@
|
|
|
270
271
|
"test:exports": "vitest run tests/exports --environment node",
|
|
271
272
|
"test:accessibility": "vitest run tests/accessibility",
|
|
272
273
|
"test:types": "tsd",
|
|
273
|
-
"docs:lint": "
|
|
274
|
-
"verify:style-contract": "
|
|
275
|
-
"validate:exports": "
|
|
276
|
-
"tarball:inspect": "
|
|
274
|
+
"docs:lint": "bun run scripts/lint-docs.mjs",
|
|
275
|
+
"verify:style-contract": "bun run scripts/verify-style-contract.mjs",
|
|
276
|
+
"validate:exports": "bun run scripts/validate-exports.mjs",
|
|
277
|
+
"tarball:inspect": "bun run scripts/check-tarball.mjs",
|
|
277
278
|
"pack:dry": "npm pack --dry-run",
|
|
278
|
-
"preflight": "
|
|
279
|
+
"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 docs:lint && bun run verify:style-contract && bun run validate:exports && bun run tarball:inspect && bun run pack:dry"
|
|
279
280
|
},
|
|
280
281
|
"peerDependencies": {
|
|
281
282
|
"react": "^19.0.0",
|