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

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -4,40 +4,40 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-60787e76.js');
+require('./global-92259fe6.js');
 const index_module = require('./index.module-ee84433d.js');
 require('./cjs-1066ec21.js');
 require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-82e8797b.js');
-require('./mixins-d6d45cbe.js');
-const copyTextView = require('./copy-text-view-dd2a2ea8.js');
-const GenericTableView = require('./GenericTableView-c58d020f.js');
+require('./mixins-4761d472.js');
+const copyTextView = require('./copy-text-view-f0702822.js');
+const GenericTableView = require('./GenericTableView-925a0842.js');
 require('./useChildElements-1b35d945.js');
 const luxon = require('./luxon-2926d85f.js');
 require('./sqm-text-span-view-ce4c0178.js');
 const sqmAssetCardView = require('./sqm-asset-card-view-21ddf04f.js');
-const sqmCloseButtonView = require('./sqm-close-button-view-899e90df.js');
+const sqmCloseButtonView = require('./sqm-close-button-view-b297e933.js');
 require('./index-8c6255f5.js');
-const emailRegistrationView = require('./email-registration-view-059fa516.js');
+const emailRegistrationView = require('./email-registration-view-37b44222.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-11d57c12.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-38a5227a.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-a9fce634.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-82d8ee01.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-06da7cad.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-fb702fe4.js');
-const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-c536e64e.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-714c2fba.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-7e9653c7.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-10b62df1.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-68782e9a.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-fdd97c18.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-8cb284d2.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-1c5094d3.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-399f4eaf.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-8aab9718.js');
 require('./utilities-78f5e169.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-a90e02fd.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-af55fa8e.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-0439a9e5.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-05f72dec.js');
 require('./ErrorView-b2fcf954.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-3da9ed28.js');
