@saasquatch/mint-components 2.0.0-60 → 2.0.0-62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/dist/cjs/{ShadowViewAddon-016bebfd.js → ShadowViewAddon-23b04c91.js} +1 -1
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/mint-components.cjs.js +1 -1
  4. package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +3 -4
  5. package/dist/cjs/sqm-big-stat_46.cjs.entry.js +2 -2
  6. package/dist/cjs/sqm-empty_4.cjs.entry.js +1 -1
  7. package/dist/cjs/sqm-form-message.cjs.entry.js +9 -5
  8. package/dist/cjs/{sqm-portal-container-view-ca86b9e5.js → sqm-portal-container-view-07e4343f.js} +1 -1
  9. package/dist/cjs/sqm-stencilbook.cjs.entry.js +21 -3
  10. package/dist/collection/components/sqm-form-message/FormMessage.stories.js +14 -0
  11. package/dist/collection/components/sqm-form-message/sqm-form-message.css +7 -0
  12. package/dist/collection/components/sqm-form-message/sqm-form-message.js +26 -4
  13. package/dist/collection/components/sqm-portal-container/sqm-portal-container-view.js +1 -1
  14. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js +3 -4
  15. package/dist/esm/{ShadowViewAddon-4cde160a.js → ShadowViewAddon-c0bd62f7.js} +1 -1
  16. package/dist/esm/loader.js +1 -1
  17. package/dist/esm/mint-components.js +1 -1
  18. package/dist/esm/sqm-banking-info-form_10.entry.js +3 -4
  19. package/dist/esm/sqm-big-stat_46.entry.js +2 -2
  20. package/dist/esm/sqm-empty_4.entry.js +1 -1
  21. package/dist/esm/sqm-form-message.entry.js +9 -5
  22. package/dist/esm/{sqm-portal-container-view-16309b22.js → sqm-portal-container-view-176e92e3.js} +1 -1
  23. package/dist/esm/sqm-stencilbook.entry.js +21 -3
  24. package/dist/esm-es5/{ShadowViewAddon-4cde160a.js → ShadowViewAddon-c0bd62f7.js} +1 -1
  25. package/dist/esm-es5/loader.js +1 -1
  26. package/dist/esm-es5/mint-components.js +1 -1
  27. package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
  28. package/dist/esm-es5/sqm-big-stat_46.entry.js +1 -1
  29. package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
  30. package/dist/esm-es5/sqm-form-message.entry.js +1 -1
  31. package/dist/esm-es5/{sqm-portal-container-view-16309b22.js → sqm-portal-container-view-176e92e3.js} +1 -1
  32. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  33. package/dist/mint-components/mint-components.esm.js +1 -1
  34. package/dist/mint-components/{p-9fed62f8.system.entry.js → p-35081b0c.system.entry.js} +1 -1
  35. package/dist/mint-components/{p-5c97c43e.system.entry.js → p-454a6d05.system.entry.js} +1 -1
  36. package/dist/mint-components/p-478ad7c8.system.entry.js +1 -0
  37. package/dist/mint-components/{p-9df7c27f.entry.js → p-622b4066.entry.js} +1 -1
  38. package/dist/mint-components/{p-1ce5a30d.entry.js → p-6b247deb.entry.js} +1 -1
  39. package/dist/mint-components/{p-3bf5cd51.entry.js → p-76d4ef41.entry.js} +1 -1
  40. package/dist/mint-components/{p-4ffc5bce.js → p-7d735c9c.js} +1 -1
  41. package/dist/mint-components/{p-1fa9ef02.js → p-9580aac3.js} +1 -1
  42. package/dist/mint-components/p-967a9040.system.js +1 -1
  43. package/dist/mint-components/{p-69d8b4f2.system.entry.js → p-a63a985a.system.entry.js} +1 -1
  44. package/dist/mint-components/p-a6f4fb03.system.js +1 -0
  45. package/dist/mint-components/p-ac9138fd.entry.js +1 -0
  46. package/dist/mint-components/p-b038b72a.system.entry.js +1 -0
  47. package/dist/mint-components/{p-c62b277d.system.js → p-bb452830.system.js} +1 -1
  48. package/dist/mint-components/{p-38263521.entry.js → p-c40ea48b.entry.js} +1 -1
  49. package/dist/types/components/sqm-form-message/FormMessage.stories.d.ts +4 -0
  50. package/dist/types/components/sqm-form-message/sqm-form-message.d.ts +4 -0
  51. package/dist/types/components.d.ts +8 -0
  52. package/docs/docs.docx +0 -0
  53. package/docs/raisins.json +1 -1
  54. package/grapesjs/grapesjs.js +1 -1
  55. package/package.json +1 -1
  56. package/dist/mint-components/p-1ba34945.system.entry.js +0 -1
  57. package/dist/mint-components/p-916a2045.system.entry.js +0 -1
  58. package/dist/mint-components/p-92bed2ad.system.js +0 -1
  59. package/dist/mint-components/p-a597b136.entry.js +0 -1
  60. package/shoelace/assets/icons/twitter-x.svg +0 -4
