@lifesg/react-design-system 2.5.1 → 2.6.0-canary.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/alert/alert.d.ts +1 -1
- package/alert/alert.style.d.ts +14 -1
- package/alert/index.js +150 -126
- package/alert/index.js.map +1 -1
- package/alert/types.d.ts +4 -0
- package/cjs/index.js +77 -21
- package/cjs/index.js.map +1 -1
- package/file-upload/file-upload.styles.d.ts +2 -2
- package/file-upload/index.js +754 -730
- package/file-upload/index.js.map +1 -1
- package/index.js +118 -62
- package/index.js.map +1 -1
- package/notification-banner/index.js +169 -137
- package/notification-banner/index.js.map +1 -1
- package/notification-banner/notification-banner.d.ts +1 -1
- package/notification-banner/notification-banner.styles.d.ts +8 -2
- package/notification-banner/types.d.ts +4 -0
- package/package.json +1 -1
- package/uneditable-section/index.js +238 -214
- package/uneditable-section/index.js.map +1 -1
- package/uneditable-section/section-item.styles.d.ts +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { NotificationBannerProps, NotificationBannerWithForwardedRefProps } from "./types";
|
|
3
|
-
export declare const NBComponent: ({ children, visible, dismissible, sticky, onDismiss, id, forwardedRef, ...otherProps }: NotificationBannerWithForwardedRefProps) => JSX.Element;
|
|
3
|
+
export declare const NBComponent: ({ children, visible, dismissible, sticky, onDismiss, id, forwardedRef, maxCollapsedHeight, onClick, actionButton, ...otherProps }: NotificationBannerWithForwardedRefProps) => JSX.Element;
|
|
4
4
|
export declare const NotificationBanner: ((props: NotificationBannerProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
|
|
5
5
|
Link: import("styled-components").StyledComponent<(props: import("..").TextLinkProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
6
6
|
};
|
|
@@ -1,15 +1,21 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
interface WrapperStyleProps {
|
|
3
3
|
$sticky: boolean;
|
|
4
|
+
$clickable: boolean;
|
|
5
|
+
}
|
|
6
|
+
interface ContentStyleProps {
|
|
7
|
+
$maxCollapsedHeight?: number;
|
|
4
8
|
}
|
|
5
9
|
export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WrapperStyleProps, never>;
|
|
6
10
|
export declare const Container: import("styled-components").StyledComponent<(props: import("../layout").ContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme,
|
|
11
|
+
export declare const ContentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
12
|
+
export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContentStyleProps, never>;
|
|
9
13
|
export declare const ContentLink: import("styled-components").StyledComponent<(props: import("../text").TextLinkProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
10
14
|
export declare const StyledIconButton: import("styled-components").StyledComponent<(props: import("../shared/clickable-icon").ClickableIconProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, import("styled-components").DefaultTheme, {}, never>;
|
|
11
15
|
export declare const StyledIcon: import("styled-components").StyledComponent<{
|
|
12
16
|
(props: import("react").SVGProps<SVGSVGElement>): JSX.Element;
|
|
13
17
|
displayName: string;
|
|
14
18
|
}, import("styled-components").DefaultTheme, {}, never>;
|
|
19
|
+
export declare const ActionButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
|
|
20
|
+
export declare const AccessibleBannerButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
|
|
15
21
|
export {};
|
|
@@ -7,6 +7,10 @@ export interface NotificationBannerProps extends React.HTMLAttributes<HTMLDivEle
|
|
|
7
7
|
sticky?: boolean | undefined;
|
|
8
8
|
onDismiss?: (() => void) | undefined;
|
|
9
9
|
"data-testid"?: string | undefined;
|
|
10
|
+
/** Specifies the maximum height of content, after which it is collapsed */
|
|
11
|
+
maxCollapsedHeight?: number | undefined;
|
|
12
|
+
/** Action button that will be displayed */
|
|
13
|
+
actionButton?: React.ButtonHTMLAttributes<HTMLButtonElement> | undefined;
|
|
10
14
|
}
|
|
11
15
|
export interface NotificationBannerWithForwardedRefProps extends NotificationBannerProps {
|
|
12
16
|
forwardedRef?: React.Ref<HTMLDivElement> | undefined;
|