@saasquatch/mint-components 1.15.0-23 → 1.15.0-25

package/dist/cjs/{ShadowViewAddon-2a3becd8.js → ShadowViewAddon-b76c46d1.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-3a7b5592.js');
+const global = require('./global-4183d1aa.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
@@ -1573,6 +1573,10 @@ function PortalChangePasswordView(props) {
   const style = {
     Dialog: {
       padding: "0",
+      "&::part(panel)": {
+        background: "var(--sqm-portal-background)",
+        borderRadius: "var(--sqm-border-radius-normal, var(--sl-border-radius-medium))",
+      },
       "&::part(close-button)": {
         "margin-top": "var(--sl-spacing-medium)",
       },
@@ -1596,7 +1600,6 @@ function PortalChangePasswordView(props) {
       },
     },
     CancelButton: {
-      width: "25%",
       margin: "var(--sl-spacing-large) auto",
     },
     PasswordField: {
@@ -1626,14 +1629,14 @@ function PortalChangePasswordView(props) {
               index.h("sqm-password-field", { exportparts: "input-label: input-label", class: sheet.classes.PasswordField, fieldLabel: states.content.passwordFieldLabel, meetsRequirementsText: states.content.meetsRequirementsText, doesNotMeetRequirementsText: states.content.doesNotMeetRequirementsText, minErrorText: states.content.minErrorText, uppercaseErrorText: states.content.uppercaseErrorText, lowercaseErrorText: states.content.lowercaseErrorText, hasErrorText: states.content.hasErrorText }),
               index.h("sl-input", { exportparts: "label: input-label, base: input-base", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, required: true, togglePassword: true, disabled: states.loading, type: "password" })),
             index.h(sqmPortalContainerView.PortalContainerView, Object.assign({}, { direction: "row", padding: "none", gap: "20px" }),
-              index.h("sl-button", { class: sheet.classes.ChangePasswordButton, type: "primary", submit: true, loading: states.loading }, states.content.changePasswordButtonText),
-              index.h("sl-button", { class: sheet.classes.CancelButton, type: "text", onClick: () => callbacks.setOpen(false) }, states.content.cancelText))))),
+              index.h("sl-button", { class: sheet.classes.ChangePasswordButton, type: "primary", exportparts: "base: primarybutton-base", submit: true, loading: states.loading }, states.content.changePasswordButtonText),
+              index.h("sl-button", { class: sheet.classes.CancelButton, type: "text", exportparts: "base: secondarybutton-base", onClick: () => callbacks.setOpen(false) }, states.content.cancelText))))),
       }))),
     index.h(sqmPortalContainerView.PortalSectionView, Object.assign({}, {
       labelMargin: "x-large",
       padding: "xxx-large",
       label: (index.h(sqmTextSpanView.TextSpanView, Object.assign({}, { type: "h2" }), states.content.portalChangePasswordHeader)),
-      content: (index.h("sl-button", { onClick: () => callbacks.setOpen(true) }, states.content.portalChangePasswordButtonText)),
+      content: (index.h("sl-button", { exportparts: "base: primarybutton-base", onClick: () => callbacks.setOpen(true) }, states.content.portalChangePasswordButtonText)),
     }),
       index.h("style", { type: "text/css" }, styleString))));
 }

package/dist/cjs/{global-3a7b5592.js → global-4183d1aa.js}

