@saasquatch/mint-components 1.5.0-3 → 1.5.0-33

package/dist/mint-components/p-ff0ddff6.system.entry.js

@@ -0,0 +1 @@
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(t,e){if(Object.defineProperty){Object.defineProperty(t,"raw",{value:e})}else{t.raw=e}return t};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++){e=arguments[n];for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a))t[a]=e[a]}return t};return __assign.apply(this,arguments)};System.register(["./p-ff17b3a4.system.js","./p-8ca21def.system.js","./p-f96c7b6a.system.js","./p-efc3066a.system.js","./p-848066bc.system.js","./p-e732fab4.system.js","./p-d7d6bf44.system.js","./p-4bd679a7.system.js","./p-2622f65b.system.js","./p-369b0165.system.js"],(function(t){"use strict";var e,n,i,a,r,s,o,u,l,d,m,f,c;return{setters:[function(t){e=t.r;n=t.h},function(t){i=t.k;a=t.e;r=t.m},function(){},function(){},function(t){s=t.d;o=t.n;u=t.a;l=t.D;d=t.k},function(){},function(t){m=t.g},function(t){f=t.c},function(t){c=t.a},function(){}],execute:function(){var v=s.gql(__makeTemplateObject(["\n  query {\n    viewer {\n      ... on User {\n        id\n        accountId\n        firstName\n        lastName\n        email\n        countryCode\n      }\n    }\n  }\n"],["\n  query {\n    viewer {\n      ... on User {\n        id\n        accountId\n        firstName\n        lastName\n        email\n        countryCode\n      }\n    }\n  }\n"]));var g=s.gql(__makeTemplateObject(["\n  mutation (\n    $id: String!\n    $accountId: String!\n    $firstName: String!\n    $lastName: String!\n  ) {\n    upsertUser(\n      userInput: {\n        id: $id\n        accountId: $accountId\n        firstName: $firstName\n        lastName: $lastName\n      }\n    ) {\n      firstName\n      lastName\n    }\n  }\n"],["\n  mutation (\n    $id: String!\n    $accountId: String!\n    $firstName: String!\n    $lastName: String!\n  ) {\n    upsertUser(\n      userInput: {\n        id: $id\n        accountId: $accountId\n        firstName: $firstName\n        lastName: $lastName\n      }\n    ) {\n      firstName\n      lastName\n    }\n  }\n"]));var _={country:"",email:"",firstName:"",lastName:"",errors:{},error:""};function y(t){var e=o();var n=i(false),r=n[0],s=n[1];var d=i(undefined),m=d[0],f=d[1];var c=i(_),y=c[0],N=c[1];var p=u(v,{},!(e===null||e===void 0?void 0:e.jwt));var b=l(g),h=b[0],x=b[1];a((function(){if(x===null||x===void 0?void 0:x.loading)return;if(x===null||x===void 0?void 0:x.errors){N((function(t){var e,n,i;return __assign(__assign({},t),{error:(i=(n=(e=x===null||x===void 0?void 0:x.errors)===null||e===void 0?void 0:e.response)===null||n===void 0?void 0:n.errors)===null||i===void 0?void 0:i[0].message})}))}else{f((function(t){var e;return __assign(__assign({},t),(e=x===null||x===void 0?void 0:x.data)===null||e===void 0?void 0:e.upsertUser)}));if(x===null||x===void 0?void 0:x.data)s(true)}}),[x===null||x===void 0?void 0:x.loading]);a((function(){var t,e;f((function(t){var e;return __assign(__assign({},t),(e=p===null||p===void 0?void 0:p.data)===null||e===void 0?void 0:e.viewer)}));N(__assign(__assign(__assign({},_),(t=p.data)===null||t===void 0?void 0:t.viewer),(e=x.data)===null||e===void 0?void 0:e.upsertUser))}),[p===null||p===void 0?void 0:p.data]);a((function(){var t,e;if((t=x===null||x===void 0?void 0:x.errors)===null||t===void 0?void 0:t.message){N(__assign(__assign({},(e=p.data)===null||e===void 0?void 0:e.viewer),{error:"Network request failed."}))}}),[x===null||x===void 0?void 0:x.errors]);var j=function(){s(false);if(y.firstName&&y.lastName){h({id:e===null||e===void 0?void 0:e.id,accountId:e===null||e===void 0?void 0:e.accountId,firstName:y.firstName,lastName:y.lastName});N((function(t){return __assign(__assign({},t),{errors:{},error:""})}));return}var t={};if(!y.firstName){t["firstName"]={message:"Field can't be empty"}}if(!y.lastName){t["lastName"]={message:"Field can't be empty"}}if(t!=={}){N((function(t){return __assign(__assign({},t),{error:"Please correct the errors below to update your profile."})}))}N((function(e){return __assign(__assign({},e),{errors:t})}))};return{states:{success:r,loading:(p===null||p===void 0?void 0:p.loading)||x.loading,submitDisabled:false,showCountry:t.showCountry,formState:y,user:m,text:{firstnametext:t.firstnametext,lastnametext:t.lastnametext,countrytext:t.countrytext,emailtext:t.emailtext,editProfileHeader:t.editProfileHeader,editProfileSubHeader:t.editProfileSubHeader,submitChangeButtonText:t.submitChangeButtonText}},callbacks:{onSubmit:j,onChange:function(t){var e=t.target,n=e.name,i=e.value;N((function(t){var e;return __assign(__assign({},t),(e={},e[n]=i,e))}))}}}}var N=t("sqm_portal_profile",function(){function t(t){e(this,t);this.ignored=true;this.firstnametext="First Name";this.lastnametext="Last Name";this.emailtext="Email";this.countrytext="Country";this.editProfileHeader="Edit your profile";this.editProfileSubHeader="Personal Information";this.submitChangeButtonText="Submit Changes";this.showCountry=true;r(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=d()?p(m(this)):y(m(this));return n(c,Object.assign({},t))};return t}());function p(t){return f({states:{success:false,loading:false,submitDisabled:false,showCountry:true,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"CA"},text:{firstnametext:"First Name",lastnametext:"Last Name",emailtext:"Email",countrytext:"Country",editProfileHeader:"Edit your profile",editProfileSubHeader:"Personal Information",submitChangeButtonText:"Submit Changes"},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:function(t){return console.log(t)},onChange:function(t){return console.log(t)}}},t.demoData||{},{arrayMerge:function(t,e){return e}})}}}}));

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

