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

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 (97) hide show
  1. package/dist/cjs/{ShadowViewAddon-f67a25a9.js → ShadowViewAddon-93071495.js} +2 -5
  2. package/dist/cjs/{global-92259fe6.js → global-e1930bce.js} +9 -4
  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-6eef3d67.js → sqm-invoice-table-view-2e737286.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-68782e9a.js → sqm-portal-email-verification-view-d65ef736.js} +1 -1
  13. package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -2
  14. package/dist/cjs/{sqm-portal-profile-view-8aab9718.js → sqm-portal-profile-view-21a99152.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 +1 -4
  20. package/dist/collection/global/styles.js +9 -4
  21. package/dist/collection/global/styles.ts +9 -4
  22. package/dist/esm/{ShadowViewAddon-70eb5315.js → ShadowViewAddon-b6997735.js} +2 -5
  23. package/dist/esm/{global-55eac662.js → global-3c495429.js} +9 -4
  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-e295173c.js → sqm-invoice-table-view-6d5c38fe.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-8ee958cb.js → sqm-portal-email-verification-view-ece37a13.js} +1 -1
  34. package/dist/esm/sqm-portal-email-verification.entry.js +2 -2
  35. package/dist/esm/{sqm-portal-profile-view-a269b461.js → sqm-portal-profile-view-73cfda71.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-70eb5315.js → ShadowViewAddon-b6997735.js} +1 -1
  41. package/dist/esm-es5/{global-55eac662.js → global-3c495429.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-e295173c.js → sqm-invoice-table-view-6d5c38fe.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-8ee958cb.js → sqm-portal-email-verification-view-ece37a13.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-a269b461.js → sqm-portal-profile-view-73cfda71.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 +9 -4
  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-5b1475f3.system.js → p-2927748b.system.js} +1 -1
  62. package/dist/mint-components/{p-43ffb0f1.system.entry.js → p-4e4b84bb.system.entry.js} +1 -1
  63. package/dist/mint-components/{p-85d7f5a2.system.js → p-56f3427d.system.js} +1 -1
  64. package/dist/mint-components/{p-abf72c0d.entry.js → p-576d3b4a.entry.js} +1 -1
  65. package/dist/mint-components/{p-7d7ee2d3.system.entry.js → p-5973487a.system.entry.js} +1 -1
  66. package/dist/mint-components/p-61dec887.entry.js +33 -0
  67. package/dist/mint-components/{p-91207fa7.js → p-69d60453.js} +1 -1
  68. package/dist/mint-components/{p-0be32b02.entry.js → p-6b0fa3a2.entry.js} +1 -1
  69. package/dist/mint-components/{p-83907677.system.entry.js → p-6e1acebb.system.entry.js} +1 -1
  70. package/dist/mint-components/{p-5c0f6062.entry.js → p-708f58e8.entry.js} +1 -1
  71. package/dist/mint-components/{p-2b2dc715.entry.js → p-71168e62.entry.js} +11 -11
  72. package/dist/mint-components/{p-3252e8e8.system.js → p-79947589.system.js} +1 -1
  73. package/dist/mint-components/{p-c827bc88.system.entry.js → p-804ee38a.system.entry.js} +1 -1
  74. package/dist/mint-components/{p-bc03de16.entry.js → p-83e1c41c.entry.js} +1 -1
  75. package/dist/mint-components/{p-27a029b6.js → p-850d59f3.js} +1 -1
  76. package/dist/mint-components/{p-688db502.entry.js → p-8692e7a5.entry.js} +2 -2
  77. package/dist/mint-components/{p-a3bc8e24.js → p-8c4992d3.js} +1 -1
  78. package/dist/mint-components/{p-ef69b082.system.entry.js → p-906e04ba.system.entry.js} +1 -1
  79. package/dist/mint-components/{p-734edec9.entry.js → p-97428eb3.entry.js} +2 -2
  80. package/dist/mint-components/{p-1214d738.system.entry.js → p-a5bc3f7b.system.entry.js} +1 -1
  81. package/dist/mint-components/{p-92f79ba6.system.entry.js → p-a86f2006.system.entry.js} +1 -1
  82. package/dist/mint-components/{p-50970925.js → p-a87b265e.js} +1 -1
  83. package/dist/mint-components/{p-9f8499fe.entry.js → p-b80891a8.entry.js} +1 -1
  84. package/dist/mint-components/{p-a5d57cfc.system.entry.js → p-ba3e2d27.system.entry.js} +1 -1
  85. package/dist/mint-components/{p-1c51803a.system.entry.js → p-c16dada5.system.entry.js} +1 -1
  86. package/dist/mint-components/{p-2c56685a.system.js → p-c4d80117.system.js} +1 -1
  87. package/dist/mint-components/{p-26ae1151.js → p-db45cc4c.js} +2 -2
  88. package/dist/mint-components/{p-fca412f9.entry.js → p-de7e83b3.entry.js} +1 -1
  89. package/dist/mint-components/{p-c80c0ebc.system.entry.js → p-e09a3d73.system.entry.js} +1 -1
  90. package/dist/mint-components/{p-e254585c.system.js → p-f6db346b.system.js} +1 -1
  91. package/dist/mint-components/{p-7893ffc0.entry.js → p-f80ab10b.entry.js} +2 -2
  92. package/dist/mint-components/{p-b182fccb.system.entry.js → p-f84d2ed0.system.entry.js} +1 -1
  93. package/dist/mint-components/{p-5c90ba8a.system.js → p-fdba347c.system.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
  97. package/dist/mint-components/p-dfb51feb.entry.js +0 -33
@@ -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-92259fe6.js');
5
+ const global = require('./global-e1930bce.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,10 +2834,7 @@ const vanillaStyle$3 = `
2834
2834
  display: block;
2835
2835
  }
2836
2836
 
2837
- sl-input::part(label){
2838
- font-size: var(--sl-input-label-font-size-small);
2839
- font-weight: var(--sl-font-weight-semibold);
2840
- }
2837
+
2841
2838
  `;
2842
2839
  const sheet$5 = JSS.createStyleSheet(style$5);
2843
2840
  const styleString$5 = sheet$5.toString();
@@ -26737,13 +26737,13 @@ sl-details::part(summary) {
26737
26737
  box-shadow: none;
26738
26738
  }
26739
26739
 
26740
- *::part(input-label), *::part(select-label), *::part(textarea-label){
26740
+ sl-input::part(input-label), sl-selcet::part(select-label), sl-textarea::part(textarea-label){
26741
26741
  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
26742
26742
  font-weight: var(--sl-font-weight-semibold);
26743
26743
  color: var(--sqm-input-label-color, var(--sqm-text), black);
26744
26744
  }
26745
26745
 
26746
- *::part(input-base), *::part(select-base), *::part(textarea-base){
26746
+ sl-input::part(input-base), sl-select::part(select-base), sl-textarea::part(textarea-base){
26747
26747
  background-color: var(--sqm-input-background, #fff);
26748
26748
  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
26749
26749
  color: var(--sqm-input-color, white);
@@ -26752,16 +26752,21 @@ sl-details::part(summary) {
26752
26752
 
26753
26753
  sl-input::part(base):focus,
26754
26754
  sl-select::part(form-control-wrapper):focus,
26755
- sl-textare::part(textarea-label):focus {
26755
+ sl-textarea::part(textarea-label):focus {
26756
26756
  border-color: none;
26757
26757
  border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
26758
26758
  }
26759
26759
 
26760
- *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
26760
+ sl-input::part(input-label):disabled, sl-select::part(select-label):disabled, sl-textarea::part(textarea-label):disabled{
26761
26761
  background: var(--sqm-input-disabled-background, #f5f5f5);
26762
26762
  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
26763
26763
  }
26764
26764
 
26765
+ sl-input {
26766
+ /* Set the border color when the input is in focus */
26767
+ --sl-input-border-color-focus: white; /* Spotify Green */
26768
+ }
26769
+
26765
26770
 
26766
26771
 
26767
26772
  *::part(menuitem-base):hover{
@@ -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-92259fe6.js');
7
+ require('./global-e1930bce.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-92259fe6.js');
5
+ require('./global-e1930bce.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-92259fe6.js');
7
+ const global = require('./global-e1930bce.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-6eef3d67.js');
21
+ const sqmInvoiceTableView = require('./sqm-invoice-table-view-2e737286.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-92259fe6.js');
7
+ const global = require('./global-e1930bce.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-f67a25a9.js');
26
+ const ShadowViewAddon = require('./ShadowViewAddon-93071495.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-92259fe6.js');
7
+ const global = require('./global-e1930bce.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-92259fe6.js');
7
+ const global = require('./global-e1930bce.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-92259fe6.js');
4
+ const global = require('./global-e1930bce.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-92259fe6.js');
7
+ const global = require('./global-e1930bce.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-92259fe6.js');
7
+ const global = require('./global-e1930bce.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-92259fe6.js');
4
+ const global = require('./global-e1930bce.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-92259fe6.js');
7
+ require('./global-e1930bce.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-68782e9a.js');
13
+ const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-d65ef736.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-92259fe6.js');
4
+ const global = require('./global-e1930bce.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-92259fe6.js');
7
+ require('./global-e1930bce.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-8aab9718.js');
13
+ const sqmPortalProfileView = require('./sqm-portal-profile-view-21a99152.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-92259fe6.js');
7
+ const global = require('./global-e1930bce.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-92259fe6.js');
7
+ const global = require('./global-e1930bce.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-92259fe6.js');
7
+ require('./global-e1930bce.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-68782e9a.js');
27
+ const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-d65ef736.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-8aab9718.js');
32
+ const sqmPortalProfileView = require('./sqm-portal-profile-view-21a99152.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-f67a25a9.js');
38
+ const ShadowViewAddon = require('./ShadowViewAddon-93071495.js');
39
39
  const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
40
- const sqmInvoiceTableView = require('./sqm-invoice-table-view-6eef3d67.js');
40
+ const sqmInvoiceTableView = require('./sqm-invoice-table-view-2e737286.js');
41
41
 
42
42
  /**
43
43
  * lodash (Custom Build) <https://lodash.com/>
@@ -16,10 +16,7 @@ const vanillaStyle = `
16
16
  display: block;
17
17
  }
