@saasquatch/mint-components 1.15.0-16 → 1.15.0-161

package/dist/types/components/sqm-reward-exchange-list/sqm-reward-exchange-list.d.ts

@@ -1,5 +1,5 @@
-import { RewardExchangeViewProps } from "./sqm-reward-exchange-list-view";
 import { DemoData } from "../../global/demo";
+import { RewardExchangeViewProps } from "./sqm-reward-exchange-list-view";
 /**
  * @uiName Reward Exchange
  * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-tab","sqb-program-section","sqb-conditional-section"]
@@ -140,6 +140,13 @@ export declare class SqmRewardExchangeList {
    * @uiName Cost row title
    */
   costTitle: string;
+  /**
+   * @componentState { "title": "Choose reward", "props": { "states": { "redeemStage": "chooseReward" } }, "dependencies": ["sqm-reward-exchange-list"] }
+   * @componentState { "title": "Reward details", "props": { "states": { "redeemStage": "chooseAmount" } }, "dependencies": ["sqm-reward-exchange-list"] }
+   * @componentState { "title": "Confirm exchange", "props": { "states": { "redeemStage": "confirmation" } }, "dependencies": ["sqm-reward-exchange-list"] }
+   * @componentState { "title": "Exchange successful", "props": { "states": { "redeemStage": "success" } }, "dependencies": ["sqm-reward-exchange-list"] }
+   */
+  stateController: string;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-reward-exchange-list/useRewardExchangeList.d.ts

@@ -75,6 +75,7 @@ export interface RewardExchangeProps {
   rewardRedeemedText: string;
   costTitle: string;
   empty: VNode;
+  stateController: string;
   demoData?: object;
 }
 export declare type Stages = "" | "chooseReward" | "chooseAmount" | "confirmation";

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

