@zonos/elements 1.3.40 → 1.3.42

package/dist/zonos-elements/{p-f643035f.entry.js → p-9220f63d.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,H as s}from"./p-dd61b7a0.js";import{d as o}from"./p-92bebe7a.js";import{c as i}from"./p-b4b7f705.js";import{i as a}from"./p-66eb66d1.js";const h={pageHeader:{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",weight:900},secondaryPageHeader:{label:'Secondary Page Header (3XL) • 34px, 500 "Medium"',size:"3xl",tag:"h2",weight:500},header:{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",weight:700},descriptionHeader:{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",weight:700},title:{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",weight:600},boldSubheader:{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",weight:700},semiBoldSubheader:{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",weight:600},subheader:{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",weight:500},boldLabel:{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",weight:700},semiBoldLabel:{label:"Semi Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",weight:600},label:{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",weight:500},body:{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",weight:400},smallHeader:{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",weight:600},caption:{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",weight:400},hintText:{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",weight:400}},l=class{constructor(t){e(this,t),this.textColor="gray-1200",this.size=void 0,this.type="body",this.weight=void 0,this.ready=!1}componentDidRender(){setTimeout((()=>{this.ready=!0}),100)}render(){const{size:e,tag:l,weight:n}=h.body,{size:r,tag:z,weight:x}=h[this.type],g=this.size||r||e,m=this.weight||x||n,d=z||l,b=a(this.textColor)?`var(--zonos-elements-${this.textColor})`:this.textColor;return t(s,{class:i(["zonos--elements",`zonos--text-size-${g}`,`zonos--text-weight-${m}`]),style:{"--color":b,"--font-family":o()}},(()=>{switch(d){case"h2":return t("h2",null,t("slot",null));case"h3":return t("h3",null,t("slot",null));case"h4":return t("h4",null,t("slot",null));case"h5":return t("h5",null,t("slot",null));default:return t("span",null,t("slot",null))}})())}};l.style=":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{color:var(--color)}:host(.zonos--text-size-3xl)>*,:host(.zonos--text-size-3xl){font-size:var(--zonos-elements-font-size-3xl)}:host(.zonos--text-size-2xl)>*,:host(.zonos--text-size-2xl){font-size:var(--zonos-elements-font-size-2xl)}:host(.zonos--text-size-xl)>*,:host(.zonos--text-size-xl){font-size:var(--zonos-elements-font-size-xl)}:host(.zonos--text-size-l)>*,:host(.zonos--text-size-l){font-size:var(--zonos-elements-font-size-l)}:host(.zonos--text-size-base)>*,:host(.zonos--text-size-base){font-size:var(--zonos-elements-font-size-base)}:host(.zonos--text-size-s)>*,:host(.zonos--text-size-s){font-size:var(--zonos-elements-font-size-s)}:host(.zonos--text-size-xs)>*,:host(.zonos--text-size-xs){font-size:var(--zonos-elements-font-size-xs)}:host(.zonos--text-weight-900)>*,:host(.zonos--text-weight-900){font-weight:900}:host(.zonos--text-weight-700)>*,:host(.zonos--text-weight-700){font-weight:700}:host(.zonos--text-weight-600)>*,:host(.zonos--text-weight-600){font-weight:600}:host(.zonos--text-weight-500)>*,:host(.zonos--text-weight-500){font-weight:500}:host(.zonos--text-weight-400)>*,:host(.zonos--text-weight-400){font-weight:400}";export{l as zonos_text}
+import{r as e,h as t,H as s}from"./p-5b7da777.js";import{d as o}from"./p-04054425.js";import{c as i}from"./p-b4b7f705.js";import{i as a}from"./p-66eb66d1.js";const h={pageHeader:{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",weight:900},secondaryPageHeader:{label:'Secondary Page Header (3XL) • 34px, 500 "Medium"',size:"3xl",tag:"h2",weight:500},header:{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",weight:700},descriptionHeader:{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",weight:700},title:{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",weight:600},boldSubheader:{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",weight:700},semiBoldSubheader:{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",weight:600},subheader:{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",weight:500},boldLabel:{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",weight:700},semiBoldLabel:{label:"Semi Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",weight:600},label:{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",weight:500},body:{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",weight:400},smallHeader:{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",weight:600},caption:{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",weight:400},hintText:{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",weight:400}},l=class{constructor(t){e(this,t),this.textColor="gray-1200",this.size=void 0,this.type="body",this.weight=void 0,this.ready=!1}componentDidRender(){setTimeout((()=>{this.ready=!0}),100)}render(){const{size:e,tag:l,weight:n}=h.body,{size:r,tag:z,weight:x}=h[this.type],g=this.size||r||e,m=this.weight||x||n,d=z||l,b=a(this.textColor)?`var(--zonos-elements-${this.textColor})`:this.textColor;return t(s,{class:i(["zonos--elements",`zonos--text-size-${g}`,`zonos--text-weight-${m}`]),style:{"--color":b,"--font-family":o()}},(()=>{switch(d){case"h2":return t("h2",null,t("slot",null));case"h3":return t("h3",null,t("slot",null));case"h4":return t("h4",null,t("slot",null));case"h5":return t("h5",null,t("slot",null));default:return t("span",null,t("slot",null))}})())}};l.style=":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{color:var(--color)}:host(.zonos--text-size-3xl)>*,:host(.zonos--text-size-3xl){font-size:var(--zonos-elements-font-size-3xl)}:host(.zonos--text-size-2xl)>*,:host(.zonos--text-size-2xl){font-size:var(--zonos-elements-font-size-2xl)}:host(.zonos--text-size-xl)>*,:host(.zonos--text-size-xl){font-size:var(--zonos-elements-font-size-xl)}:host(.zonos--text-size-l)>*,:host(.zonos--text-size-l){font-size:var(--zonos-elements-font-size-l)}:host(.zonos--text-size-base)>*,:host(.zonos--text-size-base){font-size:var(--zonos-elements-font-size-base)}:host(.zonos--text-size-s)>*,:host(.zonos--text-size-s){font-size:var(--zonos-elements-font-size-s)}:host(.zonos--text-size-xs)>*,:host(.zonos--text-size-xs){font-size:var(--zonos-elements-font-size-xs)}:host(.zonos--text-weight-900)>*,:host(.zonos--text-weight-900){font-weight:900}:host(.zonos--text-weight-700)>*,:host(.zonos--text-weight-700){font-weight:700}:host(.zonos--text-weight-600)>*,:host(.zonos--text-weight-600){font-weight:600}:host(.zonos--text-weight-500)>*,:host(.zonos--text-weight-500){font-weight:500}:host(.zonos--text-weight-400)>*,:host(.zonos--text-weight-400){font-weight:400}";export{l as zonos_text}

package/dist/zonos-elements/{p-3496183d.entry.js → p-9420f9db.entry.js}

@@ -1 +1 @@
-import{r as o,h as e,H as s}from"./p-dd61b7a0.js";import{d as r}from"./p-92bebe7a.js";import{c as t}from"./p-b4b7f705.js";const n=class{constructor(e){o(this,e),this.handleSlotChange=()=>{this.hasContent=!0},this.bannerTitle=void 0,this.intent=void 0,this.hasContent=!1}render(){const o=({color:o})=>{const s=`var(--zonos-elements-${o}-800)`,r=`var(--zonos-elements-${o}-300)`,[n,a]=[this.bannerTitle,e("slot",{onSlotchange:this.handleSlotChange})].filter(Boolean),l="gray"===o?"gray-1200":`${o}-800`;return e("div",{class:t(["zonos--container"])},e("div",{class:"zonos--icon-wrapper"},e("svg",{color:s,fill:"none",height:"20",viewBox:"0 0 24 24",width:"20",xmlns:"https://www.w3.org/2000/svg"},e("path",{"clip-rule":"evenodd",d:"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Z","data-is-secondary-color":"true",fill:r,"fill-rule":"evenodd"}),e("path",{"clip-rule":"evenodd",d:"M12 6.99a1 1 0 0 1 1 1V8a1 1 0 1 1-2 0v-.01a1 1 0 0 1 1-1ZM12 11a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1Z",fill:"currentColor","fill-rule":"evenodd"}))),e("div",{class:"zonos--header-wrapper"},e("zonos-text",{textColor:l,type:"label",weight:600},n)),a&&e("div",{class:"zonos--content-wrapper"},e("zonos-text",{textColor:l},a)))},n=t(["zonos--elements zonos--banner",this.intent]),a=r();switch(this.intent){case"error":return e(s,{class:n,style:{"--font-family":a}},o({color:"red"}));case"info":return e(s,{class:n,style:{"--font-family":a}},o({color:"blue"}));case"success":return e(s,{class:n,style:{"--font-family":a}},o({color:"green"}));case"warning":return e(s,{class:n,style:{"--font-family":a}},o({color:"orange"}));default:return e(s,{class:n,style:{"--font-family":a}},o({color:"gray"}))}}};n.style=':host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{border-radius:var(--zonos-elements-radius-10);padding:16px;background:var(--zonos-elements-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:"icon header" ". content";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:0px;grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:4px}:host(.info){background-color:var(--zonos-elements-blue-100);border:1px solid var(--zonos-elements-blue-200)}:host(.success){background-color:var(--zonos-elements-green-100);border:1px solid var(--zonos-elements-green-200)}:host(.error){background-color:var(--zonos-elements-red-100);border:1px solid var(--zonos-elements-red-200)}:host(.warning){background-color:var(--zonos-elements-orange-100);border:1px solid var(--zonos-elements-orange-200)}';export{n as zonos_banner}
+import{r as o,h as e,H as s}from"./p-5b7da777.js";import{d as r}from"./p-04054425.js";import{c as t}from"./p-b4b7f705.js";const n=class{constructor(e){o(this,e),this.handleSlotChange=()=>{this.hasContent=!0},this.bannerTitle=void 0,this.intent=void 0,this.hasContent=!1}render(){const o=({color:o})=>{const s=`var(--zonos-elements-${o}-800)`,r=`var(--zonos-elements-${o}-300)`,[n,a]=[this.bannerTitle,e("slot",{onSlotchange:this.handleSlotChange})].filter(Boolean),l="gray"===o?"gray-1200":`${o}-800`;return e("div",{class:t(["zonos--container"])},e("div",{class:"zonos--icon-wrapper"},e("svg",{color:s,fill:"none",height:"20",viewBox:"0 0 24 24",width:"20",xmlns:"https://www.w3.org/2000/svg"},e("path",{"clip-rule":"evenodd",d:"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Z","data-is-secondary-color":"true",fill:r,"fill-rule":"evenodd"}),e("path",{"clip-rule":"evenodd",d:"M12 6.99a1 1 0 0 1 1 1V8a1 1 0 1 1-2 0v-.01a1 1 0 0 1 1-1ZM12 11a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1Z",fill:"currentColor","fill-rule":"evenodd"}))),e("div",{class:"zonos--header-wrapper"},e("zonos-text",{textColor:l,type:"label",weight:600},n)),a&&e("div",{class:"zonos--content-wrapper"},e("zonos-text",{textColor:l},a)))},n=t(["zonos--elements zonos--banner",this.intent]),a=r();switch(this.intent){case"error":return e(s,{class:n,style:{"--font-family":a}},o({color:"red"}));case"info":return e(s,{class:n,style:{"--font-family":a}},o({color:"blue"}));case"success":return e(s,{class:n,style:{"--font-family":a}},o({color:"green"}));case"warning":return e(s,{class:n,style:{"--font-family":a}},o({color:"orange"}));default:return e(s,{class:n,style:{"--font-family":a}},o({color:"gray"}))}}};n.style=':host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{border-radius:var(--zonos-elements-radius-10);padding:16px;background:var(--zonos-elements-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:"icon header" ". content";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:0px;grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:4px}:host(.info){background-color:var(--zonos-elements-blue-100);border:1px solid var(--zonos-elements-blue-200)}:host(.success){background-color:var(--zonos-elements-green-100);border:1px solid var(--zonos-elements-green-200)}:host(.error){background-color:var(--zonos-elements-red-100);border:1px solid var(--zonos-elements-red-200)}:host(.warning){background-color:var(--zonos-elements-orange-100);border:1px solid var(--zonos-elements-orange-200)}';export{n as zonos_banner}