@athenaintel/react 0.4.5 → 0.5.0
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 +51 -0
- package/dist/index.cjs +389 -216
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +311 -4
- package/dist/index.js +390 -217
- package/dist/index.js.map +1 -1
- package/dist/styles.css +35 -10
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -6,10 +6,35 @@
|
|
|
6
6
|
*
|
|
7
7
|
* These styles provide the base theme variables and typography
|
|
8
8
|
* for the Athena chat components. You can override any CSS variable
|
|
9
|
-
* in your own stylesheet
|
|
9
|
+
* in your own stylesheet, or pass a `theme` prop to <AthenaProvider>.
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
|
-
/*
|
|
12
|
+
/* ── Theme wrapper ───────────────────────────────────────────────── */
|
|
13
|
+
/* The .athena-themed wrapper inherits the full height/width of its
|
|
14
|
+
parent so it doesn't break layout when theme is applied. */
|
|
15
|
+
.athena-themed {
|
|
16
|
+
display: contents;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
/* ── Extended SDK variables → component overrides ────────────────── */
|
|
20
|
+
/* These pick up custom theme vars (--user-bubble, --composer-border, etc.)
|
|
21
|
+
and apply them to the actual component selectors. */
|
|
22
|
+
|
|
23
|
+
.aui-user-message-content {
|
|
24
|
+
background: var(--user-bubble, var(--muted));
|
|
25
|
+
color: var(--user-bubble-foreground, var(--foreground));
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.aui-assistant-message-content {
|
|
29
|
+
color: var(--assistant-foreground, var(--foreground));
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.aui-composer-root {
|
|
33
|
+
border-color: var(--composer-border, var(--input));
|
|
34
|
+
border-radius: var(--composer-radius, 1rem);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/* ── Prose typography for chat messages ──────────────────────────── */
|
|
13
38
|
.prose.prose-sm {
|
|
14
39
|
font-size: 0.875rem;
|
|
15
40
|
line-height: 1.625;
|
|
@@ -42,13 +67,13 @@
|
|
|
42
67
|
margin-bottom: 0.6em;
|
|
43
68
|
padding: 0.75em 1em;
|
|
44
69
|
border-radius: 0.5rem;
|
|
45
|
-
background: oklch(0.97 0 0);
|
|
70
|
+
background: var(--muted, oklch(0.97 0 0));
|
|
46
71
|
font-size: 0.8125em;
|
|
47
72
|
}
|
|
48
73
|
.prose.prose-sm code:not(pre code) {
|
|
49
74
|
padding: 0.15em 0.35em;
|
|
50
75
|
border-radius: 0.25rem;
|
|
51
|
-
background: oklch(0.97 0 0);
|
|
76
|
+
background: var(--muted, oklch(0.97 0 0));
|
|
52
77
|
font-size: 0.85em;
|
|
53
78
|
font-weight: 500;
|
|
54
79
|
}
|
|
@@ -60,9 +85,9 @@
|
|
|
60
85
|
margin-top: 0.6em;
|
|
61
86
|
margin-bottom: 0.6em;
|
|
62
87
|
padding-left: 0.75em;
|
|
63
|
-
border-left: 3px solid oklch(0.85 0 0);
|
|
88
|
+
border-left: 3px solid var(--border, oklch(0.85 0 0));
|
|
64
89
|
font-style: normal;
|
|
65
|
-
color: oklch(0.4 0 0);
|
|
90
|
+
color: var(--muted-foreground, oklch(0.4 0 0));
|
|
66
91
|
}
|
|
67
92
|
.prose.prose-sm table {
|
|
68
93
|
margin-top: 0.6em;
|
|
@@ -72,10 +97,10 @@
|
|
|
72
97
|
.prose.prose-sm th,
|
|
73
98
|
.prose.prose-sm td {
|
|
74
99
|
padding: 0.35em 0.65em;
|
|
75
|
-
border: 1px solid oklch(0.9 0 0);
|
|
100
|
+
border: 1px solid var(--border, oklch(0.9 0 0));
|
|
76
101
|
}
|
|
77
102
|
.prose.prose-sm th {
|
|
78
|
-
background: oklch(0.97 0 0);
|
|
103
|
+
background: var(--muted, oklch(0.97 0 0));
|
|
79
104
|
font-weight: 600;
|
|
80
105
|
}
|
|
81
106
|
.prose.prose-sm hr {
|
|
@@ -89,12 +114,12 @@
|
|
|
89
114
|
margin-bottom: 0;
|
|
90
115
|
}
|
|
91
116
|
|
|
92
|
-
/* Tiptap composer placeholder */
|
|
117
|
+
/* ── Tiptap composer placeholder ─────────────────────────────────── */
|
|
93
118
|
.ProseMirror p.is-editor-empty:first-child::before,
|
|
94
119
|
.ProseMirror.is-editor-empty:first-child::before {
|
|
95
120
|
content: attr(data-placeholder);
|
|
96
121
|
float: left;
|
|
97
|
-
color: #9ca3af;
|
|
122
|
+
color: var(--muted-foreground, #9ca3af);
|
|
98
123
|
pointer-events: none;
|
|
99
124
|
height: 0;
|
|
100
125
|
}
|