@saasquatch/mint-components 1.6.1-13 → 1.6.1-16

package/dist/types/components/sqm-qa/sqm-qa.d.ts

@@ -1,247 +1,250 @@
-/**
- * @uiName QA Component
- */
-export declare class ShareButton {
-  /**
-   * Description here
-   * @uiName Text Input with default
-   */
-  textInput?: string;
-  /**
-   * Description here
-   * @uiName Number Input with default
-   */
-  numberInput?: number;
-  /**
-   * Description here
-   * @uiName Boolean Switch with default
-   */
-  booleanSwitch?: boolean;
-  /**
-   * Description here
-   * @uiName Text Area Input
-   * @uiWidget textArea with default
-   */
-  textAreaInput?: string;
-  /**
-   * Description here
-   * @uiName String Enum Select with default
-   * @uiEnum ["option1","option2","option3"]
-   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
-   */
-  stringEnumSelect?: string;
-  /**
-   * Description here
-   * @uiName Number Enum Select with default
-   * @uiEnum [1,2,3]
-   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
-   */
-  numberEnumSelect?: number;
-  /**
-   * Description here
-   * @uiName Color with default
-   * @uiWidget color
-   * @format color
-   */
-  color?: string;
-  /**
-   * Description here
-   * @uiName Image Upload with default
-   * @uiWidget ImageUpload
-   * @format url
-   */
-  imageUpload?: string;
-  /**
-   * Description here
-   * @uiName Date Interval with default
-   * @uiWidget dateRange
-   * @format date-interval
-   */
-  dateInterval?: string;
-  /**
-   * Description here
-   * @uiName Stat Selector with default
-   * @uiWidget statTypeSelectWidget
-   */
-  statSelector?: string;
-  /**
-   * Description here
-   * @uiName Program Selector with default
-   * @uiWidget programSelector
-   */
-  programSelector?: string;
-  /**
-   * Description here
-   * @uiName Text Input with no default
-   */
-  textInputNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Number Input with no default
-   */
-  numberInputNoDefault?: number;
-  /**
-   * Description here
-   * @uiName Boolean Switch with no default
-   */
-  booleanSwitchNoDefault?: boolean;
-  /**
-   * Description here
-   * @uiName Text Area Input
-   * @uiWidget textArea with no default
-   */
-  textAreaInputNoDefault?: string;
-  /**
-   * Description here
-   * @uiName String Enum Select with no default
-   * @uiEnum ["option1","option2","option3"]
-   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
-   */
-  stringEnumSelectNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Number Enum Select with no default
-   * @uiEnum [1,2,3]
-   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
-   */
-  numberEnumSelectNoDefault?: number;
-  /**
-   * Description here
-   * @uiName Color with no default
-   * @uiWidget color
-   * @format color
-   */
-  colorNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Image Upload with no default
-   * @uiWidget ImageUpload
-   * @format url
-   */
-  imageUploadNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Date Interval with no default
-   * @uiWidget dateRange
-   * @format date-interval
-   */
-  dateIntervalNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Stat Selector with no default
-   * @uiWidget statTypeSelectWidget
-   */
-  statSelectorNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Program Selector with no default
-   * @uiWidget programSelector
-   */
-  programSelectorNoDefault?: string;
-  /**
-   * Description here
-   * @uiName String required with no default
-   * @required
-   */
-  stringRequired?: string;
-  /**
-   * Description here
-   * @uiName Number required with no default
-   * @required
-   */
-  numberRequired?: number;
-  /**
-   * Description here
-   * @uiName Boolean Switch required with no default
-   * @required
-   */
-  booleanSwitchRequiredNoDefault?: boolean;
-  /**
-   * Description here
-   * @uiName Text Area Input
-   * @uiWidget textArea required with no default
-   * @required
-   */
-  textAreaInputRequiredNoDefault?: string;
-  /**
-   * Description here
-   * @uiName String Enum Select required with no default
-   * @required
-   * @uiEnum ["option1","option2","option3"]
-   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
-   */
-  stringEnumSelectRequiredNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Number Enum Select required with no default
-   * @required
-   * @uiEnum [1,2,3]
-   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
-   */
-  numberEnumSelectRequiredNoDefault?: number;
-  /**
-   * Description here
-   * @uiName Color required with no default
-   * @required
-   * @uiWidget color
-   * @format color
-   */
-  colorRequiredNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Image Upload required with no default
-   * @required
-   * @uiWidget ImageUpload
-   * @format url
-   */
-  imageUploadRequiredNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Date Interval required with no default
-   * @required
-   * @uiWidget dateRange
-   * @format date-interval
-   */
-  dateIntervalRequiredNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Stat Selector required with no default
-   * @required
-   * @uiWidget statTypeSelectWidget
-   */
-  statSelectorRequiredNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Program Selector required with no default
-   * @required
-   * @uiWidget programSelector
-   */
-  programSelectorRequiredNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Number Max 7
-   * @maximum 7
-   */
-  max?: number;
-  /**
-   * Description here
-   * @uiName Number Min 7
-   * @minimum 7
-   */
-  min?: number;
-  /**
-   * Description here
-   * @uiName String Max Length 10
-   * @maxLength 10
-   */
-  maxLength?: string;
-  /**
-   * Description here
-   * @uiName String Min Length 10
-   * @minLength 10
-   */
-  minLength?: string;
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}
+/**
+ * @uiName QA Component
+ */
+export declare class ShareButton {
+  /**
+   * Description here
+   * @uiName Text Input with default
+   */
+  textInput?: string;
+  /**
+   * Description here
+   * @uiName Number Input with default
+   */
+  numberInput?: number;
+  /**
+   * Description here
+   * @uiName Boolean Switch with default
+   */
+  booleanSwitch?: boolean;
+  /**
+   * Description here
+   * @uiName Text Area Input
+   * @uiWidget textArea with default
+   */
+  textAreaInput?: string;
+  /**
+   * Description here
+   * @uiName String Enum Select with default
+   * @uiEnum ["option1","option2","option3"]
+   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+   */
+  stringEnumSelect?: string;
+  /**
+   * Description here
+   * @uiName Number Enum Select with default
+   * @uiEnum [1,2,3]
+   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+   */
+  numberEnumSelect?: number;
+  /**
+   * Description here
+   * @uiName Color with default
+   * @uiWidget color
+   * @format color
+   */
+  color?: string;
+  /**
+   * Description here
+   * @uiName Image Upload with default
+   * @uiWidget ImageUpload
+   * @format url
+   */
+  imageUpload?: string;
+  /**
+   * Description here
+   * @uiName Date Interval with default
+   * @uiWidget dateRange
+   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+   * @format date-interval
+   */
+  dateInterval?: string;
+  /**
+   * Description here
+   * @uiName Stat Selector with default
+   * @uiWidget statTypeSelectWidget
+   */
+  statSelector?: string;
+  /**
+   * Description here
+   * @uiName Program Selector with default
+   * @uiWidget programSelector
+   */
+  programSelector?: string;
+  /**
+   * Description here
+   * @uiName Text Input with no default
+   */
+  textInputNoDefault?: string;
+  /**
+   * Description here
+   * @uiName Number Input with no default
+   */
+  numberInputNoDefault?: number;
+  /**
+   * Description here
+   * @uiName Boolean Switch with no default
+   */
+  booleanSwitchNoDefault?: boolean;
+  /**
+   * Description here
+   * @uiName Text Area Input
+   * @uiWidget textArea with no default
+   */
+  textAreaInputNoDefault?: string;
+  /**
+   * Description here
+   * @uiName String Enum Select with no default
+   * @uiEnum ["option1","option2","option3"]
+   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+   */
+  stringEnumSelectNoDefault?: string;
+  /**
+   * Description here
+   * @uiName Number Enum Select with no default
+   * @uiEnum [1,2,3]
+   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+   */
+  numberEnumSelectNoDefault?: number;
+  /**
+   * Description here
+   * @uiName Color with no default
+   * @uiWidget color
+   * @format color
+   */
+  colorNoDefault?: string;
+  /**
+   * Description here
+   * @uiName Image Upload with no default
+   * @uiWidget ImageUpload
+   * @format url
+   */
+  imageUploadNoDefault?: string;
+  /**
+   * Description here
+   * @uiName Date Interval with no default
+   * @uiWidget dateRange
+   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+   * @format date-interval
+   */
+  dateIntervalNoDefault?: string;
+  /**
+   * Description here
+   * @uiName Stat Selector with no default
+   * @uiWidget statTypeSelectWidget
+   */
+  statSelectorNoDefault?: string;
+  /**
+   * Description here
+   * @uiName Program Selector with no default
+   * @uiWidget programSelector
+   */
+  programSelectorNoDefault?: string;
+  /**
+   * Description here
+   * @uiName String required with no default
+   * @required
+   */
+  stringRequired?: string;
+  /**
+   * Description here
+   * @uiName Number required with no default
+   * @required
+   */
+  numberRequired?: number;
+  /**
+   * Description here
+   * @uiName Boolean Switch required with no default
+   * @required
+   */
+  booleanSwitchRequiredNoDefault?: boolean;
+  /**
+   * Description here
+   * @uiName Text Area Input
+   * @uiWidget textArea required with no default
+   * @required
+   */
+  textAreaInputRequiredNoDefault?: string;
+  /**
+   * Description here
+   * @uiName String Enum Select required with no default
+   * @required
+   * @uiEnum ["option1","option2","option3"]
+   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+   */
+  stringEnumSelectRequiredNoDefault?: string;
+  /**
+   * Description here
+   * @uiName Number Enum Select required with no default
+   * @required
+   * @uiEnum [1,2,3]
+   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+   */
+  numberEnumSelectRequiredNoDefault?: number;
+  /**
+   * Description here
+   * @uiName Color required with no default
+   * @required
+   * @uiWidget color
+   * @format color
+   */
+  colorRequiredNoDefault?: string;
+  /**
+   * Description here
+   * @uiName Image Upload required with no default
+   * @required
+   * @uiWidget ImageUpload
+   * @format url
+   */
+  imageUploadRequiredNoDefault?: string;
+  /**
+   * Description here
+   * @uiName Date Interval required with no default
+   * @required
+   * @uiWidget dateRange
+   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+   * @format date-interval
+   */
+  dateIntervalRequiredNoDefault?: string;
+  /**
+   * Description here
+   * @uiName Stat Selector required with no default
+   * @required
+   * @uiWidget statTypeSelectWidget
+   */
+  statSelectorRequiredNoDefault?: string;
+  /**
+   * Description here
+   * @uiName Program Selector required with no default
+   * @required
+   * @uiWidget programSelector
+   */
+  programSelectorRequiredNoDefault?: string;
+  /**
+   * Description here
+   * @uiName Number Max 7
+   * @maximum 7
+   */
+  max?: number;
+  /**
+   * Description here
+   * @uiName Number Min 7
+   * @minimum 7
+   */
+  min?: number;
+  /**
+   * Description here
+   * @uiName String Max Length 10
+   * @maxLength 10
+   */
+  maxLength?: string;
+  /**
+   * Description here
+   * @uiName String Min Length 10
+   * @minLength 10
+   */
+  minLength?: string;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-qa-referral-card/ReferralCard.stories.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const ImageAndShareButtons: () => any;
+export declare const TimelineAndShareButtons: () => any;
+export declare const StartAlignment: () => any;
+export declare const CenterAlignment: () => any;
+export declare const EndAlignment: () => any;
+export declare const FlippedSlots: () => any;
+export declare const ReferralCardGeneric: () => any;

package/dist/types/components/sqm-qa-referral-card/sqm-referral-card-view.d.ts

@@ -0,0 +1,9 @@
+import { VNode } from "../../stencil-public-runtime";
+export interface ReferralCardViewProps {
+  verticalAlignment: "start" | "center" | "end";
+  slots: {
+    left: VNode;
+    right: VNode;
+  };
+}
+export declare function ReferralCardView(props: ReferralCardViewProps): any;

package/dist/types/components/sqm-qa-referral-card/sqm-referral-card.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @uiName Referral Card
+ * @exampleGroup Referrals
+ * @slotEditor richtext
+ * @slots [{"name":"left", "title":"Left Content"},{"name":"right", "title":"Right Content"}]
+ * @example Referral Card - <sqm-referral-card vertical-alignment="start"> <sqm-portal-container gap="large" slot="left" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text >They’ll get a $50 credit towards a new account and you’ll get: </sqm-text> <sqm-timeline icon="circle"> <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="Your friend purchases a Business plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$200" unit="visa giftcard" desc="Our sales team qualifies your friend as a good fit for our Enterprise plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$1000" unit="visa giftcard" desc="Your friend purchases an Enterprise plan" icon="circle" > </sqm-timeline-entry> </sqm-timeline> </sqm-portal-container> <sqm-portal-container gap="large" slot="right" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text>Choose how you want to share: </sqm-text> <sqm-text> <sub>Your unique referral link:</sub> <sqm-share-link tooltip-text="Copied to Clipboard" tooltip-lifespan="1000" > </sqm-share-link> </sqm-text> <sqm-portal-container gap="x-small" direction="column" display="grid" max-width="100%" padding="none" > <sqm-share-button medium="email" icon-slot="prefix" size="medium" type="default" > Share via email </sqm-share-button> <sqm-share-button medium="linkedin" icon-slot="prefix" size="medium" type="default" > Share on LinkedIn </sqm-share-button> <sqm-share-button medium="twitter" icon-slot="prefix" size="medium" type="default" > Share on Twitter </sqm-share-button> </sqm-portal-container> </sqm-portal-container> </sqm-referral-card>
+ */
+export declare class ReferralCard {
+  ignored: boolean;
+  /**
+   * @uiName Vertical Aligment
+   * @uiType string
+   * @uiEnum ["start", "center", "end"]
+   * @uiEnumNames ["Top", "Center", "Bottom"]
+   */
+  verticalAlignment: "start" | "center" | "end";
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-qa-tabs/Tabs.stories.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const SimpleTabs: () => any;
+export declare const ManyTabs: () => any;
+export declare const SingleTab: () => any;
+export declare const ReferralProgram: () => any;
+export declare const LoyaltyProgram: () => any;
+export declare const BottomTabs: () => any;
+export declare const LeftTabs: () => any;
+export declare const RightTabs: () => any;

package/dist/types/components/sqm-qa-tabs/sqm-tabs-view.d.ts

@@ -0,0 +1,9 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+import { TabElement } from "./useTabs";
+export declare type TabsViewProps = {
+  placement: "left" | "right" | "bottom" | "top";
+  content: {
+    tabs: TabElement[];
+  };
+};
+export declare const TabsView: FunctionalComponent<TabsViewProps>;

package/dist/types/components/sqm-qa-tabs/sqm-tabs.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @uiName Tab Group
+ * @slots [{"name":"", "title":"Tabs","validChildren":["sqm-tab"]}]
+ * @canvasRenderer always-replace
+ * @exampleGroup Layout
+ * @example Generic Tab Group - <sqm-tabs><sqm-tab header="Tab 1">This is the first tab</sqm-tab><sqm-tab header="Tab 2">This is the second tab</sqm-tab><sqm-tab header="Tab 3">This is the third tab</sqm-tab></sqm-tabs>
+ * @example Referral Tab Group - <sqm-tabs><sqm-tab header="Leaderboard"><sqm-leaderboard usersheading="Referrer" statsheading="Referrals" rankheading="Rank" rank-type="rowNumber" leaderboard-type="topStartedReferrers" show-rank anonymous-user="Anonymous User"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard"></sqm-empty></sqm-leaderboard></sqm-tab><sqm-tab header="Referral history"><sqm-referral-table><sqm-referral-table-user-column column-title="User" anonymous-user="Anonymous User" deleted-user="Deleted User"></sqm-referral-table-user-column><sqm-referral-table-status-column column-title="Referral status" converted-status-text="Converted" in-progress-status-text="In Progress"></sqm-referral-table-status-column><sqm-referral-table-rewards-column column-title="Rewards" expiring-text="Expiring in" fuel-tank-text="Your code is" pending-for-text="{status} for {date}" reward-received-text="Reward received on" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"></sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title="Date referred" date-shown="dateReferralStarted"></sqm-referral-table-date-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png" empty-state-header="View your referral details" empty-state-text="Refer a friend to view the status of your referrals and rewards earned"></sqm-empty></sqm-referral-table></sqm-tab></sqm-tabs>
+ * @example Loyalty Tab Group - <sqm-tabs placement="top"> <sqm-tab header="Leaderboard"> <sqm-leaderboard usersheading="Users" statsheading="Points Earned" rankheading="Rank" rank-type="rowNumber" leaderboard-type="topPointEarners" show-rank anonymous-user="Anonymous User" > <sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to earn points and reach the top of the leaderboard" ></sqm-empty ></sqm-leaderboard> </sqm-tab> <sqm-tab header="Reward history"> <sqm-rewards-table ><sqm-rewards-table-reward-column available-text="{availableAmount} remaining" column-title="Reward" copy-text="Copied!" redeemed-text="{redeemedAmount} redeemed" > </sqm-rewards-table-reward-column> <sqm-rewards-table-source-column anonymous-user="Anonymous User" column-title="Source" deleted-user="Deleted User" referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-exchange-text="Reward Exchange" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}" > </sqm-rewards-table-source-column><sqm-rewards-table-status-column column-title="Status" expiry-text="Expires on " status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"></sqm-rewards-table-status-column><sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven"></sqm-rewards-table-date-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png" empty-state-header="View your rewards" empty-state-text="Refer friends and complete tasks to view the details of your rewards"></sqm-empty></sqm-rewards-table></sqm-tab><sqm-tab header="Redeem"><sqm-reward-exchange-list back-text="Back" button-text="Exchange Rewards" cancel-text="Cancel" choose-amount-title="Select" choose-reward-title="Rewards" confirmation-title="Confirm" continue-text="Continue" continue-to-confirmation-text="Continue to confirmation" done-text="Done" reward-title="Choose a reward" not-available-error="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }" not-enough-error="Not enough {sourceUnit} to redeem for this reward" query-error="Unable to load reward exchange list. Please try again" redeem-text="Redeem" redeem-title="Confirm and redeem" redemption-error="An error occured trying to redeem this reward. Please try again" redemption-success-text="Redeemed {sourceValue} for {destinationValue}" select-text="Select amount to receive" source-amount-message="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}" tooltiptext="Copied" reward-name-title="Reward" reward-amount-title="Reward Amount" cost-title="Cost to Redeem" reward-redeemed-text="Reward redeemed" skeleton-card-num="8" promo-code="Promo Code" tooltip-text="Copied!"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png" empty-state-header="Redeem rewards" empty-state-text="Use your points to redeem rewards once they become available"></sqm-empty></sqm-reward-exchange-list></sqm-tab></sqm-tabs>
+ */
+export declare class Tabs {
+  /**
+   * Used to specify the placement of the tabs
+   *
+   * @uiName Tabs Placement
+   * @uiType string
+   * @uiEnum ["left", "right", "bottom", "top"]
+   * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
+   */
+  placement?: "left" | "right" | "bottom" | "top";
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-qa-tabs/useTabs.d.ts

@@ -0,0 +1,9 @@
+export interface TabElement extends Element {
+  open: boolean;
+  header: string;
+}
+export declare function useTabs(): {
+  content: {
+    tabs: TabElement[];
+  };
+};

package/dist/types/components/sqm-referral-card/ReferralCard.stories.d.ts

@@ -1,14 +1,14 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    scenario: string;
-  };
-};
-export default _default;
-export declare const ImageAndShareButtons: () => any;
-export declare const TimelineAndShareButtons: () => any;
-export declare const StartAlignment: () => any;
-export declare const CenterAlignment: () => any;
-export declare const EndAlignment: () => any;
-export declare const FlippedSlots: () => any;
-export declare const ReferralCardGeneric: () => any;
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const ImageAndShareButtons: () => any;
+export declare const TimelineAndShareButtons: () => any;
+export declare const StartAlignment: () => any;
+export declare const CenterAlignment: () => any;
+export declare const EndAlignment: () => any;
+export declare const FlippedSlots: () => any;
+export declare const ReferralCardGeneric: () => any;