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

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 (96) hide show
  1. package/dist/cjs/{ShadowViewAddon-93071495.js → ShadowViewAddon-2e86ed9a.js} +29 -1
  2. package/dist/cjs/{global-e1930bce.js → global-6bd8c303.js} +6 -6
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/mint-components.cjs.js +1 -1
  5. package/dist/cjs/sqm-banking-info-form_17.cjs.entry.js +2 -2
  6. package/dist/cjs/sqm-big-stat_41.cjs.entry.js +2 -2
  7. package/dist/cjs/sqm-email-verification.cjs.entry.js +1 -1
  8. package/dist/cjs/sqm-empty_4.cjs.entry.js +1 -1
  9. package/dist/cjs/{sqm-invoice-table-view-2e737286.js → sqm-invoice-table-view-3bb179ee.js} +1 -1
  10. package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js +1 -1
  11. package/dist/cjs/sqm-pagination_3.cjs.entry.js +1 -1
  12. package/dist/cjs/{sqm-portal-email-verification-view-d65ef736.js → sqm-portal-email-verification-view-6f299c4e.js} +1 -1
  13. package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -2
  14. package/dist/cjs/{sqm-portal-profile-view-21a99152.js → sqm-portal-profile-view-900e7869.js} +1 -1
  15. package/dist/cjs/sqm-portal-profile.cjs.entry.js +2 -2
  16. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +1 -1
  17. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +1 -1
  18. package/dist/cjs/sqm-stencilbook.cjs.entry.js +5 -5
  19. package/dist/collection/components/sqm-name-fields/sqm-name-fields-view.js +28 -0
  20. package/dist/collection/global/styles.js +6 -6
  21. package/dist/collection/global/styles.ts +6 -6
  22. package/dist/esm/{ShadowViewAddon-b6997735.js → ShadowViewAddon-0d626572.js} +29 -1
  23. package/dist/esm/{global-3c495429.js → global-744bbb0d.js} +6 -6
  24. package/dist/esm/loader.js +1 -1
  25. package/dist/esm/mint-components.js +1 -1
  26. package/dist/esm/sqm-banking-info-form_17.entry.js +2 -2
  27. package/dist/esm/sqm-big-stat_41.entry.js +2 -2
  28. package/dist/esm/sqm-email-verification.entry.js +1 -1
  29. package/dist/esm/sqm-empty_4.entry.js +1 -1
  30. package/dist/esm/{sqm-invoice-table-view-6d5c38fe.js → sqm-invoice-table-view-3497b375.js} +1 -1
  31. package/dist/esm/sqm-leaderboard-rank.entry.js +1 -1
  32. package/dist/esm/sqm-pagination_3.entry.js +1 -1
  33. package/dist/esm/{sqm-portal-email-verification-view-ece37a13.js → sqm-portal-email-verification-view-944b1660.js} +1 -1
  34. package/dist/esm/sqm-portal-email-verification.entry.js +2 -2
  35. package/dist/esm/{sqm-portal-profile-view-73cfda71.js → sqm-portal-profile-view-a34f266f.js} +1 -1
  36. package/dist/esm/sqm-portal-profile.entry.js +2 -2
  37. package/dist/esm/sqm-referral-table_11.entry.js +1 -1
  38. package/dist/esm/sqm-rewards-table_9.entry.js +1 -1
  39. package/dist/esm/sqm-stencilbook.entry.js +5 -5
  40. package/dist/esm-es5/{ShadowViewAddon-b6997735.js → ShadowViewAddon-0d626572.js} +1 -1
  41. package/dist/esm-es5/{global-3c495429.js → global-744bbb0d.js} +1 -1
  42. package/dist/esm-es5/loader.js +1 -1
  43. package/dist/esm-es5/mint-components.js +1 -1
  44. package/dist/esm-es5/sqm-banking-info-form_17.entry.js +1 -1
  45. package/dist/esm-es5/sqm-big-stat_41.entry.js +1 -1
  46. package/dist/esm-es5/sqm-email-verification.entry.js +1 -1
  47. package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
  48. package/dist/esm-es5/{sqm-invoice-table-view-6d5c38fe.js → sqm-invoice-table-view-3497b375.js} +1 -1
  49. package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
  50. package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
  51. package/dist/esm-es5/{sqm-portal-email-verification-view-ece37a13.js → sqm-portal-email-verification-view-944b1660.js} +1 -1
  52. package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
  53. package/dist/esm-es5/{sqm-portal-profile-view-73cfda71.js → sqm-portal-profile-view-a34f266f.js} +1 -1
  54. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  55. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  56. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  57. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  58. package/dist/mint-components/global/styles.ts +6 -6
  59. package/dist/mint-components/mint-components.esm.js +1 -1
  60. package/dist/mint-components/mint-components.js +1 -1
  61. package/dist/mint-components/{p-db45cc4c.js → p-0cc56b94.js} +4 -4
  62. package/dist/mint-components/{p-5973487a.system.entry.js → p-0e55bac8.system.entry.js} +1 -1
  63. package/dist/mint-components/{p-de7e83b3.entry.js → p-1b632e6f.entry.js} +1 -1
  64. package/dist/mint-components/{p-61dec887.entry.js → p-1dbeeea9.entry.js} +1 -1
  65. package/dist/mint-components/{p-83e1c41c.entry.js → p-2b390d4c.entry.js} +1 -1
  66. package/dist/mint-components/{p-6b0fa3a2.entry.js → p-2ea8a5dc.entry.js} +1 -1
  67. package/dist/mint-components/{p-8c4992d3.js → p-3152a30b.js} +1 -1
  68. package/dist/mint-components/{p-e09a3d73.system.entry.js → p-3a5875ff.system.entry.js} +1 -1
  69. package/dist/mint-components/{p-71168e62.entry.js → p-47550d3d.entry.js} +1 -1
  70. package/dist/mint-components/{p-69d60453.js → p-4f401683.js} +1 -1
  71. package/dist/mint-components/{p-708f58e8.entry.js → p-597c7fd9.entry.js} +1 -1
  72. package/dist/mint-components/{p-4e4b84bb.system.entry.js → p-5d306985.system.entry.js} +1 -1
  73. package/dist/mint-components/{p-56f3427d.system.js → p-6eaa17ad.system.js} +1 -1
  74. package/dist/mint-components/{p-97428eb3.entry.js → p-92244c9a.entry.js} +2 -2
  75. package/dist/mint-components/{p-b80891a8.entry.js → p-9ed0682d.entry.js} +1 -1
  76. package/dist/mint-components/{p-6e1acebb.system.entry.js → p-9f448767.system.entry.js} +1 -1
  77. package/dist/mint-components/{p-576d3b4a.entry.js → p-a5c6e3fc.entry.js} +1 -1
  78. package/dist/mint-components/{p-79947589.system.js → p-a84980fa.system.js} +1 -1
  79. package/dist/mint-components/{p-a5bc3f7b.system.entry.js → p-ab9b6c78.system.entry.js} +1 -1
  80. package/dist/mint-components/{p-fdba347c.system.js → p-ada29080.system.js} +1 -1
  81. package/dist/mint-components/{p-8692e7a5.entry.js → p-b8eb84a6.entry.js} +1 -1
  82. package/dist/mint-components/{p-c4d80117.system.js → p-cafb4671.system.js} +1 -1
  83. package/dist/mint-components/{p-f80ab10b.entry.js → p-cbc6ab97.entry.js} +2 -2
  84. package/dist/mint-components/{p-a86f2006.system.entry.js → p-d6f9ba8b.system.entry.js} +1 -1
  85. package/dist/mint-components/{p-2927748b.system.js → p-d818c955.system.js} +1 -1
  86. package/dist/mint-components/{p-804ee38a.system.entry.js → p-da09b40f.system.entry.js} +1 -1
  87. package/dist/mint-components/{p-850d59f3.js → p-da363f6a.js} +1 -1
  88. package/dist/mint-components/{p-ba3e2d27.system.entry.js → p-df73c7f1.system.entry.js} +1 -1
  89. package/dist/mint-components/{p-f6db346b.system.js → p-e3838694.system.js} +1 -1
  90. package/dist/mint-components/{p-906e04ba.system.entry.js → p-e6ef912f.system.entry.js} +1 -1
  91. package/dist/mint-components/{p-f84d2ed0.system.entry.js → p-ebbaee4a.system.entry.js} +1 -1
  92. package/dist/mint-components/{p-c16dada5.system.entry.js → p-f7f52384.system.entry.js} +1 -1
  93. package/dist/mint-components/{p-a87b265e.js → p-fd1cf704.js} +1 -1
  94. package/dist/types/global/styles.d.ts +1 -1
  95. package/docs/docs.docx +0 -0
  96. package/package.json +1 -1
