@dbx-tools/ui-appkit 0.6.60 → 0.6.62

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 CHANGED
@@ -1,45 +1,30 @@
1
1
  # @dbx-tools/ui-appkit
2
2
 
3
- Shared React/Vite/Tailwind foundation for AppKit-oriented UI packages.
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
- Vite plugin setup and base stylesheet used by dbx-tools AppKit UI components.
7
- It centralizes React refresh, Tailwind v4, Streamdown base styles, and a shiki
8
- token paint shim for streamed markdown/code output.
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 build assumptions for feature packages such as
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, React/Tailwind Vite
27
- setup, Streamdown/shiki styling, and Tailwind source registration.
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.60",
29
- "@dbx-tools/ui-branding": "0.6.60",
28
+ "@dbx-tools/shared-core": "0.6.62",
29
+ "@dbx-tools/ui-branding": "0.6.62",
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.60",
39
+ "version": "0.6.62",
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 = [