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

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-e31dc4f5.js');
+const global = require('./global-261393c6.js');
 const index_module = require('./index.module-ee84433d.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
@@ -16,14 +16,14 @@ const copyTextView = require('./copy-text-view-c85acaaa.js');
 const reRender = require('./re-render-b324deab.js');
 const useChildElements = require('./useChildElements-1b35d945.js');
 require('./luxon-2926d85f.js');
-require('./sqm-text-span-view-0aa82125.js');
+require('./sqm-text-span-view-56e48a78.js');
 const index$1 = require('./index-8c6255f5.js');
 const useRegistrationFormState = require('./useRegistrationFormState-7b820f0c.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-761a4d8e.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-84e99287.js');
 const usePortalLogin = require('./usePortalLogin-63d896d1.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 const utilities = require('./utilities-78f5e169.js');
-const ShadowViewAddon = require('./ShadowViewAddon-787391f7.js');
+const ShadowViewAddon = require('./ShadowViewAddon-3f11bc68.js');
 require('./sqm-portal-container-view-4f15143a.js');
 const usePayoutStatus = require('./usePayoutStatus-4b5894ef.js');
 
@@ -987,7 +987,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 + ")",
@@ -998,7 +998,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 + ")",
@@ -1068,7 +1068,7 @@ function HeroImageView(props, children) {
       index.h("div", { class: sheet.classes.Overlay, part: "sqm-overlay" },
         props.header && (index.h("div", { class: sheet.classes.Header }, props.header)),
         props.description && (index.h("div", { class: sheet.classes.Description }, props.description)),
-        props.buttonText && (index.h("sl-button", { class: sheet.classes.Button, type: "primary", onClick: () => props.buttonNewTab
+        props.buttonText && (index.h("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)));
@@ -1533,6 +1533,7 @@ function useLeaderboardDemo(props) {
       hasLeaders: true,
       isEssentials: false,
       styles: {
+        // viewingUserHighlightColor: props.viewingUserHighlightColor,
         usersheading: props.usersheading
           ? props.usersheading
           : "Top referrers",
@@ -3013,7 +3014,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: {
@@ -3073,7 +3074,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",
@@ -3087,6 +3088,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)",
@@ -3095,6 +3097,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)": {
@@ -3183,7 +3186,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",
@@ -4960,7 +4963,7 @@ const Circle = () => (index.h("svg", { width: "24", height: "24", viewBox: "0 0
 
 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/cjs/sqm-email-verification.cjs.entry.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-e31dc4f5.js');
+const global = require('./global-261393c6.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
 const keys = require('./keys-cff24974.js');
 const useVerificationEmail = require('./useVerificationEmail-95a82767.js');
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-e31dc4f5.js');
+const global = require('./global-261393c6.js');
 require('./index.module-ee84433d.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
@@ -18,7 +18,7 @@ function EmptyStateView(props) {
       index.h("sqm-text", { slot: "label" },
         index.h("p", { part: "header-text" }, emptyStateHeader)),
       index.h("sqm-text", { slot: "content" },
-        index.h("p", { part: "description-text", innerHTML: "", style: { color: "var(--sl-color-gray-500)" } }, global.intl.formatMessage({
+        index.h("p", { part: "description-text" }, global.intl.formatMessage({
           id: "emptyStateText",
           defaultMessage: emptyStateText,
         }, {
@@ -100,47 +100,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/cjs/{sqm-invoice-table-view-16ac73d0.js → sqm-invoice-table-view-8b950046.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-e31dc4f5.js');
+const global = require('./global-261393c6.js');
 const JSS = require('./JSS-8503a151.js');
 const ErrorView = require('./ErrorView-b2fcf954.js');
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-e31dc4f5.js');
+const global = require('./global-261393c6.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js');
@@ -52,7 +52,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/cjs/sqm-pagination_3.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-e31dc4f5.js');
+const global = require('./global-261393c6.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
@@ -288,7 +288,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/cjs/{sqm-portal-email-verification-view-7ebb426a.js → sqm-portal-email-verification-view-8d5b23f3.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-e31dc4f5.js');
+const global = require('./global-261393c6.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-e31dc4f5.js');
+require('./global-261393c6.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-0aa82125.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-7ebb426a.js');
+require('./sqm-text-span-view-56e48a78.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-8d5b23f3.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

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

@@ -3,7 +3,7 @@
 const index = require('./index-a29c60ef.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -9,8 +9,8 @@ const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-0aa82125.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-78f19ef9.js');
+require('./sqm-text-span-view-56e48a78.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-b986086e.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;

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

@@ -10,8 +10,8 @@ const cjs = require('./cjs-1066ec21.js');
 require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-0aa82125.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-761a4d8e.js');
+require('./sqm-text-span-view-56e48a78.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-84e99287.js');
 const usePortalLogin = require('./usePortalLogin-63d896d1.js');
 
 const PortalGoogleLogin = class {

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

@@ -9,10 +9,10 @@ const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-0aa82125.js');
+require('./sqm-text-span-view-56e48a78.js');
 const useRegistrationFormState = require('./useRegistrationFormState-7b820f0c.js');
-const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-8a2c8763.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-637a4bf4.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-1b2440c3.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-4377d849.js');
 require('./AsYouType-6788393a.js');
 const usePortalRegistrationForm = require('./usePortalRegistrationForm-f25d89e7.js');
 

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

@@ -3,7 +3,7 @@
 const index = require('./index-a29c60ef.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/{sqm-portal-profile-view-33164798.js → sqm-portal-profile-view-fcb3ea3f.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-e31dc4f5.js');
+const global = require('./global-261393c6.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-e31dc4f5.js');
+require('./global-261393c6.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-require('./sqm-text-span-view-0aa82125.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-33164798.js');
+require('./sqm-text-span-view-56e48a78.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-fcb3ea3f.js');
 const utilities = require('./utilities-78f5e169.js');
 
 const GET_USER = index_module.dist.gql `

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

@@ -3,7 +3,7 @@
 const index = require('./index-a29c60ef.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -9,9 +9,9 @@ require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-0aa82125.js');
+require('./sqm-text-span-view-56e48a78.js');
 require('./useRegistrationFormState-7b820f0c.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-637a4bf4.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-4377d849.js');
 require('./AsYouType-6788393a.js');
 const usePortalRegistrationForm = require('./usePortalRegistrationForm-f25d89e7.js');
 

package/dist/cjs/{sqm-portal-reset-password-view-fe602822.js → sqm-portal-reset-password-view-52fc50fe.js}

@@ -3,7 +3,7 @@
 const index = require('./index-a29c60ef.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -10,8 +10,8 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-0aa82125.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-fe602822.js');
+require('./sqm-text-span-view-56e48a78.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-52fc50fe.js');
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/cjs/{sqm-portal-verify-email-view-7b678f34.js → sqm-portal-verify-email-view-4f837226.js}

@@ -3,7 +3,7 @@
 const index = require('./index-a29c60ef.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -9,8 +9,8 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-0aa82125.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7b678f34.js');
+require('./sqm-text-span-view-56e48a78.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-4f837226.js');
 
 let globalPromise = null;
 function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {

package/dist/cjs/{sqm-qr-code-view-15dfc0b6.js → sqm-qr-code-view-3da9ed28.js}

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

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

@@ -10,7 +10,7 @@ const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 const useReferralCodes = require('./useReferralCodes-82e8797b.js');
 require('./ErrorView-b2fcf954.js');
-const sqmQrCodeView = require('./sqm-qr-code-view-15dfc0b6.js');
+const sqmQrCodeView = require('./sqm-qr-code-view-3da9ed28.js');
 
 const ShareLinkQuery = index_module.dist.gql `
   query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {

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

@@ -4,19 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-e31dc4f5.js');
+const global = require('./global-261393c6.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
-const GenericTableView = require('./GenericTableView-a9f4ba75.js');
+const GenericTableView = require('./GenericTableView-f0e9c531.js');
 const reRender = require('./re-render-b324deab.js');
 const useChildElements = require('./useChildElements-1b35d945.js');
 const luxon = require('./luxon-2926d85f.js');
 const mockRewardData = require('./mockRewardData-272e22d6.js');
 const useReferralTable = require('./useReferralTable-7c3f9600.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());
@@ -448,9 +448,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/cjs/sqm-rewards-table-customer-note-cell.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
 require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
 
 const RewardTableCustomerNoteCell = class {
   constructor(hostRef) {

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-e31dc4f5.js');
+const global = require('./global-261393c6.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
-const GenericTableView = require('./GenericTableView-a9f4ba75.js');
+const GenericTableView = require('./GenericTableView-f0e9c531.js');
 const reRender = require('./re-render-b324deab.js');
 const useChildElements = require('./useChildElements-1b35d945.js');
 const luxon = require('./luxon-2926d85f.js');
@@ -607,11 +607,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 = JSS.createStyleSheet(style);

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-e31dc4f5.js');
+require('./global-261393c6.js');
 const index_module = require('./index.module-ee84433d.js');
 require('./cjs-1066ec21.js');
 require('./utils-6847bc06.js');
@@ -12,10 +12,10 @@ const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-82e8797b.js');
 require('./mixins-f7e0377a.js');
 const copyTextView = require('./copy-text-view-c85acaaa.js');
-const GenericTableView = require('./GenericTableView-a9f4ba75.js');
+const GenericTableView = require('./GenericTableView-f0e9c531.js');
 require('./useChildElements-1b35d945.js');
 const luxon = require('./luxon-2926d85f.js');
-require('./sqm-text-span-view-0aa82125.js');
+require('./sqm-text-span-view-56e48a78.js');
 const sqmAssetCardView = require('./sqm-asset-card-view-21ddf04f.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-ea3fa23b.js');
 require('./index-8c6255f5.js');
@@ -24,20 +24,20 @@ const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js'
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-11d57c12.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-17111896.js');
 const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-6f35d2ee.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-7ebb426a.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-78f19ef9.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-761a4d8e.js');
-const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-8a2c8763.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-637a4bf4.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-33164798.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-8d5b23f3.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-b986086e.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-84e99287.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-1b2440c3.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-4377d849.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-fcb3ea3f.js');
 require('./utilities-78f5e169.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-fe602822.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7b678f34.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-52fc50fe.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-4f837226.js');
 require('./ErrorView-b2fcf954.js');
-const sqmQrCodeView = require('./sqm-qr-code-view-15dfc0b6.js');
-const ShadowViewAddon = require('./ShadowViewAddon-787391f7.js');
+const sqmQrCodeView = require('./sqm-qr-code-view-3da9ed28.js');
+const ShadowViewAddon = require('./ShadowViewAddon-3f11bc68.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-16ac73d0.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-8b950046.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -3475,7 +3475,7 @@ const FullStackSuccess = () => {
     index.h("div", { class: "AlertContent" },
       index.h("div", { part: "successalert-text" }, "Title"),
       index.h("div", { part: "successalert-subtext" }, "Body text."),
-      index.h("sl-button", { type: "default", exportparts: "base: defaultbutton-base", onClick: () => {
+      index.h("sl-button", { type: "primary", exportparts: "base: primarybutton-base", onClick: () => {
           console.log("click");
         } }, "Primary Action"),
       index.h("sl-button", { class: "SecondaryTextButton", type: "text", onClick: () => {