@saasquatch/mint-components 1.15.0-26 → 1.15.0-27

package/dist/cjs/sqm-navigation-sidebar-item.cjs.entry.js

@@ -8,8 +8,8 @@ const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-5dfd2b52.js');
+require('./mixins-d6d45cbe.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-a9fce634.js');
 
 function useNavigationSidebarItem(props) {
   const currentPage = index_module.kn();

package/dist/cjs/sqm-pagination_3.cjs.entry.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-4ab5c243.js');
+const global = require('./global-60787e76.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const useReferralCodes = require('./useReferralCodes-82e8797b.js');
-require('./mixins-f7e0377a.js');
-const copyTextView = require('./copy-text-view-b2f47da0.js');
+require('./mixins-d6d45cbe.js');
+const copyTextView = require('./copy-text-view-dd2a2ea8.js');
 
 const style = {
   Container: {

package/dist/cjs/sqm-password-field.cjs.entry.js

@@ -8,7 +8,7 @@ const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
+const mixins = require('./mixins-d6d45cbe.js');
 const useRegistrationFormState = require('./useRegistrationFormState-7b820f0c.js');
 
 var constants = {

package/dist/cjs/{sqm-portal-email-verification-view-4d1e6c4a.js → sqm-portal-email-verification-view-82d8ee01.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-4ab5c243.js');
+const global = require('./global-60787e76.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const mixins = require('./mixins-d6d45cbe.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/sqm-portal-email-verification.cjs.entry.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-4ab5c243.js');
+require('./global-60787e76.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-56e48a78.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-4d1e6c4a.js');
+require('./mixins-d6d45cbe.js');
+require('./sqm-text-span-view-ce4c0178.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-82d8ee01.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/cjs/{sqm-portal-forgot-password-view-b986086e.js → sqm-portal-forgot-password-view-06da7cad.js}

@@ -1,19 +1,11 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
+const index_module = require('./index.module-ee84433d.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const mixins = require('./mixins-d6d45cbe.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
-const style = {
-  Wrapper: mixins.AuthWrapper,
-  Column: { ...mixins.AuthColumn },
-  ButtonsContainer: mixins.AuthButtonsContainer,
-  SecondaryButton: {
-    cursor: "pointer",
-    width: "25%",
-  },
-};
 const vanillaStyle = `
 :host {
   display: block;
@@ -22,15 +14,30 @@ const vanillaStyle = `
   display: none;
 }
 `;
-const sheet = JSS.createStyleSheet(style);
-const styleString = sheet.toString();
 function PortalForgotPasswordView(props) {
-  const { states, callbacks, content } = props;
+  const { states, callbacks, content, styles } = props;
+  const style = {
+    Wrapper: {
+      ...mixins.AuthWrapper,
+      background: styles.backgroundColor,
+      borderRadius: styles.borderRadius,
+      border: styles.border,
+    },
+    Column: { ...mixins.AuthColumn },
+    ButtonsContainer: mixins.AuthButtonsContainer,
+    SecondaryButton: {
+      margin: "auto",
+      display: "block",
+      cursor: "pointer",
+    },
+  };
+  const sheet = JSS.createStyleSheet(style);
+  const styleString = sheet.toString();
   return (index.h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.messageSlot),
+    index.h(sqmTextSpanView.TextSpanView, { textColor: styles.textColor, type: "h3" }, content.messageSlot),
     index.h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
       props.states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, props.states.error))),
@@ -39,7 +46,7 @@ function PortalForgotPasswordView(props) {
       index.h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
       index.h("div", { class: sheet.classes.ButtonsContainer },
         index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Reset Password"),
-        index.h("div", { class: sheet.classes.SecondaryButton }, content.secondaryButton)))));
+        index.h("sl-button", { type: "text", exportparts: "base: tertiarybutton-base", class: sheet.classes.SecondaryButton, disabled: states.loading, onClick: () => index_module.jn.push(states.loginPath) }, content.loginText)))));
 }
 
 exports.PortalForgotPasswordView = PortalForgotPasswordView;

package/dist/cjs/sqm-portal-forgot-password.cjs.entry.js

@@ -8,9 +8,9 @@ const index_module = require('./index.module-ee84433d.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-56e48a78.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-b986086e.js');
+require('./mixins-d6d45cbe.js');
+require('./sqm-text-span-view-ce4c0178.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-06da7cad.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -98,6 +98,21 @@ const PortalForgotPassword = class {
      * @uiName Email verification sent text
      */
     this.successAlertText = "If an account with that email exists, a password reset email will be sent.";
+    /**
+     * @uiName Background color
+     * @uiWidget color
+     */
+    this.backgroundColor = "var(--sqm-portal-background, #ffffff)";
+    /**
+     * @uiName Border radius
+     * @uiWidget number
+     */
+    this.borderRadius = "var(--sqm-border-radius-normal)";
+    /**
+     * @uiName Border style
+     * @uiWidget textArea
+     */
+    this.border = "1px solid var(--sqm-border-color, var(--sqm-text), #eaeaea)";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -111,8 +126,14 @@ const PortalForgotPassword = class {
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,
       successAlertText: this.successAlertText,
+      loginText: this.loginText,
+    };
+    const styles = {
+      backgroundColor: this.backgroundColor,
+      borderRadius: this.borderRadius,
+      border: this.border,
     };
-    return (index.h(sqmPortalForgotPasswordView.PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content }));
+    return (index.h(sqmPortalForgotPasswordView.PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content, styles: styles }));
   }
 };
 function usePortalForgotPasswordDemo(props) {

package/dist/cjs/sqm-portal-google-login.cjs.entry.js

@@ -9,9 +9,9 @@ require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-56e48a78.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-84e99287.js');
+require('./mixins-d6d45cbe.js');
+require('./sqm-text-span-view-ce4c0178.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-fb702fe4.js');
 const usePortalLogin = require('./usePortalLogin-63d896d1.js');
 
 const PortalGoogleLogin = class {

package/dist/cjs/sqm-portal-google-registration-form.cjs.entry.js

@@ -8,11 +8,11 @@ const index_module = require('./index.module-ee84433d.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const JSS = require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-56e48a78.js');
+require('./mixins-d6d45cbe.js');
+require('./sqm-text-span-view-ce4c0178.js');
 const useRegistrationFormState = require('./useRegistrationFormState-7b820f0c.js');
-const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-1b2440c3.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-4377d849.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-c536e64e.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-714c2fba.js');
 require('./AsYouType-6788393a.js');
 const usePortalRegistrationForm = require('./usePortalRegistrationForm-f25d89e7.js');
 

package/dist/cjs/{sqm-portal-login-view-84e99287.js → sqm-portal-login-view-fb702fe4.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-a29c60ef.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const mixins = require('./mixins-d6d45cbe.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/{sqm-portal-profile-view-d9dd5455.js → sqm-portal-profile-view-7e9653c7.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-4ab5c243.js');
+const global = require('./global-60787e76.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

package/dist/cjs/sqm-portal-profile.cjs.entry.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-4ab5c243.js');
+require('./global-60787e76.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-require('./sqm-text-span-view-56e48a78.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-d9dd5455.js');
+require('./sqm-text-span-view-ce4c0178.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-7e9653c7.js');
 const utilities = require('./utilities-78f5e169.js');
 
 const GET_USER = index_module.dist.gql `

package/dist/cjs/{sqm-portal-registration-form-view-4377d849.js → sqm-portal-registration-form-view-714c2fba.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-a29c60ef.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const mixins = require('./mixins-d6d45cbe.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/sqm-portal-registration-form.cjs.entry.js

@@ -8,10 +8,10 @@ const index_module = require('./index.module-ee84433d.js');
 require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-56e48a78.js');
+require('./mixins-d6d45cbe.js');
+require('./sqm-text-span-view-ce4c0178.js');
 require('./useRegistrationFormState-7b820f0c.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-4377d849.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-714c2fba.js');
 require('./AsYouType-6788393a.js');
 const usePortalRegistrationForm = require('./usePortalRegistrationForm-f25d89e7.js');
 

package/dist/cjs/{sqm-portal-reset-password-view-52fc50fe.js → sqm-portal-reset-password-view-a90e02fd.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-a29c60ef.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const mixins = require('./mixins-d6d45cbe.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/sqm-portal-reset-password.cjs.entry.js

@@ -9,9 +9,9 @@ const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-56e48a78.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-52fc50fe.js');
+require('./mixins-d6d45cbe.js');
+require('./sqm-text-span-view-ce4c0178.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-a90e02fd.js');
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/cjs/{sqm-portal-verify-email-view-4f837226.js → sqm-portal-verify-email-view-af55fa8e.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-a29c60ef.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const mixins = require('./mixins-d6d45cbe.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/sqm-portal-verify-email.cjs.entry.js

@@ -8,9 +8,9 @@ const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-56e48a78.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-4f837226.js');
+require('./mixins-d6d45cbe.js');
+require('./sqm-text-span-view-ce4c0178.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-af55fa8e.js');
 
 let globalPromise = null;
 function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {

package/dist/cjs/sqm-referral-table_11.cjs.entry.js

@@ -4,19 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-4ab5c243.js');
+const global = require('./global-60787e76.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-const GenericTableView = require('./GenericTableView-f0e9c531.js');
+require('./mixins-d6d45cbe.js');
+const GenericTableView = require('./GenericTableView-c58d020f.js');
 const reRender = require('./re-render-b324deab.js');
 const useChildElements = require('./useChildElements-1b35d945.js');
 const luxon = require('./luxon-2926d85f.js');
 const mockRewardData = require('./mockRewardData-272e22d6.js');
 const useReferralTable = require('./useReferralTable-7c3f9600.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());

package/dist/cjs/sqm-referred-registration.cjs.entry.js

@@ -8,8 +8,8 @@ const index_module = require('./index.module-ee84433d.js');
 require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-const emailRegistrationView = require('./email-registration-view-55b378dc.js');
+require('./mixins-d6d45cbe.js');
+const emailRegistrationView = require('./email-registration-view-059fa516.js');
 require('./useRegistrationFormState-7b820f0c.js');
 const useInstantAccessRegistration = require('./useInstantAccessRegistration-0537e28e.js');
 

package/dist/cjs/sqm-rewards-table-customer-note-cell.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
 require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
 const RewardTableCustomerNoteCell = class {
   constructor(hostRef) {

package/dist/cjs/sqm-rewards-table_9.cjs.entry.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-4ab5c243.js');
+const global = require('./global-60787e76.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-const GenericTableView = require('./GenericTableView-f0e9c531.js');
+require('./mixins-d6d45cbe.js');
+const GenericTableView = require('./GenericTableView-c58d020f.js');
 const reRender = require('./re-render-b324deab.js');
 const useChildElements = require('./useChildElements-1b35d945.js');
 const luxon = require('./luxon-2926d85f.js');

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -4,40 +4,40 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-4ab5c243.js');
+require('./global-60787e76.js');
 const index_module = require('./index.module-ee84433d.js');
 require('./cjs-1066ec21.js');
 require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-82e8797b.js');
-require('./mixins-f7e0377a.js');
-const copyTextView = require('./copy-text-view-b2f47da0.js');
-const GenericTableView = require('./GenericTableView-f0e9c531.js');
+require('./mixins-d6d45cbe.js');
+const copyTextView = require('./copy-text-view-dd2a2ea8.js');
+const GenericTableView = require('./GenericTableView-c58d020f.js');
 require('./useChildElements-1b35d945.js');
 const luxon = require('./luxon-2926d85f.js');
-require('./sqm-text-span-view-56e48a78.js');
+require('./sqm-text-span-view-ce4c0178.js');
 const sqmAssetCardView = require('./sqm-asset-card-view-21ddf04f.js');
-const sqmCloseButtonView = require('./sqm-close-button-view-ea3fa23b.js');
+const sqmCloseButtonView = require('./sqm-close-button-view-899e90df.js');
 require('./index-8c6255f5.js');
-const emailRegistrationView = require('./email-registration-view-55b378dc.js');
+const emailRegistrationView = require('./email-registration-view-059fa516.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-11d57c12.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-38a5227a.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-5dfd2b52.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-4d1e6c4a.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-b986086e.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-84e99287.js');
-const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-1b2440c3.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-4377d849.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-d9dd5455.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-a9fce634.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-82d8ee01.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-06da7cad.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-fb702fe4.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-c536e64e.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-714c2fba.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-7e9653c7.js');
 require('./utilities-78f5e169.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-52fc50fe.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-4f837226.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-a90e02fd.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-af55fa8e.js');
 require('./ErrorView-b2fcf954.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-3da9ed28.js');
-const ShadowViewAddon = require('./ShadowViewAddon-4f5cbce7.js');
+const ShadowViewAddon = require('./ShadowViewAddon-0e2ceeda.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-687660b2.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-69e42ea2.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>

package/dist/cjs/sqm-text-span-view-ce4c0178.js

@@ -0,0 +1,63 @@
+'use strict';
+
+const index = require('./index-a29c60ef.js');
+const JSS = require('./JSS-8503a151.js');
+
+function TextSpanView(props, children) {
+  const { type, fontSize, textColor } = props;
+  const style = {
+    p: {
+      "font-size": fontSize ? `${fontSize}px` : "var(--sl-font-size-small)",
+      "font-weight": "400",
+      color: textColor || "var(--sqm-text)",
+      margin: "0",
+    },
+    subtext: {
+      "font-size": fontSize ? `${fontSize}px` : "var(--sl-font-size-x-small)",
+      "font-weight": "400",
+      color: textColor || "var(--sqm-text-subdued)",
+      margin: "0",
+    },
+    h1: {
+      "font-size": fontSize ? `${fontSize}px` : "var(--sl-font-size-xx-large)",
+      "font-weight": "600",
+      color: textColor || "var(--sqm-text)",
+      margin: "0",
+    },
+    h2: {
+      "font-size": fontSize ? `${fontSize}px` : "var(--sl-font-size-x-large)",
+      "font-weight": "600",
+      color: textColor || "var(--sqm-text)",
+      margin: "0",
+    },
+    h3: {
+      "font-size": fontSize ? `${fontSize}px` : "var(--sl-font-size-large)",
+      "font-weight": "600",
+      color: textColor || "var(--sqm-text)",
+      margin: "0",
+    },
+    h4: {
+      "font-size": fontSize ? `${fontSize}px` : "13px",
+      "font-weight": "600",
+      color: textColor || "var(--sqm-text)",
+      margin: "0",
+    },
+  };
+  const sheet = JSS.createStyleSheet(style);
+  const styleString = sheet.toString();
+  const vanillaStyle = `
+    :host {
+      word-wrap: break-word;
+    }
+    sqm-text-span {
+      display: inline;
+    }
+  `;
+  return (index.h("span", { class: sheet.classes[type], part: "sqm-base" },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
+}
+
+exports.TextSpanView = TextSpanView;

package/dist/cjs/sqm-text-span.cjs.entry.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
 require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
-const Text = class {
+const TextSpan = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
@@ -16,8 +16,8 @@ const Text = class {
   disconnectedCallback() { }
   componentWillLoad() { }
   render() {
-    return index.h(sqmTextSpanView.TextSpanView, { type: this.type }, this.text);
+    return (index.h(sqmTextSpanView.TextSpanView, { type: this.type, fontSize: this.fontSize, textColor: this.textColor }, this.text));
   }
 };
 
-exports.sqm_text_span = Text;
+exports.sqm_text_span = TextSpan;

package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password.js

@@ -445,7 +445,7 @@ export class PortalChangePassword {
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalChangePasswordViewProps>",
-        "resolved": "{ states?: { open: boolean; error: string; loading: boolean; success: boolean; content: { modalChangePasswordHeader: string; cancelText: string; changePasswordButtonText: string; passwordFieldLabel: string; confirmPasswordFieldLabel: string; successMessage: string; portalChangePasswordHeader: string; portalChangePasswordButtonText: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }; }",
+        "resolved": "{ states?: { open: boolean; error: string; loading: boolean; success: boolean; content: { modalChangePasswordHeader: string; cancelText: string; changePasswordButtonText: string; passwordFieldLabel: string; confirmPasswordFieldLabel: string; successMessage: string; portalChangePasswordHeader: string; portalChangePasswordButtonText: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }; borderRadius?: string; buttonType?: \"primary\" | \"secondary\" | \"tertiary\"; background?: string; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-portal-forgot-password/sqm-portal-forgot-password-view.js

@@ -2,15 +2,7 @@ import { h } from "@stencil/core";
 import { AuthButtonsContainer, AuthColumn, AuthWrapper, } from "../../global/mixins";
 import { createStyleSheet } from "../../styling/JSS";
 import { TextSpanView } from "../sqm-text-span/sqm-text-span-view";
-const style = {
-  Wrapper: AuthWrapper,
-  Column: { ...AuthColumn },
-  ButtonsContainer: AuthButtonsContainer,
-  SecondaryButton: {
-    cursor: "pointer",
-    width: "25%",
-  },
-};
+import { navigation } from "@saasquatch/component-boilerplate";
 const vanillaStyle = `
 :host {
   display: block;
@@ -19,15 +11,30 @@ const vanillaStyle = `
   display: none;
 }
 `;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
 export function PortalForgotPasswordView(props) {
-  const { states, callbacks, content } = props;
+  const { states, callbacks, content, styles } = props;
+  const style = {
+    Wrapper: {
+      ...AuthWrapper,
+      background: styles.backgroundColor,
+      borderRadius: styles.borderRadius,
+      border: styles.border,
+    },
+    Column: { ...AuthColumn },
+    ButtonsContainer: AuthButtonsContainer,
+    SecondaryButton: {
+      margin: "auto",
+      display: "block",
+      cursor: "pointer",
+    },
+  };
+  const sheet = createStyleSheet(style);
+  const styleString = sheet.toString();
   return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    h(TextSpanView, { type: "h3" }, content.messageSlot),
+    h(TextSpanView, { textColor: styles.textColor, type: "h3" }, content.messageSlot),
     h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
       props.states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, props.states.error))),
@@ -36,5 +43,5 @@ export function PortalForgotPasswordView(props) {
       h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
       h("div", { class: sheet.classes.ButtonsContainer },
         h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Reset Password"),
-        h("div", { class: sheet.classes.SecondaryButton }, content.secondaryButton)))));
+        h("sl-button", { type: "text", exportparts: "base: tertiarybutton-base", class: sheet.classes.SecondaryButton, disabled: states.loading, onClick: () => navigation.push(states.loginPath) }, content.loginText)))));
 }