-const ShadowViewAddon = require('./ShadowViewAddon-0e2ceeda.js');
+const ShadowViewAddon = require('./ShadowViewAddon-f67a25a9.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-69e42ea2.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-6eef3d67.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -10414,7 +10414,7 @@ const LoginReadme = "# sqm-portal-login\n\n\n\n<!-- Auto Generated Below -->\n\n
 
 const ReferralIframeReadme = "# sqm-referral-iframe\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property       | Attribute       | Description                                                                                     | Type                                                                                                                           | Default     |\n| -------------- | --------------- | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | ----------- |\n| `demoData`     | --              |                                                                                                 | `{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }` | `undefined` |\n| `iframeHeight` | `iframe-height` | Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto. | `string`                                                                                                                       | `\"100%\"`    |\n| `iframeSrc`    | `iframe-src`    | URL of iframe to display                                                                        | `string`                                                                                                                       | `undefined` |\n| `iframeWidth`  | `iframe-width`  | Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.   | `string`                                                                                                                       | `\"100%\"`    |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-stencilbook --> sqm-referral-iframe\n  style sqm-referral-iframe fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
-const ForgotPasswordReadme = "# sqm-portal-forgot-password\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property              | Attribute               | Description                                                                                                          | Type                                                                                                                                                                                                                   | Default                                                                        |\n| --------------------- | ----------------------- | -------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |\n| `demoData`            | --                      |                                                                                                                      | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; successAlertText?: string; }; }` | `undefined`                                                                    |\n| `emailLabel`          | `email-label`           |                                                                                                                      | `string`                                                                                                                                                                                                               | `\"Email\"`                                                                      |\n| `headerText`          | `header-text`           |                                                                                                                      | `string`                                                                                                                                                                                                               | `\"Enter your email below to receive a password reset link.\"`                   |\n| `loginPath`           | `login-path`            |                                                                                                                      | `string`                                                                                                                                                                                                               | `\"/login\"`                                                                     |\n| `loginText`           | `login-text`            |                                                                                                                      | `string`                                                                                                                                                                                                               | `\"Sign In\"`                                                                    |\n| `networkErrorMessage` | `network-error-message` | Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page. | `string`                                                                                                                                                                                                               | `\"An error occurred while loading this page. Please refresh the page.\"`        |\n| `redirectPath`        | `redirect-path`         | Redirect participants to this page after they verify their email.                                                    | `string`                                                                                                                                                                                                               | `\"/resetPassword\"`                                                             |\n| `submitLabel`         | `submit-label`          |                                                                                                                      | `string`                                                                                                                                                                                                               | `\"Request Password Reset\"`                                                     |\n| `successAlertText`    | `success-alert-text`    |                                                                                                                      | `string`                                                                                                                                                                                                               | `\"If an account with that email exists, a password reset email will be sent.\"` |\n\n\n## Dependencies\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-forgot-password --> sqm-form-message\n  style sqm-portal-forgot-password fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
+const ForgotPasswordReadme = "# sqm-portal-forgot-password\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property              | Attribute               | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                           | Default                                                                        |\n| --------------------- | ----------------------- | -------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |\n| `backgroundColor`     | `background-color`      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"var(--sqm-portal-background, #ffffff)\"`                                      |\n| `border`              | `border`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"1px solid var(--sqm-border-color, var(--sqm-text), #eaeaea)\"`                |\n| `borderRadius`        | `border-radius`         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"var(--sqm-border-radius-normal)\"`                                            |\n| `demoData`            | --                      |                                                                                                                      | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; successAlertText?: string; loginText?: string; }; styles?: { backgroundColor?: string; borderRadius?: string; border?: string; textColor?: string; }; }` | `undefined`                                                                    |\n| `emailLabel`          | `email-label`           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"Email\"`                                                                      |\n| `headerText`          | `header-text`           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"Enter your email below to receive a password reset link.\"`                   |\n| `loginPath`           | `login-path`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"/login\"`                                                                     |\n| `loginText`           | `login-text`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"Sign In\"`                                                                    |\n| `networkErrorMessage` | `network-error-message` | Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page. | `string`                                                                                                                                                                                                                                                                                                                                       | `\"An error occurred while loading this page. Please refresh the page.\"`        |\n| `redirectPath`        | `redirect-path`         | Redirect participants to this page after they verify their email.                                                    | `string`                                                                                                                                                                                                                                                                                                                                       | `\"/resetPassword\"`                                                             |\n| `submitLabel`         | `submit-label`          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"Request Password Reset\"`                                                     |\n| `successAlertText`    | `success-alert-text`    |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"If an account with that email exists, a password reset email will be sent.\"` |\n\n\n## Dependencies\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-forgot-password --> sqm-form-message\n  style sqm-portal-forgot-password fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
 const RegisterReadme = "# sqm-portal-register\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property                       | Attribute                         | Description                                                                                                                                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | Default                                            |\n| ------------------------------ | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------- |\n| `confirmPassword`              | `confirm-password`                |                                                                                                                                                                                                        | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `false`                                            |\n| `confirmPasswordLabel`         | `confirm-password-label`          |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Confirm Password\"`                               |\n| `demoData`                     | --                                |                                                                                                                                                                                                        | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; registrationFormState: RegistrationFormState; disablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; requiredFieldErrorMessage: string; invalidEmailErrorMessage: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }` | `undefined`                                        |\n| `disablePasswordValidation`    | `disable-password-validation`     |                                                                                                                                                                                                        | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `false`                                            |\n| `doesNotMeetRequirementsText`  | `does-not-meet-requirements-text` |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Password must meet the following requirements:\"` |\n| `emailLabel`                   | `email-label`                     |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Email\"`                                          |\n| `hasErrorText`                 | `has-error-text`                  |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"contain at least 1 number or symbol\"`            |\n| `hideInputs`                   | `hide-inputs`                     | Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes \"email\" and \"password\" for this form to succeed. | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `false`                                            |\n| `invalidEmailErrorMessage`     | `invalid-email-error-message`     | The message to be displayed when the email used is invalid or blocked.                                                                                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Must be a valid email address\"`                  |\n| `loginLabel`                   | `login-label`                     |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Sign in\"`                                        |\n| `loginPath`                    | `login-path`                      | Redirect participants to this page after clicking the login button.                                                                                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"/login\"`                                         |\n| `lowercaseErrorText`           | `lowercase-error-text`            |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"contain at least 1 lowercase character\"`         |\n| `meetsRequirementsText`        | `meets-requirements-text`         |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Password has met all requirements\"`              |\n| `minErrorText`                 | `min-error-text`                  |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"be a minimum of 8 characters\"`                   |\n| `networkErrorMessage`          | `network-error-message`           | The message to be displayed when a the form submission fails unexpectedly.                                                                                                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Network request failed.\"`                        |\n| `nextPage`                     | `next-page`                       | Redirect participants to this page from their verification email                                                                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"/\"`                                              |\n| `pageLabel`                    | `page-label`                      |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Register\"`                                       |\n| `passwordLabel`                | `password-label`                  |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Password\"`                                       |\n| `passwordMismatchErrorMessage` | `password-mismatch-error-message` | The message to be displayed when password inputs do not match.                                                                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Passwords do not match.\"`                        |\n| `redirectPath`                 | `redirect-path`                   | The page that participants are redirected to from the verification email.                                                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"/verifyEmail\"`                                   |\n| `requiredFieldErrorMessage`    | `required-field-error-message`    | The message to be displayed when a required field is not filled.                                                                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Cannot be empty\"`                                |\n| `submitLabel`                  | `submit-label`                    |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Register\"`                                       |\n| `uppercaseErrorText`           | `uppercase-error-text`            |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"contain at least 1 uppercase character\"`         |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n- [sqm-password-field](../sqm-password-field)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-register --> sqm-form-message\n  sqm-portal-register --> sqm-password-field\n  sqm-stencilbook --> sqm-portal-register\n  style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 

package/dist/collection/components/sqm-portal-forgot-password/sqm-portal-forgot-password-view.js

@@ -14,7 +14,7 @@ const vanillaStyle = `
 export function PortalForgotPasswordView(props) {
   const { states, callbacks, content, styles } = props;
   const style = {
-    Wrapper: {
+    FormWrapper: {
       ...AuthWrapper,
       background: styles.backgroundColor,
       borderRadius: styles.borderRadius,
@@ -30,7 +30,7 @@ export function PortalForgotPasswordView(props) {
   };
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
+  return (h("div", { class: sheet.classes.FormWrapper, part: "sqm-base" },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

package/dist/collection/global/mixins.js

@@ -62,18 +62,20 @@ export const ErrorStyles = {
   },
 };
 export const Wrapper = {
-  "box-sizing": "border-box",
+  boxSizing: "border-box",
   width: "100%",
-  "max-width": "var(--sqm-content-max-width)",
+  maxWidth: "var(--sqm-content-max-width)",
   height: "auto",
-  // "background-color": "var(--sqm-content-background)",
   display: "flex",
   padding: "var(--sl-spacing-xxx-large)",
+  background: "var(--sqm-portal-background)",
+  border: "var(--sqm-border-thickness) solid var(--sqm-border-color)",
+  borderRadius: "var(--sqm-border-radius-normal)",
 };
 export const AuthWrapper = {
   margin: "auto",
   ...Wrapper,
-  "max-width": "500px",
+  maxWidth: "500px",
   ...Column,
   ...gap({ direction: "column", size: "var(--sl-spacing-x-large)" }),
 };

package/dist/collection/global/styles.js

@@ -614,6 +614,7 @@ html {
   
   --sqm-border-radius-normal: 18px;
   --sqm-border-color: white;
+  --sqm-border-thickness: 1px;
 
 
   --sqm-input-background: #121212;

package/dist/collection/global/styles.ts

@@ -615,6 +615,7 @@ html {
   
   --sqm-border-radius-normal: 18px;
   --sqm-border-color: white;
+  --sqm-border-thickness: 1px;
 
 
   --sqm-input-background: #121212;

package/dist/esm/{GenericTableView-7d3de181.js → GenericTableView-cb1581d8.js}

@@ -1,6 +1,6 @@
 import { h } from './index-91e7729f.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { g as gap } from './mixins-faf102f9.js';
+import { g as gap } from './mixins-f750863a.js';
 
 function GenericTableView(props) {
   const { states, data, callbacks, elements } = props;

package/dist/esm/{ShadowViewAddon-c43fbfe3.js → ShadowViewAddon-70eb5315.js}

@@ -1,13 +1,13 @@
 import { h, c as Host, d as getAssetPath, g as getElement } from './index-91e7729f.js';
 import { k as useState, b as browser, u as useMemo } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-20b3681d.js';
+import { i as intl } from './global-55eac662.js';
 import { d as dist, H, J, F as Fn, w as wn, $ as $e, B, g as getEnvironmentSDK, L } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet, j as jss, a as create } from './JSS-67b5cff8.js';
 import { a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED } from './useReferralCodes-8f75921a.js';
-import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-faf102f9.js';
-import { C as CopyTextView } from './copy-text-view-d3bb9d84.js';
+import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f750863a.js';
+import { C as CopyTextView } from './copy-text-view-3f41072a.js';
 import { u as useChildElements } from './useChildElements-7945ae56.js';
 import { l as luxon } from './luxon-8d51c92b.js';
 import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';

package/dist/esm/{copy-text-view-d3bb9d84.js → copy-text-view-3f41072a.js}

@@ -1,6 +1,6 @@
 import { h } from './index-91e7729f.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { H as HostBlock } from './mixins-faf102f9.js';
+import { H as HostBlock } from './mixins-f750863a.js';
 
 const vanillaStyle = `
   :host{

package/dist/esm/{email-registration-view-52a3c033.js → email-registration-view-b1c858ee.js}

@@ -1,6 +1,6 @@
 import { h } from './index-91e7729f.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, g as gap, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-faf102f9.js';
+import { A as AuthWrapper, g as gap, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f750863a.js';
 
 const style = {
   Wrapper: {

package/dist/esm/{global-20b3681d.js → global-55eac662.js}

@@ -26518,6 +26518,7 @@ html {
   
   --sqm-border-radius-normal: 18px;
   --sqm-border-color: white;
+  --sqm-border-thickness: 1px;
 
 
   --sqm-input-background: #121212;

package/dist/esm/loader.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-91e7729f.js';
 import './stencil-hooks.module-4bc38af4.js';
-import './global-20b3681d.js';
+import './global-55eac662.js';
 import './index.module-89a79f66.js';
 
 /*

package/dist/esm/mint-components.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, H, b as bootstrapLazy } from './index-91e7729f.js';
 import './stencil-hooks.module-4bc38af4.js';
-import './global-20b3681d.js';
+import './global-55eac662.js';
 import './index.module-89a79f66.js';
 
 /*

package/dist/esm/{mixins-faf102f9.js → mixins-f750863a.js}

@@ -48,18 +48,20 @@ const ErrorStyles = {
   },
 };
 const Wrapper = {
-  "box-sizing": "border-box",
+  boxSizing: "border-box",
   width: "100%",
-  "max-width": "var(--sqm-content-max-width)",
+  maxWidth: "var(--sqm-content-max-width)",
   height: "auto",
-  // "background-color": "var(--sqm-content-background)",
   display: "flex",
   padding: "var(--sl-spacing-xxx-large)",
+  background: "var(--sqm-portal-background)",
+  border: "var(--sqm-border-thickness) solid var(--sqm-border-color)",
+  borderRadius: "var(--sqm-border-radius-normal)",
 };
 const AuthWrapper = {
   margin: "auto",
   ...Wrapper,
-  "max-width": "500px",
+  maxWidth: "500px",
   ...Column,
   ...gap({ direction: "column", size: "var(--sl-spacing-x-large)" }),
 };

package/dist/esm/sqm-banking-info-form_17.entry.js

@@ -1,20 +1,20 @@
 import { h, r as registerInstance, c as Host, g as getElement } from './index-91e7729f.js';
 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';
-import { i as intl } from './global-20b3681d.js';
+import { i as intl } from './global-55eac662.js';
 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';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps, l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { E as ErrorStyles } from './mixins-faf102f9.js';
-import { G as GenericTableView } from './GenericTableView-7d3de181.js';
+import { E as ErrorStyles } from './mixins-f750863a.js';
+import { G as GenericTableView } from './GenericTableView-cb1581d8.js';
 import { u as useRerenderListener, a as useRequestRerender } from './re-render-cc945f38.js';
 import { u as useChildElements } from './useChildElements-7945ae56.js';
 import { l as luxon } from './luxon-8d51c92b.js';
 import { g as generateUserError } from './useReferralTable-b3876ed6.js';
 import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
 import { E as ErrorView } from './ErrorView-48e2b969.js';
-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-4c6808a7.js';
+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';
 import { e as extractProps } from './extractProps-ae1afbb3.js';
 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';
 import { T as TAX_FORM_UPDATED_EVENT_KEY, a as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY } from './usePayoutStatus-58aa56b4.js';

package/dist/esm/{sqm-base-registration-form-view-562067d7.js → sqm-base-registration-form-view-d732a5df.js}

@@ -1,6 +1,6 @@
 import { h } from './index-91e7729f.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-faf102f9.js';
+import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f750863a.js';
 import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
 
 const style = {

package/dist/esm/sqm-big-stat_41.entry.js

@@ -1,25 +1,25 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-91e7729f.js';
 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';
-import { i as intl } from './global-20b3681d.js';
+import { i as intl } from './global-55eac662.js';
 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';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps, a as getMissingProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './useReferralCodes-8f75921a.js';
-import './mixins-faf102f9.js';
-import { C as CopyTextView } from './copy-text-view-d3bb9d84.js';
+import './mixins-f750863a.js';
+import { C as CopyTextView } from './copy-text-view-3f41072a.js';
 import { a as useRequestRerender } from './re-render-cc945f38.js';
 import { u as useChildElements } from './useChildElements-7945ae56.js';
 import './luxon-8d51c92b.js';
 import './sqm-text-span-view-cd3902e5.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
 import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-d6f33135.js';
-import { P as PortalLoginView } from './sqm-portal-login-view-4ed6e36d.js';
+import { P as PortalLoginView } from './sqm-portal-login-view-c8153720.js';
 import { u as usePortalLogin } from './usePortalLogin-ef647a50.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 import { i as isEmpty } from './utilities-5b0ca040.js';
-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-c43fbfe3.js';
+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';
 import './sqm-portal-container-view-1683ae32.js';
 import { u as usePayoutStatus } from './usePayoutStatus-58aa56b4.js';
 

package/dist/esm/{sqm-close-button-view-36fd1d16.js → sqm-close-button-view-bc2bc10e.js}

@@ -1,6 +1,6 @@
 import { h } from './index-91e7729f.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { H as HostBlock } from './mixins-faf102f9.js';
+import { H as HostBlock } from './mixins-f750863a.js';
 
 const style = {
   HostBlock: HostBlock,

package/dist/esm/sqm-close-button.entry.js

@@ -2,8 +2,8 @@ import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
 import { n as h } from './stencil-hooks.module-4bc38af4.js';
 import { g as getEnvironmentSDK } from './index.module-89a79f66.js';
 import './JSS-67b5cff8.js';
-import './mixins-faf102f9.js';
-import { C as CloseButtonView } from './sqm-close-button-view-36fd1d16.js';
+import './mixins-f750863a.js';
+import { C as CloseButtonView } from './sqm-close-button-view-bc2bc10e.js';
 
 const CloseButton = class {
   constructor(hostRef) {

package/dist/esm/sqm-email-verification.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance } from './index-91e7729f.js';
 import { k as useState, f as useEffect, n as h$1 } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-20b3681d.js';
+import { i as intl } from './global-55eac662.js';
 import { d as dist, t as Pn, w as wn, J, $ as $e, i as isDemo, q as En } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';

package/dist/esm/sqm-empty_4.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as Host } from './index-91e7729f.js';
 import { n as h$1 } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-20b3681d.js';
+import { i as intl } from './global-55eac662.js';
 import './index.module-89a79f66.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';

package/dist/esm/sqm-instant-access-registration.entry.js

@@ -4,8 +4,8 @@ import { i as isDemo, b as setUserIdentity } from './index.module-89a79f66.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
-import './mixins-faf102f9.js';
-import { E as EmailRegistrationView } from './email-registration-view-52a3c033.js';
+import './mixins-f750863a.js';
+import { E as EmailRegistrationView } from './email-registration-view-b1c858ee.js';
 import './useRegistrationFormState-d6f33135.js';
 import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-dc4ad9f2.js';
 

package/dist/esm/{sqm-invoice-table-view-4c6808a7.js → sqm-invoice-table-view-e295173c.js}

@@ -1,5 +1,5 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-20b3681d.js';
+import { i as intl } from './global-55eac662.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { E as ErrorView } from './ErrorView-48e2b969.js';
 

package/dist/esm/sqm-leaderboard-rank.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
 import { n as h } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-20b3681d.js';
+import { i as intl } from './global-55eac662.js';
 import { d as dist, H, J, w as wn, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-753c8d4a.js';

package/dist/esm/{sqm-navigation-sidebar-item-view-cdcca7f5.js → sqm-navigation-sidebar-item-view-6e046743.js}

@@ -1,7 +1,7 @@
 import { h } from './index-91e7729f.js';
 import { j as jn } from './index.module-89a79f66.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { g as gap } from './mixins-faf102f9.js';
+import { g as gap } from './mixins-f750863a.js';
 
 function NavigationSidebarItemView(props) {
   const { states, data } = props;

package/dist/esm/sqm-navigation-sidebar-item.entry.js

@@ -4,8 +4,8 @@ import { k as kn, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import './mixins-faf102f9.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-cdcca7f5.js';
+import './mixins-f750863a.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-6e046743.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = kn();

package/dist/esm/sqm-pagination_3.entry.js

@@ -1,13 +1,13 @@
 import { h, F as Fragment, r as registerInstance } from './index-91e7729f.js';
 import { n as h$1, k as useState } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-20b3681d.js';
+import { i as intl } from './global-55eac662.js';
 import { F as Fn, i as isDemo, d as dist, H, J, w as wn, $ as $e, B } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, u as useReferralCodes } from './useReferralCodes-8f75921a.js';
-import './mixins-faf102f9.js';
-import { C as CopyTextView } from './copy-text-view-d3bb9d84.js';
+import './mixins-f750863a.js';
+import { C as CopyTextView } from './copy-text-view-3f41072a.js';
 
 const style = {
   Container: {

package/dist/esm/sqm-password-field.entry.js

@@ -4,7 +4,7 @@ import { i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { E as ErrorStyles } from './mixins-faf102f9.js';
+import { E as ErrorStyles } from './mixins-f750863a.js';
 import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-d6f33135.js';
 
 var constants = {

package/dist/esm/{sqm-portal-email-verification-view-a708f16f.js → sqm-portal-email-verification-view-8ee958cb.js}

@@ -1,7 +1,7 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-20b3681d.js';
+import { i as intl } from './global-55eac662.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn } from './mixins-faf102f9.js';
+import { A as AuthWrapper, a as AuthColumn } from './mixins-f750863a.js';
 import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
 
 const style = {

package/dist/esm/sqm-portal-email-verification.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
 import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import './global-20b3681d.js';
+import './global-55eac662.js';
 import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
-import './mixins-faf102f9.js';
+import './mixins-f750863a.js';
 import './sqm-text-span-view-cd3902e5.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-a708f16f.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-8ee958cb.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/esm/{sqm-portal-forgot-password-view-44ade309.js → sqm-portal-forgot-password-view-55fc0873.js}

@@ -1,7 +1,7 @@
 import { h } from './index-91e7729f.js';
 import { j as jn } from './index.module-89a79f66.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-faf102f9.js';
+import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f750863a.js';
 import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
 
 const vanillaStyle = `
@@ -15,7 +15,7 @@ const vanillaStyle = `
 function PortalForgotPasswordView(props) {
   const { states, callbacks, content, styles } = props;
   const style = {
-    Wrapper: {
+    FormWrapper: {
       ...AuthWrapper,
       background: styles.backgroundColor,
       borderRadius: styles.borderRadius,
@@ -31,7 +31,7 @@ function PortalForgotPasswordView(props) {
   };
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
+  return (h("div", { class: sheet.classes.FormWrapper, part: "sqm-base" },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

package/dist/esm/sqm-portal-forgot-password.entry.js

@@ -4,9 +4,9 @@ import { c as un, j as jn, i as isDemo } from './index.module-89a79f66.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
-import './mixins-faf102f9.js';
+import './mixins-f750863a.js';
 import './sqm-text-span-view-cd3902e5.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-44ade309.js';
+import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-55fc0873.js';
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;

package/dist/esm/sqm-portal-google-login.entry.js

@@ -5,9 +5,9 @@ import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import './mixins-faf102f9.js';
+import './mixins-f750863a.js';
 import './sqm-text-span-view-cd3902e5.js';
-import { P as PortalLoginView } from './sqm-portal-login-view-4ed6e36d.js';
+import { P as PortalLoginView } from './sqm-portal-login-view-c8153720.js';
 import { u as usePortalLogin } from './usePortalLogin-ef647a50.js';
 
 const PortalGoogleLogin = class {