@saasquatch/mint-components 1.15.0-35 → 1.15.0-37

package/dist/cjs/{ShadowViewAddon-9f0a3cea.js → ShadowViewAddon-3460f9e5.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-07eda63e.js');
+const global = require('./global-efeaed0c.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');

package/dist/cjs/{global-07eda63e.js → global-efeaed0c.js}

@@ -26495,8 +26495,10 @@ html {
   --sqm-text: var(--sl-color-neutral-800);
   --sqm-text-subdued: var(--sl-color-neutral-500);
  */
+
   --sqm-text: white;
-  --sqm-text-subdued: var(--sl-color-neutral-500);
+  --sqm-text-subdued: #b3b3b3;
+  
   /*
   --sqm-primary-button-background: var(--sl-color-primary-500);
   --sqm-primary-button-background-hover: var(--sl-color-primary-300);
@@ -26772,17 +26774,17 @@ sl-textarea::part(textarea-label):focus {
   color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
 }
 
-sl-input::part(input):-webkit-autofill {
+*::part(input):-webkit-autofill {
   box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
   -webkit-text-fill-color: var(--sqm-input-color, white) !important;
 }
 
-sl-input::part(input):-webkit-autofill:hover {
+*::part(input):-webkit-autofill:hover {
   box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
   -webkit-text-fill-color: var(--sqm-input-color, white) !important;
 }
 
-sl-input::part(input):-webkit-autofill:focus {
+*::part(input):-webkit-autofill:focus {
   box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
   -webkit-text-fill-color: var(--sqm-input-color, white) !important;
 }

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-07eda63e.js');
+require('./global-efeaed0c.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-07eda63e.js');
+require('./global-efeaed0c.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-07eda63e.js');
+const global = require('./global-efeaed0c.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-ce4c0178.js');
 const ErrorView = require('./ErrorView-b2fcf954.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-ce3c31c4.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-64038caf.js');
 const extractProps = require('./extractProps-fd93ba62.js');
 const keys = require('./keys-cff24974.js');
 const usePayoutStatus = require('./usePayoutStatus-4b5894ef.js');
@@ -7370,6 +7370,95 @@ const vanillaStyle$4 = `
     sl-select#phoneNumberCountryCode::part(menu) {
       min-width: 250px;
     }
+
+    *::part(primarybutton-base){
+  background-color: var(--sqm-primary-button-background);
+  color: var(--sqm-primary-button-color);
+  border-color: var(--sqm-primary-button-color-border);
+  border-radius: var(--sqm-primary-button-radius);
+}
+
+*::part(primarybutton-base):hover{
+  background-color: var(--sqm-primary-button-background-hover);
+}
+
+*::part(primarybutton-base):focus{
+  box-shadow: none;
+}
+
+*::part(secondarybutton-base){
+  background-color: var(--sqm-secondary-button-background);
+  color: var(--sqm-secondary-button-color);
+  border-color: var(--sqm-secondary-button-color-border);
+  border-radius: var(--sqm-secondary-button-radius);
+}
+
+*::part(secondarybutton-base):hover{
+  background-color: var(--sqm-secondary-button-background-hover);
+}
+
+*::part(tertiarybutton-base){
+  color: var(--sqm-text, var(--sl-color-neutral-800));
+  width: max-content;
+  display: flex;
+  margin: auto;
+}
+
+*::part(tertiarybutton-base):hover{
+  color: #1ed760;
+}
+*::part(primarybutton-base):focus{
+  box-shadow: none;
+}
+
+*::part(input-label), *::part(select-label), *::part(textarea-label){
+  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
+  font-weight: var(--sl-font-weight-semibold);
+  color: var(--sqm-input-label-color, var(--sqm-text), black);
+}
+
+*::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-large), 0.25rem);
+  color: var(--sqm-input-color, white);
+  border-width: var(--sqm-border-width, 1px);
+}
+
+sqm-name-fields::part(input-base) {
+  background-color: var(--sqm-input-background, #fff);
+  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);
+}
+
+
+
+sl-input::part(base):focus,
+sl-select::part(form-control-wrapper):focus,
+sl-textarea::part(textarea-label):focus {
+  border-color: none;
+  border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
+}
+
+*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
+  background: var(--sqm-input-disabled-background, #f5f5f5);
+  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
+}
+
+*::part(input):-webkit-autofill {
+  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
+  -webkit-text-fill-color: var(--sqm-input-color, white) !important;
+}
+
+*::part(input):-webkit-autofill:hover {
+  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
+  -webkit-text-fill-color: var(--sqm-input-color, white) !important;
+}
+
+*::part(input):-webkit-autofill:focus {
+  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
+  -webkit-text-fill-color: var(--sqm-input-color, white) !important;
+}
   `;
 const UserInfoFormView = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;

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-07eda63e.js');
+const global = require('./global-efeaed0c.js');
 const index_module = require('./index.module-ee84433d.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
@@ -19,11 +19,11 @@ require('./luxon-2926d85f.js');
 require('./sqm-text-span-view-ce4c0178.js');
 const index$1 = require('./index-8c6255f5.js');
 const useRegistrationFormState = require('./useRegistrationFormState-7b820f0c.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-6db3081c.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-0fbbda1b.js');
 const usePortalLogin = require('./usePortalLogin-63d896d1.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 const utilities = require('./utilities-78f5e169.js');
-const ShadowViewAddon = require('./ShadowViewAddon-9f0a3cea.js');
+const ShadowViewAddon = require('./ShadowViewAddon-3460f9e5.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-07eda63e.js');
+const global = require('./global-efeaed0c.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-07eda63e.js');
+const global = require('./global-efeaed0c.js');
 require('./index.module-ee84433d.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');

package/dist/cjs/{sqm-invoice-table-view-ce3c31c4.js → sqm-invoice-table-view-64038caf.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-07eda63e.js');
+const global = require('./global-efeaed0c.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-07eda63e.js');
+const global = require('./global-efeaed0c.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-07eda63e.js');
+const global = require('./global-efeaed0c.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-16d4ec8c.js → sqm-portal-email-verification-view-f41d2630.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-07eda63e.js');
+const global = require('./global-efeaed0c.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
 const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.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-07eda63e.js');
+require('./global-efeaed0c.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 require('./sqm-text-span-view-ce4c0178.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-16d4ec8c.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-f41d2630.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

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

@@ -11,7 +11,7 @@ require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 require('./sqm-text-span-view-ce4c0178.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-6db3081c.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-0fbbda1b.js');
 const usePortalLogin = require('./usePortalLogin-63d896d1.js');
 
 const PortalGoogleLogin = class {

package/dist/cjs/{sqm-portal-login-view-6db3081c.js → sqm-portal-login-view-0fbbda1b.js}

@@ -13,7 +13,7 @@ const style = {
     cursor: "pointer",
     "font-size": "13px",
     "font-weight": "600",
-    color: "var(--sq-text-subdued)",
+    color: "var(--sqm-text-subdued)",
     margin: "0",
   },
   ButtonsContainer: {

package/dist/cjs/{sqm-portal-profile-view-60a785aa.js → sqm-portal-profile-view-8ed04298.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-07eda63e.js');
+const global = require('./global-efeaed0c.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.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-07eda63e.js');
+require('./global-efeaed0c.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-ce4c0178.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-60a785aa.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-8ed04298.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-07eda63e.js');
+const global = require('./global-efeaed0c.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-07eda63e.js');
+const global = require('./global-efeaed0c.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-07eda63e.js');
+require('./global-efeaed0c.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-10b62df1.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-16d4ec8c.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-f41d2630.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-fdd97c18.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-6db3081c.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-0fbbda1b.js');
 const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-1c5094d3.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-399f4eaf.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-60a785aa.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-8ed04298.js');
 require('./utilities-78f5e169.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-0439a9e5.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-05f72dec.js');
 require('./ErrorView-b2fcf954.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-3da9ed28.js');
-const ShadowViewAddon = require('./ShadowViewAddon-9f0a3cea.js');
+const ShadowViewAddon = require('./ShadowViewAddon-3460f9e5.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-ce3c31c4.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-64038caf.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>

package/dist/collection/components/sqm-portal-login/sqm-portal-login-view.js

@@ -10,7 +10,7 @@ const style = {
     cursor: "pointer",
     "font-size": "13px",
     "font-weight": "600",
-    color: "var(--sq-text-subdued)",
+    color: "var(--sqm-text-subdued)",
     margin: "0",
   },
   ButtonsContainer: {

package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js

@@ -128,6 +128,95 @@ const vanillaStyle = `
     sl-select#phoneNumberCountryCode::part(menu) {
       min-width: 250px;
     }
+
+    *::part(primarybutton-base){
+  background-color: var(--sqm-primary-button-background);
+  color: var(--sqm-primary-button-color);
+  border-color: var(--sqm-primary-button-color-border);
+  border-radius: var(--sqm-primary-button-radius);
+}
+
+*::part(primarybutton-base):hover{
+  background-color: var(--sqm-primary-button-background-hover);
+}
+
+*::part(primarybutton-base):focus{
+  box-shadow: none;
+}
+
+*::part(secondarybutton-base){
+  background-color: var(--sqm-secondary-button-background);
+  color: var(--sqm-secondary-button-color);
+  border-color: var(--sqm-secondary-button-color-border);
+  border-radius: var(--sqm-secondary-button-radius);
+}
+
+*::part(secondarybutton-base):hover{
+  background-color: var(--sqm-secondary-button-background-hover);
+}
+
+*::part(tertiarybutton-base){
+  color: var(--sqm-text, var(--sl-color-neutral-800));
+  width: max-content;
+  display: flex;
+  margin: auto;
+}
+
+*::part(tertiarybutton-base):hover{
+  color: #1ed760;
+}
+*::part(primarybutton-base):focus{
+  box-shadow: none;
+}
+
+*::part(input-label), *::part(select-label), *::part(textarea-label){
+  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
+  font-weight: var(--sl-font-weight-semibold);
+  color: var(--sqm-input-label-color, var(--sqm-text), black);
+}
+
+*::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-large), 0.25rem);
+  color: var(--sqm-input-color, white);
+  border-width: var(--sqm-border-width, 1px);
+}
+
+sqm-name-fields::part(input-base) {
+  background-color: var(--sqm-input-background, #fff);
+  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);
+}
+
+
+
+sl-input::part(base):focus,
+sl-select::part(form-control-wrapper):focus,
+sl-textarea::part(textarea-label):focus {
+  border-color: none;
+  border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
+}
+
+*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
+  background: var(--sqm-input-disabled-background, #f5f5f5);
+  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
+}
+
+*::part(input):-webkit-autofill {
+  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
+  -webkit-text-fill-color: var(--sqm-input-color, white) !important;
+}
+
+*::part(input):-webkit-autofill:hover {
+  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
+  -webkit-text-fill-color: var(--sqm-input-color, white) !important;
+}
+
+*::part(input):-webkit-autofill:focus {
+  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
+  -webkit-text-fill-color: var(--sqm-input-color, white) !important;
+}
   `;
 export const UserInfoFormView = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;

package/dist/collection/global/styles.js

@@ -589,8 +589,10 @@ html {
   --sqm-text: var(--sl-color-neutral-800);
   --sqm-text-subdued: var(--sl-color-neutral-500);
  */
+
   --sqm-text: white;
-  --sqm-text-subdued: var(--sl-color-neutral-500);
+  --sqm-text-subdued: #b3b3b3;
+  
   /*
   --sqm-primary-button-background: var(--sl-color-primary-500);
   --sqm-primary-button-background-hover: var(--sl-color-primary-300);
@@ -866,17 +868,17 @@ sl-textarea::part(textarea-label):focus {
   color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
 }
 
-sl-input::part(input):-webkit-autofill {
+*::part(input):-webkit-autofill {
   box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
   -webkit-text-fill-color: var(--sqm-input-color, white) !important;
 }
 
-sl-input::part(input):-webkit-autofill:hover {
+*::part(input):-webkit-autofill:hover {
   box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
   -webkit-text-fill-color: var(--sqm-input-color, white) !important;
 }
 
-sl-input::part(input):-webkit-autofill:focus {
+*::part(input):-webkit-autofill:focus {
   box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
   -webkit-text-fill-color: var(--sqm-input-color, white) !important;
 }

package/dist/collection/global/styles.ts

@@ -590,8 +590,10 @@ html {
   --sqm-text: var(--sl-color-neutral-800);
   --sqm-text-subdued: var(--sl-color-neutral-500);
  */
+
   --sqm-text: white;
-  --sqm-text-subdued: var(--sl-color-neutral-500);
+  --sqm-text-subdued: #b3b3b3;
+  
   /*
   --sqm-primary-button-background: var(--sl-color-primary-500);
   --sqm-primary-button-background-hover: var(--sl-color-primary-300);
@@ -867,17 +869,17 @@ sl-textarea::part(textarea-label):focus {
   color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
 }
 
-sl-input::part(input):-webkit-autofill {
+*::part(input):-webkit-autofill {
   box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
   -webkit-text-fill-color: var(--sqm-input-color, white) !important;
 }
 
-sl-input::part(input):-webkit-autofill:hover {
+*::part(input):-webkit-autofill:hover {
   box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
   -webkit-text-fill-color: var(--sqm-input-color, white) !important;
 }
 
-sl-input::part(input):-webkit-autofill:focus {
+*::part(input):-webkit-autofill:focus {
   box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
   -webkit-text-fill-color: var(--sqm-input-color, white) !important;
 }

package/dist/esm/{ShadowViewAddon-6c0fafe7.js → ShadowViewAddon-168ab439.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-9025c791.js';
+import { i as intl } from './global-8245250a.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';

package/dist/esm/{global-9025c791.js → global-8245250a.js}

@@ -26493,8 +26493,10 @@ html {
   --sqm-text: var(--sl-color-neutral-800);
   --sqm-text-subdued: var(--sl-color-neutral-500);
  */
+
   --sqm-text: white;
-  --sqm-text-subdued: var(--sl-color-neutral-500);
+  --sqm-text-subdued: #b3b3b3;
+  
   /*
   --sqm-primary-button-background: var(--sl-color-primary-500);
   --sqm-primary-button-background-hover: var(--sl-color-primary-300);
@@ -26770,17 +26772,17 @@ sl-textarea::part(textarea-label):focus {
   color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
 }
 
-sl-input::part(input):-webkit-autofill {
+*::part(input):-webkit-autofill {
   box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
   -webkit-text-fill-color: var(--sqm-input-color, white) !important;
 }
 
-sl-input::part(input):-webkit-autofill:hover {
+*::part(input):-webkit-autofill:hover {
   box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
   -webkit-text-fill-color: var(--sqm-input-color, white) !important;
 }
 
-sl-input::part(input):-webkit-autofill:focus {
+*::part(input):-webkit-autofill:focus {
   box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
   -webkit-text-fill-color: var(--sqm-input-color, white) !important;
 }

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-9025c791.js';
+import './global-8245250a.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-9025c791.js';
+import './global-8245250a.js';
 import './index.module-89a79f66.js';
 
 /*