npm - @saasquatch/mint-components - Versions diffs - 1.6.2-2 → 1.7.0-1 - Mend

@saasquatch/mint-components 1.6.2-2 → 1.7.0-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (948) hide show

package/dist/types/components.d.ts CHANGED Viewed

@@ -7,11 +7,11 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { DemoData } from "./global/demo";
 import { AssetCardViewProps } from "./components/sqm-asset-card/sqm-asset-card-view";
+import { FontSize, Spacing } from "./global/mixins";
 import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
 import { DropdownFieldViewProps } from "./components/sqm-dropdown-field/sqm-dropdown-field-view";
 import { EditProfileViewProps } from "./components/sqm-edit-profile/sqm-edit-profile-view";
-import { Spacing } from "./global/mixins";
 import { FunctionalComponent } from "./stencil-public-runtime";
 import { InputFieldViewProps } from "./components/sqm-input-field/sqm-input-field-view";
 import { LeaderboardViewProps } from "./components/sqm-leaderboard/sqm-leaderboard-view";
@@ -27,7 +27,6 @@ import { PortalFrameViewProps } from "./components/sqm-portal-frame/sqm-portal-f
 import { PortalLoginViewProps } from "./components/sqm-portal-login/sqm-portal-login-view";
 import { PortalProfileViewProps } from "./components/sqm-portal-profile/sqm-portal-profile-view";
 import { PortalRegisterViewProps } from "./components/sqm-portal-register/sqm-portal-register-view";
-import { PortalRegistrationFormViewProps } from "./components/sqm-portal-registration-form/sqm-portal-registration-form-view";
 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";
