@stenajs-webui/panels 19.0.0-next.13 → 19.0.0-next.15

package/dist/components/collapsible/Collapsible.d.ts

@@ -1,18 +1,12 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-import { ClickableProps, DivProps } from "@stenajs-webui/core";
+import { ButtonElementProps, DivProps } from "@stenajs-webui/core";
 import * as React from "react";
-export interface CollapsibleProps extends Omit<DivProps, "onClick">, Pick<ClickableProps, "onClick"> {
+export interface CollapsibleProps extends Omit<DivProps, "onClick"> {
     label: string;
+    onClick?: ButtonElementProps["onClick"];
     contentLeft?: React.ReactNode;
     contentRight?: React.ReactNode;
     collapsed?: boolean;
     disabled?: boolean;
-    unmountOnCollapse?: boolean;
-    mountOnEnter?: boolean;
-    icon?: IconDefinition;
-    iconCollapsed?: IconDefinition;
-    iconSize?: number;
     autoFocus?: boolean;
 }
-export declare const mapCSSTime: (value: string) => number;
 export declare const Collapsible: React.ForwardRefExoticComponent<CollapsibleProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/collapsible/CollapsibleGroupHeading.d.ts

@@ -1,6 +1,5 @@
-import { DivProps } from "@stenajs-webui/core";
 import * as React from "react";
-import { CollapsibleSimpleContentProps } from "./CollapsibleContent";
-export interface CollapsibleGroupHeadingProps extends CollapsibleSimpleContentProps, DivProps {
+export interface CollapsibleGroupHeadingProps {
+    children: string;
 }
 export declare const CollapsibleGroupHeading: React.FC<CollapsibleGroupHeadingProps>;

package/dist/components/collapsible/CollapsibleList.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { ReactNode } from "react";
+export interface CollapsibleListProps {
+    children?: ReactNode;
+}
+export declare const CollapsibleList: React.FC<CollapsibleListProps>;

package/dist/components/notifications/Notification.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { ReactNode } from "react";
 import { NotificationHeaderProps } from "./NotificationHeader";
+export declare type NotificationVariant = "standard" | "danger";
 export interface NotificationProps extends NotificationHeaderProps {
     children?: ReactNode;
 }

package/dist/components/notifications/NotificationHeader.d.ts

@@ -1,5 +1,7 @@
 import * as React from "react";
 import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import { CssPropColor } from "@stenajs-webui/theme";
+import { NotificationVariant } from "./Notification";
 export interface NotificationHeaderProps {
     /** Text. */
     text: string;
@@ -9,13 +11,16 @@ export interface NotificationHeaderProps {
     icon?: IconDefinition;
     /** Icon description for accessibility. */
     iconAriaLabel?: string;
-    /** Icon colour. */
-    iconColor?: string;
     /** Left content instead of icon. */
     contentLeft?: React.ReactNode;
     /** Right content. */
     contentRight?: React.ReactNode;
     /** What happens on clicking close. */
     onClose?: () => void;
+    /** Mark the notification as unread */
+    unread?: boolean;
+    /** Notification variant. Will affect icon bg color */
+    variant: NotificationVariant;
 }
 export declare const NotificationHeader: React.FC<NotificationHeaderProps>;
+export declare const getIconBgColor: (unread: boolean, variant: NotificationVariant) => CssPropColor | undefined;

package/dist/components/notifications/NotificationList.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { ReactNode } from "react";
+export interface NotificationListProps {
+    children?: ReactNode;
+}
+export declare const NotificationList: React.FC<NotificationListProps>;

package/dist/components/notifications/UnreadDot.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { ReactNode } from "react";
+export interface UnreadDotProps {
+    children: ReactNode;
+}
+export declare const UnreadDot: React.FC<UnreadDotProps>;

package/dist/index.d.ts

@@ -10,11 +10,13 @@ export * from "./components/nav-bar/NavBarNotificationButton";
 export * from "./components/nav-bar/NavBarSearchField";
 export * from "./components/nav-bar/NavBarUserButton";
 export * from "./components/notifications/Notification";
+export * from "./components/notifications/NotificationHeader";
+export * from "./components/notifications/NotificationList";
+export * from "./components/notifications/UnreadDot";
 export * from "./components/notifications/Toast";
 export * from "./components/collapsible/Collapsible";
+export * from "./components/collapsible/CollapsibleList";
 export * from "./components/collapsible/CollapsibleWithCheckbox";
-export * from "./components/collapsible/CollapsibleContent";
-export * from "./components/collapsible/CollapsibleClickableContent";
 export * from "./components/collapsible/CollapsibleGroupHeading";
 export * from "./components/collapsible/CollapsibleEmptyContent";
 export * from "./components/error-panel/ErrorPanel";