@saasquatch/mint-components 2.1.5-5 → 2.1.5-6

package/dist/esm/{sqm-close-button-view-fd9012e7.js → sqm-close-button-view-2fa57229.js}

@@ -1,4 +1,4 @@
-import { h } from './index-38ad4957.js';
+import { h } from './index-b3a06de8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { H as HostBlock } from './mixins-f750863a.js';
 

package/dist/esm/sqm-close-button.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
-import { g as getEnvironmentSDK } from './index.module-8ba90d99.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
+import { g as getEnvironmentSDK } from './index.module-234e8f5e.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { C as CloseButtonView } from './sqm-close-button-view-fd9012e7.js';
+import { C as CloseButtonView } from './sqm-close-button-view-2fa57229.js';
 
 const CloseButton = class {
   constructor(hostRef) {

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

@@ -1,14 +1,14 @@
-import { h, r as registerInstance } from './index-38ad4957.js';
-import { i as intl } from './global-52a25cf2.js';
-import { l, k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-50442785.js';
-import { d as dist, t as Pn, F as Fn, i as isDemo, q as En } from './index.module-8ba90d99.js';
+import { h, r as registerInstance } from './index-b3a06de8.js';
+import { i as intl } from './global-5d501632.js';
+import { l, k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, t as Pn, F as Fn, i as isDemo, h as En } from './index.module-234e8f5e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { E as ErrorStyles } from './mixins-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
+import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 import { V as VERIFICATION_EMAIL_NAMESPACE, S as SHOW_CODE_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
-import { u as useVerificationEmail } from './useVerificationEmail-11a52af0.js';
+import { u as useVerificationEmail } from './useVerificationEmail-66b40965.js';
 
 const style = {
   Wrapper: {

package/dist/esm/sqm-context-router.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
-import { b as browser, k as useState, i as d, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { _ } from './index.module-8ba90d99.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
+import { b as browser, k as useState, i as d, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
+import { _ } from './index.module-234e8f5e.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
 

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

@@ -1,13 +1,13 @@
-import { h, r as registerInstance } from './index-38ad4957.js';
-import { i as intl } from './global-52a25cf2.js';
-import { k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-50442785.js';
-import { d as dist, t as Pn, w as wn, J, $ as $e, i as isDemo, q as En } from './index.module-8ba90d99.js';
+import { h, r as registerInstance } from './index-b3a06de8.js';
+import { i as intl } from './global-5d501632.js';
+import { k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, t as Pn, w as wn, J, $ as $e, i as isDemo, h as En } from './index.module-234e8f5e.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-738acfb3.js';
+import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 import { S as SHOW_CODE_NAMESPACE, V as VERIFICATION_EMAIL_NAMESPACE } from './keys-406491dc.js';
-import { u as useVerificationEmail } from './useVerificationEmail-11a52af0.js';
+import { u as useVerificationEmail } from './useVerificationEmail-66b40965.js';
 
 const UpsertUserEmailMutation = dist.gql `
   mutation upsertUser($userInput: UserInput!) {
@@ -318,12 +318,9 @@ function WidgetEmailVerificationView(props) {
   const { states, callbacks, text } = props;
   const renderLoadingSkeleton = () => {
     return (h("div", { class: sheet.classes.Wrapper },
-      h("sqm-skeleton", { height: "16px", width: "50%" }),
-      h("sqm-skeleton", { height: "16px", width: "50%" }),
-      h("sqm-skeleton", { height: "16px", width: "50%" }),
-      h("sqm-skeleton", { height: "34px", width: "30%" }),
-      h("sqm-skeleton", { height: "24px", width: "15%" }),
-      h("sl-button", { submit: true, class: sheet.classes.ContinueButton, loading: true, exportparts: "base: primarybutton-base", type: "primary" }, text.sendCodeText)));
+      h("sl-skeleton", { class: sheet.classes.SkeletonOne }),
+      h("sl-skeleton", { class: sheet.classes.SkeletonTwo }),
+      h("sl-skeleton", { class: sheet.classes.SkeletonThree })));
   };
   return (h("div", { part: "sqm-base" },
     h("style", { type: "text/css" },

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

@@ -1,16 +1,15 @@
-import { h, r as registerInstance, c as Host } from './index-38ad4957.js';
-import { i as intl } from './global-52a25cf2.js';
-import { n as h$1 } from './dom-context-hooks.module-50442785.js';
-import './index.module-8ba90d99.js';
+import { h, r as registerInstance, c as Host } from './index-b3a06de8.js';
+import { i as intl } from './global-5d501632.js';
+import { n as h$1 } from './dom-context-hooks.module-63370afd.js';
+import './index.module-234e8f5e.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { o as optimizeCloudinaryUrl } from './imageUrl-4775f17b.js';
-import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-a8c708cd.js';
+import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-176e92e3.js';
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText, supportText, missingFeature = "", } = props;
   return (h("sqm-portal-container", { padding: "large", gap: "medium", part: "sqm-base" },
-    h("img", { style: { height: "100px", margin: "auto" }, src: optimizeCloudinaryUrl(emptyStateImage, { height: 200 }), decoding: "async" }),
+    h("img", { style: { height: "100px", margin: "auto" }, src: emptyStateImage }),
     h("sqm-titled-section", { style: { maxHeight: "400px" }, "label-margin": "xxx-small", "text-align": "center" },
       h("sqm-text", { slot: "label" },
         h("p", { part: "header-text" }, emptyStateHeader)),

package/dist/esm/{sqm-form-message_2.entry.js → sqm-form-message.entry.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
 
 const sqmFormMessageCss = "sl-alert::part(base){border:var(--sqm-border-thickness) solid;border-radius:var(--sqm-border-radius-normal);font-family:var(--sqm-primary-font)}.Error::part(base){color:var(--sqm-danger-color-text);background-color:var(--sqm-danger-color-background);border-color:var(--sqm-danger-color-border);font-size:14px}.Error #icon{color:var(--sqm-danger-color-icon);font-size:24px}.Warning::part(base){color:var(--sqm-warning-color-text);background-color:var(--sqm-warning-color-background);border-color:var(--sqm-warning-color-border)}.Warning #icon{color:var(--sqm-warning-color-icon);font-size:24px}.Success::part(base){color:var(--sqm-success-color-text);background-color:var(--sqm-success-color-background);border-color:var(--sqm-success-color-border)}.Success #icon{color:var(--sqm-success-color-icon);font-size:24px}.Info::part(base){color:var(--sqm-informative-color-text);background-color:var(--sqm-informative-color-background);border-color:var(--sqm-informative-color-border)}.Info #icon{color:var(--sqm-informative-color-icon);font-size:24px}.Transparent::part(base){background-color:transparent;border:none;color:var(--sqm-text);margin-left:-20px}::slotted(*){margin:0}::slotted(*[part=alert-title]){font-size:16px;font-weight:bold}::slotted(*[part=alert-description]),::slotted(*[part=erroralert-text]){font-size:14px}";
 
@@ -7,12 +7,6 @@ const FormMessage = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
-    /**
-     * Loading state for the alert.
-     *
-     * @uiName Loading
-     */
-    this.loading = false;
     /**
      * Render the alert with transparent styles
      */
@@ -21,9 +15,6 @@ const FormMessage = class {
   }
   disconnectedCallback() { }
   render() {
-    if (this.loading) {
-      return h$1("sqm-skeleton", { height: "90px", width: "100%" });
-    }
     if (this.type === "error") {
       return (h$1("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: `Error ${this.transparent ? "Transparent" : ""}`, type: "danger", open: true }, h$1("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }), h$1("slot", null)));
     }
@@ -40,43 +31,4 @@ const FormMessage = class {
 };
 FormMessage.style = sqmFormMessageCss;
 
-const Skeleton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Height (in pixels or %)
-     */
-    this.height = "100%";
-    /**
-     * @uiName Width (in pixels or %)
-     */
-    this.width = "100%";
-    this.vanillaStyle = `
-  sl-skeleton::part(indicator) {
-    --sheen-color: var(--sqm-skeleton-animation-background);
-    --color: var(--sqm-skeleton-background);
-    border-radius: var(--sqm-border-radius-normal);
-  }
-
-  sl-skeleton::part(base) {
-    height:${this.height};
-    width:${this.width};
-  }
-
-  :host{
-    display: block;
-  }
-
-  :host([hidden]) {
-    display: none;
-  }
-  `;
-  }
-  disconnectedCallback() { }
-  render() {
-    return (h$1("div", null, h$1("style", { type: "text/css" }, this.vanillaStyle), h$1("sl-skeleton", null)));
-  }
-};
-
-export { FormMessage as sqm_form_message, Skeleton as sqm_skeleton };
+export { FormMessage as sqm_form_message };

package/dist/esm/sqm-google-sign-in.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, e as createEvent, h as h$1, g as getElement } from './index-38ad4957.js';
-import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { g as getEnvironmentSDK, i as isDemo } from './index.module-8ba90d99.js';
+import { r as registerInstance, e as createEvent, h as h$1, g as getElement } from './index-b3a06de8.js';
+import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
+import { g as getEnvironmentSDK, i as isDemo } from './index.module-234e8f5e.js';
 
 function useGoogleSignIn(props) {
   const [loaded, setLoaded] = useState(false);

package/dist/esm/sqm-graphql-client-provider.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
-import { o as m, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { G, f as Q, E as Ee, P as Pe } from './index.module-8ba90d99.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
+import { o as m, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
+import { G, a as Q, E as Ee, P as Pe } from './index.module-234e8f5e.js';
 
 async function useGraphQLClientProvider({ domain }) {
   const token = G();

package/dist/esm/sqm-header-logo.entry.js

@@ -1,6 +1,5 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
-import { o as optimizeCloudinaryUrl } from './imageUrl-4775f17b.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
 
 const HeroImage = class {
   constructor(hostRef) {
@@ -30,9 +29,7 @@ const HeroImage = class {
   }
   disconnectedCallback() { }
   render() {
-    return (h$1(Host, null, h$1("a", { href: this.nextPage, part: "sqm-link", style: { textDecoration: "none" } }, this.imageUrl ? (h$1("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: optimizeCloudinaryUrl(this === null || this === void 0 ? void 0 : this.imageUrl, {
-        height: (this === null || this === void 0 ? void 0 : this.height) ? this.height * 2 : undefined,
-      }), decoding: "async" })) : (h$1("h3", { style: {
+    return (h$1(Host, null, h$1("a", { href: this.nextPage, part: "sqm-link", style: { textDecoration: "none" } }, this.imageUrl ? (h$1("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl })) : (h$1("h3", { style: {
         fontSize: `${this.logoTextSize}px`,
         color: this.logoTextColor,
       } }, this.logoText)))));

package/dist/esm/sqm-instant-access-registration.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo, e as setUserIdentity } from './index.module-8ba90d99.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
+import { i as isDemo, b as setUserIdentity } from './index.module-234e8f5e.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import './useRegistrationFormState-0666533e.js';
-import { E as EmailRegistrationView } from './email-registration-view-4cdb4129.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-e27f5083.js';
+import { E as EmailRegistrationView } from './email-registration-view-1f587f8b.js';
+import './useRegistrationFormState-a9e156e6.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-89e7dfc8.js';
 
 const InstantAccessRegistration = class {
   constructor(hostRef) {

package/dist/esm/sqm-invoice-table-data-cell_5.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
-import { l as luxon } from './luxon-1be92a8e.js';
+import { l as luxon } from './luxon-bbf75a9d.js';
 
 const InvoiceTableDataCell = class {
   constructor(hostRef) {

package/dist/esm/{sqm-lead-checkbox-field-view-a38ea688.js → sqm-lead-checkbox-field-view-e461c8d6.js}

@@ -1,5 +1,5 @@
-import { h } from './index-38ad4957.js';
-import { i as intl } from './global-52a25cf2.js';
+import { h } from './index-b3a06de8.js';
+import { i as intl } from './global-5d501632.js';
 import { j as jss, a as create } from './JSS-67b5cff8.js';
 
 const style = {

package/dist/esm/sqm-lead-checkbox-field.entry.js

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import './global-52a25cf2.js';
-import { i as d, n as h } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo } from './index.module-8ba90d99.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import './global-5d501632.js';
+import { i as d, n as h } from './dom-context-hooks.module-63370afd.js';
+import { i as isDemo } from './index.module-234e8f5e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { a as getMissingProps, g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-5a52a0ba.js';
-import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-a38ea688.js';
+import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-d2f1c87d.js';
+import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-e461c8d6.js';
 
 function useLeadCheckboxField() {
   const leadFormState = d(LEAD_FORM_STATE_CONTEXT);

package/dist/esm/{sqm-lead-input-field-view-e94e861c.js → sqm-lead-input-field-view-9cf60eea.js}

@@ -1,5 +1,5 @@
-import { h } from './index-38ad4957.js';
-import { i as intl } from './global-52a25cf2.js';
+import { h } from './index-b3a06de8.js';
+import { i as intl } from './global-5d501632.js';
 import { j as jss, a as create } from './JSS-67b5cff8.js';
 import { E as ErrorStyles } from './mixins-f750863a.js';
 

package/dist/esm/sqm-lead-input-field.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import './global-52a25cf2.js';
-import { i as d, n as h } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo } from './index.module-8ba90d99.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import './global-5d501632.js';
+import { i as d, n as h } from './dom-context-hooks.module-63370afd.js';
+import { i as isDemo } from './index.module-234e8f5e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps, a as getMissingProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-5a52a0ba.js';
-import { L as LeadInputFieldView } from './sqm-lead-input-field-view-e94e861c.js';
+import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-d2f1c87d.js';
+import { L as LeadInputFieldView } from './sqm-lead-input-field-view-9cf60eea.js';
 
 function useLeadInputField() {
   const leadFormState = d(LEAD_FORM_STATE_CONTEXT);

package/dist/esm/{sqm-leaderboard-rank-view-7a682cc3.js → sqm-leaderboard-rank-view-18baae5b.js}

@@ -1,4 +1,4 @@
-import { h } from './index-38ad4957.js';
+import { h } from './index-b3a06de8.js';
 
 function LeaderboardRankView(props) {
   const { data } = props;

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { i as intl } from './global-52a25cf2.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
-import { d as dist, H, J, w as wn, i as isDemo } from './index.module-8ba90d99.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { i as intl } from './global-5d501632.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, H, J, w as wn, i as isDemo } from './index.module-234e8f5e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-7a682cc3.js';
+import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-18baae5b.js';
 
 const GET_RANK = dist.gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {

package/dist/esm/{sqm-logout-current-user-view-376c1bf6.js → sqm-logout-current-user-view-f21e54e3.js}

@@ -1,4 +1,4 @@
-import { h } from './index-38ad4957.js';
+import { h } from './index-b3a06de8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const style = {

package/dist/esm/sqm-logout-current-user.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, w as wn, e as setUserIdentity, i as isDemo } from './index.module-8ba90d99.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, J, w as wn, b as setUserIdentity, i as isDemo } from './index.module-234e8f5e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-376c1bf6.js';
+import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-f21e54e3.js';
 
 const GET_USER_DETAILS = dist.gql `
   query getUserDetails {

package/dist/esm/{sqm-navigation-sidebar-item-view-8e354314.js → sqm-navigation-sidebar-item-view-3d1b3be4.js}

@@ -1,5 +1,5 @@
-import { h } from './index-38ad4957.js';
-import { j as jn } from './index.module-8ba90d99.js';
+import { h } from './index-b3a06de8.js';
+import { j as jn } from './index.module-234e8f5e.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { g as gap } from './mixins-f750863a.js';
 

package/dist/esm/sqm-navigation-sidebar-item.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
-import { k as kn, i as isDemo } from './index.module-8ba90d99.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
+import { k as kn, i as isDemo } from './index.module-234e8f5e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-8e354314.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-3d1b3be4.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = kn();

package/dist/esm/{sqm-navigation-sidebar-view-2b66457a.js → sqm-navigation-sidebar-view-0a2ec560.js}

@@ -1,4 +1,4 @@
-import { h } from './index-38ad4957.js';
+import { h } from './index-b3a06de8.js';
 
 function NavigationSidebarView(props, children) {
   const vanillaStyle = `

package/dist/esm/sqm-navigation-sidebar.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { n as h, k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo, k as kn, H } from './index.module-8ba90d99.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h, k as useState, f as useEffect } from './dom-context-hooks.module-63370afd.js';
+import { i as isDemo, k as kn, H } from './index.module-234e8f5e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-2b66457a.js';
+import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0a2ec560.js';
 
 const NavigationSidebar = class {
   constructor(hostRef) {

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

@@ -1,13 +1,13 @@
-import { h, F as Fragment, r as registerInstance } from './index-38ad4957.js';
-import { i as intl } from './global-52a25cf2.js';
-import { n as h$1, k as useState } from './dom-context-hooks.module-50442785.js';
-import { F as Fn, i as isDemo, d as dist, H, J, B, w as wn, $ as $e } from './index.module-8ba90d99.js';
+import { h, F as Fragment, r as registerInstance } from './index-b3a06de8.js';
+import { i as intl } from './global-5d501632.js';
+import { n as h$1, k as useState } from './dom-context-hooks.module-63370afd.js';
+import { F as Fn, i as isDemo, d as dist, H, J, B, w as wn, $ as $e } from './index.module-234e8f5e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, u as useReferralCodes } from './useReferralCodes-2415f732.js';
+import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, u as useReferralCodes } from './useReferralCodes-75d67509.js';
 import './mixins-f750863a.js';
-import { C as CopyTextView } from './copy-text-view-87259b11.js';
+import { C as CopyTextView } from './copy-text-view-fac47254.js';
 
 const style = {
   Container: {
@@ -398,7 +398,7 @@ function LoadingSlot() {
   return (h("slot", { name: "loading" }, h(LoadingRow, null), h(LoadingRow, null), h(LoadingRow, null), h(LoadingRow, null)));
 }
 function LoadingRow() {
-  return h("sqm-skeleton", null);
+  return h("sl-skeleton", { style: { width: "100%" } });
 }
 function useDemoReferralCodes(props) {
   return cjs({

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

@@ -1,11 +1,11 @@
-import { h, r as registerInstance } from './index-38ad4957.js';
-import { i as d, k as useState, n as h$1 } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo } from './index.module-8ba90d99.js';
+import { h, r as registerInstance } from './index-b3a06de8.js';
+import { i as d, k as useState, n as h$1 } from './dom-context-hooks.module-63370afd.js';
+import { i as isDemo } from './index.module-234e8f5e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { E as ErrorStyles } from './mixins-f750863a.js';
-import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-0666533e.js';
+import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-a9e156e6.js';
 
 var constants = {
   error: {

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

@@ -1,6 +1,6 @@
-import { h, c as Host, r as registerInstance } from './index-38ad4957.js';
-import { n as h$1 } from './dom-context-hooks.module-50442785.js';
-import { B } from './index.module-8ba90d99.js';
+import { h, c as Host, r as registerInstance } from './index-b3a06de8.js';
+import { n as h$1 } from './dom-context-hooks.module-63370afd.js';
+import { B } from './index.module-234e8f5e.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const PopupContainerView = (props) => {

package/dist/esm/{sqm-portal-container-view-a8c708cd.js → sqm-portal-container-view-176e92e3.js}

@@ -1,4 +1,4 @@
-import { h, c as Host } from './index-38ad4957.js';
+import { h } from './index-b3a06de8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 function PortalSectionView(props) {
@@ -46,12 +46,11 @@ function PortalContainerView(props, children) {
   }`;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  return (h(Host, null,
-    h("div", { class: sheet.classes.Container, part: "sqm-base" },
-      h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      children)));
+  return (h("div", { class: sheet.classes.Container, part: "sqm-base" },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
 }
 
 export { PortalContainerView as P, PortalSectionView as a };

package/dist/esm/{sqm-portal-email-verification-view-b2637296.js → sqm-portal-email-verification-view-ec6d9b7e.js}

@@ -1,8 +1,8 @@
-import { h } from './index-38ad4957.js';
-import { i as intl } from './global-52a25cf2.js';
+import { h } from './index-b3a06de8.js';
+import { i as intl } from './global-5d501632.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-738acfb3.js';
+import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 
 const style = {
   Wrapper: AuthWrapper,
@@ -18,7 +18,7 @@ const style = {
   },
   ButtonLinkLoading: {
     fontSize: "14px",
-    color: "var(--sqm-text-subdued)",
+    color: "var(--sl-color-gray-500)",
     opacity: "0.6",
     display: "inline-block !important",
     textDecoration: "underline",
@@ -55,7 +55,7 @@ function PortalEmailVerificationView(props) {
       }, {
         email: (h("span", { style: { fontWeight: "var(--sl-font-weight-semibold)" } }, email)),
       })),
-      h("p", { style: { color: "var(--sqm-text-subdued)", fontSize: "14px" } }, intl.formatMessage({
+      h("p", { style: { color: "var(--sl-color-gray-500)", fontSize: "14px" } }, intl.formatMessage({
         id: `verificationStatus`,
         defaultMessage: states.loadingVerification
           ? verificationLoadingMessage + " {countdown}"
@@ -63,7 +63,9 @@ function PortalEmailVerificationView(props) {
       }, {
         countdown: states.loadingVerification ? (h("sl-spinner", null)) : (states.countdown),
       })),
-      h("sl-button", { type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.submit, loading: states.loading }, resendEmailButtonText))));
+      h("a", { class: states.loading
+          ? sheet.classes.ButtonLinkLoading
+          : sheet.classes.ButtonLink, onClick: callbacks.submit }, resendEmailButtonText))));
 }
 
 export { PortalEmailVerificationView as P };

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import './global-52a25cf2.js';
-import { k as useState, m as useRef, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { l as ln, n as nn, J, j as jn, b as useCallback, i as isDemo } from './index.module-8ba90d99.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import './global-5d501632.js';
+import { k as useState, m as useRef, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
+import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-234e8f5e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import './sqm-text-span-view-738acfb3.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-b2637296.js';
+import './sqm-text-span-view-4c17b8c9.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-ec6d9b7e.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

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

@@ -1,6 +1,6 @@
-import { r as registerInstance } from './index-38ad4957.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
-import { e as setUserIdentity, j as jn, i as isDemo } from './index.module-8ba90d99.js';
+import { r as registerInstance } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
+import { b as setUserIdentity, j as jn, i as isDemo } from './index.module-234e8f5e.js';
 
 function usePortalLogout({ nextPage }) {
   setUserIdentity(undefined);

package/dist/esm/{sqm-portal-profile-view-0f1eec15.js → sqm-portal-profile-view-36eae0a3.js}

@@ -1,7 +1,7 @@
-import { h } from './index-38ad4957.js';
-import { i as intl } from './global-52a25cf2.js';
+import { h } from './index-b3a06de8.js';
+import { i as intl } from './global-5d501632.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
+import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.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-38ad4957.js';
-import './global-52a25cf2.js';
-import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-8ba90d99.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import './global-5d501632.js';
+import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-234e8f5e.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-738acfb3.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-0f1eec15.js';
-import { i as isEmpty } from './utilities-e613f25f.js';
+import './sqm-text-span-view-4c17b8c9.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-36eae0a3.js';
+import { i as isEmpty } from './utilities-e6f8716e.js';
 
 const GET_USER = dist.gql `
   query {