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

package/dist/types/components/sqm-stat-container/sqm-stat-container.d.ts

@@ -1,27 +1,36 @@
-import { Spacing } from "../../global/mixins";
-/**
- * @uiName Stat Container
- * @slots [{"name":"", "title":"Stats"}]
- * @exampleGroup Statistics
- * @example Container with Three Stats - <sqm-stat-container space="xxx-large" display="flex"><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/value/global">Points Balance</sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE/global">Giftcards Earned</sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount">Referrals</sqm-big-stat></sqm-stat-container>
- */
-export declare class StatContainer {
-  ignored: boolean;
-  /**
-   * @uiName Space Between Stats
-   * @uiType string
-   * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-   * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-   */
-  space: Spacing;
-  /**
-   * @uiName Display
-   * @uiType string
-   * @uiEnum ["grid", "flex"]
-   * @uiEnumNames ["Grid", "Flex"]
-   */
-  display: "grid" | "flex";
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}
+import { Spacing } from "../../global/mixins";
+/**
+ * @uiName Stat Container
+ * @slots [{"name":"", "title":"Stats"}]
+ * @exampleGroup Statistics
+ * @example Container with Three Stats - <sqm-stat-container space="xxx-large" display="flex"><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/value/global">Points Balance</sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE/global">Giftcards Earned</sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount">Referrals</sqm-big-stat></sqm-stat-container>
+ */
+export declare class StatContainer {
+  ignored: boolean;
+  /**
+   * @uiName Space Between Stats
+   * @uiType string
+   * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+   * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+   */
+  space: Spacing;
+  /**
+   * @uiName Display
+   * @uiType string
+   * @uiEnum ["grid", "flex"]
+   * @uiEnumNames ["Grid", "Flex"]
+   */
+  display: "grid" | "flex";
+  /**
+   * @uiName Show Border
+   */
+  showBorder?: boolean;
+  /**
+   * @uiName Border Color
+   * @uiWidget color
+   */
+  borderColor?: string;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-stencilbook/AutoColor.d.ts

@@ -1,8 +1,8 @@
-/**
- * Generated a Shoelace color scale css string from a base color
- *
- * @param color
- * @param name
- * @returns
- */
-export declare function autoColorScaleCss(color: string, name?: string): string;
+/**
+ * Generated a Shoelace color scale css string from a base color
+ *
+ * @param color
+ * @param name
+ * @returns
+ */
+export declare function autoColorScaleCss(color: string, name?: string): string;

package/dist/types/components/sqm-stencilbook/CucumberAddon.d.ts

@@ -1,2 +1,2 @@
-import { AddOn } from "@saasquatch/stencilbook";
-export declare const CucumberAddon: AddOn;
+import { AddOn } from "@saasquatch/stencilbook";
+export declare const CucumberAddon: AddOn;

package/dist/types/components/sqm-stencilbook/HookStoryAddon.d.ts

@@ -1,8 +1,8 @@
-import { AddOn } from "@saasquatch/stencilbook";
-export declare const HookStoryAddon: AddOn;
-export declare function createHookStory(hookStory: Function): {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};
+import { AddOn } from "@saasquatch/stencilbook";
+export declare const HookStoryAddon: AddOn;
+export declare function createHookStory(hookStory: Function): {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

package/dist/types/components/sqm-stencilbook/Matrix.d.ts

@@ -1,11 +1,11 @@
-export declare type Matrix = Record<string, Array<unknown>>;
-/**
- * Displays a cartesian product of the input props
- *
- * @returns
- */
-export declare function MatrixStory({ matrix, props, Component, }: {
-  matrix: Matrix;
-  props: Record<string, any>;
-  Component: any;
-}): any[];
+export declare type Matrix = Record<string, Array<unknown>>;
+/**
+ * Displays a cartesian product of the input props
+ *
+ * @returns
+ */
+export declare function MatrixStory({ matrix, props, Component, }: {
+  matrix: Matrix;
+  props: Record<string, any>;
+  Component: any;
+}): any[];

package/dist/types/components/sqm-stencilbook/Resizer.d.ts

@@ -1,3 +1,3 @@
-import { FunctionalComponent } from "../../stencil-public-runtime";
-export declare const ResizerStylesheet = "\n\n:root{\n    --checker-color-1: #ffffff00;\n    --checker-color-2: #ffffff00;\n    --checker-size: 7px;\n    --checker-gradient: linear-gradient(45deg, var(--checker-color-1) 25%, transparent 25%, transparent 75%, var(--checker-color-1) 75%);\n}\n.resizer{\n    resize: horizontal;\n    border: 2px dashed gray;\n\tmargin: -2px;\n    padding: 12px;\n    height: fit-content;\n    overflow: hidden;\n\twidth: 100%;\n}\n\n.resizer{\n    background-color: var(--checker-color-2);\n    background-image: var(--checker-gradient), var(--checker-gradient);\n    background-position: 0 0, var(--checker-size) var(--checker-size);\n    background-size: calc(var(--checker-size) * 2) calc(var(--checker-size) * 2);\n}\n";
-export declare const Resizer: FunctionalComponent;
+import { FunctionalComponent } from "../../stencil-public-runtime";
+export declare const ResizerStylesheet = "\n\n:root{\n    --checker-color-1: #ffffff00;\n    --checker-color-2: #ffffff00;\n    --checker-size: 7px;\n    --checker-gradient: linear-gradient(45deg, var(--checker-color-1) 25%, transparent 25%, transparent 75%, var(--checker-color-1) 75%);\n}\n.resizer{\n    resize: horizontal;\n    border: 2px dashed gray;\n\tmargin: -2px;\n    padding: 12px;\n    height: fit-content;\n    overflow: hidden;\n\twidth: 100%;\n}\n\n.resizer{\n    background-color: var(--checker-color-2);\n    background-image: var(--checker-gradient), var(--checker-gradient);\n    background-position: 0 0, var(--checker-size) var(--checker-size);\n    background-size: calc(var(--checker-size) * 2) calc(var(--checker-size) * 2);\n}\n";
+export declare const Resizer: FunctionalComponent;

package/dist/types/components/sqm-stencilbook/Themes.d.ts

@@ -1,17 +1,17 @@
-/**
- *
- * Themes
- *
- * Export only valid CSS. Those will be injected into style tags.
- *
- * Useful links:
- *  - https://brandcolors.net/
- *  - Shoelace color generator: https://codepen.io/claviska/full/QWveRgL
- *
- */
-export declare const Default = "\n // No CSS\n";
-export declare const Orangey: string;
-export declare const Netflix: string;
-export declare const SaaSquatchCorporate: string;
-export declare const NYTimes: string;
-export declare const Klip: string;
+/**
+ *
+ * Themes
+ *
+ * Export only valid CSS. Those will be injected into style tags.
+ *
+ * Useful links:
+ *  - https://brandcolors.net/
+ *  - Shoelace color generator: https://codepen.io/claviska/full/QWveRgL
+ *
+ */
+export declare const Default = "\n // No CSS\n";
+export declare const Orangey: string;
+export declare const Netflix: string;
+export declare const SaaSquatchCorporate: string;
+export declare const NYTimes: string;
+export declare const Klip: string;

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

@@ -1,11 +1,11 @@
-/**
- * For internal documentation
- *
- * @undocumented
- */
-export declare class StencilStorybook {
-  ignored: boolean;
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}
+/**
+ * For internal documentation
+ *
+ * @undocumented
+ */
+export declare class StencilStorybook {
+  ignored: boolean;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-tab/sqm-tab-view.d.ts

@@ -1,4 +1,4 @@
-import { FunctionalComponent } from "../../stencil-public-runtime";
-declare type TabViewProps = {};
-export declare const TabView: FunctionalComponent<TabViewProps>;
-export {};
+import { FunctionalComponent } from "../../stencil-public-runtime";
+declare type TabViewProps = {};
+export declare const TabView: FunctionalComponent<TabViewProps>;
+export {};

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

@@ -1,12 +1,12 @@
-/**
- * @uiName Tab
- * @slots [{"name":"", "title":"Tab Content"}]
- * @validParents ["sqm-tabs"]
- * @exampleGroup Layout
- * @example Tab - <sqm-tab header="Example"><p>This is an example tab. Add your own content here.</p></sqm-tab>
- */
-export declare class Tab {
-  /** @uiName Tab Title  */
-  header: string;
-  render(): any;
-}
+/**
+ * @uiName Tab
+ * @slots [{"name":"", "title":"Tab Content"}]
+ * @validParents ["sqm-tabs"]
+ * @exampleGroup Layout
+ * @example Tab - <sqm-tab header="Example"><p>This is an example tab. Add your own content here.</p></sqm-tab>
+ */
+export declare class Tab {
+  /** @uiName Tab Title  */
+  header: string;
+  render(): any;
+}

package/dist/types/components/sqm-table-cell/sqm-table-cell.d.ts

@@ -1,5 +1,11 @@
-export declare class TableCell {
-  colspan: number;
-  padding: string;
-  render(): any;
-}
+/**
+ * @uiName Table Cell
+ * @slots [{"name":"", "title":"Cell Content"}]
+ */
+export declare class TableCell {
+  /** @uiName Column Span  */
+  colspan: number;
+  /** @uiName Padding} */
+  padding: string;
+  render(): any;
+}

package/dist/types/components/sqm-table-row/sqm-table-row.d.ts

@@ -1,4 +1,11 @@
-export declare class TableRow {
-  border: string;
-  render(): any;
-}
+/**
+ * @uiName Table Row
+ * @slots [{"name":"", "title":"Row Content"}]
+ */
+export declare class TableRow {
+  /**
+   * @uiName Border
+   */
+  border: string;
+  render(): any;
+}

package/dist/types/components/sqm-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-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>;

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

@@ -1,22 +1,23 @@
-/**
- * @uiName Tab Group
- * @slots [{"name":"", "title":"Tabs","validChildren":["sqm-tab"]}]
- * @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;
-}
+/**
+ * @uiName Tab Group
+ * @slots [{"name":"", "title":"Tabs","validChildren":["sqm-tab"]}]
+ * @exampleGroup Layout
+ * @canvasRenderer always-replace
+ * @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-tabs/useTabs.d.ts

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

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

@@ -1,41 +1,41 @@
-import { VNode } from "../../stencil-public-runtime";
-export declare const style: {
-  Description: {
-    "& input[type=checkbox]": {
-      display: string;
-    };
-    "& input:checked ~ .details": {
-      transform: string;
-    };
-    "& .details": {
-      position: string;
-      top: string;
-      right: string;
-      color: string;
-      fontSize: string;
-      "& :hover": {
-        color: string;
-      };
-      transformOrigin: string;
-      transition: string;
-      cursor: string;
-    };
-    "& input:checked ~ .summary": {
-      transition: string;
-      maxHeight: string;
-      marginBottom: string;
-    };
-    "& input:checked ~ .summary[progress-bar]": {
-      marginBottom: string;
-    };
-    "& .summary": {
-      display: string;
-      overflow: string;
-      fontSize: string;
-      maxHeight: string;
-      transition: string;
-      marginBottom: string;
-    };
-  };
-};
-export declare function Details(props: any): VNode;
+import { VNode } from "../../stencil-public-runtime";
+export declare const style: {
+  Description: {
+    "& input[type=checkbox]": {
+      display: string;
+    };
+    "& input:checked ~ .details": {
+      transform: string;
+    };
+    "& .details": {
+      position: string;
+      top: string;
+      right: string;
+      color: string;
+      fontSize: string;
+      "& :hover": {
+        color: string;
+      };
+      transformOrigin: string;
+      transition: string;
+      cursor: string;
+    };
+    "& input:checked ~ .summary": {
+      transition: string;
+      maxHeight: string;
+      marginBottom: string;
+    };
+    "& input:checked ~ .summary[progress-bar]": {
+      marginBottom: string;
+    };
+    "& .summary": {
+      display: string;
+      overflow: string;
+      fontSize: string;
+      maxHeight: string;
+      transition: string;
+      marginBottom: string;
+    };
+  };
+};
+export declare function Details(props: any): VNode;

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

@@ -1,3 +1,3 @@
-export declare const checkmark_circle: () => any;
-export declare const checkmark_filled: () => any;
-export declare const arrow_left_right: () => any;
+export declare const checkmark_circle: () => any;
+export declare const checkmark_filled: () => any;
+export declare const arrow_left_right: () => any;

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

@@ -1,21 +1,21 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    scenario: string;
-  };
-};
-export default _default;
-export declare const TaskCard: () => any;
-export declare const TaskCardNotRepeatable: () => any;
-export declare const TaskCardRepeatable: () => any;
-export declare const TaskCardRepeatableFinite: () => any;
-export declare const TaskCardEndDate: () => any;
-export declare const TaskCardLoading: () => any;
-export declare const TaskCardNotStarted: () => any;
-export declare const TaskCardEnded: () => any;
-export declare const ProgressBar: () => any;
-export declare const ProgressBarSteps: () => any;
-export declare const ProgressBarRepeatable: () => any;
-export declare const ProgressBarStepsRepeatable: () => any;
-export declare const ProgressBarFinite: () => any;
-export declare const ProgressBarStepsFinite: () => any;
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const TaskCard: () => any;
+export declare const TaskCardNotRepeatable: () => any;
+export declare const TaskCardRepeatable: () => any;
+export declare const TaskCardRepeatableFinite: () => any;
+export declare const TaskCardEndDate: () => any;
+export declare const TaskCardLoading: () => any;
+export declare const TaskCardNotStarted: () => any;
+export declare const TaskCardEnded: () => any;
+export declare const ProgressBar: () => any;
+export declare const ProgressBarSteps: () => any;
+export declare const ProgressBarRepeatable: () => any;
+export declare const ProgressBarStepsRepeatable: () => any;
+export declare const ProgressBarFinite: () => any;
+export declare const ProgressBarStepsFinite: () => any;

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

@@ -1,16 +1,16 @@
-declare const _default: {
-  title: string;
-};
-export default _default;
-export declare const TaskCard: {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};
-export declare const TaskCardFeed: {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const TaskCard: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const TaskCardFeed: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

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

@@ -1,2 +1,2 @@
-export declare const Gift: () => any;
-export declare const GreyGift: () => any;
+export declare const Gift: () => any;
+export declare const GreyGift: () => any;

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

@@ -1,13 +1,13 @@
-import { VNode } from "../../../stencil-public-runtime";
-export declare type ProgressBarProps = {
-  progress?: number;
-  goal?: number;
-  progressBarUnit?: string;
-  steps?: boolean;
-  repeatable?: boolean;
-  complete?: boolean;
-  expired?: boolean;
-  finite?: number;
-  opacity?: string;
-};
-export declare function ProgressBarView(props: ProgressBarProps): VNode;
+import { VNode } from "../../../stencil-public-runtime";
+export declare type ProgressBarProps = {
+  progress?: number;
+  goal?: number;
+  progressBarUnit?: string;
+  steps?: boolean;
+  repeatable?: boolean;
+  complete?: boolean;
+  expired?: boolean;
+  finite?: number;
+  opacity?: string;
+};
+export declare function ProgressBarView(props: ProgressBarProps): VNode;