@saasquatch/mint-components 1.6.1-7 → 1.6.1

package/dist/types/components/sqm-program-explainer/sqm-program-explainer.d.ts

@@ -1,28 +1,28 @@
-/**
- * @uiName Program Explainer
- * @exampleGroup Common Components
- * @slots [{"name":"", "title":"Explainer", "validChildren":["sqm-program-explainer-step"]}]
- * @example Program Explainer - <sqm-program-explainer header="How it works"><sqm-program-explainer-step description="Complete tasks like uploading your first video or sharing videos with friends" header="Earn points" icon="cash-stack" text-color="#000000"></sqm-program-explainer-step><sqm-program-explainer-step description="Use your points and redeem rewards like one free month of Enterprise or a visa giftcard" header="Redeem rewards" icon="people" text-color="#000000"></sqm-program-explainer-step></sqm-program-explainer>
- */
-export declare class ProgramExplainer {
-  ignored: boolean;
-  /**
-   * @uiName Header Text
-   */
-  header: string;
-  /**
-   * @uiName Header Text Color
-   * @uiWidget color
-   * @format color
-   */
-  textColor: string;
-  /**
-   * @uiName Header Background Color
-   * @uiWidget color
-   * @format color
-   */
-  backgroundColor: string;
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}
+/**
+ * @uiName Program Explainer
+ * @exampleGroup Common Components
+ * @slots [{"name":"", "title":"Explainer", "validChildren":["sqm-program-explainer-step"]}]
+ * @example Program Explainer - <sqm-program-explainer header="How it works"><sqm-program-explainer-step description="Explore and use our product while earning points in the process!" header="Earn points" icon="cash-stack" text-color="#000000"></sqm-program-explainer-step><sqm-program-explainer-step description="Use your points and redeem rewards like one free month of Enterprise or a visa giftcard" header="Redeem rewards" icon="people" text-color="#000000"></sqm-program-explainer-step></sqm-program-explainer>
+ */
+export declare class ProgramExplainer {
+  ignored: boolean;
+  /**
+   * @uiName Header Text
+   */
+  header: string;
+  /**
+   * @uiName Header Text Color
+   * @uiWidget color
+   * @format color
+   */
+  textColor: string;
+  /**
+   * @uiName Header Background Color
+   * @uiWidget color
+   * @format color
+   */
+  backgroundColor: string;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-program-explainer-step/ProgramExplainerStep.stories.d.ts

@@ -1,9 +1,9 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    scenario: string;
-  };
-};
-export default _default;
-export declare const ProgramExplainerStep: () => any;
-export declare const ProgramExplainerStepCustom: () => any;
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const ProgramExplainerStep: () => any;
+export declare const ProgramExplainerStepCustom: () => any;

package/dist/types/components/sqm-program-explainer-step/sqm-program-explainer-step-view.d.ts

@@ -1,9 +1,9 @@
-export interface ProgramExplainerStepViewProps {
-  header: string;
-  description: string;
-  textColor?: string;
-  backgroundColor?: string;
-  imageUrl?: string;
-  icon?: string;
-}
-export declare function ProgramExplainerStepView(props: ProgramExplainerStepViewProps): any;
+export interface ProgramExplainerStepViewProps {
+  header: string;
+  description: string;
+  textColor?: string;
+  backgroundColor?: string;
+  imageUrl?: string;
+  icon?: string;
+}
+export declare function ProgramExplainerStepView(props: ProgramExplainerStepViewProps): any;

package/dist/types/components/sqm-program-explainer-step/sqm-program-explainer-step.d.ts