@@ -2,7 +2,7 @@
2
2
 
3
3
  const index = require('./index-a29c60ef.js');
4
4
  const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
5
- const global = require('./global-e1930bce.js');
5
+ const global = require('./global-6bd8c303.js');
6
6
  const index_module = require('./index.module-ee84433d.js');
7
7
  const cjs = require('./cjs-1066ec21.js');
8
8
  const utils = require('./utils-6847bc06.js');
@@ -2834,6 +2834,34 @@ const vanillaStyle$3 = `
2834
2834
  display: block;
2835
2835
  }
2836
2836
 
2837
+ *::part(input-label), *::part(select-label), *::part(textarea-label){
2838
+ font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
2839
+ font-weight: var(--sl-font-weight-semibold);
2840
+ color: var(--sqm-input-label-color, var(--sqm-text), black);
2841
+ }
2842
+
2843
+ *::part(input-base), *::part(select-base), *::part(textarea-base){
2844
+ background-color: var(--sqm-input-background, #fff);
2845
+ border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
2846
+ color: var(--sqm-input-color, white);
2847
+ border-width: var(--sqm-border-width, 1px);
2848
+ }
2849
+
2850
+ sl-input::part(base):focus,
2851
+ sl-select::part(form-control-wrapper):focus,
2852
+ sl-textare::part(textarea-label):focus {
2853
+ border-color: none;
2854
+ border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
2855
+ }
2856
+
2857
+ *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
2858
+ background: var(--sqm-input-disabled-background, #f5f5f5);
2859
+ color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
2860
+ }
2861
+
2862
+ sl-input {
2863
+ --sl-input-border-color-focus: var(--sqm-border-color-focus);
2864
+ }
2837
2865
 
2838
2866
  `;