@@ -84,6 +83,30 @@ export namespace Components {
           * @uiWidget programSelector
          */
         "programId"?: string;
+        /**
+          * @uiName Stat Color
+          * @uiWidget color
+         */
+        "statColor"?: string;
+        /**
+          * @uiName Stat Description Color
+          * @uiWidget color
+         */
+        "statDescriptionColor"?: string;
+        /**
+          * @uiName Stat Description Font Size
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "statDescriptionFontSize"?: FontSize;
+        /**
+          * @uiName Stat Font Size
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "statFontSize"?: FontSize;
         /**
           * Select what type of stat to display. Manual paths are also supported.
           * @uiWidget statTypeSelectWidget
@@ -94,6 +117,15 @@ export namespace Components {
         "statType": string;
     }
     interface SqmBrand {
+        /**
+          * @uiName Background Color
+          * @uiWidget color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Configure border radius with pixel amount
+         */
+        "borderRadius"?: number;
         /**
           * Controls the primary brand color used in the Mint Components library.
           * @uiName Brand Color
@@ -102,13 +134,33 @@ export namespace Components {
          */
         "brandColor": string;
         /**
-          * A font from the Google Fonts library used throughout the widget. This value is case sensitive.
+          * The brand font that you want to use
           * @uiName Brand Font
           * @default "Nunito Sans"
          */
         "brandFont": string;
+        /**
+          * @uiName Font Color
+          * @uiWidget color
+         */
+        "fontColor"?: string;
     }
     interface SqmCardFeed {
+        /**
+          * @uiName Card Background Color
+          * @uiType color
+         */
+        "cardBackgroundColor"?: string;
+        /**
+          * @uiName Card Border Color
+          * @uiType color
+         */
+        "cardBorderColor"?: string;
+        /**
+          * @uiName Card Text Color
+          * @uiType color
+         */
+        "cardTextColor"?: string;
         /**
           * @uiName Column Gap
           * @uiType number
@@ -302,6 +354,10 @@ export namespace Components {
           * @format color
          */
         "backgroundColor"?: string;
+        /**
+          * @uiName Configure border radius with pixel amount
+         */
+        "borderRadius"?: number;
         /**
           * @uiName Button Link
          */
@@ -404,6 +460,10 @@ export namespace Components {
           * @format
          */
         "backgroundColor": string;
+        /**
+          * @uiName Configure border radius with pixel amount
+         */
+        "borderRadius"?: number;
         /**
           * @uiWidget ImageUpload
           * @format url
@@ -479,8 +539,8 @@ export namespace Components {
           * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
           * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "leaderboardType": | "topStartedReferrers"
-    | "topConvertedReferrers"
+        "leaderboardType": | "topStartedReferrers"
+    | "topConvertedReferrers"
     | "topPointEarners";
         /**
           * Control the maximum amount of rows displayed on the leaderboard.
@@ -536,8 +596,8 @@ export namespace Components {
           * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
           * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "leaderboardType": | "topStartedReferrers"
-    | "topConvertedReferrers"
+        "leaderboardType": | "topStartedReferrers"
+    | "topConvertedReferrers"
     | "topPointEarners";
         /**
           * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
@@ -711,6 +771,15 @@ export namespace Components {
         "successMessage": string;
     }
     interface SqmPortalContainer {
+        /**
+          * @uiName Background Color
+          * @uiWidget color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Configure border radius with pixel amount
+         */
+        "borderRadius"?: number;
         /**
           * @uiName Center Content
          */
@@ -743,18 +812,18 @@ export namespace Components {
           * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
           * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
          */
-        "justifyContent"?: | "start"
-    | "center"
-    | "end"
-    | "space-between"
-    | "space-around"
+        "justifyContent"?: | "start"
+    | "center"
+    | "end"
+    | "space-between"
+    | "space-around"
     | "space-evenly";
         /**
           * @uiName Maximum width
          */
         "maxWidth"?: string;
         /**
-          * @uiName Minimum Width
+          * @uiName Minimum width
          */
         "minWidth"?: string;
         /**
@@ -828,6 +897,7 @@ export namespace Components {
         "supportEmail": string;
         /**
           * @uiName Support Text
+          * @uiWidget textArea
          */
         "supportText": string;
         /**
@@ -1048,68 +1118,6 @@ export namespace Components {
          */
         "submitLabel": string;
     }
-    interface SqmPortalRegistrationForm {
-        /**
-          * Show or hide the confirm password input
-          * @uiName Show Confirm Password Field
-          * @default
-         */
-        "confirmPassword": boolean;
-        /**
-          * @uiName Confirm Password Label
-         */
-        "confirmPasswordLabel": string;
-        /**
-          * @undocumented
-          * @uiType object
-         */
-        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
-        /**
-          * @uiName Email Label
-         */
-        "emailLabel": string;
-        /**
-          * @uiName Enable Password Validation
-         */
-        "enablePasswordValidation": boolean;
-        /**
-          * Hide default input fields to use custom fields
-          * @uiName Hide Default Inputs
-          * @default
-         */
-        "hideInputs": boolean;
-        /**
-          * @uiName Login Button Text
-         */
-        "loginLabel": string;
-        /**
-          * Login button redirection path
-          * @uiName Login Path
-         */
-        "loginPath": string;
-        /**
-          * Page navigated to after registration
-          * @uiName Next Page
-         */
-        "nextPage": string;
-        /**
-          * @uiName Heading Label
-         */
-        "pageLabel": string;
-        /**
-          * @uiName Password Label
-         */
-        "passwordLabel": string;
-        /**
-          * The page that users are redirected to from the verification email.
-          * @uiName Email Redirection Base Path
-         */
-        "redirectPath": string;
-        /**
-          * @uiName Submit Button Text
-         */
-        "submitLabel": string;
-    }
     interface SqmPortalResetPassword {
         /**
           * Show or hide confirm password field
@@ -1211,7 +1219,7 @@ export namespace Components {
          */
         "header": string;
         /**
-          * Full list of valid icon names available in the {@link https://shoelace.style/components/icon Shoelace Icon Library}. This value is case sensitive.
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
           * @uiName Icon
          */
         "icon"?: string;
@@ -1234,7 +1242,7 @@ export namespace Components {
     interface SqmQa {
         /**
           * Description here
-          * @uiName Boolean Switch with default
+          * @uiName Boolean Switch with default - true
          */
         "booleanSwitch"?: boolean;
         /**
@@ -1248,6 +1256,11 @@ export namespace Components {
           * @required
          */
         "booleanSwitchRequiredNoDefault"?: boolean;
+        /**
+          * Description here
+          * @uiName Boolean Switch with default - false
+         */
+        "booleanSwitchfalse"?: boolean;
         /**
           * Description here
           * @uiName Color with default
@@ -1495,6 +1508,32 @@ export namespace Components {
         "placement"?: "left" | "right" | "bottom" | "top";
     }
     interface SqmReferralCard {
+        /**
+          * @uiName Background Color
+          * @uiWidget color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Border Color
+          * @uiWidget color
+         */
+        "borderColor"?: string;
+        /**
+          * @uiName Configure border radius with pixel amount
+         */
+        "borderRadius"?: number;
+        /**
+          * @uiName Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "padding"?: Spacing;
+        /**
+          * @uiName Text Color
+          * @uiWidget color
+         */
+        "textColor"?: string;
         /**
           * @uiName Vertical Aligment
           * @uiType string
@@ -1537,6 +1576,10 @@ export namespace Components {
           * @uiName Hidden Mobile Columns
          */
         "hiddenColumns"?: string;
+        /**
+          * @uiName Hide Column Labels
+         */
+        "hideLabels"?: boolean;
         /**
           * @uiName Tablet Breakpoint
          */
@@ -1560,10 +1603,6 @@ export namespace Components {
           * @uiWidget programSelector
          */
         "programId": string;
-        /**
-          * @uiName Show Column Labels
-         */
-        "showLabels"?: boolean;
         /**
           * Show referred by user in table
           * @uiName Show Referrer
@@ -1843,6 +1882,10 @@ export namespace Components {
           * @uiName Mobile Hidden Columns
          */
         "hiddenColumns"?: string;
+        /**
+          * @uiName Hide Column Labels
+         */
+        "hideLabels"?: boolean;
         /**
           * @uiName Tablet Breakpoint
          */
@@ -1865,10 +1908,6 @@ export namespace Components {
           * @uiWidget programSelector
          */
         "programId": string;
-        /**
-          * @uiName Show column labels
-         */
-        "showLabels"?: boolean;
         /**
           * @uiName Mobile Breakpoint
          */
@@ -2036,12 +2075,12 @@ export namespace Components {
           * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
           * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
          */
-        "buttonType": | "default"
-    | "primary"
-    | "success"
-    | "neutral"
-    | "warning"
-    | "danger"
+        "buttonType": | "default"
+    | "primary"
+    | "success"
+    | "neutral"
+    | "warning"
+    | "danger"
     | "text";
         /**
           * Draws a circle button.
@@ -2049,7 +2088,7 @@ export namespace Components {
          */
         "circle": boolean;
         /**
-          * Full list of valid icon names available in the {@link https://shoelace.style/components/icon Shoelace Icon Library}. This value is case sensitive.
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
           * @uiName Icon
          */
         "iconName": string;
@@ -2151,17 +2190,17 @@ export namespace Components {
           * @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"
-    | "email"
-    | "direct"
-    | "linkedin"
-    | "sms"
-    | "fbmessenger"
-    | "whatsapp"
-    | "linemessenger"
-    | "pinterest"
-    | "reminder"
+        "medium": | "facebook"
+    | "twitter"
+    | "email"
+    | "direct"
+    | "linkedin"
+    | "sms"
+    | "fbmessenger"
+    | "whatsapp"
+    | "linemessenger"
+    | "pinterest"
+    | "reminder"
     | "unknown";
         /**
           * @uiName Display Pill
@@ -2202,12 +2241,12 @@ export namespace Components {
           * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
           * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
-        "type"?: | "primary"
-    | "success"
-    | "info"
-    | "warning"
-    | "danger"
-    | "default"
+        "type"?: | "primary"
+    | "success"
+    | "info"
+    | "warning"
+    | "danger"
+    | "default"
     | "text";
     }
     interface SqmShareCode {
@@ -2234,6 +2273,20 @@ export namespace Components {
         "tooltiptext": string;
     }
     interface SqmShareLink {
+        /**
+          * @uiName Background Color
+          * @uiWidget color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Border Color
+          * @uiWidget color
+         */
+        "borderColor"?: string;
+        /**
+          * @uiName Configure border radius with pixel amount
+         */
+        "borderRadius"?: number;
         /**
           * @undocumented
           * @uiType object
@@ -2245,6 +2298,18 @@ export namespace Components {
           * @uiWidget programSelector
          */
         "programId"?: string;
+        /**
+          * @uiName Input Size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large" ]
+          * @uiEnumNames ["Small", "Medium", "Large"]
+         */
+        "size"?: "small" | "medium" | "large";
+        /**
+          * @uiName Text Color
+          * @uiWidget color
+         */
+        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip Lifespan
@@ -2257,6 +2322,11 @@ export namespace Components {
         "tooltiptext": string;
     }
     interface SqmStatContainer {
+        /**
+          * @uiName Border Color
+          * @uiWidget color
+         */
+        "borderColor"?: string;
         /**
           * @uiName Display
           * @uiType string
@@ -2264,6 +2334,10 @@ export namespace Components {
           * @uiEnumNames ["Grid", "Flex"]
          */
         "display": "grid" | "flex";
+        /**
+          * @uiName Show Border
+         */
+        "showBorder"?: boolean;
         /**
           * @uiName Space Between Stats
           * @uiType string
@@ -2281,10 +2355,19 @@ export namespace Components {
         "header": string;
     }
     interface SqmTableCell {
+        /**
+          * @uiName Column Span
+         */
         "colspan": number;
+        /**
+          * @uiName Padding}
+         */
         "padding": string;
     }
     interface SqmTableRow {
+        /**
+          * @uiName Border
+         */
         "border": string;
     }
     interface SqmTabs {
@@ -2482,6 +2565,11 @@ export namespace Components {
          */
         "reward": string;
         "setIcon": (value: "gift" | "circle") => Promise<void>;
+        /**
+          * @uiName Text Color
+          * @uiWidget color
+         */
+        "textColor"?: string;
         /**
           * @uiName Reward Unit
          */
@@ -2751,12 +2839,6 @@ declare global {
         prototype: HTMLSqmPortalRegisterElement;
         new (): HTMLSqmPortalRegisterElement;
     };
-    interface HTMLSqmPortalRegistrationFormElement extends Components.SqmPortalRegistrationForm, HTMLStencilElement {
-    }
-    var HTMLSqmPortalRegistrationFormElement: {
-        prototype: HTMLSqmPortalRegistrationFormElement;
-        new (): HTMLSqmPortalRegistrationFormElement;
-    };
     interface HTMLSqmPortalResetPasswordElement extends Components.SqmPortalResetPassword, HTMLStencilElement {
     }
     var HTMLSqmPortalResetPasswordElement: {
@@ -3106,7 +3188,6 @@ declare global {
         "sqm-portal-profile": HTMLSqmPortalProfileElement;
         "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
         "sqm-portal-register": HTMLSqmPortalRegisterElement;
-        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
         "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
         "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
         "sqm-program-explainer": HTMLSqmProgramExplainerElement;
@@ -3205,6 +3286,30 @@ declare namespace LocalJSX {
           * @uiWidget programSelector
          */
         "programId"?: string;
+        /**
+          * @uiName Stat Color
+          * @uiWidget color
+         */
+        "statColor"?: string;
+        /**
+          * @uiName Stat Description Color
+          * @uiWidget color
+         */
+        "statDescriptionColor"?: string;
+        /**
+          * @uiName Stat Description Font Size
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "statDescriptionFontSize"?: FontSize;
+        /**
+          * @uiName Stat Font Size
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "statFontSize"?: FontSize;
         /**
           * Select what type of stat to display. Manual paths are also supported.
           * @uiWidget statTypeSelectWidget
@@ -3215,6 +3320,15 @@ declare namespace LocalJSX {
         "statType"?: string;
     }
     interface SqmBrand {
+        /**
+          * @uiName Background Color
+          * @uiWidget color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Configure border radius with pixel amount
+         */
+        "borderRadius"?: number;
         /**
           * Controls the primary brand color used in the Mint Components library.
           * @uiName Brand Color
@@ -3223,13 +3337,33 @@ declare namespace LocalJSX {
          */
         "brandColor"?: string;
         /**
-          * A font from the Google Fonts library used throughout the widget. This value is case sensitive.
+          * The brand font that you want to use
           * @uiName Brand Font
           * @default "Nunito Sans"
          */
         "brandFont"?: string;
+        /**
+          * @uiName Font Color
+          * @uiWidget color
+         */
+        "fontColor"?: string;
     }
     interface SqmCardFeed {
+        /**
+          * @uiName Card Background Color
+          * @uiType color
+         */
+        "cardBackgroundColor"?: string;
+        /**
+          * @uiName Card Border Color
+          * @uiType color
+         */
+        "cardBorderColor"?: string;
+        /**
+          * @uiName Card Text Color
+          * @uiType color
+         */
+        "cardTextColor"?: string;
         /**
           * @uiName Column Gap
           * @uiType number
@@ -3423,6 +3557,10 @@ declare namespace LocalJSX {
           * @format color
          */
         "backgroundColor"?: string;
+        /**
+          * @uiName Configure border radius with pixel amount
+         */
+        "borderRadius"?: number;
         /**
           * @uiName Button Link
          */
@@ -3525,6 +3663,10 @@ declare namespace LocalJSX {
           * @format
          */
         "backgroundColor"?: string;
+        /**
+          * @uiName Configure border radius with pixel amount
+         */
+        "borderRadius"?: number;
         /**
           * @uiWidget ImageUpload
           * @format url
@@ -3600,8 +3742,8 @@ declare namespace LocalJSX {
           * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
           * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
     | "topPointEarners";
         /**
           * Control the maximum amount of rows displayed on the leaderboard.
@@ -3657,8 +3799,8 @@ declare namespace LocalJSX {
           * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
           * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
     | "topPointEarners";
         /**
           * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
@@ -3832,6 +3974,15 @@ declare namespace LocalJSX {
         "successMessage"?: string;
     }
     interface SqmPortalContainer {
+        /**
+          * @uiName Background Color
+          * @uiWidget color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Configure border radius with pixel amount
+         */
+        "borderRadius"?: number;
         /**
           * @uiName Center Content
          */
@@ -3864,18 +4015,18 @@ declare namespace LocalJSX {
           * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
           * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
          */
-        "justifyContent"?: | "start"
-    | "center"
-    | "end"
-    | "space-between"
-    | "space-around"
+        "justifyContent"?: | "start"
+    | "center"
+    | "end"
+    | "space-between"
+    | "space-around"
     | "space-evenly";
         /**
           * @uiName Maximum width
          */
         "maxWidth"?: string;
         /**
-          * @uiName Minimum Width
+          * @uiName Minimum width
          */
         "minWidth"?: string;
         /**
@@ -3949,6 +4100,7 @@ declare namespace LocalJSX {
         "supportEmail"?: string;
         /**
           * @uiName Support Text
+          * @uiWidget textArea
          */
         "supportText"?: string;
         /**
@@ -4169,68 +4321,6 @@ declare namespace LocalJSX {
          */
         "submitLabel"?: string;
     }
-    interface SqmPortalRegistrationForm {
-        /**
-          * Show or hide the confirm password input
-          * @uiName Show Confirm Password Field
-          * @default
-         */
-        "confirmPassword"?: boolean;
-        /**
-          * @uiName Confirm Password Label
-         */
-        "confirmPasswordLabel"?: string;
-        /**
-          * @undocumented
-          * @uiType object
-         */
-        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
-        /**
-          * @uiName Email Label
-         */
-        "emailLabel"?: string;
-        /**
-          * @uiName Enable Password Validation
-         */
-        "enablePasswordValidation"?: boolean;
-        /**
-          * Hide default input fields to use custom fields
-          * @uiName Hide Default Inputs
-          * @default
-         */
-        "hideInputs"?: boolean;
-        /**
-          * @uiName Login Button Text
-         */
-        "loginLabel"?: string;
-        /**
-          * Login button redirection path
-          * @uiName Login Path
-         */
-        "loginPath"?: string;
-        /**
-          * Page navigated to after registration
-          * @uiName Next Page
-         */
-        "nextPage"?: string;
-        /**
-          * @uiName Heading Label
-         */
-        "pageLabel"?: string;
-        /**
-          * @uiName Password Label
-         */
-        "passwordLabel"?: string;
-        /**
-          * The page that users are redirected to from the verification email.
-          * @uiName Email Redirection Base Path
-         */
-        "redirectPath"?: string;
-        /**
-          * @uiName Submit Button Text
-         */
-        "submitLabel"?: string;
-    }
     interface SqmPortalResetPassword {
         /**
           * Show or hide confirm password field
@@ -4332,7 +4422,7 @@ declare namespace LocalJSX {
          */
         "header"?: string;
         /**
-          * Full list of valid icon names available in the {@link https://shoelace.style/components/icon Shoelace Icon Library}. This value is case sensitive.
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
           * @uiName Icon
          */
         "icon"?: string;
@@ -4355,7 +4445,7 @@ declare namespace LocalJSX {
     interface SqmQa {
         /**
           * Description here
-          * @uiName Boolean Switch with default
+          * @uiName Boolean Switch with default - true
          */
         "booleanSwitch"?: boolean;
         /**
@@ -4369,6 +4459,11 @@ declare namespace LocalJSX {
           * @required
          */
         "booleanSwitchRequiredNoDefault"?: boolean;
+        /**
+          * Description here
+          * @uiName Boolean Switch with default - false
+         */
+        "booleanSwitchfalse"?: boolean;
         /**
           * Description here
           * @uiName Color with default
@@ -4616,6 +4711,32 @@ declare namespace LocalJSX {
         "placement"?: "left" | "right" | "bottom" | "top";
     }
     interface SqmReferralCard {
+        /**
+          * @uiName Background Color
+          * @uiWidget color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Border Color
+          * @uiWidget color
+         */
+        "borderColor"?: string;
+        /**
+          * @uiName Configure border radius with pixel amount
+         */
+        "borderRadius"?: number;
+        /**
+          * @uiName Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "padding"?: Spacing;
+        /**
+          * @uiName Text Color
+          * @uiWidget color
+         */
+        "textColor"?: string;
         /**
           * @uiName Vertical Aligment
           * @uiType string
@@ -4658,6 +4779,10 @@ declare namespace LocalJSX {
           * @uiName Hidden Mobile Columns
          */
         "hiddenColumns"?: string;
+        /**
+          * @uiName Hide Column Labels
+         */
+        "hideLabels"?: boolean;
         /**
           * @uiName Tablet Breakpoint
          */
@@ -4681,10 +4806,6 @@ declare namespace LocalJSX {
           * @uiWidget programSelector
          */
         "programId"?: string;
-        /**
-          * @uiName Show Column Labels
-         */
-        "showLabels"?: boolean;
         /**
           * Show referred by user in table
           * @uiName Show Referrer
@@ -4950,6 +5071,10 @@ declare namespace LocalJSX {
           * @uiName Mobile Hidden Columns
          */
         "hiddenColumns"?: string;
+        /**
+          * @uiName Hide Column Labels
+         */
+        "hideLabels"?: boolean;
         /**
           * @uiName Tablet Breakpoint
          */
@@ -4972,10 +5097,6 @@ declare namespace LocalJSX {
           * @uiWidget programSelector
          */
         "programId"?: string;
-        /**
-          * @uiName Show column labels
-         */
-        "showLabels"?: boolean;
         /**
           * @uiName Mobile Breakpoint
          */
@@ -5133,12 +5254,12 @@ declare namespace LocalJSX {
           * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
           * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
          */
-        "buttonType"?: | "default"
-    | "primary"
-    | "success"
-    | "neutral"
-    | "warning"
-    | "danger"
+        "buttonType"?: | "default"
+    | "primary"
+    | "success"
+    | "neutral"
+    | "warning"
+    | "danger"
     | "text";
         /**
           * Draws a circle button.
@@ -5146,7 +5267,7 @@ declare namespace LocalJSX {
          */
         "circle"?: boolean;
         /**
-          * Full list of valid icon names available in the {@link https://shoelace.style/components/icon Shoelace Icon Library}. This value is case sensitive.
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
           * @uiName Icon
          */
         "iconName"?: string;
@@ -5248,17 +5369,17 @@ declare namespace LocalJSX {
           * @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"
-    | "email"
-    | "direct"
-    | "linkedin"
-    | "sms"
-    | "fbmessenger"
-    | "whatsapp"
-    | "linemessenger"
-    | "pinterest"
-    | "reminder"
+        "medium"?: | "facebook"
+    | "twitter"
+    | "email"
+    | "direct"
+    | "linkedin"
+    | "sms"
+    | "fbmessenger"
+    | "whatsapp"
+    | "linemessenger"
+    | "pinterest"
+    | "reminder"
     | "unknown";
         /**
           * @uiName Display Pill
@@ -5299,12 +5420,12 @@ declare namespace LocalJSX {
           * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
           * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
-        "type"?: | "primary"
-    | "success"
-    | "info"
-    | "warning"
-    | "danger"
-    | "default"
+        "type"?: | "primary"
+    | "success"
+    | "info"
+    | "warning"
+    | "danger"
+    | "default"
     | "text";
     }
     interface SqmShareCode {
@@ -5331,6 +5452,20 @@ declare namespace LocalJSX {
         "tooltiptext"?: string;
     }
     interface SqmShareLink {
+        /**
+          * @uiName Background Color
+          * @uiWidget color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Border Color
+          * @uiWidget color
+         */
+        "borderColor"?: string;
+        /**
+          * @uiName Configure border radius with pixel amount
+         */
+        "borderRadius"?: number;
         /**
           * @undocumented
           * @uiType object
@@ -5342,6 +5477,18 @@ declare namespace LocalJSX {
           * @uiWidget programSelector
          */
         "programId"?: string;
+        /**
+          * @uiName Input Size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large" ]
+          * @uiEnumNames ["Small", "Medium", "Large"]
+         */
+        "size"?: "small" | "medium" | "large";
+        /**
+          * @uiName Text Color
+          * @uiWidget color
+         */
+        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip Lifespan
@@ -5354,6 +5501,11 @@ declare namespace LocalJSX {
         "tooltiptext"?: string;
     }
     interface SqmStatContainer {
+        /**
+          * @uiName Border Color
+          * @uiWidget color
+         */
+        "borderColor"?: string;
         /**
           * @uiName Display
           * @uiType string
@@ -5361,6 +5513,10 @@ declare namespace LocalJSX {
           * @uiEnumNames ["Grid", "Flex"]
          */
         "display"?: "grid" | "flex";
+        /**
+          * @uiName Show Border
+         */
+        "showBorder"?: boolean;
         /**
           * @uiName Space Between Stats
           * @uiType string
@@ -5378,10 +5534,19 @@ declare namespace LocalJSX {
         "header"?: string;
     }
     interface SqmTableCell {
+        /**
+          * @uiName Column Span
+         */
         "colspan"?: number;
+        /**
+          * @uiName Padding}
+         */
         "padding"?: string;
     }
     interface SqmTableRow {
+        /**
+          * @uiName Border
+         */
         "border"?: string;
     }
     interface SqmTabs {
@@ -5578,6 +5743,11 @@ declare namespace LocalJSX {
           * @uiName Reward Amount
          */
         "reward"?: string;
+        /**
+          * @uiName Text Color
+          * @uiWidget color
+         */
+        "textColor"?: string;
         /**
           * @uiName Reward Unit
          */
@@ -5666,7 +5836,6 @@ declare namespace LocalJSX {
         "sqm-portal-profile": SqmPortalProfile;
         "sqm-portal-protected-route": SqmPortalProtectedRoute;
         "sqm-portal-register": SqmPortalRegister;
-        "sqm-portal-registration-form": SqmPortalRegistrationForm;
         "sqm-portal-reset-password": SqmPortalResetPassword;
         "sqm-portal-verify-email": SqmPortalVerifyEmail;
         "sqm-program-explainer": SqmProgramExplainer;
@@ -5761,7 +5930,6 @@ declare module "@stencil/core" {
             "sqm-portal-profile": LocalJSX.SqmPortalProfile & JSXBase.HTMLAttributes<HTMLSqmPortalProfileElement>;
             "sqm-portal-protected-route": LocalJSX.SqmPortalProtectedRoute & JSXBase.HTMLAttributes<HTMLSqmPortalProtectedRouteElement>;
             "sqm-portal-register": LocalJSX.SqmPortalRegister & JSXBase.HTMLAttributes<HTMLSqmPortalRegisterElement>;
-            "sqm-portal-registration-form": LocalJSX.SqmPortalRegistrationForm & JSXBase.HTMLAttributes<HTMLSqmPortalRegistrationFormElement>;
             "sqm-portal-reset-password": LocalJSX.SqmPortalResetPassword & JSXBase.HTMLAttributes<HTMLSqmPortalResetPasswordElement>;
             "sqm-portal-verify-email": LocalJSX.SqmPortalVerifyEmail & JSXBase.HTMLAttributes<HTMLSqmPortalVerifyEmailElement>;
             "sqm-program-explainer": LocalJSX.SqmProgramExplainer & JSXBase.HTMLAttributes<HTMLSqmProgramExplainerElement>;