@mmb-digital/ds-lilly 0.4.3 → 0.5.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/.DS_Store +0 -0
- package/dist/ds-lilly.css +1 -1
- package/dist/ds-lilly.css.map +1 -0
- package/dist/ds-lilly.d.ts +2498 -0
- package/dist/ds-lilly.js +21 -21
- package/dist/ds-lilly.js.map +1 -0
- package/dist/types/src/components/Components/Badge/Badge.d.ts +4 -2
- package/dist/types/src/components/Components/Pills/Pills.d.ts +6 -0
- package/dist/types/src/components/Navigation/Tabs/_elements_/TabListItem.d.ts +3 -1
- package/package.json +1 -1
|
@@ -5,12 +5,14 @@ export interface BadgePropsType extends ComponentPropsType {
|
|
|
5
5
|
ariaLabel?: string;
|
|
6
6
|
/** Children to be rendered in the main container. */
|
|
7
7
|
children?: ReactNode;
|
|
8
|
-
/**
|
|
8
|
+
/** @deprecated use hasNotification prop instead */
|
|
9
9
|
isDotVisible?: boolean;
|
|
10
|
+
/** show badge as a dot only */
|
|
11
|
+
hasNotification?: boolean;
|
|
10
12
|
/** number to be displayed in badge */
|
|
11
13
|
count?: number;
|
|
12
14
|
/** max displayable count, if count overlaps then maxCount and "+" will be displayed */
|
|
13
15
|
maxCount?: number;
|
|
14
16
|
}
|
|
15
|
-
export declare const Badge: ({ ariaLabel, children, count, isDotVisible, maxCount, testId, theme }: BadgePropsType) => JSX.Element;
|
|
17
|
+
export declare const Badge: ({ ariaLabel, children, count, hasNotification, isDotVisible, maxCount, testId, theme }: BadgePropsType) => JSX.Element | null;
|
|
16
18
|
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -3,6 +3,12 @@ export interface PillType extends DisabledTooltipPropsType {
|
|
|
3
3
|
isDisabled?: boolean;
|
|
4
4
|
label: string;
|
|
5
5
|
value: string;
|
|
6
|
+
/** Flag if tab has some notification. Shows red dot. */
|
|
7
|
+
hasNotification?: boolean;
|
|
8
|
+
/** Number of notifications shown in red circle. */
|
|
9
|
+
notificationCount?: number;
|
|
10
|
+
/** Limit for maximum notification count. */
|
|
11
|
+
notificationMaxCount?: number;
|
|
6
12
|
}
|
|
7
13
|
export interface PillsPropsType extends ComponentPropsType {
|
|
8
14
|
/** ARIA label for pill */
|
|
@@ -8,9 +8,11 @@ export interface TabListItemPropsType extends DisabledTooltipPropsType {
|
|
|
8
8
|
/** Number of notifications shown in red circle. */
|
|
9
9
|
notificationCount?: number;
|
|
10
10
|
/** Limit for maximum notification count. */
|
|
11
|
+
notificationMaxCount?: number;
|
|
12
|
+
/** @deprecated use notificationMaxCount prop instead */
|
|
11
13
|
countLimit?: number;
|
|
12
14
|
/** FLag if tab is disabled. */
|
|
13
15
|
isDisabled?: boolean;
|
|
14
16
|
}
|
|
15
|
-
export declare const TabListItem: ({ countLimit, hasNotification, notificationCount, value }: TabListItemPropsType) => JSX.Element;
|
|
17
|
+
export declare const TabListItem: ({ countLimit, hasNotification, notificationCount, notificationMaxCount, value }: TabListItemPropsType) => JSX.Element;
|
|
16
18
|
//# sourceMappingURL=TabListItem.d.ts.map
|