@saasquatch/mint-components 1.15.0-113 → 1.15.0-115

package/dist/cjs/{ShadowViewAddon-266c316d.js → ShadowViewAddon-74752e56.js}

@@ -9,7 +9,7 @@ const utils = require('./utils-7cbd60cc.js');
 const JSS = require('./JSS-8503a151.js');
 const useReferralCodes = require('./useReferralCodes-11cdf43b.js');
 const mixins = require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-ed71b0c5.js');
+const copyTextView = require('./copy-text-view-c13907f9.js');
 const useChildElements = require('./useChildElements-966c9041.js');
 const luxon = require('./luxon-949beaf2.js');
 const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');

package/dist/cjs/{copy-text-view-ed71b0c5.js → copy-text-view-c13907f9.js}

@@ -36,10 +36,15 @@ function CopyTextView(props) {
         width: "100%",
       },
       "&::part(base)": {
-        "--sl-input-border-radius": `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",
+        // Use ternary operators for optional props to avoid issues with "undefinedpx"
+        "--sl-input-border-radius": props.borderRadius
+          ? `${props.borderRadius}px`
+          : "var(--sqm-input-border-radius)",
+        "--sl-input-border-color": props.borderColor || "var(--sqm-border-color)",
+        // These are now correct
         "--sl-input-background-color": props.backgroundColor || "var(--sqm-portal-background)",
         "--sl-input-color": props.textColor || "var(--sqm-input-color)",
-        "--sl-input-border-color": "var(--sqm-border-color)",
+        // Other variables
         "--sl-input-border-color-hover": "#999999",
         "--sl-input-border-color-focus": "#999999",
         "--sl-input-color-hover": "var(--sqm-input-color-hover)",
@@ -49,9 +54,6 @@ function CopyTextView(props) {
         "--sl-input-background-color-hover": "var(--sqm-portal-background)",
         cursor: "pointer",
         overflow: "visible",
-        borderRadius: `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",
-        background: props.backgroundColor || "var(--sqm-portal-background)",
-        border: `var(--sqm-border-thickness) solid ${props.borderColor || "var(--sqm-border-color)"}`,
       },
       width: "100%",
     },
