@zonos/elements 1.3.286 → 1.3.288

package/dist/esm-es5/zonos-text.entry.js

@@ -1 +1,24 @@
-import{r as registerInstance,h,a as Host}from"./index-cfd394c8.js";import{f as zonosStoreFontFamily,z as zonosStore}from"./zonosStore-eca1e364.js";import{c as classes}from"./classes-0d95c529.js";import{i as isColorVariable}from"./isColorVariable-0a94004f.js";import{s as styles}from"./styles-6fc2fad9.js";import"./VarianceTest-572cecf5.js";var textOptions={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}};var zonosTextCss=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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(--zonos--color)}:host(.zonos--text-size-3xl)>*,:host(.zonos--text-size-3xl){font-size:var(--zonos--font-size-3xl, var(--zonos-elements-font-size-3xl))}:host(.zonos--text-size-2xl)>*,:host(.zonos--text-size-2xl){font-size:var(--zonos--font-size-2xl, var(--zonos-elements-font-size-2xl));line-height:32px}:host(.zonos--text-size-xl)>*,:host(.zonos--text-size-xl){font-size:var(--zonos--font-size-xl, var(--zonos-elements-font-size-xl))}:host(.zonos--text-size-l)>*,:host(.zonos--text-size-l){font-size:var(--zonos--font-size-l, var(--zonos-elements-font-size-l))}:host(.zonos--text-size-base)>*,:host(.zonos--text-size-base){font-size:var(--zonos--font-size-base, var(--zonos-elements-font-size-base))}:host(.zonos--text-size-s)>*,:host(.zonos--text-size-s){font-size:var(--zonos--font-size-s, var(--zonos-elements-font-size-s))}:host(.zonos--text-size-xs)>*,:host(.zonos--text-size-xs){font-size:var(--zonos--font-size-xs, 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}";var ZonosTextStyle0=zonosTextCss;var ZonosText=function(){function e(e){registerInstance(this,e);this.textColor="gray-1000";this.type="body";this.ready=false}e.prototype.componentDidRender=function(){var e=this;setTimeout((function(){e.ready=true}),100)};e.prototype.render=function(){var e=textOptions.body,o=e.size,s=e.tag,t=e.weight;var n=textOptions[this.type],i=n.size,a=n.tag,l=n.weight;var r=this.size||i||o;var z=this.weight||l||t;var x=a||s;var f=isColorVariable(this.textColor)?"var(--zonos-elements-".concat(this.textColor,")"):this.textColor;var g=function(){switch(x){case"h2":return h("h2",null,h("slot",null));case"h3":return h("h3",null,h("slot",null));case"h4":return h("h4",null,h("slot",null));case"h5":return h("h5",null,h("slot",null));case"span":default:return h("span",null,h("slot",null))}};return h(Host,{class:classes(["zonos--elements","zonos--text-size-".concat(r),"zonos--text-weight-".concat(z)]),style:styles({"--zonos--color":f,"--zonos--font-family":zonosStoreFontFamily(),"--zonos--font-size-2xl":zonosStore.appearance.fontSize2XL?"".concat(zonosStore.appearance.fontSize2XL,"px"):undefined,"--zonos--font-size-3xl":zonosStore.appearance.fontSize3XL?"".concat(zonosStore.appearance.fontSize3XL,"px"):undefined,"--zonos--font-size-base":zonosStore.appearance.fontSizeBase?"".concat(zonosStore.appearance.fontSizeBase,"px"):undefined,"--zonos--font-size-l":zonosStore.appearance.fontSizeL?"".concat(zonosStore.appearance.fontSizeL,"px"):undefined,"--zonos--font-size-s":zonosStore.appearance.fontSizeS?"".concat(zonosStore.appearance.fontSizeS,"px"):undefined,"--zonos--font-size-xl":zonosStore.appearance.fontSizeXL?"".concat(zonosStore.appearance.fontSizeXL,"px"):undefined,"--zonos--font-size-xs":zonosStore.appearance.fontSizeXS?"".concat(zonosStore.appearance.fontSizeXS,"px"):undefined})},g())};return e}();ZonosText.style=ZonosTextStyle0;export{ZonosText as zonos_text};
+import{r as registerInstance,h,a as Host}from"./index-_lt63o7c.js";import{z as zonosStore,a as zonosStoreFontFamily}from"./zonosStore-DrIOAz4M.js";import{c as classes}from"./classes-BJHSB96f.js";import{i as isColorVariable}from"./isColorVariable-DXXUq2Lv.js";import{s as styles}from"./styles-BTIeCf3T.js";import"./VarianceTest-BJmZPrZl.js";var textOptions={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},
+// eslint-disable-next-line sort-keys/sort-keys-fix
+header:{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",weight:700},
+// eslint-disable-next-line sort-keys/sort-keys-fix
+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},
+// eslint-disable-next-line sort-keys/sort-keys-fix
+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},
+// eslint-disable-next-line sort-keys/sort-keys-fix
+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},
+// eslint-disable-next-line sort-keys/sort-keys-fix
+label:{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",weight:500},
+// eslint-disable-next-line sort-keys/sort-keys-fix
+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},
+// eslint-disable-next-line sort-keys/sort-keys-fix
+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}};var zonosTextCss=function(){return":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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(--zonos--color)}:host(.zonos--text-size-3xl)>*,:host(.zonos--text-size-3xl){font-size:var(--zonos--font-size-3xl, var(--zonos-elements-font-size-3xl))}:host(.zonos--text-size-2xl)>*,:host(.zonos--text-size-2xl){font-size:var(--zonos--font-size-2xl, var(--zonos-elements-font-size-2xl));line-height:32px}:host(.zonos--text-size-xl)>*,:host(.zonos--text-size-xl){font-size:var(--zonos--font-size-xl, var(--zonos-elements-font-size-xl))}:host(.zonos--text-size-l)>*,:host(.zonos--text-size-l){font-size:var(--zonos--font-size-l, var(--zonos-elements-font-size-l))}:host(.zonos--text-size-base)>*,:host(.zonos--text-size-base){font-size:var(--zonos--font-size-base, var(--zonos-elements-font-size-base))}:host(.zonos--text-size-s)>*,:host(.zonos--text-size-s){font-size:var(--zonos--font-size-s, var(--zonos-elements-font-size-s))}:host(.zonos--text-size-xs)>*,:host(.zonos--text-size-xs){font-size:var(--zonos--font-size-xs, 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}"};var ZonosText=/** @class */function(){function e(e){registerInstance(this,e);
+/**
+         * The icon element to display
+         */this.textColor="gray-1000";
+/**
+         * Type of the text to display
+         */this.type="body";
+/**
+         * Whether or not the component is ready
+         */this.ready=false}e.prototype.componentDidRender=function(){var e=this;setTimeout((function(){e.ready=true}),100)};e.prototype.render=function(){var e=textOptions.body,o=e.size,s=e.tag,t=e.weight;var n=textOptions[this.type],i=n.size,a=n.tag,l=n.weight;var r=this.size||i||o;var z=this.weight||l||t;var x=a||s;var f=isColorVariable(this.textColor)?"var(--zonos-elements-".concat(this.textColor,")"):this.textColor;var g=function(){switch(x){case"h2":return h("h2",null,h("slot",null));case"h3":return h("h3",null,h("slot",null));case"h4":return h("h4",null,h("slot",null));case"h5":return h("h5",null,h("slot",null));case"span":default:return h("span",null,h("slot",null))}};return h(Host,{class:classes(["zonos--elements","zonos--text-size-".concat(r),"zonos--text-weight-".concat(z)]),style:styles({"--zonos--color":f,"--zonos--font-family":zonosStoreFontFamily(),"--zonos--font-size-2xl":zonosStore.appearance.fontSize2XL?"".concat(zonosStore.appearance.fontSize2XL,"px"):undefined,"--zonos--font-size-3xl":zonosStore.appearance.fontSize3XL?"".concat(zonosStore.appearance.fontSize3XL,"px"):undefined,"--zonos--font-size-base":zonosStore.appearance.fontSizeBase?"".concat(zonosStore.appearance.fontSizeBase,"px"):undefined,"--zonos--font-size-l":zonosStore.appearance.fontSizeL?"".concat(zonosStore.appearance.fontSizeL,"px"):undefined,"--zonos--font-size-s":zonosStore.appearance.fontSizeS?"".concat(zonosStore.appearance.fontSizeS,"px"):undefined,"--zonos--font-size-xl":zonosStore.appearance.fontSizeXL?"".concat(zonosStore.appearance.fontSizeXL,"px"):undefined,"--zonos--font-size-xs":zonosStore.appearance.fontSizeXS?"".concat(zonosStore.appearance.fontSizeXS,"px"):undefined})},g())};return e}();ZonosText.style=zonosTextCss();export{ZonosText as zonos_text};

