@dbx-tools/ui 0.9.99 → 0.9.106
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 +1 -1
- package/index.ts +1 -1
- package/package.json +6 -6
- package/src/branding/brand-bridge.css +27 -0
- package/src/styles.css +14 -1
package/README.md
CHANGED
|
@@ -44,7 +44,7 @@ import "@dbx-tools/ui/email/styles.css";
|
|
|
44
44
|
```
|
|
45
45
|
|
|
46
46
|
Email components consume `@dbx-tools/shared-email` and
|
|
47
|
-
`@dbx-tools/shared-email-template`;
|
|
47
|
+
`@dbx-tools/shared-email-template`; transport and approval remain server concerns.
|
|
48
48
|
|
|
49
49
|
## Search
|
|
50
50
|
|
package/index.ts
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
// Hand edits are overwritten on the next watch; this file is read-only.
|
|
4
4
|
|
|
5
5
|
export const PACKAGE_IDENTIFIER = "@dbx-tools/ui";
|
|
6
|
-
export const PACKAGE_VERSION = "0.9.
|
|
6
|
+
export const PACKAGE_VERSION = "0.9.106";
|
|
7
7
|
export * as authReactAuthClient from "./src/auth/react/auth-client.ts";
|
|
8
8
|
export * as authReactAuthGate from "./src/auth/react/auth-gate.tsx";
|
|
9
9
|
export * as authReactPasskeyManager from "./src/auth/react/passkey-manager.tsx";
|
package/package.json
CHANGED
|
@@ -30,11 +30,11 @@
|
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@databricks/appkit-ui": "0.81.0",
|
|
33
|
-
"@dbx-tools/shared-auth": "^0.9.
|
|
34
|
-
"@dbx-tools/shared-core": "^0.9.
|
|
35
|
-
"@dbx-tools/shared-email": "^0.9.
|
|
36
|
-
"@dbx-tools/shared-email-template": "^0.9.
|
|
37
|
-
"@dbx-tools/shared-search": "^0.9.
|
|
33
|
+
"@dbx-tools/shared-auth": "^0.9.106",
|
|
34
|
+
"@dbx-tools/shared-core": "^0.9.106",
|
|
35
|
+
"@dbx-tools/shared-email": "^0.9.106",
|
|
36
|
+
"@dbx-tools/shared-email-template": "^0.9.106",
|
|
37
|
+
"@dbx-tools/shared-search": "^0.9.106",
|
|
38
38
|
"lucide-react": "^0.554.0",
|
|
39
39
|
"streamdown": "^2.5.0",
|
|
40
40
|
"tailwindcss": "^4.3.2"
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"publishConfig": {
|
|
44
44
|
"access": "public"
|
|
45
45
|
},
|
|
46
|
-
"version": "0.9.
|
|
46
|
+
"version": "0.9.106",
|
|
47
47
|
"dbxToolsConfig": {
|
|
48
48
|
"tags": [
|
|
49
49
|
"ui"
|
|
@@ -51,3 +51,30 @@
|
|
|
51
51
|
--font-sans: var(--brand-font-sans);
|
|
52
52
|
--font-mono: var(--brand-font-mono);
|
|
53
53
|
}
|
|
54
|
+
|
|
55
|
+
/*
|
|
56
|
+
* Brand identity colors also need a dark-surface expression. The default navy
|
|
57
|
+
* is an excellent light-theme primary but has insufficient contrast against
|
|
58
|
+
* AppKit's near-black background when used for text, focus, progress, or icon
|
|
59
|
+
* states. Mix the interactive blue toward the active theme foreground so the
|
|
60
|
+
* same brand remains recognizable while remaining readable in dark mode.
|
|
61
|
+
*/
|
|
62
|
+
:root.dark[data-brand] {
|
|
63
|
+
--primary: color-mix(in oklab, var(--brand-color-primary-hover) 58%, var(--foreground));
|
|
64
|
+
--primary-foreground: var(--background);
|
|
65
|
+
--ring: var(--primary);
|
|
66
|
+
--sidebar-primary: var(--primary);
|
|
67
|
+
--sidebar-primary-foreground: var(--background);
|
|
68
|
+
--sidebar-ring: var(--primary);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
@media (prefers-color-scheme: dark) {
|
|
72
|
+
:root[data-brand]:not(.light) {
|
|
73
|
+
--primary: color-mix(in oklab, var(--brand-color-primary-hover) 58%, var(--foreground));
|
|
74
|
+
--primary-foreground: var(--background);
|
|
75
|
+
--ring: var(--primary);
|
|
76
|
+
--sidebar-primary: var(--primary);
|
|
77
|
+
--sidebar-primary-foreground: var(--background);
|
|
78
|
+
--sidebar-ring: var(--primary);
|
|
79
|
+
}
|
|
80
|
+
}
|
package/src/styles.css
CHANGED
|
@@ -21,6 +21,19 @@
|
|
|
21
21
|
|
|
22
22
|
@source "./react";
|
|
23
23
|
|
|
24
|
-
[data-streamdown="code-block-body"] code span
|
|
24
|
+
[data-streamdown="code-block-body"] code span,
|
|
25
|
+
[data-dbx-highlighted-code] span {
|
|
25
26
|
color: var(--sdm-c, inherit);
|
|
26
27
|
}
|
|
28
|
+
|
|
29
|
+
.dark [data-streamdown="code-block-body"] code span,
|
|
30
|
+
.dark [data-dbx-highlighted-code] span {
|
|
31
|
+
color: var(--shiki-dark, var(--sdm-c, inherit));
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
@media (prefers-color-scheme: dark) {
|
|
35
|
+
:root:not(.light) [data-streamdown="code-block-body"] code span,
|
|
36
|
+
:root:not(.light) [data-dbx-highlighted-code] span {
|
|
37
|
+
color: var(--shiki-dark, var(--sdm-c, inherit));
|
|
38
|
+
}
|
|
39
|
+
}
|