mainstack-design-system 0.6.2 → 0.6.3

package/build/src/components/InputFields/Input.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="react" />
 import { InputProps } from "@chakra-ui/react";
 export interface IInput extends InputProps {
-    label: string;
+    label?: string;
     name: string;
     value?: any;
     id: string;

package/build/src/components/Tiles/index.d.ts

@@ -5,12 +5,14 @@ export interface TileProps extends BoxProps {
     isSelected?: boolean;
     title: string;
     tag?: ReactNode;
-    subText?: string;
+    image?: string;
+    subText?: ReactNode;
     icon?: JSX.Element;
     iconPosition?: "leading" | "trailing" | "top";
     hasRadioButton?: boolean;
+    hasCheckBox?: boolean;
     bottomComponent?: ReactNode;
     onClick?: () => void;
 }
-declare const Tile: ({ icon, iconPosition, hasRadioButton, isSelected, title, subText, onClick, width, bottomComponent, tag, ...props }: TileProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tile: ({ icon, image, iconPosition, hasRadioButton, hasCheckBox, isSelected, title, subText, onClick, width, bottomComponent, tag, ...props }: TileProps) => import("react/jsx-runtime").JSX.Element;
 export default Tile;

package/build/src/components/notifications/Banner.d.ts

@@ -1,7 +1,7 @@
 /** @format */
 /// <reference types="react" />
 interface Props {
-    variant: "blue" | "red" | "green" | "yellow" | "purple" | "orange" | "gradient";
+    variant: "blue" | "red" | "green" | "yellow" | "purple" | "orange" | "gradient" | "gray";
     onProceed: () => void;
     message: React.ReactNode;
     buttonText?: string;

package/build/src/components/notifications/Tag.d.ts

@@ -4,6 +4,7 @@ export interface ITag {
     status: "Successful" | "Pending" | "Failed" | "Default";
     label?: string;
     icon?: ReactNode;
+    allCaps?: boolean;
 }
-declare const Tag: ({ status, icon, label }: ITag) => import("react/jsx-runtime").JSX.Element;
+declare const Tag: ({ status, icon, label, allCaps }: ITag) => import("react/jsx-runtime").JSX.Element;
 export default Tag;

package/build/src/icons/ApartmentIcon.d.ts

@@ -0,0 +1,4 @@
+/** @format */
+import { IconProps } from "@chakra-ui/icons";
+declare const ApartmentIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ApartmentIcon;

package/build/src/icons/HourGlassTopIcon.d.ts

@@ -0,0 +1,4 @@
+/** @format */
+import { IconProps } from "@chakra-ui/icons";
+declare const HourGlassTopIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default HourGlassTopIcon;

package/build/src/icons/IdCardIcon.d.ts

@@ -0,0 +1,4 @@
+/** @format */
+import { IconProps } from "@chakra-ui/icons";
+declare const IdCardIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default IdCardIcon;

package/build/src/icons/PersonFilledIcon.d.ts

@@ -0,0 +1,4 @@
+/** @format */
+import { IconProps } from "@chakra-ui/icons";
+declare const PersonFilledIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default PersonFilledIcon;

package/build/src/icons/index.d.ts

@@ -324,3 +324,7 @@ export { default as PersonBookIcon } from "./PersonBookIcon";
 export { default as PersonBookFilledIcon } from "./PersonBookFilledIcon";
 export { default as CourseIcon } from "./CourseIcon";
 export { default as CourseFilledIcon } from "./CourseFilledIcon";
+export { default as PersonFilledIcon } from "./PersonFilledIcon";
+export { default as IdCardIcon } from "./IdCardIcon";
+export { default as ApartmentIcon } from "./ApartmentIcon";
+export { default as HourGlassTopIcon } from "./HourGlassTopIcon";

package/build/src/stories/Tiles/Tile.stories.d.ts

@@ -12,3 +12,4 @@ export declare const TileWithSubtext: Story;
 export declare const TileWithLeadingRadioIconAndSubtext: Story;
 export declare const TileWithLeadingRadioBorderIconAndSubtext: Story;
 export declare const TileWithBottomComponent: Story;
+export declare const TileWithImageAndCheckbox: Story;

package/build/src/stories/icons/index.d.ts

@@ -324,5 +324,9 @@ declare const IconsObject: {
     PersonBookFilledIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
     CourseIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
     CourseFilledIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
+    ApartmentIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
+    IdCardIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
+    PersonFilledIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
+    HourGlassTopIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default IconsObject;

package/build/src/stories/notifications/Banner.stories.d.ts

@@ -11,3 +11,4 @@ export declare const yellow: Story;
 export declare const purple: Story;
 export declare const orange: Story;
 export declare const gradient: Story;
+export declare const gray: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mainstack-design-system",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "type": "module",
   "main": "build/mainstack-design-system.js",
   "types": "build/src/index.d.ts",