@@ -1,46 +1,46 @@
-/**
- * @uiName Program Explainer Step
- * @exampleGroup Common Components
- * @example Program Explainer Step - <sqm-program-explainer-step description="Complete tasks like uploading your first video or sharing videos with friends" header="Earn points" icon="cash-stack" text-color="#000000"></sqm-program-explainer-step>
- * @validParents ["sqm-program-explainer"]
- */
-export declare class ProgramExplainerStep {
-  /**
-   * @uiName Title
-   */
-  header: string;
-  /**
-   * @uiName Description
-   * @uiWidget textArea
-   */
-  description: string;
-  /**
-   * @uiName Text Color
-   * @uiWidget color
-   * @format color
-   */
-  textColor: string;
-  /**
-   * @uiName Background Color
-   * @uiWidget color
-   * @format color
-   */
-  backgroundColor: string;
-  /**
-   * Displayed in place of an icon
-   *
-   * @uiName Image Url
-   * @uiWidget imageUpload
-   * @format url
-   */
-  imageUrl?: string;
-  /**
-   * Options available at https://shoelace.style/components/icon
-   *
-   * @uiName Icon
-   */
-  icon?: string;
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}
+/**
+ * @uiName Program Explainer Step
+ * @exampleGroup Common Components
+ * @example Program Explainer Step - <sqm-program-explainer-step description="Explore and use our product while earning points in the process!" header="Earn points" icon="cash-stack" text-color="#000000"></sqm-program-explainer-step>
+ * @validParents ["sqm-program-explainer"]
+ */
+export declare class ProgramExplainerStep {
+  /**
+   * @uiName Title
+   */
+  header: string;
+  /**
+   * @uiName Description
+   * @uiWidget textArea
+   */
+  description: string;
+  /**
+   * @uiName Text Color
+   * @uiWidget color
+   * @format color
+   */
+  textColor: string;
+  /**
+   * @uiName Background Color
+   * @uiWidget color
+   * @format color
+   */
+  backgroundColor: string;
+  /**
+   * Displayed in place of an icon
+   *
+   * @uiName Image Url
+   * @uiWidget imageUpload
+   * @format url
+   */
+  imageUrl?: string;
+  /**
+   * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+   *
+   * @uiName Icon
+   */
+  icon?: string;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-program-menu/ProgramMenu.stories.d.ts

@@ -1,28 +1,28 @@
-declare const _default: {
-  title: string;
-};
-export default _default;
-export declare const OneProgram: {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};
-export declare const TwoProgram: {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};
-export declare const FiveProgram: {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};
-export declare const ProgramMenuWithSwitch: {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const OneProgram: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const TwoProgram: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const FiveProgram: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const ProgramMenuWithSwitch: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

package/dist/types/components/sqm-program-menu/sqm-program-menu.d.ts

@@ -1,10 +1,10 @@
-/**
- * @uiName Portal Menu
- * @canvasRenderer always-replace
- */
-export declare class ProgramMenu {
-  ignored: boolean;
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}
+/**
+ * @uiName Portal Menu
+ * @canvasRenderer always-replace
+ */
+export declare class ProgramMenu {
+  ignored: boolean;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-program-menu/useProgramMenu.d.ts

@@ -1,13 +1,13 @@
-import { SlMenu } from '@shoelace-style/shoelace';
-import { ProgramMenu } from './sqm-program-menu';
-export declare function useProgramMenu(props: ProgramMenu): {
-  data: {
-    programId: string;
-  };
-  callbacks: {
-    rerender: () => unknown;
-  };
-  ref: {
-    current: SlMenu;
-  };
-};
+import { SlMenu } from '@shoelace-style/shoelace';
+import { ProgramMenu } from './sqm-program-menu';
+export declare function useProgramMenu(props: ProgramMenu): {
+  data: {
+    programId: string;
+  };
+  callbacks: {
+    rerender: () => unknown;
+  };
+  ref: {
+    current: SlMenu;
+  };
+};

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;

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

@@ -1,9 +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;
+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-referral-card/sqm-referral-card.d.ts

@@ -1,19 +1,19 @@
-/**
- * @uiName Referral Card
- * @exampleGroup Referrals
- * @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;
-}
+/**
+ * @uiName Referral Card
+ * @exampleGroup Referrals
+ * @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-referral-iframe/ReferralIframe.stories.d.ts

@@ -1,9 +1,9 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    scenario: string;
-  };
-};
-export default _default;
-export declare const ReferralIframe: () => any;
-export declare const ReferralIframeError: () => any;
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const ReferralIframe: () => any;
+export declare const ReferralIframeError: () => any;

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

@@ -1,13 +1,13 @@
-export declare type ReferralIframeViewProps = {
-  states: {
-    content: {
-      iframeSrc: string;
-      iframeHeight: string;
-      iframeWidth: string;
-    };
-  };
-  data: {
-    shareCode: string;
-  };
-};
-export declare function ReferralIframeView(props: ReferralIframeViewProps): any;
+export declare type ReferralIframeViewProps = {
+  states: {
+    content: {
+      iframeSrc: string;
+      iframeHeight: string;
+      iframeWidth: string;
+    };
+  };
+  data: {
+    shareCode: string;
+  };
+};
+export declare function ReferralIframeView(props: ReferralIframeViewProps): any;

package/dist/types/components/sqm-referral-iframe/sqm-referral-iframe.d.ts

@@ -1,32 +1,32 @@
-import { ReferralIframeViewProps } from "./sqm-referral-iframe-view";
-import { DemoData } from "../../global/demo";
-/**
- * @uiName Referral IFrame
- */
-export declare class SqmReferralIframe {
-  ignored: boolean;
-  /**
-   * URL of iframe to display
-   * @uiName Iframe Source
-   * @required
-   */
-  iframeSrc: string;
-  /**
-   * Height of the iframe container
-   * @uiName Iframe Height
-   */
-  iframeHeight: string;
-  /**
-   * Width of the iframe container
-   * @uiName Iframe Width
-   */
-  iframeWidth: string;
-  /**
-   * @undocumented
-   * @uiType object
-   */
-  demoData?: DemoData<ReferralIframeViewProps>;
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}
+import { ReferralIframeViewProps } from "./sqm-referral-iframe-view";
+import { DemoData } from "../../global/demo";
+/**
+ * @uiName Referral IFrame
+ */
+export declare class SqmReferralIframe {
+  ignored: boolean;
+  /**
+   * URL of iframe to display
+   * @uiName Iframe Source
+   * @required
+   */
+  iframeSrc: string;
+  /**
+   * Height of the iframe container
+   * @uiName Iframe Height
+   */
+  iframeHeight: string;
+  /**
+   * Width of the iframe container
+   * @uiName Iframe Width
+   */
+  iframeWidth: string;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<ReferralIframeViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-referral-iframe/useReferralIframe.d.ts

@@ -1,3 +1,3 @@
-import { SqmReferralIframe } from "./sqm-referral-iframe";
-import { ReferralIframeViewProps } from "./sqm-referral-iframe-view";
-export declare function useReferralIframe(props: SqmReferralIframe): ReferralIframeViewProps;
+import { SqmReferralIframe } from "./sqm-referral-iframe";
+import { ReferralIframeViewProps } from "./sqm-referral-iframe-view";
+export declare function useReferralIframe(props: SqmReferralIframe): ReferralIframeViewProps;

package/dist/types/components/sqm-referral-table/ReferralTable.stories.d.ts

@@ -1,18 +1,18 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    scenario: string;
-  };
-};
-export default _default;
-export declare const SimpleUserTable: () => any;
-export declare const SingleEntry: () => any;
-export declare const HiddenLabelsTable: () => any;
-export declare const CustomButtonTextTable: () => any;
-export declare const FullUserTable: () => any;
-export declare const LongCellTextTable: () => any;
-export declare const LongColumnTextTable: () => any;
-export declare const EmptyTable: () => any;
-export declare const LoadingTable: () => any;
-export declare const FullRewardsTable: () => any;
-export declare const ColumnsMobileHidden: () => any;
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const SimpleUserTable: () => any;
+export declare const SingleEntry: () => any;
+export declare const HiddenLabelsTable: () => any;
+export declare const CustomButtonTextTable: () => any;
+export declare const FullUserTable: () => any;
+export declare const LongCellTextTable: () => any;
+export declare const LongColumnTextTable: () => any;
+export declare const EmptyTable: () => any;
+export declare const LoadingTable: () => any;
+export declare const FullRewardsTable: () => any;
+export declare const ColumnsMobileHidden: () => any;

package/dist/types/components/sqm-referral-table/ReferralTableCell.stories.d.ts

@@ -1,13 +1,13 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    scenario: string;
-  };
-};
-export default _default;
-export declare const TableCell: () => any;
-export declare const TableUserCell: () => any;
-export declare const EmptyCell: () => any;
-export declare const StatusCell: () => any;
-export declare const DateCell: () => any;
-export declare const RewardsCell: () => any;
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const TableCell: () => any;
+export declare const TableUserCell: () => any;
+export declare const EmptyCell: () => any;
+export declare const StatusCell: () => any;
+export declare const DateCell: () => any;
+export declare const RewardsCell: () => any;