package/dist/esm-es5/sqm-empty_4.entry.js CHANGED
@@ -1 +1 @@
1
- var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,s=arguments.length;n<s;n++){e=arguments[n];for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o))t[o]=e[o]}return t};return __assign.apply(this,arguments)};import{h,r as registerInstance,c as Host}from"./index-b3a06de8.js";import{i as intl}from"./global-1099f20d.js";import{n as h$1}from"./dom-context-hooks.module-63370afd.js";import"./index.module-c9811a48.js";import{g as getProps}from"./utils-84b4b092.js";import"./JSS-67b5cff8.js";import{P as PortalContainerView,a as PortalSectionView}from"./sqm-portal-container-view-16309b22.js";function EmptyStateView(t){var e=t.emptyStateHeader,n=t.emptyStateImage,s=t.emptyStateText,o=t.supportText,i=t.missingFeature,a=i===void 0?"":i;return h("sqm-portal-container",{padding:"large",gap:"medium",part:"sqm-base"},h("img",{style:{height:"100px",margin:"auto"},src:n}),h("sqm-titled-section",{style:{maxHeight:"400px"},"label-margin":"xxx-small","text-align":"center"},h("sqm-text",{slot:"label"},h("p",{part:"header-text"},e)),h("sqm-text",{slot:"content"},h("p",{part:"description-text"},intl.formatMessage({id:"emptyStateText",defaultMessage:s},{supportText:h("a",{target:"_blank",href:"mailto:saasquatch-support@impact.com?subject=Next steps for "+a+" feature&body=Hi Support Team, %0D%0A\n %0D%0A \n I am interested to learn more about the "+a+" feature. Please let me know the next steps to access this feature, including any necessary plan upgrades.%0D%0A\n %0D%0A \n - Feature Interested In: "+a+"%0D%0A\n - Company Name: [Please fill out your company name here]%0D%0A\n %0D%0A\n Thank you"},o)})))))}var Empty=function(){function t(t){registerInstance(this,t);this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png"}t.prototype.render=function(){return h(Host,{slot:"empty"},h(EmptyStateView,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText,supportText:this.supportText}))};return t}();var PortalContainer=function(){function t(t){registerInstance(this,t);this.ignored=true;this.direction="column";this.gap="xxx-large";this.display="grid";this.maxWidth="100%";this.flexWrap="wrap";h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return h(PortalContainerView,Object.assign({},getProps(this)),h("slot",null))};return t}();var Text=function(){function t(t){registerInstance(this,t);this.ignored=true;h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.componentWillLoad=function(){};t.prototype.render=function(){var t="\n sqm-text {\n display: block;\n color: "+(this.textColor||"var(--sqm-text)")+";\n }\n\n sqm-text h1 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-xxx-large)")+";\n font-weight: var(--sl-font-weight-semibold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text h2 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-xx-large)")+";\n font-weight: var(--sl-font-weight-semibold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text h3 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-x-large)")+";\n font-weight: var(--sl-font-weight-semibold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text h4 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-large)")+";\n font-weight: var(--sl-font-weight-bold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text p {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-medium)")+";\n font-weight: var(--sl-font-weight-normal);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text sub {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-small)")+";\n font-weight: var(--sl-font-weight-normal);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n ";return h("div",null,h("style",null,t),h("slot",null))};return t}();var TitledSection=function(){function t(t){registerInstance(this,t);this.textAlign="left";this.labelMargin="small";this.padding="none";h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=h("slot",{name:"label"},this.label);var e=h("slot",{name:"content"});return h(PortalSectionView,Object.assign({},__assign(__assign({},getProps(this)),{label:t,content:e})))};return t}();export{Empty as sqm_empty,PortalContainer as sqm_portal_container,Text as sqm_text,TitledSection as sqm_titled_section};
1
+ var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,s=arguments.length;n<s;n++){e=arguments[n];for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o))t[o]=e[o]}return t};return __assign.apply(this,arguments)};import{h,r as registerInstance,c as Host}from"./index-b3a06de8.js";import{i as intl}from"./global-1099f20d.js";import{n as h$1}from"./dom-context-hooks.module-63370afd.js";import"./index.module-c9811a48.js";import{g as getProps}from"./utils-84b4b092.js";import"./JSS-67b5cff8.js";import{P as PortalContainerView,a as PortalSectionView}from"./sqm-portal-container-view-176e92e3.js";function EmptyStateView(t){var e=t.emptyStateHeader,n=t.emptyStateImage,s=t.emptyStateText,o=t.supportText,i=t.missingFeature,a=i===void 0?"":i;return h("sqm-portal-container",{padding:"large",gap:"medium",part:"sqm-base"},h("img",{style:{height:"100px",margin:"auto"},src:n}),h("sqm-titled-section",{style:{maxHeight:"400px"},"label-margin":"xxx-small","text-align":"center"},h("sqm-text",{slot:"label"},h("p",{part:"header-text"},e)),h("sqm-text",{slot:"content"},h("p",{part:"description-text"},intl.formatMessage({id:"emptyStateText",defaultMessage:s},{supportText:h("a",{target:"_blank",href:"mailto:saasquatch-support@impact.com?subject=Next steps for "+a+" feature&body=Hi Support Team, %0D%0A\n %0D%0A \n I am interested to learn more about the "+a+" feature. Please let me know the next steps to access this feature, including any necessary plan upgrades.%0D%0A\n %0D%0A \n - Feature Interested In: "+a+"%0D%0A\n - Company Name: [Please fill out your company name here]%0D%0A\n %0D%0A\n Thank you"},o)})))))}var Empty=function(){function t(t){registerInstance(this,t);this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png"}t.prototype.render=function(){return h(Host,{slot:"empty"},h(EmptyStateView,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText,supportText:this.supportText}))};return t}();var PortalContainer=function(){function t(t){registerInstance(this,t);this.ignored=true;this.direction="column";this.gap="xxx-large";this.display="grid";this.maxWidth="100%";this.flexWrap="wrap";h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return h(PortalContainerView,Object.assign({},getProps(this)),h("slot",null))};return t}();var Text=function(){function t(t){registerInstance(this,t);this.ignored=true;h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.componentWillLoad=function(){};t.prototype.render=function(){var t="\n sqm-text {\n display: block;\n color: "+(this.textColor||"var(--sqm-text)")+";\n }\n\n sqm-text h1 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-xxx-large)")+";\n font-weight: var(--sl-font-weight-semibold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text h2 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-xx-large)")+";\n font-weight: var(--sl-font-weight-semibold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text h3 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-x-large)")+";\n font-weight: var(--sl-font-weight-semibold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text h4 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-large)")+";\n font-weight: var(--sl-font-weight-bold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text p {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-medium)")+";\n font-weight: var(--sl-font-weight-normal);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text sub {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-small)")+";\n font-weight: var(--sl-font-weight-normal);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n ";return h("div",null,h("style",null,t),h("slot",null))};return t}();var TitledSection=function(){function t(t){registerInstance(this,t);this.textAlign="left";this.labelMargin="small";this.padding="none";h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=h("slot",{name:"label"},this.label);var e=h("slot",{name:"content"});return h(PortalSectionView,Object.assign({},__assign(__assign({},getProps(this)),{label:t,content:e})))};return t}();export{Empty as sqm_empty,PortalContainer as sqm_portal_container,Text as sqm_text,TitledSection as sqm_titled_section};
package/dist/esm-es5/sqm-form-message.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as registerInstance,h as h$1}from"./index-b3a06de8.js";import{n as h}from"./dom-context-hooks.module-63370afd.js";var sqmFormMessageCss="sl-alert::part(base){border:var(--sqm-border-thickness) solid;border-radius:var(--sqm-border-radius-normal);font-family:var(--sqm-primary-font)}.Error::part(base){color:var(--sqm-danger-color-text);background-color:var(--sqm-danger-color-background);border-color:var(--sqm-danger-color-border);font-size:14px}.Error #icon{color:var(--sqm-danger-color-icon);font-size:24px}.Warning::part(base){color:var(--sqm-warning-color-text);background-color:var(--sqm-warning-color-background);border-color:var(--sqm-warning-color-border)}.Warning #icon{color:var(--sqm-warning-color-icon);font-size:24px}.Success::part(base){color:var(--sqm-success-color-text);background-color:var(--sqm-success-color-background);border-color:var(--sqm-success-color-border)}.Success #icon{color:var(--sqm-success-color-icon);font-size:24px}.Info::part(base){color:var(--sqm-informative-color-text);background-color:var(--sqm-informative-color-background);border-color:var(--sqm-informative-color-border)}.Info #icon{color:var(--sqm-informative-color-icon);font-size:24px}::slotted(*){margin:0}::slotted(*[part=alert-title]){font-size:16px;font-weight:bold}::slotted(*[part=alert-description]),::slotted(*[part=erroralert-text]){font-size:14px}";var FormMessage=function(){function r(r){registerInstance(this,r);this.ignored=true;h(this)}r.prototype.disconnectedCallback=function(){};r.prototype.render=function(){if(this.type==="error"){return h$1("sl-alert",{exportparts:"base: erroralert-base, icon:erroralert-icon",class:"Error",type:"danger",open:true},h$1("sl-icon",{id:"icon",slot:"icon",name:""+(this.icon?this.icon:"exclamation-octagon")}),h$1("slot",null))}else if(this.type==="info"){return h$1("sl-alert",{id:"icon",exportparts:"base: infoalert-base, icon:infoalert-icon",class:"Info",type:"primary",open:true},h$1("sl-icon",{id:"icon",slot:"icon",name:""+(this.icon?this.icon:"info-circle")}),h$1("slot",null))}else if(this.type==="warning"){return h$1("sl-alert",{exportparts:"base: warningalert-base, icon:warningalert-icon",class:"Warning",type:"warning",open:true},h$1("sl-icon",{id:"icon",slot:"icon",name:""+(this.icon?this.icon:"exclamation-triangle")}),h$1("slot",null))}else{return h$1("sl-alert",{exportparts:"base: successalert-base, icon:successalert-icon",class:"Success",type:"success",open:true},h$1("sl-icon",{id:"icon",slot:"icon",name:""+(this.icon?this.icon:"check2-circle")}),h$1("slot",null))}};return r}();FormMessage.style=sqmFormMessageCss;export{FormMessage as sqm_form_message};
1
+ import{r as registerInstance,h as h$1}from"./index-b3a06de8.js";import{n as h}from"./dom-context-hooks.module-63370afd.js";var sqmFormMessageCss="sl-alert::part(base){border:var(--sqm-border-thickness) solid;border-radius:var(--sqm-border-radius-normal);font-family:var(--sqm-primary-font)}.Error::part(base){color:var(--sqm-danger-color-text);background-color:var(--sqm-danger-color-background);border-color:var(--sqm-danger-color-border);font-size:14px}.Error #icon{color:var(--sqm-danger-color-icon);font-size:24px}.Warning::part(base){color:var(--sqm-warning-color-text);background-color:var(--sqm-warning-color-background);border-color:var(--sqm-warning-color-border)}.Warning #icon{color:var(--sqm-warning-color-icon);font-size:24px}.Success::part(base){color:var(--sqm-success-color-text);background-color:var(--sqm-success-color-background);border-color:var(--sqm-success-color-border)}.Success #icon{color:var(--sqm-success-color-icon);font-size:24px}.Info::part(base){color:var(--sqm-informative-color-text);background-color:var(--sqm-informative-color-background);border-color:var(--sqm-informative-color-border)}.Info #icon{color:var(--sqm-informative-color-icon);font-size:24px}.Transparent::part(base){background-color:transparent;border:none;color:var(--sqm-text);margin-left:-20px}::slotted(*){margin:0}::slotted(*[part=alert-title]){font-size:16px;font-weight:bold}::slotted(*[part=alert-description]),::slotted(*[part=erroralert-text]){font-size:14px}";var FormMessage=function(){function r(r){registerInstance(this,r);this.ignored=true;this.transparent=false;h(this)}r.prototype.disconnectedCallback=function(){};r.prototype.render=function(){if(this.type==="error"){return h$1("sl-alert",{exportparts:"base: erroralert-base, icon:erroralert-icon",class:"Error "+(this.transparent?"Transparent":""),type:"danger",open:true},h$1("sl-icon",{id:"icon",slot:"icon",name:""+(this.icon?this.icon:"exclamation-octagon")}),h$1("slot",null))}else if(this.type==="info"){return h$1("sl-alert",{id:"icon",exportparts:"base: infoalert-base, icon:infoalert-icon",class:"Info "+(this.transparent?"Transparent":""),type:"info",open:true},h$1("sl-icon",{id:"icon",slot:"icon",name:""+(this.icon?this.icon:"info-circle")}),h$1("slot",null))}else if(this.type==="warning"){return h$1("sl-alert",{exportparts:"base: warningalert-base, icon:warningalert-icon",class:"Warning "+(this.transparent?"Transparent":""),type:"warning",open:true},h$1("sl-icon",{id:"icon",slot:"icon",name:""+(this.icon?this.icon:"exclamation-triangle")}),h$1("slot",null))}else{return h$1("sl-alert",{exportparts:"base: successalert-base, icon:successalert-icon",class:"Success "+(this.transparent?"Transparent":""),type:"success",open:true},h$1("sl-icon",{id:"icon",slot:"icon",name:""+(this.icon?this.icon:"check2-circle")}),h$1("slot",null))}};return r}();FormMessage.style=sqmFormMessageCss;export{FormMessage as sqm_form_message};
package/dist/esm-es5/{sqm-portal-container-view-16309b22.js → sqm-portal-container-view-176e92e3.js} RENAMED
@@ -1 +1 @@
1
- import{h}from"./index-b3a06de8.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";function PortalSectionView(a){var t={LabelContainer:{"margin-bottom":a.labelMargin==="none"?a.labelMargin:"var(--sl-spacing-"+a.labelMargin+")"},SectionContainer:{textAlign:a.textAlign||"left",padding:a.padding==="none"?"0":"var(--sl-spacing-"+a.padding+")"}};var e=createStyleSheet(t);var n=e.toString();return h("div",{class:e.classes.SectionContainer,part:"sqm-base"},h("style",{type:"text/css"},n),h("div",{class:e.classes.LabelContainer,part:"sqm-label"},a.label),a.content)}function PortalContainerView(a,t){var e={Container:{boxSizing:"border-box",display:a.display||"grid",flexWrap:a.flexWrap||"wrap","grid-template-columns":a.direction==="row"?"repeat(auto-fill, minmax("+a.minWidth+", auto))":"100%","grid-gap":"var(--sl-spacing-"+a.gap+")",padding:a.padding==="none"?"0":"var(--sl-spacing-"+a.padding+")",maxWidth:a.maxWidth,margin:a.center&&"auto",justifyContent:a.justifyContent,backgroundColor:a.backgroundColor||"inherit"}};var n="\n :host{\n width: 100%;\n display: block;\n }";var i=createStyleSheet(e);var r=i.toString();return h("div",{class:i.classes.Container,part:"sqm-base"},h("style",{type:"text/css"},n,r),t)}export{PortalContainerView as P,PortalSectionView as a};
1
+ import{h}from"./index-b3a06de8.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";function PortalSectionView(a){var t={LabelContainer:{"margin-bottom":a.labelMargin==="none"?a.labelMargin:"var(--sl-spacing-"+a.labelMargin+")"},SectionContainer:{textAlign:a.textAlign||"left",padding:a.padding==="none"?"0":"var(--sl-spacing-"+a.padding+")"}};var e=createStyleSheet(t);var n=e.toString();return h("div",{class:e.classes.SectionContainer,part:"sqm-base"},h("style",{type:"text/css"},n),h("div",{class:e.classes.LabelContainer,part:"sqm-label"},a.label),a.content)}function PortalContainerView(a,t){var e={Container:{boxSizing:"border-box",display:a.display||"grid",flexWrap:a.flexWrap||"wrap","grid-template-columns":a.direction==="row"?"repeat(auto-fill, minmax("+a.minWidth+", auto))":"100%","grid-gap":"var(--sl-spacing-"+a.gap+")",padding:a.padding==="none"?"0":"var(--sl-spacing-"+a.padding+")",maxWidth:a.maxWidth,margin:a.center&&"auto",justifyContent:a.justifyContent,backgroundColor:a.backgroundColor||"var(--sqm-portal-background)"}};var n="\n :host{\n width: 100%;\n display: block;\n }";var r=createStyleSheet(e);var i=r.toString();return h("div",{class:r.classes.Container,part:"sqm-base"},h("style",{type:"text/css"},n,i),t)}export{PortalContainerView as P,PortalSectionView as a};