@tet/tet-components 1.4.29-testing → 1.4.30-staging

package/dist/tet-components/p-79700f85.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,g as o,h as r,H as s}from"./p-83f43fdd.js";import{d as a}from"./p-87bbb893.js";const i=class{constructor(o){t(this,o),this.select=e(this,"tabSelected",7),this.theme="light",this.type=void 0,this.position=void 0,this.sizing="web",this.defaultTab=0,this.segmented=!1,this.hideHeaderUnderline=!1,this.hideActiveHeaderUnderline=!1,this.autoplayDelay=0,this.stopAutoplayOnHeaderHover=!1,this.stopAutoplayOnContentHover=!1,this.selectedId=void 0,this.positions={scrollLeft:0,mouseX:0},this.dataName=void 0,this.autoplay=void 0,this.idSuffix="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID().split("-")[0]:Math.random().toString(36).substring(2,10),this.segmentAnimation={width:"0px",position:"0px",transition:""}}tabElement;tabContainer;tabHeaders;tabHeadersNotDisabled;animationObserver;isPointerDown;autoplayInterval=[];tabListeners=new WeakMap;get element(){return o(this)}select;async toggleAutoplay(t){this.autoplay=t,t?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((t=>{clearInterval(t)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const t=this.getTabElement(this.selectedId);let e=this.tabHeaders.indexOf(t)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[e])<0;)if(e+=1,e+1>this.tabHeaders.length){e=0;break}e=this.tabHeaders.indexOf(this.getTabElement(e)),this.selectTab(e)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((t=>{this.hideActiveHeaderUnderline?t.classList.add("no-underline"):t.classList.remove("no-underline")}))}onAutoplayDelayChange(t){console.log(t,!!t),this.stopAutoplay(),t&&this.startAutoplay()}initAutoplay(){if(this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((t=>{t.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),t.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const t=this.element.parentElement.querySelector(`tet-tab-content[data-name="${this.dataName}"`);t.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),t.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const t=new MutationObserver((e=>{e.every((e=>!e.oldValue?.includes("disabled")||(this.initTabHeaders(),t.disconnect(),!1)))}));t.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect()}cleanupTabListeners(){this.tabHeaders?.forEach((t=>{const e=this.tabListeners.get(t);e&&(t.removeEventListener("click",e.click),t.removeEventListener("keydown",e.keydown),this.tabListeners.delete(t))}))}onContainerMouseDown=t=>{this.isPointerDown=!0,this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:t.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=t=>{t.preventDefault(),this.isPointerDown=1===t.buttons,this.isPointerDown?this.tabElement.scrollTo(this.positions.scrollLeft-(t.clientX-this.positions.mouseX),0):this.onContainerMouseUp()};onContainerMouseUp=()=>{this.isPointerDown=!1,this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp)};onSegmentedChange(t){t&&void 0===this.animationObserver&&this.initAnimationObserver()}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((t,e)=>{t.setAttribute("role","tab"),t.setAttribute("id",`tab-${e+1}-${this.idSuffix}`),t.setAttribute("aria-controls",`tabpanel-${e+1}-${this.idSuffix}`);const o=t.classList.contains("disabled"),r=t.classList.contains("active");if(t.setAttribute("tabIndex",r?"0":"-1"),t.setAttribute("aria-selected",`${r}`),!o&&!this.tabListeners.has(t)){this.tabHeadersNotDisabled.push(t);const o=()=>{this.selectTab(t.getAttribute("data-name")||e)},r=e=>{const{key:o}=e;if(["ArrowLeft","ArrowRight","Home","End"].includes(o)){e.preventDefault();const r=this.tabHeadersNotDisabled.indexOf(t);let s;switch(o){case"ArrowRight":s=r+1,s>=this.tabHeadersNotDisabled.length&&(s=0);break;case"ArrowLeft":s=r-1,s<0&&(s=this.tabHeadersNotDisabled.length-1);break;case"Home":s=0;break;case"End":s=this.tabHeadersNotDisabled.length-1}const a=this.tabHeadersNotDisabled[s];a.focus(),a.click()}};t.addEventListener("click",o),t.addEventListener("keydown",r),this.tabListeners.set(t,{click:o,keydown:r})}}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((t=>{const e=t.getAttribute("data-image");if(e){const o=t.getAttribute("data-image-active"),r=t.getAttribute("data-image-alt")??"",s=document.createElement("img");if(s.src=e,s.alt=r,s.classList.add("tab-header-image"),s.style.maxHeight="1.5rem",t.appendChild(s),o){const e=document.createElement("img");e.src=o,e.alt=r,e.classList.add("tab-header-image","active"),e.style.display="none",e.style.maxHeight="1.5rem",t.appendChild(e),s.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(t=!0){if(!this.segmented)return;if(void 0===this.tabContainer)return;const e=this.getTabElement(this.selectedId),o=e.parentNode.getBoundingClientRect(),r=e.getBoundingClientRect();if(this.segmentAnimation={width:`${r.width}px`,position:`${r.left-o.left+this.tabElement.scrollLeft}px`,transition:t?"transform 0.3s ease, width 0.3s ease":null},"web"===this.sizing){const t=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,o=e.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:t+(o.width/2+o.left)})}}async selectTab(t,e=!0,o=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach((t=>{t.classList.remove("active"),t.setAttribute("aria-selected","false"),t.setAttribute("tabIndex","-1");const e=t.querySelector("img.tab-header-image.active");e&&(e.style.display="none");const o=t.querySelector("img.tab-header-image.default");o&&(o.style.display="inline-block")}));const r=this.getTabElement(t);if(null===r)return;if(o&&!this.isPointerDown){const t=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,e=r.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:t+(e.width/2+e.left)})}r.classList.add("active"),r.setAttribute("aria-selected","true"),r.setAttribute("tabIndex","0");const s=r.querySelector("img.tab-header-image.active");if(s){s.style.display="inline-block";const t=r.querySelector("img.tab-header-image.default");t&&(t.style.display="none")}this.select.emit({new:t,old:this.selectedId}),this.selectedId=t,this.animateActiveSegment(e)}getTabElement(t){if(!this.tabHeaders?.length)return null;let e;return e="number"==typeof t?this.tabHeaders[t]:this.tabHeaders.find((e=>e.getAttribute("data-name")===t)),void 0!==e?e:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=a(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:t,position:e,transition:o}=this.segmentAnimation;return{"--active-width":t,"--active-x-pos":e,"--active-transition":o}}return{}}render(){return r(s,{key:"8e1924cd0f19ed6987c8cda6df5d7c9cb044c569","data-id-suffix":this.idSuffix},r("div",{key:"d5582e17dd959d569ff981180540b8acaf07803d",class:{tabs:!0,"tabs--segmented":this.segmented,[this.position]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:t=>this.tabElement=t,role:"tablist"},r("slot",{key:"b7a3ed5fdfb64cb8ff2ab9614bea51d5b4c7f0a4",ref:t=>this.tabContainer=t})),r("div",{key:"7a1d6571c66f66a854be259817bb1d0e39e442ed",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:["showActiveHeaderUnderline"],autoplayDelay:["onAutoplayDelayChange"],segmented:["onSegmentedChange"]}}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tabs-container-border-color:var(--tc-border-quaternary);--tabs-container-flex-wrap:nowrap;--tabs-headers-text-color:var(--tc-text-primary);--tabs-headers-text-disabled-color:var(--tc-grey-50);--tabs-headers-active-border-color:var(--tc-icon-primary);--tabs-headers-hover-border-color:var(--tc-border-tertiary);--tabs-headers-focus-border-color:var(--tc-border-secondary);--tabs-headers-focus-outline-color:var(--tc-blue-40);--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--tabs-headers-segmented-border-color:var(--tc-border-quaternary);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two);--tabs-headers-item-padding:0.75rem 0.25rem;--tabs-headers-item-margin:0 0.25rem;--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-square-base-rgb:255, 255, 255;max-width:100%}:host .dark{--tabs-container-border-color:var(--tc-border-quaternary-dark);--tabs-headers-text-color:var(--tc-text-primary-dark);--tabs-headers-text-disabled-color:var(--tc-grey-50-dark);--tabs-headers-active-border-color:var(--tc-icon-primary-dark);--tabs-headers-hover-border-color:var(--tc-border-tertiary-dark);--tabs-headers-focus-border-color:var(--tc-border-secondary-dark);--tabs-headers-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-segmented-border-color:var(--tc-border-quaternary-dark);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two-dark)}.tabs{--active-width:auto;--active-x-pos:0;--active-transition:none;position:relative;display:flex;flex-wrap:var(--tabs-container-flex-wrap);align-items:center;max-width:100%;padding:0.125rem 0;overflow-x:scroll;scrollbar-width:none;-webkit-user-select:none;user-select:none}.tabs ::slotted(img){margin:0;padding:0;height:1.3125rem}.tabs-line{display:flex;position:relative;max-width:100%;height:0.0625rem;background-color:var(--tabs-container-border-color);border:none;margin-top:-0.125rem}.tabs-line.no-underline{display:none}.tabs *{box-sizing:border-box}.tabs::-webkit-scrollbar{display:none}.tabs.right:not(.tabs--segmented){justify-content:flex-end}.tabs.center:not(.tabs--segmented){justify-content:center}.tabs ::slotted(*){display:flex;justify-content:center;align-items:center;border-bottom:0.125rem solid transparent;color:var(--tabs-headers-text-color);cursor:pointer;padding:var(--tabs-headers-item-padding) !important;margin:var(--tabs-headers-item-margin) !important;transition:border-bottom-color 0.2s ease;white-space:nowrap;background-color:transparent;border-color:transparent;border-radius:0.125rem}.tabs ::slotted(:first-child){margin-left:0}.tabs ::slotted(:last-child){margin-right:0}.tabs ::slotted(:hover){border-bottom-color:var(--tabs-headers-hover-border-color);background-color:transparent}.tabs ::slotted(:focus){border-bottom-color:var(--tabs-headers-focus-border-color)}.tabs ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent;z-index:99}.tabs ::slotted(.disabled){border-bottom-color:transparent;color:var(--tabs-headers-text-disabled-color);outline:none}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.blue ::slotted(:hover){--tabs-headers-hover-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(:focus){--tabs-headers-focus-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(.active){--tabs-headers-active-border-color:rgb(0, 96, 245)}.tabs--segmented{display:flex;border:0.0625rem solid var(--tabs-headers-segmented-border-color);border-radius:1.5rem;background-color:var(--tabs-headers-segmented-background-color);padding:0 0.25rem;box-sizing:border-box;overflow-x:scroll}.tabs--segmented .web{padding:0.25rem}.tabs--segmented ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.dark-gray{--tabs-headers-text-color:rgb(255, 255, 255);--tabs-headers-segmented-border-color:rgb(67, 75, 86);--tabs-headers-segmented-background-color:rgb(35, 40, 46);--tabs-headers-segmented-active-background-color:rgb(67, 75, 86);--tabs-headers-segmented-active-box-shadow:0 0 0.0625rem 0 rgba(10, 11, 13, 0.08),\n    0 0.1875rem 0.25rem 0 rgba(10, 11, 13, 0.12);--icon-color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(:hover),.tabs--segmented.dark-gray ::slotted(:focus),.tabs--segmented.dark-gray ::slotted(.active){color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(.disabled){color:var(--tabs-headers-text-disabled-color)}.tabs--segmented::before{content:"";position:absolute;top:0.25rem;bottom:0.25rem;left:0;z-index:0;border-radius:1.563rem;width:var(--active-width);transform:translateX(var(--active-x-pos));transition:var(--active-transition);background:var(--tabs-headers-segmented-active-background-color);box-shadow:var(--tabs-headers-segmented-active-box-shadow)}.tabs--segmented ::slotted(*){font:var(--tabs-headers-segmended-item-font);line-height:1.5rem;z-index:1;position:relative;border:none;padding:var(--tabs-headers-segmented-item-padding) !important;margin:var(--tabs-headers-segmented-item-margin) !important;border-radius:1.563rem;display:flex;flex:1;justify-content:center}.tabs--segmented.mobile ::slotted(*){font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;font-weight:500;padding:0.25rem 1.5rem !important;margin:0.188rem 0 !important;line-height:1.25rem}.tabs--segmented.square{--tabs-headers-segmented-background-color:rgba(var(--tabs-headers-square-base-rgb), 0.16);--tabs-headers-segmented-border-color:transparent;height:4.75rem;border-radius:0.375rem;padding:0}.tabs--segmented.square::before{--tabs-headers-segmented-active-box-shadow:none;position:absolute;top:0;bottom:0;left:-0.0625rem;border-radius:0}.tabs--segmented.square ::slotted(*){--tabs-headers-segmented-item-padding:0;--tabs-headers-segmented-item-margin:0;border-radius:0;height:100%;align-items:center}.tabs--segmented.square ::slotted(*)::after{content:"";background-color:rgba(var(--tabs-headers-square-base-rgb), 0.2);position:absolute;top:0.375rem;bottom:0.375rem;right:0;width:0.0625rem}.tabs--segmented.square ::slotted(:hover){background-color:rgba(var(--tabs-headers-square-base-rgb), 0.24)}.tabs--segmented.square ::slotted(:first-child){border-radius:0.3125rem 0 0 0.3125rem}.tabs--segmented.square ::slotted(:last-child){border-radius:0 0.3125rem 0.3125rem 0}.tabs--segmented.square ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.square ::slotted(:focus-visible)::after{display:none}.tabs--segmented.square ::slotted(.active)::after,.tabs--segmented.square ::slotted(:last-child)::after{display:none}.tabs--segmented.netflix{height:2.75rem;gap:0.5rem;overflow-y:hidden}.tabs--segmented.netflix ::slotted(*){flex-direction:row-reverse;align-items:center;justify-content:center;gap:0.5rem}.tabs--segmented.netflix ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.0625rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-radius:1.563rem}.tabs ::slotted(.no-underline){border-bottom:none}';export{i as tet_tab_header}

package/dist/tet-components/p-a903f58f.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as o}from"./p-83f43fdd.js";const a=class{constructor(t){e(this,t)}render(){return t(o,{key:"12655b41cc8fdaa6d648401fceb6d4e154343aa0"},t("div",{key:"f2a366ffd73c02776d18d028403371dddab4fe9b",class:"variable-container"},t("div",{key:"2bcbc84818d7a4918891f44b3d4114185b374deb",class:"container-title main"},"Fonta klase"),t("div",{key:"24e078db0d3ea12e0d66ff37e026152eff86616f",class:"container-section"},t("div",{key:"5479a58197da56444e69b65bffeac1e31ecc91bf",class:"variable-name"},t("div",{key:"f6f2240701dcbcd185618fc58ae37eb1c5c19d86",class:"variable-part"},"tet"),t("div",{key:"0fea3dbabc6451f7a4308c234bd71b0340a4ff02",class:"variable-part"},"-font"),t("div",{key:"d88c03e138361697d79fcc3b40f3131cb183c739",class:"variable-part variable variable-type"},"__label"),t("div",{key:"b1a7d77f554b2a6ecf5a838f3f375c4c55efa109",class:"variable-part variable variable-size"},"--m")))),t("div",{key:"0cad7750e8b42e491060a709909f724c6eef9017",class:"tet-fonts-container"},t("div",{key:"f8ae47bc31953627c58a6e96c1730685acdda66f",class:"section"},t("div",{key:"4aea51d740d503d48f0b350780754b103a2e00ab",class:"container-title"},"Body - Inter"),t("div",{key:"d77606ffc6085ff39e4786d58c005a0592822009",class:"section-font"},t("div",{key:"ee74595d977fb3ad933b6b32eb49aeaa070f7213",class:"font font-body-xs"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"2c8e95e282ead0bcfef56071e2f950af08072b92",class:"section-font-class"},"klase: tet-font__body--xs"),t("div",{key:"2a6c07e5dd1ff374f2146ae0977f83e23ffc32aa",class:"section-font-attribute"},"Font size - 0.75rem / 12px"),t("div",{key:"df4e18c472f1a36f6a4b2420c9fb8bb10abaca9c",class:"section-font-attribute"},"Font weight - 400")),t("div",{key:"27e8014276b0862e797c99e5c3b6dd6f6c53f91f",class:"section-font"},t("div",{key:"85a07259e82d7516ec4a0639e168392772e842c7",class:"font font-body-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"fbe8b52ffe2010a6cc1e24e820b04999221c8104",class:"section-font-class"},"klase: tet-font__body--s"),t("div",{key:"d6d9dc5dd7bd613e7d46ca54f88333b86866fe9b",class:"section-font-attribute"},"Font size - 0.875rem / 14px"),t("div",{key:"57ff0e4fe526ccea19426d2fcd87cd91fc50eeab",class:"section-font-attribute"},"Font weight - 400")),t("div",{key:"a04b00de9ed31f3b636f152f9a3a2af4c250d621",class:"section-font"},t("div",{key:"ce8cd1c103b833a24cbe4ad95eca2c0519c75551",class:"font font-body-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"6cbc2639c5cd4e1fd58db14b00f8749edf99a138",class:"section-font-class"},"klase: tet-font__body--m"),t("div",{key:"fbd907cb8b963e7f29cc2671f62e9fe85bf39c43",class:"section-font-attribute"},"Font size - 1rem / 16px"),t("div",{key:"08c381ed86116dfd89bce6ac5be029c54b5adfe9",class:"section-font-attribute"},"Font weight - 400")),t("div",{key:"4801341f92986db3255e87ae5dbd6f84a63ae2e1",class:"section-font"},t("div",{key:"dad9c4726ab49a7095dc1a53b6fb59c7cb56799c",class:"font font-body-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"18f92ac69c3e59390f8fe18a52011c4b59e2cc69",class:"section-font-class"},"klase: tet-font__body--l"),t("div",{key:"b13b2f31cd4a005d9bbd02b647756d1de395a551",class:"section-font-attribute"},"Font size - 1.125rem / 18px"),t("div",{key:"da356597265442f44699f930664fc6966526b0bf",class:"section-font-attribute"},"Font weight - 400"))),t("div",{key:"97c3e8fe4765fc1341e86992c4f347c9eac18e76",class:"section"},t("div",{key:"974053415672a4232cd7a330b682d09408e736d8",class:"container-title"},"Label - Inter"),t("div",{key:"abed6d7230897207ea7f9189611874acb4742978",class:"section-font"},t("div",{key:"295b4c0e70013d75eb5a49cffb6ed5329bb83990",class:"font font-label-xs"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"26232e4f883fc337060dfcc2fb45d850f369d89a",class:"section-font-class"},"klase: tet-font__label--xs"),t("div",{key:"bf157e7727c1756251d4793807d24a0a96135613",class:"section-font-attribute"},"Font size - 0.75rem / 12px"),t("div",{key:"0d8192a0ab19bad9c39716b33b0f79ac44fd4fc5",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"ad69689d797c62f1b3a1ed230d53448a6b11ec1d",class:"section-font"},t("div",{key:"798384f416782e95b7cc7110bd4e1b47b805259b",class:"font font-label-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"4ca09c88b0dd4421659852ac066c7c3a3f61a470",class:"section-font-class"},"klase: tet-font__label--s"),t("div",{key:"73ec433d60e846383b352332b6d5933ba97f62ea",class:"section-font-attribute"},"Font size - 0.875rem / 14px"),t("div",{key:"869ba938e539acfd0712787d24973c22e79a4759",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"0617cd3036b95c4ca34a18140786e16feffdc497",class:"section-font"},t("div",{key:"1227e4628d45718836b78c6a87534f8c6f20540e",class:"font font-label-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"5c1177d53b797542886df40b5d67b4f134668d7d",class:"section-font-class"},"klase: tet-font__label--m"),t("div",{key:"5df1d2c9b4adc28369f8ac310609797071752712",class:"section-font-attribute"},"Font size - 1rem / 16px"),t("div",{key:"250f76b9e0b1549d9ce8e267686912c351b09f54",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"9ee898197f8a3c71d1641c22b373daaadc10a1f5",class:"section-font"},t("div",{key:"3b50d17907a8e2f184f124bb1f415da6e913f4ce",class:"font font-label-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"7e7759bb8f56f083690f1dcb6b4c22d9e0193a89",class:"section-font-class"},"klase: tet-font__label--l"),t("div",{key:"d40a7cad2ae118d0ed16f75cc38515d0ab6499d7",class:"section-font-attribute"},"Font size - 1.125rem / 18px"),t("div",{key:"f5119ea505c848e1b9fc1f9f5aab2f8735f7dbb6",class:"section-font-attribute"},"Font weight - 500"))),t("div",{key:"c31b16757351216b1152e322ac46f5d60c494aa9",class:"section"},t("div",{key:"8974ecda3c9394ecc1e197cf2eb5e93a4b23a941",class:"container-title"},"Title - Inter"),t("div",{key:"5a798080e85a001075425c6a95a5b56f0b037985",class:"section-font"},t("div",{key:"3563a9783bf1ed2d57ac9f146bebbed26df2e17f",class:"font font-title-xs"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"136d49f5eaed39b7927d96bd37e692563d9d3656",class:"section-font-class"},"klase: tet-font__title--xs"),t("div",{key:"c0b992fafee8152aed14576ef26e87a9e198f12b",class:"section-font-attribute"},"Font size - 0.75rem / 12px"),t("div",{key:"42324a93ef7901421b5bc9c2bba94b93de66f88c",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"a09abd65ee4382e4846c8de15bd9afe3a02479a0",class:"section-font"},t("div",{key:"b274f603de0855fd986dfc45bd91edc901965e87",class:"font font-title-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"bb3c1e1fc4759fe16afbc3b84b418375a5ec77f6",class:"section-font-class"},"klase: tet-font__title--s"),t("div",{key:"cffb991633dc294a4e90be1bacea85894248615d",class:"section-font-attribute"},"Font size - 0.875rem / 14px"),t("div",{key:"758a4b728bd5e36d89de1561dac3726487d76f1f",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"8a494d18ab41793bfbe0911996f1bc8dade1a0b8",class:"section-font"},t("div",{key:"9a2efa6ab5a0cb0a6c4bbfe2ceb0406aa7528b3d",class:"font font-title-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"c0ae3095832dddce0b7ebdcbc457a5851540ba08",class:"section-font-class"},"klase: tet-font__title--m"),t("div",{key:"0145d429db1d140bf03674108807909c0f5c1419",class:"section-font-attribute"},"Font size - 1rem / 16px"),t("div",{key:"b657efe06e95158f181f5faf5d1347d798b5b007",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"795d08953324005c2b88d17e98928376ece03608",class:"section-font"},t("div",{key:"e2c891749ec3ad1598df9ae93cd1454715ff4f05",class:"font font-title-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"5ea6ee2c6d97ea46a8e643b6db12e24b6a97b1de",class:"section-font-class"},"klase: tet-font__title--l"),t("div",{key:"78f34dbe66e38036b0882f114f74511ce1fc3818",class:"section-font-attribute"},"Font size - 1.125rem / 18px"),t("div",{key:"695ee39dbe5b0e442c1994f2fb25f7db99a70cd6",class:"section-font-attribute"},"Font weight - 600"))),t("div",{key:"756da12ecf9d13b32ca7f46fff78a5bd284c0462",class:"section"},t("div",{key:"7df9a90bfc2995a4cc9af5bc2a46990c15040fc7",class:"container-title"},"Headline - Inter"),t("div",{key:"26bd36268d431e80ad5175beac361053532ff1da",class:"section-font"},t("div",{key:"63e207c1d486ba09c1de118a6bfc0efcd1bdcc25",class:"font font-headline-inter-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"3bb3d90e31d389e002bc2498c356d5b6567c8219",class:"section-font-class"},"klase: tet-font__headline-inter--s"),t("div",{key:"df2b40e48b50d8107e9035699b7863365cc8f6dc",class:"section-font-attribute"},"Font size - 1.25rem / 20px"),t("div",{key:"35a43f0d6811ca0617ef36e29d446f0c702a97d8",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"677f67b4210376b92de3c1744817d96bbefacedd",class:"section-font"},t("div",{key:"a4e9292ca41afcbd3c0b0761a21e3d2d5348376c",class:"font font-headline-inter-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"7b9bfed72bf0d8a903f3857f4c4253238d188fc9",class:"section-font-class"},"klase: tet-font__headline-inter--m"),t("div",{key:"e4f4af70865c18d79a98a9604fcfc65502c2ba8f",class:"section-font-attribute"},"Font size - 1.5rem / 24px"),t("div",{key:"26680440c05effe5bbf4136c35db6cda9b59c4ff",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"a332b5bab0846fba8764ecf10c60f2820ebc03b6",class:"section-font"},t("div",{key:"f996886336e6a5505066698ec761a90329fee01d",class:"font font-headline-inter-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"a7596a674ac7b797ad037d1dfd7e8afac63107ad",class:"section-font-class"},"klase: tet-font__headline-inter--l"),t("div",{key:"bbc4e6b876bf88dd7052232e9bba20f3e529ddb5",class:"section-font-attribute"},"Font size - 1.75rem / 28px"),t("div",{key:"4612491db0fc8c0c9882d8cef4e85cc4738a21bc",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"e16a794e0ad09f63d26f22d4bd643922802a4092",class:"section-font"},t("div",{key:"c43bc82de32c178e61dccbfa03b3688b9de10688",class:"font font-headline-inter-xl"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"49bc70a7e424a5f15102e14d6793596d2fe58fa5",class:"section-font-class"},"klase: tet-font__headline-inter--xl"),t("div",{key:"5726b1d7fa63231eca4dcd11ed198e92584087eb",class:"section-font-attribute"},"Font size - 2rem / 32px"),t("div",{key:"61086494242d2ee91c87f16cf35274b56aec4746",class:"section-font-attribute"},"Font weight - 500"))),t("div",{key:"f160dbc120615580d2e6177c240429c1c6bd5333",class:"section"},t("div",{key:"b9459a1ae8a9b5bc32d90febde9a21445960753b",class:"container-title"},"Headline - Gilroy"),t("div",{key:"e30fa72e6f4e2cbf69eec86a80645df06dfa7270",class:"section-font"},t("div",{key:"110af69f8ac6255a58b735b6eccda0aea635b04b",class:"font font-headline-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"6e75d2d00055851d71ccd566793f92b9e6ee59f9",class:"section-font-class"},"klase: tet-font__headline--s"),t("div",{key:"6cde163d96d8d2b4e9a28752367e38047fbad7f9",class:"section-font-attribute"},"Font size - 1.25rem / 20px"),t("div",{key:"aa819d1d4464bdb89c6c4c66de6fc5d298398652",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"7f6b63d8718ffa6459e60200ba971fd7a16589ac",class:"section-font"},t("div",{key:"58c9f3673220ee038e25d3a5c10b9edd8d94a5dd",class:"font font-headline-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"e5addecba1592d4c74147e683affcd9eb4a6e431",class:"section-font-class"},"klase: tet-font__headline--m"),t("div",{key:"43dfebf01412ec1c1284455fec52bd69a807277a",class:"section-font-attribute"},"Font size - 1.5rem / 24px"),t("div",{key:"e356476ea92584ddaa7f663c0b44e22d3dfcd46e",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"9c07787969cc9ada1609ee6c59ea99b2977068b2",class:"section-font"},t("div",{key:"bdf254b7be8ac82ebc0e2b98d91660e6c5aef21b",class:"font font-headline-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"fa2d1f89f5af6b9a8576c2faf82be3c5b6fee60e",class:"section-font-class"},"klase: tet-font__headline--l"),t("div",{key:"32f69b6f9df929b8a0db0904f9fd97db7eafbd6b",class:"section-font-attribute"},"Font size - 1.75rem / 28px"),t("div",{key:"66b2b91ae46535ab71dc0538afd5ebc2075240be",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"a9fcfa9daa0a7e6bf6e1a546bb6c4ea3015e9212",class:"section-font"},t("div",{key:"c9cdc36d742193712dba2edb867cc86f54165c1e",class:"font font-headline-xl"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"5e6966800038eb3686a32c909f9963c93ec3bb0f",class:"section-font-class"},"klase: tet-font__headline--xl"),t("div",{key:"ccdd840c5ed052113399190441fc4bf305c0eb7f",class:"section-font-attribute"},"Font size - 2rem / 32px"),t("div",{key:"4be5682ad1d5cce489ad6b7f5c5bc187e243a242",class:"section-font-attribute"},"Font weight - 600"))),t("div",{key:"875984f8b1b16842be253b1cb9a5d23edadd9679",class:"section"},t("div",{key:"ab51fd6161dc80684c02f75e5a37f5637bbecdb1",class:"container-title"},"Display - Gilroy"),t("div",{key:"89dc9e8552f8af85bf079932906c61265e09c9fa",class:"section-font"},t("div",{key:"7e8e2cfa964e98c4d5761b2a346a6758fed845dc",class:"font font-display-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"72d3a62492b0105289c988435d836aacdc27d44d",class:"section-font-class"},"klase: tet-font__display--s"),t("div",{key:"609e46126af5d9f4465a940e0ac6bd841b53a0a3",class:"section-font-attribute"},"Font size - 2.5rem / 40px"),t("div",{key:"5b848678da9e617901586bf57987596720aa1a5f",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"272f08fe43fa8b557daabd67b3c53a03c063ef2c",class:"section-font"},t("div",{key:"bcb627ee28994678591a746801baf4d245c53783",class:"font font-display-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"17b9fa3a098b5155417083359c113b80178dd3c5",class:"section-font-class"},"klase: tet-font__display--m"),t("div",{key:"a0fbeaa08d32fe24d8b40a29cf56aff42259623a",class:"section-font-attribute"},"Font size - 3rem / 48px"),t("div",{key:"678b6fe186f32544fea03341964eed03ceea31cc",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"ab3ab55033737c8991852f50a58ea10cc7173887",class:"section-font"},t("div",{key:"d16e2fe9d692cfae7b52f6a5acc0ff82233c2ffe",class:"font font-display-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"7a9c52d3431d2a654a197c422a0af7a19da0002f",class:"section-font-class"},"klase: tet-font__display--l"),t("div",{key:"e13a77269f4ed21f0df2bb7cd90980bf3fd60170",class:"section-font-attribute"},"Font size - 3.5rem / 56px"),t("div",{key:"46f0a5455d8b1f31c71d11211e14866ad4e403e9",class:"section-font-attribute"},"Font weight - 600"))),t("div",{key:"605a731d996556ecdd41b9b5e4b9b50fecae3f0f",class:"section"},t("div",{key:"3cb2692d6b44a234bbfa7983479c858f3c1dec59",class:"container-title"},"Expose - Gilroy"),t("div",{key:"2f242a20cee46c7b13821fd67a57fe0d9eeb9168",class:"section-font"},t("div",{key:"ccff955e1a4fb35f72496857dc703a4f8c005a7f",class:"font font-expose-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"5b64cdc21625ffb5cdc2351d80cf87f86b2ccd50",class:"section-font-class"},"klase: tet-font__expose--s"),t("div",{key:"2ca23cb821393459d62549dcf073ab28a36e7f3b",class:"section-font-attribute"},"Font size - 4rem / 64px"),t("div",{key:"f09607db2a786cf20d4f67c86b9bed8b5015e358",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"2f162333bbec251804656d7126762cd7cee59677",class:"section-font"},t("div",{key:"1daddd07b698c0688686c71bf7077b9e0162f404",class:"font font-expose-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"72da48a920821372b25c6b8e68edd022bf4e5532",class:"section-font-class"},"klase: tet-font__expose--m"),t("div",{key:"0ca10c5759a48c034815616b5be5acabbeae7e6e",class:"section-font-attribute"},"Font size - 5rem / 80px"),t("div",{key:"b445732931fbf0a738b7ee97b88d038859d0137c",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"e2e78ba32d56c638f4839e04c899d70c7c55a6f9",class:"section-font"},t("div",{key:"36307d83b8d7027aff4232adc856f6ac14c96dba",class:"font font-expose-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"f224cd6b5b71d789bb47e5c8aeb9278c5d57a59a",class:"section-font-class"},"klase: tet-font__expose--l"),t("div",{key:"24b8f683b4c2d9d90394f961a80a578fdd4eeeaf",class:"section-font-attribute"},"Font size - 6rem / 96px"),t("div",{key:"be08a17fb74c0650d86635bef49ec915393ccb64",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"9fbac56d665f925b1453bdc749331d9f5e811473",class:"section-font"},t("div",{key:"ebfd0ba44fa2b40b417563a4b2a1795273ffe802",class:"font font-expose-xl"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"9e3d9c2eda4b5914aec575170cd07e69bcc1c78a",class:"section-font-class"},"klase: tet-font__expose--xl"),t("div",{key:"fb9c934d443f4fe585362dce06f60fce39dc0eb7",class:"section-font-attribute"},"Font size - 7.25rem / 116px"),t("div",{key:"ec5f07a21c159ad2abe967d8ba5d34e1af5168a3",class:"section-font-attribute"},"Font weight - 600")))))}};a.style='@charset "UTF-8";:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.container-title{background:rgb(235, 237, 239);padding:2rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container-title.main{font-weight:600}.container-section{display:flex;flex-direction:column;flex-wrap:wrap;border:0.0625rem gray solid;border-radius:2rem;padding:1rem;gap:5rem;justify-content:center;height:12.5rem}.variable-name{display:flex;flex-direction:row;justify-content:center;font-size:1.75rem}.variable-part{position:relative;font-size:1.75rem;align-self:center}.variable-type:after{border-top:0.125rem solid #779af5;content:"tips";position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{border-top:0.125rem solid #779af5;content:"izmērs";position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.section{display:flex;flex-direction:column}.section-font{border:0.0625rem solid gray;padding:1rem 2rem;border-radius:2rem;overflow:hidden}.section-title{font-size:1rem;margin:0.25rem 0;padding:2rem 0;text-align:center;font-weight:600;background:lightgray}.section-font-class{padding-top:1rem;font-size:1rem;color:black}.section-font-attribute{font-size:0.75rem;color:rgb(88, 99, 116)}.font{white-space:nowrap}.font-body-xs{font:400 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-body-s{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem}.font-body-m{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.font-body-l{font:400 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0125rem}.font-label-xs{font:500 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-label-s{font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem}.font-label-m{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.font-label-l{font:500 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0125rem}.font-title-xs{font:600 0.75rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-title-s{font:600 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem}.font-title-m{font:600 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.font-title-l{font:600 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0125rem}.font-headline-inter-s{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.020625rem}.font-headline-inter-m{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.029375rem}.font-headline-inter-l{font:500 1.75rem/2rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0375rem}.font-headline-inter-xl{font:500 2rem/2.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.043125rem}.font-headline-s{font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-headline-m{font:600 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-headline-l{font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-headline-xl{font:600 2rem/2.25rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-display-s{font:600 2.5rem/3rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0125rem}.font-display-m{font:600 3rem/3.25rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.015rem}.font-display-l{font:600 3.5rem/4rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0175rem}.font-expose-s{font:600 4rem/4.375rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.04rem}.font-expose-m{font:600 5rem/5.5rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.05rem}.font-expose-l{font:600 6rem/6.5rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.06rem}.font-expose-xl{font:600 7.25rem/8.375rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0725rem}';export{a as tet_fonts}

package/dist/tet-components/p-f81d95ae.js

@@ -1 +0,0 @@
-import{h as t}from"./p-83f43fdd.js";import{c as e}from"./p-d8518d4b.js";var o;!function(t){t.LIGHT="light",t.DARK="dark"}(o||(o={}));const r="tet-components-theme",a=t=>Object.values(o).some((e=>e===t)),{state:n,onChange:s}=e({theme:(()=>{const t=localStorage.getItem(r);return a(t)?t:o.LIGHT})()});s("theme",(t=>{const e=t.toString();if(!a(e))throw new Error(`Invalid theme: "${e}"`);localStorage.setItem(r,e)}));const c=t=>`theme-${t}`,m=({theme:e},o)=>t("div",{class:{[c(e||n.theme)]:!0}},o);export{o as T,m as a}