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

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

@@ -1,13 +1,13 @@
 import { h, F as Fragment, r as registerInstance } from './index-91e7729f.js';
 import { n as h$1, k as useState } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-49d89f5f.js';
+import { i as intl } from './global-20b3681d.js';
 import { F as Fn, i as isDemo, d as dist, H, J, w as wn, $ as $e, B } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, u as useReferralCodes } from './useReferralCodes-8f75921a.js';
-import './mixins-83f90fa1.js';
-import { C as CopyTextView } from './copy-text-view-0ac6e1d1.js';
+import './mixins-faf102f9.js';
+import { C as CopyTextView } from './copy-text-view-d3bb9d84.js';
 
 const style = {
   Container: {

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

@@ -4,7 +4,7 @@ import { i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { E as ErrorStyles } from './mixins-83f90fa1.js';
+import { E as ErrorStyles } from './mixins-faf102f9.js';
 import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-d6f33135.js';
 
 var constants = {

package/dist/esm/{sqm-portal-email-verification-view-e7335617.js → sqm-portal-email-verification-view-a708f16f.js}

@@ -1,8 +1,8 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-49d89f5f.js';
+import { i as intl } from './global-20b3681d.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn } from './mixins-83f90fa1.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { A as AuthWrapper, a as AuthColumn } from './mixins-faf102f9.js';
+import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
 import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import './global-49d89f5f.js';
+import './global-20b3681d.js';
 import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-c577cc60.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-e7335617.js';
+import './mixins-faf102f9.js';
+import './sqm-text-span-view-cd3902e5.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-a708f16f.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/esm/{sqm-portal-forgot-password-view-50444a7c.js → sqm-portal-forgot-password-view-44ade309.js}

@@ -1,17 +1,9 @@
 import { h } from './index-91e7729f.js';
+import { j as jn } from './index.module-89a79f66.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-83f90fa1.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-faf102f9.js';
+import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
 
-const style = {
-  Wrapper: AuthWrapper,
-  Column: { ...AuthColumn },
-  ButtonsContainer: AuthButtonsContainer,
-  SecondaryButton: {
-    cursor: "pointer",
-    width: "25%",
-  },
-};
 const vanillaStyle = `
 :host {
   display: block;
@@ -20,15 +12,30 @@ const vanillaStyle = `
   display: none;
 }
 `;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
 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))),
@@ -37,7 +44,7 @@ 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: () => jn.push(states.loginPath) }, content.loginText)))));
 }
 
 export { PortalForgotPasswordView as P };

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

@@ -4,9 +4,9 @@ import { c as un, j as jn, i as isDemo } from './index.module-89a79f66.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-c577cc60.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-50444a7c.js';
+import './mixins-faf102f9.js';
+import './sqm-text-span-view-cd3902e5.js';
+import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-44ade309.js';
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -94,6 +94,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)";
     h(this);
   }
   disconnectedCallback() { }
@@ -107,8 +122,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 (h$1(PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content }));
+    return (h$1(PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content, styles: styles }));
   }
 };
 function usePortalForgotPasswordDemo(props) {

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

@@ -5,9 +5,9 @@ import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-c577cc60.js';
-import { P as PortalLoginView } from './sqm-portal-login-view-37c85d04.js';
+import './mixins-faf102f9.js';
+import './sqm-text-span-view-cd3902e5.js';
+import { P as PortalLoginView } from './sqm-portal-login-view-4ed6e36d.js';
 import { u as usePortalLogin } from './usePortalLogin-ef647a50.js';
 
 const PortalGoogleLogin = class {

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

@@ -4,11 +4,11 @@ import { i as isDemo, j as jn } from './index.module-89a79f66.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-c577cc60.js';
+import './mixins-faf102f9.js';
+import './sqm-text-span-view-cd3902e5.js';
 import { a as useRegistrationForm } from './useRegistrationFormState-d6f33135.js';
-import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-31f1cb87.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-21d57492.js';
+import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-562067d7.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-af9cad5f.js';
 import './AsYouType-46f67d0d.js';
 import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-4b35a357.js';
 

package/dist/esm/{sqm-portal-login-view-37c85d04.js → sqm-portal-login-view-4ed6e36d.js}

@@ -1,7 +1,7 @@
 import { h } from './index-91e7729f.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-83f90fa1.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-faf102f9.js';
+import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
 
 const style = {
   Wrapper: AuthWrapper,

package/dist/esm/{sqm-portal-profile-view-ec645fff.js → sqm-portal-profile-view-94150971.js}

@@ -1,7 +1,7 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-49d89f5f.js';
+import { i as intl } from './global-20b3681d.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
 import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import './global-49d89f5f.js';
+import './global-20b3681d.js';
 import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import './sqm-text-span-view-c577cc60.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-ec645fff.js';
+import './sqm-text-span-view-cd3902e5.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-94150971.js';
 import { i as isEmpty } from './utilities-5b0ca040.js';
 
 const GET_USER = dist.gql `

package/dist/esm/{sqm-portal-registration-form-view-21d57492.js → sqm-portal-registration-form-view-af9cad5f.js}

@@ -1,7 +1,7 @@
 import { h } from './index-91e7729f.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-83f90fa1.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-faf102f9.js';
+import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -4,10 +4,10 @@ import { i as isDemo, j as jn } from './index.module-89a79f66.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-c577cc60.js';
+import './mixins-faf102f9.js';
+import './sqm-text-span-view-cd3902e5.js';
 import './useRegistrationFormState-d6f33135.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-21d57492.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-af9cad5f.js';
 import './AsYouType-46f67d0d.js';
 import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-4b35a357.js';
 

package/dist/esm/{sqm-portal-reset-password-view-b000ffc5.js → sqm-portal-reset-password-view-150eef6e.js}

@@ -1,7 +1,7 @@
 import { h } from './index-91e7729f.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-83f90fa1.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-faf102f9.js';
+import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -5,9 +5,9 @@ import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { s as sanitizeUrlPath } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-c577cc60.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-b000ffc5.js';
+import './mixins-faf102f9.js';
+import './sqm-text-span-view-cd3902e5.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-150eef6e.js';
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/esm/{sqm-portal-verify-email-view-2983ba9b.js → sqm-portal-verify-email-view-4d27e23c.js}

@@ -1,7 +1,7 @@
 import { h } from './index-91e7729f.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn } from './mixins-83f90fa1.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { A as AuthWrapper, a as AuthColumn } from './mixins-faf102f9.js';
+import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -4,9 +4,9 @@ import { J, o as an, j as jn, b as setUserIdentity, i as isDemo } from './index.
 import { c as cjs } from './cjs-bdfb4486.js';
 import { s as sanitizeUrlPath, g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-c577cc60.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-2983ba9b.js';
+import './mixins-faf102f9.js';
+import './sqm-text-span-view-cd3902e5.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-4d27e23c.js';
 
 let globalPromise = null;
 function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {

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

@@ -1,18 +1,18 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-91e7729f.js';
 import { n as h, j as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-49d89f5f.js';
+import { i as intl } from './global-20b3681d.js';
 import { i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import { G as GenericTableView } from './GenericTableView-e7addb2b.js';
+import './mixins-faf102f9.js';
+import { G as GenericTableView } from './GenericTableView-7d3de181.js';
 import { a as useRequestRerender, u as useRerenderListener } from './re-render-cc945f38.js';
 import { u as useChildElements } from './useChildElements-7945ae56.js';
 import { l as luxon } from './luxon-8d51c92b.js';
 import { g as getPaypalMeta } from './mockRewardData-8bd1b356.js';
 import { u as useReferralTable, t as tryMethod } from './useReferralTable-b3876ed6.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());

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

@@ -4,8 +4,8 @@ import { i as isDemo, b as setUserIdentity } from './index.module-89a79f66.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import { E as EmailRegistrationView } from './email-registration-view-a7818cf2.js';
+import './mixins-faf102f9.js';
+import { E as EmailRegistrationView } from './email-registration-view-52a3c033.js';
 import './useRegistrationFormState-d6f33135.js';
 import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-dc4ad9f2.js';
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
 import { n as h } from './stencil-hooks.module-4bc38af4.js';
 import './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
 
 const RewardTableCustomerNoteCell = class {
   constructor(hostRef) {

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

@@ -1,12 +1,12 @@
 import { h, r as registerInstance, c as Host } from './index-91e7729f.js';
 import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-49d89f5f.js';
+import { i as intl } from './global-20b3681d.js';
 import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import { G as GenericTableView } from './GenericTableView-e7addb2b.js';
+import './mixins-faf102f9.js';
+import { G as GenericTableView } from './GenericTableView-7d3de181.js';
 import { u as useRerenderListener, a as useRequestRerender } from './re-render-cc945f38.js';
 import { u as useChildElements } from './useChildElements-7945ae56.js';
 import { l as luxon } from './luxon-8d51c92b.js';

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

@@ -1,39 +1,39 @@
 import { h, r as registerInstance, c as Host } from './index-91e7729f.js';
 import { a as commonjsGlobal, u as useMemo, k as useState, f as useEffect, c as createCommonjsModule, n as h$1 } from './stencil-hooks.module-4bc38af4.js';
-import './global-49d89f5f.js';
+import './global-20b3681d.js';
 import { j as jn, k as kn, b as setUserIdentity, d as dist, X as Xe, p as setProgramId } from './index.module-89a79f66.js';
 import './cjs-bdfb4486.js';
 import './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './useReferralCodes-8f75921a.js';
-import './mixins-83f90fa1.js';
-import { C as CopyTextView } from './copy-text-view-0ac6e1d1.js';
-import { G as GenericTableView } from './GenericTableView-e7addb2b.js';
+import './mixins-faf102f9.js';
+import { C as CopyTextView } from './copy-text-view-d3bb9d84.js';
+import { G as GenericTableView } from './GenericTableView-7d3de181.js';
 import './useChildElements-7945ae56.js';
 import { l as luxon } from './luxon-8d51c92b.js';
-import './sqm-text-span-view-c577cc60.js';
+import './sqm-text-span-view-cd3902e5.js';
 import { A as AssetCardView } from './sqm-asset-card-view-fe5db3c0.js';
-import { C as CloseButtonView } from './sqm-close-button-view-f9819751.js';
+import { C as CloseButtonView } from './sqm-close-button-view-36fd1d16.js';
 import './index-ffa26b43.js';
-import { E as EmailRegistrationView } from './email-registration-view-a7818cf2.js';
+import { E as EmailRegistrationView } from './email-registration-view-52a3c033.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-753c8d4a.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-8ef8180f.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-f898265a.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-9cc0f695.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-e7335617.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-50444a7c.js';
-import { P as PortalLoginView } from './sqm-portal-login-view-37c85d04.js';
-import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-31f1cb87.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-21d57492.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-ec645fff.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-cdcca7f5.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-a708f16f.js';
+import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-44ade309.js';
+import { P as PortalLoginView } from './sqm-portal-login-view-4ed6e36d.js';
+import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-562067d7.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-af9cad5f.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-94150971.js';
 import './utilities-5b0ca040.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-b000ffc5.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-2983ba9b.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-150eef6e.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-4d27e23c.js';
 import './ErrorView-48e2b969.js';
 import { Q as QrCodeView } from './sqm-qr-code-view-10b8b4cb.js';
-import { S as ShareButtonView, L as LeaderboardView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalRegisterView, C as ChangeMarktingView, T as TaskCardView, f as ProgressBarView, g as PoweredByImg$1, h as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, i as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, j as RewardExchangeView, r as rewardExchangeCustomErrorMsg, k as rewardExchangeLongText, l as rewardExchangeSelected, m as chooseAmountFixed, n as chooseAmountFixedNoDescription, o as chooseAmountVariable, p as chooseAmountVariableNoDescription, q as chooseAmountVariableDisabled, s as chooseAmountVariableUnavailable, t as confirmFixed, v as confirmVariable, w as redemptionError, x as queryError, y as success, z as successVariable, A as loading, F as empty$1, G as rewardExchange, J as CardFeedView, K as CouponCodeView, M as ProgressBar$2, O as autoColorScaleCss, Q as ShadowViewAddon } from './ShadowViewAddon-74c0a5d5.js';
+import { S as ShareButtonView, L as LeaderboardView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalRegisterView, C as ChangeMarktingView, T as TaskCardView, f as ProgressBarView, g as PoweredByImg$1, h as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, i as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, j as RewardExchangeView, r as rewardExchangeCustomErrorMsg, k as rewardExchangeLongText, l as rewardExchangeSelected, m as chooseAmountFixed, n as chooseAmountFixedNoDescription, o as chooseAmountVariable, p as chooseAmountVariableNoDescription, q as chooseAmountVariableDisabled, s as chooseAmountVariableUnavailable, t as confirmFixed, v as confirmVariable, w as redemptionError, x as queryError, y as success, z as successVariable, A as loading, F as empty$1, G as rewardExchange, J as CardFeedView, K as CouponCodeView, M as ProgressBar$2, O as autoColorScaleCss, Q as ShadowViewAddon } from './ShadowViewAddon-c43fbfe3.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-1683ae32.js';
-import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-5f911636.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-4c6808a7.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>

package/dist/esm/sqm-text-span-view-cd3902e5.js

@@ -0,0 +1,61 @@
+import { h } from './index-91e7729f.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.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 = createStyleSheet(style);
+  const styleString = sheet.toString();
+  const vanillaStyle = `
+    :host {
+      word-wrap: break-word;
+    }
+    sqm-text-span {
+      display: inline;
+    }
+  `;
+  return (h("span", { class: sheet.classes[type], part: "sqm-base" },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
+}
+
+export { TextSpanView as T };

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
 import { n as h } from './stencil-hooks.module-4bc38af4.js';
 import './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
+import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
 
-const Text = class {
+const TextSpan = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
@@ -12,8 +12,8 @@ const Text = class {
   disconnectedCallback() { }
   componentWillLoad() { }
   render() {
-    return h$1(TextSpanView, { type: this.type }, this.text);
+    return (h$1(TextSpanView, { type: this.type, fontSize: this.fontSize, textColor: this.textColor }, this.text));
   }
 };
 
-export { Text as sqm_text_span };
+export { TextSpan as sqm_text_span };

package/dist/esm-es5/{GenericTableView-e7addb2b.js → GenericTableView-7d3de181.js}

@@ -1 +1 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var a,t=1,r=arguments.length;t<r;t++){a=arguments[t];for(var l in a)if(Object.prototype.hasOwnProperty.call(a,l))e[l]=a[l]}return e};return __assign.apply(this,arguments)};import{h}from"./index-91e7729f.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{g as gap}from"./mixins-83f90fa1.js";function GenericTableView(e){var a;var t=e.states,r=e.data,l=e.callbacks,s=e.elements;var n=s.columns,i=s.rows;var o=t.show;var d=r.hiddenColumns&&r.hiddenColumns.split(",").map(Number);var p="@media (max-width: "+r.mdBreakpoint+"px)";var c="@media (min-width: "+(Boolean(i.length<2)?r.mdBreakpoint:r.smBreakpoint)+"px) and (max-width: "+r.mdBreakpoint+"px)";var m={Table:(a={borderCollapse:"collapse",tableLayout:"fixed",width:"100%","& tbody tr":{borderBottom:"1px solid var(--sl-color-neutral-200)","&:first-child":{borderTop:"1px solid var(--sl-color-neutral-200)"}},"& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& td":{padding:"var(--sl-spacing-small)",paddingLeft:"0",overflow:"hidden",textOverflow:"ellipsis"}},a[p]={"& thead":{display:"none"},"& tr":{display:"block",background:"#FFFFFF",border:"1px solid var(--sl-color-neutral-200)",boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.1)",borderRadius:"var(--sl-border-radius-large)",padding:"var(--sl-spacing-medium)",fontSize:"var(--sl-font-size-small)",marginBottom:"var(--sl-spacing-large)"},"& td":{display:"grid",borderTop:"none",padding:"0",marginBottom:"var(--sl-spacing-medium)","&:first-child":{textAlign:"left"},"&:before":{content:"attr(data-label)",whiteSpace:"nowrap"},"&:last-child":{marginBottom:"0"},"&.hidden:before":{content:"none"}}},a[c]={"& tbody":{display:"grid",gridTemplateColumns:"0.5fr 0.5fr",gap:"25px"}},a),ButtonContainer:__assign({display:"flex","justify-content":"flex-end","margin-top":"var(--sl-spacing-small)"},gap({direction:"row",size:"var(--sl-spacing-small)"})),ButtonDisabled:{"&::part(base)":{opacity:"0.25"}}};var u=createStyleSheet(m);var b=u.toString();if(o==="empty")return s.emptyElement;return h("div",null,h("style",{type:"text/css"},b),h("table",{class:u.classes.Table},r.textOverrides.showLabels&&h("thead",null,h("tr",null,n===null||n===void 0?void 0:n.map((function(e){if(typeof e==="string")return h("th",null,e);return h("th",{style:{width:"30px"}},e)})))),h("tbody",null,o==="loading"&&s.loadingElement,o==="rows"&&(i===null||i===void 0?void 0:i.map((function(e,a){return h("tr",{style:{borderTop:""+(!r.textOverrides.showLabels&&a===0?"none":"")},part:"table-row"},e.map((function(e,a){return typeof n[a]==="string"?h("td",{class:(d===null||d===void 0?void 0:d.includes(a))?"hidden":"","data-label":n[a]+":",style:{gridTemplateColumns:(d===null||d===void 0?void 0:d.includes(a))?"1fr":"0.5fr 0.5fr"}},e):h("td",null,e)})))}))))),h("div",{class:u.classes.ButtonContainer,part:t.namespace+"-button-wrapper"},h("sl-button",{size:"small",disabled:!t.hasPrev,loading:o==="loading",onClick:l.prevPage,exportparts:"base: secondarybutton-base",class:!t.hasPrev?u.classes.ButtonDisabled:""},r.textOverrides.prevLabel),h("sl-button",{size:"small",loading:o==="loading",disabled:!t.hasNext,onClick:l.nextPage,exportparts:"base: secondarybutton-base",class:!t.hasNext?u.classes.ButtonDisabled:""},r.textOverrides.moreLabel)))}export{GenericTableView as G};
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var a,t=1,r=arguments.length;t<r;t++){a=arguments[t];for(var l in a)if(Object.prototype.hasOwnProperty.call(a,l))e[l]=a[l]}return e};return __assign.apply(this,arguments)};import{h}from"./index-91e7729f.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{g as gap}from"./mixins-faf102f9.js";function GenericTableView(e){var a;var t=e.states,r=e.data,l=e.callbacks,s=e.elements;var n=s.columns,i=s.rows;var o=t.show;var d=r.hiddenColumns&&r.hiddenColumns.split(",").map(Number);var p="@media (max-width: "+r.mdBreakpoint+"px)";var c="@media (min-width: "+(Boolean(i.length<2)?r.mdBreakpoint:r.smBreakpoint)+"px) and (max-width: "+r.mdBreakpoint+"px)";var m={Table:(a={borderCollapse:"collapse",tableLayout:"fixed",width:"100%","& tbody tr":{borderBottom:"1px solid var(--sl-color-neutral-200)","&:first-child":{borderTop:"1px solid var(--sl-color-neutral-200)"}},"& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& td":{padding:"var(--sl-spacing-small)",paddingLeft:"0",overflow:"hidden",textOverflow:"ellipsis"}},a[p]={"& thead":{display:"none"},"& tr":{display:"block",background:"#FFFFFF",border:"1px solid var(--sl-color-neutral-200)",boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.1)",borderRadius:"var(--sl-border-radius-large)",padding:"var(--sl-spacing-medium)",fontSize:"var(--sl-font-size-small)",marginBottom:"var(--sl-spacing-large)"},"& td":{display:"grid",borderTop:"none",padding:"0",marginBottom:"var(--sl-spacing-medium)","&:first-child":{textAlign:"left"},"&:before":{content:"attr(data-label)",whiteSpace:"nowrap"},"&:last-child":{marginBottom:"0"},"&.hidden:before":{content:"none"}}},a[c]={"& tbody":{display:"grid",gridTemplateColumns:"0.5fr 0.5fr",gap:"25px"}},a),ButtonContainer:__assign({display:"flex","justify-content":"flex-end","margin-top":"var(--sl-spacing-small)"},gap({direction:"row",size:"var(--sl-spacing-small)"})),ButtonDisabled:{"&::part(base)":{opacity:"0.25"}}};var u=createStyleSheet(m);var b=u.toString();if(o==="empty")return s.emptyElement;return h("div",null,h("style",{type:"text/css"},b),h("table",{class:u.classes.Table},r.textOverrides.showLabels&&h("thead",null,h("tr",null,n===null||n===void 0?void 0:n.map((function(e){if(typeof e==="string")return h("th",null,e);return h("th",{style:{width:"30px"}},e)})))),h("tbody",null,o==="loading"&&s.loadingElement,o==="rows"&&(i===null||i===void 0?void 0:i.map((function(e,a){return h("tr",{style:{borderTop:""+(!r.textOverrides.showLabels&&a===0?"none":"")},part:"table-row"},e.map((function(e,a){return typeof n[a]==="string"?h("td",{class:(d===null||d===void 0?void 0:d.includes(a))?"hidden":"","data-label":n[a]+":",style:{gridTemplateColumns:(d===null||d===void 0?void 0:d.includes(a))?"1fr":"0.5fr 0.5fr"}},e):h("td",null,e)})))}))))),h("div",{class:u.classes.ButtonContainer,part:t.namespace+"-button-wrapper"},h("sl-button",{size:"small",disabled:!t.hasPrev,loading:o==="loading",onClick:l.prevPage,exportparts:"base: secondarybutton-base",class:!t.hasPrev?u.classes.ButtonDisabled:""},r.textOverrides.prevLabel),h("sl-button",{size:"small",loading:o==="loading",disabled:!t.hasNext,onClick:l.nextPage,exportparts:"base: secondarybutton-base",class:!t.hasNext?u.classes.ButtonDisabled:""},r.textOverrides.moreLabel)))}export{GenericTableView as G};