package/dist/esm-es5/zonos-tooltip.entry.js

@@ -1 +1,7 @@
-import{r as registerInstance,h,a as Host}from"./index-cfd394c8.js";import{c as classes}from"./classes-0d95c529.js";var zonosTooltipCss=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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 .zonos--tooltip{position:relative}:host .zonos--tooltip .zonos--tooltip-content{position:absolute;bottom:100%;left:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:12px;background-color:var(--zonos-elements-gray-1000);opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:var(--zonos-elements-radius-4);z-index:100;-webkit-box-shadow:var(--zonos-elements-v3-shadow-large);box-shadow:var(--zonos-elements-v3-shadow-large)}:host .zonos--tooltip .zonos--tooltip-content.zonos--show-tooltip{opacity:1;-webkit-transform:scale(1);transform:scale(1)}";var ZonosTooltipStyle0=zonosTooltipCss;var ZonosTooltip=function(){function o(o){registerInstance(this,o);this.label="";this.subtitle="";this.showTooltip=false}o.prototype.render=function(){var o=this;return h(Host,{key:"dec4ec190caa8eff63510bafb396087c7d1ae304",class:"zonos--elements"},h("div",{key:"fff103cf2dc66160e3c543778d563356af6e90b3",class:"zonos--tooltip",onMouseEnter:function(){return o.showTooltip=true},onMouseLeave:function(){return o.showTooltip=false}},h("slot",{key:"598f45708f665eb38bfd242304e12b99251c076e"}),h("div",{key:"d7eb99f4cf160f4493e64cc72101429181fd9cea",class:classes([this.showTooltip&&"zonos--show-tooltip","zonos--tooltip-content"])},h("zonos-text",{key:"fc713d623e095ed8fc26150dd6fabdec7a53f2c7",size:"s",textColor:"gray-0",type:"boldLabel"},this.label),h("zonos-text",{key:"40201243e7c926a54225cc17fd3d65a1ce0047b9",size:"xs",textColor:"gray-0"},this.subtitle))))};return o}();ZonosTooltip.style=ZonosTooltipStyle0;export{ZonosTooltip as zonos_tooltip};
+import{r as registerInstance,h,a as Host}from"./index-_lt63o7c.js";import{c as classes}from"./classes-BJHSB96f.js";var zonosTooltipCss=function(){return":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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 .zonos--tooltip{position:relative}:host .zonos--tooltip .zonos--tooltip-content{position:absolute;bottom:100%;left:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:12px;background-color:var(--zonos-elements-gray-1000);opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:var(--zonos-elements-radius-4);z-index:100;-webkit-box-shadow:var(--zonos-elements-v3-shadow-large);box-shadow:var(--zonos-elements-v3-shadow-large)}:host .zonos--tooltip .zonos--tooltip-content.zonos--show-tooltip{opacity:1;-webkit-transform:scale(1);transform:scale(1)}"};var ZonosTooltip=/** @class */function(){function o(o){registerInstance(this,o);
+/**
+         * The title of the tooltip
+         */this.label="";
+/**
+         * The subtitle of the tooltip
+         */this.subtitle="";this.showTooltip=false}o.prototype.render=function(){var o=this;return h(Host,{key:"dec4ec190caa8eff63510bafb396087c7d1ae304",class:"zonos--elements"},h("div",{key:"fff103cf2dc66160e3c543778d563356af6e90b3",class:"zonos--tooltip",onMouseEnter:function(){return o.showTooltip=true},onMouseLeave:function(){return o.showTooltip=false}},h("slot",{key:"598f45708f665eb38bfd242304e12b99251c076e"}),h("div",{key:"d7eb99f4cf160f4493e64cc72101429181fd9cea",class:classes([this.showTooltip&&"zonos--show-tooltip","zonos--tooltip-content"])},h("zonos-text",{key:"fc713d623e095ed8fc26150dd6fabdec7a53f2c7",size:"s",textColor:"gray-0",type:"boldLabel"},this.label),h("zonos-text",{key:"40201243e7c926a54225cc17fd3d65a1ce0047b9",size:"xs",textColor:"gray-0"},this.subtitle))))};return o}();ZonosTooltip.style=zonosTooltipCss();export{ZonosTooltip as zonos_tooltip};

