mainstack-design-system 0.5.1 → 0.5.3
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/README.md +40 -26
- package/build/mainstack-design-system.js +171 -166
- package/build/src/components/cards/MultipurposeCard.d.ts +16 -0
- package/build/src/components/cards/SimpleCard.d.ts +11 -0
- package/build/src/components/notifications/Snackbar.d.ts +2 -2
- package/build/src/components/notifications/TagsUpdate.d.ts +3 -2
- package/build/src/stories/Tiles/Tile.stories.d.ts +1 -0
- package/build/src/stories/cards/MultipurposeCard.stories.d.ts +9 -0
- package/build/src/stories/cards/SimpleCard.stories.d.ts +8 -0
- package/build/src/stories/notifications/TagsUpdate.stories.d.ts +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
interface IBigCard {
|
|
4
|
+
title: string;
|
|
5
|
+
description: string;
|
|
6
|
+
variant: "inline" | "block";
|
|
7
|
+
icon?: React.ReactNode;
|
|
8
|
+
tag?: React.ReactNode;
|
|
9
|
+
hasActionButton: boolean;
|
|
10
|
+
actionButtonText?: string;
|
|
11
|
+
onActionButtonClick?: () => void;
|
|
12
|
+
rightElement?: React.ReactNode;
|
|
13
|
+
fontFamily?: string;
|
|
14
|
+
}
|
|
15
|
+
declare const MultipurposeCard: ({ title, description, variant, icon, hasActionButton, rightElement, actionButtonText, onActionButtonClick, tag, fontFamily, }: IBigCard) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export default MultipurposeCard;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
interface ISmallCard {
|
|
4
|
+
title: string;
|
|
5
|
+
description: string;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
tag?: React.ReactNode;
|
|
8
|
+
fontFamily?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const SimpleCard: ({ title, description, icon, tag, fontFamily, }: ISmallCard) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default SimpleCard;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/** @format */
|
|
2
|
-
import { TypeOptions } from "react-toastify";
|
|
2
|
+
import { ToastOptions, TypeOptions } from "react-toastify";
|
|
3
3
|
declare enum SnackbarType {
|
|
4
4
|
info = "info",
|
|
5
5
|
success = "success",
|
|
@@ -8,5 +8,5 @@ declare enum SnackbarType {
|
|
|
8
8
|
default = "default"
|
|
9
9
|
}
|
|
10
10
|
declare const CustomSnackbarContainer: () => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
declare function customSnackbar(title: string, type: TypeOptions, subtext?: string, showUndoButton?: boolean, handleUndo?: () => void): void;
|
|
11
|
+
declare function customSnackbar(title: string, type: TypeOptions, subtext?: string, showUndoButton?: boolean, handleUndo?: () => void, toastOptions?: ToastOptions<object>): void;
|
|
12
12
|
export { customSnackbar, CustomSnackbarContainer, SnackbarType };
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/** @format */
|
|
2
2
|
import { ReactNode } from "react";
|
|
3
3
|
export interface ITagsUpdate {
|
|
4
|
-
status: "Successful" | "Pending" | "Failed";
|
|
4
|
+
status: "Successful" | "Pending" | "Failed" | "Default";
|
|
5
|
+
label?: string;
|
|
5
6
|
icon?: ReactNode;
|
|
6
7
|
}
|
|
7
|
-
declare const TagsUpdate: ({ status, icon }: ITagsUpdate) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const TagsUpdate: ({ status, icon, label }: ITagsUpdate) => import("react/jsx-runtime").JSX.Element;
|
|
8
9
|
export default TagsUpdate;
|
|
@@ -10,4 +10,5 @@ export declare const TileWithTopIconAndSubtext: Story;
|
|
|
10
10
|
export declare const TileWithTopIcon: Story;
|
|
11
11
|
export declare const TileWithSubtext: Story;
|
|
12
12
|
export declare const TileWithLeadingRadioIconAndSubtext: Story;
|
|
13
|
+
export declare const TileWithLeadingRadioBorderIconAndSubtext: Story;
|
|
13
14
|
export declare const TileWithBottomComponent: Story;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
import MultipurposeCard from "components/cards/MultipurposeCard";
|
|
3
|
+
import type { Meta } from "@storybook/react";
|
|
4
|
+
declare const meta: Meta<typeof MultipurposeCard>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = typeof meta;
|
|
7
|
+
export declare const Default: Story;
|
|
8
|
+
export declare const HasActionButton: Story;
|
|
9
|
+
export declare const HasRightElement: Story;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
import SimpleCard from "components/cards/SimpleCard";
|
|
3
|
+
import type { Meta } from "@storybook/react";
|
|
4
|
+
declare const meta: Meta<typeof SimpleCard>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = typeof meta;
|
|
7
|
+
export declare const Default: Story;
|
|
8
|
+
export declare const HasTag: Story;
|