@keboola/design 4.2.0 → 4.3.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/AGENTS.md +1 -1
- package/dist/editors.cjs +2 -2
- package/dist/editors.cjs.map +1 -1
- package/dist/editors.js +2 -2
- package/dist/editors.js.map +1 -1
- package/dist/index.cjs +70 -31
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +448 -421
- package/dist/index.d.ts +448 -421
- package/dist/index.js +70 -32
- package/dist/index.js.map +1 -1
- package/dist/markdown-editor.cjs +5 -5
- package/dist/markdown-editor.cjs.map +1 -1
- package/dist/markdown-editor.js +5 -5
- package/dist/markdown-editor.js.map +1 -1
- package/dist/mermaid.cjs +2 -2
- package/dist/mermaid.cjs.map +1 -1
- package/dist/mermaid.js +2 -2
- package/dist/mermaid.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +2 -2
package/AGENTS.md
CHANGED
|
@@ -465,7 +465,7 @@ import { ThemeProvider } from '@keboola/design';
|
|
|
465
465
|
```
|
|
466
466
|
|
|
467
467
|
- **`brand`** — the active brand decides the chrome. **argo styling is brand-driven**: any non-`keboola-legacy` brand renders argo chrome automatically (`renderArgo = !isLegacy`), so a default `keboola` / `example-customer` brand needs no per-component flags. The `keboola-legacy` brand renders the pre-modernization chrome. With no `brand` prop, `ThemeProvider` defaults to the canonical `keboola` brand.
|
|
468
|
-
- **`colorScheme`** — `"light"` (default) / `"dark"` / `"system"`. Dark mode is set **here, on the root provider** — not per component. `"system"` follows the OS preference.
|
|
468
|
+
- **`colorScheme`** — `"light"` (default) / `"dark"` / `"system"`. Dark mode is set **here, on the root provider** — not per component. `"system"` follows the OS preference. Render the user-facing light/dark/system control with the **`ColorModeSwitch`** block (`<ColorModeSwitch value={scheme} onValueChange={setScheme} />`) — a controlled icon-button + dropdown; feed the same state to `ThemeProvider`'s `colorScheme`.
|
|
469
469
|
|
|
470
470
|
Chrome is driven **entirely** by the active brand — there is no per-call-site `argo` prop or `variant="argo"` escape hatch. To render a subtree under a different brand (e.g. an argo section inside a `keboola-legacy` app), wrap it in a nested `<ThemeProvider brand={…}>`; `useIsLegacyBrand()` reads the nearest provider, so the override is scoped to that subtree.
|
|
471
471
|
|
package/dist/editors.cjs
CHANGED
|
@@ -363,9 +363,9 @@ var variants = classVarianceAuthority.cva(
|
|
|
363
363
|
"focus-visible:tw-outline",
|
|
364
364
|
"focus-visible:tw-outline-1",
|
|
365
365
|
"focus-visible:-tw-outline-offset-1",
|
|
366
|
-
"focus-visible:tw-outline-
|
|
366
|
+
"focus-visible:tw-outline-ring",
|
|
367
367
|
"focus-visible:tw-ring-4",
|
|
368
|
-
"focus-visible:tw-ring-
|
|
368
|
+
"focus-visible:tw-ring-ring/30",
|
|
369
369
|
// disabled
|
|
370
370
|
"disabled:tw-opacity-40",
|
|
371
371
|
"disabled:tw-cursor-not-allowed",
|