2839
2867
  const sheet$5 = JSS.createStyleSheet(style$5);
@@ -26530,6 +26530,7 @@ html {
26530
26530
  --sqm-input-focus-border: 1px solid white;
26531
26531
  --sqm-input-label-color: white;
26532
26532
  --sqm-border-width: 1px;
26533
+ --sqm-border-color-focus: white;
26533
26534
  --sqm-input-label-font-size: white;
26534
26535
  --sqm-input-disabled-color: white;
26535
26536
  --sqm-input-disabled-background: #303030;
@@ -26737,13 +26738,13 @@ sl-details::part(summary) {
26737
26738
  box-shadow: none;
26738
26739
  }
26739
26740
 
26740
- sl-input::part(input-label), sl-selcet::part(select-label), sl-textarea::part(textarea-label){
26741
+ *::part(input-label), *::part(select-label), *::part(textarea-label){
26741
26742
  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
26742
26743
  font-weight: var(--sl-font-weight-semibold);
26743
26744
  color: var(--sqm-input-label-color, var(--sqm-text), black);
26744
26745
  }
26745
26746
 
26746
- sl-input::part(input-base), sl-select::part(select-base), sl-textarea::part(textarea-base){
26747
+ *::part(input-base), *::part(select-base), *::part(textarea-base){
26747
26748
  background-color: var(--sqm-input-background, #fff);
26748
26749
  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
26749
26750
  color: var(--sqm-input-color, white);
@@ -26752,19 +26753,18 @@ sl-input::part(input-base), sl-select::part(select-base), sl-textarea::part(text
26752
26753
 
26753
26754
  sl-input::part(base):focus,
26754
26755
  sl-select::part(form-control-wrapper):focus,
26755
- sl-textarea::part(textarea-label):focus {
26756
+ sl-textare::part(textarea-label):focus {
26756
26757
  border-color: none;
26757
26758
  border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
26758
26759
  }
26759
26760
 
26760
- sl-input::part(input-label):disabled, sl-select::part(select-label):disabled, sl-textarea::part(textarea-label):disabled{
26761
+ *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
26761
26762
  background: var(--sqm-input-disabled-background, #f5f5f5);
26762
26763
  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
26763
26764
  }
26764
26765
 
26765
26766
  sl-input {
26766
- /* Set the border color when the input is in focus */
26767
- --sl-input-border-color-focus: white; /* Spotify Green */
26767
+ --sl-input-border-color-focus: var(--sqm-border-color-focus);
26768
26768
  }
26769
26769
 
26770
26770
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a29c60ef.js');
6
6
  require('./stencil-hooks.module-3a336b0f.js');
7
- require('./global-e1930bce.js');
7
+ require('./global-6bd8c303.js');
8
8
  require('./index.module-ee84433d.js');
9
9
 
10
10
  /*
@@ -2,7 +2,7 @@
2
2
 
3
3
  const index = require('./index-a29c60ef.js');
4
4
  require('./stencil-hooks.module-3a336b0f.js');
5
- require('./global-e1930bce.js');
5
+ require('./global-6bd8c303.js');
6
6
  require('./index.module-ee84433d.js');
7
7
 
8
8
  /*
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a29c60ef.js');
6
6
  const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
7
- const global = require('./global-e1930bce.js');
7
+ const global = require('./global-6bd8c303.js');
8
8
  const index_module = require('./index.module-ee84433d.js');
9
9
  const jsonpointer = require('./jsonpointer-11327262.js');
10
10
  const cjs = require('./cjs-1066ec21.js');
@@ -18,7 +18,7 @@ const luxon = require('./luxon-2926d85f.js');
18
18
  const useReferralTable = require('./useReferralTable-7c3f9600.js');
19
19
  const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
20
20
  const ErrorView = require('./ErrorView-b2fcf954.js');
21
- const sqmInvoiceTableView = require('./sqm-invoice-table-view-2e737286.js');
21
+ const sqmInvoiceTableView = require('./sqm-invoice-table-view-3bb179ee.js');
22
22
  const extractProps = require('./extractProps-fd93ba62.js');
23
23
  const keys = require('./keys-cff24974.js');
24
24
  const usePayoutStatus = require('./usePayoutStatus-4b5894ef.js');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a29c60ef.js');
6
6
  const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
7
- const global = require('./global-e1930bce.js');
7
+ const global = require('./global-6bd8c303.js');
8
8
  const index_module = require('./index.module-ee84433d.js');
9
9
  const jsonpointer = require('./jsonpointer-11327262.js');
10
10
  const cjs = require('./cjs-1066ec21.js');
@@ -23,7 +23,7 @@ const sqmPortalLoginView = require('./sqm-portal-login-view-8cb284d2.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');
26
- const ShadowViewAddon = require('./ShadowViewAddon-93071495.js');
26
+ const ShadowViewAddon = require('./ShadowViewAddon-2e86ed9a.js');
27
27
  require('./sqm-portal-container-view-4f15143a.js');
28
28
  const usePayoutStatus = require('./usePayoutStatus-4b5894ef.js');
29
29
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a29c60ef.js');
6
6
  const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
7
- const global = require('./global-e1930bce.js');
7
+ const global = require('./global-6bd8c303.js');
8
8
  const index_module = require('./index.module-ee84433d.js');
9
9
  const cjs = require('./cjs-1066ec21.js');
10
10
  const utils = require('./utils-6847bc06.js');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a29c60ef.js');
6
6
  const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
7
- const global = require('./global-e1930bce.js');
7
+ const global = require('./global-6bd8c303.js');
8
8
  require('./index.module-ee84433d.js');
9
9
  const utils = require('./utils-6847bc06.js');
10
10
  require('./JSS-8503a151.js');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-a29c60ef.js');
4
- const global = require('./global-e1930bce.js');
4
+ const global = require('./global-6bd8c303.js');
5
5
  const JSS = require('./JSS-8503a151.js');
6
6
  const ErrorView = require('./ErrorView-b2fcf954.js');
7
7
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a29c60ef.js');
6
6
  const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
7
- const global = require('./global-e1930bce.js');
7
+ const global = require('./global-6bd8c303.js');
8
8
  const index_module = require('./index.module-ee84433d.js');
9
9
  const cjs = require('./cjs-1066ec21.js');
10
10
  const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a29c60ef.js');
6
6
  const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
7
- const global = require('./global-e1930bce.js');
7
+ const global = require('./global-6bd8c303.js');
8
8
  const index_module = require('./index.module-ee84433d.js');
9
9
  const cjs = require('./cjs-1066ec21.js');
10
10
  const utils = require('./utils-6847bc06.js');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-a29c60ef.js');
4
- const global = require('./global-e1930bce.js');
4
+ const global = require('./global-6bd8c303.js');
5
5
  const JSS = require('./JSS-8503a151.js');
6
6
  const mixins = require('./mixins-4761d472.js');
7
7
  const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a29c60ef.js');
6
6
  const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
7
- require('./global-e1930bce.js');
7
+ require('./global-6bd8c303.js');
8
8
  const index_module = require('./index.module-ee84433d.js');
9
9
  const cjs = require('./cjs-1066ec21.js');
10
10
  require('./JSS-8503a151.js');
11
11
  require('./mixins-4761d472.js');
12
12
  require('./sqm-text-span-view-ce4c0178.js');
13
- const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-d65ef736.js');
13
+ const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-6f299c4e.js');
14
14
 
15
15
  function usePortalEmailVerification(props) {
16
16
  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-a29c60ef.js');
4
- const global = require('./global-e1930bce.js');
4
+ const global = require('./global-6bd8c303.js');
5
5
  const JSS = require('./JSS-8503a151.js');
6
6
  const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
7
7
 
@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a29c60ef.js');
6
6
  const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
7
- require('./global-e1930bce.js');
7
+ require('./global-6bd8c303.js');
8
8
  const index_module = require('./index.module-ee84433d.js');
9
9
  const cjs = require('./cjs-1066ec21.js');
10
10
  const utils = require('./utils-6847bc06.js');
11
11
  require('./JSS-8503a151.js');
12
12
  require('./sqm-text-span-view-ce4c0178.js');
13
- const sqmPortalProfileView = require('./sqm-portal-profile-view-21a99152.js');
13
+ const sqmPortalProfileView = require('./sqm-portal-profile-view-900e7869.js');
14
14
  const utilities = require('./utilities-78f5e169.js');
15
15
 
16
16
  const GET_USER = index_module.dist.gql `
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a29c60ef.js');
6
6
  const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
7
- const global = require('./global-e1930bce.js');
7
+ const global = require('./global-6bd8c303.js');
8
8
  const index_module = require('./index.module-ee84433d.js');
9
9
  const cjs = require('./cjs-1066ec21.js');
10
10
  const utils = require('./utils-6847bc06.js');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a29c60ef.js');
6
6
  const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
7
- const global = require('./global-e1930bce.js');
7
+ const global = require('./global-6bd8c303.js');
8
8
  const index_module = require('./index.module-ee84433d.js');
9
9
  const cjs = require('./cjs-1066ec21.js');
10
10
  const utils = require('./utils-6847bc06.js');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a29c60ef.js');
6
6
  const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
7
- require('./global-e1930bce.js');
7
+ require('./global-6bd8c303.js');
8
8
  const index_module = require('./index.module-ee84433d.js');
9
9
  require('./cjs-1066ec21.js');
10
10
  require('./utils-6847bc06.js');
@@ -24,20 +24,20 @@ const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js'
24
24
  const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-11d57c12.js');
25
25
  const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-38a5227a.js');
26
26
  const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-10b62df1.js');
27
- const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-d65ef736.js');
27
+ const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-6f299c4e.js');
28
28
  const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-fdd97c18.js');
29
29
  const sqmPortalLoginView = require('./sqm-portal-login-view-8cb284d2.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
- const sqmPortalProfileView = require('./sqm-portal-profile-view-21a99152.js');
32
+ const sqmPortalProfileView = require('./sqm-portal-profile-view-900e7869.js');
33
33
  require('./utilities-78f5e169.js');
34
34
  const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-0439a9e5.js');
35
35
  const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-05f72dec.js');
36
36
  require('./ErrorView-b2fcf954.js');
37
37
  const sqmQrCodeView = require('./sqm-qr-code-view-3da9ed28.js');
38
- const ShadowViewAddon = require('./ShadowViewAddon-93071495.js');
38
+ const ShadowViewAddon = require('./ShadowViewAddon-2e86ed9a.js');
39
39
  const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
40
- const sqmInvoiceTableView = require('./sqm-invoice-table-view-2e737286.js');
40
+ const sqmInvoiceTableView = require('./sqm-invoice-table-view-3bb179ee.js');
41
41
 
42
42
  /**
43
43
  * lodash (Custom Build) <https://lodash.com/>
@@ -16,6 +16,34 @@ const vanillaStyle = `
16
16
  display: block;
17
17
  }
18
18
 
19
+ *::part(input-label), *::part(select-label), *::part(textarea-label){
20
+ font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
21
+ font-weight: var(--sl-font-weight-semibold);
22
+ color: var(--sqm-input-label-color, var(--sqm-text), black);
23
+ }
24
+
25
+ *::part(input-base), *::part(select-base), *::part(textarea-base){
26
+ background-color: var(--sqm-input-background, #fff);
27
+ border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
28
+ color: var(--sqm-input-color, white);
29
+ border-width: var(--sqm-border-width, 1px);
30
+ }
31
+
32
+ sl-input::part(base):focus,
33
+ sl-select::part(form-control-wrapper):focus,
34
+ sl-textare::part(textarea-label):focus {
35
+ border-color: none;
36
+ border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
37
+ }
38
+
39
+ *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
40
+ background: var(--sqm-input-disabled-background, #f5f5f5);
41
+ color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
42
+ }
43
+
44
+ sl-input {
45
+ --sl-input-border-color-focus: var(--sqm-border-color-focus);
46
+ }
19
47
 
20
48
  `;
21
49
  const sheet = createStyleSheet(style);
@@ -624,6 +624,7 @@ html {
624
624
  --sqm-input-focus-border: 1px solid white;
625
625
  --sqm-input-label-color: white;
626
626
  --sqm-border-width: 1px;
627
+ --sqm-border-color-focus: white;
627
628
  --sqm-input-label-font-size: white;
628
629
  --sqm-input-disabled-color: white;
629
630
  --sqm-input-disabled-background: #303030;
@@ -831,13 +832,13 @@ sl-details::part(summary) {
831
832
  box-shadow: none;
832
833
  }
833
834
 
834
- sl-input::part(input-label), sl-selcet::part(select-label), sl-textarea::part(textarea-label){
835
+ *::part(input-label), *::part(select-label), *::part(textarea-label){
835
836
  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
836
837
  font-weight: var(--sl-font-weight-semibold);
837
838
  color: var(--sqm-input-label-color, var(--sqm-text), black);
838
839
  }
839
840
 
840
- sl-input::part(input-base), sl-select::part(select-base), sl-textarea::part(textarea-base){
841
+ *::part(input-base), *::part(select-base), *::part(textarea-base){
841
842
  background-color: var(--sqm-input-background, #fff);
842
843
  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
843
844
  color: var(--sqm-input-color, white);
@@ -846,19 +847,18 @@ sl-input::part(input-base), sl-select::part(select-base), sl-textarea::part(text
846
847
 
847
848
  sl-input::part(base):focus,
848
849
  sl-select::part(form-control-wrapper):focus,
849
- sl-textarea::part(textarea-label):focus {
850
+ sl-textare::part(textarea-label):focus {
850
851
  border-color: none;
851
852
  border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
852
853
  }
853
854
 
854
- sl-input::part(input-label):disabled, sl-select::part(select-label):disabled, sl-textarea::part(textarea-label):disabled{
855
+ *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
855
856
  background: var(--sqm-input-disabled-background, #f5f5f5);
856
857
  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
857
858
  }
858
859
 
859
860
  sl-input {
860
- /* Set the border color when the input is in focus */
861
- --sl-input-border-color-focus: white; /* Spotify Green */
861
+ --sl-input-border-color-focus: var(--sqm-border-color-focus);
862
862
  }
863
863
 
864
864
 
@@ -625,6 +625,7 @@ html {
625
625
  --sqm-input-focus-border: 1px solid white;
626
626
  --sqm-input-label-color: white;
627
627
  --sqm-border-width: 1px;
628
+ --sqm-border-color-focus: white;
628
629
  --sqm-input-label-font-size: white;
629
630
  --sqm-input-disabled-color: white;
630
631
  --sqm-input-disabled-background: #303030;
@@ -832,13 +833,13 @@ sl-details::part(summary) {
832
833
  box-shadow: none;
833
834
  }
834
835
 
835
- sl-input::part(input-label), sl-selcet::part(select-label), sl-textarea::part(textarea-label){
836
+ *::part(input-label), *::part(select-label), *::part(textarea-label){
836
837
  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
837
838
  font-weight: var(--sl-font-weight-semibold);
838
839
  color: var(--sqm-input-label-color, var(--sqm-text), black);
839
840
  }
840
841
 
841
- sl-input::part(input-base), sl-select::part(select-base), sl-textarea::part(textarea-base){
842
+ *::part(input-base), *::part(select-base), *::part(textarea-base){
842
843
  background-color: var(--sqm-input-background, #fff);
843
844
  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
844
845
  color: var(--sqm-input-color, white);
@@ -847,19 +848,18 @@ sl-input::part(input-base), sl-select::part(select-base), sl-textarea::part(text
847
848
 
848
849
  sl-input::part(base):focus,
849
850
  sl-select::part(form-control-wrapper):focus,
850
- sl-textarea::part(textarea-label):focus {
851
+ sl-textare::part(textarea-label):focus {
851
852
  border-color: none;
852
853
  border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
853
854
  }
854
855
 
855
- sl-input::part(input-label):disabled, sl-select::part(select-label):disabled, sl-textarea::part(textarea-label):disabled{
856
+ *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
856
857
  background: var(--sqm-input-disabled-background, #f5f5f5);
857
858
  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
858
859
  }
859
860
 
860
861
  sl-input {
861
- /* Set the border color when the input is in focus */
862
- --sl-input-border-color-focus: white; /* Spotify Green */
862
+ --sl-input-border-color-focus: var(--sqm-border-color-focus);
863
863
  }
864
864
 
865
865
 
@@ -1,6 +1,6 @@
1
1
  import { h, c as Host, d as getAssetPath, g as getElement } from './index-91e7729f.js';
2
2
  import { k as useState, b as browser, u as useMemo } from './stencil-hooks.module-4bc38af4.js';
3
- import { i as intl } from './global-3c495429.js';
3
+ import { i as intl } from './global-744bbb0d.js';
4
4
  import { d as dist, H, J, F as Fn, w as wn, $ as $e, B, g as getEnvironmentSDK, L } from './index.module-89a79f66.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import { l as luxonLocale } from './utils-334c1e34.js';
@@ -2832,6 +2832,34 @@ const vanillaStyle$3 = `
2832
2832
  display: block;
2833
2833
  }
2834
2834
 
2835
+ *::part(input-label), *::part(select-label), *::part(textarea-label){
2836
+ font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
2837
+ font-weight: var(--sl-font-weight-semibold);
2838
+ color: var(--sqm-input-label-color, var(--sqm-text), black);
2839
+ }
2840
+
2841
+ *::part(input-base), *::part(select-base), *::part(textarea-base){
2842
+ background-color: var(--sqm-input-background, #fff);
2843
+ border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
2844
+ color: var(--sqm-input-color, white);
2845
+ border-width: var(--sqm-border-width, 1px);
2846
+ }
2847
+
2848
+ sl-input::part(base):focus,
2849
+ sl-select::part(form-control-wrapper):focus,
2850
+ sl-textare::part(textarea-label):focus {
2851
+ border-color: none;
2852
+ border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
2853
+ }
2854
+
2855
+ *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
2856
+ background: var(--sqm-input-disabled-background, #f5f5f5);
2857
+ color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
2858
+ }
2859
+
2860
+ sl-input {
2861
+ --sl-input-border-color-focus: var(--sqm-border-color-focus);
2862
+ }
2835
2863
 
2836
2864
  `;
2837
2865
  const sheet$5 = createStyleSheet(style$5);
@@ -26528,6 +26528,7 @@ html {
26528
26528
  --sqm-input-focus-border: 1px solid white;
26529
26529
  --sqm-input-label-color: white;
26530
26530
  --sqm-border-width: 1px;
26531
+ --sqm-border-color-focus: white;
26531
26532
  --sqm-input-label-font-size: white;
26532
26533
  --sqm-input-disabled-color: white;
26533
26534
  --sqm-input-disabled-background: #303030;
@@ -26735,13 +26736,13 @@ sl-details::part(summary) {
26735
26736
  box-shadow: none;
26736
26737
  }
26737
26738
 
26738
- sl-input::part(input-label), sl-selcet::part(select-label), sl-textarea::part(textarea-label){
26739
+ *::part(input-label), *::part(select-label), *::part(textarea-label){
26739
26740
  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
26740
26741
  font-weight: var(--sl-font-weight-semibold);
26741
26742
  color: var(--sqm-input-label-color, var(--sqm-text), black);
26742
26743
  }
26743
26744
 
26744
- sl-input::part(input-base), sl-select::part(select-base), sl-textarea::part(textarea-base){
26745
+ *::part(input-base), *::part(select-base), *::part(textarea-base){
26745
26746
  background-color: var(--sqm-input-background, #fff);
26746
26747
  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
26747
26748
  color: var(--sqm-input-color, white);
@@ -26750,19 +26751,18 @@ sl-input::part(input-base), sl-select::part(select-base), sl-textarea::part(text
26750
26751
 
26751
26752
  sl-input::part(base):focus,
26752
26753
  sl-select::part(form-control-wrapper):focus,
26753
- sl-textarea::part(textarea-label):focus {
26754
+ sl-textare::part(textarea-label):focus {
26754
26755
  border-color: none;
26755
26756
  border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
26756
26757
  }
26757
26758
 
26758
- sl-input::part(input-label):disabled, sl-select::part(select-label):disabled, sl-textarea::part(textarea-label):disabled{
26759
+ *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
26759
26760
  background: var(--sqm-input-disabled-background, #f5f5f5);
26760
26761
  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
26761
26762
  }
26762
26763
 
26763
26764
  sl-input {
26764
- /* Set the border color when the input is in focus */
26765
- --sl-input-border-color-focus: white; /* Spotify Green */
26765
+ --sl-input-border-color-focus: var(--sqm-border-color-focus);
26766
26766
  }
26767
26767
 
26768
26768
 
@@ -1,6 +1,6 @@
1
1
  import { p as promiseResolve, b as bootstrapLazy } from './index-91e7729f.js';
2
2
  import './stencil-hooks.module-4bc38af4.js';
3
- import './global-3c495429.js';
3
+ import './global-744bbb0d.js';
4
4
  import './index.module-89a79f66.js';
5
5
 
6
6
  /*
@@ -1,6 +1,6 @@
1
1
  import { p as promiseResolve, H, b as bootstrapLazy } from './index-91e7729f.js';
2
2
  import './stencil-hooks.module-4bc38af4.js';
3
- import './global-3c495429.js';
3
+ import './global-744bbb0d.js';
4
4
  import './index.module-89a79f66.js';
5
5
 
6
6
  /*
@@ -1,6 +1,6 @@
1
1
  import { h, r as registerInstance, c as Host, g as getElement } from './index-91e7729f.js';
2
2
  import { m as useRef, k as useState, f as useEffect, n as h$1, l, u as useMemo, b as browser, j as useReducer } from './stencil-hooks.module-4bc38af4.js';
3
- import { i as intl } from './global-3c495429.js';
3
+ import { i as intl } from './global-744bbb0d.js';
4
4
  import { d as dist, _, L, J, t as Pn, F as Fn, x as $n, $ as $e, i as isDemo, q as En, u as useCallback, R as Rn, M as Mn, I as In, S as Sn } from './index.module-89a79f66.js';
5
5
  import { j as jsonpointer } from './jsonpointer-388a7082.js';
6
6
  import { c as cjs } from './cjs-bdfb4486.js';
@@ -14,7 +14,7 @@ import { l as luxon } from './luxon-8d51c92b.js';
14
14
  import { g as generateUserError } from './useReferralTable-b3876ed6.js';
15
15
  import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
16
16
  import { E as ErrorView } from './ErrorView-48e2b969.js';
17
- import { t as taxTypeToName, v as validTaxDocument, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, g as getCountryObj, O as OtherRegionSlotView, I as InvoiceTableView, L as LoadingView, c as vatLabels, G as GeneralLoadingView, f as formatErrorMessage, d as validateBillingField, o as objectIsFull, A as ADDRESS_REGIONS } from './sqm-invoice-table-view-6d5c38fe.js';
17
+ import { t as taxTypeToName, v as validTaxDocument, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, g as getCountryObj, O as OtherRegionSlotView, I as InvoiceTableView, L as LoadingView, c as vatLabels, G as GeneralLoadingView, f as formatErrorMessage, d as validateBillingField, o as objectIsFull, A as ADDRESS_REGIONS } from './sqm-invoice-table-view-3497b375.js';
18
18
  import { e as extractProps } from './extractProps-ae1afbb3.js';
19
19
  import { b as VERIFICATION_EVENT_KEY, V as VERIFICATION_EMAIL_NAMESPACE, S as SHOW_CODE_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
20
20
  import { T as TAX_FORM_UPDATED_EVENT_KEY, a as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY } from './usePayoutStatus-58aa56b4.js';
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h as h$1, c as Host } from './index-91e7729f.js';
2
2
  import { n as h, f as useEffect, k as useState, i as d, u as useMemo, m as useRef, b as browser, j as useReducer } from './stencil-hooks.module-4bc38af4.js';
3
- import { i as intl } from './global-3c495429.js';
3
+ import { i as intl } from './global-744bbb0d.js';
4
4
  import { i as isDemo, _, d as dist, J, H, $ as $e, w as wn, B, L, y as yn, j as jn, r as Ue, V as Ve, u as useCallback, Q as Qe, k as kn } from './index.module-89a79f66.js';
5
5
  import { j as jsonpointer } from './jsonpointer-388a7082.js';
6
6
  import { c as cjs } from './cjs-bdfb4486.js';
@@ -19,7 +19,7 @@ import { P as PortalLoginView } from './sqm-portal-login-view-c8153720.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';
22
- import { b as useDemoBigStat, U as useBigStat, B as BigStatView, O as autoColorScaleCss, J as CardFeedView, i as CheckboxFieldView, K as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, V as withShadowView, L as LeaderboardView, N as NameFieldsView, C as ChangeMarktingView, d as PortalChangePasswordView, h as PortalFooterView, P as PortalFrameView, e as PortalRegisterView, R as ReferralIframeView, W as demoRewardExchange, j as RewardExchangeView, a as useShareButton, S as ShareButtonView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-b6997735.js';
22
+ import { b as useDemoBigStat, U as useBigStat, B as BigStatView, O as autoColorScaleCss, J as CardFeedView, i as CheckboxFieldView, K as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, V as withShadowView, L as LeaderboardView, N as NameFieldsView, C as ChangeMarktingView, d as PortalChangePasswordView, h as PortalFooterView, P as PortalFrameView, e as PortalRegisterView, R as ReferralIframeView, W as demoRewardExchange, j as RewardExchangeView, a as useShareButton, S as ShareButtonView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-0d626572.js';
23
23
  import './sqm-portal-container-view-1683ae32.js';
24
24
  import { u as usePayoutStatus } from './usePayoutStatus-58aa56b4.js';
25
25
 
@@ -1,6 +1,6 @@
1
1
  import { h, r as registerInstance } from './index-91e7729f.js';
2
2
  import { k as useState, f as useEffect, n as h$1 } from './stencil-hooks.module-4bc38af4.js';
3
- import { i as intl } from './global-3c495429.js';
3
+ import { i as intl } from './global-744bbb0d.js';
4
4
  import { d as dist, t as Pn, w as wn, J, $ as $e, i as isDemo, q as En } from './index.module-89a79f66.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import { g as getProps } from './utils-334c1e34.js';
@@ -1,6 +1,6 @@
1
1
  import { h, r as registerInstance, c as Host } from './index-91e7729f.js';
2
2
  import { n as h$1 } from './stencil-hooks.module-4bc38af4.js';
3
- import { i as intl } from './global-3c495429.js';
3
+ import { i as intl } from './global-744bbb0d.js';
4
4
  import './index.module-89a79f66.js';
5
5
  import { g as getProps } from './utils-334c1e34.js';
6
6
  import './JSS-67b5cff8.js';
@@ -1,5 +1,5 @@
1
1
  import { h } from './index-91e7729f.js';
2
- import { i as intl } from './global-3c495429.js';
2
+ import { i as intl } from './global-744bbb0d.js';
3
3
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
4
4
  import { E as ErrorView } from './ErrorView-48e2b969.js';
5
5
 
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
2
2
  import { n as h } from './stencil-hooks.module-4bc38af4.js';
3
- import { i as intl } from './global-3c495429.js';
3
+ import { i as intl } from './global-744bbb0d.js';
4
4
  import { d as dist, H, J, w as wn, i as isDemo } from './index.module-89a79f66.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-753c8d4a.js';
@@ -1,6 +1,6 @@
1
1
  import { h, F as Fragment, r as registerInstance } from './index-91e7729f.js';
2
2
  import { n as h$1, k as useState } from './stencil-hooks.module-4bc38af4.js';
3
- import { i as intl } from './global-3c495429.js';
3
+ import { i as intl } from './global-744bbb0d.js';
4
4
  import { F as Fn, i as isDemo, d as dist, H, J, w as wn, $ as $e, B } from './index.module-89a79f66.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import { g as getProps } from './utils-334c1e34.js';