@@ -2,6 +2,7 @@ import { VNode } from "../../stencil-public-runtime";
 export interface BigStatViewProps {
   value: number;
   statvalue: string;
+  loading: boolean;
   flexReverse?: boolean;
   alignment?: "left" | "right" | "center";
 }

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

@@ -24,6 +24,12 @@ export declare class BigStat {
    * @uiEnum ["left", "right", "center"]
    */
   alignment?: "left" | "right" | "center";
+  /**
+   * 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;
   /**
    * @undocumented
    * @uiType object

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

@@ -6,6 +6,7 @@ export declare const queries: {
     query: (programId: string, ...args: string[]) => {
       value: number;
       statvalue: string;
+      loading: boolean;
     };
   };
 };

package/dist/types/components/sqm-brand/SqmBrand.stories.d.ts

@@ -4,3 +4,4 @@ declare const _default: {
 export default _default;
 export declare const Examples: () => any;
 export declare const Nested: () => any;
+export declare const Fonts: () => any;

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

@@ -1,7 +1,7 @@
 /**
  *
- * @uiName Big Stat
- * @slot the description of the component
+ * @uiName Brand Container
+ * @slot Controls the brand color and font of Mint Components wrapped by the container.
  */
 export declare class BrandComponent {
   /**
@@ -11,6 +11,12 @@ export declare class BrandComponent {
    * @uiName Brand Color
    */
   brandColor: string;
+  /**
+   * The brand font that you want to use
+   *
+   * @uiName Brand Font
+   */
+  brandFont: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

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

@@ -0,0 +1,5 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const TaskCardGrid: () => any;

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

@@ -0,0 +1,6 @@
+import { VNode } from "../../stencil-public-runtime";
+export interface CardFeedViewProps {
+  width: number;
+  gap: number;
+}
+export declare function CardFeedView(props: CardFeedViewProps, children: VNode): any;

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

@@ -0,0 +1,18 @@
+/**
+ * @uiName Card Feed
+ */
+export declare class CardFeed {
+  ignored: boolean;
+  /**
+   * @uiName Card Width
+   */
+  width: number;
+  /**
+   * @uiName Column Gap
+   * @uiType number
+   */
+  gap: number;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-leaderboard/Leaderboard.stories.d.ts

@@ -9,3 +9,6 @@ export declare const Empty: () => any;
 export declare const Loading: () => any;
 export declare const One: () => any;
 export declare const Five: () => any;
+export declare const FiveWithRank: () => any;
+export declare const UserInList: () => any;
+export declare const UserOutside: () => any;

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

@@ -17,7 +17,16 @@ export interface LeaderboardViewProps {
       rank: number;
       firstName: string;
       lastInitial: string;
+      rowNumber: number;
     }[];
+    showUser?: boolean;
+    userRank?: {
+      value: number;
+      rank: number;
+      firstName: string;
+      lastInitial: string;
+      rowNumber: number;
+    };
   };
   elements: {
     empty: VNode;

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

@@ -20,6 +20,10 @@ export declare class Leaderboard {
    * @uiName Show the ranking numbers
    */
   showRank: boolean;
+  /**
+   * @uiName Show viewing user's rank
+   */
+  showUser: boolean;
   /**
    * @uiName Rank type
    * @uiType string

package/dist/types/components/sqm-leaderboard/useLeaderboard.d.ts

@@ -5,6 +5,7 @@ export interface LeaderboardProps {
   statsheading: string;
   rankheading?: string;
   showRank?: boolean;
+  showUser?: boolean;
   rankType: "rowNumber" | "rank" | "denseRank";
   leaderboardType: "topStartedReferrers" | "topConvertedReferrers";
   interval: string;
@@ -22,5 +23,6 @@ export declare type Leaderboard = {
   rank: number;
   firstName: string;
   lastInitial: string;
+  rowNumber: number;
 };
 export declare function useLeaderboard(props: LeaderboardProps): LeaderboardViewProps;

package/dist/types/components/sqm-media/Media.stories.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Image: () => any;
+export declare const ImageWithHeader: () => any;
+export declare const ImageWithHeaderButton: () => any;
+export declare const Header: () => any;
+export declare const Description: () => any;
+export declare const HeaderWithImage: () => any;
+export declare const HTML: () => any;

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

@@ -0,0 +1,15 @@
+import { VNode } from "../../stencil-public-runtime";
+export interface MediaViewProps {
+  imgUrl?: string;
+  width?: string;
+  height?: string;
+  objectFit?: string;
+  header?: string;
+  description?: string;
+  imageHeader?: string;
+  imageDescription?: string;
+  buttonText?: string;
+  buttonLink?: string;
+  buttonNewTab?: boolean;
+}
+export declare function MediaView(props: MediaViewProps, children: VNode): any;

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

@@ -0,0 +1,52 @@
+/**
+ * @uiName Program Explainer Step
+ */
+export declare class Media {
+  /**
+   * @uiName imgUrl
+   */
+  imgUrl?: string;
+  /**
+   * @uiName width
+   */
+  width?: string;
+  /**
+   * @uiName height
+   */
+  height?: string;
+  /**
+   * @uiName objectFit
+   */
+  objectFit?: string;
+  /**
+   * @uiName header
+   */
+  header?: string;
+  /**
+   * @uiName description
+   */
+  description?: string;
+  /**
+   * @uiName imageHeader
+   */
+  imageHeader?: string;
+  /**
+   * @uiName imageDescription
+   */
+  imageDescription?: string;
+  /**
+   * @uiName buttonText
+   */
+  buttonText?: string;
+  /**
+   * @uiName buttonLink
+   */
+  buttonLink?: string;
+  /**
+   * @uiName buttonNewTab
+   */
+  buttonNewTab?: boolean;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-portal-container/PortalContainer.stories.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const TooWideColumn: () => any;
+export declare const TooWideRow: () => any;
+export declare const HalfWidth: () => any;
+export declare const FullWidth: () => any;

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

@@ -5,6 +5,7 @@ interface PortalContainerViewProps {
   padding: Spacing;
   gap: string;
   minWidth?: string;
+  maxWidth?: string;
 }
 export declare function PortalContainerView(props: PortalContainerViewProps, children: VNode): any;
 export {};

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

@@ -24,6 +24,10 @@ export declare class PortalContainer {
   gap: Spacing;
   /** @uiName Minimum width */
   minWidth?: string;
+  /**
+   * @uiName Maximum width
+   */
+  maxWidth?: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-portal-email-verification/sqm-portal-email-verification.d.ts

@@ -5,6 +5,12 @@ import { PortalEmailVerificationViewProps } from "./sqm-portal-email-verificatio
  */
 export declare class PortalEmailVerification {
   ignored: boolean;
+  /**
+   * The page that users are redirected to from the verification email.
+   *
+   * @uiName Email redirection base path
+   */
+  redirectPath: string;
   /**
    * @uiName Email verification header text
    */

package/dist/types/components/sqm-portal-forgot-password/sqm-portal-forgot-password-view.d.ts

@@ -3,6 +3,7 @@ export interface PortalForgotPasswordViewProps {
     error: string;
     loading: boolean;
     success: boolean;
+    loginPath: string;
   };
   callbacks: {
     submit: (event: any) => Promise<void>;

package/dist/types/components/sqm-portal-forgot-password/sqm-portal-forgot-password.d.ts

@@ -5,6 +5,12 @@ import { PortalForgotPasswordViewProps } from "./sqm-portal-forgot-password-view
  */
 export declare class PortalForgotPassword {
   ignored: boolean;
+  /**
+   * The page that users are redirected to from the password reset email.
+   *
+   * @uiName Email redirection base path
+   */
+  redirectPath: string;
   /**
    * @uiName Email label
    */
@@ -13,6 +19,10 @@ export declare class PortalForgotPassword {
    * @uiName Password reset button text
    */
   submitLabel: string;
+  /**
+   * @uiName Routing path to login page
+   */
+  loginPath: string;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-portal-forgot-password/usePortalForgotPassword.d.ts

@@ -1,8 +1,10 @@
-export declare function usePortalForgotPassword(): {
+import { PortalForgotPassword } from "./sqm-portal-forgot-password";
+export declare function usePortalForgotPassword(props: PortalForgotPassword): {
   states: {
     loading: boolean;
     error: string;
     success: boolean;
+    loginPath: string;
   };
   callbacks: {
     submit: (event: any) => Promise<void>;

package/dist/types/components/sqm-portal-login/sqm-portal-login-view.d.ts

@@ -2,6 +2,8 @@ export interface PortalLoginViewProps {
   states: {
     error: string;
     loading: boolean;
+    forgotPasswordPath: string;
+    registerPath: string;
   };
   callbacks: {
     submit: (event: any) => Promise<void>;

package/dist/types/components/sqm-portal-login/sqm-portal-login.d.ts

@@ -33,6 +33,14 @@ export declare class PortalLogin {
    * @uiName Heading label
    */
   pageLabel: string;
+  /**
+   * @uiName Register button redirection path
+   */
+  registerPath: string;
+  /**
+   * @uiName Forgot password button redirect path
+   */
+  forgotPasswordPath: string;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-portal-login/usePortalLogin.d.ts

@@ -1,9 +1,9 @@
-export declare function usePortalLogin({ nextPage }: {
-  nextPage: any;
-}): {
+export declare function usePortalLogin(props: any): {
   states: {
     loading: boolean;
     error: string;
+    registerPath: any;
+    forgotPasswordPath: any;
   };
   callbacks: {
     submit: (event: any) => Promise<void>;

package/dist/types/components/sqm-portal-register/sqm-portal-register-view.d.ts

@@ -7,6 +7,7 @@ export interface PortalRegisterViewProps {
     hideInputs: boolean;
     validationState?: FormState;
     enablePasswordValidation?: boolean;
+    loginPath: string;
   };
   callbacks: {
     submit: Function;

package/dist/types/components/sqm-portal-register/sqm-portal-register.d.ts

@@ -9,6 +9,12 @@ export declare class PortalRegister {
    * @uiName Page navigated to after registration
    */
   nextPage: string;
+  /**
+   * The page that users are redirected to from the verification email.
+   *
+   * @uiName Email redirection base path
+   */
+  redirectPath: string;
   /**
    * @uiName Label for email field
    */
@@ -45,6 +51,10 @@ export declare class PortalRegister {
    * @uiName Heading label
    */
   pageLabel: string;
+  /**
+   * @uiName Sign in button redirection path
+   */
+  loginPath: string;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-portal-register/usePortalRegister.d.ts

@@ -11,6 +11,7 @@ export declare function usePortalRegister(props: PortalRegister): {
     validationState: import("./useValidationState").FormState;
     confirmPassword: boolean;
     hideInputs: boolean;
+    loginPath: string;
   };
   callbacks: {
     submit: (event: any) => Promise<void>;

package/dist/types/components/sqm-portal-reset-password/sqm-portal-reset-password.d.ts

@@ -6,9 +6,17 @@ import { PortalResetPasswordViewProps } from "./sqm-portal-reset-password-view";
 export declare class PortalResetPassword {
   ignored: boolean;
   /**
+   * The page that users are redirected to when the password reset succeeds.
+   *
    * @uiName Next page path
    */
   nextPage: string;
+  /**
+   * The page that users are redirected to if the reset fails due to outdated password reset attempt.
+   *
+   * @uiName Failed page redirection path
+   */
+  failedPage: string;
   /**
    * @uiName Show confirm password
    */

package/dist/types/components/sqm-portal-verify-email/sqm-portal-verify-email.d.ts

@@ -6,9 +6,17 @@ import { PortalVerifyEmailViewProps } from "./sqm-portal-verify-email-view";
 export declare class PortalVerifyEmail {
   ignored: boolean;
   /**
+   * The page that users are redirected to when the verification succeeds.
+   *
    * @uiName Next page path
    */
   nextPage: string;
+  /**
+   * The page that users are redirected to if verification fails due to outdated verification attempt.
+   *
+   * @uiName Failed page redirection path
+   */
+  failedPage: string;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-portal-verify-email/usePortalVerifyEmail.d.ts

@@ -1,5 +1,6 @@
-export declare function usePortalVerifyEmail({ nextPage }: {
+export declare function usePortalVerifyEmail({ nextPage, failedPage }: {
   nextPage: any;
+  failedPage: any;
 }): {
   states: {
     loading: boolean;

package/dist/types/components/sqm-program-explainer/sqm-program-explainer-view.d.ts

@@ -1,9 +1,11 @@
 import { VNode } from "../../stencil-public-runtime";
 export interface ProgramExplainerViewProps {
   header: string;
-  title: string;
-  description: string;
-  color: string;
-  background: string;
+  headerColor: string;
+  headerBackground: string;
+  cardTitle: string;
+  cardDescription: string;
+  cardColor: string;
+  cardBackground: string;
 }
 export declare function ProgramExplainerView(props: ProgramExplainerViewProps, children: VNode): any;

package/dist/types/components/sqm-program-explainer/sqm-program-explainer.d.ts

@@ -4,27 +4,37 @@
 export declare class ProgramExplainer {
   ignored: boolean;
   /**
-   * @uiName Header
+   * @uiName Header Text
    */
   header: string;
   /**
-   * @uiName Title
+   * @uiName Header Text Color
+   * @uiWidget color
+   */
+  headerColor: string;
+  /**
+   * @uiName Header Background Color
+   * @uiWidget color
+   */
+  headerBackground: string;
+  /**
+   * @uiName Card Title
    */
-  title: string;
+  cardTitle: string;
   /**
-   * @uiName Description
+   * @uiName Card Description
    */
-  description: string;
+  cardDescription: string;
   /**
-   * @uiName Color
+   * @uiName Card Text Color
    * @uiWidget color
    */
-  color: string;
+  cardColor: string;
   /**
-   * @uiName Background
+   * @uiName Card Background Color
    * @uiWidget color
    */
-  background: string;
+  cardBackground: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-program-explainer-step/sqm-program-explainer-step-view.d.ts

@@ -1,7 +1,8 @@
 export interface ProgramExplainerStepViewProps {
-  title: string;
+  cardTitle: string;
   description: string;
   color: string;
   background: string;
+  icon: string;
 }
 export declare function ProgramExplainerStepView(props: ProgramExplainerStepViewProps): any;

package/dist/types/components/sqm-program-explainer-step/sqm-program-explainer-step.d.ts

@@ -5,19 +5,24 @@ export declare class ProgramExplainerStep {
   /**
    * @uiName Title
    */
-  title: string;
+  cardTitle: string;
   /**
    * @uiName Description
    */
   description: string;
   /**
    * @uiName Color
+   * @uiWidget color
    */
   color: string;
   /**
    * @uiName Background
    */
   background: string;
+  /**
+   * @uiName Icon
+   */
+  icon: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-referral-table/UseReferralTable.stories.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const ReferralTable: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

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

@@ -3,5 +3,5 @@ export declare class ReferralTableDateCell {
   date: number;
   constructor();
   disconnectedCallback(): void;
-  render(): any;
+  render(): string;
 }

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

@@ -1,4 +1,4 @@
 export declare class ReferralTableUserCell {
   name: string;
-  render(): any;
+  render(): string;
 }

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

@@ -1,5 +1,5 @@
 import { DemoData } from "../../global/demo";
-import { ReferralTableViewProps } from "./sqm-referral-table-view";
+import { GenericTableViewProps } from "../../tables/GenericTableView";
 /**
  * @uiName Referral Table
  */
@@ -22,11 +22,19 @@ export declare class ReferralTable {
   moreLabel?: string;
   /** @uiName Show Referred by user in table  */
   showReferrer?: boolean;
+  /** @uiName Hide Columns (Mobile View)  */
+  hiddenColumns?: string;
+  /** @uiName Hide Columns (Mobile View)  */
+  smBreakpoint?: number;
+  /** @uiName Hide Columns (Mobile View)  */
+  mdBreakpoint?: number;
+  /** @uiName Empty State Text  */
+  emptyStateText: string;
   /**
    * @undocumented
    * @uiType object
    */
-  demoData?: DemoData<ReferralTableViewProps>;
+  demoData?: DemoData<GenericTableViewProps>;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-referral-table/useReferralTable.d.ts

@@ -1,5 +1,6 @@
 import { VNode } from "../../stencil-public-runtime";
 import { ReferralTable } from "./sqm-referral-table";
-import { ReferralTableViewProps } from "./sqm-referral-table-view";
+import { GenericTableViewProps } from "../../tables/GenericTableView";
+export declare const CSS_NAMESPACE = "sqm-referral-table";
 export declare type ReferralDates = "dateConverted" | "dateReferralStarted" | "dateFraudChecksCompleted" | "dateModerated" | "dateModified" | "dateReferralEnded" | "dateReferralPaid" | "dateUserModified";
-export declare function useReferralTable(props: ReferralTable, emptyElement: VNode, loadingElement: VNode): ReferralTableViewProps;
+export declare function useReferralTable(props: ReferralTable, emptyElement: VNode, loadingElement: VNode): GenericTableViewProps;

package/dist/types/components/sqm-refresh-button/RefreshButtonView.d.ts

@@ -0,0 +1,15 @@
+import { VNode } from "../../stencil-public-runtime";
+export interface RefreshButtonViewProps {
+  loading?: boolean;
+  disabled?: boolean;
+  pill?: boolean;
+  type?: "primary" | "success" | "info" | "warning" | "danger" | "default" | "text";
+  size?: "small" | "medium" | "large";
+  icon?: string;
+  hideicon?: boolean;
+  hidetext?: boolean;
+  iconslot?: "prefix" | "suffix";
+  onClick?: () => void;
+  hide?: boolean;
+}
+export declare function RefreshButtonView(props: RefreshButtonViewProps, children: VNode): any;