inline-chat-kit 0.49.0 → 0.50.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/CHANGELOG.md +12 -0
- package/README.md +1 -11
- package/dist/inline-chat-kit.css +1 -1
- package/dist/inline-chat-kit.js.map +1 -1
- package/package.json +1 -1
- package/theming.md +19 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "inline-chat-kit",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.50.0",
|
|
4
4
|
"description": "An inline AI chat experience for React. The input is the message: it morphs into the bubble, the answer streams beneath it, and the parts around it — tool calls, reasoning, questions, artifacts, dictation — come with it.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
package/theming.md
CHANGED
|
@@ -147,6 +147,25 @@ rest of a paragraph falls back while one highlight has the floor. It is `0.15`
|
|
|
147
147
|
in light and `0.32` in dark, because 15% of near-black on white is a legible
|
|
148
148
|
grey and 15% of near-white on black is very nearly nothing.
|
|
149
149
|
|
|
150
|
+
## Which theme, and whose
|
|
151
|
+
|
|
152
|
+
Left alone the kit reads `prefers-color-scheme`. That is right for an app that
|
|
153
|
+
follows the system, and **wrong and invisible for one that does not**: a
|
|
154
|
+
light-only page on a machine set to dark gets `--ick-ink-rgb: 245 245 245`
|
|
155
|
+
over its own white background, and every word the kit draws disappears. It is
|
|
156
|
+
not a subtle degradation — the component renders perfectly and cannot be seen.
|
|
157
|
+
|
|
158
|
+
Pin it to whatever your app actually paints:
|
|
159
|
+
|
|
160
|
+
```html
|
|
161
|
+
<div class="ick-theme" data-theme="light">…</div>
|
|
162
|
+
```
|
|
163
|
+
|
|
164
|
+
`light` and `dark` are both honoured, on `<html>` or on any ancestor of the
|
|
165
|
+
kit, and the dark rules exclude `[data-theme="light"]` explicitly so the pin
|
|
166
|
+
holds under the media query. Leave it off only if your app follows the system
|
|
167
|
+
as well.
|
|
168
|
+
|
|
150
169
|
## Per component
|
|
151
170
|
|
|
152
171
|
Each component names its own handful, defaulting to the semantic layer. Change
|