@kenlo/kdls-design-system 2.19.1 → 2.20.1

package/README.md

@@ -42,6 +42,23 @@ Os tokens ficam em `foundations/tokens.css` como CSS custom properties (`var(--s
 
 `npm run dev` sobe o portal de documentação, com os playgrounds de cada componente e as páginas de fundação (cores, tipografia, espaçamento, grid, ícones).
 
+## Portal no pages.kenlo.io
+
+Decisão do Rafael Leobas, 03/11/2026: o portal do KDLS deve morar no pages.kenlo.io, como o do SDS,
+para a empresa toda navegar e testar com o login da Kenlo.
+
+**Ainda não cabe.** Montado para lá, o portal tem cerca de 17 MB, porque carrega a biblioteca inteira de
+ícones Fluent (cerca de 24 mil ícones), e o limite por página do pages.kenlo.io é 5 MB. Há dois caminhos:
+subir o limite para portais de design system (decisão de quem administra o pages.kenlo.io) ou fazer o
+portal carregar só os ícones que mostra. Até lá, vale o portal que a esteira publica a cada merge na
+`main`: https://storage.googleapis.com/kenlo-open-docs/kdls-design-system/index.html. Ele abria em
+branco até 03/11/2026: era montado para a raiz do domínio (`base: '/kdls-design-system/'`) e o bucket o
+serve dentro de `/kenlo-open-docs/`. Com `base: './'` em `portal/vite.config.ts` ele funciona em qualquer
+pasta, inclusive no pages.kenlo.io.
+
+**Regra, quando estiver no pages.kenlo.io:** toda mudança que entra na `main` atualiza a página do
+portal, do mesmo jeito que no SDS (seção "Portal no pages.kenlo.io" do README do `sds-design-system`).
+
 ## Status
 
 Publicado no npm como [`@kenlo/kdls-design-system`](https://www.npmjs.com/package/@kenlo/kdls-design-system).

package/dist/components/Toast/toast-api.d.ts

@@ -14,6 +14,12 @@ interface ToastApi {
     neutral: (message: string, opts?: ShorthandOptions) => number;
     /** Closes a toast by id (triggers the exit animation) */
     dismiss: (id: number) => void;
+    /**
+     * Where the page's own top ends (its header or sub-header), in px from the top of the
+     * window: the open pile and "Fechar todos" stay 16px below it. `null` goes back to the
+     * window's top. Sets `--kdls-toaster-top` on the root.
+     */
+    setTopLimit: (px: number | null) => void;
 }
 export declare const toast: ToastApi;
 export type { ToastOptions };

package/dist/components/Toast/toast-store.d.ts

@@ -1,5 +1,7 @@
 import type { ToastFeedback } from './Toast';
 import type { TooltipPosition } from '../Tooltip';
+/** Time the pile stays once every toast in it joined, before all leave */
+export declare const TOAST_PILE_MS = 4000;
 /** Must match the exit animation in Toast.css (.kdls-toast--leaving) */
 export declare const TOAST_EXIT_MS = 220;
 export interface ToastOptions {
@@ -30,11 +32,15 @@ export interface ToastItem {
     showDismiss: boolean;
     /** true while the exit animates, before leaving the list */
     leaving: boolean;
+    /** true once its time open ended and it joined the pile; false while open */
+    joined: boolean;
+    /** Order in which it joined the pile: the last one to join is in front */
+    joinOrder?: number;
 }
 type Listener = (toasts: ToastItem[]) => void;
 /** Subscribes to list changes. Calls immediately with the current state. Returns the unsubscribe function. */
 export declare function subscribe(listener: Listener): () => void;
-/** Adds a toast at the end of the line. Returns the id. */
+/** Adds a toast above the others; fired together, the most important goes last. Returns the id. */
 export declare function addToast(message: string, opts?: ToastOptions): number;
 /** Closes a toast manually (triggers the exit animation). */
 export declare function dismissToast(id: number): void;