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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/cjs/sqm-banking-info-form_17.cjs.entry.js +89 -0
  2. package/dist/cjs/sqm-big-stat_41.cjs.entry.js +1 -1
  3. package/dist/cjs/sqm-portal-google-login.cjs.entry.js +1 -1
  4. package/dist/cjs/{sqm-portal-login-view-6db3081c.js → sqm-portal-login-view-0fbbda1b.js} +1 -1
  5. package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
  6. package/dist/collection/components/sqm-portal-login/sqm-portal-login-view.js +1 -1
  7. package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js +89 -0
  8. package/dist/esm/sqm-banking-info-form_17.entry.js +89 -0
  9. package/dist/esm/sqm-big-stat_41.entry.js +1 -1
  10. package/dist/esm/sqm-portal-google-login.entry.js +1 -1
  11. package/dist/esm/{sqm-portal-login-view-6a2e93b0.js → sqm-portal-login-view-e870b4b0.js} +1 -1
  12. package/dist/esm/sqm-stencilbook.entry.js +1 -1
  13. package/dist/esm-es5/sqm-banking-info-form_17.entry.js +1 -1
  14. package/dist/esm-es5/sqm-big-stat_41.entry.js +1 -1
  15. package/dist/esm-es5/sqm-portal-google-login.entry.js +1 -1
  16. package/dist/esm-es5/sqm-portal-login-view-e870b4b0.js +1 -0
  17. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  18. package/dist/mint-components/mint-components.esm.js +1 -1
  19. package/dist/mint-components/p-085ae7a9.system.js +1 -1
  20. package/dist/mint-components/{p-6fcba764.entry.js → p-0b3218a5.entry.js} +1 -1
  21. package/dist/mint-components/p-0e32981f.js +1 -0
  22. package/dist/mint-components/{p-71027ad0.system.entry.js → p-1c9a93aa.system.entry.js} +1 -1
  23. package/dist/mint-components/p-32a47b41.system.js +1 -0
  24. package/dist/mint-components/{p-8c1ca3d1.system.entry.js → p-4d478108.system.entry.js} +1 -1
  25. package/dist/mint-components/{p-b7a571ef.entry.js → p-5a99b353.entry.js} +1 -1
  26. package/dist/mint-components/{p-df7d2d3a.entry.js → p-63d1eee7.entry.js} +7 -7
  27. package/dist/mint-components/{p-5526897d.system.entry.js → p-d4801585.system.entry.js} +1 -1
  28. package/dist/mint-components/{p-9a5d8490.system.entry.js → p-e24fcb4a.system.entry.js} +1 -1
  29. package/dist/mint-components/{p-7817976d.entry.js → p-fec8efdd.entry.js} +11 -11
  30. package/docs/docs.docx +0 -0
  31. package/package.json +1 -1
  32. package/dist/esm-es5/sqm-portal-login-view-6a2e93b0.js +0 -1
  33. package/dist/mint-components/p-a25b5c38.system.js +0 -1
  34. package/dist/mint-components/p-c094faed.js +0 -1
