mainstack-design-system 0.4.4 → 0.4.6
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/build/mainstack-design-system.js +3515 -3460
- package/build/src/components/AccordionItem/index.d.ts +3 -7
- package/build/src/components/controls/ToggleButton.d.ts +3 -2
- package/build/src/icons/AudioFileIcon.d.ts +4 -0
- package/build/src/icons/VideoFileIcon.d.ts +4 -0
- package/build/src/icons/index.d.ts +2 -0
- package/build/src/stories/Accordion/Accordion.stories.d.ts +3 -4
- package/build/src/stories/icons/index.d.ts +3 -0
- package/package.json +2 -2
|
@@ -6,14 +6,10 @@ export interface IAccordionItem extends AccordionItemProps {
|
|
|
6
6
|
title: string;
|
|
7
7
|
subtitle?: React.ReactNode;
|
|
8
8
|
isDraggable?: boolean;
|
|
9
|
-
type: "has-toggle" | "has-delete" | "has-button" | "normal";
|
|
10
9
|
error?: boolean;
|
|
11
|
-
buttonLabel?: string;
|
|
12
|
-
handleDelete?: () => void;
|
|
13
|
-
handleToggle?: () => void;
|
|
14
|
-
handleButton?: () => void;
|
|
15
|
-
isToggleChecked?: boolean;
|
|
16
10
|
maxWidthTitle?: string;
|
|
11
|
+
actionButton?: React.ReactNode;
|
|
12
|
+
titleTag?: React.ReactNode;
|
|
17
13
|
}
|
|
18
|
-
declare const AccordionItem: ({ children, title, subtitle, isDraggable,
|
|
14
|
+
declare const AccordionItem: ({ children, title, subtitle, isDraggable, error, maxWidthTitle, actionButton, titleTag, ...props }: IAccordionItem) => import("react/jsx-runtime").JSX.Element;
|
|
19
15
|
export default AccordionItem;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/** @format */
|
|
2
|
-
import { SwitchProps } from "@chakra-ui/react";
|
|
2
|
+
import { SwitchProps, BoxProps } from "@chakra-ui/react";
|
|
3
3
|
interface ISwitch extends SwitchProps {
|
|
4
4
|
label?: string;
|
|
5
5
|
subtext?: string;
|
|
@@ -9,6 +9,7 @@ interface ISwitch extends SwitchProps {
|
|
|
9
9
|
name?: string;
|
|
10
10
|
className?: string;
|
|
11
11
|
value?: any;
|
|
12
|
+
BoxProp?: BoxProps;
|
|
12
13
|
}
|
|
13
|
-
declare const ToggleButton: ({ label, subtext, refkey, size, className, value, as, id, onChange, isChecked, name, isDisabled, }: ISwitch) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare const ToggleButton: ({ label, subtext, refkey, size, className, value, as, id, onChange, isChecked, name, isDisabled, BoxProp, ...props }: ISwitch) => import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export default ToggleButton;
|
|
@@ -34,6 +34,7 @@ export { default as ArtTrackIcon } from "./ArtTrackIcon";
|
|
|
34
34
|
export { default as AttachmentIcon } from "./AttachmentIcon";
|
|
35
35
|
export { default as AttachMoneyIcon } from "./AttachMoneyIcon";
|
|
36
36
|
export { default as AudioFileFilledIcon } from "./AudioFileFilledIcon";
|
|
37
|
+
export { default as AudioFileIcon } from "./AudioFileIcon";
|
|
37
38
|
export { default as AutoAwesomeMosaicFilledIcon } from "./AutoAwesomeMosaicFilledIcon";
|
|
38
39
|
export { default as AutoAwesomeMosaicIcon } from "./AutoAwesomeMosaicIcon";
|
|
39
40
|
export { default as AutoFixFilledIcon } from "./AutoFixFilledIcon";
|
|
@@ -299,6 +300,7 @@ export { default as ViewModuleIcon } from "./ViewModuleIcon";
|
|
|
299
300
|
export { default as VisibilityIcon } from "./VisibilityIcon";
|
|
300
301
|
export { default as VisibilityOffIcon } from "./VisibilityOffIcon";
|
|
301
302
|
export { default as VideoCamIcon } from "./VideoCamIcon";
|
|
303
|
+
export { default as VideoFileIcon } from "./VideoFileIcon";
|
|
302
304
|
export { default as VolunteerActivismFilledIcon } from "./VolunteerActivismFilledIcon";
|
|
303
305
|
export { default as VolunteerActivismIcon } from "./VolunteerActivismIcon";
|
|
304
306
|
export { default as WarningFilledIcon } from "./WarningFilledIcon";
|
|
@@ -4,11 +4,10 @@ import AccordionWrapper from "./AccordionWrapper";
|
|
|
4
4
|
declare const meta: Meta<typeof AccordionWrapper>;
|
|
5
5
|
export default meta;
|
|
6
6
|
type Story = StoryObj<typeof AccordionWrapper>;
|
|
7
|
-
export declare const DragToggleHeading: Story;
|
|
8
7
|
export declare const DragToggleHeading1Data: Story;
|
|
9
8
|
export declare const DragToggleHeading2Data: Story;
|
|
10
|
-
export declare const
|
|
9
|
+
export declare const DraggableAccordion: Story;
|
|
11
10
|
export declare const NormalAccordion: Story;
|
|
12
|
-
export declare const
|
|
11
|
+
export declare const AccordionWithActionButton: Story;
|
|
13
12
|
export declare const NormalDelete1DataWithError: Story;
|
|
14
|
-
export declare const
|
|
13
|
+
export declare const AccordionWithTitleTag: Story;
|
|
@@ -31,6 +31,7 @@ declare const IconsObject: {
|
|
|
31
31
|
ArtTrackIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
32
32
|
AttachmentIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
33
|
AttachMoneyIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
AudioFileIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
35
|
AudioFileFilledIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
35
36
|
AutoFixIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
36
37
|
AddsClickIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -126,6 +127,7 @@ declare const IconsObject: {
|
|
|
126
127
|
EmojiIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
127
128
|
EmptyIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
128
129
|
EnterpriseFilledIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
130
|
+
EnterpriseIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
129
131
|
EqualIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
130
132
|
ErrorFilledIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
131
133
|
ErrorIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -298,6 +300,7 @@ declare const IconsObject: {
|
|
|
298
300
|
VisibilityIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
299
301
|
VisibilityOffIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
300
302
|
VideoCamIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
303
|
+
VideoFileIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
301
304
|
VolunteerActivismFilledIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
302
305
|
VolunteerActivismIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
303
306
|
WarningFilledIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mainstack-design-system",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.6",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "build/mainstack-design-system.js",
|
|
6
6
|
"types": "build/src/index.d.ts",
|
|
@@ -109,4 +109,4 @@
|
|
|
109
109
|
"url": "https://github.com/The-Mainstack/mainstack-design-system/issues"
|
|
110
110
|
},
|
|
111
111
|
"homepage": "https://github.com/The-Mainstack/mainstack-design-system#readme"
|
|
112
|
-
}
|
|
112
|
+
}
|