@@ -108,7 +110,7 @@ function CopyTextView(props) {
     index.h("div", { class: sheet.classes.containerStyle, style: {
         flexDirection: `${buttonStyle === "button-below" ? "column" : "row"}`,
       } },
-      index.h("sl-input", { class: `${sheet.classes.inputStyle} ${error ? sheet.classes.inputErrorStyle : ""}`, exportparts: "base: input-base, input: input-label", value: props.loading ? "Loading..." : inputText, readonly: true, disabled: disabled },
+      index.h("sl-input", { class: `${sheet.classes.inputStyle} ${error ? sheet.classes.inputErrorStyle : ""}`, exportparts: "base: input-base, input: input-field", value: props.loading ? "Loading..." : inputText, readonly: true, disabled: disabled },
         buttonStyle === "icon" && copyButton,
         error && (index.h("p", { slot: "help-text", class: sheet.classes.errorTextStyle }, props.errorText))),
       (buttonStyle === "button-outside" || buttonStyle === "button-below") &&

package/dist/cjs/sqm-big-stat_43.cjs.entry.js

@@ -12,7 +12,7 @@ const utils = require('./utils-7cbd60cc.js');
 const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-11cdf43b.js');
 require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-ed71b0c5.js');
+const copyTextView = require('./copy-text-view-c13907f9.js');
 const reRender = require('./re-render-d516138a.js');
 const useChildElements = require('./useChildElements-966c9041.js');
 require('./luxon-949beaf2.js');
@@ -25,7 +25,7 @@ const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
 const usePortalLogin = require('./usePortalLogin-6aa864ef.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 const utilities = require('./utilities-9a0c5e91.js');
-const ShadowViewAddon = require('./ShadowViewAddon-266c316d.js');
+const ShadowViewAddon = require('./ShadowViewAddon-74752e56.js');
 require('./sqm-portal-container-view-07e4343f.js');
 const parseStates = require('./parseStates-d1effc19.js');
 const usePayoutStatus = require('./usePayoutStatus-3b34dab1.js');

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

@@ -11,7 +11,7 @@ const utils = require('./utils-7cbd60cc.js');
 const JSS = require('./JSS-8503a151.js');
 const useReferralCodes = require('./useReferralCodes-11cdf43b.js');
 require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-ed71b0c5.js');
+const copyTextView = require('./copy-text-view-c13907f9.js');
 
 const style = {
   Container: {

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

@@ -11,7 +11,7 @@ require('./utils-7cbd60cc.js');
 const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-11cdf43b.js');
 require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-ed71b0c5.js');
+const copyTextView = require('./copy-text-view-c13907f9.js');
 const GenericTableView = require('./GenericTableView-a9845e80.js');
 require('./useChildElements-966c9041.js');
 const luxon = require('./luxon-949beaf2.js');
@@ -33,7 +33,7 @@ require('./utilities-9a0c5e91.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-25eb2099.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-0c3b2f48.js');
-const ShadowViewAddon = require('./ShadowViewAddon-266c316d.js');
+const ShadowViewAddon = require('./ShadowViewAddon-74752e56.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
 const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-cf888c7b.js');
 const utils = require('./utils-e3305bd8.js');

package/dist/collection/components/views/copy-text-view.js

@@ -33,10 +33,15 @@ export function CopyTextView(props) {
         width: "100%",
       },
       "&::part(base)": {
-        "--sl-input-border-radius": `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",
+        // Use ternary operators for optional props to avoid issues with "undefinedpx"
+        "--sl-input-border-radius": props.borderRadius
+          ? `${props.borderRadius}px`
+          : "var(--sqm-input-border-radius)",
+        "--sl-input-border-color": props.borderColor || "var(--sqm-border-color)",
+        // These are now correct
         "--sl-input-background-color": props.backgroundColor || "var(--sqm-portal-background)",
         "--sl-input-color": props.textColor || "var(--sqm-input-color)",
-        "--sl-input-border-color": "var(--sqm-border-color)",
+        // Other variables
         "--sl-input-border-color-hover": "#999999",
         "--sl-input-border-color-focus": "#999999",
         "--sl-input-color-hover": "var(--sqm-input-color-hover)",
@@ -46,9 +51,6 @@ export function CopyTextView(props) {
         "--sl-input-background-color-hover": "var(--sqm-portal-background)",
         cursor: "pointer",
         overflow: "visible",
-        borderRadius: `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",
-        background: props.backgroundColor || "var(--sqm-portal-background)",
-        border: `var(--sqm-border-thickness) solid ${props.borderColor || "var(--sqm-border-color)"}`,
       },
       width: "100%",
     },
@@ -105,7 +107,7 @@ export function CopyTextView(props) {
     h("div", { class: sheet.classes.containerStyle, style: {
         flexDirection: `${buttonStyle === "button-below" ? "column" : "row"}`,
       } },
-      h("sl-input", { class: `${sheet.classes.inputStyle} ${error ? sheet.classes.inputErrorStyle : ""}`, exportparts: "base: input-base, input: input-label", value: props.loading ? "Loading..." : inputText, readonly: true, disabled: disabled },
+      h("sl-input", { class: `${sheet.classes.inputStyle} ${error ? sheet.classes.inputErrorStyle : ""}`, exportparts: "base: input-base, input: input-field", value: props.loading ? "Loading..." : inputText, readonly: true, disabled: disabled },
         buttonStyle === "icon" && copyButton,
         error && (h("p", { slot: "help-text", class: sheet.classes.errorTextStyle }, props.errorText))),
       (buttonStyle === "button-outside" || buttonStyle === "button-below") &&

package/dist/esm/{ShadowViewAddon-234cad06.js → ShadowViewAddon-ee0c8c4b.js}

@@ -7,7 +7,7 @@ import { l as luxonLocale } from './utils-03188de2.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-e67b222e.js';
+import { C as CopyTextView } from './copy-text-view-61bd1ac1.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';

package/dist/esm/{copy-text-view-e67b222e.js → copy-text-view-61bd1ac1.js}

@@ -34,10 +34,15 @@ function CopyTextView(props) {
         width: "100%",
       },
       "&::part(base)": {
-        "--sl-input-border-radius": `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",
+        // Use ternary operators for optional props to avoid issues with "undefinedpx"
+        "--sl-input-border-radius": props.borderRadius
+          ? `${props.borderRadius}px`
+          : "var(--sqm-input-border-radius)",
+        "--sl-input-border-color": props.borderColor || "var(--sqm-border-color)",
+        // These are now correct
         "--sl-input-background-color": props.backgroundColor || "var(--sqm-portal-background)",
         "--sl-input-color": props.textColor || "var(--sqm-input-color)",
-        "--sl-input-border-color": "var(--sqm-border-color)",
+        // Other variables
         "--sl-input-border-color-hover": "#999999",
         "--sl-input-border-color-focus": "#999999",
         "--sl-input-color-hover": "var(--sqm-input-color-hover)",
@@ -47,9 +52,6 @@ function CopyTextView(props) {
         "--sl-input-background-color-hover": "var(--sqm-portal-background)",
         cursor: "pointer",
         overflow: "visible",
-        borderRadius: `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",
-        background: props.backgroundColor || "var(--sqm-portal-background)",
-        border: `var(--sqm-border-thickness) solid ${props.borderColor || "var(--sqm-border-color)"}`,
       },
       width: "100%",
     },
@@ -106,7 +108,7 @@ function CopyTextView(props) {
     h("div", { class: sheet.classes.containerStyle, style: {
         flexDirection: `${buttonStyle === "button-below" ? "column" : "row"}`,
       } },
-      h("sl-input", { class: `${sheet.classes.inputStyle} ${error ? sheet.classes.inputErrorStyle : ""}`, exportparts: "base: input-base, input: input-label", value: props.loading ? "Loading..." : inputText, readonly: true, disabled: disabled },
+      h("sl-input", { class: `${sheet.classes.inputStyle} ${error ? sheet.classes.inputErrorStyle : ""}`, exportparts: "base: input-base, input: input-field", value: props.loading ? "Loading..." : inputText, readonly: true, disabled: disabled },
         buttonStyle === "icon" && copyButton,
         error && (h("p", { slot: "help-text", class: sheet.classes.errorTextStyle }, props.errorText))),
       (buttonStyle === "button-outside" || buttonStyle === "button-below") &&

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

@@ -8,7 +8,7 @@ import { g as getProps, a as getMissingProps } from './utils-03188de2.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-e67b222e.js';
+import { C as CopyTextView } from './copy-text-view-61bd1ac1.js';
 import { a as useRequestRerender } from './re-render-9c90767d.js';
 import { u as useChildElements } from './useChildElements-4e70ac0e.js';
 import './luxon-bbf75a9d.js';
@@ -21,7 +21,7 @@ import { P as PortalLoginView } from './sqm-portal-login-view-7670cd86.js';
 import { u as usePortalLogin } from './usePortalLogin-d0720c81.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-234cad06.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-ee0c8c4b.js';
 import './sqm-portal-container-view-176e92e3.js';
 import { p as parseStates } from './parseStates-ed75e224.js';
 import { u as usePayoutStatus } from './usePayoutStatus-7eeec61b.js';

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

@@ -7,7 +7,7 @@ import { g as getProps } from './utils-03188de2.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-e67b222e.js';
+import { C as CopyTextView } from './copy-text-view-61bd1ac1.js';
 
 const style = {
   Container: {

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

@@ -7,7 +7,7 @@ import './utils-03188de2.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-e67b222e.js';
+import { C as CopyTextView } from './copy-text-view-61bd1ac1.js';
 import { G as GenericTableView } from './GenericTableView-e43d310f.js';
 import './useChildElements-4e70ac0e.js';
 import { l as luxon } from './luxon-bbf75a9d.js';
@@ -29,7 +29,7 @@ import './utilities-ad9c2893.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-abef7286.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-33805220.js';
 import { Q as QrCodeView } from './sqm-qr-code-view-97124a66.js';
-import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, c as CheckboxFieldView, d as PortalRegisterView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as useShareLink, K as ProgressBarView, M as ProgressBar$2, O as ShadowViewAddon } from './ShadowViewAddon-234cad06.js';
+import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, c as CheckboxFieldView, d as PortalRegisterView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as useShareLink, K as ProgressBarView, M as ProgressBar$2, O as ShadowViewAddon } from './ShadowViewAddon-ee0c8c4b.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-176e92e3.js';
 import { I as InvoiceTableView, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView } from './IndirectTaxDetailsView-084314d5.js';
 import { t as taxTypeToName, L as LoadingView } from './utils-27b2ed4b.js';