@saasquatch/mint-components 1.15.0-3 → 1.15.0-5

package/dist/esm/sqm-big-stat_41.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-91e7729f.js';
 import { n as h, f as useEffect, k as useState, i as d, u as useMemo, m as useRef, b as browser, j as useReducer } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-be1f9992.js';
+import { i as intl } from './global-7b65dcb8.js';
 import { i as isDemo, _, d as dist, J, H, $ as $e, w as wn, B, L, y as yn, j as jn, r as Ue, V as Ve, u as useCallback, Q as Qe, k as kn } from './index.module-89a79f66.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
@@ -12,14 +12,14 @@ import { C as CopyTextView } from './copy-text-view-782137ba.js';
 import { a as useRequestRerender } from './re-render-cc945f38.js';
 import { u as useChildElements } from './useChildElements-7945ae56.js';
 import './luxon-8d51c92b.js';
-import './sqm-text-span-view-ca32495e.js';
+import './sqm-text-span-view-c577cc60.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
 import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-d6f33135.js';
-import { P as PortalLoginView } from './sqm-portal-login-view-7e49609a.js';
+import { P as PortalLoginView } from './sqm-portal-login-view-37c85d04.js';
 import { u as usePortalLogin } from './usePortalLogin-ef647a50.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 import { i as isEmpty } from './utilities-5b0ca040.js';
