@saasquatch/mint-components 1.15.0-99 → 1.16.0-0

package/dist/mint-components/p-ff8b8067.entry.js

@@ -0,0 +1,33 @@
+import{r as t,h as e}from"./p-f708da7b.js";import{k as r,f as i,n as o}from"./p-cd651f81.js";import"./p-65069b66.js";import{d as s,J as a,w as l,$ as n,i as u}from"./p-94a876b9.js";import{c as d}from"./p-c1086930.js";import{g as m}from"./p-9ec99ced.js";import"./p-cef45012.js";import"./p-c9f1dde7.js";import{P as c}from"./p-63a75798.js";import{i as v}from"./p-8c23d1b8.js";const f=s.gql`
+  query {
+    viewer {
+      ... on User {
+        id
+        accountId
+        firstName
+        lastName
+        email
+        countryCode
+      }
+    }
+  }
+`,h=s.gql`
+  mutation (
+    $id: String!
+    $accountId: String!
+    $firstName: String!
+    $lastName: String!
+  ) {
+    upsertUser(
+      userInput: {
+        id: $id
+        accountId: $accountId
+        firstName: $firstName
+        lastName: $lastName
+      }
+    ) {
+      firstName
+      lastName
+    }
+  }
+`,p={country:"",email:"",firstName:"",lastName:"",errors:{},error:""},b=class{constructor(e){t(this,e),this.ignored=!0,this.firstnametext="First Name",this.lastnametext="Last Name",this.emailtext="Email",this.countrytext="Country",this.editProfileHeader="Edit your profile",this.editProfileSubHeader="Personal Information",this.submitChangeButtonText="Submit Changes",this.hideCountry=!1,this.networkRequestMessage="An error occurred while loading this page. Please refresh the page.",this.fieldEmptyText="Field is required",this.formErrorText="Please correct the errors below to update your profile.",this.submissionSuccessText="Your profile has been successfully updated.",o(this)}disconnectedCallback(){}render(){const t=u()?function(t){return d({states:{success:!1,loading:!1,submitDisabled:!1,showCountry:!t.hideCountry,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"CA"},text:{firstnametext:t.firstnametext,lastnametext:t.lastnametext,emailtext:t.emailtext,countrytext:t.countrytext,editProfileHeader:t.editProfileHeader,editProfileSubHeader:t.editProfileSubHeader,submitChangeButtonText:t.submitChangeButtonText,submissionSuccessText:t.submissionSuccessText,fieldEmptyText:t.fieldEmptyText},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:t=>console.log(t),onChange:t=>console.log(t)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(m(this)):function(t){const e=a(),[o,s]=r(!1),[u,d]=r(void 0),[m,c]=r(p),b=l(f,{},!(null==e?void 0:e.jwt)),[N,g]=n(h);return i((()=>{(null==g?void 0:g.loading)||((null==g?void 0:g.errors)?c((t=>{var e,r,i;return{...t,error:null===(i=null===(r=null===(e=null==g?void 0:g.errors)||void 0===e?void 0:e.response)||void 0===r?void 0:r.errors)||void 0===i?void 0:i[0].message}})):(d((t=>{var e;return{...t,...null===(e=null==g?void 0:g.data)||void 0===e?void 0:e.upsertUser}})),(null==g?void 0:g.data)&&s(!0)))}),[null==g?void 0:g.loading]),i((()=>{var t,e;d((t=>{var e;return{...t,...null===(e=null==b?void 0:b.data)||void 0===e?void 0:e.viewer}})),c({...p,...null===(t=b.data)||void 0===t?void 0:t.viewer,...null===(e=g.data)||void 0===e?void 0:e.upsertUser})}),[null==b?void 0:b.data]),i((()=>{var e,r;(null===(e=null==g?void 0:g.errors)||void 0===e?void 0:e.message)&&c({...null===(r=b.data)||void 0===r?void 0:r.viewer,error:t.networkRequestMessage})}),[null==g?void 0:g.errors]),{states:{success:o,loading:(null==b?void 0:b.loading)||g.loading,submitDisabled:!1,showCountry:!t.hideCountry,formState:m,user:u,text:{firstnametext:t.firstnametext,lastnametext:t.lastnametext,countrytext:t.countrytext,emailtext:t.emailtext,editProfileHeader:t.editProfileHeader,editProfileSubHeader:t.editProfileSubHeader,submitChangeButtonText:t.submitChangeButtonText}},callbacks:{onSubmit:()=>{if(s(!1),m.firstName&&m.lastName)return N({id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,firstName:m.firstName,lastName:m.lastName}),void c((t=>({...t,errors:{},error:""})));const r={};m.firstName||(r.firstName={message:t.fieldEmptyText}),m.lastName||(r.lastName={message:t.fieldEmptyText}),v(r)||c((e=>({...e,error:t.formErrorText}))),c((t=>({...t,errors:r})))},onChange:t=>{const{name:e,value:r}=t.target;c((t=>({...t,[e]:r})))}}}}(m(this));return e(c,Object.assign({},t))}};export{b as sqm_portal_profile}

package/dist/types/components/sqm-asset-card/AssetCard.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: () => any;
+export declare const CardWithLongText: () => any;
+export declare const CardWithNoImg: () => any;

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

@@ -0,0 +1,8 @@
+export interface AssetCardViewProps {
+  text: {
+    titleText: string;
+  };
+  imgUrl: string;
+  callbacks: {};
+}
+export declare const AssetCardView: (props: AssetCardViewProps) => any;

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

@@ -0,0 +1,24 @@
+import { DemoData } from "../../global/demo";
+import { AssetCardViewProps } from "./sqm-asset-card-view";
+/**
+ * @uiName Asset Card
+ */
+export declare class AssetCard {
+  /**
+   * @uiName Banner title
+   */
+  titleText: string;
+  /**
+   * @uiName Banner image
+   */
+  imgUrl: string;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<AssetCardViewProps>;
+  ignored: boolean;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-asset-card/useAssetCard.d.ts

@@ -0,0 +1,7 @@
+export declare const useAssetCard: (_props: any) => {
+  text: {
+    titleText: string;
+  };
+  imgUrl: any;
+  callbacks: {};
+};

package/dist/types/components/sqm-big-stat/BigStat.stories.d.ts

@@ -13,6 +13,4 @@ export declare const FlexReverseRight: () => any;
 export declare const FlexReverseLeft: () => any;
 export declare const NoStatValue: () => any;
 export declare const InvalidStatValue: () => any;
-export declare const CustomStyles: () => any;
 export declare const MultipleStats: () => any;
-export declare const MultipleStatsWithCustomBranding: () => any;

package/dist/types/components/sqm-big-stat/sqm-big-stat-view.d.ts

@@ -6,10 +6,5 @@ export interface BigStatViewProps {
   flexReverse?: boolean;
   alignment?: "left" | "right" | "center";
   labelSlot?: VNode;
-  statTextColor?: string;
-  statFontSize?: number;
-  descriptionTextColor?: string;
-  descriptionFontSize?: number;
-  statFontWeight?: number;
 }
 export declare function BigStatView(props: BigStatViewProps): any;

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

@@ -1,18 +1,14 @@
-import { DemoData } from "../../global/demo";
 import { BigStatViewProps } from "./sqm-big-stat-view";
+import { DemoData } from "../../global/demo";
 /**
  *
  * @uiName User Stat
- * @validParents ["sqm-stat-container"]
- * @validChildren ["p","div","h1","h2","h3","h4","h5","span"]
  * @slots [{"name":"","title":"Stat Text"}]
- * @uiOrder ["statType", "programId", "*"]
  * @slotEditor richText
  * @exampleGroup Statistics
  * @example Points Balance - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/value/global"><p>Points Balance</p></sqm-big-stat>
  * @example GiftCards Earned - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE/global"><p>Giftcards Earned</p></sqm-big-stat>
  * @example Referrals - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount"><p>Referrals</p></sqm-big-stat>
- * @example Other Stat - <sqm-big-stat flex-reverse="true" alignment="left" stat-type=""><p>Label</p></sqm-big-stat>
  */
 export declare class BigStat {
   /**
@@ -29,7 +25,6 @@ export declare class BigStat {
    *
    * @uiName Flex reverse
    * @default
-   * @uiGroup Additional Settings
    */
   flexReverse?: boolean;
   /**
@@ -39,7 +34,6 @@ export declare class BigStat {
    * @uiType string
    * @uiEnum ["left", "right", "center"]
    * @uiEnumNames ["Left", "Right", "Center"]
-   * @uiGroup Additional Settings
    */
   alignment?: "left" | "right" | "center";
   /**
@@ -47,48 +41,8 @@ export declare class BigStat {
    *
    * @uiName Program ID
    * @uiWidget programSelector
-   * @uiGroup Additional Settings
    */
   programId?: string;
-  /**
-   * Color of the stat text
-   * @uiName Stat text color
-   * @uiWidget color
-   * @uiType string
-   * @format color
-   * @uiGroup Additional Settings
-   */
-  statTextColor?: string;
-  /**
-   * Font size of the stat text in pixels
-   * @uiName Stat font size
-   * @uiType string
-   * @uiGroup Additional Settings
-   */
-  statFontSize?: number;
-  /**
-   * Font weight of the stat text
-   * @uiName Stat font weight
-   * @uiGroup Additional Settings
-   * @uiEnum [100, 200, 300, 400, 500, 600, 700, 800, 900]
-   * @uiEnumNames ["Thin", "Extra Light", "Light", "Normal", "Medium", "Semi Bold", "Bold", "Extra Bold", "Heavy"]
-   */
-  statFontWeight?: number;
-  /**
-   * Color of the description text
-   * @uiName Description text color
-   * @uiWidget color
-   * @uiType string
-   * @format color
-   * @uiGroup Additional Settings
-   */
-  descriptionTextColor?: string;
-  /**
-   * Font size of the description text in pixels
-   * @uiName Description font size
-   * @uiGroup Additional Settings
-   */
-  descriptionFontSize?: number;
   /**
    * @undocumented
    * @uiType object

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

@@ -1,8 +1,6 @@
 /**
  * @uiName Card Feed
  * @slots [{"name":"","title":"Cards"}]
- * @validParents ["sqm-brand","sqm-portal-container", "sqm-popup-container", "sqm-titled-section", "div", "sqm-divided-layout", "template", "sqb-program-section", "sqb-conditional-section"]
- * @validChildren ["sqm-task-card"]
  * @exampleGroup Rewards
  * @example Task Card Feed - <sqm-card-feed gap="24" width="347"> <sqm-task-card reward-amount="20" goal="1" card-title="Complete a Survey" description="Fill out our NPS survey and get 20 points for giving us honest feedback." button-text="Take survey" reward-unit="Points" 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" starts-on-message="Starts {startDate}" > </sqm-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" reward-unit="Points" starts-on-message="Starts {startDate}" > </sqm-task-card> <sqm-task-card goal="1" reward-amount="50" card-title="Follow Us on X" description="Earn 50 points when you Follow Us on X!" 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> <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> </sqm-card-feed>
  */

package/dist/types/components/sqm-coupon-code/CouponCode.stories.d.ts

@@ -6,7 +6,6 @@ declare const _default: {
 };
 export default _default;
 export declare const CouponCode: () => any;
-export declare const CouponCodeWithSecondaryButtonType: () => any;
 export declare const CustomTooltipText: () => any;
 export declare const CustomTooltipDuration: () => any;
 export declare const TextAlignCenter: () => any;

package/dist/types/components/sqm-coupon-code/sqm-coupon-code-view.d.ts

@@ -2,7 +2,5 @@ import { CopyTextViewProps } from "../views/copy-text-view";
 export interface CouponCodeViewProps extends CopyTextViewProps {
   errorType?: "error" | "warning" | "info" | "success";
   couponCodeLabel?: string;
-  textColor?: string;
-  buttonType: "primary" | "secondary";
 }
 export declare function CouponCodeView(props: CouponCodeViewProps): any;

package/dist/types/components/sqm-coupon-code/sqm-coupon-code.d.ts

@@ -2,7 +2,6 @@ import { DemoData } from "../../global/demo";
 import { CouponCodeViewProps } from "./sqm-coupon-code-view";
 /**
  * @uiName Coupon Code
- * @validParents ["sqm-brand","sqm-portal-container","div","sqm-popup-container","sqm-hero","sqm-referral-card","sqm-titled-section", "sqb-program-section", "sqb-conditional-section"]
  * @compatibility Built for instant access
  * @exampleGroup Instant Access
  * @example Coupon Code - <sqm-coupon-code tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-coupon-code>
@@ -32,7 +31,6 @@ export declare class CouponCode {
    * @uiType string
    * @uiEnum ["left", "center", "right"]
    * @uiEnumNames ["Left", "Center", "Right"]
-   * @uiGroup Style
    */
   textAlign?: "left" | "center" | "right";
   /**
@@ -46,7 +44,6 @@ export declare class CouponCode {
    * @uiType string
    * @uiEnum ["icon", "button-outside", "button-below"]
    * @uiEnumNames ["Icon", "Button outside", "Button below"]
-   * @uiGroup Style
    */
   buttonStyle?: "icon" | "button-outside" | "button-below";
   /**
@@ -93,6 +90,22 @@ export declare class CouponCode {
    * @uiGroup Coupon code error
    */
   pendingErrorText: string;
+  /**
+   * Display this message when the code fails to load before retrying.
+   *
+   * @uiWidget textArea
+   * @uiName Code sync error retry message
+   * @uiGroup Coupon code error
+   */
+  codeSyncErrorRetryText: string;
+  /**
+   * Display this message when the code fails to load after retrying.
+   *
+   * @uiWidget textArea
+   * @uiName Code sync error message
+   * @uiGroup Coupon code error
+   */
+  codeSyncErrorText: string;
   /**
    * Display this message when the code fails to load due to an unspecified error.
    *
@@ -108,46 +121,6 @@ export declare class CouponCode {
    * @uiGroup Coupon code error
    */
   couponCodePlaceholder: string;
-  /**
-   * Border color of share link container
-   * @uiName Border color
-   * @uiWidget color
-   * @format color
-   * @uiGroup Style
-   */
-  borderColor?: string;
-  /**
-   * Color of the text and copy icon
-   * @uiName Text color
-   * @uiWidget color
-   * @format color
-   * @uiGroup Style
-   */
-  textColor?: string;
-  /**
-   * The border radius on the share link container (in pixels)
-   * @uiName Border Radius
-   * @uiType number
-   * @uiGroup Style
-   */
-  borderRadius?: string;
-  /**
-   * The type of the button (primary or secondary) that will be used to copy the link.
-   * @uiName Button Type
-   * @uiType string
-   * @uiEnum ["primary", "secondary"]
-   * @uiEnumNames ["Primary", "Secondary"]
-   * @uiGroup Style
-   */
-  buttonType?: "primary" | "secondary";
-  /**
-   * Background color of share link container
-   * @uiName Background color
-   * @uiWidget color
-   * @format color
-   * @uiGroup Style
-   */
-  backgroundColor?: string;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-coupon-code/useCouponCode.d.ts

@@ -9,8 +9,9 @@ interface CouponCodeProps {
   pendingErrorText: string;
   redeemedErrorText: string;
   genericErrorText: string;
-  buttonType?: "primary" | "secondary";
+  codeSyncErrorText: string;
+  codeSyncErrorRetryText: string;
 }
-export declare type RewardStatusType = "AVAILABLE" | "EXPIRED" | "REDEEMED" | "CANCELLED" | "PENDING" | "EMPTY_TANK" | "ERROR";
+export declare type RewardStatusType = "AVAILABLE" | "EXPIRED" | "REDEEMED" | "CANCELLED" | "PENDING" | "EMPTY_TANK" | "ERROR" | "ERROR_SYNCING_FUEL_TANK_CODE";
 export declare function useCouponCode(props: CouponCodeProps): CouponCodeViewProps;
 export {};

package/dist/types/components/sqm-divided-layout/sqm-divided-layout-view.d.ts

@@ -2,10 +2,7 @@ import { VNode } from "../../stencil-public-runtime";
 interface DividedLayoutViewProps {
   direction: "row" | "column";
   contentAreaWidth?: string | null;
-  dividerStyle?: string;
-  backgroundColor?: string;
-  borderless?: boolean;
-  borderColor?: string;
+  dividerStyle: string;
 }
 export declare function DividedLayoutView(props: DividedLayoutViewProps, children: VNode): any;
 export {};

package/dist/types/components/sqm-divided-layout/sqm-divided-layout.d.ts

@@ -3,8 +3,6 @@
  * Spacing is left up to the child
  *
  * @uiName Divided Layout
- * @validParents ["sqm-brand","sqm-portal-container","div","sqm-popup-container","sqm-hero","sqm-referral-card","sqm-titled-section","sqb-program-section","sqb-conditional-section", "sqm-divided-layout"]
- * @exampleGroup Layout
  * @slots [{"name":"", "title":"Layout Content"}]
  */
 export declare class DividedLayout {
@@ -22,23 +20,10 @@ export declare class DividedLayout {
    */
   contentAreaWidth: string | null;
   /**
-   * @undocumented
    * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
    * @uiName Border style
    */
   dividerStyle: string;
-  /**
-   * Background color of the divider
-   * @uiName Divider Background Color
-   * @uiWidget color
-   */
-  backgroundColor?: string;
-  /**
-   * Color of the divider (defaults to default text color if none is set)
-   * @uiName Divider Background Color
-   * @uiWidget color
-   */
-  borderColor?: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-form-message/FormMessage.stories.d.ts

@@ -6,3 +6,4 @@ export declare const SuccessAlert: () => any;
 export declare const ErrorAlert: () => any;
 export declare const WarningAlert: () => any;
 export declare const InfoAlert: () => any;
+export declare const FullStackSuccess: () => any;

package/dist/types/components/sqm-header-logo/sqm-header-logo.d.ts

@@ -1,6 +1,5 @@
 /**
  * @uiName Header Logo
- * @validParents ["sqm-portal-frame","div","sqm-brand"]
  */
 export declare class HeroImage {
   /**

package/dist/types/components/sqm-hero/Hero.stories.d.ts

@@ -16,4 +16,3 @@ export declare const TwoColumnLoginNoPadding: () => any;
 export declare const TwoColumnLoginReverseWrap: () => any;
 export declare const TwoColumnLoginWithImgElement: () => any;
 export declare const MinHeight: () => any;
-export declare const InstantAccessLoggedOutView: () => any;

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

@@ -7,7 +7,6 @@ export interface HeroProps {
     secondaryBackground?: string;
     paddingSize: "none" | "small" | "medium" | "large";
     wrapDirection: "wrap" | "wrap-reverse";
-    columnToHideInMobile?: "primary" | "secondary" | null;
   };
   content: {
     primaryColumn?: VNode | VNode[];

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

@@ -1,6 +1,5 @@
 /**
  * @uiName Hero Layout
- * @validParents ["sqm-portal-container","sqm-brand","div", "template", "sqb-auth-template-switch", "div","sqm-divided-layout","template","sqm-tab","sqb-program-section","sqb-conditional-section"]
  * @slots [{"name":"","title":"Primary Column Content"},{"name":"secondary-column","title":"Secondary Column Content"}]
  * @example Two Column Hero Layout - <sqm-hero background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1939&amp;q=80" min-height="0" columns="2" padding-size="large" wrap-direction="wrap" secondary-background="lightgrey"><h1>Primary Column Content</h1><h1 slot="secondary-column">Secondary Column Content</h1></sqm-hero>
  * @exampleGroup Layout
@@ -20,7 +19,7 @@ export declare class Hero {
    */
   minHeight: number;
   /**
-   * Add an image or select a color. Recommended image aspect ratio of 4:5
+   * Can be an image url, colour or Shoelace variable.
    *
    * @uiName Background
    * @uiWidget Background
@@ -47,10 +46,6 @@ export declare class Hero {
    * @uiEnumNames ["Wrap", "Wrap Reverse"]
    */
   wrapDirection: "wrap" | "wrap-reverse";
-  /**
-   * @uiName Hide the column in mobile view (can only be used when two columns are present)
-   */
-  columnToHideInMobile?: "primary" | "secondary" | null;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-hero-image/sqm-hero-image-view.d.ts

@@ -17,6 +17,5 @@ export interface HeroImageViewProps {
   paddingImage?: Spacing;
   imagePos: "left" | "center" | "right";
   imageMobilePos: "top" | "bottom";
-  buttonType?: "primary" | "secondary";
 }
 export declare function HeroImageView(props: HeroImageViewProps, children: VNode): any;

package/dist/types/components/sqm-hero-image/sqm-hero-image.d.ts

@@ -1,7 +1,6 @@
 import { Spacing } from "../../global/mixins";
 /**
  * @uiName Hero Image
- * @validParents ["sqm-portal-container","sqm-brand", "div"]
  * @exampleGroup Common Components
  * @example Two Column Hero Image - <sqm-hero-image image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png" header="MyCompany Rewards" description="Refer a friend and earn up to $1200 in rewards" layout="columns" image-pos="right" background-color="#F9F9F9"></sqm-hero-image>
  * @example Overlay Hero Image - <sqm-hero-image image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png" header="MyCompany Rewards" description="Refer a friend and earn up to $1200 in rewards" layout="overlay" image-pos="center" background-color="#F9F9F9" button-link="https://www.example.com" button-new-tab button-text="Earn!" image-percentage="45" overlay-opacity=".5" padding-image="small" padding-text="xxxx-large"></sqm-hero-image>
@@ -17,26 +16,22 @@ export declare class HeroImage {
    * @uiName Overlay color
    * @uiWidget color
    * @format color
-   * @uiGroup Style
    */
   overlayColor?: string;
   /**
    * @uiName Overlay opacity
-   * @uiGroup Style
    */
   overlayOpacity: string;
   /**
    * @uiName Text color
    * @uiWidget color
    * @format color
-   * @uiGroup Style
    */
   textColor?: string;
   /**
    * @uiName Background color
    * @uiWidget color
    * @format color
-   * @uiGroup Style
    */
   backgroundColor?: string;
   /**
@@ -44,13 +39,11 @@ export declare class HeroImage {
    * @uiType string
    * @uiEnum ["overlay", "columns"]
    * @uiEnumNames ["Overlay", "Two-column"]
-   * @uiGroup Style
    */
   layout: "overlay" | "columns";
   /**
    * @uiName Image percentage
    * @uiType number
-   * @uiGroup Style
    */
   imagePercentage: number;
   /**
@@ -58,7 +51,6 @@ export declare class HeroImage {
    * @uiType string
    * @uiEnum ["left", "center", "right"]
    * @uiEnumNames ["Left", "Center", "Right"]
-   * @uiGroup Style
    */
   imagePos: "left" | "center" | "right";
   /**
@@ -66,7 +58,6 @@ export declare class HeroImage {
    * @uiType string
    * @uiEnum ["top", "bottom"]
    * @uiEnumNames ["Top", "Bottom"]
-   * @uiGroup Style
    */
   imageMobilePos: "top" | "bottom";
   /**
@@ -96,7 +87,6 @@ export declare class HeroImage {
    * @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"]
-   * @uiGroup Style
    */
   paddingText: Spacing;
   /**
@@ -104,18 +94,8 @@ export declare class HeroImage {
    * @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"]
-   * @uiGroup Style
    */
   paddingImage: Spacing;
-  /**
-   * The type of the button that is used (primary or secondary).
-   * @uiName Button Type
-   * @uiType string
-   * @uiEnum ["primary", "secondary"]
-   * @uiEnumNames ["Primary", "Secondary"]
-   * @uiGroup Style
-   */
-  buttonType?: "primary" | "secondary";
   constructor();
   disconnectedCallback(): void;
   render(): any;

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

@@ -1,6 +1,5 @@
 /**
  * @uiName Image
- * @validParents ["sqm-brand","div","sqm-portal-container","sqm-divided-layout","sqm-titled-section", "sqb-program-section", "sqb-conditional-section"]
  * @exampleGroup Common Components
  * @example Image - <sqm-image image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000259/squatch-assets/tn47wOj.png" alignment="center"></sqm-image>
  */

package/dist/types/components/sqm-instant-access-registration/sqm-instant-access-registration.d.ts

@@ -2,10 +2,9 @@ import { DemoData } from "../../global/demo";
 import { EmailRegistrationViewProps } from "../views/email-registration-view";
 /**
  * @uiName Instant Access Registration
- * @validParents ["sqm-portal-container","div","sqm-hero","template", "sqb-program-section", "sqb-conditional-section"]
  * @compatibility Built for instant access
  * @exampleGroup Instant Access
- * @example Advocate Registration - <sqm-instant-access-registration></sqm-instant-access-registration>
+ * @example Instant Access Registration - <sqm-instant-access-registration></sqm-instant-access-registration>
  * @slots [{"name":"top","title":"Top Content"},{"name":"bottom","title":"Bottom Content"}]
  */
 export declare class InstantAccessRegistration {

package/dist/types/components/sqm-invoice-table/columns/InvoiceTableColumn.d.ts

@@ -1,5 +1,4 @@
 import { VNode } from "../../../stencil-public-runtime";
-import { ImpactConnection, Invoice } from "../../../saasquatch";
 export interface InvoiceTableColumn {
   renderLabel(idx?: number): Promise<string>;
   renderCell(data: Invoice, options: {

package/dist/types/components/sqm-invoice-table/columns/sqm-invoice-table-data-column.d.ts

@@ -1,4 +1,3 @@
-import { Invoice } from "../../../saasquatch";
 import { InvoiceTableColumn } from "./InvoiceTableColumn";
 /**
  * @uiName Invoice Table Data Column

package/dist/types/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.d.ts

@@ -1,4 +1,3 @@
-import { Invoice } from "../../../saasquatch";
 import { InvoiceTableColumn } from "./InvoiceTableColumn";
 /**
  * @uiName Invoice Table Date Column

package/dist/types/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.d.ts

@@ -1,4 +1,3 @@
-import { Invoice } from "../../../saasquatch";
 import { InvoiceTableColumn } from "./InvoiceTableColumn";
 /**
  * @uiName Invoice Table Download Column

package/dist/types/components/sqm-invoice-table/mockInvoiceData.d.ts

@@ -1,4 +1,3 @@
-import { Invoice } from "../../saasquatch";
 declare const _default: (count?: number) => {
   data: Invoice[];
 };

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

@@ -1,11 +1,8 @@
 import { DemoData } from "../../global/demo";
-import { Invoice } from "../../saasquatch";
 import { GenericTableViewProps } from "../../tables/GenericTableView";
 /**
  * @uiName Invoice Table
  * @exampleGroup Invoices
- * @validParents ["sqm-portal-container","div","sqm-divided-layout","template","sqm-tab","sqb-program-section","sqb-conditional-section"]
- * @validChildren ["p","div","h1","h2","h3","h4","h5","span"]
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
  * @example Invoice Table - <sqm-invoice-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" ><sqm-invoice-table-download-column></sqm-invoice-table-download-column><sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column><sqm-invoice-table-data-column column-title="Invoice" property="invoiceId"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings" property="earnings"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Indirect tax" property="indirectTax"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings after tax" property="netEarnings"></sqm-invoice-table-data-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png" empty-state-header="View your invoice details" empty-state-text="Refer a friend to view the status of your invoices and rewards earned" slot="empty" ></sqm-empty ></sqm-invoice-table> */
 export declare class InvoiceTable {

package/dist/types/components/sqm-lead-form/LeadCheckboxField.stories.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const CustomLabel: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const Error: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const CustomError: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

package/dist/types/components/sqm-lead-form/LeadForm.stories.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: () => any;
+export declare const LeadSubmitSuccess: () => any;
+export declare const LeadSubmitWithError: () => any;
+export declare const LeadSubmitLoading: () => any;
+export declare const FieldsHidden: () => any;
+export declare const SlottedInputs: () => any;