@saasquatch/mint-components 1.15.0-31 → 1.15.0-33

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-a2cfa133.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-69f323b5.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-fdd97c18.js');
 const sqmPortalLoginView = require('./sqm-portal-login-view-8cb284d2.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-c83d82d6.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-850d768a.js');
+const ShadowViewAddon = require('./ShadowViewAddon-36b3007d.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-08b22533.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-view.js

@@ -16,6 +16,34 @@ const vanillaStyle = `
   display: block;
 }
 
+*::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);
+}
+
+sl-input::part(base):focus,
+sl-select::part(form-control-wrapper):focus,
+sl-textare::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));
+}
+
+sl-input {
+  --sl-input-border-color-focus: var(--sqm-border-color-focus); 
+}
 
 `;
 const sheet = createStyleSheet(style);

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/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,6 +866,11 @@ sl-textare::part(textarea-label):focus {
   color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
 }
 
+sl-checkbox::part(input-base) {
+  border: red;
+  background: black;
+}
+
 sl-input {
   --sl-input-border-color-focus: var(--sqm-border-color-focus); 
 }

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,6 +867,11 @@ sl-textare::part(textarea-label):focus {
   color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
 }
 
+sl-checkbox::part(input-base) {
+  border: red;
+  background: black;
+}
+
 sl-input {
   --sl-input-border-color-focus: var(--sqm-border-color-focus); 
 }

package/dist/esm/{ShadowViewAddon-54fb4dd4.js → ShadowViewAddon-ed27f570.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-4d92a41a.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';
@@ -2832,6 +2832,34 @@ const vanillaStyle$3 = `
   display: block;
 }
 
+*::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);
+}
+
+sl-input::part(base):focus,
+sl-select::part(form-control-wrapper):focus,
+sl-textare::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));
+}
+
+sl-input {
+  --sl-input-border-color-focus: var(--sqm-border-color-focus); 
+}
 
 `;
 const sheet$5 = createStyleSheet(style$5);

package/dist/esm/{global-744bbb0d.js → global-4d92a41a.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,6 +26770,11 @@ sl-textare::part(textarea-label):focus {
   color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
 }
 
+sl-checkbox::part(input-base) {
+  border: red;
+  background: black;
+}
+
 sl-input {
   --sl-input-border-color-focus: var(--sqm-border-color-focus); 
 }