@saasquatch/mint-components 1.15.0-16 → 1.15.0-160

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

@@ -2,38 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
-const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-17111896.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
+const cjs = require('./cjs-1066ec21.js');
+const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-de90ef03.js');
 
 const NavigationSidebar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    /**
+     * @uiName Text color
+     * @uiWidget color
+     * @format color
+     * @uiGroup Style
+     */
+    this.mobileMenuColor = "var(--sqm-text, #444445)";
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const props = useNavigationSidebar();
+    const props = index_module.isDemo()
+      ? useDemoNavigationSidebar(this)
+      : useNavigationSidebar(this);
     return (index.h(sqmNavigationSidebarView.NavigationSidebarView, Object.assign({}, props), index.h("slot", null)));
   }
 };
-function useNavigationSidebar() {
+function useNavigationSidebar(props) {
   const location = index_module.kn();
   const programId = index_module.H();
-  const [checked, setChecked] = stencilHooks_module.useState(false);
+  const [checked, setChecked] = domContextHooks_module.useState(false);
   // Close hamburger menu after navigation
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     setChecked(false);
   }, [location.pathname, programId]);
   function onClick(e) {
     setChecked(e.target.checked);
   }
   return {
+    mobileMenuColor: props.mobileMenuColor,
     checked,
     onClick,
   };
 }
