@saasquatch/mint-components 1.15.0-42 → 1.15.0-43

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

@@ -1,6 +1,6 @@
-import { h, c as Host, r as registerInstance } from './index-b3a06de8.js';
-import { n as h$1 } from './stencil-hooks.module-20ad2b5f.js';
-import { B } from './index.module-d49ae5e7.js';
+import { h, c as Host, r as registerInstance } from './index-91e7729f.js';
+import { n as h$1 } from './stencil-hooks.module-4bc38af4.js';
+import { B } from './index.module-89a79f66.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const PopupContainerView = (props) => {

package/dist/esm/{sqm-portal-container-view-f0b1ccfc.js → sqm-portal-container-view-1683ae32.js}

@@ -1,4 +1,4 @@
-import { h } from './index-b3a06de8.js';
+import { h } from './index-91e7729f.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 function PortalSectionView(props) {

package/dist/esm/{sqm-portal-email-verification-view-7ac99890.js → sqm-portal-email-verification-view-24ea7b3c.js}

@@ -1,8 +1,8 @@
-import { h } from './index-b3a06de8.js';
-import { i as intl } from './global-16971a34.js';
+import { h } from './index-91e7729f.js';
+import { i as intl } from './global-632fb2fa.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.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-b3a06de8.js';
-import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-20ad2b5f.js';
-import './global-16971a34.js';
-import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-d49ae5e7.js';
+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-632fb2fa.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-f750863a.js';
-import './sqm-text-span-view-4c17b8c9.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-7ac99890.js';
+import './sqm-text-span-view-cd3902e5.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-24ea7b3c.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/esm/{sqm-portal-forgot-password-view-2628bc62.js → sqm-portal-forgot-password-view-55fc0873.js}

