@saasquatch/mint-components 1.5.0-9 → 1.5.0-90

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,12 +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 { 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 {
@@ -66,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,9 +80,16 @@ 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;
         /**
@@ -86,6 +98,17 @@ export namespace Components {
          */
         "brandFont": string;
     }
+    interface SqmCardFeed {
+        /**
+          * @uiName Column Gap
+          * @uiType number
+         */
+        "gap": number;
+        /**
+          * @uiName Card Width
+         */
+        "width": number;
+    }
     interface SqmDividedLayout {
         /**
           * @uiName Direction
@@ -138,6 +161,25 @@ 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;
+        /**
+          * @uiName Table Empty State
+         */
+        "table": boolean;
+    }
     interface SqmFormMessage {
         /**
           * @uiName Icon to use in alert
@@ -176,10 +218,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
@@ -206,11 +356,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
          */
@@ -291,6 +446,7 @@ export namespace Components {
          */
         "demoData"?: DemoData<NavigationSidebarItemViewProps>;
         /**
+          * Options available at https://shoelace.style/components/icon
           * @uiName Icon
          */
         "icon": string;
@@ -384,18 +540,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
          */
@@ -417,6 +587,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
          */
@@ -486,6 +661,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
          */
@@ -512,6 +696,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
          */
@@ -528,6 +716,10 @@ export namespace Components {
           * @uiName Label for register navigation button
          */
         "registerLabel": string;
+        /**
+          * @uiName Register button redirection path
+         */
+        "registerPath": string;
         /**
           * @uiName Label for submit button
          */
@@ -622,6 +814,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
          */
@@ -634,6 +830,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
          */
@@ -659,6 +860,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;
@@ -687,69 +894,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 Card Background Color
-          * @uiWidget color
-         */
-        "cardBackground": string;
-        /**
-          * @uiName Card Text Color
+          * @uiName Header Background Color
           * @uiWidget color
          */
-        "cardColor": string;
-        /**
-          * @uiName Card Description
-         */
-        "cardDescription": string;
-        /**
-          * @uiName Card Title
-         */
-        "cardTitle": string;
+        "backgroundColor": string;
         /**
           * @uiName Header Text
          */
         "header": string;
-        /**
-          * @uiName Header Background Color
-          * @uiWidget color
-         */
-        "headerBackground": string;
         /**
           * @uiName Header Text Color
           * @uiWidget color
          */
-        "headerColor": string;
+        "textColor": string;
     }
     interface SqmProgramExplainerStep {
         /**
-          * @uiName Background
+          * @uiName Background Color
+          * @uiWidget color
          */
-        "background": string;
+        "backgroundColor": string;
+        /**
+          * @uiName Description
+         */
+        "description": string;
         /**
           * @uiName Title
          */
-        "cardTitle": string;
+        "header": string;
         /**
-          * @uiName Color
-          * @uiWidget color
+          * Options available at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "color": string;
+        "icon"?: string;
         /**
-          * @uiName Description
+          * Displayed in place of an icon
+          * @uiName Image Url
          */
-        "description": string;
+        "imageUrl"?: string;
         /**
-          * @uiName Icon
+          * @uiName Text Color
+          * @uiWidget color
          */
-        "icon": string;
+        "textColor": string;
     }
     interface SqmProgramMenu {
     }
+    interface SqmReferralCard {
+        /**
+          * @uiName Vertical Aligment
+          * @uiType string
+          * @uiEnum ["start", "center", "end"]
+         */
+        "verticalAlignment": "start" | "center" | "end";
+    }
     interface SqmReferralIframe {
         /**
           * @undocumented 
@@ -775,7 +985,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
          */
@@ -801,6 +1019,10 @@ export namespace Components {
           * @uiName Show Referred by user in table
          */
         "showReferrer"?: boolean;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "smBreakpoint"?: number;
     }
     interface SqmReferralTableCell {
         "innerTemplate": string;
@@ -815,6 +1037,7 @@ export namespace Components {
     }
     interface SqmReferralTableDateCell {
         "date": number;
+        "locale": string;
     }
     interface SqmReferralTableDateColumn {
         /**
@@ -827,24 +1050,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;
@@ -865,6 +1121,7 @@ export namespace Components {
         "inProgressStatusText": string;
         "renderCell": (data: Referral) => Promise<any>;
         "renderLabel": () => Promise<string>;
+        "renderReferrerCell": (data: Referrer) => Promise<any>;
     }
     interface SqmReferralTableUserCell {
         "name": string;
@@ -884,6 +1141,13 @@ 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 {
         /**
@@ -918,6 +1182,11 @@ export namespace Components {
           * @uiName Continue to Confirmation Button Text
          */
         "continueToConfirmationText": string;
+        /**
+          * Shown in the confirmation state.
+          * @uiName Cost Row Title
+         */
+        "costTitle": string;
         /**
           * @undocumented 
           * @uiType object
@@ -935,6 +1204,10 @@ export namespace Components {
           * @uiName Not Enough Available Error Message
          */
         "notEnoughError": string;
+        /**
+          * @uiName Promo Code Text
+         */
+        "promoCode": string;
         /**
           * @uiName Reward List Error Message
          */
@@ -951,7 +1224,41 @@ export namespace Components {
           * @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;
+        /**
+          * @uiName 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 {
         /**
@@ -959,6 +1266,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
          */
@@ -981,12 +1296,25 @@ 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 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 {
         /**
@@ -999,27 +1327,39 @@ export namespace Components {
           * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
          */
         "dateShown": string;
-        "renderCell": (data: Reward) => Promise<any>;
+        "renderCell": (data: Reward[], locale: string) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
+    interface SqmRewardsTableRewardCell {
+        "availableText": 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 Redeemed Amount Text
          */
-        "hideDetails": boolean;
-        "renderCell": (data: Reward[]) => Promise<any>;
+        "redeemedText": string;
+        "renderCell": (data: Reward[], locale: string) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
-    interface SqmRewardsTableRewardsCell {
-        "hideDetails": boolean;
-        "reward": Reward;
-    }
     interface SqmRewardsTableSourceCell {
+        "anonymousUserText": string;
+        "deletedUserText": string;
+        "locale": string;
+        "referralText": string;
         "reward": Reward;
+        "rewardExchangeText": string;
+        "rewardSourceText": string;
     }
     interface SqmRewardsTableSourceColumn {
         /**
@@ -1034,10 +1374,28 @@ export namespace Components {
           * @uiName Name displayed for deleted users
          */
         "deletedUser": string;
-        "renderCell": (data: Reward) => Promise<any>;
+        /**
+          * 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;
     }
@@ -1046,11 +1404,15 @@ export namespace Components {
           * @uiName Column Title
          */
         "columnTitle": string;
-        "renderCell": (data: Reward) => Promise<any>;
-        "renderLabel": () => Promise<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 {
@@ -1061,7 +1423,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
@@ -1080,6 +1458,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;
@@ -1094,8 +1473,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"
@@ -1133,6 +1512,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
@@ -1200,6 +1584,9 @@ export namespace Components {
     }
     interface SqmStencilbook {
     }
+    interface SqmTab {
+        "header": string;
+    }
     interface SqmTableCell {
         "colspan": number;
         "padding": string;
@@ -1207,6 +1594,14 @@ export namespace Components {
     interface SqmTableRow {
         "border": string;
     }
+    interface SqmTabs {
+        /**
+          * Used to specify the placement of the tabs
+          * @uiName Tabs Placement
+          * @uiEnum ["left", "right", "bottom", null]
+         */
+        "placement"?: "left" | "right" | "bottom" | null;
+    }
     interface SqmTaskCard {
         /**
           * @uiName CTA Button Link
@@ -1221,25 +1616,60 @@ export namespace Components {
          */
         "cardTitle": string;
         /**
-          * @uiName Description Text
+          * Displays the amount of times that a user has completed a repeatable task.
+          * @uiName Completed Count Text
          */
-        "description": string;
+        "completedText": string;
         /**
-          * @uiName Repeat Amount (0 for no limit)
+          * @undocumented 
+          * @uiType object
          */
-        "finite": number;
+        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
-          * @uiName Goal Completion Number
+          * @uiName Description Text
          */
-        "goal": number;
+        "description": string;
+        /**
+          * 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;
+        /**
+          * @uiName Goal Completion Number
+         */
+        "goal": number;
         /**
           * @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
          */
@@ -1258,14 +1688,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
@@ -1292,7 +1723,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
@@ -1306,6 +1773,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 {
         /**
@@ -1342,6 +1815,12 @@ declare global {
         prototype: HTMLSqmBrandElement;
         new (): HTMLSqmBrandElement;
     };
+    interface HTMLSqmCardFeedElement extends Components.SqmCardFeed, HTMLStencilElement {
+    }
+    var HTMLSqmCardFeedElement: {
+        prototype: HTMLSqmCardFeedElement;
+        new (): HTMLSqmCardFeedElement;
+    };
     interface HTMLSqmDividedLayoutElement extends Components.SqmDividedLayout, HTMLStencilElement {
     }
     var HTMLSqmDividedLayoutElement: {
@@ -1354,6 +1833,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: {
@@ -1372,12 +1857,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: {
@@ -1522,6 +2019,12 @@ declare global {
         prototype: HTMLSqmProgramMenuElement;
         new (): HTMLSqmProgramMenuElement;
     };
+    interface HTMLSqmReferralCardElement extends Components.SqmReferralCard, HTMLStencilElement {
+    }
+    var HTMLSqmReferralCardElement: {
+        prototype: HTMLSqmReferralCardElement;
+        new (): HTMLSqmReferralCardElement;
+    };
     interface HTMLSqmReferralIframeElement extends Components.SqmReferralIframe, HTMLStencilElement {
     }
     var HTMLSqmReferralIframeElement: {
@@ -1594,6 +2097,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: {
@@ -1606,6 +2115,18 @@ declare global {
         prototype: HTMLSqmRewardsTableElement;
         new (): HTMLSqmRewardsTableElement;
     };
+    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: {
@@ -1618,18 +2139,18 @@ declare global {
         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 HTMLSqmRewardsTableRewardsCellElement extends Components.SqmRewardsTableRewardsCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableRewardsCellElement: {
-        prototype: HTMLSqmRewardsTableRewardsCellElement;
-        new (): HTMLSqmRewardsTableRewardsCellElement;
-    };
     interface HTMLSqmRewardsTableSourceCellElement extends Components.SqmRewardsTableSourceCell, HTMLStencilElement {
     }
     var HTMLSqmRewardsTableSourceCellElement: {
@@ -1666,6 +2187,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: {
@@ -1696,6 +2223,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: {
@@ -1708,6 +2241,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: {
@@ -1726,6 +2265,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: {
@@ -1742,12 +2293,16 @@ declare global {
         "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;
@@ -1772,6 +2327,7 @@ declare global {
         "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;
@@ -1784,28 +2340,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-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-rewards-cell": HTMLSqmRewardsTableRewardsCellElement;
         "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;
     }
@@ -1842,6 +2406,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
@@ -1851,9 +2420,16 @@ 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;
         /**
@@ -1862,6 +2438,17 @@ declare namespace LocalJSX {
          */
         "brandFont"?: string;
     }
+    interface SqmCardFeed {
+        /**
+          * @uiName Column Gap
+          * @uiType number
+         */
+        "gap"?: number;
+        /**
+          * @uiName Card Width
+         */
+        "width"?: number;
+    }
     interface SqmDividedLayout {
         /**
           * @uiName Direction
@@ -1914,6 +2501,25 @@ 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;
+        /**
+          * @uiName Table Empty State
+         */
+        "table"?: boolean;
+    }
     interface SqmFormMessage {
         /**
           * @uiName Icon to use in alert
@@ -1952,10 +2558,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
@@ -1984,9 +2698,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
          */
@@ -2067,6 +2786,7 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<NavigationSidebarItemViewProps>;
         /**
+          * Options available at https://shoelace.style/components/icon
           * @uiName Icon
          */
         "icon"?: string;
@@ -2160,18 +2880,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
          */
@@ -2193,6 +2927,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
          */
@@ -2262,6 +3001,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
          */
@@ -2288,6 +3036,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
          */
@@ -2304,6 +3056,10 @@ declare namespace LocalJSX {
           * @uiName Label for register navigation button
          */
         "registerLabel"?: string;
+        /**
+          * @uiName Register button redirection path
+         */
+        "registerPath"?: string;
         /**
           * @uiName Label for submit button
          */
@@ -2398,6 +3154,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
          */
@@ -2410,6 +3170,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
          */
@@ -2435,6 +3200,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;
@@ -2463,69 +3234,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 Card Background Color
-          * @uiWidget color
-         */
-        "cardBackground"?: string;
-        /**
-          * @uiName Card Text Color
+          * @uiName Header Background Color
           * @uiWidget color
          */
-        "cardColor"?: string;
-        /**
-          * @uiName Card Description
-         */
-        "cardDescription"?: string;
-        /**
-          * @uiName Card Title
-         */
-        "cardTitle"?: string;
+        "backgroundColor"?: string;
         /**
           * @uiName Header Text
          */
         "header"?: string;
-        /**
-          * @uiName Header Background Color
-          * @uiWidget color
-         */
-        "headerBackground"?: string;
         /**
           * @uiName Header Text Color
           * @uiWidget color
          */
-        "headerColor"?: string;
+        "textColor"?: string;
     }
     interface SqmProgramExplainerStep {
         /**
-          * @uiName Background
-         */
-        "background"?: string;
-        /**
-          * @uiName Title
-         */
-        "cardTitle"?: string;
-        /**
-          * @uiName Color
+          * @uiName Background Color
           * @uiWidget color
          */
-        "color"?: string;
+        "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 
@@ -2551,7 +3325,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
          */
@@ -2577,6 +3359,10 @@ declare namespace LocalJSX {
           * @uiName Show Referred by user in table
          */
         "showReferrer"?: boolean;
+        /**
+          * @uiName Hide Columns (Mobile View)
+         */
+        "smBreakpoint"?: number;
     }
     interface SqmReferralTableCell {
         "innerTemplate"?: string;
@@ -2589,6 +3375,7 @@ declare namespace LocalJSX {
     }
     interface SqmReferralTableDateCell {
         "date"?: number;
+        "locale"?: string;
     }
     interface SqmReferralTableDateColumn {
         /**
@@ -2603,18 +3390,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;
@@ -2651,6 +3469,12 @@ declare namespace LocalJSX {
          */
         "deletedUser"?: string;
     }
+    interface SqmRefreshButton {
+        /**
+          * @uiName Icon to show in the slot
+         */
+        "icon"?: string;
+    }
     interface SqmRewardExchangeList {
         /**
           * @uiName Back Button Text
@@ -2684,6 +3508,11 @@ declare namespace LocalJSX {
           * @uiName Continue to Confirmation Button Text
          */
         "continueToConfirmationText"?: string;
+        /**
+          * Shown in the confirmation state.
+          * @uiName Cost Row Title
+         */
+        "costTitle"?: string;
         /**
           * @undocumented 
           * @uiType object
@@ -2701,6 +3530,10 @@ declare namespace LocalJSX {
           * @uiName Not Enough Available Error Message
          */
         "notEnoughError"?: string;
+        /**
+          * @uiName Promo Code Text
+         */
+        "promoCode"?: string;
         /**
           * @uiName Reward List Error Message
          */
@@ -2717,7 +3550,41 @@ declare namespace LocalJSX {
           * @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;
+        /**
+          * @uiName 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 {
         /**
@@ -2725,6 +3592,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
          */
@@ -2747,12 +3622,23 @@ 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 {
         /**
@@ -2766,22 +3652,34 @@ declare namespace LocalJSX {
          */
         "dateShown"?: string;
     }
+    interface SqmRewardsTableRewardCell {
+        "availableText"?: 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 Redeemed Amount Text
          */
-        "hideDetails"?: boolean;
-    }
-    interface SqmRewardsTableRewardsCell {
-        "hideDetails"?: boolean;
-        "reward"?: Reward;
+        "redeemedText"?: string;
     }
     interface SqmRewardsTableSourceCell {
+        "anonymousUserText"?: string;
+        "deletedUserText"?: string;
+        "locale"?: string;
+        "referralText"?: string;
         "reward"?: Reward;
+        "rewardExchangeText"?: string;
+        "rewardSourceText"?: string;
     }
     interface SqmRewardsTableSourceColumn {
         /**
@@ -2796,8 +3694,26 @@ declare namespace LocalJSX {
           * @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;
     }
@@ -2809,6 +3725,10 @@ declare namespace LocalJSX {
         /**
           * @uiName Expired Status Text
          */
+        "expiryText"?: string;
+        /**
+          * @uiName Reward Status Text
+         */
         "statusText"?: string;
     }
     interface SqmRoute {
@@ -2819,7 +3739,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
@@ -2838,6 +3774,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;
@@ -2852,8 +3789,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"
@@ -2891,6 +3828,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
@@ -2958,6 +3900,9 @@ declare namespace LocalJSX {
     }
     interface SqmStencilbook {
     }
+    interface SqmTab {
+        "header"?: string;
+    }
     interface SqmTableCell {
         "colspan"?: number;
         "padding"?: string;
@@ -2965,6 +3910,14 @@ declare namespace LocalJSX {
     interface SqmTableRow {
         "border"?: string;
     }
+    interface SqmTabs {
+        /**
+          * Used to specify the placement of the tabs
+          * @uiName Tabs Placement
+          * @uiEnum ["left", "right", "bottom", null]
+         */
+        "placement"?: "left" | "right" | "bottom" | null;
+    }
     interface SqmTaskCard {
         /**
           * @uiName CTA Button Link
@@ -2978,12 +3931,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;
         /**
@@ -2994,6 +3978,10 @@ declare namespace LocalJSX {
           * @uiName CTA Button Link Open in New Tab
          */
         "openNewTab"?: boolean;
+        /**
+          * @uiName Program ID override
+         */
+        "programId"?: string;
         /**
           * @uiName Progress Bar Unit
          */
@@ -3016,14 +4004,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
@@ -3050,7 +4039,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
@@ -3064,6 +4089,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 {
         /**
@@ -3084,12 +4115,16 @@ declare namespace LocalJSX {
         "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;
@@ -3114,6 +4149,7 @@ declare namespace LocalJSX {
         "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;
@@ -3126,28 +4162,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-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-rewards-cell": SqmRewardsTableRewardsCell;
         "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;
     }
@@ -3159,12 +4203,16 @@ declare module "@stencil/core" {
             "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>;
@@ -3189,6 +4237,7 @@ declare module "@stencil/core" {
             "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>;
@@ -3201,28 +4250,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-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-rewards-cell": LocalJSX.SqmRewardsTableRewardsCell & JSXBase.HTMLAttributes<HTMLSqmRewardsTableRewardsCellElement>;
             "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>;
         }