@saasquatch/mint-components 1.15.0-98 → 1.16.0-0

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a43a63b4.js');
-const global = require('./global-191f2253.js');
-const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
-const index_module = require('./index.module-4f54e412.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const global = require('./global-e31dc4f5.js');
+const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
-const utils = require('./utils-7cbd60cc.js');
+const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const useReferralCodes = require('./useReferralCodes-11cdf43b.js');
-require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-97ae8a48.js');
+const useReferralCodes = require('./useReferralCodes-82e8797b.js');
+require('./mixins-f7e0377a.js');
+const copyTextView = require('./copy-text-view-c85acaaa.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, buttonType } = props;
+  const { states, callbacks, text } = 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", { exportparts: `base: ${buttonType}button-base`, onClick: onPrev, part: "sqm-pagination-button", circle: true, disabled: currentPage === 1 },
+      index.h("sl-button", { 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", { exportparts: `base: ${buttonType}button-base`, onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
+    index.h("sl-button", { onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
       index.h("sl-icon", { name: "chevron-right", label: "Previous Page" }))));
 }
 
@@ -79,16 +79,7 @@ const Pagination = class {
      * @uiName Pagination text
      */
     this.paginationText = "{currentPage} of {totalPages}";
-    /**
-     * 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);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -99,14 +90,13 @@ const Pagination = class {
   }
 };
 function useDemoPagination(props) {
-  const [currentPage, setCurrentPage] = domContextHooks_module.useState(1);
+  const [currentPage, setCurrentPage] = stencilHooks_module.useState(1);
   return cjs.cjs({
     states: {
       currentPage,
       totalPages: 5,
       loading: false,
     },
-    buttonType: props.buttonType,
     callbacks: {
       onNext: () => setCurrentPage(currentPage + 1),
       onPrev: () => setCurrentPage(currentPage - 1),
@@ -149,7 +139,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] = domContextHooks_module.useState(false);
+  const [open, setOpen] = stencilHooks_module.useState(false);
   async function onClick() {
     if (contextData) {
       await setCopied({ referralCode: contextData.referralCode });
@@ -217,7 +207,6 @@ const ReferralCode = class {
      * @uiType string
      * @uiEnum ["left", "center", "right"]
      * @uiEnumNames ["Left", "Center", "Right"]
-     * @uiGroup Style
      */
     this.textAlign = "left";
     /**
@@ -231,19 +220,9 @@ const ReferralCode = class {
      * @uiType string
      * @uiEnum ["icon", "button-outside", "button-below"]
      * @uiEnumNames ["Icon", "Button outside", "Button below"]
-     * @uiGroup Style
      */
     this.buttonStyle = "icon";
-    /**
-     * 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 = "primary";
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -255,7 +234,7 @@ const ReferralCode = class {
   }
 };
 function useDemoReferralCode(props) {
-  const [open, setOpen] = domContextHooks_module.useState(false);
+  const [open, setOpen] = stencilHooks_module.useState(false);
   const copyString = "REFERRALCODE001";
   return cjs.cjs({
     copyString: copyString,
@@ -266,11 +245,6 @@ function useDemoReferralCode(props) {
     notificationText: props.notificationText,
     showNotificationText: props.showNotificationText,
     isCopied: props.showNotificationText,
-    borderColor: props.borderColor,
-    backgroundColor: props.backgroundColor,
-    textColor: props.textColor,
-    borderRadius: props.borderRadius,
-    buttonType: props.buttonType,
     isUsed: false,
     rewardStatus: "AVAILABLE",
     open,
@@ -284,53 +258,53 @@ function useDemoReferralCode(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
+const style$1 = {
+  Wrapper: {
+    width: "100%",
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "center",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-large)",
+  },
+  HeaderContainer: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    width: "100%",
+  },
+  ShareCodeContainer: {
+    width: "100%",
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "center",
+    flexDirection: "column",
+  },
+  ShareButtonContainer: {
+    width: "100%",
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "center",
+    flexDirection: "column",
+  },
+  TitleText: {
+    color: "var(--sl-color-neutral-700)",
+    fontSize: "var(--sl-font-size-large)",
+    margin: "0",
+  },
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+const sheet$1 = JSS.createStyleSheet(style$1);
+const styleString$1 = sheet$1.toString();
 function ReferralCodesView(props) {
-  const { slots, titleText, states, textColor = "var(--sqm-text-subdued)", } = props;
-  const style = {
-    Wrapper: {
-      width: "100%",
-      display: "flex",
-      alignItems: "flex-start",
-      justifyContent: "center",
-      flexDirection: "column",
-      gap: "var(--sl-spacing-large)",
-      color: textColor,
-    },
-    HeaderContainer: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      width: "100%",
-    },
-    ShareCodeContainer: {
-      width: "100%",
-      display: "flex",
-      alignItems: "flex-start",
-      justifyContent: "center",
-      flexDirection: "column",
-    },
-    ShareButtonContainer: {
-      width: "100%",
-      display: "flex",
-      alignItems: "flex-start",
-      justifyContent: "center",
-      flexDirection: "column",
-    },
-    TitleText: {
-      fontSize: "var(--sl-font-size-large)",
-      margin: "0",
-    },
-  };
-  const vanillaStyle = `
-    :host {
-      display: block;
-    }
-    :host([hidden]): {
-      display: none;
-    }
-  `;
-  const sheet = JSS.createStyleSheet(style);
-  const styleString = sheet.toString();
+  const { slots, titleText, states } = props;
   const getSlotContent = (states) => {
     if (states.noCodes) {
       return slots.empty;
@@ -338,16 +312,16 @@ function ReferralCodesView(props) {
     if (states.loading) {
       return slots.loading;
     }
-    return (index.h("div", { class: sheet.classes.Wrapper },
-      index.h("div", { class: sheet.classes.ShareCodeContainer }, slots.shareCodes),
-      index.h("div", { class: sheet.classes.ShareButtonContainer }, slots.shareButtons)));
+    return (index.h("div", { class: sheet$1.classes.Wrapper },
+      index.h("div", { class: sheet$1.classes.ShareCodeContainer }, slots.shareCodes),
+      index.h("div", { class: sheet$1.classes.ShareButtonContainer }, slots.shareButtons)));
   };
-  return (index.h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
+  return (index.h("div", { class: sheet$1.classes.Wrapper, part: "sqm-base" },
     index.h("style", { type: "text/css" },
       vanillaStyle,
-      styleString),
-    index.h("div", { class: sheet.classes.HeaderContainer },
-      index.h("h2", { class: sheet.classes.TitleText }, titleText),
+      styleString$1),
+    index.h("div", { class: sheet$1.classes.HeaderContainer },
+      index.h("h2", { class: sheet$1.classes.TitleText }, titleText),
       !states.noCodes && !states.loading && slots.pagination),
     getSlotContent(states)));
 }
@@ -371,7 +345,7 @@ const ReferralCodes = class {
      * @uiName Empty State Image URL
      */
     this.emptyStateImageUrl = "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png";
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -407,7 +381,6 @@ function LoadingRow() {
 function useDemoReferralCodes(props) {
   return cjs.cjs({
     titleText: props.titleText,
-    textColor: props.textColor,
     states: {
       noCodes: false,
       loading: false,

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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 index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
-const utils = require('./utils-7cbd60cc.js');
+const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-4761d472.js');
-const useRegistrationFormState = require('./useRegistrationFormState-bbee6e7b.js');
+const mixins = require('./mixins-f7e0377a.js');
+const useRegistrationFormState = require('./useRegistrationFormState-7b820f0c.js');
 
 var constants = {
   error: {
@@ -510,8 +510,8 @@ function PortalResetPasswordView(props) {
 }
 
 function usePasswordField(props) {
-  const registrationFormState = domContextHooks_module.d(useRegistrationFormState.REGISTRATION_FORM_STATE_CONTEXT);
-  const [dynamicValidation, setDynamicValidation] = domContextHooks_module.useState("");
+  const registrationFormState = stencilHooks_module.d(useRegistrationFormState.REGISTRATION_FORM_STATE_CONTEXT);
+  const [dynamicValidation, setDynamicValidation] = stencilHooks_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";
-    domContextHooks_module.h$1(this);
+    stencilHooks_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] = domContextHooks_module.useState("");
-  const [lastValidated, setLastValidated] = domContextHooks_module.useState("");
+  const [dynamicValidation, setDynamicValidation] = stencilHooks_module.useState("");
+  const [lastValidated, setLastValidated] = stencilHooks_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-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 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 PopupContainerView = (props) => {
   const { states, callbacks } = props;
@@ -62,7 +62,7 @@ const PopupContainer = class {
      * @uiName "Powered by" text
      */
     this.poweredByText = "Powered By";
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-a43a63b4.js');
+const index = require('./index-a29c60ef.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 || "var(--sqm-portal-background)",
+      backgroundColor: props.backgroundColor || "transparent",
     },
   };
   const vanillaStyle = `

package/dist/cjs/{sqm-portal-email-verification-view-87e083ca.js → sqm-portal-email-verification-view-7ebb426a.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const index = require('./index-a43a63b4.js');
-const global = require('./global-191f2253.js');
+const index = require('./index-a29c60ef.js');
+const global = require('./global-e31dc4f5.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
+const mixins = require('./mixins-f7e0377a.js');
+const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.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-a43a63b4.js');
-require('./global-191f2253.js');
-const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
-const index_module = require('./index.module-4f54e412.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+require('./global-e31dc4f5.js');
+const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
-require('./mixins-4761d472.js');
-require('./sqm-text-span-view-7a61ae4c.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-87e083ca.js');
+require('./mixins-f7e0377a.js');
+require('./sqm-text-span-view-0aa82125.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-7ebb426a.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] = 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 [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 submit = async () => {
     var _a;
     if (!email)
@@ -75,7 +75,7 @@ function usePortalEmailVerification(props) {
   }
   const resyncTimersCallback = index_module.useCallback(() => resyncTimers(), [countdown]);
   // Refetch validation status timer
-  domContextHooks_module.useEffect(() => {
+  stencilHooks_module.useEffect(() => {
     if (!timerRef.current) {
       checkVerification();
       timerRef.current = startTimer();
@@ -85,7 +85,7 @@ function usePortalEmailVerification(props) {
     };
   }, []);
   // Countdown timer
-  domContextHooks_module.useEffect(() => {
+  stencilHooks_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.";
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/{sqm-portal-forgot-password-view-0a8d3243.js → sqm-portal-forgot-password-view-78f19ef9.js}

@@ -1,11 +1,19 @@
 'use strict';
 
-const index = require('./index-a43a63b4.js');
-const index_module = require('./index.module-4f54e412.js');
+const index = require('./index-a29c60ef.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
+const mixins = require('./mixins-f7e0377a.js');
+const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
 
+const style = {
+  Wrapper: mixins.AuthWrapper,
+  Column: { ...mixins.AuthColumn },
+  ButtonsContainer: mixins.AuthButtonsContainer,
+  SecondaryButton: {
+    cursor: "pointer",
+    width: "25%",
+  },
+};
 const vanillaStyle = `
 :host {
   display: block;
@@ -14,27 +22,11 @@ const vanillaStyle = `
   display: none;
 }
 `;
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
 function PortalForgotPasswordView(props) {
   const { states, callbacks, content } = props;
-  const style = {
-    FormWrapper: {
-      ...mixins.AuthWrapper,
-      background: content.backgroundColor || "var(--sqm-portal-background)",
-      borderRadius: content.borderRadius || "var(--sqm-border-radius-normal)",
-      border: content.border ||
-        "var(--sqm-border-thickness) solid var(--sqm-border-color)",
-    },
-    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.FormWrapper, part: "sqm-base" },
+  return (index.h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
@@ -47,7 +39,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("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", class: sheet.classes.SecondaryButton, disabled: states.loading, onClick: () => index_module.jn.push(states.loginPath) }, content.loginText)))));
+        index.h("div", { class: sheet.classes.SecondaryButton }, content.secondaryButton)))));
 }
 
 exports.PortalForgotPasswordView = PortalForgotPasswordView;

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

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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 index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+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-4761d472.js');
-require('./sqm-text-span-view-7a61ae4c.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-0a8d3243.js');
+require('./mixins-f7e0377a.js');
+require('./sqm-text-span-view-0aa82125.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-78f19ef9.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
-  const [success, setSuccess] = domContextHooks_module.useState(false);
-  const [error, setError] = domContextHooks_module.useState("");
+  const [success, setSuccess] = stencilHooks_module.useState(false);
+  const [error, setError] = stencilHooks_module.useState("");
   const [request, { loading, data, errors }] = index_module.un();
   const urlParams = new URLSearchParams(index_module.jn.location.search);
   const nextPage = urlParams.get("nextPage");
@@ -98,22 +98,7 @@ 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, 8px)";
-    /**
-     * @uiName Border style
-     * @uiWidget textArea
-     */
-    this.border = "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)";
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -121,14 +106,11 @@ const PortalForgotPassword = class {
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.loginPath) }, this.loginText))),
       messageSlot: index.h("slot", { name: "messageSlot" }, this.headerText),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,
       successAlertText: this.successAlertText,
-      loginText: this.loginText,
-      backgroundColor: this.backgroundColor,
-      borderRadius: this.borderRadius,
-      border: this.border,
     };
     return (index.h(sqmPortalForgotPasswordView.PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content }));
   }
@@ -139,17 +121,6 @@ function usePortalForgotPasswordDemo(props) {
     callbacks: {
       submit: async (_event) => { },
     },
-    content: {
-      secondaryButton: (index.h("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", disabled: false, onClick: () => index_module.jn.push(props.loginPath) }, props.loginText)),
-      messageSlot: index.h("span", null, props.headerText),
-      emailLabel: props.emailLabel,
-      submitLabel: props.submitLabel,
-      successAlertText: props.successAlertText,
-      loginText: props.loginText,
-      backgroundColor: props.backgroundColor,
-      borderRadius: props.borderRadius,
-      border: props.border,
-    },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 

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

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