@kenlo/kdls-design-system 2.17.0 → 2.19.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/dist/components/Header/Header.d.ts +5 -0
- 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 +3064 -2989
- package/kdls-manifest.json +14 -7
- package/package.json +1 -1
|
@@ -41,6 +41,11 @@ export interface HeaderProfileMenuItem {
|
|
|
41
41
|
export interface HeaderProps {
|
|
42
42
|
/** Kenlo product that determines the logo */
|
|
43
43
|
product?: KenloLogoProduct;
|
|
44
|
+
/** The product's own logo, drawn in place of the Kenlo one — for a product that is
|
|
45
|
+
* not one of the Kenlo logos in `product` (an internal tool, a partner product).
|
|
46
|
+
* Takes precedence over `product`. Rendered 24px tall, width follows the artwork;
|
|
47
|
+
* keeps the link behaviour of logoHref / onLogoClick / logoLabel. */
|
|
48
|
+
logo?: IconElement;
|
|
44
49
|
/** Where the logo links to — normally the product's home. Always the consumer's to
|
|
45
50
|
* set: the DS is used by Kenlo products, by the CMS and by products carrying their
|
|
46
51
|
* own brand (Vira), and each one's home is somewhere else. */
|
|
@@ -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;
|