@mmb-digital/ds-lilly 0.3.17 → 0.4.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.map +1 -0
- package/dist/ds-lilly.d.ts +2498 -0
- package/dist/ds-lilly.js +72 -35
- package/dist/ds-lilly.js.map +1 -0
- package/dist/types/src/components/Components/Card/Card.d.ts +1 -1
- package/dist/types/src/components/Components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/types/src/components/Form/FormField/FormField.d.ts +1 -1
- package/dist/types/src/components/Form/FormGroup2/FormGroup2.d.ts +1 -1
- package/dist/types/src/components/Form/Radio2/Radio2.d.ts +1 -1
- package/dist/types/src/components/Form/Toggle/Toggle.d.ts +1 -1
- package/dist/types/src/components/Navigation/Menu/_elements_/MenuItem.d.ts +1 -1
- package/dist/types/src/hocs/index.d.ts +1 -1
- package/dist/types/src/hocs/withDisabledTooltip.d.ts +7 -3
- package/dist/types/src/utils/classBinder.d.ts +5 -0
- package/package.json +1 -1
|
@@ -48,6 +48,6 @@ export interface CardPropsType extends ComponentPropsType, DisabledTooltipPropsT
|
|
|
48
48
|
}
|
|
49
49
|
export declare type ShadowSizeType = 'small' | 'medium' | 'large' | 'no';
|
|
50
50
|
declare type CardBackgroundColorType = 'cloud' | 'grey' | 'gold' | 'primaryDark' | 'transparent';
|
|
51
|
-
export declare const Card: ({ allowEventPropagation, backgroundColor, borderColor, children, disabledTooltip, hasCustomTrigger, header: collapseHeader, iconBackgroundColor, iconName, iconSize, isCollapsible, isDisabled, isIconAlignTop, isIconRight, isInteractive, isOpen, isSelected, onClick, onToggle, shadowSize, size, testId, theme, withoutRole }: CardPropsType) => JSX.Element;
|
|
51
|
+
export declare const Card: ({ allowEventPropagation, backgroundColor, borderColor, children, disabledTooltip, disabledTooltipType, hasCustomTrigger, header: collapseHeader, iconBackgroundColor, iconName, iconSize, isCollapsible, isDisabled, isIconAlignTop, isIconRight, isInteractive, isOpen, isSelected, onClick, onToggle, shadowSize, size, testId, theme, withoutRole }: CardPropsType) => JSX.Element;
|
|
52
52
|
export {};
|
|
53
53
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { Config, TriggerType } from 'react-popper-tooltip';
|
|
3
3
|
import { ComponentPropsType } from '../../../utils';
|
|
4
|
-
declare type TooltipType = 'dark' | 'light' | 'grey';
|
|
4
|
+
export declare type TooltipType = 'dark' | 'light' | 'grey';
|
|
5
5
|
interface TooltipPropsType extends ComponentPropsType {
|
|
6
6
|
/** Children to be rendered in the main container. */
|
|
7
7
|
children: ReactElement;
|
|
@@ -39,7 +39,7 @@ export interface FormFieldType extends ComponentPropsType, DisabledTooltipPropsT
|
|
|
39
39
|
name: string;
|
|
40
40
|
/** Click event handler. */
|
|
41
41
|
onClick?: (e: SyntheticEvent | KeyboardEvent) => void;
|
|
42
|
-
/** An input
|
|
42
|
+
/** An input placeholder text */
|
|
43
43
|
placeholder?: ReactElement | string;
|
|
44
44
|
/** Assign a prefix Icon to Input */
|
|
45
45
|
prefix?: ReactNode;
|
|
@@ -23,5 +23,5 @@ export interface FormGroup2PropsType extends ComponentPropsType, DisabledTooltip
|
|
|
23
23
|
/** Name of form field. */
|
|
24
24
|
name: string;
|
|
25
25
|
}
|
|
26
|
-
export declare const FormGroup2: ({ charCounter, children, disabledTooltip, disabledTooltipOffset, error, hasError, help, isDisabled, label, labelTooltip, name, theme }: FormGroup2PropsType) => JSX.Element;
|
|
26
|
+
export declare const FormGroup2: ({ charCounter, children, disabledTooltip, disabledTooltipOffset, disabledTooltipType, error, hasError, help, isDisabled, label, labelTooltip, name, theme }: FormGroup2PropsType) => JSX.Element;
|
|
27
27
|
//# sourceMappingURL=FormGroup2.d.ts.map
|
|
@@ -13,6 +13,6 @@ export declare type RadioItem = {
|
|
|
13
13
|
value: RadioItemValue;
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
};
|
|
16
|
-
export declare const Radio2: ({ allowEventPropagation, disabledTooltip, error, help, isDisabled, isInRow, isLabelTitle, isTitleHidden, items, label, labelTooltip, name, onChange, testId, theme, value }: Radio2PropsType) => JSX.Element;
|
|
16
|
+
export declare const Radio2: ({ allowEventPropagation, disabledTooltip, disabledTooltipType, error, help, isDisabled, isInRow, isLabelTitle, isTitleHidden, items, label, labelTooltip, name, onChange, testId, theme, value }: Radio2PropsType) => JSX.Element;
|
|
17
17
|
export {};
|
|
18
18
|
//# sourceMappingURL=Radio2.d.ts.map
|
|
@@ -17,5 +17,5 @@ export interface TogglePropsType extends ComponentPropsType, DisabledTooltipProp
|
|
|
17
17
|
/** Custom onChange handler. */
|
|
18
18
|
onChange?: (value: boolean, event: SyntheticEvent) => void;
|
|
19
19
|
}
|
|
20
|
-
export declare const Toggle: ({ children, disabledTooltip, iconName, isActive, isDisabled, isSecondary, name, onChange, testId, theme }: TogglePropsType) => JSX.Element;
|
|
20
|
+
export declare const Toggle: ({ children, disabledTooltip, disabledTooltipType, iconName, isActive, isDisabled, isSecondary, name, onChange, testId, theme }: TogglePropsType) => JSX.Element;
|
|
21
21
|
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -40,6 +40,6 @@ interface MenuItemPropsType extends ComponentPropsType, DisabledTooltipPropsType
|
|
|
40
40
|
target?: TargetType;
|
|
41
41
|
}
|
|
42
42
|
declare type HideBreakpointsType = 'to-mobile' | 'mobile' | 'mobile-only' | 'mobile-max' | 'tablet' | 'tablet-only' | 'tablet-max' | 'desktop-small' | 'desktop-small-only' | 'desktop-small-max' | 'desktop' | 'desktop-only' | 'desktop-max' | 'desktop-large';
|
|
43
|
-
export declare const MenuItem: ({ ariaLabel, badgeCount, badgeCountAriaLabel, children, childrenTheme, disabledTooltip, hasCustomContent, hide, iconName, isButton, isDisabled, isIconRight, isOpen, isSelected, liTheme, linkTo, onClick, target, testId, title }: MenuItemPropsType) => JSX.Element;
|
|
43
|
+
export declare const MenuItem: ({ ariaLabel, badgeCount, badgeCountAriaLabel, children, childrenTheme, disabledTooltip, disabledTooltipType, hasCustomContent, hide, iconName, isButton, isDisabled, isIconRight, isOpen, isSelected, liTheme, linkTo, onClick, target, testId, title }: MenuItemPropsType) => JSX.Element;
|
|
44
44
|
export {};
|
|
45
45
|
//# sourceMappingURL=MenuItem.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { withDisabledTooltip } from './withDisabledTooltip';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import { ReactElement
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { DisabledTooltipPropsType } from '../utils';
|
|
3
|
+
interface Props extends DisabledTooltipPropsType {
|
|
4
|
+
verticalOffset?: number;
|
|
5
|
+
}
|
|
6
|
+
export declare const withDisabledTooltip: ({ disabledTooltip: tooltipContent, disabledTooltipType, isDisabled, verticalOffset }: Props) => (children: ReactElement) => ReactElement;
|
|
7
|
+
export {};
|
|
4
8
|
//# sourceMappingURL=withDisabledTooltip.d.ts.map
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import classNames from 'classnames';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
+
import { TooltipType } from '../components/Components';
|
|
3
4
|
import { Theme } from '../types';
|
|
4
5
|
export declare const cx: typeof classNames;
|
|
5
6
|
export interface ComponentPropsType {
|
|
@@ -9,7 +10,11 @@ export interface ComponentPropsType {
|
|
|
9
10
|
testId?: string;
|
|
10
11
|
}
|
|
11
12
|
export interface DisabledTooltipPropsType {
|
|
13
|
+
/** If set, a tooltip is visible */
|
|
14
|
+
isDisabled?: boolean;
|
|
12
15
|
disabledTooltip?: ReactNode;
|
|
13
16
|
disabledTooltipOffset?: number;
|
|
17
|
+
/** Tooltip type - dark, light, grey */
|
|
18
|
+
disabledTooltipType?: TooltipType;
|
|
14
19
|
}
|
|
15
20
|
//# sourceMappingURL=classBinder.d.ts.map
|