@kenlo/kdls-design-system 2.18.0 → 2.19.1
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 +3 -0
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Toast/Toast.d.ts +1 -1
- package/dist/components/Toast/toast-store.d.ts +6 -4
- package/dist/index.cjs +3 -3
- package/dist/index.css +1 -1
- package/dist/index.js +2395 -2321
- package/kdls-manifest.json +4 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -45,3 +45,6 @@ Os tokens ficam em `foundations/tokens.css` como CSS custom properties (`var(--s
|
|
|
45
45
|
## Status
|
|
46
46
|
|
|
47
47
|
Publicado no npm como [`@kenlo/kdls-design-system`](https://www.npmjs.com/package/@kenlo/kdls-design-system).
|
|
48
|
+
|
|
49
|
+
## Quem aprova mudanças aqui
|
|
50
|
+
Mudança normal: quem pediu aprova sozinho. Mudança de alto risco (dados de cliente, login, cobrança, segredos, infraestrutura, esteira automática): precisa também de um dos cinco aprovadores. Regra completa: https://pages.kenlo.io/p/kenlo-brain/quem-aprova-o-que/ (Constituição G11 c, e, j).
|
|
@@ -23,7 +23,7 @@ type BaseInputProps = {
|
|
|
23
23
|
defaultValue?: string;
|
|
24
24
|
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
25
25
|
onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
|
|
26
|
-
/** Number of visible lines — textbox type only. Default: 3 */
|
|
26
|
+
/** Number of visible lines — textbox type only; a longer text shows the start of the next one cut at the edge. Default: 3 */
|
|
27
27
|
rows?: number;
|
|
28
28
|
/** Visual feedback — when 'none' (default), internal validations may override */
|
|
29
29
|
feedback?: InputFeedback;
|
|
@@ -7,7 +7,7 @@ export interface ToastProps {
|
|
|
7
7
|
message: string;
|
|
8
8
|
/** Visual state — defines icon and color: success (green), alert (yellow), error (red), neutral (no icon) */
|
|
9
9
|
feedback?: ToastFeedback;
|
|
10
|
-
/** Action button label
|
|
10
|
+
/** Action button label — on its own line below the message, aligned with the text */
|
|
11
11
|
actionLabel?: string;
|
|
12
12
|
/** Callback for the action button click */
|
|
13
13
|
onAction?: () => void;
|
|
@@ -5,7 +5,7 @@ export declare const TOAST_EXIT_MS = 220;
|
|
|
5
5
|
export interface ToastOptions {
|
|
6
6
|
/** Visual state — defines icon and color */
|
|
7
7
|
feedback?: ToastFeedback;
|
|
8
|
-
/** Action button label shown
|
|
8
|
+
/** Action button label shown below the message, aligned with the text */
|
|
9
9
|
actionLabel?: string;
|
|
10
10
|
/** Callback for the action button click */
|
|
11
11
|
onAction?: () => void;
|
|
@@ -34,13 +34,15 @@ export interface ToastItem {
|
|
|
34
34
|
type Listener = (toasts: ToastItem[]) => void;
|
|
35
35
|
/** Subscribes to list changes. Calls immediately with the current state. Returns the unsubscribe function. */
|
|
36
36
|
export declare function subscribe(listener: Listener): () => void;
|
|
37
|
-
/** Adds a toast
|
|
37
|
+
/** Adds a toast at the end of the line. Returns the id. */
|
|
38
38
|
export declare function addToast(message: string, opts?: ToastOptions): number;
|
|
39
39
|
/** Closes a toast manually (triggers the exit animation). */
|
|
40
40
|
export declare function dismissToast(id: number): void;
|
|
41
|
-
/**
|
|
41
|
+
/** Closes every toast on screen at once ("Fechar todos"). */
|
|
42
|
+
export declare function dismissAll(): void;
|
|
43
|
+
/** Pauses the time (used on container hover). */
|
|
42
44
|
export declare function pauseAll(): void;
|
|
43
|
-
/** Resumes
|
|
45
|
+
/** Resumes the time where it stopped. */
|
|
44
46
|
export declare function resumeAll(): void;
|
|
45
47
|
/** Test-only — clears the list and timers. */
|
|
46
48
|
export declare function _resetToasts(): void;
|