@saasquatch/mint-components 1.7.0-21 → 1.7.0-22

package/dist/cjs/{ShadowViewAddon-fe9ec093.js → ShadowViewAddon-c22f6811.js}

@@ -11,7 +11,7 @@ const useChildElements = require('./useChildElements-24fbca82.js');
 const luxon = require('./luxon-479fc825.js');
 const utils = require('./utils-8ef4fe4a.js');
 const sqmTextSpanView = require('./sqm-text-span-view-b0c90c27.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-568c3323.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-04d8d5fb.js');
 const sqmPortalSectionView = require('./sqm-portal-section-view-71a57cd9.js');
 
 const medium = {
@@ -190,6 +190,7 @@ function LeaderboardView(props) {
 }
 
 const style$2 = {
+  Container: { maxWidth: "100%", boxSizing: "border-box" },
   HostBlock: { ...mixins.HostBlock, maxWidth: "100%", boxSizing: "border-box" },
   inputStyle: {
     "&::part(base)": { boxSizing: "border-box", maxWidth: "100%", background: "white", opacity: "1", cursor: "pointer" },
@@ -198,7 +199,7 @@ const style$2 = {
 const sheet$2 = JSS.createStyleSheet(style$2);
 const styleString$2 = sheet$2.toString();
 function ShareLinkView(props) {
-  return (index.h("div", null,
+  return (index.h("div", { class: sheet$2.classes.Container },
     index.h("style", { type: "text/css" }, styleString$2),
     index.h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open, skidding: -20 },
       index.h("sl-input", { class: sheet$2.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },

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

@@ -16,10 +16,10 @@ const useChildElements = require('./useChildElements-24fbca82.js');
 require('./luxon-479fc825.js');
 const utils = require('./utils-8ef4fe4a.js');
 require('./sqm-text-span-view-b0c90c27.js');
-require('./sqm-portal-container-view-568c3323.js');
+require('./sqm-portal-container-view-04d8d5fb.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 const useRegistrationFormState = require('./useRegistrationFormState-3f88db90.js');
-const ShadowViewAddon = require('./ShadowViewAddon-fe9ec093.js');
+const ShadowViewAddon = require('./ShadowViewAddon-c22f6811.js');
 require('./sqm-portal-section-view-71a57cd9.js');
 
 const BigStat = class {
@@ -294,10 +294,10 @@ function DividedLayoutView(props, children) {
   const hostStyle = `
   display: flex;
   box-sizing: border-box;
-  max-width: 100%;
-  flex: 1;
+  max-width: 100vw;
   flex-direction: ${props.direction};
   background-color: var(--sqm-content-background);
+  overflow: hidden;
   `;
   const vanillaStyle = `
   :host{

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

@@ -6,7 +6,7 @@ const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 const JSS = require('./JSS-c73206b7.js');
 const utils = require('./utils-8ef4fe4a.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-568c3323.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-04d8d5fb.js');
 const sqmPortalSectionView = require('./sqm-portal-section-view-71a57cd9.js');
 
 function EmptyStateView(props) {

package/dist/cjs/{sqm-portal-container-view-568c3323.js → sqm-portal-container-view-04d8d5fb.js}

@@ -17,12 +17,6 @@ function PortalContainerView(props, children) {
       maxWidth: props.maxWidth,
       margin: props.center && "auto",
       justifyContent: props.justifyContent,
-      "@media screen and (max-width: 420px)": {
-        padding: props.padding != "none" &&
-          `calc(var(--sl-spacing-${props.padding}))` >= "40px"
-          ? `calc(var(--sl-spacing-${props.padding}) - 25px)`
-          : `var(--sl-spacing-${props.padding})`,
-      },
     },
   };
   const vanillaStyle = `

package/dist/cjs/{sqm-portal-profile-view-fe307419.js → sqm-portal-profile-view-07e46db4.js}

@@ -4,7 +4,7 @@ const index = require('./index-b0129cd6.js');
 const global = require('./global-97364373.js');
 const JSS = require('./JSS-c73206b7.js');
 const sqmTextSpanView = require('./sqm-text-span-view-b0c90c27.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-568c3323.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-04d8d5fb.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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

@@ -11,8 +11,8 @@ const cjs = require('./cjs-1066ec21.js');
 require('./JSS-c73206b7.js');
 const utils = require('./utils-8ef4fe4a.js');
 require('./sqm-text-span-view-b0c90c27.js');
-require('./sqm-portal-container-view-568c3323.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-fe307419.js');
+require('./sqm-portal-container-view-04d8d5fb.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-07e46db4.js');
 
 const GET_USER = index_module.dist.gql `
   query {

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

@@ -23,11 +23,11 @@ const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view
 const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-56d07e94.js');
 const sqmPortalFooterView = require('./sqm-portal-footer-view-cbd4cd48.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-aaa8dd17.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-568c3323.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-fe307419.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-04d8d5fb.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-07e46db4.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-035245e6.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7014ca89.js');
-const ShadowViewAddon = require('./ShadowViewAddon-fe9ec093.js');
+const ShadowViewAddon = require('./ShadowViewAddon-c22f6811.js');
 const sqmPortalSectionView = require('./sqm-portal-section-view-71a57cd9.js');
 
 /**

package/dist/collection/components/sqm-divided-layout/sqm-divided-layout-view.js

@@ -24,10 +24,10 @@ export function DividedLayoutView(props, children) {
   const hostStyle = `
   display: flex;
   box-sizing: border-box;
-  max-width: 100%;
-  flex: 1;
+  max-width: 100vw;
   flex-direction: ${props.direction};
   background-color: var(--sqm-content-background);
+  overflow: hidden;
   `;
   const vanillaStyle = `
   :host{

package/dist/collection/components/sqm-portal-container/sqm-portal-container-view.js

@@ -14,12 +14,6 @@ export function PortalContainerView(props, children) {
       maxWidth: props.maxWidth,
       margin: props.center && "auto",
       justifyContent: props.justifyContent,
-      "@media screen and (max-width: 420px)": {
-        padding: props.padding != "none" &&
-          `calc(var(--sl-spacing-${props.padding}))` >= "40px"
-          ? `calc(var(--sl-spacing-${props.padding}) - 25px)`
-          : `var(--sl-spacing-${props.padding})`,
-      },
     },
   };
   const vanillaStyle = `

package/dist/collection/components/sqm-share-link/sqm-share-link-view.js

@@ -2,6 +2,7 @@ import { h } from "@stencil/core";
 import { createStyleSheet } from "../../styling/JSS";
 import { HostBlock } from "../../global/mixins";
 const style = {
+  Container: { maxWidth: "100%", boxSizing: "border-box" },
   HostBlock: { ...HostBlock, maxWidth: "100%", boxSizing: "border-box" },
   inputStyle: {
     "&::part(base)": { boxSizing: "border-box", maxWidth: "100%", background: "white", opacity: "1", cursor: "pointer" },
@@ -10,7 +11,7 @@ const style = {
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 export function ShareLinkView(props) {
-  return (h("div", null,
+  return (h("div", { class: sheet.classes.Container },
     h("style", { type: "text/css" }, styleString),
     h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open, skidding: -20 },
       h("sl-input", { class: sheet.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },

package/dist/esm/{ShadowViewAddon-fa7da0c3.js → ShadowViewAddon-53f4aee6.js}

@@ -9,7 +9,7 @@ import { u as useChildElements } from './useChildElements-707c186b.js';
 import { l as luxon } from './luxon-198ac0b0.js';
 import { l as luxonLocale } from './utils-d7bbb0e2.js';
 import { T as TextSpanView } from './sqm-text-span-view-20c0f018.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-3b2ef743.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-1cfa5910.js';
 import { P as PortalSectionView } from './sqm-portal-section-view-d64cd5de.js';
 
 const medium = {
@@ -188,6 +188,7 @@ function LeaderboardView(props) {
 }
 
 const style$2 = {
+  Container: { maxWidth: "100%", boxSizing: "border-box" },
   HostBlock: { ...HostBlock, maxWidth: "100%", boxSizing: "border-box" },
   inputStyle: {
     "&::part(base)": { boxSizing: "border-box", maxWidth: "100%", background: "white", opacity: "1", cursor: "pointer" },
@@ -196,7 +197,7 @@ const style$2 = {
 const sheet$2 = createStyleSheet(style$2);
 const styleString$2 = sheet$2.toString();
 function ShareLinkView(props) {
-  return (h("div", null,
+  return (h("div", { class: sheet$2.classes.Container },
     h("style", { type: "text/css" }, styleString$2),
     h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open, skidding: -20 },
       h("sl-input", { class: sheet$2.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },

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

@@ -12,10 +12,10 @@ import { u as useChildElements } from './useChildElements-707c186b.js';
 import './luxon-198ac0b0.js';
 import { g as getProps, a as getMissingProps, s as sanitizeUrlPath } from './utils-d7bbb0e2.js';
 import './sqm-text-span-view-20c0f018.js';
-import './sqm-portal-container-view-3b2ef743.js';
+import './sqm-portal-container-view-1cfa5910.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-00754831.js';
-import { c as useDemoBigStat, K as useBigStat, B as BigStatView, H as autoColorScaleCss, G as CardFeedView, C as CheckboxFieldView, D as DropdownFieldView, E as EditProfileView, I as InputFieldView, M as withShadowView, L as LeaderboardView, N as NameFieldsView, e as PortalChangePasswordView, P as PortalFrameView, f as PortalLoginView, g as PortalRegisterView, R as ReferralIframeView, O as demoRewardExchange, i as RewardExchangeView, Q as pathToRegexp, b as useShareButton, S as ShareButtonView, a as ShareLinkView, u as useShareLink, d as StatContainerView, T as TaskCardView } from './ShadowViewAddon-fa7da0c3.js';
+import { c as useDemoBigStat, K as useBigStat, B as BigStatView, H as autoColorScaleCss, G as CardFeedView, C as CheckboxFieldView, D as DropdownFieldView, E as EditProfileView, I as InputFieldView, M as withShadowView, L as LeaderboardView, N as NameFieldsView, e as PortalChangePasswordView, P as PortalFrameView, f as PortalLoginView, g as PortalRegisterView, R as ReferralIframeView, O as demoRewardExchange, i as RewardExchangeView, Q as pathToRegexp, b as useShareButton, S as ShareButtonView, a as ShareLinkView, u as useShareLink, d as StatContainerView, T as TaskCardView } from './ShadowViewAddon-53f4aee6.js';
 import './sqm-portal-section-view-d64cd5de.js';
 
 const BigStat = class {
@@ -290,10 +290,10 @@ function DividedLayoutView(props, children) {
   const hostStyle = `
   display: flex;
   box-sizing: border-box;
-  max-width: 100%;
-  flex: 1;
+  max-width: 100vw;
   flex-direction: ${props.direction};
   background-color: var(--sqm-content-background);
+  overflow: hidden;
   `;
   const vanillaStyle = `
   :host{

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

@@ -2,7 +2,7 @@ import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
 import { m as h$1 } from './stencil-hooks.module-203eab48.js';
 import { c as createStyleSheet } from './JSS-506b9295.js';
 import { g as getProps } from './utils-d7bbb0e2.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-3b2ef743.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-1cfa5910.js';
 import { P as PortalSectionView } from './sqm-portal-section-view-d64cd5de.js';
 
 function EmptyStateView(props) {

package/dist/esm/{sqm-portal-container-view-3b2ef743.js → sqm-portal-container-view-1cfa5910.js}

@@ -15,12 +15,6 @@ function PortalContainerView(props, children) {
       maxWidth: props.maxWidth,
       margin: props.center && "auto",
       justifyContent: props.justifyContent,
-      "@media screen and (max-width: 420px)": {
-        padding: props.padding != "none" &&
-          `calc(var(--sl-spacing-${props.padding}))` >= "40px"
-          ? `calc(var(--sl-spacing-${props.padding}) - 25px)`
-          : `var(--sl-spacing-${props.padding})`,
-      },
     },
   };
   const vanillaStyle = `

package/dist/esm/{sqm-portal-profile-view-3dbfa33e.js → sqm-portal-profile-view-fb195ecc.js}

@@ -2,7 +2,7 @@ import { h } from './index-17b4da69.js';
 import { i as intl } from './global-eca905d7.js';
 import { c as createStyleSheet } from './JSS-506b9295.js';
 import { T as TextSpanView } from './sqm-text-span-view-20c0f018.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-3b2ef743.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-1cfa5910.js';
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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

@@ -7,8 +7,8 @@ import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-506b9295.js';
 import { g as getProps } from './utils-d7bbb0e2.js';
 import './sqm-text-span-view-20c0f018.js';
-import './sqm-portal-container-view-3b2ef743.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-3dbfa33e.js';
+import './sqm-portal-container-view-1cfa5910.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-fb195ecc.js';
 
 const GET_USER = dist.gql `
   query {

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

@@ -19,11 +19,11 @@ import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-vi
 import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-6934bd2c.js';
 import { a as PoweredByImg$1, P as PortalFooterView } from './sqm-portal-footer-view-55f4a3d2.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-38910bc9.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-3b2ef743.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-3dbfa33e.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-1cfa5910.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-fb195ecc.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-55411ca5.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-7ba350f9.js';
-import { S as ShareButtonView, L as LeaderboardView, a as ShareLinkView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as useDemoBigStat, d as StatContainerView, e as PortalChangePasswordView, f as PortalLoginView, g as PortalRegisterView, T as TaskCardView, h as ProgressBarView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, 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 CardFeedView, H as autoColorScaleCss, J as ShadowViewAddon } from './ShadowViewAddon-fa7da0c3.js';
+import { S as ShareButtonView, L as LeaderboardView, a as ShareLinkView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as useDemoBigStat, d as StatContainerView, e as PortalChangePasswordView, f as PortalLoginView, g as PortalRegisterView, T as TaskCardView, h as ProgressBarView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, 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 CardFeedView, H as autoColorScaleCss, J as ShadowViewAddon } from './ShadowViewAddon-53f4aee6.js';
 import { P as PortalSectionView } from './sqm-portal-section-view-d64cd5de.js';
 
 /**