mainstack-design-system 0.0.0

package/src/stories/icons/index.ts

@@ -0,0 +1,613 @@
+/** @format */
+
+import {
+  AccountBalanceIcon,
+  AccountBalanceWalletFilledIcon,
+  AccountBalanceWalletIcon,
+  AccountCircleFilledIcon,
+  AccountCircleIcon,
+  AddAPhotoIcon,
+  AddBusinessFilledIcon,
+  AddBusinessIcon,
+  AddCircleFilledIcon,
+  AddCircleIcon,
+  AddIcon,
+  AddPhotoAlternateIcon,
+  AddShoppingCartIcon,
+  AddToSocialsIcon,
+  AirplaneModeActiveIcon,
+  AlarmIcon,
+  AllInboxIcon,
+  ArrowCircleDownFilledIcon,
+  ArrowCircleUpFilledIcon,
+  AppsFilledIcon,
+  AppsIcon,
+  ArchiveIcon,
+  ArrowBackIcon,
+  ArrowDropDownIcon,
+  ArrowDropUpIcon,
+  ArrowForwardIcon,
+  ArticleFilledIcon,
+  ArticleIcon,
+  ArtTrackIcon,
+  AttachmentIcon,
+  AttachMoneyIcon,
+  AudioFileFilledIcon,
+  AutoFixIcon,
+  AddsClickIcon,
+  AutoAwesomeMosaicFilledIcon,
+  AutoAwesomeMosaicIcon,
+  AutoFixFilledIcon,
+  AutoGraphIcon,
+  AdminPanelSettingsIcon,
+  AnimationIcon,
+  AwardStarFilledIcon,
+  AwardStarIcon,
+  BlockIcon,
+  BoltFilledIcon,
+  BoltIcon,
+  BookOnlineIcon,
+  BugReportIcon,
+  BarChartFilledIcon,
+  BusinessCenterFilledIcon,
+  BusinessCenterIcon,
+  CallMissedIcon,
+  CallMissedOutgoingIcon,
+  CloudUploadIcon,
+  CopyIcon,
+  CampaignFilledIcon,
+  CampaignIcon,
+  CommentCircleAltChatMessageIcon,
+  ConfirmationNumberIcon,
+  CalendarMonthFilledIcon,
+  CalendarMonthIcon,
+  CalendarTodayIcon,
+  CallMadeIcon,
+  CallRecievedIcon,
+  CancelFilledIcon,
+  CardLayoutIcon,
+  CasesFilledIcon,
+  CasesIcon,
+  CategoryIcon,
+  ChairIcon,
+  ChangeCircleIcon,
+  ChatBubbleFilledIcon,
+  ChatBubbleIcon,
+  ChatFilledIcon,
+  ChatIcon,
+  CheckCircleFilledIcon,
+  CheckCircleIcon,
+  CheckIcon,
+  CloseIcon,
+  CodeIcon,
+  CoffeeIcon,
+  CollectionsBookmarkIcon,
+  CaptivePortalIcon,
+  ColorPickerIcon,
+  ContactMailFilledIcon,
+  ContactMailIcon,
+  ContactPageIcon,
+  ContactPhoneFilledIcon,
+  ContactPhoneIcon,
+  ContactsIcon,
+  ContentCopyIcon,
+  CreditCardFilledIcon,
+  CreditCardIcon,
+  DarkModeIcon,
+  DashboardFilledIcon,
+  DashboardIcon,
+  DeleteIcon,
+  DesktopMacIcon,
+  DiscountIcon,
+  DomainAddIcon,
+  DomainIcon,
+  DomainVerificationIcon,
+  DraftsIcon,
+  DragHandleIcon,
+  DescriptionIcon,
+  DevicesIcon,
+  DiamondFilledIcon,
+  DiamondIcon,
+  DigitalProductsIcon,
+  Diversity1Icon,
+  Diversity2Icon,
+  Diversity3Icon,
+  DoNotDisturbOnFilledIcon,
+  DoNotDisturbOnIcon,
+  DownloadIcon,
+  DatabaseFilledIcon,
+  DnsIcon,
+  DragIndicatorIcon,
+  EditFilledIcon,
+  EditIcon,
+  EmojiEventsFilledIcon,
+  EmojiEventsIcon,
+  EmojiFoodBeverageIcon,
+  EmojiIcon,
+  EmptyIcon,
+  ErrorFilledIcon,
+  ErrorIcon,
+  EventFilledIcon,
+  EventIcon,
+  EventTicketIcon,
+  ExpandLessIcon,
+  ExpandMoreIcon,
+  FastActionPricingIcon,
+  FeedFilledIcon,
+  FeedIcon,
+  FilePresentIcon,
+  FilterListIcon,
+  FlagIcon,
+  FormatAlignCenterIcon,
+  FormatAlignJustifyIcon,
+  FormatAlignLeftIcon,
+  FormatAlignRightIcon,
+  FormatBoldIcon,
+  FormatItalicIcon,
+  FormatListBulletedIcon,
+  FormatListNumberedIcon,
+  FormatSizeIcon,
+  FormatUnderlineIcon,
+  ForumIcon,
+  ForwardToInboxIcon,
+  FitbitArrowDownIcon,
+  FitbitArrowUpwardIcon,
+  GalleryThumbnailIcon,
+  GppBadFilledIcon,
+  GppBadIcon,
+  GppMaybeFilledIcon,
+  GppMaybeIcon,
+  GridViewIcon,
+  GroupFilledIcon,
+  GroupIcon,
+  HeadphonesIcon,
+  HomeFilledIcon,
+  HomeIcon,
+  HomePinIcon,
+  HourGlassEmptyIcon,
+  HubIcon,
+  InfoFilledIcon,
+  InfoGradientFilledIcon,
+  InfoIcon,
+  InsertChartFilledIcon,
+  InsertChartIcon,
+  InventoryIcon,
+  IosShareIcon,
+  KeyboardBackspaceIcon,
+  LanguageIcon,
+  LocalActivityIcon,
+  LibraryMusicIcon,
+  LinkIcon,
+  LinkOffIcon,
+  LocalFloristFilledIcon,
+  LocalFloristIcon,
+  LocationOnIcon,
+  LockIcon,
+  LoginIcon,
+  LogoutIcon,
+  MailIcon,
+  MarkUnreadChatIcon,
+  MasterClassIcon,
+  MediaLinkFilledIcon,
+  MediaLinkIcon,
+  MenuIcon,
+  MenuOpenIcon,
+  MilitaryTechFilledIcon,
+  MilitaryTechIcon,
+  MonitoringIcon,
+  MoreHorizontalIcon,
+  MoreHorizontalSmallIcon,
+  MoreVerticalIcon,
+  NotificationsFilledIcon,
+  NotificationsIcon,
+  OpenInNewIcon,
+  OthersIcon,
+  PageViewIcon,
+  Paidcon,
+  PaletteFilledIcon,
+  PaletteIcon,
+  PauseIcon,
+  PayInTranchesIcon,
+  PaymentsFilledIcon,
+  PaymentsIcon,
+  PendingActionsIcon,
+  PermMediaIcon,
+  PersonAddIcon,
+  PersonIcon,
+  PhotoCameraIcon,
+  PhotoFilledIcon,
+  PhotoIcon,
+  PhotoLibraryFilledIcon,
+  PhotoLibraryIcon,
+  PictureAsPdfFilledIcon,
+  PictureAsPdfIcon,
+  PlayArrowIcon,
+  PlayCircleFilledIcon,
+  PlayCircleIcon,
+  PowerRoundedIcon,
+  PreviewIcon,
+  PublicIcon,
+  PublishIcon,
+  PushPinFilledIcon,
+  PushPinIcon,
+  QrCode2Icon,
+  RadioButtonCheckedIcon,
+  RadioButtonUncheckedIcon,
+  RecieptLongFilledIcon,
+  RecieptLongIcon,
+  RecordVoiceOverIcon,
+  RedeemIcon,
+  RedoIcon,
+  RemoveIcon,
+  RemoveRoadIcon,
+  ReportFilledIcon,
+  ReportIcon,
+  ReviewsIcon,
+  SavingsFilledIcon,
+  SavingsIcon,
+  ScheduleIcon,
+  ScheduleSendIcon,
+  SearchNormalIcon,
+  SellIcon,
+  SendIcon,
+  ServicesIcon,
+  SettingsFilledIcon,
+  SettingsIcon,
+  ShareIcon,
+  ShareWithContactsIcon,
+  ShareWithSocialsIcon,
+  ShoppingCartFilledIcon,
+  ShoppingCartIcon,
+  ShuffleIcon,
+  SmartPhoneIcon,
+  SocialLeaderboardIcon,
+  StarFilledIcon,
+  StarHalfIcon,
+  StarIcon,
+  StoreFrontFilledIcon,
+  StoreFrontIcon,
+  StrikeThroughSIcon,
+  StyleIcon,
+  SubscriptionIcon,
+  SubscriptionsFilledIcon,
+  SubscriptionsIcon,
+  SupervisorAccountIcon,
+  SwitchAccountFilledIcon,
+  SwitchAccountIcon,
+  SyncSavedLocallyIcon,
+  TabletIcon,
+  ThumbDownFilledIcon,
+  ThumbDownIcon,
+  ThumbUpFilledIcon,
+  ThumbUpIcon,
+  TocIcon,
+  TrainingsIcon,
+  TrashDeleteBinIcon,
+  TrendingUpIcon,
+  UndoIcon,
+  UploadIcon,
+  VerifiedIcon,
+  ViewAgendaIcon,
+  ViewArrayIcon,
+  ViewCarouselIcon,
+  ViewCozyIcon,
+  ViewModuleIcon,
+  VisibilityIcon,
+  VisibilityOffIcon,
+  VolunteerActivismFilledIcon,
+  VolunteerActivismIcon,
+  WarningFilledIcon,
+  WarningIcon,
+  WBSunnyIcon,
+  WebinarsIcon,
+  WidgetsFilledIcon,
+  WidgetsIcon,
+  WorkshopsIcon,
+} from "icons";
+
+const IconsObject = {
+  AccountBalanceIcon,
+  AccountBalanceWalletFilledIcon,
+  AccountBalanceWalletIcon,
+  AccountCircleFilledIcon,
+  AccountCircleIcon,
+  AddAPhotoIcon,
+  AddBusinessFilledIcon,
+  AddBusinessIcon,
+  AddCircleFilledIcon,
+  AddCircleIcon,
+  AddIcon,
+  AddPhotoAlternateIcon,
+  AddShoppingCartIcon,
+  AddToSocialsIcon,
+  AirplaneModeActiveIcon,
+  AlarmIcon,
+  AllInboxIcon,
+  ArrowCircleDownFilledIcon,
+  ArrowCircleUpFilledIcon,
+  AppsFilledIcon,
+  AppsIcon,
+  ArchiveIcon,
+  ArrowBackIcon,
+  ArrowDropDownIcon,
+  ArrowDropUpIcon,
+  ArrowForwardIcon,
+  ArticleFilledIcon,
+  ArticleIcon,
+  ArtTrackIcon,
+  AttachmentIcon,
+  AttachMoneyIcon,
+  AudioFileFilledIcon,
+  AutoFixIcon,
+  AddsClickIcon,
+  AutoAwesomeMosaicFilledIcon,
+  AutoAwesomeMosaicIcon,
+  AutoFixFilledIcon,
+  AutoGraphIcon,
+  AdminPanelSettingsIcon,
+  AnimationIcon,
+  AwardStarFilledIcon,
+  AwardStarIcon,
+  BlockIcon,
+  BoltFilledIcon,
+  BoltIcon,
+  BookOnlineIcon,
+  BugReportIcon,
+  BarChartFilledIcon,
+  BusinessCenterFilledIcon,
+  BusinessCenterIcon,
+  CallMissedIcon,
+  CallMissedOutgoingIcon,
+  CloudUploadIcon,
+  CopyIcon,
+  CampaignFilledIcon,
+  CampaignIcon,
+  CommentCircleAltChatMessageIcon,
+  ConfirmationNumberIcon,
+  CalendarMonthFilledIcon,
+  CalendarMonthIcon,
+  CalendarTodayIcon,
+  CallMadeIcon,
+  CallRecievedIcon,
+  CancelFilledIcon,
+  CardLayoutIcon,
+  CasesFilledIcon,
+  CasesIcon,
+  CategoryIcon,
+  ChairIcon,
+  ChangeCircleIcon,
+  ChatBubbleFilledIcon,
+  ChatBubbleIcon,
+  ChatFilledIcon,
+  ChatIcon,
+  CheckCircleFilledIcon,
+  CheckCircleIcon,
+  CheckIcon,
+  CloseIcon,
+  CodeIcon,
+  CoffeeIcon,
+  CollectionsBookmarkIcon,
+  CaptivePortalIcon,
+  ColorPickerIcon,
+  ContactMailFilledIcon,
+  ContactMailIcon,
+  ContactPageIcon,
+  ContactPhoneFilledIcon,
+  ContactPhoneIcon,
+  ContactsIcon,
+  ContentCopyIcon,
+  CreditCardFilledIcon,
+  CreditCardIcon,
+  DarkModeIcon,
+  DashboardFilledIcon,
+  DashboardIcon,
+  DeleteIcon,
+  DesktopMacIcon,
+  DiscountIcon,
+  DomainAddIcon,
+  DomainIcon,
+  DomainVerificationIcon,
+  DraftsIcon,
+  DragHandleIcon,
+  DescriptionIcon,
+  DevicesIcon,
+  DiamondFilledIcon,
+  DiamondIcon,
+  DigitalProductsIcon,
+  Diversity1Icon,
+  Diversity2Icon,
+  Diversity3Icon,
+  DoNotDisturbOnFilledIcon,
+  DoNotDisturbOnIcon,
+  DownloadIcon,
+  DatabaseFilledIcon,
+  DnsIcon,
+  DragIndicatorIcon,
+  EditFilledIcon,
+  EditIcon,
+  EmojiEventsFilledIcon,
+  EmojiEventsIcon,
+  EmojiFoodBeverageIcon,
+  EmojiIcon,
+  EmptyIcon,
+  ErrorFilledIcon,
+  ErrorIcon,
+  EventFilledIcon,
+  EventIcon,
+  EventTicketIcon,
+  ExpandLessIcon,
+  ExpandMoreIcon,
+  FastActionPricingIcon,
+  FeedFilledIcon,
+  FeedIcon,
+  FilePresentIcon,
+  FilterListIcon,
+  FlagIcon,
+  FormatAlignCenterIcon,
+  FormatAlignJustifyIcon,
+  FormatAlignLeftIcon,
+  FormatAlignRightIcon,
+  FormatBoldIcon,
+  FormatItalicIcon,
+  FormatListBulletedIcon,
+  FormatListNumberedIcon,
+  FormatSizeIcon,
+  FormatUnderlineIcon,
+  ForumIcon,
+  ForwardToInboxIcon,
+  FitbitArrowDownIcon,
+  FitbitArrowUpwardIcon,
+  GalleryThumbnailIcon,
+  GppBadFilledIcon,
+  GppBadIcon,
+  GppMaybeFilledIcon,
+  GppMaybeIcon,
+  GridViewIcon,
+  GroupFilledIcon,
+  GroupIcon,
+  HeadphonesIcon,
+  HomeFilledIcon,
+  HomeIcon,
+  HomePinIcon,
+  HourGlassEmptyIcon,
+  HubIcon,
+  InfoFilledIcon,
+  InfoGradientFilledIcon,
+  InfoIcon,
+  InsertChartFilledIcon,
+  InsertChartIcon,
+  InventoryIcon,
+  IosShareIcon,
+  KeyboardBackspaceIcon,
+  LanguageIcon,
+  LocalActivityIcon,
+  LibraryMusicIcon,
+  LinkIcon,
+  LinkOffIcon,
+  LocalFloristFilledIcon,
+  LocalFloristIcon,
+  LocationOnIcon,
+  LockIcon,
+  LoginIcon,
+  LogoutIcon,
+  MailIcon,
+  MarkUnreadChatIcon,
+  MasterClassIcon,
+  MediaLinkFilledIcon,
+  MediaLinkIcon,
+  MenuIcon,
+  MenuOpenIcon,
+  MilitaryTechFilledIcon,
+  MilitaryTechIcon,
+  MonitoringIcon,
+  MoreHorizontalIcon,
+  MoreHorizontalSmallIcon,
+  MoreVerticalIcon,
+  NotificationsFilledIcon,
+  NotificationsIcon,
+  OpenInNewIcon,
+  OthersIcon,
+  PageViewIcon,
+  Paidcon,
+  PaletteFilledIcon,
+  PaletteIcon,
+  PauseIcon,
+  PayInTranchesIcon,
+  PaymentsFilledIcon,
+  PaymentsIcon,
+  PendingActionsIcon,
+  PermMediaIcon,
+  PersonAddIcon,
+  PersonIcon,
+  PhotoCameraIcon,
+  PhotoFilledIcon,
+  PhotoIcon,
+  PhotoLibraryFilledIcon,
+  PhotoLibraryIcon,
+  PictureAsPdfFilledIcon,
+  PictureAsPdfIcon,
+  PlayArrowIcon,
+  PlayCircleFilledIcon,
+  PlayCircleIcon,
+  PowerRoundedIcon,
+  PreviewIcon,
+  PublicIcon,
+  PublishIcon,
+  PushPinFilledIcon,
+  PushPinIcon,
+  QrCode2Icon,
+  RadioButtonCheckedIcon,
+  RadioButtonUncheckedIcon,
+  RecieptLongFilledIcon,
+  RecieptLongIcon,
+  RecordVoiceOverIcon,
+  RedeemIcon,
+  RedoIcon,
+  RemoveIcon,
+  RemoveRoadIcon,
+  ReportFilledIcon,
+  ReportIcon,
+  ReviewsIcon,
+  SavingsFilledIcon,
+  SavingsIcon,
+  ScheduleIcon,
+  ScheduleSendIcon,
+  SearchNormalIcon,
+  SellIcon,
+  SendIcon,
+  ServicesIcon,
+  SettingsFilledIcon,
+  SettingsIcon,
+  ShareIcon,
+  ShareWithContactsIcon,
+  ShareWithSocialsIcon,
+  ShoppingCartFilledIcon,
+  ShoppingCartIcon,
+  ShuffleIcon,
+  SmartPhoneIcon,
+  SocialLeaderboardIcon,
+  StarFilledIcon,
+  StarHalfIcon,
+  StarIcon,
+  StoreFrontFilledIcon,
+  StoreFrontIcon,
+  StrikeThroughSIcon,
+  StyleIcon,
+  SubscriptionIcon,
+  SubscriptionsFilledIcon,
+  SubscriptionsIcon,
+  SupervisorAccountIcon,
+  SwitchAccountFilledIcon,
+  SwitchAccountIcon,
+  SyncSavedLocallyIcon,
+  TabletIcon,
+  ThumbDownFilledIcon,
+  ThumbDownIcon,
+  ThumbUpFilledIcon,
+  ThumbUpIcon,
+  TocIcon,
+  TrainingsIcon,
+  TrashDeleteBinIcon,
+  TrendingUpIcon,
+  UndoIcon,
+  UploadIcon,
+  VerifiedIcon,
+  ViewAgendaIcon,
+  ViewArrayIcon,
+  ViewCarouselIcon,
+  ViewCozyIcon,
+  ViewModuleIcon,
+  VisibilityIcon,
+  VisibilityOffIcon,
+  VolunteerActivismFilledIcon,
+  VolunteerActivismIcon,
+  WarningFilledIcon,
+  WarningIcon,
+  WBSunnyIcon,
+  WebinarsIcon,
+  WidgetsFilledIcon,
+  WidgetsIcon,
+  WorkshopsIcon,
+};
+
+export default IconsObject;

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