@@ -26428,7 +26428,6 @@ html {
   --sl-input-background-color-disabled: var(--sl-color-gray-100);
   --sl-input-border-color: var(--sl-color-gray-300);
   --sl-input-border-color-hover: var(--sl-color-gray-400);
-  --sl-input-border-color-focus: var(--sl-color-primary-500);
   --sl-input-border-color-disabled: var(--sl-color-gray-300);
   --sl-input-border-width: 1px;
   --sl-input-border-radius-small: var(--sl-border-radius-medium);
@@ -26518,6 +26517,9 @@ html {
   --sqm-secondary-button-color: #FFFFFF; /* Spotify White for text */
   --sqm-secondary-button-color-border: #FFFFFF; /* Spotify White for border */
   --sqm-secondary-button-radius: 30px;
+  
+  --sqm-border-radius-normal: 18px;
+
 
   --sqm-input-background: #121212;
   --sqm-input-border: 1px solid #7c7c7c;
@@ -26525,17 +26527,17 @@ html {
   --sqm-input-color: white;
   --sqm-input-focus-border: 1px solid #1ed760;
   --sqm-input-label-color: white;
-
+  --sqm-border-width: 1px;
   --sqm-input-label-font-size: white;
   --sqm-input-disabled-color: white;
   --sqm-input-disabled-background: #303030;
-
+  
   --sl-input-color: var(--sqm-input-color);
   --sl-input-color-hover: var(--sqm-input-color);
   --sl-input-color-focus: var(--sqm-input-color);
   --sl-input-color-disabled: var(--sqm-input-disabled-color);
   --sl-input-border-color-disabled: #7c7c7c;
-  --sl-input-border-color-focus: white;
+  --sl-input-border-color-focus: white !important;
   --sl-input-border-color: #7c7c7c;
   --sl-input-border-color-hover: white;
 }
@@ -26731,8 +26733,9 @@ sl-details::part(summary) {
 
 *::part(input-base), *::part(select-base), *::part(textarea-base){
   background-color: var(--sqm-input-background, #fff);
-  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-medium), 0.25rem);
+  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
   color: var(--sqm-input-color, white);
+  border-width: var(--sqm-border-width, 1px);
 }
 
 *::part(input-label):focus,

package/dist/cjs/loader.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 require('./stencil-hooks.module-3a336b0f.js');
-require('./global-3a7b5592.js');
+require('./global-4183d1aa.js');
 require('./index.module-ee84433d.js');
 
 /*

package/dist/cjs/mint-components.cjs.js

@@ -2,7 +2,7 @@
 
 const index = require('./index-a29c60ef.js');
 require('./stencil-hooks.module-3a336b0f.js');
-require('./global-3a7b5592.js');
+require('./global-4183d1aa.js');
 require('./index.module-ee84433d.js');
 
 /*

package/dist/cjs/sqm-banking-info-form_17.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-3a7b5592.js');
+const global = require('./global-4183d1aa.js');
 const index_module = require('./index.module-ee84433d.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
@@ -18,7 +18,7 @@ const luxon = require('./luxon-2926d85f.js');
 const useReferralTable = require('./useReferralTable-7c3f9600.js');
 const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
 const ErrorView = require('./ErrorView-b2fcf954.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-2d5441b9.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-9167adf7.js');
 const extractProps = require('./extractProps-fd93ba62.js');
 const keys = require('./keys-cff24974.js');
 const usePayoutStatus = require('./usePayoutStatus-4b5894ef.js');

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-3a7b5592.js');
+const global = require('./global-4183d1aa.js');
 const index_module = require('./index.module-ee84433d.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
@@ -23,7 +23,7 @@ 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-2a3becd8.js');
+const ShadowViewAddon = require('./ShadowViewAddon-b76c46d1.js');
 require('./sqm-portal-container-view-4f15143a.js');
 const usePayoutStatus = require('./usePayoutStatus-4b5894ef.js');
 

package/dist/cjs/sqm-email-verification.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-3a7b5592.js');
+const global = require('./global-4183d1aa.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.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-3a7b5592.js');
+const global = require('./global-4183d1aa.js');
 require('./index.module-ee84433d.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');

package/dist/cjs/{sqm-invoice-table-view-2d5441b9.js → sqm-invoice-table-view-9167adf7.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-3a7b5592.js');
+const global = require('./global-4183d1aa.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-3a7b5592.js');
+const global = require('./global-4183d1aa.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js');

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-3a7b5592.js');
+const global = require('./global-4183d1aa.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');

package/dist/cjs/{sqm-portal-email-verification-view-22fe1a8c.js → sqm-portal-email-verification-view-5346f7bb.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-3a7b5592.js');
+const global = require('./global-4183d1aa.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-f7e0377a.js');
 const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');

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-3a7b5592.js');
+require('./global-4183d1aa.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-56e48a78.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-22fe1a8c.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-5346f7bb.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/cjs/{sqm-portal-profile-view-fe3da5a3.js → sqm-portal-profile-view-7df16666.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-3a7b5592.js');
+const global = require('./global-4183d1aa.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
 

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-3a7b5592.js');
+require('./global-4183d1aa.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-56e48a78.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-fe3da5a3.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-7df16666.js');
 const utilities = require('./utilities-78f5e169.js');
 
 const GET_USER = index_module.dist.gql `

package/dist/cjs/sqm-referral-table_11.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-3a7b5592.js');
+const global = require('./global-4183d1aa.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');

package/dist/cjs/sqm-rewards-table_9.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-3a7b5592.js');
+const global = require('./global-4183d1aa.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');

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-3a7b5592.js');
+require('./global-4183d1aa.js');
 const index_module = require('./index.module-ee84433d.js');
 require('./cjs-1066ec21.js');
 require('./utils-6847bc06.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-38a5227a.js');
 const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-5dfd2b52.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-22fe1a8c.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-5346f7bb.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-fe3da5a3.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-7df16666.js');
 require('./utilities-78f5e169.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-3da9ed28.js');
-const ShadowViewAddon = require('./ShadowViewAddon-2a3becd8.js');
+const ShadowViewAddon = require('./ShadowViewAddon-b76c46d1.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-2d5441b9.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-9167adf7.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>

package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password-view.js

@@ -8,6 +8,10 @@ export function PortalChangePasswordView(props) {
   const style = {
     Dialog: {
       padding: "0",
+      "&::part(panel)": {
+        background: "var(--sqm-portal-background)",
+        borderRadius: "var(--sqm-border-radius-normal, var(--sl-border-radius-medium))",
+      },
       "&::part(close-button)": {
         "margin-top": "var(--sl-spacing-medium)",
       },
@@ -31,7 +35,6 @@ export function PortalChangePasswordView(props) {
       },
     },
     CancelButton: {
-      width: "25%",
       margin: "var(--sl-spacing-large) auto",
     },
     PasswordField: {
@@ -61,14 +64,14 @@ export function PortalChangePasswordView(props) {
               h("sqm-password-field", { exportparts: "input-label: input-label", class: sheet.classes.PasswordField, fieldLabel: states.content.passwordFieldLabel, meetsRequirementsText: states.content.meetsRequirementsText, doesNotMeetRequirementsText: states.content.doesNotMeetRequirementsText, minErrorText: states.content.minErrorText, uppercaseErrorText: states.content.uppercaseErrorText, lowercaseErrorText: states.content.lowercaseErrorText, hasErrorText: states.content.hasErrorText }),
               h("sl-input", { exportparts: "label: input-label, base: input-base", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, required: true, togglePassword: true, disabled: states.loading, type: "password" })),
             h(PortalContainerView, Object.assign({}, { direction: "row", padding: "none", gap: "20px" }),
-              h("sl-button", { class: sheet.classes.ChangePasswordButton, type: "primary", submit: true, loading: states.loading }, states.content.changePasswordButtonText),
-              h("sl-button", { class: sheet.classes.CancelButton, type: "text", onClick: () => callbacks.setOpen(false) }, states.content.cancelText))))),
+              h("sl-button", { class: sheet.classes.ChangePasswordButton, type: "primary", exportparts: "base: primarybutton-base", submit: true, loading: states.loading }, states.content.changePasswordButtonText),
+              h("sl-button", { class: sheet.classes.CancelButton, type: "text", exportparts: "base: secondarybutton-base", onClick: () => callbacks.setOpen(false) }, states.content.cancelText))))),
       }))),
     h(PortalSectionView, Object.assign({}, {
       labelMargin: "x-large",
       padding: "xxx-large",
       label: (h(TextSpanView, Object.assign({}, { type: "h2" }), states.content.portalChangePasswordHeader)),
-      content: (h("sl-button", { onClick: () => callbacks.setOpen(true) }, states.content.portalChangePasswordButtonText)),
+      content: (h("sl-button", { exportparts: "base: primarybutton-base", onClick: () => callbacks.setOpen(true) }, states.content.portalChangePasswordButtonText)),
     }),
       h("style", { type: "text/css" }, styleString))));
 }

package/dist/collection/global/styles.js

@@ -522,7 +522,6 @@ html {
   --sl-input-background-color-disabled: var(--sl-color-gray-100);
   --sl-input-border-color: var(--sl-color-gray-300);
   --sl-input-border-color-hover: var(--sl-color-gray-400);
-  --sl-input-border-color-focus: var(--sl-color-primary-500);
   --sl-input-border-color-disabled: var(--sl-color-gray-300);
   --sl-input-border-width: 1px;
   --sl-input-border-radius-small: var(--sl-border-radius-medium);
@@ -612,6 +611,9 @@ html {
   --sqm-secondary-button-color: #FFFFFF; /* Spotify White for text */
   --sqm-secondary-button-color-border: #FFFFFF; /* Spotify White for border */
   --sqm-secondary-button-radius: 30px;
+  
+  --sqm-border-radius-normal: 18px;
+
 
   --sqm-input-background: #121212;
   --sqm-input-border: 1px solid #7c7c7c;
@@ -619,17 +621,17 @@ html {
   --sqm-input-color: white;
   --sqm-input-focus-border: 1px solid #1ed760;
   --sqm-input-label-color: white;
-
+  --sqm-border-width: 1px;
   --sqm-input-label-font-size: white;
   --sqm-input-disabled-color: white;
   --sqm-input-disabled-background: #303030;
-
+  
   --sl-input-color: var(--sqm-input-color);
   --sl-input-color-hover: var(--sqm-input-color);
   --sl-input-color-focus: var(--sqm-input-color);
   --sl-input-color-disabled: var(--sqm-input-disabled-color);
   --sl-input-border-color-disabled: #7c7c7c;
-  --sl-input-border-color-focus: white;
+  --sl-input-border-color-focus: white !important;
   --sl-input-border-color: #7c7c7c;
   --sl-input-border-color-hover: white;
 }
@@ -825,8 +827,9 @@ sl-details::part(summary) {
 
 *::part(input-base), *::part(select-base), *::part(textarea-base){
   background-color: var(--sqm-input-background, #fff);
-  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-medium), 0.25rem);
+  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
   color: var(--sqm-input-color, white);
+  border-width: var(--sqm-border-width, 1px);
 }
 
 *::part(input-label):focus,

package/dist/collection/global/styles.ts

@@ -523,7 +523,6 @@ html {
   --sl-input-background-color-disabled: var(--sl-color-gray-100);
   --sl-input-border-color: var(--sl-color-gray-300);
   --sl-input-border-color-hover: var(--sl-color-gray-400);
-  --sl-input-border-color-focus: var(--sl-color-primary-500);
   --sl-input-border-color-disabled: var(--sl-color-gray-300);
   --sl-input-border-width: 1px;
   --sl-input-border-radius-small: var(--sl-border-radius-medium);
@@ -613,6 +612,9 @@ html {
   --sqm-secondary-button-color: #FFFFFF; /* Spotify White for text */
   --sqm-secondary-button-color-border: #FFFFFF; /* Spotify White for border */
   --sqm-secondary-button-radius: 30px;
+  
+  --sqm-border-radius-normal: 18px;
+
 
   --sqm-input-background: #121212;
   --sqm-input-border: 1px solid #7c7c7c;
@@ -620,17 +622,17 @@ html {
   --sqm-input-color: white;
   --sqm-input-focus-border: 1px solid #1ed760;
   --sqm-input-label-color: white;
-
+  --sqm-border-width: 1px;
   --sqm-input-label-font-size: white;
   --sqm-input-disabled-color: white;
   --sqm-input-disabled-background: #303030;
-
+  
   --sl-input-color: var(--sqm-input-color);
   --sl-input-color-hover: var(--sqm-input-color);
   --sl-input-color-focus: var(--sqm-input-color);
   --sl-input-color-disabled: var(--sqm-input-disabled-color);
   --sl-input-border-color-disabled: #7c7c7c;
-  --sl-input-border-color-focus: white;
+  --sl-input-border-color-focus: white !important;
   --sl-input-border-color: #7c7c7c;
   --sl-input-border-color-hover: white;
 }
@@ -826,8 +828,9 @@ sl-details::part(summary) {
 
 *::part(input-base), *::part(select-base), *::part(textarea-base){
   background-color: var(--sqm-input-background, #fff);
-  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-medium), 0.25rem);
+  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
   color: var(--sqm-input-color, white);
+  border-width: var(--sqm-border-width, 1px);
 }
 
 *::part(input-label):focus,

package/dist/esm/{ShadowViewAddon-ac486867.js → ShadowViewAddon-3d4a0614.js}

@@ -1,6 +1,6 @@
 import { h, c as Host, d as getAssetPath, g as getElement } from './index-91e7729f.js';
 import { k as useState, b as browser, u as useMemo } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-2f638eba.js';
+import { i as intl } from './global-3e59ae75.js';
 import { d as dist, H, J, F as Fn, w as wn, $ as $e, B, g as getEnvironmentSDK, L } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
@@ -1571,6 +1571,10 @@ function PortalChangePasswordView(props) {
   const style = {
     Dialog: {
       padding: "0",
+      "&::part(panel)": {
+        background: "var(--sqm-portal-background)",
+        borderRadius: "var(--sqm-border-radius-normal, var(--sl-border-radius-medium))",
+      },
       "&::part(close-button)": {
         "margin-top": "var(--sl-spacing-medium)",
       },
@@ -1594,7 +1598,6 @@ function PortalChangePasswordView(props) {
       },
     },
     CancelButton: {
-      width: "25%",
       margin: "var(--sl-spacing-large) auto",
     },
     PasswordField: {
@@ -1624,14 +1627,14 @@ function PortalChangePasswordView(props) {
               h("sqm-password-field", { exportparts: "input-label: input-label", class: sheet.classes.PasswordField, fieldLabel: states.content.passwordFieldLabel, meetsRequirementsText: states.content.meetsRequirementsText, doesNotMeetRequirementsText: states.content.doesNotMeetRequirementsText, minErrorText: states.content.minErrorText, uppercaseErrorText: states.content.uppercaseErrorText, lowercaseErrorText: states.content.lowercaseErrorText, hasErrorText: states.content.hasErrorText }),
               h("sl-input", { exportparts: "label: input-label, base: input-base", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, required: true, togglePassword: true, disabled: states.loading, type: "password" })),
             h(PortalContainerView, Object.assign({}, { direction: "row", padding: "none", gap: "20px" }),
-              h("sl-button", { class: sheet.classes.ChangePasswordButton, type: "primary", submit: true, loading: states.loading }, states.content.changePasswordButtonText),
-              h("sl-button", { class: sheet.classes.CancelButton, type: "text", onClick: () => callbacks.setOpen(false) }, states.content.cancelText))))),
+              h("sl-button", { class: sheet.classes.ChangePasswordButton, type: "primary", exportparts: "base: primarybutton-base", submit: true, loading: states.loading }, states.content.changePasswordButtonText),
+              h("sl-button", { class: sheet.classes.CancelButton, type: "text", exportparts: "base: secondarybutton-base", onClick: () => callbacks.setOpen(false) }, states.content.cancelText))))),
       }))),
     h(PortalSectionView, Object.assign({}, {
       labelMargin: "x-large",
       padding: "xxx-large",
       label: (h(TextSpanView, Object.assign({}, { type: "h2" }), states.content.portalChangePasswordHeader)),
-      content: (h("sl-button", { onClick: () => callbacks.setOpen(true) }, states.content.portalChangePasswordButtonText)),
+      content: (h("sl-button", { exportparts: "base: primarybutton-base", onClick: () => callbacks.setOpen(true) }, states.content.portalChangePasswordButtonText)),
     }),
       h("style", { type: "text/css" }, styleString))));
 }

