@kenlo/kdls-design-system 2.11.0 → 2.12.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/dist/components/Input/Input.d.ts +2 -0
- package/dist/components/Pill/Pill.d.ts +2 -0
- package/dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/index.cjs +3 -3
- package/dist/index.css +1 -1
- package/dist/index.js +2859 -2851
- package/kdls-manifest.json +10 -3
- package/package.json +1 -1
|
@@ -35,6 +35,8 @@ type BaseInputProps = {
|
|
|
35
35
|
iconRight?: IconElement;
|
|
36
36
|
/** Callback when clicking iconRight — makes the icon interactive with stopPropagation */
|
|
37
37
|
onClickIconRight?: () => void;
|
|
38
|
+
/** Accessible name of iconRight when it is clickable — say what the click does (e.g. "Buscar" for a magnifier that applies the search). Default: "Limpar" */
|
|
39
|
+
iconRightLabel?: string;
|
|
38
40
|
/** Count badge shown before the right icon (used as a Popover Trigger) */
|
|
39
41
|
notificationCount?: number;
|
|
40
42
|
/** Shows a custom incrementer (+/−) for type="number". The browser's native spinner is always hidden via CSS. */
|
|
@@ -14,6 +14,8 @@ interface PillBase {
|
|
|
14
14
|
width?: 'hug' | 'fill';
|
|
15
15
|
/** @internal Callback fired when clicking iconRight — prevents propagation to onClick */
|
|
16
16
|
onClickIconRight?: () => void;
|
|
17
|
+
/** @internal Accessible name of iconRight when onClickIconRight is set — say what the click does. Default: "Limpar" */
|
|
18
|
+
iconRightLabel?: string;
|
|
17
19
|
/** @internal Shows a notification badge (size 24px) */
|
|
18
20
|
showNotification?: boolean;
|
|
19
21
|
/** @internal Number shown in the notification badge (requires showNotification=true) */
|
|
@@ -4,7 +4,7 @@ export type TooltipPosition = 'top' | 'topLeft' | 'topRight' | 'right' | 'rightT
|
|
|
4
4
|
export interface TooltipProps {
|
|
5
5
|
/** Text shown inside the tooltip on hovering or focusing the trigger. */
|
|
6
6
|
content: string;
|
|
7
|
-
/** Trigger element — receives hover/focus to show the tooltip (button, text, etc.). When omitted, renders the DS's default info icon (fixed — the icon and color can't be changed). */
|
|
7
|
+
/** Trigger element — receives hover/focus to show the tooltip (button, text, etc.). When omitted, renders the DS's default info icon (fixed — the icon and color can't be changed), which takes keyboard focus and is announced to screen readers by the `content` text. */
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
/** Tooltip position relative to the trigger. Automatically flips to the opposite side when there's no space in the requested direction. */
|
|
10
10
|
placement?: TooltipPosition;
|