@@ -1,3 +1,4 @@
+import { Reward } from "../../../saasquatch";
 export declare class RewardTableRewardsCell {
   reward: Reward;
   redeemedText: string;

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

@@ -1,3 +1,4 @@
+import { Reward } from "../../../saasquatch";
 export declare class RewardTableSourceCell {
   reward: Reward;
   deletedUserText: string;

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

@@ -1,3 +1,4 @@
+import { ImpactConnection, Reward } from "../../../saasquatch";
 export declare class RewardTableStatusCell {
   statusText: string;
   reward: Reward;

package/dist/types/components/sqm-rewards-table/columns/RewardTableColumn.d.ts

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

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

@@ -1,9 +1,10 @@
+import { Reward } from "../../../saasquatch";
 import { RewardTableColumn } from "./RewardTableColumn";
 /**
  * @uiName Reward Table Date Column
  * @validParents ["sqm-rewards-table"]
  * @exampleGroup Rewards
- * @example Reward Table Date Column - <sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven"></sqm-rewards-table-date-column>
+ * @example Date Column - <sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven"></sqm-rewards-table-date-column>
  */
 export declare class RewardTableDateColumn implements RewardTableColumn {
   /**

package/dist/types/components/sqm-rewards-table/columns/sqm-rewards-table-note-column.d.ts

@@ -1,9 +1,10 @@
+import { Reward } from "../../../saasquatch";
 import { RewardTableColumn } from "./RewardTableColumn";
 /**
  * @uiName Reward Table Customer Note Column
  * @validParents ["sqm-rewards-table"]
  * @exampleGroup Rewards
- * @example Reward Table Customer Note Column - <sqm-rewards-table-customer-note-column column-title="Note"></sqm-rewards-table-customer-note-column>
+ * @example Customer Note Column - <sqm-rewards-table-customer-note-column column-title="Note"></sqm-rewards-table-customer-note-column>
  */
 export declare class RewardTableCustomerNoteColumn implements RewardTableColumn {
   /**

package/dist/types/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.d.ts

@@ -1,9 +1,10 @@
+import { Reward } from "../../../saasquatch";
 import { RewardTableColumn } from "./RewardTableColumn";
 /**
  * @uiName Rewards Table Reward Column
  * @validParents ["sqm-rewards-table"]
  * @exampleGroup Rewards
- * @example Rewards Table Reward Column - <sqm-rewards-table-reward-column column-title="Reward" redeemed-text="{redeemedAmount} redeemed" available-text="{availableAmount} remaining" copy-text="Copied!"></sqm-rewards-table-reward-column>
+ * @example Reward Column - <sqm-rewards-table-reward-column column-title="Reward" redeemed-text="{redeemedAmount} redeemed" available-text="{availableAmount} remaining" copy-text="Copied!"></sqm-rewards-table-reward-column>
  */
 export declare class RewardsTableColumn implements RewardTableColumn {
   /**

package/dist/types/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.d.ts

@@ -1,9 +1,10 @@
+import { Reward } from "../../../saasquatch";
 import { RewardTableColumn } from "./RewardTableColumn";
 /**
  * @uiName Reward Table Source Column
  * @validParents ["sqm-rewards-table"]
  * @exampleGroup Rewards
- * @example Reward Table Source Column - <sqm-rewards-table-source-column column-title="Source" anonymous-user="Anonymous User" deleted-user="Deleted User" reward-exchange-text="Reward Exchange" referral-rext="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"></sqm-rewards-table-source-column>
+ * @example Source Column - <sqm-rewards-table-source-column column-title="Source" anonymous-user="Anonymous User" deleted-user="Deleted User" reward-exchange-text="Reward Exchange" referral-rext="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"></sqm-rewards-table-source-column>
  */
 export declare class RewardTableUserColumn implements RewardTableColumn {
   /**

package/dist/types/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.d.ts

@@ -1,9 +1,10 @@
+import { ImpactConnection, Reward } from "../../../saasquatch";
 import { RewardTableColumn } from "./RewardTableColumn";
 /**
  * @uiName Reward Table Status Column
  * @validParents ["sqm-rewards-table"]
  * @exampleGroup Rewards
- * @example Reward Table Status Column - <sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error" pending-review-text="Awaiting review" denied-text="Detected self-referral" pending-tax-review="Awaiting tax form review." pending-new-tax-form="Invalid tax form. Submit a new form to receive your rewards." pending-tax-submission="Submit your tax documents to receive your rewards." pending-partner-creation="Complete your tax and cash payout setup to receive your rewards." payout-failed="Payout failed due to a fulfillment issue and is current being retried." payout-cancelled="If you think this is a mistake, contact our Support team." payout-approved="Reward approved for payout and was scheduled for payment based on your settings." ></sqm-rewards-table-status-column>
+ * @example Status Column - <sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error" pending-review-text="Awaiting review" denied-text="Detected self-referral" pending-tax-review="Awaiting tax form review." pending-new-tax-form="Invalid tax form. Submit a new form to receive your rewards." pending-tax-submission="Submit your tax documents to receive your rewards." pending-partner-creation="Complete your tax and cash payout setup to receive your rewards." payout-failed="Payout failed due to a fulfillment issue and is current being retried." payout-cancelled="If you think this is a mistake, contact our Support team." payout-approved="Reward approved for payout and was scheduled for payment based on your settings." ></sqm-rewards-table-status-column>
  */
 export declare class RewardTableStatusColumn implements RewardTableColumn {
   /**

package/dist/types/components/sqm-rewards-table/mockRewardData.d.ts

@@ -1,4 +1,5 @@
 import { DateTime } from "luxon";
+import { Reward } from "../../saasquatch";
 declare const _default: (count?: number, status?: any) => {
   data: Reward[];
 };

package/dist/types/components/sqm-rewards-table/mockTaxData.d.ts

@@ -1,2 +1,3 @@
+import { ImpactConnection } from "../../saasquatch";
 declare const _default: () => ImpactConnection;
 export default _default;

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

@@ -1,5 +1,6 @@
 import { DemoData } from "../../global/demo";
 import { GenericTableViewProps } from "../../tables/GenericTableView";
+import { Referral } from "../../saasquatch";
 /**
  * @uiName Reward Table
  * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-tab","sqb-program-section","sqb-conditional-section"]

package/dist/types/components/sqm-rewards-table/useRewardsTable.d.ts

@@ -1,6 +1,6 @@
 import { VNode } from "../../stencil-public-runtime";
-import { RewardsTable } from "./sqm-rewards-table";
 import { GenericTableViewProps } from "../../tables/GenericTableView";
+import { RewardsTable } from "./sqm-rewards-table";
 export declare const CSS_NAMESPACE = "sqm-rewards-table";
 export declare function useRewardsTable(props: RewardsTable, emptyElement: VNode, loadingElement: VNode): GenericTableViewProps;
 export declare function tryMethod(c: HTMLElement, callback: () => Promise<string>): Promise<string | VNode>;

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

@@ -6,14 +6,6 @@
  */
 export declare class Scroll {
   ignored: boolean;
-  /**
-   * @uiName Button type
-   * @uiType string
-   * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
-   * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
-
-   */
-  buttonType: "default" | "primary" | "success" | "neutral" | "warning" | "danger" | "text";
   /**
    * @uiName Button text
    */

package/dist/types/components/sqm-share-button/sqm-share-button.d.ts

@@ -10,12 +10,12 @@ import { DemoData } from "../../global/demo";
  * @example Facebook Share Button - <sqm-share-button medium="facebook">Share on Facebook</sqm-share-button>
  * @example X Share Button - <sqm-share-button medium="twitter">Share via X</sqm-share-button>
  * @example Email Share Button - <sqm-share-button medium="email">Share via Email</sqm-share-button>
- * @example Web Share Sheet Share Button - <sqm-share-button medium="direct">Share</sqm-share-button>
+ * @example Mobile Share Sheet Button - <sqm-share-button medium="direct">Share</sqm-share-button>
  * @example LinkedIn Share Button - <sqm-share-button medium="linkedin">Share on LinkedIn</sqm-share-button>
  * @example SMS Share Button - <sqm-share-button medium="sms">Text a friend</sqm-share-button>
- * @example Facebook Messenger Share Button - <sqm-share-button medium="fbmessenger">Share via Messenger</sqm-share-button>
+ * @example Messenger Share Button - <sqm-share-button medium="fbmessenger">Share via Messenger</sqm-share-button>
  * @example WhatsApp Share Button - <sqm-share-button medium="whatsapp">Share via WhatsApp</sqm-share-button>
- * @example Line Messenger Share Button - <sqm-share-button medium="linemessenger">Share via Line Messenger</sqm-share-button>
+ * @example LINE Share Button - <sqm-share-button medium="linemessenger">Share via Line Messenger</sqm-share-button>
  * @example Pinterest Share Button - <sqm-share-button medium="pinterest">Share on Pinterest</sqm-share-button>
  */
 export declare class ShareButton {

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

@@ -2,7 +2,7 @@ import { DemoData } from "../../global/demo";
 import { CopyTextViewProps } from "../views/copy-text-view";
 /**
  * @uiName Share Code
- * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqb-program-section","sqb-conditional-section"]
+ * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqb-program-section","sqb-conditional-section", "sqm-titled-section"]
  * @exampleGroup Sharing
  * @example Share Code - <sqm-share-code tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-share-code>
  */
@@ -74,7 +74,7 @@ export declare class ShareCode {
    */
   buttonStyle?: "icon" | "button-outside" | "button-below";
   /**
-   * The type of the button (primary or secondary) that will be used to copy the link.
+   * The type of the button that is used (primary or secondary).
    * @uiName Button Type
    * @uiType string
    * @uiEnum ["primary", "secondary"]
@@ -83,7 +83,7 @@ export declare class ShareCode {
    */
   buttonType?: "primary" | "secondary";
   /**
-   * Border color of share link container (default is set to 1px solid transparent)
+   * Border color of share link container
    * @uiName Border color
    * @uiWidget color
    * @format color

package/dist/types/components/sqm-share-link/ShareLink.stories.d.ts

@@ -14,4 +14,5 @@ export declare const TextAlignRight: () => any;
 export declare const CopyButton: () => any;
 export declare const CopyButtonBelow: () => any;
 export declare const CustomStyles: () => any;
+export declare const CustomStylesWithDemoHooks: () => any;
 export declare const FullStack: () => any;

package/dist/types/components/sqm-share-link/sqm-share-link.d.ts

@@ -3,6 +3,7 @@ import { CopyTextViewProps } from "../views/copy-text-view";
 /**
  * @uiName Share Link
  * @exampleGroup Sharing
+ * @validParents ["sqm-portal-container", "sqm-titled-section", "div","sqm-hero","sqm-referral-card","sqm-instant-access-registration","sqb-program-section","sqb-conditional-section"]
  * @example Share Link - <sqm-share-link tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-share-link>
  */
 export declare class ShareLink {
@@ -48,7 +49,7 @@ export declare class ShareLink {
    */
   backgroundColor?: string;
   /**
-   * Border color of share link container (default is set to 1px solid transparent)
+   * Border color of share link container
    * @uiName Border color
    * @uiWidget color
    * @format color
@@ -71,7 +72,7 @@ export declare class ShareLink {
    */
   borderRadius?: string;
   /**
-   * The type of the button (primary or secondary) that will be used to copy the link.
+   * The type of the button that is used (primary or secondary).
    * @uiName Button Type
    * @uiType string
    * @uiEnum ["primary", "secondary"]

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

@@ -2,5 +2,8 @@ import { VNode } from "../../stencil-public-runtime";
 export interface StatContainerProps {
   space: string;
   display?: "grid" | "flex";
+  alignment?: "left" | "right" | "center";
+  hideBorder?: boolean;
+  gap?: string;
 }
 export declare function StatContainerView(props: StatContainerProps, children: VNode): any;

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

@@ -17,12 +17,35 @@ export declare class StatContainer {
    */
   space: Spacing;
   /**
+   * @undocumented
    * @uiName Display
    * @uiType string
    * @uiEnum ["grid", "flex"]
    * @uiEnumNames ["Grid", "Flex"]
    */
   display: "grid" | "flex";
+  /**
+   * Hide the seperating border between stats
+   * @uiName Hide border
+   * @uiType boolean
+   */
+  hideBorder?: boolean;
+  /**
+   * Controls the alignment of the flexbox
+   *
+   * @uiName Alignment
+   * @uiType string
+   * @uiEnum ["left", "right", "center"]
+   * @uiEnumNames ["Left", "Right", "Center"]
+   */
+  alignment?: "left" | "right" | "center";
+  /**
+   * @uiName Gap
+   * @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"]
+   */
+  gap: Spacing;
   constructor();
   disconnectedCallback(): void;
   render(): any;

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

@@ -0,0 +1,9 @@
+export declare class SqmBrandSelector {
+  selectedBrand: string;
+  constructor();
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  private brands;
+  private updateBrand;
+  render(): any;
+}

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

@@ -9,9 +9,9 @@
  *  - 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;
+import { BrandingConfiguration } from "../../saasquatch";
+export declare const Default: any;
+export declare const Netflix: BrandingConfiguration;
+export declare const Amazon: BrandingConfiguration;
+export declare const Spotify: BrandingConfiguration;
+export declare const Google: BrandingConfiguration;

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

@@ -1,6 +1,12 @@
 import { VNode } from "../../stencil-public-runtime";
 export declare const style: {
   Description: {
+    "& .icon": {
+      color: string;
+      "&:hover": {
+        color: string;
+      };
+    };
     "& input[type=checkbox]": {
       display: string;
     };

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

@@ -25,7 +25,7 @@ export declare type TaskCardViewProps = {
     textColor?: string;
     borderColor?: string;
     borderRadius?: number;
-    buttonStyle?: "primary" | "secondary";
+    buttonType?: "primary" | "secondary";
   };
   states: {
     loading: boolean;

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

@@ -5,10 +5,6 @@ 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", "*"]
  * @validParents ["sqm-card-feed"]
- * @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 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>
  */
 export declare class TaskCard {
   ignored: boolean;
@@ -197,7 +193,7 @@ export declare class TaskCard {
    * @uiEnumNames ["Primary", "Secondary"]
    * @uiGroup Style
    */
-  buttonStyle?: "primary" | "secondary";
+  buttonType?: "primary" | "secondary";
   /**
    * @undocumented
    * @uiType object

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

@@ -10,7 +10,7 @@ export declare function useTaskCard(props: TaskCard): {
       textColor: string;
       borderColor: string;
       borderRadius: number;
-      buttonStyle: "primary" | "secondary";
+      buttonType: "primary" | "secondary";
     };
   };
   callbacks: {

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

@@ -1,6 +1,6 @@
 /**
  * @uiName Text
- * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-big-stat","span","sqm-text-span","sqb-program-section","sqb-conditional-section"]
+ * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-big-stat","span","sqm-text-span","sqb-program-section","sqb-conditional-section", "sqm-titled-section"]
  * @slots [{"name":"", "title":"Text"}]
  * @slotEditor richText
  * @canvasRenderer always-replace

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

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

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

@@ -3,7 +3,7 @@
  * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-big-stat","span","sqm-text-span","sqb-program-section","sqb-conditional-section"]
  * @canvasRenderer always-replace
  */
-export declare class Text {
+export declare class TextSpan {
   ignored: boolean;
   /**
    * @uiName Text
@@ -16,6 +16,18 @@ export declare class Text {
    * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
    */
   type: "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
+  /**
+   * Font size in pixels
+   * @uiName Font Size
+   * @uiType number
+   */
+  fontSize?: number;
+  /**
+   * @uiName Text Color
+   * @uiWidget color
+   * @format color
+   */
+  textColor?: string;
   constructor();
   disconnectedCallback(): void;
   componentWillLoad(): void;

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

@@ -2,8 +2,8 @@ import { VNode } from "../../stencil-public-runtime";
 import { Spacing } from "../../global/mixins";
 /**
  * @uiName Titled Section
- * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-tab"]
- * @validChildren ["div","sqm-portal-container","p","sqm-timeline","h1","h2","h3","h5","h4","sqm-qr-code","sqm-referral-code","sqm-referral-codes","sqm-share-code","sqm-share-link","sqm-text","span"]
+ * @validParents ["sqm-portal-container","div","sqm-divided-layout","template","sqm-hero","sqm-tab", "sqm-referred-registration", "sqb-program-section","sqb-conditional-section", "sqm-instant-access-registration", "sqm-referral-card"]
+ * @validChildren ["div","sqm-portal-container","p","sqm-timeline","h1","h2","h3","h5","h4","sqm-qr-code","sqm-referral-code","sqm-referral-codes","sqm-share-code","sqm-share-link","sqm-text","span", "sqm-user-name"]
  * @slots [{"name":"label", "title":"Label"},{"name":"content", "title":"Content"}]
  * @exampleGroup Layout
  * @example Titled Section - <sqm-titled-section text-align="center" label-margin="small" padding="none"><div slot="label"><h2>Section Label</h2></div><div slot="content"><p>Add your section content here!</p></div></sqm-titled-section>

package/dist/types/components/sqm-widget-verification/sqm-widget-verification-controller.d.ts

@@ -2,10 +2,13 @@
  * @uiName Widget Verification Controller
  * @slots [{"name":"not-verified","title":"Not Verified template"},{"name":"verified","title":"Verified template"}]
  * @canvasRenderer always-replace
- * @exampleGroup Widget Verification
- * @example Widget Verification Controller - <sqm-widget-verification-controller><template slot="not-verified"><sqm-widget-verification></sqm-widget-verification></template><template slot="verified"><sqm-tax-and-cash></sqm-tax-and-cash></template></sqm-widget-verification-controller>
  */
 export declare class WidgetVerificationController {
+  /**
+   * @componentState { "title": "Verify email", "slot": "not-verified", "props": { "isAuth": false } }
+   * @componentState { "title": "Tax and cash", "slot": "verified", "props": { "isAuth": true } }
+   */
+  stateController: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-widget-verification/sqm-widget-verification.d.ts

@@ -1,7 +1,5 @@
 /**
  * @uiName Widget Verification Flow
- * @exampleGroup Widget Verification
- * @example Widget Verification Flow - <sqm-widget-verification></sqm-widget-verification>
  */
 export declare class WidgetVerification {
   /**
@@ -89,6 +87,12 @@ export declare class WidgetVerification {
    * @uiGroup Code Verification Step
    */
   codeStep_networkErrorMessage: string;
+  /**
+   * @undocumented
+   * @componentState { "title": "Step 1: Enter email", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"], "uiGroup": "Email Verification Step" }
+   * @componentState { "title": "Step 2: Enter code", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"], "uiGroup": "Code Verification Step" }
+   */
+  stateController: string;
   constructor();
   disconnectedCallback(): void;
   getStepTextProps<T extends string>(prefix: T): { [K in keyof this as K extends `${T}${infer Suffix}` ? `${Suffix}` : never]: this[K]; };

package/dist/types/components/tax-and-cash/BankingForm.stories.d.ts

@@ -25,3 +25,4 @@ export declare const BankingInfoFormWithFixedDayPaymentSchedule: () => any;
 export declare const BankingInfoFormWithFixedDayPaymentScheduleWithError: () => any;
 export declare const BankingInfoFormWithFixedDayPaymentScheduleLoading: () => any;
 export declare const BankingInfoFormVerififyIdentityModal: () => any;
+export declare const BankingInfoFormModalOpen: () => any;

package/dist/types/components/tax-and-cash/TaxForm.stories.d.ts

@@ -38,6 +38,7 @@ export declare const StepThreeDocusignWithGeneralError: () => any;
 export declare const StepThreeDocusignWithLoadingError: () => any;
 export declare const StepThreeDocusignLoading: () => any;
 export declare const StepThreeDocusignDisabled: () => any;
+export declare const StepThreeWithDocusignModalOpen: () => any;
 export declare const StepFourDefault: () => any;
 export declare const StepFourIsPartner: () => any;
 export declare const StepFourDirectToBankChecked: () => any;
@@ -66,4 +67,3 @@ export declare const TaxAndCashDashboardLoading: () => any;
 export declare const TaxAndCashDashboardWithLoadingError: () => any;
 export declare const TaxAndCashDashboardWithGeneralError: () => any;
 export declare const TaxAndCashDashboardDisabled: () => any;
-export declare const TaxAndCashTextProps: () => any;

package/dist/types/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.d.ts

@@ -48,6 +48,7 @@ export interface BankingInfoFormViewProps {
     bankCountry?: string;
     countrySearch?: string;
     email?: string;
+    showModal: boolean;
   };
   slots?: {
     verificationDialogSlot?: VNode;
@@ -68,6 +69,8 @@ export interface BankingInfoFormViewProps {
     setCurrency?: (currency: string) => void;
     setCountrySearch: (c: any) => void;
     onVerification: (token: string) => void;
+    onModalOpen: () => void;
+    onModalClose: () => void;
   };
   text: {
     formStep: string;
@@ -93,6 +96,9 @@ export interface BankingInfoFormViewProps {
     supportLink: string;
     verifyEmailHeaderText: string;
     verifyEmailDescriptionText: string;
+    modalTitle: string;
+    modalDescription: string;
+    modalButtonText: string;
     error: {
       generalTitle: string;
       generalDescription: string;

package/dist/types/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.d.ts

@@ -81,6 +81,10 @@ export declare class BankingInfoForm {
    * @uiName Beneficiary account field label
    */
   beneficiaryAccountNameLabel: string;
+  /**
+   * @uiName Beneficiary account field description
+   */
+  beneficiaryAccountNameDescription: string;
   /**
    * @uiName Bank account type field label
    */
@@ -259,6 +263,18 @@ export declare class BankingInfoForm {
    * @uiWidget textArea
    */
   loadingErrorAlertDescription: string;
+  /**
+   * @uiName Information modal title
+   */
+  modalTitle: string;
+  /**
+   * @uiName Information modal description text
+   */
+  modalDescription: string;
+  /**
+   * @uiName Information modal button text
+   */
+  modalButtonText: string;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.d.ts

@@ -1,5 +1,5 @@
 import { VNode } from "../../../stencil-public-runtime";
-import { TaxDocumentType } from "../sqm-tax-and-cash/data";
+import { TaxDocumentType } from "../data";
 import { ParticipantType } from "./useDocusignForm";
 export interface DocusignFormViewProps {
   states: {
@@ -11,6 +11,7 @@ export interface DocusignFormViewProps {
     participantTypeDisabled: boolean;
     loadingError?: boolean;
     showExitButton: boolean;
+    showModal: boolean;
     formState: {
       taxFormExpired: boolean;
       participantType: "individualParticipant" | "businessEntity" | undefined;
@@ -29,6 +30,8 @@ export interface DocusignFormViewProps {
   callbacks: {
     onExit: () => void;
     setParticipantType: (p: ParticipantType) => void;
+    onModalOpen: () => void;
+    onModalClose: () => void;
   };
   text: {
     exitButton: string;
@@ -45,6 +48,9 @@ export interface DocusignFormViewProps {
     participantType: string;
     taxAndPayoutsDescription: string;
     supportLink: string;
+    modalTitle: string;
+    modalDescription: string;
+    modalButtonText: string;
     error: {
       generalTitle: string;
       generalDescription: string;

package/dist/types/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.d.ts

@@ -113,6 +113,18 @@ export declare class DocusignForm {
    * @uiName Exit button text
    */
   exitButton: string;
+  /**
+   * @uiName Information modal title
+   */
+  modalTitle: string;
+  /**
+   * @uiName Information modal description text
+   */
+  modalDescription: string;
+  /**
+   * @uiName Information modal button text
+   */
+  modalButtonText: string;
   /**
    * @undocumented
    * @uiType object