@saasquatch/mint-components 1.6.3-9 → 1.6.4-0

package/dist/types/components/sqm-task-card/sqm-task-card.d.ts

@@ -1,171 +1,171 @@
-import { DemoData } from "../../global/demo";
-import { BigStatViewProps } from "../sqm-big-stat/sqm-big-stat-view";
-import { TaskCardViewProps } from "./sqm-task-card-view";
-/**
- * @uiName Task Card
- * @uiOrder ["reward-amount", "reward-unit", "card-title", "description", "repeatable", "finite", "show-progress-bar", "stat-type", "progress-source", "goal", "steps", "progress-bar-unit", "show-expiry", "reward-duration", "button-text", "button-link", "open-new-tab", "ended-message", "expiry-message", "starts-on-message", "event-key", "*"]
- * @exampleGroup Rewards
- * @example One Time Task Card - <sqm-task-card reward-amount="1" reward-unit="Free Month" goal="1" card-title="Upgrade Your Plan" description="Receive one free month for being a committed customer when you upgrade your plan." button-text="Upgrade" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" open-new-tab="false" finite="0" starts-on-message="Starts {startDate}"></sqm-task-card>
- * @example Repeatable Task Card - <sqm-task-card reward-amount="250" goal="500" show-progress-bar card-title="Spend $500" description="Earn 250 points when you spend $500 or more." button-text="See plans" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" progress-bar-unit="$" finite="0" repeatable="" reward-unit="Points" starts-on-message="Starts {startDate}"></sqm-task-card>
- * @example Event Sending Task Card - <sqm-task-card goal="1" reward-amount="50" card-title="Follow Us on Twitter" description="Earn 50 points when you follow us on Twitter!" button-text="Follow" button-link="https://twitter.com/" open-new-tab="true" event-key="socialFollow" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}"></sqm-task-card>
- */
-export declare class TaskCard {
-  ignored: boolean;
-  /**
-   * @uiName Reward Amount
-   * @uiGroup Reward
-   */
-  rewardAmount: string;
-  /**
-   * @uiName Reward Unit
-   * @uiGroup Reward
-   */
-  rewardUnit: string;
-  /**
-   * @uiName Title
-   * @uiGroup Task
-   */
-  cardTitle: string;
-  /**
-   * @uiName Description
-   * @uiGroup Task
-   */
-  description: string;
-  /**
-   * @uiName Goal Repeatable
-   * @uiGroup Goal
-   * @default
-   */
-  repeatable: boolean;
-  /**
-   * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
-   *
-   * @uiName Repeat Amount
-   * @uiGroup Reward
-   */
-  finite: number;
-  /**
-   * @uiName Show Progress Bar
-   * @uiGroup Goal
-   * @default
-   */
-  showProgressBar: boolean;
-  /**
-   * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
-   *
-   * @uiName Goal Completion Number
-   * @uiGroup Goal
-   */
-  goal: number;
-  /**
-   * @uiName Progress Bar Steps
-   * @uiGroup Goal
-   * @default
-   */
-  steps: boolean;
-  /**
-   * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
-   *
-   * @uiName Progress Bar Unit
-   * @uiGroup Goal
-   */
-  progressBarUnit: string;
-  /**
-   * Displayed when a user views a task card after the reward duration interval.
-   *
-   * @uiName Expiry Date Message
-   * @uiGroup Task
-   */
-  expiryMessage: string;
-  /**
-   * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
-   *
-   * @uiName Reward Duration
-   * @uiWidget dateRange
-   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-   * @uiGroup Reward
-   */
-  rewardDuration: string;
-  /**
-   * Shown to users before the start of the task duration.
-   *
-   * @uiName Start Date Message
-   * @uiGroup Task
-   */
-  startsOnMessage: string;
-  /**
-   * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
-   *
-   * @uiName Display Duration
-   * @uiWidget dateRange
-   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-   * @uiGroup Task
-   */
-  displayDuration: string;
-  /**
-   * Shown to users after the end of the task duration.
-   *
-   * @uiName Ended Date Message
-   * @uiGroup Task
-   */
-  endedMessage: string;
-  /**
-   * Displays the amount of times that a user has completed a repeatable task.
-   *
-   * @uiName Completed Count Text
-   * @uiGroup Task
-   * @uiWidget textArea
-   */
-  completedText: string;
-  /**
-   * @uiName Button Text
-   * @uiGroup Button
-   */
-  buttonText: string;
-  /**
-   * @uiName Button Link
-   * @uiGroup Button
-   */
-  buttonLink: string;
-  /**
-   * Button Link Opens in New Tab
-   * @uiName Open In New Tab
-   * @uiGroup Button
-   * @default
-   */
-  openNewTab: boolean;
-  /**
-   * Select what type of stat to display for the goal. Manual paths are also supported.
-   *
-   * @uiName Goal Progress Source
-   * @required
-   * @minLength 1
-   * @uiWidget statTypeSelectWidget
-   * @uiWidgetOptions {"version": 1.1}
-   * @uiGroup Goal
-   */
-  statType: string;
-  /**
-   * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
-   *
-   * @uiName Task Card Button Event Key
-   * @uiGroup Button
-   */
-  eventKey?: string;
-  /**
-   * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
-   *
-   * @uiName Program ID Override
-   * @uiWidget programSelector
-   * @uiGroup Goal
-   */
-  programId?: string;
-  /**
-   * @undocumented
-   * @uiType object
-   */
-  demoData?: DemoData<TaskCardViewProps | BigStatViewProps>;
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}
+import { DemoData } from "../../global/demo";
+import { BigStatViewProps } from "../sqm-big-stat/sqm-big-stat-view";
+import { TaskCardViewProps } from "./sqm-task-card-view";
+/**
+ * @uiName Task Card
+ * @uiOrder ["reward-amount", "reward-unit", "card-title", "description", "repeatable", "finite", "show-progress-bar", "stat-type", "progress-source", "goal", "steps", "progress-bar-unit", "show-expiry", "reward-duration", "button-text", "button-link", "open-new-tab", "ended-message", "expiry-message", "starts-on-message", "event-key", "*"]
+ * @exampleGroup Rewards
+ * @example One Time Task Card - <sqm-task-card reward-amount="1" reward-unit="Free Month" goal="1" card-title="Upgrade Your Plan" description="Receive one free month for being a committed customer when you upgrade your plan." button-text="Upgrade" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" open-new-tab="false" finite="0" starts-on-message="Starts {startDate}"></sqm-task-card>
+ * @example Repeatable Task Card - <sqm-task-card reward-amount="250" goal="500" show-progress-bar card-title="Spend $500" description="Earn 250 points when you spend $500 or more." button-text="See plans" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" progress-bar-unit="$" finite="0" repeatable="" reward-unit="Points" starts-on-message="Starts {startDate}"></sqm-task-card>
+ * @example Event Sending Task Card - <sqm-task-card goal="1" reward-amount="50" card-title="Follow Us on Twitter" description="Earn 50 points when you follow us on Twitter!" button-text="Follow" button-link="https://twitter.com/" open-new-tab="true" event-key="socialFollow" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}"></sqm-task-card>
+ */
+export declare class TaskCard {
+  ignored: boolean;
+  /**
+   * @uiName Reward Amount
+   * @uiGroup Reward
+   */
+  rewardAmount: string;
+  /**
+   * @uiName Reward Unit
+   * @uiGroup Reward
+   */
+  rewardUnit: string;
+  /**
+   * @uiName Title
+   * @uiGroup Task
+   */
+  cardTitle: string;
+  /**
+   * @uiName Description
+   * @uiGroup Task
+   */
+  description: string;
+  /**
+   * @uiName Goal Repeatable
+   * @uiGroup Goal
+   * @default
+   */
+  repeatable: boolean;
+  /**
+   * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
+   *
+   * @uiName Repeat Amount
+   * @uiGroup Reward
+   */
+  finite: number;
+  /**
+   * @uiName Show Progress Bar
+   * @uiGroup Goal
+   * @default
+   */
+  showProgressBar: boolean;
+  /**
+   * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
+   *
+   * @uiName Goal Completion Number
+   * @uiGroup Goal
+   */
+  goal: number;
+  /**
+   * @uiName Progress Bar Steps
+   * @uiGroup Goal
+   * @default
+   */
+  steps: boolean;
+  /**
+   * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
+   *
+   * @uiName Progress Bar Unit
+   * @uiGroup Goal
+   */
+  progressBarUnit: string;
+  /**
+   * Displayed when a user views a task card after the reward duration interval.
+   *
+   * @uiName Expiry Date Message
+   * @uiGroup Task
+   */
+  expiryMessage: string;
+  /**
+   * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
+   *
+   * @uiName Reward Duration
+   * @uiWidget dateRange
+   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+   * @uiGroup Reward
+   */
+  rewardDuration: string;
+  /**
+   * Shown to users before the start of the task duration.
+   *
+   * @uiName Start Date Message
+   * @uiGroup Task
+   */
+  startsOnMessage: string;
+  /**
+   * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
+   *
+   * @uiName Display Duration
+   * @uiWidget dateRange
+   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+   * @uiGroup Task
+   */
+  displayDuration: string;
+  /**
+   * Shown to users after the end of the task duration.
+   *
+   * @uiName Ended Date Message
+   * @uiGroup Task
+   */
+  endedMessage: string;
+  /**
+   * Displays the amount of times that a user has completed a repeatable task.
+   *
+   * @uiName Completed Count Text
+   * @uiGroup Task
+   * @uiWidget textArea
+   */
+  completedText: string;
+  /**
+   * @uiName Button Text
+   * @uiGroup Button
+   */
+  buttonText: string;
+  /**
+   * @uiName Button Link
+   * @uiGroup Button
+   */
+  buttonLink: string;
+  /**
+   * Button Link Opens in New Tab
+   * @uiName Open In New Tab
+   * @uiGroup Button
+   * @default
+   */
+  openNewTab: boolean;
+  /**
+   * Select what type of stat to display for the goal. Manual paths are also supported.
+   *
+   * @uiName Goal Progress Source
+   * @required
+   * @minLength 1
+   * @uiWidget statTypeSelectWidget
+   * @uiWidgetOptions {"version": 1.1}
+   * @uiGroup Goal
+   */
+  statType: string;
+  /**
+   * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
+   *
+   * @uiName Task Card Button Event Key
+   * @uiGroup Button
+   */
+  eventKey?: string;
+  /**
+   * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
+   *
+   * @uiName Program ID Override
+   * @uiWidget programSelector
+   * @uiGroup Goal
+   */
+  programId?: string;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<TaskCardViewProps | BigStatViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-task-card/useTaskCard.d.ts

@@ -1,11 +1,11 @@
-import { TaskCard } from "./sqm-task-card";
-export declare function useTaskCard(props: TaskCard): {
-  states: {
-    loadingEvent: boolean;
-    locale: string;
-  };
-  callbacks: {
-    sendEvent: (eventKey: string) => void;
-    onClick: () => void;
-  };
-};
+import { TaskCard } from "./sqm-task-card";
+export declare function useTaskCard(props: TaskCard): {
+  states: {
+    loadingEvent: boolean;
+    locale: string;
+  };
+  callbacks: {
+    sendEvent: (eventKey: string) => void;
+    onClick: () => void;
+  };
+};

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

@@ -1,13 +1,13 @@
-/**
- * @uiName Text
- * @slots [{"name":"", "title":"Text"}]
- * @slotEditor richText
- * @canvasRenderer always-replace
- */
-export declare class Text {
-  ignored: boolean;
-  constructor();
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  render(): any;
-}
+/**
+ * @uiName Text
+ * @slots [{"name":"", "title":"Text"}]
+ * @slotEditor richText
+ * @canvasRenderer always-replace
+ */
+export declare class Text {
+  ignored: boolean;
+  constructor();
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/sqm-text-span/sqm-text-span-view.d.ts

@@ -1,5 +1,5 @@
-import { VNode } from "../../stencil-public-runtime";
-export interface TextSpanView {
-  type: "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
-}
-export declare function TextSpanView(props: TextSpanView, children: VNode): any;
+import { VNode } from "../../stencil-public-runtime";
+export interface TextSpanView {
+  type: "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
+}
+export declare function TextSpanView(props: TextSpanView, children: VNode): any;

package/dist/types/components/sqm-text-span/sqm-text-span.d.ts

@@ -1,22 +1,22 @@
-/**
- * @uiName Text Span
- * @canvasRenderer always-replace
- */
-export declare class Text {
-  ignored: boolean;
-  /**
-   * @uiName Text
-   */
-  text: string;
-  /**
-   * @uiName Type
-   * @uiType string
-   * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
-   * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
-   */
-  type: "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
-  constructor();
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  render(): any;
-}
+/**
+ * @uiName Text Span
+ * @canvasRenderer always-replace
+ */
+export declare class Text {
+  ignored: boolean;
+  /**
+   * @uiName Text
+   */
+  text: string;
+  /**
+   * @uiName Type
+   * @uiType string
+   * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
+   * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
+   */
+  type: "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
+  constructor();
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/sqm-timeline/SVGs.d.ts

@@ -1,3 +1,3 @@
-export declare const Gift: () => any;
-export declare const Circle: () => any;
-export declare const Line: () => any;
+export declare const Gift: () => any;
+export declare const Circle: () => any;
+export declare const Line: () => any;

package/dist/types/components/sqm-timeline/Timeline.stories.d.ts

@@ -1,11 +1,11 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    scenario: string;
-  };
-};
-export default _default;
-export declare const TimelineWith1Reward: () => any;
-export declare const TimelineWith2Rewards: () => any;
-export declare const TimelineWith3Rewards: () => any;
-export declare const TimelineWith4Rewards: () => any;
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const TimelineWith1Reward: () => any;
+export declare const TimelineWith2Rewards: () => any;
+export declare const TimelineWith3Rewards: () => any;
+export declare const TimelineWith4Rewards: () => any;

package/dist/types/components/sqm-timeline/sqm-timeline-entry-view.d.ts

@@ -1,9 +1,9 @@
-import { VNode } from "../../stencil-public-runtime";
-export interface TimelineEntryProps {
-  reward: string;
-  unit: string;
-  desc: string;
-  icon: string;
-  iconState: string;
-}
-export declare function TimelineEntryView(props: TimelineEntryProps): VNode;
+import { VNode } from "../../stencil-public-runtime";
+export interface TimelineEntryProps {
+  reward: string;
+  unit: string;
+  desc: string;
+  icon: string;
+  iconState: string;
+}
+export declare function TimelineEntryView(props: TimelineEntryProps): VNode;

package/dist/types/components/sqm-timeline/sqm-timeline-entry.d.ts

@@ -1,33 +1,33 @@
-/**
- * @uiName Program Timeline Entry
- * @validParents ["sqm-timeline"]
- * @exampleGroup Common Components
- * @example Timeline Entry - <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="You refer a friend" icon="circle" > </sqm-timeline-entry>
- */
-export declare class TimelineReward {
-  ignored: boolean;
-  /**
-   * @uiName Reward Amount
-   */
-  reward: string;
-  /**
-   * @uiName Reward Unit
-   */
-  unit: string;
-  /**
-   * @uiName Description
-   */
-  desc: string;
-  /**
-   * @uiName Icon
-   * @uiType string
-   * @uiEnum ["gift", "circle"]
-   * @uiEnumNames ["Gift", "Circle"]
-   */
-  icon: "gift" | "circle";
-  iconState: "gift" | "circle";
-  setIcon(value: "gift" | "circle"): Promise<void>;
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}
+/**
+ * @uiName Program Timeline Entry
+ * @validParents ["sqm-timeline"]
+ * @exampleGroup Common Components
+ * @example Timeline Entry - <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="You refer a friend" icon="circle" > </sqm-timeline-entry>
+ */
+export declare class TimelineReward {
+  ignored: boolean;
+  /**
+   * @uiName Reward Amount
+   */
+  reward: string;
+  /**
+   * @uiName Reward Unit
+   */
+  unit: string;
+  /**
+   * @uiName Description
+   */
+  desc: string;
+  /**
+   * @uiName Icon
+   * @uiType string
+   * @uiEnum ["gift", "circle"]
+   * @uiEnumNames ["Gift", "Circle"]
+   */
+  icon: "gift" | "circle";
+  iconState: "gift" | "circle";
+  setIcon(value: "gift" | "circle"): Promise<void>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -1,19 +1,19 @@
-/**
- * @uiName Program Timeline
- * @slots [{"name":"","title":"Timeline","validChildren":["sqm-timeline-entry"]}]
- * @exampleGroup Common Components
- * @example Program Timeline - <sqm-timeline icon="circle"> <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="You refer a friend" 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>
-*/
-export declare class Timeline {
-  ignored: boolean;
-  /**
-   * @uiName Icon
-   * @uiType string
-   * @uiEnum ["gift", "circle"]
-   * @uiEnumNames ["Gift", "Circle"]
-   */
-  icon: "gift" | "circle";
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}
+/**
+ * @uiName Program Timeline
+ * @slots [{"name":"","title":"Timeline","validChildren":["sqm-timeline-entry"]}]
+ * @exampleGroup Common Components
+ * @example Program Timeline - <sqm-timeline icon="circle"> <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="You refer a friend" 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>
+*/
+export declare class Timeline {
+  ignored: boolean;
+  /**
+   * @uiName Icon
+   * @uiType string
+   * @uiEnum ["gift", "circle"]
+   * @uiEnumNames ["Gift", "Circle"]
+   */
+  icon: "gift" | "circle";
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-titled-section/TitledSection.stories.d.ts

@@ -1,12 +1,12 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    scenario: string;
-  };
-};
-export default _default;
-export declare const AlignLeft: () => any;
-export declare const AlignCenter: () => any;
-export declare const AlignRight: () => any;
-export declare const Padding: () => any;
-export declare const LabelMargin: () => any;
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const AlignLeft: () => any;
+export declare const AlignCenter: () => any;
+export declare const AlignRight: () => any;
+export declare const Padding: () => any;
+export declare const LabelMargin: () => any;

package/dist/types/components/sqm-titled-section/sqm-portal-section-view.d.ts

@@ -1,10 +1,10 @@
-import { VNode } from "../../stencil-public-runtime";
-import { Spacing } from "../../global/mixins";
-export interface PortalSectionProps {
-  labelMargin: Spacing;
-  padding: Spacing;
-  label: VNode;
-  content: VNode;
-  textAlign?: "left" | "center" | "right";
-}
-export declare function PortalSectionView(props: PortalSectionProps): any;
+import { VNode } from "../../stencil-public-runtime";
+import { Spacing } from "../../global/mixins";
+export interface PortalSectionProps {
+  labelMargin: Spacing;
+  padding: Spacing;
+  label: VNode;
+  content: VNode;
+  textAlign?: "left" | "center" | "right";
+}
+export declare function PortalSectionView(props: PortalSectionProps): any;