@saasquatch/mint-components 1.15.0-63 → 1.15.0-64

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 (38) hide show
  1. package/dist/cjs/{ShadowViewAddon-e0aa9b07.js → ShadowViewAddon-6925bd81.js} +1 -1
  2. package/dist/cjs/sqm-big-stat_42.cjs.entry.js +1 -1
  3. package/dist/cjs/sqm-email-verification.cjs.entry.js +100 -3
  4. package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
  5. package/dist/cjs/sqm-tabs.cjs.entry.js +2 -0
  6. package/dist/collection/components/sqm-share-button/sqm-share-button-view.js +1 -1
  7. package/dist/collection/components/sqm-tabs/sqm-tabs-view.js +2 -0
  8. package/dist/collection/components/sqm-widget-verification/sqm-email-verification/sqm-email-verification-view.js +100 -3
  9. package/dist/esm/{ShadowViewAddon-2984432d.js → ShadowViewAddon-976c7e5e.js} +1 -1
  10. package/dist/esm/sqm-big-stat_42.entry.js +1 -1
  11. package/dist/esm/sqm-email-verification.entry.js +100 -3
  12. package/dist/esm/sqm-stencilbook.entry.js +1 -1
  13. package/dist/esm/sqm-tabs.entry.js +2 -0
  14. package/dist/esm-es5/ShadowViewAddon-976c7e5e.js +1 -0
  15. package/dist/esm-es5/sqm-big-stat_42.entry.js +1 -1
  16. package/dist/esm-es5/sqm-email-verification.entry.js +1 -1
  17. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  18. package/dist/esm-es5/sqm-tabs.entry.js +1 -1
  19. package/dist/mint-components/mint-components.esm.js +1 -1
  20. package/dist/mint-components/p-03bc8092.system.js +1 -1
  21. package/dist/mint-components/p-053f3b95.entry.js +25 -0
  22. package/dist/mint-components/{p-d87982c1.js → p-102c42ef.js} +1 -1
  23. package/dist/mint-components/{p-9d126299.system.entry.js → p-265b012f.system.entry.js} +1 -1
  24. package/dist/mint-components/p-3d99fa43.entry.js +1 -0
  25. package/dist/mint-components/{p-29be244d.entry.js → p-50e5ae38.entry.js} +1 -1
  26. package/dist/mint-components/{p-33d0edc0.entry.js → p-516aa862.entry.js} +1 -1
  27. package/dist/mint-components/{p-16b37afe.system.entry.js → p-764e32ec.system.entry.js} +1 -1
  28. package/dist/mint-components/p-814036cd.system.entry.js +1 -0
  29. package/dist/mint-components/p-a787f53a.system.js +1 -0
  30. package/dist/mint-components/p-da3ffd4e.system.entry.js +1 -0
  31. package/docs/docs.docx +0 -0
  32. package/package.json +1 -1
  33. package/dist/esm-es5/ShadowViewAddon-2984432d.js +0 -1
  34. package/dist/mint-components/p-1ad8f7f4.system.entry.js +0 -1
  35. package/dist/mint-components/p-6f6d5370.entry.js +0 -25
  36. package/dist/mint-components/p-8c69fc5f.system.entry.js +0 -1
  37. package/dist/mint-components/p-acb26ec0.system.js +0 -1
  38. package/dist/mint-components/p-fe3fe6b6.entry.js +0 -1