18
18
 
19
- sl-input::part(label){
20
- font-size: var(--sl-input-label-font-size-small);
21
- font-weight: var(--sl-font-weight-semibold);
22
- }
19
+
23
20
  `;
24
21
  const sheet = createStyleSheet(style);
25
22
  const styleString = sheet.toString();
@@ -831,13 +831,13 @@ sl-details::part(summary) {
831
831
  box-shadow: none;
832
832
  }
833
833
 
834
- *::part(input-label), *::part(select-label), *::part(textarea-label){
834
+ sl-input::part(input-label), sl-selcet::part(select-label), sl-textarea::part(textarea-label){
835
835
  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
836
836
  font-weight: var(--sl-font-weight-semibold);
837
837
  color: var(--sqm-input-label-color, var(--sqm-text), black);
838
838
  }
839
839
 
840
- *::part(input-base), *::part(select-base), *::part(textarea-base){
840
+ sl-input::part(input-base), sl-select::part(select-base), sl-textarea::part(textarea-base){
841
841
  background-color: var(--sqm-input-background, #fff);
842
842
  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
843
843
  color: var(--sqm-input-color, white);
@@ -846,16 +846,21 @@ sl-details::part(summary) {
846
846
 
847
847
  sl-input::part(base):focus,
848
848
  sl-select::part(form-control-wrapper):focus,
849
- sl-textare::part(textarea-label):focus {
849
+ sl-textarea::part(textarea-label):focus {
850
850
  border-color: none;
851
851
  border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
852
852
  }
853
853
 
854
- *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
854
+ sl-input::part(input-label):disabled, sl-select::part(select-label):disabled, sl-textarea::part(textarea-label):disabled{
855
855
  background: var(--sqm-input-disabled-background, #f5f5f5);
856
856
  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
857
857
  }
858
858
 
859
+ sl-input {
860
+ /* Set the border color when the input is in focus */
861
+ --sl-input-border-color-focus: white; /* Spotify Green */
862
+ }
863
+
859
864
 
860
865
 
861
866
  *::part(menuitem-base):hover{
@@ -832,13 +832,13 @@ sl-details::part(summary) {
832
832
  box-shadow: none;
833
833
  }
834
834
 
835
- *::part(input-label), *::part(select-label), *::part(textarea-label){
835
+ sl-input::part(input-label), sl-selcet::part(select-label), sl-textarea::part(textarea-label){
836
836
  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
837
837
  font-weight: var(--sl-font-weight-semibold);
838
838
  color: var(--sqm-input-label-color, var(--sqm-text), black);
839
839
  }
840
840
 
841
- *::part(input-base), *::part(select-base), *::part(textarea-base){
841
+ sl-input::part(input-base), sl-select::part(select-base), sl-textarea::part(textarea-base){
842
842
  background-color: var(--sqm-input-background, #fff);
843
843
  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
844
844
  color: var(--sqm-input-color, white);
@@ -847,16 +847,21 @@ sl-details::part(summary) {
847
847
 
848
848
  sl-input::part(base):focus,
849
849
  sl-select::part(form-control-wrapper):focus,
850
- sl-textare::part(textarea-label):focus {
850
+ sl-textarea::part(textarea-label):focus {
851
851
  border-color: none;
852
852
  border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
853
853
  }
854
854
 
855
- *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
855
+ sl-input::part(input-label):disabled, sl-select::part(select-label):disabled, sl-textarea::part(textarea-label):disabled{
856
856
  background: var(--sqm-input-disabled-background, #f5f5f5);
857
857
  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
858
858
  }
859
859
 
860
+ sl-input {
861
+ /* Set the border color when the input is in focus */
862
+ --sl-input-border-color-focus: white; /* Spotify Green */
863
+ }
864
+
860
865
 
861
866
 
862
867
  *::part(menuitem-base):hover{
@@ -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-55eac662.js';
3
+ import { i as intl } from './global-3c495429.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,10 +2832,7 @@ const vanillaStyle$3 = `
2832
2832
  display: block;