package/dist/esm/{global-2f638eba.js → global-3e59ae75.js}

@@ -26426,7 +26426,6 @@ html {
   --sl-input-background-color-disabled: var(--sl-color-gray-100);
   --sl-input-border-color: var(--sl-color-gray-300);
   --sl-input-border-color-hover: var(--sl-color-gray-400);
-  --sl-input-border-color-focus: var(--sl-color-primary-500);
   --sl-input-border-color-disabled: var(--sl-color-gray-300);
   --sl-input-border-width: 1px;
   --sl-input-border-radius-small: var(--sl-border-radius-medium);
@@ -26516,6 +26515,9 @@ html {
   --sqm-secondary-button-color: #FFFFFF; /* Spotify White for text */
   --sqm-secondary-button-color-border: #FFFFFF; /* Spotify White for border */
   --sqm-secondary-button-radius: 30px;
+  
+  --sqm-border-radius-normal: 18px;
+
 
   --sqm-input-background: #121212;
   --sqm-input-border: 1px solid #7c7c7c;
@@ -26523,17 +26525,17 @@ html {
   --sqm-input-color: white;
   --sqm-input-focus-border: 1px solid #1ed760;
   --sqm-input-label-color: white;
-
+  --sqm-border-width: 1px;
   --sqm-input-label-font-size: white;
   --sqm-input-disabled-color: white;
   --sqm-input-disabled-background: #303030;
-
+  
   --sl-input-color: var(--sqm-input-color);
   --sl-input-color-hover: var(--sqm-input-color);
   --sl-input-color-focus: var(--sqm-input-color);
   --sl-input-color-disabled: var(--sqm-input-disabled-color);
   --sl-input-border-color-disabled: #7c7c7c;
-  --sl-input-border-color-focus: white;
+  --sl-input-border-color-focus: white !important;
   --sl-input-border-color: #7c7c7c;
   --sl-input-border-color-hover: white;
 }
@@ -26729,8 +26731,9 @@ sl-details::part(summary) {
 
 *::part(input-base), *::part(select-base), *::part(textarea-base){
   background-color: var(--sqm-input-background, #fff);
-  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-medium), 0.25rem);
+  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
   color: var(--sqm-input-color, white);
+  border-width: var(--sqm-border-width, 1px);
 }
 
 *::part(input-label):focus,

package/dist/esm/loader.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-91e7729f.js';
 import './stencil-hooks.module-4bc38af4.js';
-import './global-2f638eba.js';
+import './global-3e59ae75.js';
 import './index.module-89a79f66.js';
 
 /*

package/dist/esm/mint-components.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, H, b as bootstrapLazy } from './index-91e7729f.js';
 import './stencil-hooks.module-4bc38af4.js';
-import './global-2f638eba.js';
+import './global-3e59ae75.js';
 import './index.module-89a79f66.js';
 
 /*

package/dist/esm/sqm-banking-info-form_17.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as Host, g as getElement } from './index-91e7729f.js';
 import { m as useRef, k as useState, f as useEffect, n as h$1, l, u as useMemo, b as browser, j as useReducer } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-2f638eba.js';
+import { i as intl } from './global-3e59ae75.js';
 import { d as dist, _, L, J, t as Pn, F as Fn, x as $n, $ as $e, i as isDemo, q as En, u as useCallback, R as Rn, M as Mn, I as In, S as Sn } from './index.module-89a79f66.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
@@ -14,7 +14,7 @@ import { l as luxon } from './luxon-8d51c92b.js';
 import { g as generateUserError } from './useReferralTable-b3876ed6.js';
 import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
 import { E as ErrorView } from './ErrorView-48e2b969.js';
-import { t as taxTypeToName, v as validTaxDocument, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, g as getCountryObj, O as OtherRegionSlotView, I as InvoiceTableView, L as LoadingView, c as vatLabels, G as GeneralLoadingView, f as formatErrorMessage, d as validateBillingField, o as objectIsFull, A as ADDRESS_REGIONS } from './sqm-invoice-table-view-eb5f1065.js';
+import { t as taxTypeToName, v as validTaxDocument, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, g as getCountryObj, O as OtherRegionSlotView, I as InvoiceTableView, L as LoadingView, c as vatLabels, G as GeneralLoadingView, f as formatErrorMessage, d as validateBillingField, o as objectIsFull, A as ADDRESS_REGIONS } from './sqm-invoice-table-view-806584e3.js';
 import { e as extractProps } from './extractProps-ae1afbb3.js';
 import { b as VERIFICATION_EVENT_KEY, V as VERIFICATION_EMAIL_NAMESPACE, S as SHOW_CODE_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY, a as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY } from './usePayoutStatus-58aa56b4.js';

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-2f638eba.js';
+import { i as intl } from './global-3e59ae75.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';
@@ -19,7 +19,7 @@ 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-ac486867.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-3d4a0614.js';
 import './sqm-portal-container-view-1683ae32.js';
 import { u as usePayoutStatus } from './usePayoutStatus-58aa56b4.js';
 

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

@@ -1,6 +1,6 @@
 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-2f638eba.js';
+import { i as intl } from './global-3e59ae75.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';

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-2f638eba.js';
+import { i as intl } from './global-3e59ae75.js';
 import './index.module-89a79f66.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';