package/dist/esm-es5/zonos-v-stack.entry.js

@@ -1 +1,5 @@
-import{r as registerInstance,h,a as Host}from"./index-cfd394c8.js";import{f as zonosStoreFontFamily}from"./zonosStore-eca1e364.js";import{c as classes}from"./classes-0d95c529.js";import"./VarianceTest-572cecf5.js";var zonosVStackCss=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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 .vstack{display:grid;grid-auto-columns:minmax(0, 1fr);grid-row-gap:var(--spacing, 24px);grid-auto-flow:row}";var ZonosVStackStyle0=zonosVStackCss;var VStack=function(){function o(o){registerInstance(this,o);this.spacing=24}o.prototype.render=function(){return h(Host,{key:"b6f24a7be77dc8fa71e68c8690e6cf1fc58489ce",style:{"--zonos--font-family":zonosStoreFontFamily()}},h("div",{key:"955284df5a7d236d49a08b9ec6980e0a2fb80fdd",class:classes(["vstack"]),style:{"grid-row-gap":"".concat(this.spacing,"px")}},h("slot",{key:"5943abd1029f14d7eb218f4295ef797a3750b59f"})))};return o}();VStack.style=ZonosVStackStyle0;export{VStack as zonos_v_stack};
+import{r as registerInstance,h,a as Host}from"./index-_lt63o7c.js";import{a as zonosStoreFontFamily}from"./zonosStore-DrIOAz4M.js";import{c as classes}from"./classes-BJHSB96f.js";import"./VarianceTest-BJmZPrZl.js";var zonosVStackCss=function(){return":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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 .vstack{display:grid;grid-auto-columns:minmax(0, 1fr);grid-row-gap:var(--spacing, 24px);grid-auto-flow:row}"};var VStack=/** @class */function(){function o(o){registerInstance(this,o);
+/**
+         * The spacing between elements in the stack
+         * @default 24
+         */this.spacing=24}o.prototype.render=function(){return h(Host,{key:"b6f24a7be77dc8fa71e68c8690e6cf1fc58489ce",style:{"--zonos--font-family":zonosStoreFontFamily()}},h("div",{key:"955284df5a7d236d49a08b9ec6980e0a2fb80fdd",class:classes(["vstack"]),style:{"grid-row-gap":"".concat(this.spacing,"px")}},h("slot",{key:"5943abd1029f14d7eb218f4295ef797a3750b59f"})))};return o}();VStack.style=zonosVStackCss();export{VStack as zonos_v_stack};