2833
2833
  }
2834
2834
 
2835
- sl-input::part(label){
2836
- font-size: var(--sl-input-label-font-size-small);
2837
- font-weight: var(--sl-font-weight-semibold);
2838
- }
2835
+
2839
2836
  `;
2840
2837
  const sheet$5 = createStyleSheet(style$5);
2841
2838
  const styleString$5 = sheet$5.toString();
@@ -26735,13 +26735,13 @@ sl-details::part(summary) {
26735
26735
  box-shadow: none;
26736
26736
  }
26737
26737
 
26738
- *::part(input-label), *::part(select-label), *::part(textarea-label){
26738
+ sl-input::part(input-label), sl-selcet::part(select-label), sl-textarea::part(textarea-label){
26739
26739
  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
26740
26740
  font-weight: var(--sl-font-weight-semibold);
26741
26741
  color: var(--sqm-input-label-color, var(--sqm-text), black);
26742
26742
  }
26743
26743
 
26744
- *::part(input-base), *::part(select-base), *::part(textarea-base){
26744
+ sl-input::part(input-base), sl-select::part(select-base), sl-textarea::part(textarea-base){
26745
26745
  background-color: var(--sqm-input-background, #fff);
26746
26746
  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
26747
26747
  color: var(--sqm-input-color, white);
@@ -26750,16 +26750,21 @@ sl-details::part(summary) {
26750
26750
 
26751
26751
  sl-input::part(base):focus,
26752
26752
  sl-select::part(form-control-wrapper):focus,
26753
- sl-textare::part(textarea-label):focus {
26753
+ sl-textarea::part(textarea-label):focus {
26754
26754
  border-color: none;
26755
26755
  border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
26756
26756
  }
26757
26757
 
26758
- *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{
26758
+ sl-input::part(input-label):disabled, sl-select::part(select-label):disabled, sl-textarea::part(textarea-label):disabled{
26759
26759
  background: var(--sqm-input-disabled-background, #f5f5f5);
26760
26760
  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));
26761
26761
  }
26762
26762
 
26763
+ sl-input {
26764
+ /* Set the border color when the input is in focus */
26765
+ --sl-input-border-color-focus: white; /* Spotify Green */
26766
+ }
26767
+
26763
26768
 
26764
26769
 
26765
26770
  *::part(menuitem-base):hover{
@@ -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-55eac662.js';
3
+ import './global-3c495429.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-55eac662.js';
3
+ import './global-3c495429.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-55eac662.js';
3
+ import { i as intl } from './global-3c495429.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-e295173c.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';
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-55eac662.js';
3
+ import { i as intl } from './global-3c495429.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-70eb5315.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';
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-55eac662.js';
3
+ import { i as intl } from './global-3c495429.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-55eac662.js';
3
+ import { i as intl } from './global-3c495429.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-55eac662.js';
2
+ import { i as intl } from './global-3c495429.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-55eac662.js';
3
+ import { i as intl } from './global-3c495429.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-55eac662.js';
3
+ import { i as intl } from './global-3c495429.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';
@@ -1,5 +1,5 @@
1
1
  import { h } from './index-91e7729f.js';
2
- import { i as intl } from './global-55eac662.js';
2
+ import { i as intl } from './global-3c495429.js';
3
3
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
4
4
  import { A as AuthWrapper, a as AuthColumn } from './mixins-f750863a.js';
5
5
  import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
@@ -1,12 +1,12 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
2
2
  import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
3
- import './global-55eac662.js';
3
+ import './global-3c495429.js';
4
4
  import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-89a79f66.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import './JSS-67b5cff8.js';
7
7
  import './mixins-f750863a.js';
8
8
  import './sqm-text-span-view-cd3902e5.js';
9
- import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-8ee958cb.js';
9
+ import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-ece37a13.js';
10
10
 
11
11
  function usePortalEmailVerification(props) {
12
12
  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -1,5 +1,5 @@
1
1
  import { h } from './index-91e7729f.js';
2
- import { i as intl } from './global-55eac662.js';
2
+ import { i as intl } from './global-3c495429.js';
3
3
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
4
4
  import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
5
5
 
@@ -1,12 +1,12 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
2
2
  import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
3
- import './global-55eac662.js';
3
+ import './global-3c495429.js';
4
4
  import { d as dist, J, w as wn, $ as $e, i as isDemo } 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';
7
7
  import './JSS-67b5cff8.js';
8
8
  import './sqm-text-span-view-cd3902e5.js';
9
- import { P as PortalProfileView } from './sqm-portal-profile-view-a269b461.js';
9
+ import { P as PortalProfileView } from './sqm-portal-profile-view-73cfda71.js';
10
10
  import { i as isEmpty } from './utilities-5b0ca040.js';
11
11
 
12
12
  const GET_USER = dist.gql `
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-91e7729f.js';
2
2
  import { n as h, j as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
3
- import { i as intl } from './global-55eac662.js';
3
+ import { i as intl } from './global-3c495429.js';
4
4
  import { i as isDemo } 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';
@@ -1,6 +1,6 @@
1
1
  import { h, r as registerInstance, c as Host } from './index-91e7729f.js';
2
2
  import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './stencil-hooks.module-4bc38af4.js';
3
- import { i as intl } from './global-55eac662.js';
3
+ import { i as intl } from './global-3c495429.js';
4
4
  import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } 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';