@@ -7370,6 +7370,95 @@ const vanillaStyle$4 = `
7370
7370
  sl-select#phoneNumberCountryCode::part(menu) {
7371
7371
  min-width: 250px;
7372
7372
  }
7373
+
7374
+ *::part(primarybutton-base){
7375
+ background-color: var(--sqm-primary-button-background);
7376
+ color: var(--sqm-primary-button-color);
7377
+ border-color: var(--sqm-primary-button-color-border);
7378
+ border-radius: var(--sqm-primary-button-radius);
7379
+ }
7380
+
7381
+ *::part(primarybutton-base):hover{
7382
+ background-color: var(--sqm-primary-button-background-hover);
7383
+ }
7384
+
7385
+ *::part(primarybutton-base):focus{
7386
+ box-shadow: none;
7387
+ }
7388
+
7389
+ *::part(secondarybutton-base){
7390
+ background-color: var(--sqm-secondary-button-background);
7391
+ color: var(--sqm-secondary-button-color);
7392
+ border-color: var(--sqm-secondary-button-color-border);
7393
+ border-radius: var(--sqm-secondary-button-radius);
7394
+ }
7395
+
7396
+ *::part(secondarybutton-base):hover{
7397
+ background-color: var(--sqm-secondary-button-background-hover);
7398
+ }
7399
+
7400
+ *::part(tertiarybutton-base){
7401
+ color: var(--sqm-text, var(--sl-color-neutral-800));
7402
+ width: max-content;
7403
+ display: flex;
7404
+ margin: auto;
7405
+ }
7406
+
7407
+ *::part(tertiarybutton-base):hover{
7408
+ color: #1ed760;
7409
+ }
7410
+ *::part(primarybutton-base):focus{
7411
+ box-shadow: none;
7412
+ }
7413
+
7414
+ *::part(input-label), *::part(select-label), *::part(textarea-label){
7415
+ font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
7416
+ font-weight: var(--sl-font-weight-semibold);
7417
+ color: var(--sqm-input-label-color, var(--sqm-text), black);
7418
+ }
7419
+
7420
+ *::part(input-base), *::part(select-base), *::part(textarea-base){
7421
+ background-color: var(--sqm-input-background, #fff);
7422
+ border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
7423
+ color: var(--sqm-input-color, white);
7424
+ border-width: var(--sqm-border-width, 1px);
7425
+ }
7426
+
7427
+ sqm-name-fields::part(input-base) {
7428
+ background-color: var(--sqm-input-background, #fff);
7429
+ border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
7430
+ color: var(--sqm-input-color, white);
7431
+ border-width: var(--sqm-border-width, 1px);
7432
+ }
7433
+
7434
+
7435
+
7436
+ sl-input::part(base):focus,
7437
+ sl-select::part(form-control-wrapper):focus,
7438
+ sl-textarea::part(textarea-label):focus {
7439
+ border-color: none;
7440
+ border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
7441
+ }
7442
+
7443
+ *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
7444
+ background: var(--sqm-input-disabled-background, #f5f5f5);
7445
+ color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
7446
+ }
7447
+
7448
+ *::part(input):-webkit-autofill {
7449
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
7450
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
7451
+ }
7452
+
7453
+ *::part(input):-webkit-autofill:hover {
7454
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
7455
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
7456
+ }
7457
+
7458
+ *::part(input):-webkit-autofill:focus {
7459
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
7460
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
7461
+ }
7373
7462
  `;
