@saasquatch/mint-components 1.15.0-32 → 1.15.0-34

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-6bd8c303.js');
+require('./global-ce2198fc.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-6f299c4e.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-128deaa7.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-fdd97c18.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-8cb284d2.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-6db3081c.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-900e7869.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-d432701b.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-2e86ed9a.js');
+const ShadowViewAddon = require('./ShadowViewAddon-d14dd5cb.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-3bb179ee.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-1157b097.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>

package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field.js

@@ -60,6 +60,7 @@ export class CheckboxField {
     return (h(CheckboxFieldView, { states: states, content: content, callbacks: callbacks }));
   }
   static get is() { return "sqm-checkbox-field"; }
+  static get encapsulation() { return "shadow"; }
   static get properties() { return {
     "checkboxName": {
       "type": "string",

package/dist/collection/components/sqm-name-fields/sqm-name-fields.js

@@ -29,6 +29,7 @@ export class NameFields {
     return h(NameFieldsView, { states: states });
   }
   static get is() { return "sqm-name-fields"; }
+  static get encapsulation() { return "shadow"; }
   static get properties() { return {
     "firstNameLabel": {
       "type": "string",

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: "#AAAAAA",
+    color: "var(--sq-text-subdued)",
     margin: "0",
   },
   ButtonsContainer: {

package/dist/collection/global/styles.js

@@ -845,9 +845,18 @@ sl-details::part(summary) {
   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-textare::part(textarea-label):focus {
+sl-textarea::part(textarea-label):focus {
   border-color: none;
   border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
 }
@@ -857,11 +866,29 @@ sl-textare::part(textarea-label):focus {
   color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
 }
 
-sl-input {
-  --sl-input-border-color-focus: var(--sqm-border-color-focus); 
+sl-input::part(base):-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(base):-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(base):-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;
+}
+
+sl-checkbox::part(input-base) {
+  border: red;
+  background: black;
+}
+
+sl-input {
+  --sl-input-border-color-focus: var(--sqm-border-color-focus); 
+}
 
 *::part(menuitem-base):hover{
   background-color: var(--sl-color-gray-200);

package/dist/collection/global/styles.ts

@@ -846,9 +846,18 @@ sl-details::part(summary) {
   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-textare::part(textarea-label):focus {
+sl-textarea::part(textarea-label):focus {
   border-color: none;
   border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
 }
@@ -858,11 +867,29 @@ sl-textare::part(textarea-label):focus {
   color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
 }
 
-sl-input {
-  --sl-input-border-color-focus: var(--sqm-border-color-focus); 
+sl-input::part(base):-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(base):-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(base):-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;
+}
+
+sl-checkbox::part(input-base) {
+  border: red;
+  background: black;
+}
+
+sl-input {
+  --sl-input-border-color-focus: var(--sqm-border-color-focus); 
+}
 
 *::part(menuitem-base):hover{
   background-color: var(--sl-color-gray-200);

package/dist/esm/{ShadowViewAddon-0d626572.js → ShadowViewAddon-0e9a0556.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-744bbb0d.js';
+import { i as intl } from './global-0ce6112e.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-744bbb0d.js → global-0ce6112e.js}

@@ -26749,9 +26749,18 @@ sl-details::part(summary) {
   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-textare::part(textarea-label):focus {
+sl-textarea::part(textarea-label):focus {
   border-color: none;
   border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
 }
@@ -26761,11 +26770,29 @@ sl-textare::part(textarea-label):focus {
   color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
 }
 
-sl-input {
-  --sl-input-border-color-focus: var(--sqm-border-color-focus); 
+sl-input::part(base):-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(base):-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(base):-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;
+}
+
+sl-checkbox::part(input-base) {
+  border: red;
+  background: black;
+}
+
+sl-input {
+  --sl-input-border-color-focus: var(--sqm-border-color-focus); 
+}
 
 *::part(menuitem-base):hover{
   background-color: var(--sl-color-gray-200);