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

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/sqm-banking-info-form_10.entry.js

@@ -7,12 +7,12 @@ 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-ceeb9b1a.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';
@@ -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

@@ -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-b07a7e53.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-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-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

@@ -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-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-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

@@ -6,7 +6,7 @@ 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

@@ -6,7 +6,7 @@ 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';