@@ -0,0 +1,88 @@
+/** @format */
+
+import Banner from "components/notifications/Banner";
+import type { Meta } from "@storybook/react";
+
+const meta: Meta<typeof Banner> = {
+  title: "Components/Navigations/Banner",
+  component: Banner,
+  tags: ["autodocs"],
+  argTypes: {
+    hasCloseButton: { control: "boolean" },
+    hasProceedButton: { control: "boolean" },
+  },
+};
+
+export default meta;
+type Story = typeof meta;
+
+export const Blue: Story = {
+  args: {
+    variant: "blue",
+    message: "Paragraph Text",
+    buttonText: "Button",
+    onProceed() {
+      alert("An action");
+    },
+  },
+};
+export const Red: Story = {
+  args: {
+    variant: "red",
+    message: "Paragraph Text",
+    buttonText: "Button",
+    onProceed() {
+      alert("An action");
+    },
+  },
+};
+export const green: Story = {
+  args: {
+    variant: "green",
+    message: "Paragraph Text",
+    buttonText: "Button",
+    onProceed() {
+      alert("An action");
+    },
+  },
+};
+export const yellow: Story = {
+  args: {
+    variant: "yellow",
+    message: "Paragraph Text",
+    buttonText: "Button",
+    onProceed() {
+      alert("An action");
+    },
+  },
+};
+export const purple: Story = {
+  args: {
+    variant: "purple",
+    message: "Paragraph Text",
+    buttonText: "Button",
+    onProceed() {
+      alert("An action");
+    },
+  },
+};
+export const orange: Story = {
+  args: {
+    variant: "orange",
+    message: "Paragraph Text",
+    buttonText: "Button",
+    onProceed() {
+      alert("An action");
+    },
+  },
+};
+export const gradient: Story = {
+  args: {
+    variant: "gradient",
+    message: "Paragraph Text",
+    buttonText: "Button",
+    onProceed() {
+      alert("An action");
+    },
+  },
+};

