@saasquatch/mint-components 1.6.2-2 → 1.7.0-1

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

@@ -1,250 +1,255 @@
-/**
- * @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;
-}
+/**
+ * @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 - true
+   */
+  booleanSwitch?: boolean;
+  /**
+   * Description here
+   * @uiName Boolean Switch with default - false
+   */
+  booleanSwitchfalse?: 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

@@ -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-qa-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-qa-referral-card/sqm-referral-card.d.ts

@@ -1,20 +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;
-}
+/**
+ * @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

@@ -1,15 +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;
+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

@@ -1,9 +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>;
+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>;