-import { b as useDemoBigStat, U as useBigStat, B as BigStatView, O as autoColorScaleCss, J as CardFeedView, i as CheckboxFieldView, K as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, V as withShadowView, L as LeaderboardView, N as NameFieldsView, C as ChangeMarktingView, d as PortalChangePasswordView, h as PortalFooterView, P as PortalFrameView, e as PortalRegisterView, R as ReferralIframeView, W as demoRewardExchange, j as RewardExchangeView, a as useShareButton, S as ShareButtonView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-cf230f50.js';
+import { b as useDemoBigStat, U as useBigStat, B as BigStatView, O as autoColorScaleCss, J as CardFeedView, i as CheckboxFieldView, K as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, V as withShadowView, L as LeaderboardView, N as NameFieldsView, C as ChangeMarktingView, d as PortalChangePasswordView, h as PortalFooterView, P as PortalFrameView, e as PortalRegisterView, R as ReferralIframeView, W as demoRewardExchange, j as RewardExchangeView, a as useShareButton, S as ShareButtonView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-f5791215.js';
 import './sqm-portal-container-view-1683ae32.js';
 import { u as usePayoutStatus } from './usePayoutStatus-58aa56b4.js';
 
@@ -983,7 +983,7 @@ function HeroImageView(props, children) {
         props.paddingImage +
         "))",
       textAlign: "center",
-      color: props.textColor || "var(--sl-color-neutral-0)",
+      color: props.textColor || "var(--sqm-text)",
       lineHeight: "var(--sl-line-height-dense)",
       "@media (max-width: 599px)": {
         padding: "var(--sl-spacing-" + props.paddingText + ")",
@@ -994,7 +994,7 @@ function HeroImageView(props, children) {
       background: props.backgroundColor || "",
       flexDirection: props.imagePos === "right" ? "row-reverse" : "row",
       lineHeight: "var(--sl-line-height-dense)",
-      color: props.textColor || "var(--sl-color-neutral-900)",
+      color: props.textColor || "var(--sqm-text)",
       "& .image-area": {
         width: props.imagePercentage ? props.imagePercentage + "%" : "50%",
         padding: "var(--sl-spacing-" + props.paddingImage + ")",
@@ -1064,7 +1064,7 @@ function HeroImageView(props, children) {
       h$1("div", { class: sheet.classes.Overlay, part: "sqm-overlay" },
         props.header && (h$1("div", { class: sheet.classes.Header }, props.header)),
         props.description && (h$1("div", { class: sheet.classes.Description }, props.description)),
-        props.buttonText && (h$1("sl-button", { class: sheet.classes.Button, type: "primary", onClick: () => props.buttonNewTab
+        props.buttonText && (h$1("sl-button", { class: sheet.classes.Button, type: "primary", exportparts: "base: primarybutton-base", onClick: () => props.buttonNewTab
             ? window.open(props.buttonLink)
             : window.open(props.buttonLink, "_parent") }, props.buttonText)),
         children && children)));
@@ -1529,6 +1529,7 @@ function useLeaderboardDemo(props) {
       hasLeaders: true,
       isEssentials: false,
       styles: {
+        // viewingUserHighlightColor: props.viewingUserHighlightColor,
         usersheading: props.usersheading
           ? props.usersheading
           : "Top referrers",
@@ -3009,7 +3010,7 @@ function useRegisterDemo(props) {
 function ProgramExplainerView(props, children) {
   const style = {
     Container: {
-      color: props.textColor || "var(--sl-color-neutral-900)",
+      color: props.textColor || "var(--sqm-text)",
       background: props.backgroundColor || "",
     },
     Header: {
@@ -3069,7 +3070,7 @@ function ProgramExplainerStepView(props) {
       width: "100%",
       padding: "var(--sl-spacing-x-large)",
       lineHeight: "var(--sl-line-height-dense)",
-      color: props.textColor || "var(--sl-color-neutral-900)",
+      color: props.textColor || "var(--sqm-text)",
       background: props.backgroundColor || "var(--sl-color-primary-50)",
       "@media (max-width: 499px)": {
         flexDirection: "row",
@@ -3083,6 +3084,7 @@ function ProgramExplainerStepView(props) {
       },
     },
     Header: {
+      color: props.textColor || "var(--sqm-text)",
       fontSize: "var(--sl-font-size-large)",
       fontWeight: "var(--sl-font-weight-bold)",
       marginTop: "var(--sl-spacing-x-large)",
@@ -3091,6 +3093,7 @@ function ProgramExplainerStepView(props) {
       },
     },
     Description: {
+      color: props.textColor || "var(--sqm-text)",
       fontSize: "var(--sl-font-size-medium)",
       marginTop: "var(--sl-spacing-small)",
       "@media (max-width: 499px)": {
@@ -3179,7 +3182,7 @@ const ProgramMenu = class {
 const style$4 = {
   Container: {
     borderRadius: "var(--sl-border-radius-large)",
-    color: "var(--sl-color-neutral-900)",
+    color: "var(--sqm-text)",
     background: "var(--sl-color-neutral-0)",
     display: "flex",
     flexDirection: "column",
@@ -4956,7 +4959,7 @@ const Circle = () => (h$1("svg", { width: "24", height: "24", viewBox: "0 0 24 2
 
 const style$5 = {
   TimelineReward: {
-    color: "var(--sl-color-neutral-900)",
+    color: "var(--sqm-text)",
     lineHeight: "var(--sl-line-height-dense)",
     "& .container": {
       display: "flex",

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

@@ -1,11 +1,11 @@
 import { h, r as registerInstance } from './index-91e7729f.js';
 import { k as useState, f as useEffect, n as h$1 } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-be1f9992.js';
+import { i as intl } from './global-7b65dcb8.js';
 import { d as dist, t as Pn, w as wn, J, $ as $e, i as isDemo, q as En } 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 { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
+import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
 import { S as SHOW_CODE_NAMESPACE, V as VERIFICATION_EMAIL_NAMESPACE } from './keys-406491dc.js';
 import { u as useVerificationEmail } from './useVerificationEmail-edc318cb.js';
 

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

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as Host } from './index-91e7729f.js';
 import { n as h$1 } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-be1f9992.js';
+import { i as intl } from './global-7b65dcb8.js';
 import './index.module-89a79f66.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
@@ -14,7 +14,7 @@ function EmptyStateView(props) {
       h("sqm-text", { slot: "label" },
         h("p", { part: "header-text" }, emptyStateHeader)),
       h("sqm-text", { slot: "content" },
-        h("p", { part: "description-text", innerHTML: "", style: { color: "var(--sl-color-gray-500)" } }, intl.formatMessage({
+        h("p", { part: "description-text" }, intl.formatMessage({
           id: "emptyStateText",
           defaultMessage: emptyStateText,
         }, {
@@ -96,47 +96,48 @@ const PortalContainer = class {
 const vanillaStyle = `
   sqm-text {
     display: block;
+    color: var(--sqm-text);
   }
 
   sqm-text h1 {
     font-size: var(--sl-font-size-xxx-large);
     font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-800);
+    color: var(--sqm-text);
     margin: 0;
   }
 
   sqm-text h2 {
     font-size: var(--sl-font-size-xx-large);
     font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-800);
+    color: var(--sqm-text);
     margin: 0;
   }
 
   sqm-text h3 {
     font-size: var(--sl-font-size-x-large);
     font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-800);
+    color: var(--sqm-text);
     margin: 0;
   }
 
   sqm-text h4 {
     font-size: var(--sl-font-size-large);
     font-weight: var(--sl-font-weight-bold);
-    color: var(--sl-color-neutral-800);
+    color: var(--sqm-text);
     margin: 0;
   }
 
   sqm-text p {
     font-size: var(--sl-font-size-medium);
     font-weight: var(--sl-font-weight-normal);
-    color: var(--sl-color-neutral-800);
+    color: var(--sqm-text);
     margin: 0;
   }
 
   sqm-text sub {
     font-size: var(--sl-font-size-small);
     font-weight: var(--sl-font-weight-normal);
-    color: var(--sl-color-neutral-400);
+    color: var(--sqm-text);
     margin: 0;
   }
 `;

package/dist/esm/{sqm-invoice-table-view-2c726568.js → sqm-invoice-table-view-0f0a7386.js}

@@ -1,5 +1,5 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-be1f9992.js';
+import { i as intl } from './global-7b65dcb8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { E as ErrorView } from './ErrorView-48e2b969.js';
 

package/dist/esm/sqm-leaderboard-rank.entry.js

@@ -1,6 +1,6 @@
 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 intl } from './global-be1f9992.js';
+import { i as intl } from './global-7b65dcb8.js';
 import { d as dist, H, J, w as wn, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-753c8d4a.js';
@@ -48,7 +48,7 @@ function useLeaderboardRank(props) {
   };
 }
 
-const sqmLeaderboardRankCss = "p,.P{font-size:var(--sl-font-size-small);color:var(--sl-color-gray-800);margin-top:0px}p.Subtitle,.P.Subtitle{color:var(--sl-color-gray-500);margin:0px}";
+const sqmLeaderboardRankCss = "p,.P{font-size:var(--sl-font-size-small);color:var(--sqm-text);margin-top:0px}p.Subtitle,.P.Subtitle{color:var(--sqm-text-subdued);margin:0px}";
 
 const LeaderboardRank = class {
   constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 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-be1f9992.js';
+import { i as intl } from './global-7b65dcb8.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';
@@ -284,7 +284,7 @@ const style$1 = {
     flexDirection: "column",
   },
   TitleText: {
-    color: "var(--sl-color-neutral-700)",
+    color: "var(--sqm-text-subdued)",
     fontSize: "var(--sl-font-size-large)",
     margin: "0",
   },

package/dist/esm/{sqm-portal-email-verification-view-35b4353b.js → sqm-portal-email-verification-view-3bd4f1d9.js}

@@ -1,8 +1,8 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-be1f9992.js';
+import { i as intl } from './global-7b65dcb8.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-ca32495e.js';
+import { T as TextSpanView } from './sqm-text-span-view-c577cc60.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-be1f9992.js';
+import './global-7b65dcb8.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-ca32495e.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-35b4353b.js';
+import './sqm-text-span-view-c577cc60.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-3bd4f1d9.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/esm/{sqm-portal-forgot-password-view-3d3182f1.js → sqm-portal-forgot-password-view-50444a7c.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-ca32495e.js';
+import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -5,8 +5,8 @@ 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-ca32495e.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-3d3182f1.js';
+import './sqm-text-span-view-c577cc60.js';
+import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-50444a7c.js';
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;

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

@@ -6,8 +6,8 @@ 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-ca32495e.js';
-import { P as PortalLoginView } from './sqm-portal-login-view-7e49609a.js';
+import './sqm-text-span-view-c577cc60.js';
+import { P as PortalLoginView } from './sqm-portal-login-view-37c85d04.js';
 import { u as usePortalLogin } from './usePortalLogin-ef647a50.js';
 
 const PortalGoogleLogin = class {

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

@@ -5,10 +5,10 @@ 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-ca32495e.js';
+import './sqm-text-span-view-c577cc60.js';
 import { a as useRegistrationForm } from './useRegistrationFormState-d6f33135.js';
-import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-593d4ac3.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-3c1f6000.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 './AsYouType-46f67d0d.js';
 import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-4b35a357.js';
 

package/dist/esm/{sqm-portal-login-view-7e49609a.js → sqm-portal-login-view-37c85d04.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-ca32495e.js';
+import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
 
 const style = {
   Wrapper: AuthWrapper,

package/dist/esm/{sqm-portal-profile-view-93003974.js → sqm-portal-profile-view-3a751a15.js}

@@ -1,7 +1,7 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-be1f9992.js';
+import { i as intl } from './global-7b65dcb8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
+import { T as TextSpanView } from './sqm-text-span-view-c577cc60.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-be1f9992.js';
+import './global-7b65dcb8.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-ca32495e.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-93003974.js';
+import './sqm-text-span-view-c577cc60.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-3a751a15.js';
 import { i as isEmpty } from './utilities-5b0ca040.js';
 
 const GET_USER = dist.gql `

package/dist/esm/{sqm-portal-registration-form-view-3c1f6000.js → sqm-portal-registration-form-view-21d57492.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-ca32495e.js';
+import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -5,9 +5,9 @@ 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-ca32495e.js';
+import './sqm-text-span-view-c577cc60.js';
 import './useRegistrationFormState-d6f33135.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-3c1f6000.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-21d57492.js';
 import './AsYouType-46f67d0d.js';
 import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-4b35a357.js';
 

package/dist/esm/{sqm-portal-reset-password-view-54a8651f.js → sqm-portal-reset-password-view-b000ffc5.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-ca32495e.js';
+import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -6,8 +6,8 @@ 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-ca32495e.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-54a8651f.js';
+import './sqm-text-span-view-c577cc60.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-b000ffc5.js';
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/esm/{sqm-portal-verify-email-view-b12cb894.js → sqm-portal-verify-email-view-2983ba9b.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-ca32495e.js';
+import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -5,8 +5,8 @@ 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-ca32495e.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-b12cb894.js';
+import './sqm-text-span-view-c577cc60.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-2983ba9b.js';
 
 let globalPromise = null;
 function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {

package/dist/esm/{sqm-qr-code-view-f1d0763b.js → sqm-qr-code-view-10b8b4cb.js}

@@ -39,11 +39,6 @@ const style = {
     height: "100%",
     maxWidth: "335px",
   },
-  TextButton: {
-    "&::part(base)": {
-      color: "var(--sl-color-gray-600)",
-    },
-  },
   LoadingSkeleton: {
     "&::part(indicator)": {
       borderRadius: "0px !important",
@@ -94,8 +89,8 @@ function QrCodeView({ error, qrLink, titleText, downloadCodeText, printCodeText,
       !hideTitle && h("span", { part: "sqm-title" }, titleText),
       codeContent,
       h("div", { class: sheet.classes.ButtonContainer },
-        h("sl-button", { size: "small", exportparts: "base: defaultbutton-base", type: "default", onClick: createDownloadable }, downloadCodeText),
-        h("sl-button", { size: "small", exportparts: "base: textbutton-base", type: "text", onClick: createPrintable, class: sheet.classes.TextButton }, printCodeText)))));
+        h("sl-button", { size: "small", exportparts: "base: primarybutton-base", type: "primary", onClick: createDownloadable }, downloadCodeText),
+        h("sl-button", { size: "small", exportparts: "base: textbutton-base", type: "text", onClick: createPrintable }, printCodeText)))));
 }
 
 export { QrCodeView as Q };

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

@@ -6,7 +6,7 @@ import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-8f75921a.js';
 import './ErrorView-48e2b969.js';
-import { Q as QrCodeView } from './sqm-qr-code-view-f1d0763b.js';
+import { Q as QrCodeView } from './sqm-qr-code-view-10b8b4cb.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-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-be1f9992.js';
+import { i as intl } from './global-7b65dcb8.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-7b9087af.js';
+import { G as GenericTableView } from './GenericTableView-e7addb2b.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-ca32495e.js';
+import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());
@@ -444,9 +444,7 @@ const ReferralTableRewardsCell = class {
         "flex-wrap": "wrap",
       },
       Details: {
-        "padding-bottom": "var(--sl-spacing-small)",
         "max-width": "500px",
-        // "padding-right": "var(--sl-spacing-x-small)",
         "&::part(header)": {
           padding: "var(--sl-spacing-x-small)",
           cursor: `${this.hideDetails ? "default" : "pointer"}`,

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-ca32495e.js';
+import { T as TextSpanView } from './sqm-text-span-view-c577cc60.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-be1f9992.js';
+import { i as intl } from './global-7b65dcb8.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-7b9087af.js';
+import { G as GenericTableView } from './GenericTableView-e7addb2b.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';
@@ -603,11 +603,11 @@ const RewardTableRewardsCell = class {
           },
           Text: {
             fontSize: "var(--sl-font-size-medium)",
-            color: "var(--sl-color-gray-800)",
+            color: "var(--sqm-text)",
           },
           Subtext: {
             fontSize: "var(--sl-font-size-small)",
-            color: "var(--sl-color-neutral-500)",
+            color: "var(--sqm-text-subdued)",
           },
         };
         const sheet = createStyleSheet(style);

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

@@ -1,6 +1,6 @@
 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-be1f9992.js';
+import './global-7b65dcb8.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';
@@ -8,10 +8,10 @@ import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './useReferralCodes-8f75921a.js';
 import './mixins-83f90fa1.js';
 import { C as CopyTextView } from './copy-text-view-782137ba.js';
-import { G as GenericTableView } from './GenericTableView-7b9087af.js';
+import { G as GenericTableView } from './GenericTableView-e7addb2b.js';
 import './useChildElements-7945ae56.js';
 import { l as luxon } from './luxon-8d51c92b.js';
-import './sqm-text-span-view-ca32495e.js';
+import './sqm-text-span-view-c577cc60.js';
 import { A as AssetCardView } from './sqm-asset-card-view-fe5db3c0.js';
 import { C as CloseButtonView } from './sqm-close-button-view-f9819751.js';
 import './index-ffa26b43.js';
@@ -20,20 +20,20 @@ import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-753c8d4a.j
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-8ef8180f.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-9d802b78.js';
 import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-8f1c72bc.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-35b4353b.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-3d3182f1.js';
-import { P as PortalLoginView } from './sqm-portal-login-view-7e49609a.js';
-import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-593d4ac3.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-3c1f6000.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-93003974.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-3bd4f1d9.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-3a751a15.js';
 import './utilities-5b0ca040.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-54a8651f.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-b12cb894.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 './ErrorView-48e2b969.js';
-import { Q as QrCodeView } from './sqm-qr-code-view-f1d0763b.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-cf230f50.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-f5791215.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-2c726568.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-0f0a7386.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -3471,7 +3471,7 @@ const FullStackSuccess = () => {
     h("div", { class: "AlertContent" },
       h("div", { part: "successalert-text" }, "Title"),
       h("div", { part: "successalert-subtext" }, "Body text."),
-      h("sl-button", { type: "default", exportparts: "base: defaultbutton-base", onClick: () => {
+      h("sl-button", { type: "primary", exportparts: "base: primarybutton-base", onClick: () => {
           console.log("click");
         } }, "Primary Action"),
       h("sl-button", { class: "SecondaryTextButton", type: "text", onClick: () => {