@dbx-tools/ui-appkit 0.6.61 → 0.6.63
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/README.md +8 -25
- package/package.json +3 -3
- package/src/react/brand-picker.tsx +2 -2
package/README.md
CHANGED
|
@@ -1,45 +1,30 @@
|
|
|
1
1
|
# @dbx-tools/ui-appkit
|
|
2
2
|
|
|
3
|
-
Shared React
|
|
3
|
+
Shared React and Tailwind foundation for AppKit-oriented UI packages.
|
|
4
4
|
|
|
5
5
|
Import this package when a React client or feature UI package needs the same
|
|
6
|
-
|
|
7
|
-
It centralizes
|
|
8
|
-
|
|
6
|
+
base stylesheet and component imports used by dbx-tools AppKit UI components.
|
|
7
|
+
It centralizes Tailwind v4, Streamdown base styles, and a shiki token paint shim
|
|
8
|
+
for streamed markdown/code output.
|
|
9
9
|
|
|
10
10
|
Key features:
|
|
11
11
|
|
|
12
|
-
- Shared Vite plugin factory for React and Tailwind v4.
|
|
13
12
|
- Stable `@dbx-tools/ui-appkit/react` re-export of AppKit's React component
|
|
14
13
|
primitives for feature packages.
|
|
15
14
|
- `BrandPicker`, a controlled AppKit-native editor for portable identity,
|
|
16
15
|
color tokens, document metadata, and assets.
|
|
17
16
|
- AppKit UI stylesheet import path for host applications and feature packages.
|
|
18
17
|
- Streamdown/code-block styling used by streaming chat and Markdown surfaces.
|
|
19
|
-
- One place to evolve UI
|
|
18
|
+
- One place to evolve UI styling assumptions for feature packages such as
|
|
20
19
|
[`@dbx-tools/ui-email`](../email) and [`@dbx-tools/ui-mastra`](../mastra).
|
|
21
20
|
|
|
22
21
|
## Why Not Just AppKit UI?
|
|
23
22
|
|
|
24
23
|
Use `@databricks/appkit-ui` directly in app code when you only need AppKit's
|
|
25
24
|
components and hooks. This package exists for dbx-tools feature packages and
|
|
26
|
-
hosts that want one stable import path for AppKit primitives,
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
## Configure Vite
|
|
30
|
-
|
|
31
|
-
```ts
|
|
32
|
-
import { appkitUiVitePlugins } from "@dbx-tools/ui-appkit/vite";
|
|
33
|
-
import { defineConfig } from "vite";
|
|
34
|
-
|
|
35
|
-
export default defineConfig({
|
|
36
|
-
plugins: appkitUiVitePlugins(),
|
|
37
|
-
});
|
|
38
|
-
```
|
|
39
|
-
|
|
40
|
-
`vite.appkitUiVitePlugins()` returns the React plugin and Tailwind v4 plugin.
|
|
41
|
-
Using it keeps host applications and feature packages on the same Vite/Tailwind
|
|
42
|
-
integration.
|
|
25
|
+
hosts that want one stable import path for AppKit primitives,
|
|
26
|
+
Streamdown/shiki styling, and Tailwind source registration. Host applications
|
|
27
|
+
remain responsible for their own Bun, Vite, or other build configuration.
|
|
43
28
|
|
|
44
29
|
## Import Styles
|
|
45
30
|
|
|
@@ -80,14 +65,12 @@ Feature packages should depend on this package instead of each owning their own
|
|
|
80
65
|
Tailwind and Streamdown base setup. That gives downstream host apps one place to
|
|
81
66
|
look for:
|
|
82
67
|
|
|
83
|
-
- Vite plugin defaults;
|
|
84
68
|
- shared markdown/code styling;
|
|
85
69
|
- AppKit UI peer assumptions;
|
|
86
70
|
- future shared React utilities.
|
|
87
71
|
|
|
88
72
|
## Module
|
|
89
73
|
|
|
90
|
-
- `./vite` - `appkitUiVitePlugins()` for React + Tailwind v4 Vite projects.
|
|
91
74
|
- `./react` - AppKit React UI kit re-export plus the controlled `BrandPicker`.
|
|
92
75
|
- `./styles.css` - Tailwind/Streamdown/shiki base stylesheet.
|
|
93
76
|
|
package/package.json
CHANGED
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@databricks/appkit-ui": "^0.43.1",
|
|
28
|
-
"@dbx-tools/shared-core": "0.6.
|
|
29
|
-
"@dbx-tools/ui-branding": "0.6.
|
|
28
|
+
"@dbx-tools/shared-core": "0.6.63",
|
|
29
|
+
"@dbx-tools/ui-branding": "0.6.63",
|
|
30
30
|
"react": "^19.2.4",
|
|
31
31
|
"react-dom": "^19.2.4",
|
|
32
32
|
"streamdown": "^2.5.0",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"publishConfig": {
|
|
37
37
|
"access": "public"
|
|
38
38
|
},
|
|
39
|
-
"version": "0.6.
|
|
39
|
+
"version": "0.6.63",
|
|
40
40
|
"type": "module",
|
|
41
41
|
"exports": {
|
|
42
42
|
"./react": "./src/react/index.ts",
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import { brand, object } from "@dbx-tools/shared-core";
|
|
2
|
-
import { useBrand } from "@dbx-tools/ui-branding/react";
|
|
3
1
|
import {
|
|
4
2
|
Button,
|
|
5
3
|
Card,
|
|
@@ -12,6 +10,8 @@ import {
|
|
|
12
10
|
Separator,
|
|
13
11
|
cn,
|
|
14
12
|
} from "@databricks/appkit-ui/react";
|
|
13
|
+
import { brand, object } from "@dbx-tools/shared-core";
|
|
14
|
+
import { useBrand } from "@dbx-tools/ui-branding/react";
|
|
15
15
|
import { useEffect, useId, useMemo, useState } from "react";
|
|
16
16
|
|
|
17
17
|
const COLOR_FIELDS = [
|