7374
7463
  const UserInfoFormView = (props) => {
7375
7464
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
@@ -19,7 +19,7 @@ require('./luxon-2926d85f.js');
19
19
  require('./sqm-text-span-view-ce4c0178.js');
20
20
  const index$1 = require('./index-8c6255f5.js');
21
21
  const useRegistrationFormState = require('./useRegistrationFormState-7b820f0c.js');
22
- const sqmPortalLoginView = require('./sqm-portal-login-view-6db3081c.js');
22
+ const sqmPortalLoginView = require('./sqm-portal-login-view-0fbbda1b.js');
23
23
  const usePortalLogin = require('./usePortalLogin-63d896d1.js');
24
24
  const AsYouType = require('./AsYouType-6788393a.js');
25
25
  const utilities = require('./utilities-78f5e169.js');
@@ -11,7 +11,7 @@ require('./utils-6847bc06.js');
11
11
  const JSS = require('./JSS-8503a151.js');
12
12
  require('./mixins-4761d472.js');
13
13
  require('./sqm-text-span-view-ce4c0178.js');
14
- const sqmPortalLoginView = require('./sqm-portal-login-view-6db3081c.js');
14
+ const sqmPortalLoginView = require('./sqm-portal-login-view-0fbbda1b.js');
15
15
  const usePortalLogin = require('./usePortalLogin-63d896d1.js');
16
16
 
17
17
  const PortalGoogleLogin = class {
@@ -13,7 +13,7 @@ const style = {
13
13
  cursor: "pointer",
14
14
  "font-size": "13px",
15
15
  "font-weight": "600",
16
- color: "var(--sq-text-subdued)",
16
+ color: "var(--sqm-text-subdued)",
17
17
  margin: "0",
18
18
  },
19
19
  ButtonsContainer: {
@@ -26,7 +26,7 @@ const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-38a5227a
26
26
  const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-10b62df1.js');
27
27
  const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-f41d2630.js');
28
28
  const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-fdd97c18.js');
29
- const sqmPortalLoginView = require('./sqm-portal-login-view-6db3081c.js');
29
+ const sqmPortalLoginView = require('./sqm-portal-login-view-0fbbda1b.js');
30
30
  const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-1c5094d3.js');
31
31
  const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-399f4eaf.js');
32
32
  const sqmPortalProfileView = require('./sqm-portal-profile-view-8ed04298.js');
@@ -10,7 +10,7 @@ const style = {
10
10
  cursor: "pointer",
11
11
  "font-size": "13px",
12
12
  "font-weight": "600",
13
- color: "var(--sq-text-subdued)",
13
+ color: "var(--sqm-text-subdued)",
14
14
  margin: "0",
15
15
  },
16
16
  ButtonsContainer: {
@@ -128,6 +128,95 @@ const vanillaStyle = `
128
128
  sl-select#phoneNumberCountryCode::part(menu) {
129
129
  min-width: 250px;
130
130
  }
131
+
132
+ *::part(primarybutton-base){
133
+ background-color: var(--sqm-primary-button-background);
134
+ color: var(--sqm-primary-button-color);
135
+ border-color: var(--sqm-primary-button-color-border);
136
+ border-radius: var(--sqm-primary-button-radius);
137
+ }
138
+
139
+ *::part(primarybutton-base):hover{
140
+ background-color: var(--sqm-primary-button-background-hover);
141
+ }
142
+
143
+ *::part(primarybutton-base):focus{
144
+ box-shadow: none;
145
+ }
146
+
147
+ *::part(secondarybutton-base){
148
+ background-color: var(--sqm-secondary-button-background);
149
+ color: var(--sqm-secondary-button-color);
150
+ border-color: var(--sqm-secondary-button-color-border);
151
+ border-radius: var(--sqm-secondary-button-radius);
152
+ }
153
+
154
+ *::part(secondarybutton-base):hover{
155
+ background-color: var(--sqm-secondary-button-background-hover);
156
+ }
157
+
158
+ *::part(tertiarybutton-base){
159
+ color: var(--sqm-text, var(--sl-color-neutral-800));
160
+ width: max-content;
161
+ display: flex;
162
+ margin: auto;
163
+ }
164
+
165
+ *::part(tertiarybutton-base):hover{
166
+ color: #1ed760;
167
+ }
168
+ *::part(primarybutton-base):focus{
169
+ box-shadow: none;
170
+ }
171
+
172
+ *::part(input-label), *::part(select-label), *::part(textarea-label){
173
+ font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
174
+ font-weight: var(--sl-font-weight-semibold);
175
+ color: var(--sqm-input-label-color, var(--sqm-text), black);
176
+ }
177
+
178
+ *::part(input-base), *::part(select-base), *::part(textarea-base){
179
+ background-color: var(--sqm-input-background, #fff);
180
+ border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
181
+ color: var(--sqm-input-color, white);
182
+ border-width: var(--sqm-border-width, 1px);
183
+ }
184
+
185
+ sqm-name-fields::part(input-base) {
186
+ background-color: var(--sqm-input-background, #fff);
187
+ border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
188
+ color: var(--sqm-input-color, white);
189
+ border-width: var(--sqm-border-width, 1px);
190
+ }
191
+
192
+
193
+
194
+ sl-input::part(base):focus,
195
+ sl-select::part(form-control-wrapper):focus,
196
+ sl-textarea::part(textarea-label):focus {
197
+ border-color: none;
198
+ border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
199
+ }
200
+
201
+ *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
202
+ background: var(--sqm-input-disabled-background, #f5f5f5);
203
+ color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
204
+ }
205
+
206
+ *::part(input):-webkit-autofill {
207
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
208
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
209
+ }
210
+
211
+ *::part(input):-webkit-autofill:hover {
212
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
213
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
214
+ }
215
+
216
+ *::part(input):-webkit-autofill:focus {
217
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
218
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
219
+ }
131
220
  `;
132
221
  export const UserInfoFormView = (props) => {
133
222
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
@@ -7366,6 +7366,95 @@ const vanillaStyle$4 = `
7366
7366
  sl-select#phoneNumberCountryCode::part(menu) {
7367
7367
  min-width: 250px;
7368
7368
  }
7369
+
7370
+ *::part(primarybutton-base){
7371
+ background-color: var(--sqm-primary-button-background);
7372
+ color: var(--sqm-primary-button-color);
7373
+ border-color: var(--sqm-primary-button-color-border);
7374
+ border-radius: var(--sqm-primary-button-radius);
7375
+ }
7376
+
7377
+ *::part(primarybutton-base):hover{
7378
+ background-color: var(--sqm-primary-button-background-hover);
7379
+ }
7380
+
7381
+ *::part(primarybutton-base):focus{
7382
+ box-shadow: none;
7383
+ }
7384
+
7385
+ *::part(secondarybutton-base){
7386
+ background-color: var(--sqm-secondary-button-background);
7387
+ color: var(--sqm-secondary-button-color);
7388
+ border-color: var(--sqm-secondary-button-color-border);
7389
+ border-radius: var(--sqm-secondary-button-radius);
7390
+ }
7391
+
7392
+ *::part(secondarybutton-base):hover{
7393
+ background-color: var(--sqm-secondary-button-background-hover);
7394
+ }
7395
+
7396
+ *::part(tertiarybutton-base){
7397
+ color: var(--sqm-text, var(--sl-color-neutral-800));
7398
+ width: max-content;
7399
+ display: flex;
7400
+ margin: auto;
7401
+ }
7402
+
7403
+ *::part(tertiarybutton-base):hover{
7404
+ color: #1ed760;
7405
+ }
7406
+ *::part(primarybutton-base):focus{
7407
+ box-shadow: none;
7408
+ }
7409
+
7410
+ *::part(input-label), *::part(select-label), *::part(textarea-label){
7411
+ font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
7412
+ font-weight: var(--sl-font-weight-semibold);
7413
+ color: var(--sqm-input-label-color, var(--sqm-text), black);
7414
+ }
7415
+
7416
+ *::part(input-base), *::part(select-base), *::part(textarea-base){
7417
+ background-color: var(--sqm-input-background, #fff);
7418
+ border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
7419
+ color: var(--sqm-input-color, white);
7420
+ border-width: var(--sqm-border-width, 1px);
7421
+ }
7422
+
7423
+ sqm-name-fields::part(input-base) {
7424
+ background-color: var(--sqm-input-background, #fff);
7425
+ border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
7426
+ color: var(--sqm-input-color, white);
7427
+ border-width: var(--sqm-border-width, 1px);
7428
+ }
7429
+
7430
+
7431
+
7432
+ sl-input::part(base):focus,
7433
+ sl-select::part(form-control-wrapper):focus,
7434
+ sl-textarea::part(textarea-label):focus {
7435
+ border-color: none;
7436
+ border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
7437
+ }
7438
+
7439
+ *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
7440
+ background: var(--sqm-input-disabled-background, #f5f5f5);
7441
+ color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
7442
+ }
7443
+
7444
+ *::part(input):-webkit-autofill {
7445
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
7446
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
7447
+ }
7448
+
7449
+ *::part(input):-webkit-autofill:hover {
7450
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
7451
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
7452
+ }
7453
+
7454
+ *::part(input):-webkit-autofill:focus {
7455
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
7456
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
7457
+ }
7369
7458
  `;
7370
7459
  const UserInfoFormView = (props) => {
7371
7460
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
@@ -15,7 +15,7 @@ import './luxon-8d51c92b.js';
15
15
  import './sqm-text-span-view-cd3902e5.js';
16
16
  import { p as pathToRegexp } from './index-ffa26b43.js';
17
17
  import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-d6f33135.js';
18
- import { P as PortalLoginView } from './sqm-portal-login-view-6a2e93b0.js';
18
+ import { P as PortalLoginView } from './sqm-portal-login-view-e870b4b0.js';
19
19
  import { u as usePortalLogin } from './usePortalLogin-ef647a50.js';
20
20
  import { A as AsYouType } from './AsYouType-46f67d0d.js';
21
21
  import { i as isEmpty } from './utilities-5b0ca040.js';
@@ -7,7 +7,7 @@ import './utils-334c1e34.js';
7
7
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
8
8
  import './mixins-f750863a.js';
9
9
  import './sqm-text-span-view-cd3902e5.js';
10
- import { P as PortalLoginView } from './sqm-portal-login-view-6a2e93b0.js';
10
+ import { P as PortalLoginView } from './sqm-portal-login-view-e870b4b0.js';
11
11
  import { u as usePortalLogin } from './usePortalLogin-ef647a50.js';
12
12
 
13
13
  const PortalGoogleLogin = class {
@@ -11,7 +11,7 @@ const style = {
11
11
  cursor: "pointer",
12
12
  "font-size": "13px",
13
13
  "font-weight": "600",
14
- color: "var(--sq-text-subdued)",
14
+ color: "var(--sqm-text-subdued)",
15
15
  margin: "0",
16
16
  },
17
17
  ButtonsContainer: {
@@ -22,7 +22,7 @@ import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-f89826
22
22
  import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-6e046743.js';
23
23
  import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-e43830d8.js';
24
24
  import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-55fc0873.js';
25
- import { P as PortalLoginView } from './sqm-portal-login-view-6a2e93b0.js';
25
+ import { P as PortalLoginView } from './sqm-portal-login-view-e870b4b0.js';
26
26
  import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-d732a5df.js';
27
27
  import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-5d651c04.js';
28
28
  import { P as PortalProfileView } from './sqm-portal-profile-view-6168db65.js';