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.
@@ -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, type, error, buttonLabel, handleDelete, handleToggle, handleButton, isToggleChecked, maxWidthTitle, ...props }: IAccordionItem) => import("react/jsx-runtime").JSX.Element;
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;
@@ -0,0 +1,4 @@
1
+ /** @format */
2
+ import { IconProps } from "@chakra-ui/icons";
3
+ declare const AudioFileIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
4
+ export default AudioFileIcon;
@@ -0,0 +1,4 @@
1
+ /** @format */
2
+ import { IconProps } from "@chakra-ui/icons";
3
+ declare const VideoFileIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
4
+ export default VideoFileIcon;
@@ -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 DragDeleteHeading: Story;
9
+ export declare const DraggableAccordion: Story;
11
10
  export declare const NormalAccordion: Story;
12
- export declare const NormalDelete1Data: Story;
11
+ export declare const AccordionWithActionButton: Story;
13
12
  export declare const NormalDelete1DataWithError: Story;
14
- export declare const AccordionWithButton: Story;
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.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
+ }