package/src/stories/notifications/ClickTooltip.stories.ts

@@ -0,0 +1,21 @@
+/** @format */
+
+import ClickTooltipWrapper from "./ClickTooltipWrapper";
+
+import type { Meta } from "@storybook/react";
+
+const meta: Meta<typeof ClickTooltipWrapper> = {
+  title: "Components/Navigations/ClickTooltip",
+  component: ClickTooltipWrapper,
+  tags: ["autodocs"],
+};
+
+export default meta;
+type Story = typeof meta;
+
+export const Default: Story = {
+  args: {
+    label: "Title",
+    body: "Net sales are the portion of revenue that remains after three types of deductions: allowances, discounts, and sales returns.",
+  },
+};

package/src/stories/notifications/ClickTooltipWrapper.tsx

@@ -0,0 +1,19 @@
+/** @format */
+
+import { Flex } from "@chakra-ui/react";
+import ClickTooltip from "components/notifications/ClickTooltip";
+import { ICustomTooltip } from "components/notifications/ClickTooltip";
+import { InfoIcon } from "icons";
+const ClickTooltipWrapper = ({ label, body }: ICustomTooltip) => {
+  return (
+    <Flex justifyContent={"center"} alignItems={"center"}>
+      <ClickTooltip
+        label={label}
+        body={body}
+        triggerComponent={<InfoIcon cursor={"pointer"} />}
+      />
+    </Flex>
+  );
+};
+
+export default ClickTooltipWrapper;