@filigran/chatbot 3.12.1 → 3.12.2
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 +9 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -900,6 +900,15 @@ import '@filigran/chatbot/styles.css';
|
|
|
900
900
|
|
|
901
901
|
The component uses Tailwind CSS classes and CSS custom properties for theming. The accent color is applied via `--chat-accent` CSS variable.
|
|
902
902
|
|
|
903
|
+
The stylesheet is isolated from the host page in both directions. Every utility
|
|
904
|
+
is scoped to the panel (`.filigran-chatbot` and its descendants) and declared
|
|
905
|
+
outside any cascade layer, and the theme variables (`--radius-*`, `--spacing`,
|
|
906
|
+
...) are declared on the panel root. The host's own utilities and `:root`
|
|
907
|
+
tokens - a Tailwind build shipped without layers, such as the Filigran design
|
|
908
|
+
system's - therefore never restyle the panel, and the panel's utilities never
|
|
909
|
+
style the host page. Panel overlays (menus, dialogs, tooltips) render inside
|
|
910
|
+
the panel root, so they keep its styles.
|
|
911
|
+
|
|
903
912
|
### Composer toolbar
|
|
904
913
|
|
|
905
914
|
Two toolbar items are **data-driven rather than mode-driven**: they appear only
|