@saasquatch/mint-components 1.5.0-0 → 1.5.0-101

package/dist/types/components.d.ts

@@ -9,6 +9,7 @@ import { DemoData } from "./global/demo";
 import { AssetCardViewProps } from "./components/sqm-asset-card/sqm-asset-card-view";
 import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { EditProfileViewProps } from "./components/sqm-edit-profile/sqm-edit-profile-view";
+import { Spacing } from "./global/mixins";
 import { FunctionalComponent } from "./stencil-public-runtime";
 import { LeaderboardViewProps } from "./components/sqm-leaderboard/sqm-leaderboard-view";
 import { LeaderboardRankViewProps } from "./components/sqm-leaderboard-rank/sqm-leaderboard-rank-view";
@@ -17,7 +18,6 @@ import { NavigationMenuViewProps } from "./components/sqm-navigation-menu/sqm-na
 import { NavigationSidebarItemViewProps } from "./components/sqm-navigation-sidebar-item/sqm-navigation-sidebar-item-view";
 import { PasswordFieldViewDemoProps } from "./components/sqm-password-field/sqm-password-field";
 import { PortalChangePasswordViewProps } from "./components/sqm-portal-change-password/sqm-portal-change-password-view";
-import { Spacing } from "./global/mixins";
 import { PortalEmailVerificationViewProps } from "./components/sqm-portal-email-verification/sqm-portal-email-verification-view";
 import { PortalForgotPasswordViewProps } from "./components/sqm-portal-forgot-password/sqm-portal-forgot-password-view";
 import { PortalFrameViewProps } from "./components/sqm-portal-frame/sqm-portal-frame-view";
@@ -27,13 +27,12 @@ import { PortalRegisterViewProps } from "./components/sqm-portal-register/sqm-po
 import { PortalResetPasswordViewProps } from "./components/sqm-portal-reset-password/sqm-portal-reset-password-view";
 import { PortalVerifyEmailViewProps } from "./components/sqm-portal-verify-email/sqm-portal-verify-email-view";
 import { ReferralIframeViewProps } from "./components/sqm-referral-iframe/sqm-referral-iframe-view";
-import { ReferralTableViewProps } from "./components/sqm-referral-table/sqm-referral-table-view";
+import { GenericTableViewProps } from "./tables/GenericTableView";
 import { ReferralDates } from "./components/sqm-referral-table/useReferralTable";
 import { RewardExchangeViewProps } from "./components/sqm-reward-exchange-list/sqm-reward-exchange-list-view";
-import { GenericTableViewProps } from "./tables/GenericTableView";
-import { Reward } from "./components/sqm-rewards-table/useRewardsTable";
 import { ShareButtonViewProps } from "./components/sqm-share-button/sqm-share-button-view";
 import { ShareLinkViewProps } from "./components/sqm-share-link/sqm-share-link-view";
