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

package/dist/cjs/{ShadowViewAddon-74752e56.js → ShadowViewAddon-c468a0a7.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-c13907f9.js');
+const copyTextView = require('./copy-text-view-b9a8fbb1.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-c13907f9.js → copy-text-view-b9a8fbb1.js}

@@ -36,15 +36,10 @@ function CopyTextView(props) {
         width: "100%",
       },
       "&::part(base)": {
-        // 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-border-radius": `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",
         "--sl-input-background-color": props.backgroundColor || "var(--sqm-portal-background)",
         "--sl-input-color": props.textColor || "var(--sqm-input-color)",
-        // Other variables
+        "--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)",
@@ -54,6 +49,9 @@ 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 || "--sqm-input-border-color"}`,
       },
       width: "100%",
     },

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-c13907f9.js');
+const copyTextView = require('./copy-text-view-b9a8fbb1.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-74752e56.js');
+const ShadowViewAddon = require('./ShadowViewAddon-c468a0a7.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-c13907f9.js');
+const copyTextView = require('./copy-text-view-b9a8fbb1.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-c13907f9.js');
+const copyTextView = require('./copy-text-view-b9a8fbb1.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-74752e56.js');
+const ShadowViewAddon = require('./ShadowViewAddon-c468a0a7.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
 const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-cf888c7b.js');
 const utils = require('./utils-e3305bd8.js');
@@ -13395,7 +13395,7 @@ const Default$m = () => {
     open: false,
     tooltiptext: "Copied!",
   };
-  return index.h(copyTextView.CopyTextView, Object.assign({ textColor: "red" }, props));
+  return index.h(copyTextView.CopyTextView, Object.assign({}, props));
 };
 const Tooltip = () => {
   const props = {

package/dist/collection/components/sqm-share-link/ShareLink.stories.js

@@ -13,7 +13,7 @@ export const Default = () => {
     open: false,
     tooltiptext: "Copied!",
   };
-  return h(CopyTextView, Object.assign({ textColor: "red" }, props));
+  return h(CopyTextView, Object.assign({}, props));
 };
 export const Tooltip = () => {
   const props = {

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

@@ -33,15 +33,10 @@ export function CopyTextView(props) {
         width: "100%",
       },
       "&::part(base)": {
-        // 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-border-radius": `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",
         "--sl-input-background-color": props.backgroundColor || "var(--sqm-portal-background)",
         "--sl-input-color": props.textColor || "var(--sqm-input-color)",
-        // Other variables
+        "--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)",
@@ -51,6 +46,9 @@ 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 || "--sqm-input-border-color"}`,
       },
       width: "100%",
     },

package/dist/esm/{ShadowViewAddon-ee0c8c4b.js → ShadowViewAddon-518e026d.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-61bd1ac1.js';
+import { C as CopyTextView } from './copy-text-view-b219d166.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-61bd1ac1.js → copy-text-view-b219d166.js}

@@ -34,15 +34,10 @@ function CopyTextView(props) {
         width: "100%",
       },
       "&::part(base)": {
-        // 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-border-radius": `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",
         "--sl-input-background-color": props.backgroundColor || "var(--sqm-portal-background)",
         "--sl-input-color": props.textColor || "var(--sqm-input-color)",
-        // Other variables
+        "--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)",
@@ -52,6 +47,9 @@ 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 || "--sqm-input-border-color"}`,
       },
       width: "100%",
     },

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-61bd1ac1.js';
+import { C as CopyTextView } from './copy-text-view-b219d166.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-ee0c8c4b.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-518e026d.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-61bd1ac1.js';
+import { C as CopyTextView } from './copy-text-view-b219d166.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-61bd1ac1.js';
+import { C as CopyTextView } from './copy-text-view-b219d166.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-ee0c8c4b.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-518e026d.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';
@@ -13391,7 +13391,7 @@ const Default$m = () => {
     open: false,
     tooltiptext: "Copied!",
   };
-  return h(CopyTextView, Object.assign({ textColor: "red" }, props));
+  return h(CopyTextView, Object.assign({}, props));
 };
 const Tooltip = () => {
   const props = {