@saasquatch/mint-components 1.15.0-69 → 1.15.0-70

package/dist/cjs/{ShadowViewAddon-f04e82d2.js → ShadowViewAddon-ce81415d.js}

@@ -2486,10 +2486,10 @@ function HeroView(props) {
       large: 9,
     };
     var index = sizes[size];
-    if (utilities.isMobile(767)) {
+    if (utilities.isMobile(650)) {
       index = index - 2;
     }
-    else if (utilities.isMobile(1023)) {
+    else if (utilities.isMobile(767)) {
       index = index - 1;
     }
     return half ? paddingList[index - 2] : paddingList[index];
@@ -2509,7 +2509,7 @@ function HeroView(props) {
   const style = {
     TwoColumnContainer: {
       display: "flex",
-      "@media screen and (max-width: 1023px)": {
+      "@media screen and (max-width: 650px)": {
         flexDirection: states.wrapDirection == "wrap-reverse" ? "column-reverse" : "column",
         justfiyContent: "center",
       },
@@ -2535,12 +2535,12 @@ function HeroView(props) {
       "&:last-of-type": {
         background: `no-repeat center/cover ${parseBackground(states.secondaryBackground)}`,
       },
-      "@media screen and (min-width: 1023px)": { flex: "1 1 0" },
+      "@media screen and (min-width: 650px)": { flex: "1 1 0" },
       minHeight: `${states.minHeight}px`,
       display: "block",
     },
     HideColumn: {
-      "@media screen and (max-width: 1023px)": { display: "none" },
+      "@media screen and (max-width: 650px)": { display: "none" },
     },
     SingleColumnContainer: {
       background: `no-repeat center/cover ${parseBackground(states.background)}`,

package/dist/cjs/sqm-big-stat_43.cjs.entry.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-f04e82d2.js');
+const ShadowViewAddon = require('./ShadowViewAddon-ce81415d.js');
 require('./sqm-portal-container-view-07e4343f.js');
 const usePayoutStatus = require('./usePayoutStatus-3b34dab1.js');
 

package/dist/cjs/sqm-stencilbook.cjs.entry.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-f04e82d2.js');
+const ShadowViewAddon = require('./ShadowViewAddon-ce81415d.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
 const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-eb18813f.js');
 const utils = require('./utils-7bcbf319.js');

package/dist/collection/components/sqm-hero/sqm-hero-view.js

@@ -35,10 +35,10 @@ export function HeroView(props) {
       large: 9,
     };
     var index = sizes[size];
-    if (isMobile(767)) {
+    if (isMobile(650)) {
       index = index - 2;
     }
-    else if (isMobile(1023)) {
+    else if (isMobile(767)) {
       index = index - 1;
     }
     return half ? paddingList[index - 2] : paddingList[index];
@@ -58,7 +58,7 @@ export function HeroView(props) {
   const style = {
     TwoColumnContainer: {
       display: "flex",
-      "@media screen and (max-width: 1023px)": {
+      "@media screen and (max-width: 650px)": {
         flexDirection: states.wrapDirection == "wrap-reverse" ? "column-reverse" : "column",
         justfiyContent: "center",
       },
@@ -84,12 +84,12 @@ export function HeroView(props) {
       "&:last-of-type": {
         background: `no-repeat center/cover ${parseBackground(states.secondaryBackground)}`,
       },
-      "@media screen and (min-width: 1023px)": { flex: "1 1 0" },
+      "@media screen and (min-width: 650px)": { flex: "1 1 0" },
       minHeight: `${states.minHeight}px`,
       display: "block",
     },
     HideColumn: {
-      "@media screen and (max-width: 1023px)": { display: "none" },
+      "@media screen and (max-width: 650px)": { display: "none" },
     },
     SingleColumnContainer: {
       background: `no-repeat center/cover ${parseBackground(states.background)}`,

package/dist/collection/components/sqm-hero/sqm-hero.js

@@ -4,7 +4,7 @@ import { HeroView } from "./sqm-hero-view";
 import { getProps } from "../../utils/utils";
 /**
  * @uiName Hero Layout
- * @validParents ["sqm-portal-container","sqm-brand","div"]
+ * @validParents ["sqm-portal-container","sqm-brand","div", "template", "sqb-auth-template-switch", "div","sqm-divided-layout","template","sqm-tab","sqb-program-section","sqb-conditional-section"]
  * @slots [{"name":"","title":"Primary Column Content"},{"name":"secondary-column","title":"Secondary Column Content"}]
  * @example Two Column Hero Layout - <sqm-hero background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1939&amp;q=80" min-height="0" columns="2" padding-size="large" wrap-direction="wrap" secondary-background="lightgrey"><h1>Primary Column Content</h1><h1 slot="secondary-column">Secondary Column Content</h1></sqm-hero>
  * @exampleGroup Layout

package/dist/collection/components/sqm-referral-card/sqm-referral-card.js

@@ -5,8 +5,8 @@ import { ReferralCardView } from "./sqm-referral-card-view";
 import { useChildElements } from "../../tables/useChildElements";
 /**
  * @uiName Referral Card
- * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqb-program-section","sqb-conditional-section"]
- * @validChildren ["div","sqm-portal-container","p","sqm-timeline","h1","h2","h3","h5","h4","sqm-pagination","sqm-qr-code","sqm-referral-code","sqm-referral-codes","sqm-share-code","sqm-share-link","sqm-text","span"]
+ * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqb-program-section","sqb-conditional-section", "sqm-hero"]
+ * @validChildren ["div","sqm-portal-container","p","sqm-timeline","h1","h2","h3","h5","h4","sqm-pagination","sqm-qr-code","sqm-referral-code","sqm-referral-codes","sqm-share-code","sqm-share-link","sqm-text","span", "sqm-portal-footer"]
  * @exampleGroup Referrals
  * @slots [{"name":"left", "title":"Left Content"},{"name":"right", "title":"Right Content"},{"name":"header", "title":"Header Content"},{"name":"footer", "title":"Footer Content"}]
  * @example Referral Card - <sqm-referral-card vertical-alignment="start"> <sqm-portal-container gap="large" slot="left" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text >They’ll get a $50 credit towards a new account and you’ll get: </sqm-text> <sqm-timeline icon="circle"> <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="Your friend purchases a Business plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$200" unit="visa giftcard" desc="Our sales team qualifies your friend as a good fit for our Enterprise plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$1000" unit="visa giftcard" desc="Your friend purchases an Enterprise plan" icon="circle" > </sqm-timeline-entry> </sqm-timeline> </sqm-portal-container> <sqm-portal-container gap="large" slot="right" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text>Choose how you want to share: </sqm-text> <sqm-text> <sub>Your unique referral link:</sub> <sqm-share-link tooltip-text="Copied to Clipboard" tooltip-lifespan="1000" > </sqm-share-link> </sqm-text> <sqm-portal-container gap="x-small" direction="column" display="grid" max-width="100%" padding="none" > <sqm-share-button medium="email" icon-slot="prefix" size="medium" type="default" > Share via email </sqm-share-button> <sqm-share-button medium="linkedin" icon-slot="prefix" size="medium" type="default" > Share on LinkedIn </sqm-share-button> <sqm-share-button medium="twitter" icon-slot="prefix" size="medium" type="default" > Share on Twitter </sqm-share-button> </sqm-portal-container> </sqm-portal-container> </sqm-referral-card>

package/dist/esm/{ShadowViewAddon-6ca0b821.js → ShadowViewAddon-6a3f1594.js}

@@ -2484,10 +2484,10 @@ function HeroView(props) {
       large: 9,
     };
     var index = sizes[size];
-    if (isMobile(767)) {
+    if (isMobile(650)) {
       index = index - 2;
     }
-    else if (isMobile(1023)) {
+    else if (isMobile(767)) {
       index = index - 1;
     }
     return half ? paddingList[index - 2] : paddingList[index];
@@ -2507,7 +2507,7 @@ function HeroView(props) {
   const style = {
     TwoColumnContainer: {
       display: "flex",
-      "@media screen and (max-width: 1023px)": {
+      "@media screen and (max-width: 650px)": {
         flexDirection: states.wrapDirection == "wrap-reverse" ? "column-reverse" : "column",
         justfiyContent: "center",
       },
@@ -2533,12 +2533,12 @@ function HeroView(props) {
       "&:last-of-type": {
         background: `no-repeat center/cover ${parseBackground(states.secondaryBackground)}`,
       },
-      "@media screen and (min-width: 1023px)": { flex: "1 1 0" },
+      "@media screen and (min-width: 650px)": { flex: "1 1 0" },
       minHeight: `${states.minHeight}px`,
       display: "block",
     },
     HideColumn: {
-      "@media screen and (max-width: 1023px)": { display: "none" },
+      "@media screen and (max-width: 650px)": { display: "none" },
     },
     SingleColumnContainer: {
       background: `no-repeat center/cover ${parseBackground(states.background)}`,

package/dist/esm/sqm-big-stat_43.entry.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-6ca0b821.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-6a3f1594.js';
 import './sqm-portal-container-view-176e92e3.js';
 import { u as usePayoutStatus } from './usePayoutStatus-7eeec61b.js';
 

package/dist/esm/sqm-stencilbook.entry.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-6ca0b821.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-6a3f1594.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-10504666.js';
 import { t as taxTypeToName, L as LoadingView } from './utils-088048b2.js';