package/dist/cjs/{ShadowViewAddon-e0aa9b07.js → ShadowViewAddon-6925bd81.js} RENAMED
@@ -105,7 +105,7 @@ function ShareButtonView(props, children) {
105
105
  const vanillaStyle = `
106
106
  sl-button::part(base) {
107
107
  border: ${props.border || "none"};
108
-
108
+ font-family: var(--sqm-primary-font);
109
109
 
110
110
  background: ${props.backgroundcolor
111
111
  ? props.backgroundcolor
package/dist/cjs/sqm-big-stat_42.cjs.entry.js CHANGED
@@ -23,7 +23,7 @@ const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
23
23
  const usePortalLogin = require('./usePortalLogin-6aa864ef.js');
24
24
  const AsYouType = require('./AsYouType-6788393a.js');
25
25
  const utilities = require('./utilities-9a0c5e91.js');
26
- const ShadowViewAddon = require('./ShadowViewAddon-e0aa9b07.js');
26
+ const ShadowViewAddon = require('./ShadowViewAddon-6925bd81.js');
27
27
  require('./sqm-portal-container-view-07e4343f.js');
28
28
  const usePayoutStatus = require('./usePayoutStatus-3b34dab1.js');
29
29
 
package/dist/cjs/sqm-email-verification.cjs.entry.js CHANGED
@@ -167,11 +167,11 @@ const style = {
167
167
  },
168
168
  ErrorInput: {
169
169
  "&::part(base)": {
170
- border: "1px solid var(--sl-color-danger-500)",
171
- borderRadius: "var(--sl-input-border-radius-medium)",
170
+ border: "var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",
171
+ borderRadius: "var(--sqm-input-border-radius)",
172
172
  },
173
173
  "&::part(help-text)": {
174
- color: "var(--sl-color-danger-500)",
174
+ color: "var(--sqm-danger-color-text)",
175
175
  },
176
176
  },
177
177
  };
@@ -188,6 +188,103 @@ a {
188
188
  text-decoration: underline;
189
189
  cursor: pointer;
190
190
  }
191
+
192
+ *::part(primarybutton-base),
193
+ sl-button[type="primary"]::part(base) {
194
+ font-family: var(--sqm-primary-font);
195
+ width: 100%;
196
+ background-color: var(--sqm-primary-button-background);
197
+ color: var(--sqm-primary-button-color);
198
+ border-color: var(--sqm-primary-button-color-border);
199
+ border-radius: var(--sqm-primary-button-radius);
200
+ }
201
+
202
+ *::part(primarybutton-base):hover,
203
+ sl-button[type="primary"]::part(base):hover{
204
+ background-color: var(--sqm-primary-button-background-hover);
205
+ border-color: var(--sqm-primary-button-border-color-hover);
206
+ color: var(--sqm-primary-button-color-hover);
207
+ }
208
+
209
+
210
+ *::part(primarybutton-base):focus,
211
+ sl-button[type="primary"]::part(base):focus {
212
+ box-shadow: none;
213
+ }
214
+
215
+ *::part(secondarybutton-base),
216
+ sl-button[type="secondary"]::part(base) {
217
+ font-family: var(--sqm-primary-font);
218
+ background-color: var(--sqm-secondary-button-background);
219
+ color: var(--sqm-secondary-button-color);
220
+ border-color: var(--sqm-secondary-button-color-border);
221
+ border-radius: var(--sqm-secondary-button-radius);
222
+ }
223
+
224
+ *::part(secondarybutton-base):hover,
225
+ sl-button[type="secondary"]::part(base):hover {
226
+ background-color: var(--sqm-secondary-button-background-hover);
227
+ color: var(--sqm-secondary-button-color-hover);
228
+ border-color: var(--sqm-secondary-button-border-color-hover);
229
+ }
230
+
231
+ *::part(input-label), *::part(select-label), *::part(textarea-label){
232
+ font-family: var(--sqm-primary-font);
233
+ font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
234
+ font-weight: var(--sl-font-weight-semibold);
235
+ color: var(--sqm-input-label-color, var(--sqm-text), black);
236
+ }
237
+
238
+ *::part(input-base), *::part(select-base), *::part(textarea-base){
239
+ font-family: var(--sqm-primary-font);
240
+ background-color: var(--sqm-input-background, #fff);
241
+ border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
242
+ color: var(--sqm-input-color, white);
243
+ border-width: var(--sqm-border-thickness, 1px);
244
+ }
245
+
246
+ *::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{
247
+ border-color: var(--sqm-border-color-hover);
248
+ }
249
+
250
+ *::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{
251
+ border-color: var(--sqm-border-color-focus);
252
+ }
253
+
254
+ sqm-name-fields::part(input-base) {
255
+ font-family: var(--sqm-primary-font);
256
+ background-color: var(--sqm-input-background, #fff);
257
+ border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
258
+ color: var(--sqm-input-color, white);
259
+ border-width: var(--sqm-border-thickness, 1px);
260
+ }
261
+
262
+ sl-input::part(base):focus,
263
+ sl-select::part(form-control-wrapper):focus,
264
+ sl-textarea::part(textarea-label):focus {
265
+ border-color: var(--sqm-border-color-focus);
266
+ }
267
+
268
+ *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
269
+ background: var(--sqm-input-disabled-background, #f5f5f5);
270
+ color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
271
+ }
272
+
273
+ *::part(input):-webkit-autofill {
274
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
275
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
276
+ }
277
+
278
+ *::part(input):-webkit-autofill:hover {
279
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
280
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
281
+ }
282
+
283
+ *::part(input):-webkit-autofill:focus {
284
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
285
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
286
+ }
287
+
191
288
  `;
192
289
  const sheet = JSS.createStyleSheet(style);
193
290
  const styleString = sheet.toString();
package/dist/cjs/sqm-stencilbook.cjs.entry.js CHANGED
@@ -33,7 +33,7 @@ require('./utilities-9a0c5e91.js');
33
33
  const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-25eb2099.js');
34
34
  const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
35
35
  const sqmQrCodeView = require('./sqm-qr-code-view-0c3b2f48.js');
36
- const ShadowViewAddon = require('./ShadowViewAddon-e0aa9b07.js');
36
+ const ShadowViewAddon = require('./ShadowViewAddon-6925bd81.js');
37
37
  const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
38
38
  const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-79703291.js');
39
39
  const utils = require('./utils-62fd5f09.js');
package/dist/cjs/sqm-tabs.cjs.entry.js CHANGED
@@ -21,6 +21,7 @@ const TabsView = ({ content, placement, textColor = "var(--sqm-text)", }) => {
21
21
 
22
22
  sl-tab::part(base) {
23
23
  color: ${textColor};
24
+ font-family: var(--sqm-primary-font);
24
25
  }
25
26
 
26
27
  sl-tab-group {
@@ -29,6 +30,7 @@ const TabsView = ({ content, placement, textColor = "var(--sqm-text)", }) => {
29
30
 
30
31
  sl-tab-group::part(tabs) {
31
32
  border-bottom: 2px solid var(--sqm-border-color);
33
+ font-family: var(--sqm-primary-font);
32
34
  }
33
35
  `;
34
36
  return (index.h(index.Host, null,
package/dist/collection/components/sqm-share-button/sqm-share-button-view.js CHANGED
@@ -47,7 +47,7 @@ export function ShareButtonView(props, children) {
47
47
  const vanillaStyle = `
48
48
  sl-button::part(base) {
49
49
  border: ${props.border || "none"};
50
-
50
+ font-family: var(--sqm-primary-font);
51
51
 
52
52
  background: ${props.backgroundcolor
53
53
  ? props.backgroundcolor
package/dist/collection/components/sqm-tabs/sqm-tabs-view.js CHANGED
@@ -11,6 +11,7 @@ export const TabsView = ({ content, placement, textColor = "var(--sqm-text)", })
11
11
 
12
12
  sl-tab::part(base) {
13
13
  color: ${textColor};
14
+ font-family: var(--sqm-primary-font);
14
15
  }
15
16
 
16
17
  sl-tab-group {
@@ -19,6 +20,7 @@ export const TabsView = ({ content, placement, textColor = "var(--sqm-text)", })
19
20
 
20
21
  sl-tab-group::part(tabs) {
21
22
  border-bottom: 2px solid var(--sqm-border-color);
23
+ font-family: var(--sqm-primary-font);
22
24
  }
23
25
  `;
24
26
  return (h(Host, null,
package/dist/collection/components/sqm-widget-verification/sqm-email-verification/sqm-email-verification-view.js CHANGED
@@ -34,11 +34,11 @@ const style = {
34
34
  },
35
35
  ErrorInput: {
36
36
  "&::part(base)": {
37
- border: "1px solid var(--sl-color-danger-500)",
38
- borderRadius: "var(--sl-input-border-radius-medium)",
37
+ border: "var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",
38
+ borderRadius: "var(--sqm-input-border-radius)",
39
39
  },
40
40
  "&::part(help-text)": {
41
- color: "var(--sl-color-danger-500)",
41
+ color: "var(--sqm-danger-color-text)",
42
42
  },
43
43
  },
44
44
  };
@@ -55,6 +55,103 @@ a {
55
55
  text-decoration: underline;
56
56
  cursor: pointer;
57
57
  }
58
+
59
+ *::part(primarybutton-base),
60
+ sl-button[type="primary"]::part(base) {
61
+ font-family: var(--sqm-primary-font);
62
+ width: 100%;
63
+ background-color: var(--sqm-primary-button-background);
64
+ color: var(--sqm-primary-button-color);
65
+ border-color: var(--sqm-primary-button-color-border);
66
+ border-radius: var(--sqm-primary-button-radius);
67
+ }
68
+
69
+ *::part(primarybutton-base):hover,
70
+ sl-button[type="primary"]::part(base):hover{
71
+ background-color: var(--sqm-primary-button-background-hover);
72
+ border-color: var(--sqm-primary-button-border-color-hover);
73
+ color: var(--sqm-primary-button-color-hover);
74
+ }
75
+
76
+
77
+ *::part(primarybutton-base):focus,
78
+ sl-button[type="primary"]::part(base):focus {
79
+ box-shadow: none;
80
+ }
81
+
82
+ *::part(secondarybutton-base),
83
+ sl-button[type="secondary"]::part(base) {
84
+ font-family: var(--sqm-primary-font);
85
+ background-color: var(--sqm-secondary-button-background);
86
+ color: var(--sqm-secondary-button-color);
87
+ border-color: var(--sqm-secondary-button-color-border);
88
+ border-radius: var(--sqm-secondary-button-radius);
89
+ }
90
+
91
+ *::part(secondarybutton-base):hover,
92
+ sl-button[type="secondary"]::part(base):hover {
93
+ background-color: var(--sqm-secondary-button-background-hover);
94
+ color: var(--sqm-secondary-button-color-hover);
95
+ border-color: var(--sqm-secondary-button-border-color-hover);
96
+ }
97
+
98
+ *::part(input-label), *::part(select-label), *::part(textarea-label){
99
+ font-family: var(--sqm-primary-font);
100
+ font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
101
+ font-weight: var(--sl-font-weight-semibold);
102
+ color: var(--sqm-input-label-color, var(--sqm-text), black);
103
+ }
104
+
105
+ *::part(input-base), *::part(select-base), *::part(textarea-base){
106
+ font-family: var(--sqm-primary-font);
107
+ background-color: var(--sqm-input-background, #fff);
108
+ border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
109
+ color: var(--sqm-input-color, white);
110
+ border-width: var(--sqm-border-thickness, 1px);
111
+ }
112
+
113
+ *::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{
114
+ border-color: var(--sqm-border-color-hover);
115
+ }
116
+
117
+ *::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{
118
+ border-color: var(--sqm-border-color-focus);
119
+ }
120
+
121
+ sqm-name-fields::part(input-base) {
122
+ font-family: var(--sqm-primary-font);
123
+ background-color: var(--sqm-input-background, #fff);
124
+ border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
125
+ color: var(--sqm-input-color, white);
126
+ border-width: var(--sqm-border-thickness, 1px);
127
+ }
128
+
129
+ sl-input::part(base):focus,
130
+ sl-select::part(form-control-wrapper):focus,
131
+ sl-textarea::part(textarea-label):focus {
132
+ border-color: var(--sqm-border-color-focus);
133
+ }
134
+
135
+ *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
136
+ background: var(--sqm-input-disabled-background, #f5f5f5);
137
+ color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
138
+ }
139
+
140
+ *::part(input):-webkit-autofill {
141
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
142
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
143
+ }
144
+
145
+ *::part(input):-webkit-autofill:hover {
146
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
147
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
148
+ }
149
+
150
+ *::part(input):-webkit-autofill:focus {
151
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
152
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
153
+ }
154
+
58
155
  `;
59
156
  const sheet = createStyleSheet(style);
60
157
  const styleString = sheet.toString();
package/dist/esm/{ShadowViewAddon-2984432d.js → ShadowViewAddon-976c7e5e.js} RENAMED
@@ -103,7 +103,7 @@ function ShareButtonView(props, children) {
103
103
  const vanillaStyle = `
104
104
  sl-button::part(base) {
105
105
  border: ${props.border || "none"};
106
-
106
+ font-family: var(--sqm-primary-font);
107
107
 
108
108
  background: ${props.backgroundcolor
109
109
  ? props.backgroundcolor
package/dist/esm/sqm-big-stat_42.entry.js CHANGED
@@ -19,7 +19,7 @@ import { P as PortalLoginView } from './sqm-portal-login-view-7670cd86.js';
19
19
  import { u as usePortalLogin } from './usePortalLogin-d0720c81.js';
20
20
  import { A as AsYouType } from './AsYouType-46f67d0d.js';
21
21
  import { i as isEmpty } from './utilities-ad9c2893.js';
22
- import { u as useDemoBigStat, Q as useBigStat, B as BigStatView, C as CardFeedView, c as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalFrameView, d as PortalRegisterView, R as ReferralIframeView, i as RewardExchangeView, V as demoRewardExchange, G as useShareButton, a as ShareButtonView, J as useShareLink, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-2984432d.js';
22
+ import { u as useDemoBigStat, Q as useBigStat, B as BigStatView, C as CardFeedView, c as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalFrameView, d as PortalRegisterView, R as ReferralIframeView, i as RewardExchangeView, V as demoRewardExchange, G as useShareButton, a as ShareButtonView, J as useShareLink, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-976c7e5e.js';
23
23
  import './sqm-portal-container-view-176e92e3.js';
24
24
  import { u as usePayoutStatus } from './usePayoutStatus-7eeec61b.js';
25
25
 
package/dist/esm/sqm-email-verification.entry.js CHANGED
@@ -163,11 +163,11 @@ const style = {
163
163
  },
164
164
  ErrorInput: {
165
165
  "&::part(base)": {
166
- border: "1px solid var(--sl-color-danger-500)",
167
- borderRadius: "var(--sl-input-border-radius-medium)",
166
+ border: "var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",
167
+ borderRadius: "var(--sqm-input-border-radius)",
168
168
  },
169
169
  "&::part(help-text)": {
170
- color: "var(--sl-color-danger-500)",
170
+ color: "var(--sqm-danger-color-text)",
171
171
  },
172
172
  },
173
173
  };
@@ -184,6 +184,103 @@ a {
184
184
  text-decoration: underline;
185
185
  cursor: pointer;
186
186
  }
187
+
188
+ *::part(primarybutton-base),
189
+ sl-button[type="primary"]::part(base) {
190
+ font-family: var(--sqm-primary-font);
191
+ width: 100%;
192
+ background-color: var(--sqm-primary-button-background);
193
+ color: var(--sqm-primary-button-color);
194
+ border-color: var(--sqm-primary-button-color-border);
195
+ border-radius: var(--sqm-primary-button-radius);
196
+ }
197
+
198
+ *::part(primarybutton-base):hover,
199
+ sl-button[type="primary"]::part(base):hover{
200
+ background-color: var(--sqm-primary-button-background-hover);
201
+ border-color: var(--sqm-primary-button-border-color-hover);
202
+ color: var(--sqm-primary-button-color-hover);
203
+ }
204
+
205
+
206
+ *::part(primarybutton-base):focus,
207
+ sl-button[type="primary"]::part(base):focus {
208
+ box-shadow: none;
209
+ }
210
+
211
+ *::part(secondarybutton-base),
212
+ sl-button[type="secondary"]::part(base) {
213
+ font-family: var(--sqm-primary-font);
214
+ background-color: var(--sqm-secondary-button-background);
215
+ color: var(--sqm-secondary-button-color);
216
+ border-color: var(--sqm-secondary-button-color-border);
217
+ border-radius: var(--sqm-secondary-button-radius);
218
+ }
219
+
220
+ *::part(secondarybutton-base):hover,
221
+ sl-button[type="secondary"]::part(base):hover {
222
+ background-color: var(--sqm-secondary-button-background-hover);
223
+ color: var(--sqm-secondary-button-color-hover);
224
+ border-color: var(--sqm-secondary-button-border-color-hover);
225
+ }
226
+
227
+ *::part(input-label), *::part(select-label), *::part(textarea-label){
228
+ font-family: var(--sqm-primary-font);
229
+ font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
230
+ font-weight: var(--sl-font-weight-semibold);
231
+ color: var(--sqm-input-label-color, var(--sqm-text), black);
232
+ }
233
+
234
+ *::part(input-base), *::part(select-base), *::part(textarea-base){
235
+ font-family: var(--sqm-primary-font);
236
+ background-color: var(--sqm-input-background, #fff);
237
+ border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
238
+ color: var(--sqm-input-color, white);
239
+ border-width: var(--sqm-border-thickness, 1px);
240
+ }
241
+
242
+ *::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{
243
+ border-color: var(--sqm-border-color-hover);
244
+ }
245
+
246
+ *::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{
247
+ border-color: var(--sqm-border-color-focus);
248
+ }
249
+
250
+ sqm-name-fields::part(input-base) {
251
+ font-family: var(--sqm-primary-font);
252
+ background-color: var(--sqm-input-background, #fff);
253
+ border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
254
+ color: var(--sqm-input-color, white);
255
+ border-width: var(--sqm-border-thickness, 1px);
256
+ }
257
+
258
+ sl-input::part(base):focus,
259
+ sl-select::part(form-control-wrapper):focus,
260
+ sl-textarea::part(textarea-label):focus {
261
+ border-color: var(--sqm-border-color-focus);
262
+ }
263
+
264
+ *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
265
+ background: var(--sqm-input-disabled-background, #f5f5f5);
266
+ color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
267
+ }
268
+
269
+ *::part(input):-webkit-autofill {
270
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
271
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
272
+ }
273
+
274
+ *::part(input):-webkit-autofill:hover {
275
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
276
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
277
+ }
278
+
279
+ *::part(input):-webkit-autofill:focus {
280
+ box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
281
+ -webkit-text-fill-color: var(--sqm-input-color, white) !important;
282
+ }
283
+
187
284
  `;
188
285
  const sheet = createStyleSheet(style);
189
286
  const styleString = sheet.toString();
package/dist/esm/sqm-stencilbook.entry.js CHANGED
@@ -29,7 +29,7 @@ import './utilities-ad9c2893.js';
29
29
  import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-abef7286.js';
30
30
  import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-33805220.js';
31
31
  import { Q as QrCodeView } from './sqm-qr-code-view-97124a66.js';
32
- import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, c as CheckboxFieldView, d as PortalRegisterView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as useShareLink, K as ProgressBarView, M as ProgressBar$2, O as ShadowViewAddon } from './ShadowViewAddon-2984432d.js';
32
+ import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, c as CheckboxFieldView, d as PortalRegisterView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as useShareLink, K as ProgressBarView, M as ProgressBar$2, O as ShadowViewAddon } from './ShadowViewAddon-976c7e5e.js';
33
33
  import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-176e92e3.js';
34
34
  import { I as InvoiceTableView, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView } from './IndirectTaxDetailsView-3bf366d5.js';
35
35
  import { t as taxTypeToName, L as LoadingView } from './utils-edd7677f.js';
package/dist/esm/sqm-tabs.entry.js CHANGED
@@ -17,6 +17,7 @@ const TabsView = ({ content, placement, textColor = "var(--sqm-text)", }) => {
17
17
 
18
18
  sl-tab::part(base) {
19
19
  color: ${textColor};
20
+ font-family: var(--sqm-primary-font);
20
21
  }
21
22
 
22
23
  sl-tab-group {
@@ -25,6 +26,7 @@ const TabsView = ({ content, placement, textColor = "var(--sqm-text)", }) => {
25
26
 
26
27
  sl-tab-group::part(tabs) {
27
28
  border-bottom: 2px solid var(--sqm-border-color);
29
+ font-family: var(--sqm-primary-font);
28
30
  }
29
31
  `;
30
32
  return (h(Host, null,