@saasquatch/mint-components 1.6.8 → 1.6.9

package/dist/types/components/sqm-navigation-sidebar-item/sqm-navigation-sidebar-item.d.ts

@@ -8,7 +8,7 @@ import { NavigationSidebarItemViewProps } from "./sqm-navigation-sidebar-item-vi
  */
 export declare class NavigationSidebarItem {
   /**
-   * @uiName Navigation Path
+   * @uiName Navigation path
    * @uiWidget pageSelect
    */
   path: string;

package/dist/types/components/sqm-password-field/sqm-password-field.d.ts

@@ -20,12 +20,12 @@ export declare class PortalPasswordField {
   /**
    * Label for password field
    *
-   * @uiName Password Label
+   * @uiName Password label
    */
   fieldLabel: string;
   /**
    * Disable live password validation
-   * @uiName Disable Validation
+   * @uiName Disable validation
    */
   disableValidation: boolean;
   /**

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

@@ -7,25 +7,25 @@ export declare class PopupContainer {
   /**
    * Show Powered By SaaSquatch link
    *
-   * @uiName Show Powered By
+   * @uiName Show powered by
    */
   poweredBy: boolean;
   /**
    * Display a close button on the popup
    *
-   * @uiName Show Close Button
+   * @uiName Show close button
    */
   closeButton: boolean;
   /**
    * Text inside the close button
    *
-   * @uiName Close Button Text
+   * @uiName Close button text
    */
   closeButtonText: string;
   /**
    * Specify padding on the popup contents when in embedded mode
    *
-   * @uiName Embed Padding
+   * @uiName Embed padding
    * @uiType string
    * @uiEnum ["none", "small", "medium", "large"]
    * @uiEnumNames ["None", "Small", "Medium", "Large"]
@@ -33,7 +33,7 @@ export declare class PopupContainer {
   embedPadding?: "none" | "small" | "medium" | "large";
   /**
    * Specify padding on the popup contents when in popup mode
-   * @uiName Popup Padding
+   * @uiName Popup padding
    * @uiType string
    * @uiEnum ["none", "small", "medium", "large"]
    * @uiEnumNames ["None", "Small", "Medium", "Large"]

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

@@ -6,48 +6,48 @@ import { DemoData } from "../../global/demo";
 export declare class PortalChangePassword {
   ignored: boolean;
   /**
-   * @uiName Change Password Modal Header
+   * @uiName Change password modal header
    */
   modalChangePasswordHeader: string;
   /**
    * Found in modal
    *
-   * @uiName Cancel Button Text
+   * @uiName Cancel button text
    */
   cancelText: string;
   /**
    * Found in modal
    *
-   * @uiName Change Password Button Text
+   * @uiName Change password button text
    */
   changePasswordButtonText: string;
   /**
    * Found in modal
    *
-   * @uiName New Password Field Label
+   * @uiName New password field label
    */
   passwordFieldLabel: string;
   /**
    * Found in modal
    *
-   * @uiName Confirm Password Label
+   * @uiName Confirm password Label
    */
   confirmPasswordFieldLabel: string;
   /**
    * Successful password change message
    *
-   * @uiName Successful Password Change Message
+   * @uiName Successful password change message
    * @uiWidget textArea
    */
   successMessage: string;
   /**
    * Portal change password section header
    *
-   * @uiName Change Password Header
+   * @uiName Change password header
    */
   portalChangePasswordHeader: string;
   /**
-   * @uiName Change Password Button Text
+   * @uiName Change password button text
    */
   portalChangePasswordButtonText: string;
   /**

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

@@ -19,3 +19,4 @@ export declare const SpaceEvenly: () => any;
 export declare const Start: () => any;
 export declare const Center: () => any;
 export declare const End: () => any;
+export declare const BackgroundColor: () => any;

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

@@ -8,6 +8,7 @@ interface PortalContainerViewProps {
   display?: string;
   minWidth?: string;
   maxWidth?: string;
+  backgroundColor?: string;
   justifyContent?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
 }
 export declare function PortalContainerView(props: PortalContainerViewProps, children: VNode): any;

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

@@ -29,7 +29,7 @@ export declare class PortalContainer {
    * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
    */
   gap: Spacing;
-  /** @uiName Minimum Width */
+  /** @uiName Minimum width */
   minWidth?: string;
   /**
    * @uiName Display
@@ -41,7 +41,7 @@ export declare class PortalContainer {
   /**
    * Define how this container distributes its contents along the main-axis.
    *
-   * @uiName Justify Content
+   * @uiName Justify content
    * @uiType string
    * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
    * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
@@ -52,9 +52,16 @@ export declare class PortalContainer {
    */
   maxWidth?: string;
   /**
-   * @uiName Center Content
+   * @uiName Center content
    */
   center?: boolean;
+  /**
+   * @uiName Background color
+   * @uiWidget color
+   * @uiGroup Card style
+   * @uiType string
+   */
+  backgroundColor?: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

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

@@ -8,30 +8,30 @@ export declare class PortalEmailVerification {
   /**
    * Redirect participants to this page from their verification email.
    *
-   * @uiName Email Redirect
+   * @uiName Email redirect
    * @uiWidget pageSelect
    */
   redirectPath: string;
   /**
-   * @uiName Email Verification Header Text
+   * @uiName Email verification header text
    */
   emailVerificationHeader: string;
   /**
-   * @uiName Re-send Email Button Text
+   * @uiName Re-send email button text
    */
   resendEmailButtonText: string;
   /**
-   * @uiName Email Verification Body Text
+   * @uiName Email verification body text
    * @uiWidget textArea
    */
   verifyMessage: string;
   /**
-   * @uiName Email Verification Status Text
+   * @uiName Email verification status text
    * @uiWidget textArea
    */
   verificationStatusMessage: string;
   /**
-   * @uiName Email Verification Checking Text
+   * @uiName Email verification checking text
    * @uiWidget textArea
    */
   verificationLoadingMessage: string;

package/dist/types/components/sqm-portal-footer/PortalFooter.stories.d.ts

@@ -10,3 +10,4 @@ export declare const FooterWithTerms: () => any;
 export declare const FooterWithFAQ: () => any;
 export declare const FooterWithTermsAndFAQ: () => any;
 export declare const FooterNoPoweredBy: () => any;
+export declare const FooterNoSupportText: () => any;

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

@@ -7,6 +7,7 @@ declare type PortalFooterViewProps = {
   paddingLeft?: string;
   termsLink?: string;
   termsText?: string;
+  hideSupportText?: boolean;
   supportText?: string;
   supportEmail?: string;
   hidePoweredBy?: boolean;

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

@@ -4,58 +4,66 @@
 export declare class PortalFooter {
   ignored: boolean;
   /**
-   * @uiName Support Email
+   * @uiName Hide support message
+   */
+  hideSupportText: boolean;
+  /**
+   * @uiName Support email
    */
   supportEmail: string;
   /**
-   * @uiName Support Text
+   * @uiName Support message
    * @uiWidget textArea
    */
   supportText: string;
   /**
-   * @uiName Terms and Conditions Link
+   * @uiName Terms and conditions link
    */
   termsLink?: string;
   /**
-   * @uiName Terms and Conditions Text
+   * @uiName Terms and conditions text
    */
   termsText?: string;
   /**
-   * @uiName FAQ Link
+   * @uiName FAQ link
    */
   faqLink?: string;
   /**
-   * @uiName FAQ Text
+   * @uiName FAQ text
    */
   faqText?: string;
   /**
-   * @uiName Hide Powered By SaaSquatch
+   * @uiName Hide powered by SaaSquatch
    */
   hidePoweredBy: boolean;
   /**
-   * @uiName Powered By Link
+   * @uiName Powered By link
    */
   poweredByLink: string;
   /**
-   * @uiName Padding Top
+   * @uiName Top padding
+   * @uiGroup Padding
    * @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"]
    */
   paddingTop: string;
   /**
-   * @uiName Padding Right
+   * @uiName Right padding
+   * @uiGroup Padding
    * @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"]
    */
   paddingRight: string;
   /**
-   * @uiName Padding Bottom
+   * @uiName Bottom padding
+   * @uiGroup Padding
    * @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"]
    */
   paddingBottom: string;
   /**
-   * @uiName Padding Left
+   * @uiName Left padding
+   * @uiGroup Padding
    * @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"]
    */

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

@@ -8,30 +8,30 @@ export declare class PortalForgotPassword {
   /**
    * Redirect participants to this page after they verify their email.
    *
-   * @uiName Email Redirect
+   * @uiName Email redirect
    * @uiWidget pageSelect
    */
   redirectPath: string;
   /**
-   * @uiName Email Field Label
+   * @uiName Email field label
    */
   emailLabel: string;
   /**
-   * @uiName Password Reset Button Text
+   * @uiName Password reset button text
    */
   submitLabel: string;
   /**
-   * @uiName Login Redirect Path
+   * @uiName Login redirect path
    * @uiWidget pageSelect
    */
   loginPath: string;
   /**
-   * @uiName Header Text
+   * @uiName Header text
    * @uiWidget textArea
    */
   headerText: string;
   /**
-   * Sign In Link Text
+   * Sign in link text
    */
   loginText: string;
   /**

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

@@ -8,44 +8,44 @@ export declare class PortalLogin {
   /**
    * Redirect participants to this page after they successfully login.
    *
-   * @uiName Login Redirect
+   * @uiName Login redirect
    * @uiWidget pageSelect
    */
   nextPage: string;
   /**
-   * @uiName Email Field Label
+   * @uiName Email field label
    */
   emailLabel: string;
   /**
-   * @uiName Password Field Label
+   * @uiName Password field label
    */
   passwordLabel: string;
   /**
-   * @uiName Submit Button Text
+   * @uiName Submit button text
    */
   submitLabel: string;
   /**
    * Redirect participants to this page to reset their password
-   * @uiName Forgot Password Redirect
+   * @uiName Forgot password redirect
    * @uiWidget pageSelect
    */
   forgotPasswordPath: string;
   /**
-   * @uiName Forgot Password Text
+   * @uiName Forgot password text
    */
   forgotPasswordLabel: string;
   /**
-   * @uiName Register Button Text
+   * @uiName Register button text
    */
   registerLabel: string;
   /**
    * Redirect participants to this page to start registration.
-   * @uiName Register Button Redirect
+   * @uiName Register button redirect
    * @uiWidget pageSelect
    */
   registerPath: string;
   /**
-   * @uiName Heading Label
+   * @uiName Heading label
    * @uiWidget textArea
    */
   pageLabel: string;

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

@@ -1,12 +1,13 @@
 /**
  * @uiName Microsite Logout
+ * @compatibility Built for instant access
  */
 export declare class PortalLogout {
   ignored: boolean;
   /**
    * Redirect participants to this page when they log out.
    *
-   * @uiName Logout Redirect Path
+   * @uiName Logout redirect path
    * @uiWidget pageSelect
    */
   nextPage: string;

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

@@ -6,35 +6,35 @@ import { DemoData } from "../../global/demo";
 export declare class PortalProfile {
   ignored: boolean;
   /**
-   * @uiName First Name Label
+   * @uiName First name label
    */
   firstnametext: string;
   /**
-   * @uiName Last Name Field Label
+   * @uiName Last name field label
    */
   lastnametext: string;
   /**
-   * @uiName Email Field Label
+   * @uiName Email field label
    */
   emailtext: string;
   /**
-   * @uiName Country Field Label
+   * @uiName Country field label
    */
   countrytext: string;
   /**
-   * @uiName Edit Profile Header
+   * @uiName Edit profile header
    */
   editProfileHeader: string;
   /**
-   * @uiName Edit Profile Sub Header
+   * @uiName Edit profile sub header
    */
   editProfileSubHeader: string;
   /**
-   * @uiName Submit Changes Button Text
+   * @uiName Submit changes button text
    */
   submitChangeButtonText: string;
   /**
-   * @uiName Hide Country Field
+   * @uiName Hide country field
    */
   hideCountry: boolean;
   /**

package/dist/types/components/sqm-portal-protected-route/sqm-portal-protected-route.d.ts

@@ -7,17 +7,17 @@ export declare class PortalProtectedRoute {
   /**
    * Redirect participants to this page they are not logged in.
    *
-   * @uiName Unauthenticated Participant Redirect
+   * @uiName Unauthenticated participant redirect
    */
   redirectTo: string;
   /**
-   * @uiName Require Email Verification
+   * @uiName Require email verification
    */
   requireEmailVerification: boolean;
   /**
    * Redirect participants to this page when email verification is required but they have not verified their email.
    *
-   * @uiName Unverified Participant Redirect
+   * @uiName Unverified participant redirect
    */
   redirectToUnverified: string;
   constructor();

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

@@ -24,6 +24,8 @@ export interface PortalRegisterViewProps {
     submitLabel?: string;
     pageLabel?: string;
     confirmPasswordLabel: string;
+    requiredFieldErrorMessage: string;
+    invalidEmailErrorMessage: string;
   };
   refs: {
     formRef: any;

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

@@ -9,62 +9,90 @@ export declare class PortalRegister {
   /**
    * Redirect participants to this page from their verification email
    *
-   * @uiName Registration Redirect
+   * @uiName Registration redirect
    * @uiWidget pageSelect
    */
   nextPage: string;
   /**
    * The page that participants are redirected to from the verification email.
    *
-   * @uiName Email Verification Redirect
+   * @uiName Email verification redirect
    * @uiWidget pageSelect
    */
   redirectPath: string;
   /**
-   * @uiName Email Field Label
+   * @uiName Email field label
    */
   emailLabel: string;
   /**
-   * @uiName Password Field Label
+   * @uiName Password field label
    */
   passwordLabel: string;
   /**
-   * @uiName Submit Button Text
+   * @uiName Submit button text
    */
   submitLabel: string;
   /**
-   * @uiName Login Button Text
+   * @uiName Login button text
    */
   loginLabel: string;
   /**
-   * @uiName Confirm Password Field Label
+   * @uiName Confirm password field label
    */
   confirmPasswordLabel: string;
   /**
-   * @uiName Show Confirm Password Field
+   * @uiName Show confirm password field
    */
   confirmPassword: boolean;
   /**
-   * @uiName Disable Password Validation
+   * @uiName Disable password validation
    */
   disablePasswordValidation: boolean;
   /**
    * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
    *
-   * @uiName Hide Default Fields
+   * @uiName Hide default fields
    */
   hideInputs: boolean;
   /**
-   * @uiName Header Text
+   * @uiName Header text
    */
   pageLabel: string;
   /**
    * Redirect participants to this page after clicking the login button.
    *
-   * @uiName Login Redirect
+   * @uiName Login redirect
    * @uiWidget pageSelect
    */
   loginPath: string;
+  /**
+   * The message to be displayed when a required field is not filled.
+   *
+   * @uiName Required field message
+   * @uiWidget textArea
+   */
+  requiredFieldErrorMessage: string;
+  /**
+   * The message to be displayed when a the form submission fails unexpectedly.
+   *
+   * @uiName Network error message
+   * @uiWidget textArea
+   */
+  networkErrorMessage: string;
+  /**
+   * The message to be displayed when password inputs do not match.
+   *
+   * @uiName Password mismatch message
+   * @uiWidget textArea
+   */
+  passwordMismatchErrorMessage: string;
+  /**
+   * The message to be displayed when the email used is invalid or blocked.
+   *
+   * @uiName Invalid email message
+   * @uiWidget textArea
+   */
+  invalidEmailErrorMessage: string;
   /**
    * @undocumented
    * @uiType object