package/dist/types/components/sqm-referral-table/ReferralTableRewardsCell.stories.d.ts

@@ -1,23 +1,23 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    scenario: string;
-  };
-};
-export default _default;
-export declare const PendingNoUnpend: () => any;
-export declare const PendingNoUnpendNoDetails: () => any;
-export declare const NarrowColumnWithWideText: () => any;
-export declare const PendingWithUnpend: () => any[];
-export declare const AvailableNoExpiry: () => any;
-export declare const AvailableWithExpiry: () => any[];
-export declare const Redeemed: () => any;
-export declare const Cancelled: () => any;
-export declare const Expired: () => any;
-export declare const EmptyCell: () => any;
-export declare const oneRewardCell: () => any;
-export declare const twoRewardsCell: () => any;
-export declare const threeRewardsCell: () => any;
-export declare const fiveRewardsCell: () => any;
-export declare const eightRewardsCell: () => any;
-export declare const tenRewardsCell: () => any;
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const PendingNoUnpend: () => any;
+export declare const PendingNoUnpendNoDetails: () => any;
+export declare const NarrowColumnWithWideText: () => any;
+export declare const PendingWithUnpend: () => any[];
+export declare const AvailableNoExpiry: () => any;
+export declare const AvailableWithExpiry: () => any[];
+export declare const Redeemed: () => any;
+export declare const Cancelled: () => any;
+export declare const Expired: () => any;
+export declare const EmptyCell: () => any;
+export declare const oneRewardCell: () => any;
+export declare const twoRewardsCell: () => any;
+export declare const threeRewardsCell: () => any;
+export declare const fiveRewardsCell: () => any;
+export declare const eightRewardsCell: () => any;
+export declare const tenRewardsCell: () => any;