@@ -1,8 +1,8 @@
-import { h } from './index-b3a06de8.js';
-import { j as jn } from './index.module-d49ae5e7.js';
+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-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
+import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
 
 const vanillaStyle = `
 :host {

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { k as useState, n as h } from './stencil-hooks.module-20ad2b5f.js';
-import { c as un, j as jn, i as isDemo } from './index.module-d49ae5e7.js';
+import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
+import { k as useState, n as h } from './stencil-hooks.module-4bc38af4.js';
+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-f750863a.js';
-import './sqm-text-span-view-4c17b8c9.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-2628bc62.js';
+import './sqm-text-span-view-cd3902e5.js';
+import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-55fc0873.js';
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;

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

@@ -1,13 +1,14 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { n as h } from './stencil-hooks.module-20ad2b5f.js';
-import { i as isDemo, j as jn } from './index.module-d49ae5e7.js';
+import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+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 './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import './sqm-text-span-view-4c17b8c9.js';
-import { u as usePortalLogin, P as PortalLoginView } from './usePortalLogin-2b813acc.js';
+import './sqm-text-span-view-cd3902e5.js';
+import { P as PortalLoginView } from './sqm-portal-login-view-e870b4b0.js';
+import { u as usePortalLogin } from './usePortalLogin-ef647a50.js';
 
 const PortalGoogleLogin = class {
   constructor(hostRef) {

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

@@ -1,16 +1,16 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { k as useState, n as h } from './stencil-hooks.module-20ad2b5f.js';
-import { i as isDemo, j as jn } from './index.module-d49ae5e7.js';
+import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
+import { k as useState, n as h } from './stencil-hooks.module-4bc38af4.js';
+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-f750863a.js';
-import './sqm-text-span-view-4c17b8c9.js';
-import { a as useRegistrationForm } from './useRegistrationFormState-2db047e9.js';
-import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-193f1721.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-8bdc3804.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-d732a5df.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-5d651c04.js';
 import './AsYouType-46f67d0d.js';
-import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-61bf948d.js';
+import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-4b35a357.js';
 
 class InvalidTokenError extends Error {
 }

package/dist/esm/sqm-portal-login-view-e870b4b0.js

@@ -0,0 +1,56 @@
+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-f750863a.js';
+import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
+
+const style = {
+  Wrapper: AuthWrapper,
+  Column: AuthColumn,
+  ForgotButtonContainer: {
+    display: "inline",
+    cursor: "pointer",
+    "font-size": "13px",
+    "font-weight": "600",
+    color: "var(--sqm-text-subdued)",
+    margin: "0",
+  },
+  ButtonsContainer: {
+    ...AuthButtonsContainer,
+    gap: "var(--sl-spacing-medium)",
+    "& > *": {
+      margin: "0 !important",
+    },
+  },
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+function PortalLoginView(props) {
+  const { states, callbacks, content } = props;
+  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    h(TextSpanView, { type: "h3" }, content.pageLabel),
+    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))),
+      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", null,
+        h("sl-input", { exportparts: "label: input-label, base: input-base", type: "password", name: "/password", label: content.passwordLabel || "Password", disabled: states.loading, required: true }),
+        h("div", { class: sheet.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
+      h("div", { class: sheet.classes.ButtonsContainer },
+        h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Login"),
+        content.googleButton && h("sl-menu-divider", null),
+        content.googleButton,
+        content.secondaryButton))));
+}
+
+export { PortalLoginView as P };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance } from './index-b3a06de8.js';
-import { n as h } from './stencil-hooks.module-20ad2b5f.js';
-import { b as setUserIdentity, j as jn, i as isDemo } from './index.module-d49ae5e7.js';
+import { r as registerInstance } from './index-91e7729f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { b as setUserIdentity, j as jn, i as isDemo } from './index.module-89a79f66.js';
 
 function usePortalLogout({ nextPage }) {
   setUserIdentity(undefined);

package/dist/esm/{sqm-portal-profile-view-c68753ea.js → sqm-portal-profile-view-9b4d7ec1.js}

@@ -1,7 +1,7 @@
-import { h } from './index-b3a06de8.js';
-import { i as intl } from './global-16971a34.js';
+import { h } from './index-91e7729f.js';
+import { i as intl } from './global-632fb2fa.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.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,13 +1,13 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-20ad2b5f.js';
-import './global-16971a34.js';
-import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-d49ae5e7.js';
+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-632fb2fa.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-4c17b8c9.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-c68753ea.js';
-import { i as isEmpty } from './utilities-6341d9fd.js';
+import './sqm-text-span-view-cd3902e5.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-9b4d7ec1.js';
+import { i as isEmpty } from './utilities-5b0ca040.js';
 
 const GET_USER = dist.gql `
   query {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
-import { f as useEffect, n as h } from './stencil-hooks.module-20ad2b5f.js';
-import { J, k as kn, j as jn, i as isDemo } from './index.module-d49ae5e7.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-91e7729f.js';
+import { f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
+import { J, k as kn, j as jn, i as isDemo } from './index.module-89a79f66.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

package/dist/esm/{sqm-portal-registration-form-view-8bdc3804.js → sqm-portal-registration-form-view-5d651c04.js}

@@ -1,7 +1,7 @@
-import { h } from './index-b3a06de8.js';
+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-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.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

@@ -1,15 +1,15 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { n as h } from './stencil-hooks.module-20ad2b5f.js';
-import { i as isDemo, j as jn } from './index.module-d49ae5e7.js';
+import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+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-f750863a.js';
-import './sqm-text-span-view-4c17b8c9.js';
-import './useRegistrationFormState-2db047e9.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-8bdc3804.js';
+import './sqm-text-span-view-cd3902e5.js';
+import './useRegistrationFormState-d6f33135.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-5d651c04.js';
 import './AsYouType-46f67d0d.js';
-import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-61bf948d.js';
+import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-4b35a357.js';
 
 const PortalRegistrationForm = class {
   constructor(hostRef) {

package/dist/esm/{sqm-portal-reset-password-view-abef7286.js → sqm-portal-reset-password-view-6903828e.js}

@@ -1,7 +1,7 @@
-import { h } from './index-b3a06de8.js';
+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-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-20ad2b5f.js';
-import { f as Je, T as Te, j as jn, i as isDemo } from './index.module-d49ae5e7.js';
+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 { f as Je, T as Te, 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 { s as sanitizeUrlPath } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import './sqm-text-span-view-4c17b8c9.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-abef7286.js';
+import './sqm-text-span-view-cd3902e5.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-6903828e.js';
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/esm/{sqm-portal-verify-email-view-33805220.js → sqm-portal-verify-email-view-01ac711f.js}

@@ -1,7 +1,7 @@
-import { h } from './index-b3a06de8.js';
+import { h } from './index-91e7729f.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.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

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-20ad2b5f.js';
-import { J, o as an, j as jn, b as setUserIdentity, i as isDemo } from './index.module-d49ae5e7.js';
+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 { J, o as an, j as jn, b as setUserIdentity, i as isDemo } from './index.module-89a79f66.js';
 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-f750863a.js';
-import './sqm-text-span-view-4c17b8c9.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-33805220.js';
+import './sqm-text-span-view-cd3902e5.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-01ac711f.js';
 
 let globalPromise = null;
 function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {

package/dist/esm/{sqm-qr-code-view-358607d1.js → sqm-qr-code-view-62c10948.js}

@@ -1,6 +1,6 @@
-import { h } from './index-b3a06de8.js';
+import { h } from './index-91e7729f.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { E as ErrorView } from './ErrorView-eaafd6f5.js';
+import { E as ErrorView } from './ErrorView-48e2b969.js';
 
 const style = {
   DialogContainer: {

package/dist/esm/sqm-qr-code.entry.js

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-20ad2b5f.js';
-import { d as dist, H, J, F as Fn, w as wn, $ as $e, B, i as isDemo } from './index.module-d49ae5e7.js';
+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 { d as dist, H, J, F as Fn, w as wn, $ as $e, B, 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 { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-0b798295.js';
-import './ErrorView-eaafd6f5.js';
-import { Q as QrCodeView } from './sqm-qr-code-view-358607d1.js';
+import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-8f75921a.js';
+import './ErrorView-48e2b969.js';
+import { Q as QrCodeView } from './sqm-qr-code-view-62c10948.js';
 
 const ShareLinkQuery = dist.gql `
   query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {

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-b3a06de8.js';
-import { n as h, j as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-20ad2b5f.js';
-import { i as intl } from './global-16971a34.js';
-import { i as isDemo } from './index.module-d49ae5e7.js';
+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-632fb2fa.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-f750863a.js';
-import { G as GenericTableView } from './GenericTableView-dd9be3ea.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-789f9123.js';
-import { u as useChildElements } from './useChildElements-0ca9a015.js';
-import { l as luxon } from './luxon-793b7f13.js';
-import { g as getPaypalMeta } from './mockRewardData-bdc54f2e.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-c1511d9d.js';
-import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
+import { G as GenericTableView } from './GenericTableView-3b6f9ccc.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-cd3902e5.js';
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());
@@ -477,7 +477,7 @@ const ReferralTableRewardsCell = class {
           textAlign: "center",
           maxWidth: "170px",
           whiteSpace: "pre-line",
-          background: "var(--sqm-informative-color-icon)",
+          background: "var(--sqm-informative-color-background)",
           color: "var(--sqm-informative-color-text)",
         },
       },
@@ -487,7 +487,7 @@ const ReferralTableRewardsCell = class {
           textAlign: "center",
           maxWidth: "170px",
           whiteSpace: "pre-line",
-          background: "var(--sqm-danger-color-icon)",
+          background: "var(--sqm-danger-color-background)",
           color: "var(--sqm-danger-color-text)",
         },
       },
@@ -497,7 +497,7 @@ const ReferralTableRewardsCell = class {
           textAlign: "center",
           maxWidth: "170px",
           whiteSpace: "pre-line",
-          background: "var(--sqm-warning-color-icon)",
+          background: "var(--sqm-warning-color-background)",
           color: "var(--sqm-warning-color-text)",
         },
       },
@@ -507,7 +507,7 @@ const ReferralTableRewardsCell = class {
           textAlign: "center",
           maxWidth: "170px",
           whiteSpace: "pre-line",
-          background: "var(--sqm-success-color-icon)",
+          background: "var(--sqm-success-color-background)",
           color: "var(--sqm-success-color-text)",
         },
       },
@@ -751,7 +751,7 @@ const style = {
       textAlign: "center",
       maxWidth: "170px",
       whiteSpace: "pre-line",
-      background: "var(--sqm-informative-color-icon)",
+      background: "var(--sqm-informative-color-background)",
       color: "var(--sqm-informative-color-text)",
     },
   },
@@ -762,7 +762,7 @@ const style = {
       textAlign: "center",
       maxWidth: "170px",
       whiteSpace: "pre-line",
-      background: "var(--sqm-danger-color-icon)",
+      background: "var(--sqm-danger-color-background)",
       color: "var(--sqm-danger-color-text)",
     },
   },
@@ -773,7 +773,7 @@ const style = {
       textAlign: "center",
       maxWidth: "170px",
       whiteSpace: "pre-line",
-      background: "var(--sqm-warning-color-icon)",
+      background: "var(--sqm-warning-color-background)",
       color: "var(--sqm-warning-color-text)",
     },
   },
@@ -784,7 +784,7 @@ const style = {
       textAlign: "center",
       maxWidth: "170px",
       whiteSpace: "pre-line",
-      background: "var(--sqm-success-color-icon)",
+      background: "var(--sqm-success-color-background)",
       color: "var(--sqm-success-color-text)",
     },
   },

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { n as h } from './stencil-hooks.module-20ad2b5f.js';
-import { i as isDemo, b as setUserIdentity } from './index.module-d49ae5e7.js';
+import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+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-f750863a.js';
-import { E as EmailRegistrationView } from './email-registration-view-db81655f.js';
-import './useRegistrationFormState-2db047e9.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-b224f3ce.js';
+import { E as EmailRegistrationView } from './email-registration-view-8782c01b.js';
+import './useRegistrationFormState-d6f33135.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-dc4ad9f2.js';
 
 const ReferredRegistration = class {
   constructor(hostRef) {

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-b3a06de8.js';
-import { n as h } from './stencil-hooks.module-20ad2b5f.js';
+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-4c17b8c9.js';
+import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
 
 const RewardTableCustomerNoteCell = class {
   constructor(hostRef) {

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
-import { n as h } from './stencil-hooks.module-20ad2b5f.js';
-import './index.module-d49ae5e7.js';
-import { a as useRequestRerender } from './re-render-789f9123.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-91e7729f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import './index.module-89a79f66.js';
+import { a as useRequestRerender } from './re-render-cc945f38.js';
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

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

@@ -1,17 +1,17 @@
-import { h, r as registerInstance, c as Host } from './index-b3a06de8.js';
-import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './stencil-hooks.module-20ad2b5f.js';
-import { i as intl } from './global-16971a34.js';
-import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-d49ae5e7.js';
+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-632fb2fa.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-f750863a.js';
-import { G as GenericTableView } from './GenericTableView-dd9be3ea.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-789f9123.js';
-import { u as useChildElements } from './useChildElements-0ca9a015.js';
-import { l as luxon } from './luxon-793b7f13.js';
-import { m as mockRewardData } from './mockRewardData-bdc54f2e.js';
-import { g as generateUserError } from './useReferralTable-c1511d9d.js';
+import { G as GenericTableView } from './GenericTableView-3b6f9ccc.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';
+import { m as mockRewardData } from './mockRewardData-8bd1b356.js';
+import { g as generateUserError } from './useReferralTable-b3876ed6.js';
 
 const debug = browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";
@@ -795,7 +795,7 @@ const style$1 = {
       fontSize: "var(--sl-font-size-small)",
       textAlign: "center",
       whiteSpace: "pre-line",
-      background: "var(--sqm-informative-color-icon)",
+      background: "var(--sqm-informative-color-background)",
       color: "var(--sqm-informative-color-text)",
     },
   },
@@ -805,7 +805,7 @@ const style$1 = {
       fontSize: "var(--sl-font-size-small)",
       textAlign: "center",
       whiteSpace: "pre-line",
-      background: "var(--sqm-danger-color-icon)",
+      background: "var(--sqm-danger-color-background)",
       color: "var(--sqm-danger-color-text)",
     },
   },
@@ -815,7 +815,7 @@ const style$1 = {
       fontSize: "var(--sl-font-size-small)",
       textAlign: "center",
       whiteSpace: "pre-line",
-      background: "var(--sqm-warning-color-icon)",
+      background: "var(--sqm-warning-color-background)",
       color: "var(--sqm-warning-color-text)",
     },
   },
@@ -825,7 +825,7 @@ const style$1 = {
       fontSize: "var(--sl-font-size-small)",
       textAlign: "center",
       whiteSpace: "pre-line",
-      background: "var(--sqm-success-color-icon)",
+      background: "var(--sqm-success-color-background)",
       color: "var(--sqm-success-color-text)",
     },
   },

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, c as Host } from './index-b3a06de8.js';
+import { r as registerInstance, h, c as Host } from './index-91e7729f.js';
 
 const SqmRoute = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { n as h } from './stencil-hooks.module-20ad2b5f.js';
+import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const REVEAL_EVENT = "sq:reveal";