+function useDemoNavigationSidebar(props) {
+  return cjs.cjs({
+    mobileMenuColor: props.mobileMenuColor,
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
 
 exports.sqm_navigation_sidebar = NavigationSidebar;

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

@@ -2,16 +2,16 @@
 
 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-19fe8600.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const global = require('./global-8bba5b3a.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');
-const utils = require('./utils-6847bc06.js');
+const utils = require('./utils-7cbd60cc.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');
+const useReferralCodes = require('./useReferralCodes-11cdf43b.js');
+require('./mixins-4761d472.js');
+const copyTextView = require('./copy-text-view-51c8ee5d.js');
 
 const style = {
   Container: {
@@ -29,7 +29,7 @@ const style = {
 const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 function PaginationView(props) {
-  const { states, callbacks, text } = props;
+  const { states, callbacks, text, buttonType } = props;
   const { onNext, onPrev } = callbacks;
   const { currentPage, totalPages, loading } = states;
   if (totalPages === 1)
@@ -37,10 +37,10 @@ function PaginationView(props) {
   return (index.h("span", { class: sheet.classes.Container, part: "sqm-base" },
     index.h("style", { type: "text/css" }, styleString),
     !loading && (index.h(index.Fragment, null,
-      index.h("sl-button", { onClick: onPrev, part: "sqm-pagination-button", circle: true, disabled: currentPage === 1 },
+      index.h("sl-button", { exportparts: `base: ${buttonType}button-base`, onClick: onPrev, part: "sqm-pagination-button", circle: true, disabled: currentPage === 1 },
         index.h("sl-icon", { name: "chevron-left", label: "Previous Page" })),
       index.h("div", { class: sheet.classes.TextContainer }, text.paginationText))),
-    index.h("sl-button", { onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
+    index.h("sl-button", { exportparts: `base: ${buttonType}button-base`, onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
       index.h("sl-icon", { name: "chevron-right", label: "Previous Page" }))));
 }
 
@@ -79,7 +79,16 @@ const Pagination = class {
      * @uiName Pagination text
      */
     this.paginationText = "{currentPage} of {totalPages}";
-    stencilHooks_module.h$1(this);
+    /**
+     * The type of the button that is used (primary or secondary).
+     * @uiName Button Type
+     * @uiType string
+     * @uiEnum ["primary", "secondary"]
+     * @uiEnumNames ["Primary", "Secondary"]
+     * @uiGroup Style
+     */
+    this.buttonType = "secondary";
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -90,13 +99,14 @@ const Pagination = class {
   }
 };
 function useDemoPagination(props) {
-  const [currentPage, setCurrentPage] = stencilHooks_module.useState(1);
+  const [currentPage, setCurrentPage] = domContextHooks_module.useState(1);
   return cjs.cjs({
     states: {
       currentPage,
       totalPages: 5,
       loading: false,
     },
+    buttonType: props.buttonType,
     callbacks: {
       onNext: () => setCurrentPage(currentPage + 1),
       onPrev: () => setCurrentPage(currentPage - 1),
@@ -139,7 +149,7 @@ function useReferralCode(props) {
   const copyString = (_b = ((contextData === null || contextData === void 0 ? void 0 : contextData.referralCode) || ((_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.referralCode))) !== null && _b !== void 0 ? _b : 
   // Shown during loading
   "...";
-  const [open, setOpen] = stencilHooks_module.useState(false);
+  const [open, setOpen] = domContextHooks_module.useState(false);
   async function onClick() {
     if (contextData) {
       await setCopied({ referralCode: contextData.referralCode });
@@ -225,7 +235,7 @@ const ReferralCode = class {
      */
     this.buttonStyle = "icon";
     /**
-     * The type of the button (primary or secondary) that will be used to copy the link.
+     * The type of the button that is used (primary or secondary).
      * @uiName Button Type
      * @uiType string
      * @uiEnum ["primary", "secondary"]
@@ -233,7 +243,7 @@ const ReferralCode = class {
      * @uiGroup Style
      */
     this.buttonType = "primary";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -245,7 +255,7 @@ const ReferralCode = class {
   }
 };
 function useDemoReferralCode(props) {
-  const [open, setOpen] = stencilHooks_module.useState(false);
+  const [open, setOpen] = domContextHooks_module.useState(false);
   const copyString = "REFERRALCODE001";
   return cjs.cjs({
     copyString: copyString,
@@ -361,7 +371,7 @@ const ReferralCodes = class {
      * @uiName Empty State Image URL
      */
     this.emptyStateImageUrl = "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');
-const utils = require('./utils-6847bc06.js');
+const utils = require('./utils-7cbd60cc.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
-const useRegistrationFormState = require('./useRegistrationFormState-7b820f0c.js');
+const mixins = require('./mixins-4761d472.js');
+const useRegistrationFormState = require('./useRegistrationFormState-bbee6e7b.js');
 
 var constants = {
   error: {
@@ -510,8 +510,8 @@ function PortalResetPasswordView(props) {
 }
 
 function usePasswordField(props) {
-  const registrationFormState = stencilHooks_module.d(useRegistrationFormState.REGISTRATION_FORM_STATE_CONTEXT);
-  const [dynamicValidation, setDynamicValidation] = stencilHooks_module.useState("");
+  const registrationFormState = domContextHooks_module.d(useRegistrationFormState.REGISTRATION_FORM_STATE_CONTEXT);
+  const [dynamicValidation, setDynamicValidation] = domContextHooks_module.useState("");
   function onInput(input) {
     const validation = validateNewPassword(input.target.value, props);
     setDynamicValidation(validation);
@@ -570,7 +570,7 @@ const PortalPasswordField = class {
      * @uiName Missing number or symbol text
      */
     this.hasErrorText = "contain at least 1 number or symbol";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -582,8 +582,8 @@ const PortalPasswordField = class {
 };
 function usePasswordFieldDemo(props) {
   var _a, _b, _c, _d, _e, _f, _g;
-  const [dynamicValidation, setDynamicValidation] = stencilHooks_module.useState("");
-  const [lastValidated, setLastValidated] = stencilHooks_module.useState("");
+  const [dynamicValidation, setDynamicValidation] = domContextHooks_module.useState("");
+  const [lastValidated, setLastValidated] = domContextHooks_module.useState("");
   if (props.demoData && lastValidated != ((_a = props === null || props === void 0 ? void 0 : props.demoData) === null || _a === void 0 ? void 0 : _a.initValue)) {
     const validation = validateNewPassword(((_b = props === null || props === void 0 ? void 0 : props.demoData) === null || _b === void 0 ? void 0 : _b.initValue) || "", props);
     setDynamicValidation(((_c = props === null || props === void 0 ? void 0 : props.demoData) === null || _c === void 0 ? void 0 : _c.initValue) === "" ? "" : validation);

package/dist/cjs/sqm-popup-container.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
-const utils = require('./utils-6847bc06.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
+const utils = require('./utils-7cbd60cc.js');
 
 const PopupContainerView = (props) => {
   const { states, callbacks } = props;
@@ -62,7 +62,7 @@ const PopupContainer = class {
      * @uiName "Powered by" text
      */
     this.poweredByText = "Powered By";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/{sqm-portal-container-view-4f15143a.js → sqm-portal-container-view-07e4343f.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.js');
 const JSS = require('./JSS-8503a151.js');
 
 function PortalSectionView(props) {
@@ -38,7 +38,7 @@ function PortalContainerView(props, children) {
       maxWidth: props.maxWidth,
       margin: props.center && "auto",
       justifyContent: props.justifyContent,
-      backgroundColor: props.backgroundColor || "transparent",
+      backgroundColor: props.backgroundColor || "var(--sqm-portal-background)",
     },
   };
   const vanillaStyle = `

package/dist/cjs/{sqm-portal-email-verification-view-9f7b86a9.js → sqm-portal-email-verification-view-5518eb0d.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
-const global = require('./global-19fe8600.js');
+const index = require('./index-a43a63b4.js');
+const global = require('./global-8bba5b3a.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-4761d472.js');
+const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-19fe8600.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+require('./global-8bba5b3a.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.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-9f7b86a9.js');
+require('./mixins-4761d472.js');
+require('./sqm-text-span-view-7a61ae4c.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-5518eb0d.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -20,11 +20,11 @@ function usePortalEmailVerification(props) {
   const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
   const urlParams = new URLSearchParams(index_module.jn.location.search);
   const nextPage = urlParams.get("nextPage");
-  const [success, setSuccess] = stencilHooks_module.useState(false);
-  const [error, setError] = stencilHooks_module.useState("");
-  const [countdown, setCountdown] = stencilHooks_module.useState(10);
-  const timerRef = stencilHooks_module.useRef(undefined);
-  const countdownRef = stencilHooks_module.useRef(undefined);
+  const [success, setSuccess] = domContextHooks_module.useState(false);
+  const [error, setError] = domContextHooks_module.useState("");
+  const [countdown, setCountdown] = domContextHooks_module.useState(10);
+  const timerRef = domContextHooks_module.useRef(undefined);
+  const countdownRef = domContextHooks_module.useRef(undefined);
   const submit = async () => {
     var _a;
     if (!email)
@@ -75,7 +75,7 @@ function usePortalEmailVerification(props) {
   }
   const resyncTimersCallback = index_module.useCallback(() => resyncTimers(), [countdown]);
   // Refetch validation status timer
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!timerRef.current) {
       checkVerification();
       timerRef.current = startTimer();
@@ -85,7 +85,7 @@ function usePortalEmailVerification(props) {
     };
   }, []);
   // Countdown timer
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (countdown > 0) {
       clearInterval(countdownRef.current);
       countdownRef.current = startCountdown(countdown - 1);
@@ -167,7 +167,7 @@ const PortalEmailVerification = class {
      * @uiName Network error message
      */
     this.networkErrorMessage = "An error occurred while verifying your password. Please refresh the page.";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
-require('./utils-6847bc06.js');
+require('./utils-7cbd60cc.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');
-const usePortalLogin = require('./usePortalLogin-63d896d1.js');
+require('./mixins-4761d472.js');
+require('./sqm-text-span-view-7a61ae4c.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
+const usePortalLogin = require('./usePortalLogin-6aa864ef.js');
 
 const PortalGoogleLogin = class {
   constructor(hostRef) {
@@ -76,7 +76,7 @@ const PortalGoogleLogin = class {
      * @uiName Register CTA
      */
     this.registerCTA = "Don't have an account?";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.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');
-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');
+require('./mixins-4761d472.js');
+require('./sqm-text-span-view-7a61ae4c.js');
+const useRegistrationFormState = require('./useRegistrationFormState-bbee6e7b.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-8847804c.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-5a96c2f5.js');
 require('./AsYouType-6788393a.js');
-const usePortalRegistrationForm = require('./usePortalRegistrationForm-f25d89e7.js');
+const usePortalRegistrationForm = require('./usePortalRegistrationForm-75b647fe.js');
 
 class InvalidTokenError extends Error {
 }
@@ -75,9 +75,9 @@ function jwtDecode(token, options) {
 }
 
 function usePortalGoogleRegistrationForm(props) {
-  const [emailValidationError, setEmailValidationError] = stencilHooks_module.useState(null);
+  const [emailValidationError, setEmailValidationError] = domContextHooks_module.useState(null);
   const [registrationFormState, setRegistrationFormState] = useRegistrationFormState.useRegistrationForm();
-  const [showRegistrationForm, setShowRegistrationForm] = stencilHooks_module.useState({
+  const [showRegistrationForm, setShowRegistrationForm] = domContextHooks_module.useState({
     mode: "base",
   });
   const handleEmailSubmit = async (event) => {
@@ -277,7 +277,7 @@ const PortalGoogleRegistrationForm = class {
      * @uiName Google button text
      */
     this.googleButtonText = "signup_with";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -359,7 +359,7 @@ function useRegisterDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 function useGoogleDemo(props) {
-  const [showRegistrationForm, setShowRegistrationForm] = stencilHooks_module.useState({
+  const [showRegistrationForm, setShowRegistrationForm] = domContextHooks_module.useState({
     mode: "base",
   });
   return cjs.cjs({

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

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.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-4761d472.js');
+const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,
@@ -13,7 +13,7 @@ const style = {
     cursor: "pointer",
     "font-size": "13px",
     "font-weight": "600",
-    color: "#AAAAAA",
+    color: "var(--sqm-text-subdued)",
     margin: "0",
   },
   ButtonsContainer: {

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 function usePortalLogout({ nextPage }) {
   index_module.setUserIdentity(undefined);
@@ -22,7 +22,7 @@ const PortalLogout = class {
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/{sqm-portal-profile-view-e77710f0.js → sqm-portal-profile-view-615e6975.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
-const global = require('./global-19fe8600.js');
+const index = require('./index-a43a63b4.js');
+const global = require('./global-8bba5b3a.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;
@@ -79,7 +79,7 @@ function PortalProfileView(props) {
             ? errors === null || errors === void 0 ? void 0 : errors.lastName.message : undefined }))),
       index.h("sl-input", { label: text.emailtext, value: (_e = states.user) === null || _e === void 0 ? void 0 : _e.email, exportparts: "label: input-label, base: input-base", disabled: true }),
       states.showCountry && (index.h("sl-input", { label: text.countrytext, value: country, exportparts: "label: input-label, base: input-base", disabled: true })),
-      index.h("sl-button", { type: "primary", loading: states.loading, disabled: states.submitDisabled, onClick: (e) => {
+      index.h("sl-button", { type: "primary", exportparts: "base: primarybutton-base", loading: states.loading, disabled: states.submitDisabled, onClick: (e) => {
           callbacks.onSubmit(e);
         }, submit: true }, text.submitChangeButtonText))));
 }

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-19fe8600.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+require('./global-8bba5b3a.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');
-const utils = require('./utils-6847bc06.js');
+const utils = require('./utils-7cbd60cc.js');
 require('./JSS-8503a151.js');
-require('./sqm-text-span-view-56e48a78.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-e77710f0.js');
-const utilities = require('./utilities-78f5e169.js');
+require('./sqm-text-span-view-7a61ae4c.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-615e6975.js');
+const utilities = require('./utilities-9a0c5e91.js');
 
 const GET_USER = index_module.dist.gql `
   query {
@@ -58,12 +58,12 @@ const defaultFormState = {
 };
 function usePortalProfile(props) {
   const userIdent = index_module.J();
-  const [success, setSuccess] = stencilHooks_module.useState(false);
-  const [userData, setUserData] = stencilHooks_module.useState(undefined);
-  const [formState, setFormState] = stencilHooks_module.useState(defaultFormState);
+  const [success, setSuccess] = domContextHooks_module.useState(false);
+  const [userData, setUserData] = domContextHooks_module.useState(undefined);
+  const [formState, setFormState] = domContextHooks_module.useState(defaultFormState);
   const userDataResponse = index_module.wn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
   const [upsertUser, upsertUserResponse] = index_module.$e(UPSERT_USER);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) {
@@ -87,7 +87,7 @@ function usePortalProfile(props) {
         setSuccess(true);
     }
   }, [upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     var _a, _b;
     setUserData((data) => { var _a; return ({ ...data, ...(_a = userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data) === null || _a === void 0 ? void 0 : _a.viewer }); });
     setFormState({
@@ -96,7 +96,7 @@ function usePortalProfile(props) {
       ...(_b = upsertUserResponse.data) === null || _b === void 0 ? void 0 : _b.upsertUser,
     });
   }, [userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     var _a, _b;
     if ((_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) === null || _a === void 0 ? void 0 : _a.message) {
       setFormState({
@@ -213,7 +213,7 @@ const PortalProfile = class {
      * @uiName Submission success text
      */
     this.submissionSuccessText = "Your profile has been successfully updated.";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-portal-protected-route.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
@@ -14,7 +14,7 @@ function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirec
   const { pathname, search } = index_module.kn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!authenticated) {
       return index_module.jn.push({
         pathname: redirectTo,
@@ -51,7 +51,7 @@ const PortalProtectedRoute = class {
      * @uiName Unverified participant redirect
      */
     this.redirectToUnverified = "/emailVerification";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.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-4761d472.js');
+const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,