@saasquatch/mint-components 1.15.0-60 → 1.15.0-62

package/dist/esm/{ShadowViewAddon-ff7a4b04.js → ShadowViewAddon-51e9ebf7.js}

@@ -1,5 +1,5 @@
 import { h, c as Host, d as getAssetPath, g as getElement } from './index-b3a06de8.js';
-import { i as intl } from './global-c38fd7a9.js';
+import { i as intl } from './global-e9173b4c.js';
 import { b as browser, u as useMemo, k as useState } from './dom-context-hooks.module-63370afd.js';
 import { H, L, J, d as dist, w as wn, B, F as Fn, $ as $e, g as getEnvironmentSDK } from './index.module-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';
@@ -7,7 +7,7 @@ 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-311e6d72.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-6dec9902.js';
+import { C as CopyTextView } from './copy-text-view-8d1713d7.js';
 import { u as useChildElements } from './useChildElements-4e70ac0e.js';
 import { l as luxon } from './luxon-bbf75a9d.js';
 import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
@@ -158,7 +158,7 @@ function StatContainerView(props, children) {
       "& > *": {
         "border-right": props.hideBorder
           ? "none"
-          : "1px solid var(--sqm-text-subdued)",
+          : "var(--sqm-border-thickness) solid var(--sqm-border-color)",
         "padding-right": divideSpace(),
       },
       "& > :last-child": {
@@ -167,7 +167,7 @@ function StatContainerView(props, children) {
       "& > ::slotted(*)": {
         "border-right": props.hideBorder
           ? "none"
-          : "1px solid var(--sqm-text-subdued)",
+          : "var(--sqm-border-thickness) solid var(--sqm-border-color)",
         "padding-right": divideSpace(),
       },
       "& > ::slotted(*:last-child)": {
@@ -183,7 +183,7 @@ function StatContainerView(props, children) {
       display: "flex",
     },
     BorderFix: {
-      "border-right": "1px solid transparent",
+      "border-right": "var(--sqm-border-thickness) solid transparent",
       width: "0px",
       "margin-left": "-1px",
     },
@@ -1796,7 +1796,7 @@ function TaskCardView(props) {
         position: "relative",
         boxSizing: "border-box",
         background: content.backgroundColor || "var(--sqm-portal-background)",
-        border: `1px solid ${content.borderColor || "var(--sqm-border-color)"}`,
+        border: `var(--sqm-border-thickness) solid ${content.borderColor || "var(--sqm-border-color)"}`,
         borderRadius: "var(--sqm-border-radius-normal)",
         boxShadow: "1px 2px 4px rgba(211, 211, 211, 0.2)",
         fontSize: "var(--sl-font-size-small)",
@@ -1829,7 +1829,7 @@ function TaskCardView(props) {
       fontSize: "var(--sl-font-size-small)",
       padding: "var(--sl-spacing-medium)",
       color: content.textColor || "var(--sl-color-primary-600)",
-      border: `1px solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
+      border: `var(--sqm-border-thickness, 1px) solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
       borderRadius: "var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",
       borderBottom: "none",
       background: content.backgroundColor || "var(--sl-color-primary-50)",
@@ -1846,7 +1846,7 @@ function TaskCardView(props) {
       fontSize: "var(--sl-font-size-small)",
       padding: "var(--sl-spacing-medium)",
       color: content.textColor || "var(--sl-color-warning-600)",
-      border: `1px solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
+      border: `var(--sqm-border-thickness, 1px) solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
       borderRadius: "var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",
       borderBottom: "none",
       background: content.backgroundColor || "var(--sl-color-warning-50)",
@@ -2641,7 +2641,7 @@ sl-input::part(base):focus,
 sl-select::part(form-control-wrapper):focus,
 sl-textare::part(textarea-label):focus {
   border-color: none;
-  border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus));
+  border: var(--sqm-input-focus-border, var(--sqm-border-thickness) solid var(--sl-input-border-color-focus));
 }
 
 *::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{

package/dist/esm/{copy-text-view-6dec9902.js → copy-text-view-8d1713d7.js}

@@ -35,10 +35,10 @@ function CopyTextView(props) {
         color: props.textColor || "var(--sqm-text)",
       },
       "&::part(base)": {
-        "--sl-input-border-radius": "var(--sqm-border-radius-normal)",
-        "--sl-input-background-color": "var(--sl-color-white)",
+        "--sl-input-border-radius": `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",
+        "--sl-input-background-color": props.backgroundColor || "var(--sqm-portal-background)",
         "--sl-input-color": "var(--sqm-text)",
-        "--sl-input-border-color": "#D6D8F0",
+        "--sl-input-border-color": "var(--sqm-border-color)",
         "--sl-input-border-color-hover": "#999999",
         "--sl-input-border-color-focus": "#999999",
         "--sl-input-color-hover": "var(--sqm-input-color-hover)",
@@ -50,7 +50,7 @@ function CopyTextView(props) {
         overflow: "visible",
         borderRadius: `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",
         background: props.backgroundColor || "var(--sqm-portal-background)",
-        border: `1px solid ${props.borderColor || "#d4d4d8"}`,
+        border: `var(--sqm-border-thickness) solid ${props.borderColor || "var(--sqm-border-color)"}`,
       },
       width: "100%",
     },

package/dist/esm/{email-registration-view-db81655f.js → email-registration-view-1f587f8b.js}

@@ -44,7 +44,9 @@ function EmailRegistrationView(props) {
   };
   const emailValidationRegex = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
   return (h("div", { part: "sqm-base", class: sheet.classes.Wrapper, style: {
-      border: `${content.hideBorder ? "none" : "1px solid var(--sqm-border-color)"}`,
+      border: `${content.hideBorder
+        ? "none"
+        : "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)"}`,
       backgroundColor: content.backgroundColor,
       "padding-top": `var(--sl-spacing-${content.paddingTop})`,
       "padding-right": `var(--sl-spacing-${content.paddingRight})`,

package/dist/esm/{global-c38fd7a9.js → global-e9173b4c.js}

@@ -26926,8 +26926,8 @@ catch (error) {
 }
 const applyStyles$1 = (css, font) => {
   try {
-    insertFont(font);
     insertCSS(css);
+    insertFont(font);
   }
   catch (error) {
     debug(error);
@@ -26937,6 +26937,7 @@ if (getEnvironmentSDK().type === "None") {
   window.addEventListener("message", ({ data }) => {
     if (!(data === null || data === void 0 ? void 0 : data.brandingConfig))
       return;
+    window.SquatchBrandingConfig = data.brandingConfig;
     const { styles, font } = parseBrandingConfig(data.brandingConfig);
     applyStyles$1(styles, font);
   });

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-b3a06de8.js';
-import './global-c38fd7a9.js';
+import './global-e9173b4c.js';
 import './dom-context-hooks.module-63370afd.js';
 import './index.module-38dad6c9.js';
 

package/dist/esm/mint-components.js

@@ -1,5 +1,5 @@
 import { p as promiseResolve, H, b as bootstrapLazy } from './index-b3a06de8.js';
-import './global-c38fd7a9.js';
+import './global-e9173b4c.js';
 import './dom-context-hooks.module-63370afd.js';
 import './index.module-38dad6c9.js';
 

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, c as Host, g as getElement } from './index-b3a06de8.js';
-import { i as intl } from './global-c38fd7a9.js';
+import { i as intl } from './global-e9173b4c.js';
 import { m as useRef, k as useState, f as useEffect, n as h$1, u as useMemo, b as browser, j as useReducer } from './dom-context-hooks.module-63370afd.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 } from './index.module-38dad6c9.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
@@ -7,13 +7,13 @@ 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 './mixins-f750863a.js';
-import { G as GenericTableView } from './GenericTableView-dd9be3ea.js';
+import { G as GenericTableView } from './GenericTableView-e43d310f.js';
 import { u as useRerenderListener, a as useRequestRerender } from './re-render-9c90767d.js';
 import { u as useChildElements } from './useChildElements-4e70ac0e.js';
 import { l as luxon } from './luxon-bbf75a9d.js';
 import { g as generateUserError } from './useReferralTable-65a01a6a.js';
-import { a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, A as ADDRESS_REGIONS } from './IndirectTaxDetailsView-54319d79.js';
-import { t as taxTypeToName, v as validTaxDocument, g as getCountryObj, L as LoadingView, f as formatErrorMessage, a as validateBillingField, o as objectIsFull } from './utils-9c62ea4a.js';
+import { a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, A as ADDRESS_REGIONS } from './IndirectTaxDetailsView-0ae0aeb9.js';
+import { t as taxTypeToName, v as validTaxDocument, g as getCountryObj, L as LoadingView, f as formatErrorMessage, a as validateBillingField, o as objectIsFull } from './utils-985d9996.js';
 import { i as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, F as FINANCE_NETWORK_SETTINGS_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE, d as COUNTRIES_QUERY_NAMESPACE, C as CURRENCIES_NAMESPACE } from './data-ee3ae298.js';
 import { b as VERIFICATION_EVENT_KEY } 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-7eeec61b.js';
@@ -610,8 +610,8 @@ const style = {
   InputContainer: {
     padding: "16px",
     margin: "16px 0px 16px 0px",
-    borderTop: "1px solid var(--sqm-border-color)",
-    borderBottom: "1px solid var(--sqm-border-color)",
+    borderTop: "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",
+    borderBottom: "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",
     display: "flex",
     flexDirection: "column",
     width: "100%",
@@ -1857,7 +1857,7 @@ const style$1 = {
     gap: "10px",
     margin: "auto",
     textAlign: "center",
-    border: "1px solid var(--sqm-border-color)",
+    border: "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",
     justifyContent: "center",
   },
   MessageContainer: {
@@ -2500,7 +2500,7 @@ const vanillaStyle$2 = `
     }
 
     hr {
-      border: 1px solid var(--sqm-border-color);
+      border: var(--sqm-border-thickness, 1px) solid var(--sqm-border-color);
     }
 
     a {
@@ -3499,7 +3499,7 @@ const style$4 = {
     borderRadius: "var(--sqm-border-radius-normal)",
     padding: "var(--sl-spacing-large)",
     minHeight: "150px",
-    border: "1px solid var(--sqm-border-color)",
+    border: "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",
     maxWidth: "450px",
   },
   StatusContainer: {
@@ -3523,7 +3523,7 @@ const style$4 = {
     width: "auto",
   },
   PaypalEmail: {
-    borderRight: "1px solid var(--sqm-border-color)",
+    borderRight: "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",
     paddingRight: "var(--sl-spacing-small)",
     "@media (max-width: 499px)": {
       borderRight: "none",
@@ -3565,7 +3565,7 @@ const style$4 = {
     gap: "var(--sl-spacing-xx-small) var(--sl-spacing-small)",
     paddingTop: "var(--sq-spacing-xx-small)",
     "& > :not(:last-child)": {
-      borderRight: "1px solid var(--sqm-border-color)",
+      borderRight: "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",
     },
     "& > :nth-child(3)": {
       border: "none",
@@ -3582,7 +3582,7 @@ const style$4 = {
   },
   W9Container: {
     paddingTop: "var(--sl-spacing-large)",
-    borderTop: "1px solid var(--sqm-border-color)",
+    borderTop: "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",
   },
   SkeletonOne: {
     width: "25%",
@@ -3599,7 +3599,7 @@ const style$4 = {
   Alert: {
     "&::part(base)": {
       backgroundColor: "var(--sqm-warning-color-background)",
-      border: "1px solid var(--sqm-warning-color-border)",
+      border: "var(--sqm-border-thickness, 1px) solid var(--sqm-warning-color-border)",
       padding: "0 16px",
     },
     "& sl-icon": {
@@ -3864,7 +3864,7 @@ const style$5 = {
   },
   IndirectTaxPreviewContainer: {
     marginTop: "var(--sl-spacing-x-large)",
-    borderTop: "1px solid var(--sqm-border-color)",
+    borderTop: "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",
   },
   IndirectTaxPreviewHeaderContainer: {
     marginTop: "var(--sl-spacing-large)",
@@ -5721,7 +5721,7 @@ const style$6 = {
   FormWrapper: {},
   ErrorInput: {
     "&::part(base)": {
-      border: "1px solid var(--sqm-danger-color-icon)",
+      border: "var(--sqm-border-thickness, 1px) solid var(--sqm-danger-color-icon)",
       borderRadius: "var(--sl-input-border-radius-medium)",
     },
     "&::part(help-text)": {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
-import { b as buildFontsCssUrl, i as intl } from './global-c38fd7a9.js';
+import { b as buildFontsCssUrl, i as intl } from './global-e9173b4c.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 './dom-context-hooks.module-63370afd.js';
 import { i as isDemo, _ as _$1, d as dist, J, H, B, $ as $e, w as wn, 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-38dad6c9.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
@@ -8,7 +8,7 @@ import { g as getProps, a as getMissingProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './useReferralCodes-311e6d72.js';
 import './mixins-f750863a.js';
-import { C as CopyTextView } from './copy-text-view-6dec9902.js';
+import { C as CopyTextView } from './copy-text-view-8d1713d7.js';
 import { a as useRequestRerender } from './re-render-9c90767d.js';
 import { u as useChildElements } from './useChildElements-4e70ac0e.js';
 import './luxon-bbf75a9d.js';
@@ -19,7 +19,7 @@ import { P as PortalLoginView } from './sqm-portal-login-view-7670cd86.js';
 import { u as usePortalLogin } from './usePortalLogin-61abe78e.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 import { i as isEmpty } from './utilities-ad9c2893.js';
-import { u as useDemoBigStat, Q as useBigStat, B as BigStatView, C as CardFeedView, c as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalFrameView, d as PortalRegisterView, R as ReferralIframeView, i as RewardExchangeView, V as demoRewardExchange, G as useShareButton, a as ShareButtonView, J as useShareLink, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-ff7a4b04.js';
+import { u as useDemoBigStat, Q as useBigStat, B as BigStatView, C as CardFeedView, c as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalFrameView, d as PortalRegisterView, R as ReferralIframeView, i as RewardExchangeView, V as demoRewardExchange, G as useShareButton, a as ShareButtonView, J as useShareLink, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-51e9ebf7.js';
 import './sqm-portal-container-view-176e92e3.js';
 import { u as usePayoutStatus } from './usePayoutStatus-7eeec61b.js';
 
@@ -1137,14 +1137,14 @@ function DividedLayoutView(props, children) {
       return {
         "border-right": props.borderless
           ? "none"
-          : `1px solid ${props.borderColor || "var(--sqm-text)"}`,
+          : `var(--sqm-border-thickness) solid ${props.borderColor || "var(--sqm-border-color)"}`,
       };
     }
     else {
       return {
         "border-bottom": props.borderless
           ? "none"
-          : `1px solid ${props.borderColor || "var(--sqm-text)"}`,
+          : `var(--sqm-border-thickness) solid ${props.borderColor || "var(--sqm-border-color)"}`,
       };
     }
   };
@@ -1205,7 +1205,7 @@ const DividedLayout = class {
      * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
      * @uiName Border style
      */
-    this.dividerStyle = "1px solid #EAEAEA";
+    this.dividerStyle = "var(--sqm-border-thickness) solid var(--sqm-border-color)";
     /**
      * Background color of the divider
      * @uiName Divider Background Color
@@ -3237,21 +3237,20 @@ const PortalFrame = class {
      * @uiWidget color
      * @uiType string
      */
-    this.backgroundColor = "var(--sqm-portal-background, #fff);";
-    // TODO: Replace with border variable later
+    this.backgroundColor = "var(--sqm-portal-background, #fff)";
     /**
      * Borders placed to seperate the header and footer from the body content.
      * @uiName Border
      * @uiType string
      */
-    this.border = "1px solid var(--sqm-text, #eaeaea);";
+    this.border = "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)";
     /**
      * Background color for the header and footer.
      * @uiName Header and Footer Background Color
      * @uiWidget color
      * @uiType string
      */
-    this.headerAndFooterBackgroundColor = "var(--sqm-portal-background, #fff);";
+    this.headerAndFooterBackgroundColor = "var(--sqm-portal-background, #fff)";
     h(this);
   }
   disconnectedCallback() { }
@@ -3900,7 +3899,9 @@ function ReferralCardView(props) {
   const styleString = sheet.toString();
   const borderColor = props.borderColor || "var(--sqm-border-color)";
   return (h$1("div", { part: "sqm-base", class: sheet.classes.Container, style: {
-      border: `${props.hideBorder ? "none" : "1px solid " + borderColor}`,
+      border: `${props.hideBorder
+        ? "none"
+        : `var(--sqm-border-thickness) solid ${borderColor}`}`,
       "padding-top": `var(--sl-spacing-${props.paddingTop})`,
       "padding-right": `var(--sl-spacing-${props.paddingRight})`,
       "padding-bottom": `var(--sl-spacing-${props.paddingBottom})`,

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance } from './index-b3a06de8.js';
-import { i as intl } from './global-c38fd7a9.js';
+import { i as intl } from './global-e9173b4c.js';
 import { l, k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-63370afd.js';
 import { d as dist, t as Pn, F as Fn, i as isDemo, q as En } from './index.module-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance } from './index-b3a06de8.js';
-import { i as intl } from './global-c38fd7a9.js';
+import { i as intl } from './global-e9173b4c.js';
 import { k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-63370afd.js';
 import { d as dist, t as Pn, w as wn, J, $ as $e, i as isDemo, q as En } from './index.module-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, c as Host } from './index-b3a06de8.js';
-import { i as intl } from './global-c38fd7a9.js';
+import { i as intl } from './global-e9173b4c.js';
 import { n as h$1 } from './dom-context-hooks.module-63370afd.js';
 import './index.module-38dad6c9.js';
 import { g as getProps } from './utils-334c1e34.js';

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

@@ -5,7 +5,7 @@ import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { E as EmailRegistrationView } from './email-registration-view-db81655f.js';
+import { E as EmailRegistrationView } from './email-registration-view-1f587f8b.js';
 import './useRegistrationFormState-18c2cea7.js';
 import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-0f04459e.js';
 

package/dist/esm/sqm-invoice-table-data-cell_5.entry.js

@@ -66,7 +66,7 @@ const TableRow = class {
     /**
      * @uiName Border
      */
-    this.border = "1px solid #EAEAEA";
+    this.border = "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)";
   }
   render() {
     return (h$1(Host, { style: { display: "contents" } }, h$1("tr", { style: { border: this.border } }, h$1("slot", null))));

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { i as intl } from './global-c38fd7a9.js';
+import { i as intl } from './global-e9173b4c.js';
 import { n as h } from './dom-context-hooks.module-63370afd.js';
 import { d as dist, H, J, w as wn, i as isDemo } from './index.module-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';

package/dist/esm/{sqm-navigation-sidebar-view-6c13798c.js → sqm-navigation-sidebar-view-0a2ec560.js}

@@ -73,7 +73,7 @@ function NavigationSidebarView(props, children) {
   .menu-items {
     display: none;
     padding: 20px;
-    border-right: 1px solid #eaeaea;
+    border-right: var(--sqm-border-thickness) solid var(--sqm-border-color);
     padding-top: 60px;
     background: var(--sqm-portal-background); 
     width: 100vw;

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
 import { n as h, k as useState, f as useEffect } from './dom-context-hooks.module-63370afd.js';
 import { i as isDemo, k as kn, H } from './index.module-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-6c13798c.js';
+import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0a2ec560.js';
 
 const NavigationSidebar = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
 import { h, F as Fragment, r as registerInstance } from './index-b3a06de8.js';
-import { i as intl } from './global-c38fd7a9.js';
+import { i as intl } from './global-e9173b4c.js';
 import { n as h$1, k as useState } from './dom-context-hooks.module-63370afd.js';
 import { F as Fn, i as isDemo, d as dist, H, J, B, w as wn, $ as $e } from './index.module-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';
@@ -7,7 +7,7 @@ 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-311e6d72.js';
 import './mixins-f750863a.js';
-import { C as CopyTextView } from './copy-text-view-6dec9902.js';
+import { C as CopyTextView } from './copy-text-view-8d1713d7.js';
 
 const style = {
   Container: {

package/dist/esm/{sqm-portal-email-verification-view-cb5b8338.js → sqm-portal-email-verification-view-a82e199f.js}

@@ -1,5 +1,5 @@
 import { h } from './index-b3a06de8.js';
-import { i as intl } from './global-c38fd7a9.js';
+import { i as intl } from './global-e9173b4c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f750863a.js';
 import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import './global-c38fd7a9.js';
+import './global-e9173b4c.js';
 import { k as useState, m as useRef, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
 import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import './sqm-text-span-view-4c17b8c9.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-cb5b8338.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-a82e199f.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

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

@@ -108,7 +108,7 @@ const PortalForgotPassword = class {
      * @uiName Border style
      * @uiWidget textArea
      */
-    this.border = "1px solid var(--sqm-border-color, #eaeaea)";
+    this.border = "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)";
     h(this);
   }
   disconnectedCallback() { }

package/dist/esm/{sqm-portal-profile-view-47aafa20.js → sqm-portal-profile-view-caabc8d3.js}

@@ -1,5 +1,5 @@
 import { h } from './index-b3a06de8.js';
-import { i as intl } from './global-c38fd7a9.js';
+import { i as intl } from './global-e9173b4c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 

package/dist/esm/sqm-portal-profile.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import './global-c38fd7a9.js';
+import './global-e9173b4c.js';
 import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
 import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-4c17b8c9.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-47aafa20.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-caabc8d3.js';
 import { i as isEmpty } from './utilities-ad9c2893.js';
 
 const GET_USER = dist.gql `

package/dist/esm/{sqm-qr-code-view-11121d3c.js → sqm-qr-code-view-7be282fd.js}

@@ -1,6 +1,6 @@
 import { h } from './index-b3a06de8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { E as ErrorView } from './ErrorView-eaafd6f5.js';
+import { E as ErrorView } from './ErrorView-b396dcc7.js';
 
 const style = {
   DialogContainer: {

package/dist/esm/sqm-qr-code.entry.js

@@ -5,8 +5,8 @@ import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-311e6d72.js';
-import './ErrorView-eaafd6f5.js';
-import { Q as QrCodeView } from './sqm-qr-code-view-11121d3c.js';
+import './ErrorView-b396dcc7.js';
+import { Q as QrCodeView } from './sqm-qr-code-view-7be282fd.js';
 
 const ShareLinkQuery = dist.gql `
   query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {

package/dist/esm/sqm-referral-table_11.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-b3a06de8.js';
-import { i as intl } from './global-c38fd7a9.js';
+import { i as intl } from './global-e9173b4c.js';
 import { n as h, j as useReducer, u as useMemo, f as useEffect } from './dom-context-hooks.module-63370afd.js';
 import { i as isDemo } from './index.module-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { G as GenericTableView } from './GenericTableView-dd9be3ea.js';
+import { G as GenericTableView } from './GenericTableView-e43d310f.js';
 import { a as useRequestRerender, u as useRerenderListener } from './re-render-9c90767d.js';
 import { u as useChildElements } from './useChildElements-4e70ac0e.js';
 import { l as luxon } from './luxon-bbf75a9d.js';
@@ -453,7 +453,7 @@ const ReferralTableRewardsCell = class {
           padding: "var(--sl-spacing-x-small) var(--sl-spacing-medium)",
         },
         "&::part(base)": {
-          border: "1px solid var(--sqm-border-color)",
+          border: "var(--sqm-border-thickness) solid var(--sqm-border-color)",
           opacity: "1",
         },
         "&::part(summary-icon)": {

package/dist/esm/sqm-referred-registration.entry.js

@@ -5,7 +5,7 @@ import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { E as EmailRegistrationView } from './email-registration-view-db81655f.js';
+import { E as EmailRegistrationView } from './email-registration-view-1f587f8b.js';
 import './useRegistrationFormState-18c2cea7.js';
 import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-0f04459e.js';
 

package/dist/esm/sqm-rewards-table_9.entry.js

@@ -1,12 +1,12 @@
 import { h, r as registerInstance, c as Host } from './index-b3a06de8.js';
-import { i as intl } from './global-c38fd7a9.js';
+import { i as intl } from './global-e9173b4c.js';
 import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './dom-context-hooks.module-63370afd.js';
 import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { G as GenericTableView } from './GenericTableView-dd9be3ea.js';
+import { G as GenericTableView } from './GenericTableView-e43d310f.js';
 import { u as useRerenderListener, a as useRequestRerender } from './re-render-9c90767d.js';
 import { u as useChildElements } from './useChildElements-4e70ac0e.js';
 import { l as luxon } from './luxon-bbf75a9d.js';