+import { TaskCardViewProps } from "./components/sqm-task-card/sqm-task-card-view";
 import { UserNameViewProps } from "./components/sqm-user-name/sqm-user-name-view";
 export namespace Components {
     interface SqmAssetCard {
@@ -67,6 +66,11 @@ export namespace Components {
           * @uiName Flex Reverse - controls the order of the stat value & description column
          */
         "flexReverse"?: boolean;
+        /**
+          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
+          * @uiName Program ID
+         */
+        "programId"?: string;
         /**
           * Select what type of stat to display. Manual paths are also supported.
           * @uiWidget StatTypeSelectWidget
@@ -75,6 +79,36 @@ export namespace Components {
          */
         "statType": string;
     }
+    interface SqmBrand {
+        /**
+          * The background color for the portal
+          * @uiName Page Background Color
+          * @uiWidget color
+         */
+        "background": string;
+        /**
+          * Controls the primary brand color used in the Mint Components library. Note that this does not affect vanilla components or other component libraries.
+          * @uiName Brand Color
+          * @uiWidget color
+         */
+        "brandColor": string;
+        /**
+          * The brand font that you want to use
+          * @uiName Brand Font
+         */
+        "brandFont": string;
+    }
+    interface SqmCardFeed {
+        /**
+          * @uiName Column Gap
+          * @uiType number
+         */
+        "gap": number;
+        /**
+          * @uiName Card Width
+         */
+        "width": number;
+    }
     interface SqmDividedLayout {
         /**
           * @uiName Direction
@@ -127,6 +161,21 @@ export namespace Components {
          */
         "updatetext": string;
     }
+    interface SqmEmpty {
+        /**
+          * @uiName Empty State Title
+         */
+        "emptyStateHeader": string;
+        /**
+          * @uiWidget ImageUpload
+          * @uiName Empty State Image Link
+         */
+        "emptyStateImage": string;
+        /**
+          * @uiName Empty State Text
+         */
+        "emptyStateText": string;
+    }
     interface SqmFormMessage {
         /**
           * @uiName Icon to use in alert
@@ -165,10 +214,118 @@ export namespace Components {
          */
         "wrapDirection": "wrap" | "wrap-reverse";
     }
+    interface SqmHeroImage {
+        /**
+          * @uiName Background Color
+          * @uiWidget color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName CTA Button Link
+         */
+        "buttonLink"?: string;
+        /**
+          * @uiName CTA Button Link Open in New Tab
+         */
+        "buttonNewTab"?: boolean;
+        /**
+          * @uiName CTA Button Text
+         */
+        "buttonText"?: string;
+        /**
+          * @uiName Description Text
+         */
+        "description"?: string;
+        /**
+          * @uiName Title Text
+         */
+        "header"?: string;
+        /**
+          * @uiName Image Mobile Position
+          * @uiType string
+          * @uiEnum ["top", "bottom"]
+         */
+        "imageMobilePos": "top" | "bottom";
+        /**
+          * @uiName Image Percentage
+          * @uiType number
+         */
+        "imagePercentage": number;
+        /**
+          * @uiName Image Position
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+         */
+        "imagePos": "left" | "center" | "right";
+        /**
+          * @uiWidget ImageUpload
+          * @uiName Image Link
+         */
+        "imageUrl": string;
+        /**
+          * @uiName Image Layout
+          * @uiType string
+          * @uiEnum ["overlay", "columns"]
+         */
+        "layout": "overlay" | "columns";
+        /**
+          * @uiName Overlay Color
+          * @uiWidget color
+         */
+        "overlayColor": string;
+        /**
+          * @uiName Overlay Opacity
+         */
+        "overlayOpacity": string;
+        /**
+          * @uiName Image Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+         */
+        "paddingImage": Spacing;
+        /**
+          * @uiName Text Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+         */
+        "paddingText": Spacing;
+        /**
+          * @uiName Text Color
+          * @uiWidget color
+         */
+        "textColor"?: string;
+    }
     interface SqmHookStoryContainer {
         "hookStory": FunctionalComponent;
     }
+    interface SqmImage {
+        /**
+          * @uiName Position Alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+         */
+        "alignment": "left" | "center" | "right";
+        /**
+          * @uiName Background Color
+          * @uiWidget color
+         */
+        "backgroundColor": string;
+        /**
+          * @uiWidget ImageUpload
+          * @uiName Image Link
+         */
+        "imageUrl": string;
+        /**
+          * (optional) Helps with constraining minimum size
+          * @uiName Minimum Height
+         */
+        "minHeight"?: string;
+    }
     interface SqmLeaderboard {
+        /**
+          * @uiName Title displayed for users without names
+         */
+        "anonymousUser": string;
         /**
           * @undocumented 
           * @uiType object
@@ -195,11 +352,16 @@ export namespace Components {
         /**
           * @uiName Rank Heading
          */
-        "rankheading"?: string;
+        "rankheading": string;
         /**
-          * @uiName Show the ranking numbers
+          * @uiName Show leaderboard rank
          */
         "showRank": boolean;
+        /**
+          * Shows the current user's leaderboard information even if they are not in the top 10
+          * @uiName Show viewing user
+         */
+        "showUser": boolean;
         /**
           * @uiName Stats Column Heading
          */
@@ -280,6 +442,7 @@ export namespace Components {
          */
         "demoData"?: DemoData<NavigationSidebarItemViewProps>;
         /**
+          * Options available at https://shoelace.style/components/icon
           * @uiName Icon
          */
         "icon": string;
@@ -373,18 +536,32 @@ export namespace Components {
         "successMessage": string;
     }
     interface SqmPortalContainer {
+        /**
+          * @uiName Center content
+         */
+        "center": boolean;
         /**
           * @uiName Direction
           * @uiType string
           * @uiEnum ["row", "column"]
          */
         "direction": "row" | "column";
+        /**
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+         */
+        "display": "grid" | "flex";
         /**
           * @uiName Gap
           * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
          */
         "gap": Spacing;
+        /**
+          * @uiName Maximum width
+         */
+        "maxWidth"?: string;
         /**
           * @uiName Minimum width
          */
@@ -406,6 +583,11 @@ export namespace Components {
           * @uiName Email verification header text
          */
         "emailVerificationHeader": string;
+        /**
+          * The page that users are redirected to from the verification email.
+          * @uiName Email redirection base path
+         */
+        "redirectPath": string;
         /**
           * @uiName Re-send email button text
          */
@@ -475,6 +657,15 @@ export namespace Components {
           * @uiName Email label
          */
         "emailLabel": string;
+        /**
+          * @uiName Routing path to login page
+         */
+        "loginPath": string;
+        /**
+          * The page that users are redirected to from the password reset email.
+          * @uiName Email redirection base path
+         */
+        "redirectPath": string;
         /**
           * @uiName Password reset button text
          */
@@ -501,6 +692,10 @@ export namespace Components {
           * @uiName Label for forgotten password button
          */
         "forgotPasswordLabel": string;
+        /**
+          * @uiName Forgot password button redirect path
+         */
+        "forgotPasswordPath": string;
         /**
           * @uiName Page navigated to after sign-in
          */
@@ -517,6 +712,10 @@ export namespace Components {
           * @uiName Label for register navigation button
          */
         "registerLabel": string;
+        /**
+          * @uiName Register button redirection path
+         */
+        "registerPath": string;
         /**
           * @uiName Label for submit button
          */
@@ -611,6 +810,10 @@ export namespace Components {
           * @uiName Label for login navigation button
          */
         "loginLabel": string;
+        /**
+          * @uiName Sign in button redirection path
+         */
+        "loginPath": string;
         /**
           * @uiName Page navigated to after registration
          */
@@ -623,6 +826,11 @@ export namespace Components {
           * @uiName Label for password field
          */
         "passwordLabel": string;
+        /**
+          * The page that users are redirected to from the verification email.
+          * @uiName Email redirection base path
+         */
+        "redirectPath": string;
         /**
           * @uiName Label for submit button
          */
@@ -648,6 +856,12 @@ export namespace Components {
          */
         "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
+          * The page that users are redirected to if the reset fails due to outdated password reset attempt.
+          * @uiName Failed page redirection path
+         */
+        "failedPage": string;
+        /**
+          * The page that users are redirected to when the password reset succeeds.
           * @uiName Next page path
          */
         "nextPage": string;
@@ -676,12 +890,72 @@ export namespace Components {
          */
         "demoData"?: DemoData<PortalVerifyEmailViewProps>;
         /**
+          * The page that users are redirected to if verification fails due to outdated verification attempt.
+          * @uiName Failed page redirection path
+         */
+        "failedPage": string;
+        /**
+          * The page that users are redirected to when the verification succeeds.
           * @uiName Next page path
          */
         "nextPage": string;
     }
+    interface SqmProgramExplainer {
+        /**
+          * @uiName Header Background Color
+          * @uiWidget color
+         */
+        "backgroundColor": string;
+        /**
+          * @uiName Header Text
+         */
+        "header": string;
+        /**
+          * @uiName Header Text Color
+          * @uiWidget color
+         */
+        "textColor": string;
+    }
+    interface SqmProgramExplainerStep {
+        /**
+          * @uiName Background Color
+          * @uiWidget color
+         */
+        "backgroundColor": string;
+        /**
+          * @uiName Description
+         */
+        "description": string;
+        /**
+          * @uiName Title
+         */
+        "header": string;
+        /**
+          * Options available at https://shoelace.style/components/icon
+          * @uiName Icon
+         */
+        "icon"?: string;
+        /**
+          * Displayed in place of an icon
+          * @uiName Image Url
+         */
+        "imageUrl"?: string;
+        /**
+          * @uiName Text Color
+          * @uiWidget color
+         */
+        "textColor": string;
+    }
     interface SqmProgramMenu {
     }
+    interface SqmReferralCard {
+        /**
+          * @uiName Vertical Aligment
+          * @uiType string
+          * @uiEnum ["start", "center", "end"]
+         */
+        "verticalAlignment": "start" | "center" | "end";
+    }
     interface SqmReferralIframe {
         /**
           * @undocumented 
@@ -707,7 +981,15 @@ export namespace Components {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<ReferralTableViewProps>;
+        "demoData"?: DemoData<GenericTableViewProps>;
+        /**
+          * @uiName Hide Column Labels (Mobile View)
+         */
+        "hiddenColumns"?: string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "mdBreakpoint"?: number;
         /**
           * @uiName View More button text
          */
@@ -733,6 +1015,10 @@ export namespace Components {
           * @uiName Show Referred by user in table
          */
         "showReferrer"?: boolean;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "smBreakpoint"?: number;
     }
     interface SqmReferralTableCell {
         "innerTemplate": string;
@@ -747,6 +1033,7 @@ export namespace Components {
     }
     interface SqmReferralTableDateCell {
         "date": number;
+        "locale": string;
     }
     interface SqmReferralTableDateColumn {
         /**
@@ -759,24 +1046,57 @@ export namespace Components {
           * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
          */
         "dateShown": ReferralDates;
-        "renderCell": (data: Referral) => Promise<any>;
+        "renderCell": (data: Referral, locale: string) => Promise<any>;
         "renderLabel": () => Promise<string>;
+        "renderReferrerCell": (data: Referrer) => Promise<any>;
     }
     interface SqmReferralTableRewardsCell {
+        "expiringText": string;
+        "fuelTankText": string;
         "hideDetails": boolean;
+        "locale": string;
+        "pendingForText": string;
+        "rewardReceivedText": string;
         "rewards": Reward[];
+        "statusLongText": string;
+        "statusText": string;
     }
     interface SqmReferralTableRewardsColumn {
         /**
           * @uiName Reward column title
          */
         "columnTitle": string;
+        /**
+          * @uiName Reward Expiring Text
+         */
+        "expiringText": string;
+        /**
+          * @uiName Fuel Tank Code Text
+         */
+        "fuelTankText": string;
         /**
           * @uiName Hide dropdown details of reward
          */
         "hideDetails": boolean;
-        "renderCell": (data: Referral) => Promise<any>;
+        /**
+          * @uiName Reward Pending Text
+         */
+        "pendingForText": string;
+        "renderCell": (data: Referral, locale: string) => Promise<any>;
         "renderLabel": () => Promise<string>;
+        "renderReferrerCell": (data: Referrer) => Promise<any>;
+        /**
+          * @uiName Reward Received Text
+         */
+        "rewardReceivedText": string;
+        /**
+          * @uiName Reward Status Long Text
+         */
+        "statusLongText": string;
+        /**
+          * @uiName Reward Status Text
+         */
+        "statusText": string;
     }
     interface SqmReferralTableStatusCell {
         "converted": boolean;
@@ -797,6 +1117,7 @@ export namespace Components {
         "inProgressStatusText": string;
         "renderCell": (data: Referral) => Promise<any>;
         "renderLabel": () => Promise<string>;
+        "renderReferrerCell": (data: Referrer) => Promise<any>;
     }
     interface SqmReferralTableUserCell {
         "name": string;
@@ -816,21 +1137,124 @@ export namespace Components {
         "deletedUser": string;
         "renderCell": (data: Referral) => Promise<any>;
         "renderLabel": () => Promise<string>;
+        "renderReferrerCell": (data: Referrer) => Promise<any>;
+    }
+    interface SqmRefreshButton {
+        /**
+          * @uiName Icon to show in the slot
+         */
+        "icon"?: string;
     }
     interface SqmRewardExchangeList {
+        /**
+          * @uiName Back Button Text
+         */
+        "backText": string;
         /**
           * @uiName Exchange button text
          */
         "buttonText": string;
+        /**
+          * @uiName Cancel Button Text
+         */
+        "cancelText": string;
+        /**
+          * @uiName Choose Amount Progress Title
+         */
+        "chooseAmountTitle": string;
+        /**
+          * @uiName Choose Reward Progress Title
+         */
+        "chooseRewardTitle": string;
+        /**
+          * @uiName Confirmation Progress Title
+         */
+        "confirmationTitle": string;
+        /**
+          * @uiName Continue Button Text
+         */
+        "continueText": string;
+        /**
+          * @uiName Continue to Confirmation Button Text
+         */
+        "continueToConfirmationText": string;
+        /**
+          * Shown in the confirmation state.
+          * @uiName Cost Row Title
+         */
+        "costTitle": string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<RewardExchangeViewProps>;
+        /**
+          * @uiName Done Text
+         */
+        "doneText": string;
         /**
           * @uiName Exchange button text
          */
         "notAvailableError": string;
+        /**
+          * @uiName Not Enough Available Error Message
+         */
+        "notEnoughError": string;
+        /**
+          * @uiName Promo Code Text
+         */
+        "promoCode": string;
+        /**
+          * @uiName Reward List Error Message
+         */
+        "queryError": string;
+        /**
+          * @uiName Redeem Button Text
+         */
+        "redeemText": string;
+        /**
+          * @uiName Confirmation Title Text
+         */
+        "redeemTitle": string;
+        /**
+          * @uiName Redemption Error Message
+         */
+        "redemptionError": string;
+        /**
+          * @uiName Redemption Success Message
+         */
+        "redemptionSuccessText": string;
+        /**
+          * Shown in the confirmation state.
+          * @uiName Reward Amount Row Title
+         */
+        "rewardAmountTitle": string;
+        /**
+          * Shown in the confirmation state.
+          * @uiName Reward Row Title
+         */
+        "rewardNameTitle": string;
+        /**
+          * @uiName Reward Title Text
+         */
+        "rewardTitle": string;
+        /**
+          * @uiName Select Amount Text
+         */
+        "selectText": string;
+        /**
+          * @undocumented Number of Skeleton Cards
+         */
+        "skeletonCardNum": number;
+        /**
+          * @uiName Reward Exchange Amount Text
+         */
+        "sourceAmountMessage": string;
+        /**
+          * Shown when a user copies a fuel tank code
+          * @uiName Tool Tip Text
+         */
+        "tooltiptext": string;
     }
     interface SqmRewardsTable {
         /**
@@ -838,6 +1262,14 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<GenericTableViewProps>;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "hiddenColumns"?: string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "mdBreakpoint"?: number;
         /**
           * @uiName View More button text
          */
@@ -860,21 +1292,129 @@ export namespace Components {
          */
         "showLabels"?: boolean;
         /**
-          * @uiName Show Referred by user in table
+          * @uiName Hide Columns (Mobile View)
          */
-        "showReferrer"?: boolean;
+        "smBreakpoint"?: number;
+    }
+    interface SqmRewardsTableCustomerNoteCell {
+        "locale": string;
+        "note": string;
     }
-    interface SqmRewardsTableColumn {
+    interface SqmRewardsTableCustomerNoteColumn {
+        /**
+          * @uiName Customer Note Column Title
+         */
+        "columnTitle": string;
+        "renderCell": (data: Reward[], locale: string) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+    }
+    interface SqmRewardsTableDateCell {
+        "date": number;
+        "locale": string;
+    }
+    interface SqmRewardsTableDateColumn {
+        /**
+          * @uiName Date Column Title
+         */
+        "columnTitle": string;
+        /**
+          * @uiName Date Displayed
+          * @uiType string
+          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
+         */
+        "dateShown": string;
+        "renderCell": (data: Reward[], locale: string) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+    }
+    interface SqmRewardsTableRewardCell {
+        "availableText": string;
+        "fueltankText": string;
+        "locale": string;
+        "redeemedText": string;
+        "reward": Reward;
+    }
+    interface SqmRewardsTableRewardColumn {
+        /**
+          * @uiName Remaining Amount Text
+         */
+        "availableText": string;
         /**
           * @uiName Reward column title
          */
         "columnTitle": string;
         /**
-          * @uiName Hide dropdown details of reward
+          * @uiName Fuel Tank Text
          */
-        "hideDetails": boolean;
-        "renderCell": (data: Reward[]) => Promise<any>;
+        "fueltankText": string;
+        /**
+          * @uiName Redeemed Amount Text
+         */
+        "redeemedText": string;
+        "renderCell": (data: Reward[], locale: string) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+    }
+    interface SqmRewardsTableSourceCell {
+        "anonymousUserText": string;
+        "deletedUserText": string;
+        "locale": string;
+        "referralText": string;
+        "reward": Reward;
+        "rewardExchangeText": string;
+        "rewardSourceText": string;
+    }
+    interface SqmRewardsTableSourceColumn {
+        /**
+          * @uiName Name displayed for anonymous users
+         */
+        "anonymousUser": string;
+        /**
+          * @uiName User Column Title
+         */
+        "columnTitle": string;
+        /**
+          * @uiName Name displayed for deleted users
+         */
+        "deletedUser": string;
+        /**
+          * Shown when a reward has been created by a referral
+          * @uiName Referral Text
+         */
+        "referralText": string;
+        "renderCell": (data: Reward[], locale: any) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+        /**
+          * @uiName Reward Exchange label
+         */
+        "rewardExchangeText": string;
+        /**
+          * @uiName Reward Source Text
+         */
+        "rewardSourceText": string;
+    }
+    interface SqmRewardsTableStatusCell {
+        "expiryText": string;
+        "locale": string;
+        "pendingScheduled": string;
+        "pendingUnhandled": string;
+        "pendingUsTax": string;
+        "reward": Reward;
+        "statusText": string;
+    }
+    interface SqmRewardsTableStatusColumn {
+        /**
+          * @uiName Column Title
+         */
+        "columnTitle": string;
+        /**
+          * @uiName Expired Status Text
+         */
+        "expiryText": string;
+        "renderCell": (data: Reward[], locale: string) => Promise<any>;
         "renderLabel": () => Promise<string>;
+        /**
+          * @uiName Reward Status Text
+         */
+        "statusText": string;
     }
     interface SqmRoute {
         /**
@@ -884,7 +1424,23 @@ export namespace Components {
     }
     interface SqmRouter {
     }
+    interface SqmScroll {
+        "buttonText": string;
+        "buttonType": string;
+        "scrollAnimation": "smooth" | "auto";
+        "scrollId"?: string;
+        "scrollTagName"?: string;
+    }
     interface SqmShareButton {
+        /**
+          * @uiName Button background color
+          * @uiWidget color
+         */
+        "backgroundcolor"?: string;
+        /**
+          * @uiName Configure border radius with pixel amount
+         */
+        "borderradius"?: number;
         /**
           * @undocumented 
           * @uiType object
@@ -903,6 +1459,7 @@ export namespace Components {
          */
         "hidetext"?: boolean;
         /**
+          * Options available at https://shoelace.style/components/icon
           * @uiName Icon used in button. Will try to select an icon based on the share medium if left empty.
          */
         "icon"?: string;
@@ -917,8 +1474,8 @@ export namespace Components {
           * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
           * @uiName Share Medium
           * @uiType string
-          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest", "reminder", "unknown" ]
-          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest", "Reminder", "Unknown"]
+          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
+          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
          */
         "medium": | "facebook"
     | "twitter"
@@ -956,6 +1513,11 @@ export namespace Components {
           * @uiEnumNames ["Small", "Medium", "Large"]
          */
         "size"?: "small" | "medium" | "large";
+        /**
+          * @uiName Button text color
+          * @uiWidget color
+         */
+        "textcolor"?: string;
         /**
           * @uiType string
           * @uiName Button Style
@@ -1023,6 +1585,9 @@ export namespace Components {
     }
     interface SqmStencilbook {
     }
+    interface SqmTab {
+        "header": string;
+    }
     interface SqmTableCell {
         "colspan": number;
         "padding": string;
@@ -1030,6 +1595,15 @@ export namespace Components {
     interface SqmTableRow {
         "border": string;
     }
+    interface SqmTabs {
+        /**
+          * Used to specify the placement of the tabs
+          * @uiName Tabs Placement
+          * @uiType string
+          * @uiEnum ["left", "right", "bottom", "top"]
+         */
+        "placement"?: "left" | "right" | "bottom" | "top";
+    }
     interface SqmTaskCard {
         /**
           * @uiName CTA Button Link
@@ -1043,12 +1617,43 @@ export namespace Components {
           * @uiName Title Text
          */
         "cardTitle": string;
+        /**
+          * Displays the amount of times that a user has completed a repeatable task.
+          * @uiName Completed Count Text
+         */
+        "completedText": string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
           * @uiName Description Text
          */
         "description": string;
         /**
-          * @uiName Repeat Amount (0 for no limit)
+          * Timeframe that the task card will be shown
+          * @uiName Display Duration
+          * @uiWidget DateRange
+          * @uiOptions {"allowPastDates":true, "months": 1}
+         */
+        "displayDuration": string;
+        /**
+          * Shown to users after the end of the task duration.
+          * @uiName Ended Date Message
+         */
+        "endedMessage": string;
+        /**
+          * @uiName Event key of task card button
+         */
+        "eventKey"?: string;
+        /**
+          * @uiName Expiry Date Message
+         */
+        "expiryMessage": string;
+        /**
+          * The number of times a reward can be earned.  Use zero for no limit (the default).
+          * @uiName Repeat Amount
          */
         "finite": number;
         /**
@@ -1059,10 +1664,14 @@ export namespace Components {
           * @uiName CTA Button Link Open in New Tab
          */
         "openNewTab": boolean;
+        /**
+          * @uiName Program ID override
+         */
+        "programId"?: string;
         /**
           * @uiName Progress Bar Unit
          */
-        "progressBarUnit"?: string;
+        "progressBarUnit": string;
         /**
           * @uiName Goal Repeatable
          */
@@ -1070,7 +1679,7 @@ export namespace Components {
         /**
           * @uiName Reward Amount
          */
-        "rewardAmount": number;
+        "rewardAmount": string;
         /**
           * @uiName Reward Duration
           * @uiWidget DateRange
@@ -1081,14 +1690,15 @@ export namespace Components {
           * @uiName Reward Unit
          */
         "rewardUnit": string;
-        /**
-          * @uiName Show Goal Expiry
-         */
-        "showExpiry": boolean;
         /**
           * @uiName Show Progress Bar
          */
         "showProgressBar": boolean;
+        /**
+          * Shown to users before the start of the task duration.
+          * @uiName Start Date Message
+         */
+        "startsOnMessage": string;
         /**
           * Select what type of stat to display for the goal. Manual paths are also supported.
           * @uiWidget StatTypeSelectWidget
@@ -1115,7 +1725,43 @@ export namespace Components {
          */
         "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
     }
+    interface SqmTimeline {
+        /**
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+         */
+        "icon": string;
+    }
+    interface SqmTimelineEntry {
+        /**
+          * @uiName Description
+         */
+        "desc": string;
+        /**
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+         */
+        "icon": string;
+        /**
+          * @undocumented
+         */
+        "line"?: boolean;
+        /**
+          * @uiName Reward Amount
+         */
+        "reward": string;
+        /**
+          * @uiName Reward Unit
+         */
+        "unit": string;
+    }
     interface SqmTitledSection {
+        /**
+          * Label for the section unless overwritten via the label slot.
+          * @uiName Label
+         */
         "label": string;
         /**
           * @uiName Label margin style
@@ -1129,6 +1775,12 @@ export namespace Components {
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
          */
         "padding": Spacing;
+        /**
+          * @uiName Text Align
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+         */
+        "textAlign": "left" | "center" | "right";
     }
     interface SqmUserName {
         /**
@@ -1159,6 +1811,18 @@ declare global {
         prototype: HTMLSqmBigStatElement;
         new (): HTMLSqmBigStatElement;
     };
+    interface HTMLSqmBrandElement extends Components.SqmBrand, HTMLStencilElement {
+    }
+    var HTMLSqmBrandElement: {
+        prototype: HTMLSqmBrandElement;
+        new (): HTMLSqmBrandElement;
+    };
+    interface HTMLSqmCardFeedElement extends Components.SqmCardFeed, HTMLStencilElement {
+    }
+    var HTMLSqmCardFeedElement: {
+        prototype: HTMLSqmCardFeedElement;
+        new (): HTMLSqmCardFeedElement;
+    };
     interface HTMLSqmDividedLayoutElement extends Components.SqmDividedLayout, HTMLStencilElement {
     }
     var HTMLSqmDividedLayoutElement: {
@@ -1171,6 +1835,12 @@ declare global {
         prototype: HTMLSqmEditProfileElement;
         new (): HTMLSqmEditProfileElement;
     };
+    interface HTMLSqmEmptyElement extends Components.SqmEmpty, HTMLStencilElement {
+    }
+    var HTMLSqmEmptyElement: {
+        prototype: HTMLSqmEmptyElement;
+        new (): HTMLSqmEmptyElement;
+    };
     interface HTMLSqmFormMessageElement extends Components.SqmFormMessage, HTMLStencilElement {
     }
     var HTMLSqmFormMessageElement: {
@@ -1189,12 +1859,24 @@ declare global {
         prototype: HTMLSqmHeroElement;
         new (): HTMLSqmHeroElement;
     };
+    interface HTMLSqmHeroImageElement extends Components.SqmHeroImage, HTMLStencilElement {
+    }
+    var HTMLSqmHeroImageElement: {
+        prototype: HTMLSqmHeroImageElement;
+        new (): HTMLSqmHeroImageElement;
+    };
     interface HTMLSqmHookStoryContainerElement extends Components.SqmHookStoryContainer, HTMLStencilElement {
     }
     var HTMLSqmHookStoryContainerElement: {
         prototype: HTMLSqmHookStoryContainerElement;
         new (): HTMLSqmHookStoryContainerElement;
     };
+    interface HTMLSqmImageElement extends Components.SqmImage, HTMLStencilElement {
+    }
+    var HTMLSqmImageElement: {
+        prototype: HTMLSqmImageElement;
+        new (): HTMLSqmImageElement;
+    };
     interface HTMLSqmLeaderboardElement extends Components.SqmLeaderboard, HTMLStencilElement {
     }
     var HTMLSqmLeaderboardElement: {
@@ -1321,12 +2003,30 @@ declare global {
         prototype: HTMLSqmPortalVerifyEmailElement;
         new (): HTMLSqmPortalVerifyEmailElement;
     };
+    interface HTMLSqmProgramExplainerElement extends Components.SqmProgramExplainer, HTMLStencilElement {
+    }
+    var HTMLSqmProgramExplainerElement: {
+        prototype: HTMLSqmProgramExplainerElement;
+        new (): HTMLSqmProgramExplainerElement;
+    };
+    interface HTMLSqmProgramExplainerStepElement extends Components.SqmProgramExplainerStep, HTMLStencilElement {
+    }
+    var HTMLSqmProgramExplainerStepElement: {
+        prototype: HTMLSqmProgramExplainerStepElement;
+        new (): HTMLSqmProgramExplainerStepElement;
+    };
     interface HTMLSqmProgramMenuElement extends Components.SqmProgramMenu, HTMLStencilElement {
     }
     var HTMLSqmProgramMenuElement: {
         prototype: HTMLSqmProgramMenuElement;
         new (): HTMLSqmProgramMenuElement;
     };
+    interface HTMLSqmReferralCardElement extends Components.SqmReferralCard, HTMLStencilElement {
+    }
+    var HTMLSqmReferralCardElement: {
+        prototype: HTMLSqmReferralCardElement;
+        new (): HTMLSqmReferralCardElement;
+    };
     interface HTMLSqmReferralIframeElement extends Components.SqmReferralIframe, HTMLStencilElement {
     }
     var HTMLSqmReferralIframeElement: {
@@ -1399,6 +2099,12 @@ declare global {
         prototype: HTMLSqmReferralTableUserColumnElement;
         new (): HTMLSqmReferralTableUserColumnElement;
     };
+    interface HTMLSqmRefreshButtonElement extends Components.SqmRefreshButton, HTMLStencilElement {
+    }
+    var HTMLSqmRefreshButtonElement: {
+        prototype: HTMLSqmRefreshButtonElement;
+        new (): HTMLSqmRefreshButtonElement;
+    };
     interface HTMLSqmRewardExchangeListElement extends Components.SqmRewardExchangeList, HTMLStencilElement {
     }
     var HTMLSqmRewardExchangeListElement: {
@@ -1411,11 +2117,65 @@ declare global {
         prototype: HTMLSqmRewardsTableElement;
         new (): HTMLSqmRewardsTableElement;
     };
-    interface HTMLSqmRewardsTableColumnElement extends Components.SqmRewardsTableColumn, HTMLStencilElement {
+    interface HTMLSqmRewardsTableCustomerNoteCellElement extends Components.SqmRewardsTableCustomerNoteCell, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableCustomerNoteCellElement: {
+        prototype: HTMLSqmRewardsTableCustomerNoteCellElement;
+        new (): HTMLSqmRewardsTableCustomerNoteCellElement;
+    };
+    interface HTMLSqmRewardsTableCustomerNoteColumnElement extends Components.SqmRewardsTableCustomerNoteColumn, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableCustomerNoteColumnElement: {
+        prototype: HTMLSqmRewardsTableCustomerNoteColumnElement;
+        new (): HTMLSqmRewardsTableCustomerNoteColumnElement;
+    };
+    interface HTMLSqmRewardsTableDateCellElement extends Components.SqmRewardsTableDateCell, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableDateCellElement: {
+        prototype: HTMLSqmRewardsTableDateCellElement;
+        new (): HTMLSqmRewardsTableDateCellElement;
+    };
+    interface HTMLSqmRewardsTableDateColumnElement extends Components.SqmRewardsTableDateColumn, HTMLStencilElement {
     }
-    var HTMLSqmRewardsTableColumnElement: {
-        prototype: HTMLSqmRewardsTableColumnElement;
-        new (): HTMLSqmRewardsTableColumnElement;
+    var HTMLSqmRewardsTableDateColumnElement: {
+        prototype: HTMLSqmRewardsTableDateColumnElement;
+        new (): HTMLSqmRewardsTableDateColumnElement;
+    };
+    interface HTMLSqmRewardsTableRewardCellElement extends Components.SqmRewardsTableRewardCell, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableRewardCellElement: {
+        prototype: HTMLSqmRewardsTableRewardCellElement;
+        new (): HTMLSqmRewardsTableRewardCellElement;
+    };
+    interface HTMLSqmRewardsTableRewardColumnElement extends Components.SqmRewardsTableRewardColumn, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableRewardColumnElement: {
+        prototype: HTMLSqmRewardsTableRewardColumnElement;
+        new (): HTMLSqmRewardsTableRewardColumnElement;
+    };
+    interface HTMLSqmRewardsTableSourceCellElement extends Components.SqmRewardsTableSourceCell, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableSourceCellElement: {
+        prototype: HTMLSqmRewardsTableSourceCellElement;
+        new (): HTMLSqmRewardsTableSourceCellElement;
+    };
+    interface HTMLSqmRewardsTableSourceColumnElement extends Components.SqmRewardsTableSourceColumn, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableSourceColumnElement: {
+        prototype: HTMLSqmRewardsTableSourceColumnElement;
+        new (): HTMLSqmRewardsTableSourceColumnElement;
+    };
+    interface HTMLSqmRewardsTableStatusCellElement extends Components.SqmRewardsTableStatusCell, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableStatusCellElement: {
+        prototype: HTMLSqmRewardsTableStatusCellElement;
+        new (): HTMLSqmRewardsTableStatusCellElement;
+    };
+    interface HTMLSqmRewardsTableStatusColumnElement extends Components.SqmRewardsTableStatusColumn, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableStatusColumnElement: {
+        prototype: HTMLSqmRewardsTableStatusColumnElement;
+        new (): HTMLSqmRewardsTableStatusColumnElement;
     };
     interface HTMLSqmRouteElement extends Components.SqmRoute, HTMLStencilElement {
     }
@@ -1429,6 +2189,12 @@ declare global {
         prototype: HTMLSqmRouterElement;
         new (): HTMLSqmRouterElement;
     };
+    interface HTMLSqmScrollElement extends Components.SqmScroll, HTMLStencilElement {
+    }
+    var HTMLSqmScrollElement: {
+        prototype: HTMLSqmScrollElement;
+        new (): HTMLSqmScrollElement;
+    };
     interface HTMLSqmShareButtonElement extends Components.SqmShareButton, HTMLStencilElement {
     }
     var HTMLSqmShareButtonElement: {
@@ -1459,6 +2225,12 @@ declare global {
         prototype: HTMLSqmStencilbookElement;
         new (): HTMLSqmStencilbookElement;
     };
+    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    }
+    var HTMLSqmTabElement: {
+        prototype: HTMLSqmTabElement;
+        new (): HTMLSqmTabElement;
+    };
     interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
     }
     var HTMLSqmTableCellElement: {
@@ -1471,6 +2243,12 @@ declare global {
         prototype: HTMLSqmTableRowElement;
         new (): HTMLSqmTableRowElement;
     };
+    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+    }
+    var HTMLSqmTabsElement: {
+        prototype: HTMLSqmTabsElement;
+        new (): HTMLSqmTabsElement;
+    };
     interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
     }
     var HTMLSqmTaskCardElement: {
@@ -1489,6 +2267,18 @@ declare global {
         prototype: HTMLSqmTextSpanElement;
         new (): HTMLSqmTextSpanElement;
     };
+    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
+    }
+    var HTMLSqmTimelineElement: {
+        prototype: HTMLSqmTimelineElement;
+        new (): HTMLSqmTimelineElement;
+    };
+    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
+    }
+    var HTMLSqmTimelineEntryElement: {
+        prototype: HTMLSqmTimelineEntryElement;
+        new (): HTMLSqmTimelineEntryElement;
+    };
     interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
     }
     var HTMLSqmTitledSectionElement: {
@@ -1504,12 +2294,17 @@ declare global {
     interface HTMLElementTagNameMap {
         "sqm-asset-card": HTMLSqmAssetCardElement;
         "sqm-big-stat": HTMLSqmBigStatElement;
+        "sqm-brand": HTMLSqmBrandElement;
+        "sqm-card-feed": HTMLSqmCardFeedElement;
         "sqm-divided-layout": HTMLSqmDividedLayoutElement;
         "sqm-edit-profile": HTMLSqmEditProfileElement;
+        "sqm-empty": HTMLSqmEmptyElement;
         "sqm-form-message": HTMLSqmFormMessageElement;
         "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
         "sqm-hero": HTMLSqmHeroElement;
+        "sqm-hero-image": HTMLSqmHeroImageElement;
         "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
+        "sqm-image": HTMLSqmImageElement;
         "sqm-leaderboard": HTMLSqmLeaderboardElement;
         "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
         "sqm-name-fields": HTMLSqmNameFieldsElement;
@@ -1531,7 +2326,10 @@ declare global {
         "sqm-portal-register": HTMLSqmPortalRegisterElement;
         "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
         "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
+        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
+        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
         "sqm-program-menu": HTMLSqmProgramMenuElement;
+        "sqm-referral-card": HTMLSqmReferralCardElement;
         "sqm-referral-iframe": HTMLSqmReferralIframeElement;
         "sqm-referral-table": HTMLSqmReferralTableElement;
         "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
@@ -1544,21 +2342,36 @@ declare global {
         "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
         "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
         "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
+        "sqm-refresh-button": HTMLSqmRefreshButtonElement;
         "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
         "sqm-rewards-table": HTMLSqmRewardsTableElement;
-        "sqm-rewards-table-column": HTMLSqmRewardsTableColumnElement;
+        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
+        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
+        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
+        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
+        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
+        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
+        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
+        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
+        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
+        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
         "sqm-route": HTMLSqmRouteElement;
         "sqm-router": HTMLSqmRouterElement;
+        "sqm-scroll": HTMLSqmScrollElement;
         "sqm-share-button": HTMLSqmShareButtonElement;
         "sqm-share-code": HTMLSqmShareCodeElement;
         "sqm-share-link": HTMLSqmShareLinkElement;
         "sqm-stat-container": HTMLSqmStatContainerElement;
         "sqm-stencilbook": HTMLSqmStencilbookElement;
+        "sqm-tab": HTMLSqmTabElement;
         "sqm-table-cell": HTMLSqmTableCellElement;
         "sqm-table-row": HTMLSqmTableRowElement;
+        "sqm-tabs": HTMLSqmTabsElement;
         "sqm-task-card": HTMLSqmTaskCardElement;
         "sqm-text": HTMLSqmTextElement;
         "sqm-text-span": HTMLSqmTextSpanElement;
+        "sqm-timeline": HTMLSqmTimelineElement;
+        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
         "sqm-titled-section": HTMLSqmTitledSectionElement;
         "sqm-user-name": HTMLSqmUserNameElement;
     }
@@ -1595,6 +2408,11 @@ declare namespace LocalJSX {
           * @uiName Flex Reverse - controls the order of the stat value & description column
          */
         "flexReverse"?: boolean;
+        /**
+          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
+          * @uiName Program ID
+         */
+        "programId"?: string;
         /**
           * Select what type of stat to display. Manual paths are also supported.
           * @uiWidget StatTypeSelectWidget
@@ -1603,6 +2421,36 @@ declare namespace LocalJSX {
          */
         "statType"?: string;
     }
+    interface SqmBrand {
+        /**
+          * The background color for the portal
+          * @uiName Page Background Color
+          * @uiWidget color
+         */
+        "background"?: string;
+        /**
+          * Controls the primary brand color used in the Mint Components library. Note that this does not affect vanilla components or other component libraries.
+          * @uiName Brand Color
+          * @uiWidget color
+         */
+        "brandColor"?: string;
+        /**
+          * The brand font that you want to use
+          * @uiName Brand Font
+         */
+        "brandFont"?: string;
+    }
+    interface SqmCardFeed {
+        /**
+          * @uiName Column Gap
+          * @uiType number
+         */
+        "gap"?: number;
+        /**
+          * @uiName Card Width
+         */
+        "width"?: number;
+    }
     interface SqmDividedLayout {
         /**
           * @uiName Direction
@@ -1655,6 +2503,21 @@ declare namespace LocalJSX {
          */
         "updatetext"?: string;
     }
+    interface SqmEmpty {
+        /**
+          * @uiName Empty State Title
+         */
+        "emptyStateHeader"?: string;
+        /**
+          * @uiWidget ImageUpload
+          * @uiName Empty State Image Link
+         */
+        "emptyStateImage"?: string;
+        /**
+          * @uiName Empty State Text
+         */
+        "emptyStateText"?: string;
+    }
     interface SqmFormMessage {
         /**
           * @uiName Icon to use in alert
@@ -1693,10 +2556,118 @@ declare namespace LocalJSX {
          */
         "wrapDirection"?: "wrap" | "wrap-reverse";
     }
+    interface SqmHeroImage {
+        /**
+          * @uiName Background Color
+          * @uiWidget color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName CTA Button Link
+         */
+        "buttonLink"?: string;
+        /**
+          * @uiName CTA Button Link Open in New Tab
+         */
+        "buttonNewTab"?: boolean;
+        /**
+          * @uiName CTA Button Text
+         */
+        "buttonText"?: string;
+        /**
+          * @uiName Description Text
+         */
+        "description"?: string;
+        /**
+          * @uiName Title Text
+         */
+        "header"?: string;
+        /**
+          * @uiName Image Mobile Position
+          * @uiType string
+          * @uiEnum ["top", "bottom"]
+         */
+        "imageMobilePos"?: "top" | "bottom";
+        /**
+          * @uiName Image Percentage
+          * @uiType number
+         */
+        "imagePercentage"?: number;
+        /**
+          * @uiName Image Position
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+         */
+        "imagePos"?: "left" | "center" | "right";
+        /**
+          * @uiWidget ImageUpload
+          * @uiName Image Link
+         */
+        "imageUrl"?: string;
+        /**
+          * @uiName Image Layout
+          * @uiType string
+          * @uiEnum ["overlay", "columns"]
+         */
+        "layout"?: "overlay" | "columns";
+        /**
+          * @uiName Overlay Color
+          * @uiWidget color
+         */
+        "overlayColor"?: string;
+        /**
+          * @uiName Overlay Opacity
+         */
+        "overlayOpacity"?: string;
+        /**
+          * @uiName Image Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+         */
+        "paddingImage"?: Spacing;
+        /**
+          * @uiName Text Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+         */
+        "paddingText"?: Spacing;
+        /**
+          * @uiName Text Color
+          * @uiWidget color
+         */
+        "textColor"?: string;
+    }
     interface SqmHookStoryContainer {
         "hookStory"?: FunctionalComponent;
     }
+    interface SqmImage {
+        /**
+          * @uiName Position Alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+         */
+        "alignment"?: "left" | "center" | "right";
+        /**
+          * @uiName Background Color
+          * @uiWidget color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiWidget ImageUpload
+          * @uiName Image Link
+         */
+        "imageUrl"?: string;
+        /**
+          * (optional) Helps with constraining minimum size
+          * @uiName Minimum Height
+         */
+        "minHeight"?: string;
+    }
     interface SqmLeaderboard {
+        /**
+          * @uiName Title displayed for users without names
+         */
+        "anonymousUser"?: string;
         /**
           * @undocumented 
           * @uiType object
@@ -1725,9 +2696,14 @@ declare namespace LocalJSX {
          */
         "rankheading"?: string;
         /**
-          * @uiName Show the ranking numbers
+          * @uiName Show leaderboard rank
          */
         "showRank"?: boolean;
+        /**
+          * Shows the current user's leaderboard information even if they are not in the top 10
+          * @uiName Show viewing user
+         */
+        "showUser"?: boolean;
         /**
           * @uiName Stats Column Heading
          */
@@ -1808,6 +2784,7 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<NavigationSidebarItemViewProps>;
         /**
+          * Options available at https://shoelace.style/components/icon
           * @uiName Icon
          */
         "icon"?: string;
@@ -1901,18 +2878,32 @@ declare namespace LocalJSX {
         "successMessage"?: string;
     }
     interface SqmPortalContainer {
+        /**
+          * @uiName Center content
+         */
+        "center"?: boolean;
         /**
           * @uiName Direction
           * @uiType string
           * @uiEnum ["row", "column"]
          */
         "direction"?: "row" | "column";
+        /**
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+         */
+        "display"?: "grid" | "flex";
         /**
           * @uiName Gap
           * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
          */
         "gap"?: Spacing;
+        /**
+          * @uiName Maximum width
+         */
+        "maxWidth"?: string;
         /**
           * @uiName Minimum width
          */
@@ -1934,6 +2925,11 @@ declare namespace LocalJSX {
           * @uiName Email verification header text
          */
         "emailVerificationHeader"?: string;
+        /**
+          * The page that users are redirected to from the verification email.
+          * @uiName Email redirection base path
+         */
+        "redirectPath"?: string;
         /**
           * @uiName Re-send email button text
          */
@@ -2003,6 +2999,15 @@ declare namespace LocalJSX {
           * @uiName Email label
          */
         "emailLabel"?: string;
+        /**
+          * @uiName Routing path to login page
+         */
+        "loginPath"?: string;
+        /**
+          * The page that users are redirected to from the password reset email.
+          * @uiName Email redirection base path
+         */
+        "redirectPath"?: string;
         /**
           * @uiName Password reset button text
          */
@@ -2029,6 +3034,10 @@ declare namespace LocalJSX {
           * @uiName Label for forgotten password button
          */
         "forgotPasswordLabel"?: string;
+        /**
+          * @uiName Forgot password button redirect path
+         */
+        "forgotPasswordPath"?: string;
         /**
           * @uiName Page navigated to after sign-in
          */
@@ -2045,6 +3054,10 @@ declare namespace LocalJSX {
           * @uiName Label for register navigation button
          */
         "registerLabel"?: string;
+        /**
+          * @uiName Register button redirection path
+         */
+        "registerPath"?: string;
         /**
           * @uiName Label for submit button
          */
@@ -2139,6 +3152,10 @@ declare namespace LocalJSX {
           * @uiName Label for login navigation button
          */
         "loginLabel"?: string;
+        /**
+          * @uiName Sign in button redirection path
+         */
+        "loginPath"?: string;
         /**
           * @uiName Page navigated to after registration
          */
@@ -2151,6 +3168,11 @@ declare namespace LocalJSX {
           * @uiName Label for password field
          */
         "passwordLabel"?: string;
+        /**
+          * The page that users are redirected to from the verification email.
+          * @uiName Email redirection base path
+         */
+        "redirectPath"?: string;
         /**
           * @uiName Label for submit button
          */
@@ -2176,6 +3198,12 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
+          * The page that users are redirected to if the reset fails due to outdated password reset attempt.
+          * @uiName Failed page redirection path
+         */
+        "failedPage"?: string;
+        /**
+          * The page that users are redirected to when the password reset succeeds.
           * @uiName Next page path
          */
         "nextPage"?: string;
@@ -2204,12 +3232,72 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<PortalVerifyEmailViewProps>;
         /**
+          * The page that users are redirected to if verification fails due to outdated verification attempt.
+          * @uiName Failed page redirection path
+         */
+        "failedPage"?: string;
+        /**
+          * The page that users are redirected to when the verification succeeds.
           * @uiName Next page path
          */
         "nextPage"?: string;
     }
+    interface SqmProgramExplainer {
+        /**
+          * @uiName Header Background Color
+          * @uiWidget color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Header Text
+         */
+        "header"?: string;
+        /**
+          * @uiName Header Text Color
+          * @uiWidget color
+         */
+        "textColor"?: string;
+    }
+    interface SqmProgramExplainerStep {
+        /**
+          * @uiName Background Color
+          * @uiWidget color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Description
+         */
+        "description"?: string;
+        /**
+          * @uiName Title
+         */
+        "header"?: string;
+        /**
+          * Options available at https://shoelace.style/components/icon
+          * @uiName Icon
+         */
+        "icon"?: string;
+        /**
+          * Displayed in place of an icon
+          * @uiName Image Url
+         */
+        "imageUrl"?: string;
+        /**
+          * @uiName Text Color
+          * @uiWidget color
+         */
+        "textColor"?: string;
+    }
     interface SqmProgramMenu {
     }
+    interface SqmReferralCard {
+        /**
+          * @uiName Vertical Aligment
+          * @uiType string
+          * @uiEnum ["start", "center", "end"]
+         */
+        "verticalAlignment"?: "start" | "center" | "end";
+    }
     interface SqmReferralIframe {
         /**
           * @undocumented 
@@ -2235,7 +3323,15 @@ declare namespace LocalJSX {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<ReferralTableViewProps>;
+        "demoData"?: DemoData<GenericTableViewProps>;
+        /**
+          * @uiName Hide Column Labels (Mobile View)
+         */
+        "hiddenColumns"?: string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "mdBreakpoint"?: number;
         /**
           * @uiName View More button text
          */
@@ -2261,6 +3357,10 @@ declare namespace LocalJSX {
           * @uiName Show Referred by user in table
          */
         "showReferrer"?: boolean;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "smBreakpoint"?: number;
     }
     interface SqmReferralTableCell {
         "innerTemplate"?: string;
@@ -2273,6 +3373,7 @@ declare namespace LocalJSX {
     }
     interface SqmReferralTableDateCell {
         "date"?: number;
+        "locale"?: string;
     }
     interface SqmReferralTableDateColumn {
         /**
@@ -2287,18 +3388,49 @@ declare namespace LocalJSX {
         "dateShown"?: ReferralDates;
     }
     interface SqmReferralTableRewardsCell {
+        "expiringText"?: string;
+        "fuelTankText"?: string;
         "hideDetails"?: boolean;
+        "locale"?: string;
+        "pendingForText"?: string;
+        "rewardReceivedText"?: string;
         "rewards"?: Reward[];
+        "statusLongText"?: string;
+        "statusText"?: string;
     }
     interface SqmReferralTableRewardsColumn {
         /**
           * @uiName Reward column title
          */
         "columnTitle"?: string;
+        /**
+          * @uiName Reward Expiring Text
+         */
+        "expiringText"?: string;
+        /**
+          * @uiName Fuel Tank Code Text
+         */
+        "fuelTankText"?: string;
         /**
           * @uiName Hide dropdown details of reward
          */
         "hideDetails"?: boolean;
+        /**
+          * @uiName Reward Pending Text
+         */
+        "pendingForText"?: string;
+        /**
+          * @uiName Reward Received Text
+         */
+        "rewardReceivedText"?: string;
+        /**
+          * @uiName Reward Status Long Text
+         */
+        "statusLongText"?: string;
+        /**
+          * @uiName Reward Status Text
+         */
+        "statusText"?: string;
     }
     interface SqmReferralTableStatusCell {
         "converted"?: boolean;
@@ -2335,20 +3467,122 @@ declare namespace LocalJSX {
          */
         "deletedUser"?: string;
     }
+    interface SqmRefreshButton {
+        /**
+          * @uiName Icon to show in the slot
+         */
+        "icon"?: string;
+    }
     interface SqmRewardExchangeList {
+        /**
+          * @uiName Back Button Text
+         */
+        "backText"?: string;
         /**
           * @uiName Exchange button text
          */
         "buttonText"?: string;
+        /**
+          * @uiName Cancel Button Text
+         */
+        "cancelText"?: string;
+        /**
+          * @uiName Choose Amount Progress Title
+         */
+        "chooseAmountTitle"?: string;
+        /**
+          * @uiName Choose Reward Progress Title
+         */
+        "chooseRewardTitle"?: string;
+        /**
+          * @uiName Confirmation Progress Title
+         */
+        "confirmationTitle"?: string;
+        /**
+          * @uiName Continue Button Text
+         */
+        "continueText"?: string;
+        /**
+          * @uiName Continue to Confirmation Button Text
+         */
+        "continueToConfirmationText"?: string;
+        /**
+          * Shown in the confirmation state.
+          * @uiName Cost Row Title
+         */
+        "costTitle"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<RewardExchangeViewProps>;
+        /**
+          * @uiName Done Text
+         */
+        "doneText"?: string;
         /**
           * @uiName Exchange button text
          */
         "notAvailableError"?: string;
+        /**
+          * @uiName Not Enough Available Error Message
+         */
+        "notEnoughError"?: string;
+        /**
+          * @uiName Promo Code Text
+         */
+        "promoCode"?: string;
+        /**
+          * @uiName Reward List Error Message
+         */
+        "queryError"?: string;
+        /**
+          * @uiName Redeem Button Text
+         */
+        "redeemText"?: string;
+        /**
+          * @uiName Confirmation Title Text
+         */
+        "redeemTitle"?: string;
+        /**
+          * @uiName Redemption Error Message
+         */
+        "redemptionError"?: string;
+        /**
+          * @uiName Redemption Success Message
+         */
+        "redemptionSuccessText"?: string;
+        /**
+          * Shown in the confirmation state.
+          * @uiName Reward Amount Row Title
+         */
+        "rewardAmountTitle"?: string;
+        /**
+          * Shown in the confirmation state.
+          * @uiName Reward Row Title
+         */
+        "rewardNameTitle"?: string;
+        /**
+          * @uiName Reward Title Text
+         */
+        "rewardTitle"?: string;
+        /**
+          * @uiName Select Amount Text
+         */
+        "selectText"?: string;
+        /**
+          * @undocumented Number of Skeleton Cards
+         */
+        "skeletonCardNum"?: number;
+        /**
+          * @uiName Reward Exchange Amount Text
+         */
+        "sourceAmountMessage"?: string;
+        /**
+          * Shown when a user copies a fuel tank code
+          * @uiName Tool Tip Text
+         */
+        "tooltiptext"?: string;
     }
     interface SqmRewardsTable {
         /**
@@ -2356,6 +3590,14 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<GenericTableViewProps>;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "hiddenColumns"?: string;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "mdBreakpoint"?: number;
         /**
           * @uiName View More button text
          */
@@ -2378,19 +3620,119 @@ declare namespace LocalJSX {
          */
         "showLabels"?: boolean;
         /**
-          * @uiName Show Referred by user in table
+          * @uiName Hide Columns (Mobile View)
          */
-        "showReferrer"?: boolean;
+        "smBreakpoint"?: number;
+    }
+    interface SqmRewardsTableCustomerNoteCell {
+        "locale"?: string;
+        "note"?: string;
+    }
+    interface SqmRewardsTableCustomerNoteColumn {
+        /**
+          * @uiName Customer Note Column Title
+         */
+        "columnTitle"?: string;
+    }
+    interface SqmRewardsTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmRewardsTableDateColumn {
+        /**
+          * @uiName Date Column Title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Date Displayed
+          * @uiType string
+          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
+         */
+        "dateShown"?: string;
     }
-    interface SqmRewardsTableColumn {
+    interface SqmRewardsTableRewardCell {
+        "availableText"?: string;
+        "fueltankText"?: string;
+        "locale"?: string;
+        "redeemedText"?: string;
+        "reward"?: Reward;
+    }
+    interface SqmRewardsTableRewardColumn {
+        /**
+          * @uiName Remaining Amount Text
+         */
+        "availableText"?: string;
         /**
           * @uiName Reward column title
          */
         "columnTitle"?: string;
         /**
-          * @uiName Hide dropdown details of reward
+          * @uiName Fuel Tank Text
          */
-        "hideDetails"?: boolean;
+        "fueltankText"?: string;
+        /**
+          * @uiName Redeemed Amount Text
+         */
+        "redeemedText"?: string;
+    }
+    interface SqmRewardsTableSourceCell {
+        "anonymousUserText"?: string;
+        "deletedUserText"?: string;
+        "locale"?: string;
+        "referralText"?: string;
+        "reward"?: Reward;
+        "rewardExchangeText"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableSourceColumn {
+        /**
+          * @uiName Name displayed for anonymous users
+         */
+        "anonymousUser"?: string;
+        /**
+          * @uiName User Column Title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Name displayed for deleted users
+         */
+        "deletedUser"?: string;
+        /**
+          * Shown when a reward has been created by a referral
+          * @uiName Referral Text
+         */
+        "referralText"?: string;
+        /**
+          * @uiName Reward Exchange label
+         */
+        "rewardExchangeText"?: string;
+        /**
+          * @uiName Reward Source Text
+         */
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableStatusCell {
+        "expiryText"?: string;
+        "locale"?: string;
+        "pendingScheduled"?: string;
+        "pendingUnhandled"?: string;
+        "pendingUsTax"?: string;
+        "reward"?: Reward;
+        "statusText"?: string;
+    }
+    interface SqmRewardsTableStatusColumn {
+        /**
+          * @uiName Column Title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Expired Status Text
+         */
+        "expiryText"?: string;
+        /**
+          * @uiName Reward Status Text
+         */
+        "statusText"?: string;
     }
     interface SqmRoute {
         /**
@@ -2400,7 +3742,23 @@ declare namespace LocalJSX {
     }
     interface SqmRouter {
     }
+    interface SqmScroll {
+        "buttonText"?: string;
+        "buttonType"?: string;
+        "scrollAnimation"?: "smooth" | "auto";
+        "scrollId"?: string;
+        "scrollTagName"?: string;
+    }
     interface SqmShareButton {
+        /**
+          * @uiName Button background color
+          * @uiWidget color
+         */
+        "backgroundcolor"?: string;
+        /**
+          * @uiName Configure border radius with pixel amount
+         */
+        "borderradius"?: number;
         /**
           * @undocumented 
           * @uiType object
@@ -2419,6 +3777,7 @@ declare namespace LocalJSX {
          */
         "hidetext"?: boolean;
         /**
+          * Options available at https://shoelace.style/components/icon
           * @uiName Icon used in button. Will try to select an icon based on the share medium if left empty.
          */
         "icon"?: string;
@@ -2433,8 +3792,8 @@ declare namespace LocalJSX {
           * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
           * @uiName Share Medium
           * @uiType string
-          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest", "reminder", "unknown" ]
-          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest", "Reminder", "Unknown"]
+          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
+          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
          */
         "medium"?: | "facebook"
     | "twitter"
@@ -2472,6 +3831,11 @@ declare namespace LocalJSX {
           * @uiEnumNames ["Small", "Medium", "Large"]
          */
         "size"?: "small" | "medium" | "large";
+        /**
+          * @uiName Button text color
+          * @uiWidget color
+         */
+        "textcolor"?: string;
         /**
           * @uiType string
           * @uiName Button Style
@@ -2539,6 +3903,9 @@ declare namespace LocalJSX {
     }
     interface SqmStencilbook {
     }
+    interface SqmTab {
+        "header"?: string;
+    }
     interface SqmTableCell {
         "colspan"?: number;
         "padding"?: string;
@@ -2546,6 +3913,15 @@ declare namespace LocalJSX {
     interface SqmTableRow {
         "border"?: string;
     }
+    interface SqmTabs {
+        /**
+          * Used to specify the placement of the tabs
+          * @uiName Tabs Placement
+          * @uiType string
+          * @uiEnum ["left", "right", "bottom", "top"]
+         */
+        "placement"?: "left" | "right" | "bottom" | "top";
+    }
     interface SqmTaskCard {
         /**
           * @uiName CTA Button Link
@@ -2559,12 +3935,43 @@ declare namespace LocalJSX {
           * @uiName Title Text
          */
         "cardTitle"?: string;
+        /**
+          * Displays the amount of times that a user has completed a repeatable task.
+          * @uiName Completed Count Text
+         */
+        "completedText"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
           * @uiName Description Text
          */
         "description"?: string;
         /**
-          * @uiName Repeat Amount (0 for no limit)
+          * Timeframe that the task card will be shown
+          * @uiName Display Duration
+          * @uiWidget DateRange
+          * @uiOptions {"allowPastDates":true, "months": 1}
+         */
+        "displayDuration"?: string;
+        /**
+          * Shown to users after the end of the task duration.
+          * @uiName Ended Date Message
+         */
+        "endedMessage"?: string;
+        /**
+          * @uiName Event key of task card button
+         */
+        "eventKey"?: string;
+        /**
+          * @uiName Expiry Date Message
+         */
+        "expiryMessage"?: string;
+        /**
+          * The number of times a reward can be earned.  Use zero for no limit (the default).
+          * @uiName Repeat Amount
          */
         "finite"?: number;
         /**
@@ -2575,6 +3982,10 @@ declare namespace LocalJSX {
           * @uiName CTA Button Link Open in New Tab
          */
         "openNewTab"?: boolean;
+        /**
+          * @uiName Program ID override
+         */
+        "programId"?: string;
         /**
           * @uiName Progress Bar Unit
          */
@@ -2586,7 +3997,7 @@ declare namespace LocalJSX {
         /**
           * @uiName Reward Amount
          */
-        "rewardAmount"?: number;
+        "rewardAmount"?: string;
         /**
           * @uiName Reward Duration
           * @uiWidget DateRange
@@ -2597,14 +4008,15 @@ declare namespace LocalJSX {
           * @uiName Reward Unit
          */
         "rewardUnit"?: string;
-        /**
-          * @uiName Show Goal Expiry
-         */
-        "showExpiry"?: boolean;
         /**
           * @uiName Show Progress Bar
          */
         "showProgressBar"?: boolean;
+        /**
+          * Shown to users before the start of the task duration.
+          * @uiName Start Date Message
+         */
+        "startsOnMessage"?: string;
         /**
           * Select what type of stat to display for the goal. Manual paths are also supported.
           * @uiWidget StatTypeSelectWidget
@@ -2631,7 +4043,43 @@ declare namespace LocalJSX {
          */
         "type"?: "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
     }
+    interface SqmTimeline {
+        /**
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+         */
+        "icon"?: string;
+    }
+    interface SqmTimelineEntry {
+        /**
+          * @uiName Description
+         */
+        "desc"?: string;
+        /**
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+         */
+        "icon"?: string;
+        /**
+          * @undocumented
+         */
+        "line"?: boolean;
+        /**
+          * @uiName Reward Amount
+         */
+        "reward"?: string;
+        /**
+          * @uiName Reward Unit
+         */
+        "unit"?: string;
+    }
     interface SqmTitledSection {
+        /**
+          * Label for the section unless overwritten via the label slot.
+          * @uiName Label
+         */
         "label"?: string;
         /**
           * @uiName Label margin style
@@ -2645,6 +4093,12 @@ declare namespace LocalJSX {
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
          */
         "padding"?: Spacing;
+        /**
+          * @uiName Text Align
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+         */
+        "textAlign"?: "left" | "center" | "right";
     }
     interface SqmUserName {
         /**
@@ -2664,12 +4118,17 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "sqm-asset-card": SqmAssetCard;
         "sqm-big-stat": SqmBigStat;
+        "sqm-brand": SqmBrand;
+        "sqm-card-feed": SqmCardFeed;
         "sqm-divided-layout": SqmDividedLayout;
         "sqm-edit-profile": SqmEditProfile;
+        "sqm-empty": SqmEmpty;
         "sqm-form-message": SqmFormMessage;
         "sqm-graphql-client-provider": SqmGraphqlClientProvider;
         "sqm-hero": SqmHero;
+        "sqm-hero-image": SqmHeroImage;
         "sqm-hook-story-container": SqmHookStoryContainer;
+        "sqm-image": SqmImage;
         "sqm-leaderboard": SqmLeaderboard;
         "sqm-leaderboard-rank": SqmLeaderboardRank;
         "sqm-name-fields": SqmNameFields;
@@ -2691,7 +4150,10 @@ declare namespace LocalJSX {
         "sqm-portal-register": SqmPortalRegister;
         "sqm-portal-reset-password": SqmPortalResetPassword;
         "sqm-portal-verify-email": SqmPortalVerifyEmail;
+        "sqm-program-explainer": SqmProgramExplainer;
+        "sqm-program-explainer-step": SqmProgramExplainerStep;
         "sqm-program-menu": SqmProgramMenu;
+        "sqm-referral-card": SqmReferralCard;
         "sqm-referral-iframe": SqmReferralIframe;
         "sqm-referral-table": SqmReferralTable;
         "sqm-referral-table-cell": SqmReferralTableCell;
@@ -2704,21 +4166,36 @@ declare namespace LocalJSX {
         "sqm-referral-table-status-column": SqmReferralTableStatusColumn;
         "sqm-referral-table-user-cell": SqmReferralTableUserCell;
         "sqm-referral-table-user-column": SqmReferralTableUserColumn;
+        "sqm-refresh-button": SqmRefreshButton;
         "sqm-reward-exchange-list": SqmRewardExchangeList;
         "sqm-rewards-table": SqmRewardsTable;
-        "sqm-rewards-table-column": SqmRewardsTableColumn;
+        "sqm-rewards-table-customer-note-cell": SqmRewardsTableCustomerNoteCell;
+        "sqm-rewards-table-customer-note-column": SqmRewardsTableCustomerNoteColumn;
+        "sqm-rewards-table-date-cell": SqmRewardsTableDateCell;
+        "sqm-rewards-table-date-column": SqmRewardsTableDateColumn;
+        "sqm-rewards-table-reward-cell": SqmRewardsTableRewardCell;
+        "sqm-rewards-table-reward-column": SqmRewardsTableRewardColumn;
+        "sqm-rewards-table-source-cell": SqmRewardsTableSourceCell;
+        "sqm-rewards-table-source-column": SqmRewardsTableSourceColumn;
+        "sqm-rewards-table-status-cell": SqmRewardsTableStatusCell;
+        "sqm-rewards-table-status-column": SqmRewardsTableStatusColumn;
         "sqm-route": SqmRoute;
         "sqm-router": SqmRouter;
+        "sqm-scroll": SqmScroll;
         "sqm-share-button": SqmShareButton;
         "sqm-share-code": SqmShareCode;
         "sqm-share-link": SqmShareLink;
         "sqm-stat-container": SqmStatContainer;
         "sqm-stencilbook": SqmStencilbook;
+        "sqm-tab": SqmTab;
         "sqm-table-cell": SqmTableCell;
         "sqm-table-row": SqmTableRow;
+        "sqm-tabs": SqmTabs;
         "sqm-task-card": SqmTaskCard;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
+        "sqm-timeline": SqmTimeline;
+        "sqm-timeline-entry": SqmTimelineEntry;
         "sqm-titled-section": SqmTitledSection;
         "sqm-user-name": SqmUserName;
     }
@@ -2729,12 +4206,17 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "sqm-asset-card": LocalJSX.SqmAssetCard & JSXBase.HTMLAttributes<HTMLSqmAssetCardElement>;
             "sqm-big-stat": LocalJSX.SqmBigStat & JSXBase.HTMLAttributes<HTMLSqmBigStatElement>;
+            "sqm-brand": LocalJSX.SqmBrand & JSXBase.HTMLAttributes<HTMLSqmBrandElement>;
+            "sqm-card-feed": LocalJSX.SqmCardFeed & JSXBase.HTMLAttributes<HTMLSqmCardFeedElement>;
             "sqm-divided-layout": LocalJSX.SqmDividedLayout & JSXBase.HTMLAttributes<HTMLSqmDividedLayoutElement>;
             "sqm-edit-profile": LocalJSX.SqmEditProfile & JSXBase.HTMLAttributes<HTMLSqmEditProfileElement>;
+            "sqm-empty": LocalJSX.SqmEmpty & JSXBase.HTMLAttributes<HTMLSqmEmptyElement>;
             "sqm-form-message": LocalJSX.SqmFormMessage & JSXBase.HTMLAttributes<HTMLSqmFormMessageElement>;
             "sqm-graphql-client-provider": LocalJSX.SqmGraphqlClientProvider & JSXBase.HTMLAttributes<HTMLSqmGraphqlClientProviderElement>;
             "sqm-hero": LocalJSX.SqmHero & JSXBase.HTMLAttributes<HTMLSqmHeroElement>;
+            "sqm-hero-image": LocalJSX.SqmHeroImage & JSXBase.HTMLAttributes<HTMLSqmHeroImageElement>;
             "sqm-hook-story-container": LocalJSX.SqmHookStoryContainer & JSXBase.HTMLAttributes<HTMLSqmHookStoryContainerElement>;
+            "sqm-image": LocalJSX.SqmImage & JSXBase.HTMLAttributes<HTMLSqmImageElement>;
             "sqm-leaderboard": LocalJSX.SqmLeaderboard & JSXBase.HTMLAttributes<HTMLSqmLeaderboardElement>;
             "sqm-leaderboard-rank": LocalJSX.SqmLeaderboardRank & JSXBase.HTMLAttributes<HTMLSqmLeaderboardRankElement>;
             "sqm-name-fields": LocalJSX.SqmNameFields & JSXBase.HTMLAttributes<HTMLSqmNameFieldsElement>;
@@ -2756,7 +4238,10 @@ declare module "@stencil/core" {
             "sqm-portal-register": LocalJSX.SqmPortalRegister & JSXBase.HTMLAttributes<HTMLSqmPortalRegisterElement>;
             "sqm-portal-reset-password": LocalJSX.SqmPortalResetPassword & JSXBase.HTMLAttributes<HTMLSqmPortalResetPasswordElement>;
             "sqm-portal-verify-email": LocalJSX.SqmPortalVerifyEmail & JSXBase.HTMLAttributes<HTMLSqmPortalVerifyEmailElement>;
+            "sqm-program-explainer": LocalJSX.SqmProgramExplainer & JSXBase.HTMLAttributes<HTMLSqmProgramExplainerElement>;
+            "sqm-program-explainer-step": LocalJSX.SqmProgramExplainerStep & JSXBase.HTMLAttributes<HTMLSqmProgramExplainerStepElement>;
             "sqm-program-menu": LocalJSX.SqmProgramMenu & JSXBase.HTMLAttributes<HTMLSqmProgramMenuElement>;
+            "sqm-referral-card": LocalJSX.SqmReferralCard & JSXBase.HTMLAttributes<HTMLSqmReferralCardElement>;
             "sqm-referral-iframe": LocalJSX.SqmReferralIframe & JSXBase.HTMLAttributes<HTMLSqmReferralIframeElement>;
             "sqm-referral-table": LocalJSX.SqmReferralTable & JSXBase.HTMLAttributes<HTMLSqmReferralTableElement>;
             "sqm-referral-table-cell": LocalJSX.SqmReferralTableCell & JSXBase.HTMLAttributes<HTMLSqmReferralTableCellElement>;
@@ -2769,21 +4254,36 @@ declare module "@stencil/core" {
             "sqm-referral-table-status-column": LocalJSX.SqmReferralTableStatusColumn & JSXBase.HTMLAttributes<HTMLSqmReferralTableStatusColumnElement>;
             "sqm-referral-table-user-cell": LocalJSX.SqmReferralTableUserCell & JSXBase.HTMLAttributes<HTMLSqmReferralTableUserCellElement>;
             "sqm-referral-table-user-column": LocalJSX.SqmReferralTableUserColumn & JSXBase.HTMLAttributes<HTMLSqmReferralTableUserColumnElement>;
+            "sqm-refresh-button": LocalJSX.SqmRefreshButton & JSXBase.HTMLAttributes<HTMLSqmRefreshButtonElement>;
             "sqm-reward-exchange-list": LocalJSX.SqmRewardExchangeList & JSXBase.HTMLAttributes<HTMLSqmRewardExchangeListElement>;
             "sqm-rewards-table": LocalJSX.SqmRewardsTable & JSXBase.HTMLAttributes<HTMLSqmRewardsTableElement>;
-            "sqm-rewards-table-column": LocalJSX.SqmRewardsTableColumn & JSXBase.HTMLAttributes<HTMLSqmRewardsTableColumnElement>;
+            "sqm-rewards-table-customer-note-cell": LocalJSX.SqmRewardsTableCustomerNoteCell & JSXBase.HTMLAttributes<HTMLSqmRewardsTableCustomerNoteCellElement>;
+            "sqm-rewards-table-customer-note-column": LocalJSX.SqmRewardsTableCustomerNoteColumn & JSXBase.HTMLAttributes<HTMLSqmRewardsTableCustomerNoteColumnElement>;
+            "sqm-rewards-table-date-cell": LocalJSX.SqmRewardsTableDateCell & JSXBase.HTMLAttributes<HTMLSqmRewardsTableDateCellElement>;
+            "sqm-rewards-table-date-column": LocalJSX.SqmRewardsTableDateColumn & JSXBase.HTMLAttributes<HTMLSqmRewardsTableDateColumnElement>;
+            "sqm-rewards-table-reward-cell": LocalJSX.SqmRewardsTableRewardCell & JSXBase.HTMLAttributes<HTMLSqmRewardsTableRewardCellElement>;
+            "sqm-rewards-table-reward-column": LocalJSX.SqmRewardsTableRewardColumn & JSXBase.HTMLAttributes<HTMLSqmRewardsTableRewardColumnElement>;
+            "sqm-rewards-table-source-cell": LocalJSX.SqmRewardsTableSourceCell & JSXBase.HTMLAttributes<HTMLSqmRewardsTableSourceCellElement>;
+            "sqm-rewards-table-source-column": LocalJSX.SqmRewardsTableSourceColumn & JSXBase.HTMLAttributes<HTMLSqmRewardsTableSourceColumnElement>;
+            "sqm-rewards-table-status-cell": LocalJSX.SqmRewardsTableStatusCell & JSXBase.HTMLAttributes<HTMLSqmRewardsTableStatusCellElement>;
+            "sqm-rewards-table-status-column": LocalJSX.SqmRewardsTableStatusColumn & JSXBase.HTMLAttributes<HTMLSqmRewardsTableStatusColumnElement>;
             "sqm-route": LocalJSX.SqmRoute & JSXBase.HTMLAttributes<HTMLSqmRouteElement>;
             "sqm-router": LocalJSX.SqmRouter & JSXBase.HTMLAttributes<HTMLSqmRouterElement>;
+            "sqm-scroll": LocalJSX.SqmScroll & JSXBase.HTMLAttributes<HTMLSqmScrollElement>;
             "sqm-share-button": LocalJSX.SqmShareButton & JSXBase.HTMLAttributes<HTMLSqmShareButtonElement>;
             "sqm-share-code": LocalJSX.SqmShareCode & JSXBase.HTMLAttributes<HTMLSqmShareCodeElement>;
             "sqm-share-link": LocalJSX.SqmShareLink & JSXBase.HTMLAttributes<HTMLSqmShareLinkElement>;
             "sqm-stat-container": LocalJSX.SqmStatContainer & JSXBase.HTMLAttributes<HTMLSqmStatContainerElement>;
             "sqm-stencilbook": LocalJSX.SqmStencilbook & JSXBase.HTMLAttributes<HTMLSqmStencilbookElement>;
+            "sqm-tab": LocalJSX.SqmTab & JSXBase.HTMLAttributes<HTMLSqmTabElement>;
             "sqm-table-cell": LocalJSX.SqmTableCell & JSXBase.HTMLAttributes<HTMLSqmTableCellElement>;
             "sqm-table-row": LocalJSX.SqmTableRow & JSXBase.HTMLAttributes<HTMLSqmTableRowElement>;
+            "sqm-tabs": LocalJSX.SqmTabs & JSXBase.HTMLAttributes<HTMLSqmTabsElement>;
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
+            "sqm-timeline": LocalJSX.SqmTimeline & JSXBase.HTMLAttributes<HTMLSqmTimelineElement>;
+            "sqm-timeline-entry": LocalJSX.SqmTimelineEntry & JSXBase.HTMLAttributes<HTMLSqmTimelineEntryElement>;
             "sqm-titled-section": LocalJSX.SqmTitledSection & JSXBase.HTMLAttributes<HTMLSqmTitledSectionElement>;
             "sqm-user-name": LocalJSX.SqmUserName & JSXBase.HTMLAttributes<HTMLSqmUserNameElement>;
         }