mainstack-design-system 0.2.8 → 0.3.0

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.
Files changed (13) hide show
  1. package/build/mainstack-design-system.js +5367 -5229
  2. package/build/src/components/Avatars/index.d.ts +1 -1
  3. package/build/src/components/InputFields/Input.d.ts +1 -1
  4. package/build/src/components/InputFields/SelectInput/PhoneNumberInput.d.ts +2 -1
  5. package/build/src/components/InputFields/SelectInput/SelectInput.d.ts +3 -2
  6. package/build/src/components/controls/Stepper.d.ts +3 -1
  7. package/build/src/icons/EnterpriseFilledIcon.d.ts +4 -0
  8. package/build/src/icons/GooglePayIcon.d.ts +4 -0
  9. package/build/src/icons/VideoCamIcon.d.ts +4 -0
  10. package/build/src/icons/index.d.ts +4 -1
  11. package/build/src/stories/Avatars/Avatar.stories.d.ts +1 -0
  12. package/build/src/stories/icons/index.d.ts +4 -1
  13. package/package.json +1 -1
package/build/src/components/Avatars/index.d.ts CHANGED
@@ -5,7 +5,7 @@ export interface AvatarProp {
5
5
  interface ImageAvatarProp extends AvatarProp {
6
6
  src?: string;
7
7
  type: "image";
8
- fallback: "store" | "picture";
8
+ fallback: "store" | "picture" | "bookings";
9
9
  }
10
10
  interface InitialsAvatarProp extends AvatarProp {
11
11
  name: string;
package/build/src/components/InputFields/Input.d.ts CHANGED
@@ -8,7 +8,7 @@ export interface IInput extends InputProps {
8
8
  onChange?: (e?: any) => void;
9
9
  defaultValue?: any;
10
10
  placeholder?: string;
11
- type: "text" | "number" | "password";
11
+ type: "text" | "number" | "password" | "email" | "url";
12
12
  error?: boolean;
13
13
  errorMessage?: string;
14
14
  success?: boolean;
package/build/src/components/InputFields/SelectInput/PhoneNumberInput.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /** @format */
2
+ /// <reference types="react" />
2
3
  export interface IPhoneNumberInputProps {
3
4
  value?: string;
4
5
  onChange?: (value: string) => void;
@@ -6,7 +7,7 @@ export interface IPhoneNumberInputProps {
6
7
  placeholder?: string;
7
8
  label?: string;
8
9
  id?: string;
9
- subtext?: string;
10
+ subtext?: string | JSX.Element;
10
11
  }
11
12
  declare const PhoneNumberInput: ({ value, onChange, enableSearch, placeholder, label, id, subtext, }: IPhoneNumberInputProps) => import("react/jsx-runtime").JSX.Element;
12
13
  export default PhoneNumberInput;
package/build/src/components/InputFields/SelectInput/SelectInput.d.ts CHANGED
@@ -21,7 +21,8 @@ export interface ISelectInputProps {
21
21
  CustomOption?: React.ComponentType<OptionProps<any, boolean, GroupBase<any>>>;
22
22
  CustomMultiValue?: React.ComponentType<MultiValueProps<any, boolean, GroupBase<any>>>;
23
23
  disabled?: boolean;
24
+ noOptionsMessage?: string;
24
25
  }
25
26
  export declare const DropdownIndicator: (props: DropdownIndicatorProps) => import("react/jsx-runtime").JSX.Element;
26
- export declare const SelectInput: ({ label, id, name, placeholder, onBlur, onChange, value, defaultValue, options, isMulti, hideSelectedOptions, CustomOption, CustomMultiValue, disabled, }: ISelectInputProps) => import("react/jsx-runtime").JSX.Element;
27
- export declare const CreatableSelectInput: ({ label, id, name, placeholder, onBlur, onChange, value, defaultValue, options, isMulti, hideSelectedOptions, CustomOption, CustomMultiValue, disabled, }: ISelectInputProps) => import("react/jsx-runtime").JSX.Element;
27
+ export declare const SelectInput: ({ label, id, name, placeholder, onBlur, onChange, value, defaultValue, options, isMulti, hideSelectedOptions, CustomOption, CustomMultiValue, disabled, noOptionsMessage, }: ISelectInputProps) => import("react/jsx-runtime").JSX.Element;
28
+ export declare const CreatableSelectInput: ({ label, id, name, placeholder, onBlur, onChange, value, defaultValue, options, isMulti, hideSelectedOptions, CustomOption, CustomMultiValue, disabled, noOptionsMessage, }: ISelectInputProps) => import("react/jsx-runtime").JSX.Element;
package/build/src/components/controls/Stepper.d.ts CHANGED
@@ -9,6 +9,8 @@ export interface StepperProps extends FlexProps {
9
9
  }[];
10
10
  page: number;
11
11
  handleStepClick?: (id: number) => void;
12
+ color?: string;
13
+ bgColor?: string;
12
14
  }
13
- declare const Stepper: ({ steps, page, handleStepClick, ...rest }: StepperProps) => import("react/jsx-runtime").JSX.Element;
15
+ declare const Stepper: ({ steps, page, handleStepClick, color, bgColor, ...rest }: StepperProps) => import("react/jsx-runtime").JSX.Element;
14
16
  export default Stepper;
package/build/src/icons/EnterpriseFilledIcon.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /** @format */
2
+ import { IconProps } from "@chakra-ui/icons";
3
+ declare const EnterpriseFilledIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
4
+ export default EnterpriseFilledIcon;
package/build/src/icons/GooglePayIcon.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /** @format */
2
+ import { IconProps } from "@chakra-ui/icons";
3
+ declare const GooglePayIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
4
+ export default GooglePayIcon;
package/build/src/icons/VideoCamIcon.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /** @format */
2
+ import { IconProps } from "@chakra-ui/icons";
3
+ declare const VideoCamIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
4
+ export default VideoCamIcon;
package/build/src/icons/index.d.ts CHANGED
@@ -123,6 +123,7 @@ export { default as EmojiEventsIcon } from "./EmojiEventsIcon";
123
123
  export { default as EmojiFoodBeverageIcon } from "./EmojiFoodBeverageIcon";
124
124
  export { default as EmojiIcon } from "./EmojiIcon";
125
125
  export { default as EmptyIcon } from "./EmptyIcon";
126
+ export { default as EnterpriseFilledIcon } from "./EnterpriseFilledIcon";
126
127
  export { default as ErrorFilledIcon } from "./ErrorFilledIcon";
127
128
  export { default as ErrorIcon } from "./ErrorIcon";
128
129
  export { default as EventFilledIcon } from "./EventFilledIcon";
@@ -158,6 +159,7 @@ export { default as GppMaybeIcon } from "./GppMaybeIcon";
158
159
  export { default as GridViewIcon } from "./GridViewIcon";
159
160
  export { default as GroupFilledIcon } from "./GroupFilledIcon";
160
161
  export { default as GroupIcon } from "./GroupIcon";
162
+ export { default as GooglePayIcon } from "./GooglePayIcon";
161
163
  export { default as HeadphonesIcon } from "./HeadphonesIcon";
162
164
  export { default as HomeFilledIcon } from "./HomeFilledIcon";
163
165
  export { default as HomeIcon } from "./HomeIcon";
@@ -202,7 +204,7 @@ export { default as NotificationsIcon } from "./NotificationsIcon";
202
204
  export { default as OpenInNewIcon } from "./OpenInNewIcon";
203
205
  export { default as OthersIcon } from "./OthersIcon";
204
206
  export { default as PageViewIcon } from "./PageViewIcon";
205
- export { default as Paidcon } from "./PaidIcon";
207
+ export { default as PaidIcon } from "./PaidIcon";
206
208
  export { default as PaletteFilledIcon } from "./PaletteFilledIcon";
207
209
  export { default as PaletteIcon } from "./PaletteIcon";
208
210
  export { default as PauseIcon } from "./PauseIcon";
@@ -293,6 +295,7 @@ export { default as ViewCarouselIcon } from "./ViewCarouselIcon";
293
295
  export { default as ViewModuleIcon } from "./ViewModuleIcon";
294
296
  export { default as VisibilityIcon } from "./VisibilityIcon";
295
297
  export { default as VisibilityOffIcon } from "./VisibilityOffIcon";
298
+ export { default as VideoCamIcon } from "./VideoCamIcon";
296
299
  export { default as VolunteerActivismFilledIcon } from "./VolunteerActivismFilledIcon";
297
300
  export { default as VolunteerActivismIcon } from "./VolunteerActivismIcon";
298
301
  export { default as WarningFilledIcon } from "./WarningFilledIcon";
package/build/src/stories/Avatars/Avatar.stories.d.ts CHANGED
@@ -7,5 +7,6 @@ type Story = StoryObj<typeof Avatar>;
7
7
  export declare const InitialsAvatar: Story;
8
8
  export declare const ImageAvatarWithStoreFallback: Story;
9
9
  export declare const ImageAvatarWithPictureFallback: Story;
10
+ export declare const ImageAvatarWithBookingsFallback: Story;
10
11
  export declare const ImageAvatar: Story;
11
12
  export declare const ImageAvatarXL: Story;
package/build/src/stories/icons/index.d.ts CHANGED
@@ -126,6 +126,7 @@ declare const IconsObject: {
126
126
  EmptyIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
127
127
  ErrorFilledIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
128
128
  ErrorIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
129
+ EnterpriseFilledIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
129
130
  EventFilledIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
130
131
  EventIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
131
132
  EventTicketIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -159,6 +160,7 @@ declare const IconsObject: {
159
160
  GridViewIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
160
161
  GroupFilledIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
161
162
  GroupIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
163
+ GooglePayIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
162
164
  HeadphonesIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
163
165
  HomeFilledIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
164
166
  HomeIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -202,7 +204,7 @@ declare const IconsObject: {
202
204
  OpenInNewIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
203
205
  OthersIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
204
206
  PageViewIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
205
- Paidcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
207
+ PaidIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
206
208
  PaletteFilledIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
207
209
  PaletteIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
208
210
  PauseIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -293,6 +295,7 @@ declare const IconsObject: {
293
295
  ViewModuleIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
294
296
  VisibilityIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
295
297
  VisibilityOffIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
298
+ VideoCamIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
296
299
  VolunteerActivismFilledIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
297
300
  VolunteerActivismIcon: (props: import("@chakra-ui/icon/dist/icon").IconProps) => import("react/jsx-runtime").JSX.Element;
298
301
  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.2.8",
3
+ "version": "0.3.0",
4
4
  "type": "module",
5
5
  "main": "build/mainstack-design-system.js",
6
6
  "types": "build/src/index.d.ts",