@solid-design-system/components 4.0.0-next.3 → 4.0.0-next.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solid-design-system/components",
   "description": "Solid Design System: Components",
-  "version": "4.0.0-next.3",
+  "version": "4.0.0-next.4",
   "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
   "author": "Union Investment",
   "license": "MIT",

package/cdn/chunks/chunk.MMRILMYU.js

@@ -1 +0,0 @@
-import{a}from"./chunk.E2DRD2OX.js";import{a as i}from"./chunk.DCOFYPWX.js";import{a as n,b as r,d,h as o}from"./chunk.APMDRZQD.js";import{b as s,e as l}from"./chunk.IRWHG2Q4.js";import{e}from"./chunk.TJOCV4DC.js";var b=0,t=class extends o{constructor(){super(...arguments);this.attrId=++b;this.componentId=`sd-tab-${this.attrId}`;this.variant="default";this.active=!1;this.disabled=!1;this.panel=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}focus(c){this.tab.focus(c)}blur(){this.tab.blur()}render(){return this.id=this.id.length>0?this.id:this.componentId,l`<div part="base" class="${i("inline-flex min-w-max h-12 px-3 leading-none items-center justify-center whitespace-nowrap select-none cursor-pointer group relative focus-visible:focus-outline outline-2 !-outline-offset-2",this.variant==="container"&&" rounded-[4px_4px_0_0]",this.variant==="container"&&this.active&&"tab--active-container-border bg-white",this.disabled?"opacity-50 !cursor-not-allowed":"hover:bg-neutral-200")}" tabindex="${this.disabled?"-1":this.active?"0":"-1"}"><slot name="left" class="${i("pr-2",this.disabled?"text-neutral-500":"text-primary")}"></slot><slot class="${i(this.disabled?"text-neutral-500":"text-primary")}"></slot><div part="active-tab-indicator" class="${i((!this.active||this.disabled)&&"hidden","absolute bottom-0 h-1 bg-accent",this.variant==="default"?"w-full":"w-3/4 group-hover:w-full transition-all duration-200 ease-in-out")}"></div><div part="hover-bottom-border" class="${i(!this.active&&!this.disabled&&"absolute w-full h-0.25 bottom-0 border-b border-neutral-400 invisible group-hover:visible")}"></div></div>`}};t.styles=[...o.styles,s`:host{box-sizing:border-box;display:block}.tab--active-container-border:after{border-width:1px;content:"";height:100%;position:absolute;width:100%;--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));border-bottom:none;border-radius:4px 4px 0 0}`],e([d("[part=base]")],t.prototype,"tab",2),e([r({type:String,reflect:!0})],t.prototype,"variant",2),e([r({type:Boolean,reflect:!0})],t.prototype,"active",2),e([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([r({reflect:!0})],t.prototype,"panel",2),e([a("active")],t.prototype,"handleActiveChange",1),e([a("disabled")],t.prototype,"handleDisabledChange",1),t=e([n("sd-tab")],t);export{t as a};

package/cdn-versioned/chunks/chunk.MMRILMYU.js

@@ -1 +0,0 @@
-import{a}from"./chunk.E2DRD2OX.js";import{a as i}from"./chunk.DCOFYPWX.js";import{a as n,b as r,d,h as o}from"./chunk.APMDRZQD.js";import{b as s,e as l}from"./chunk.IRWHG2Q4.js";import{e}from"./chunk.TJOCV4DC.js";var b=0,t=class extends o{constructor(){super(...arguments);this.attrId=++b;this.componentId=`sd-4-0-0-next-3-tab-${this.attrId}`;this.variant="default";this.active=!1;this.disabled=!1;this.panel=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}focus(c){this.tab.focus(c)}blur(){this.tab.blur()}render(){return this.id=this.id.length>0?this.id:this.componentId,l`<div part="base" class="${i("inline-flex min-w-max h-12 px-3 leading-none items-center justify-center whitespace-nowrap select-none cursor-pointer group relative focus-visible:focus-outline outline-2 !-outline-offset-2",this.variant==="container"&&" rounded-[4px_4px_0_0]",this.variant==="container"&&this.active&&"tab--active-container-border bg-white",this.disabled?"opacity-50 !cursor-not-allowed":"hover:bg-neutral-200")}" tabindex="${this.disabled?"-1":this.active?"0":"-1"}"><slot name="left" class="${i("pr-2",this.disabled?"text-neutral-500":"text-primary")}"></slot><slot class="${i(this.disabled?"text-neutral-500":"text-primary")}"></slot><div part="active-tab-indicator" class="${i((!this.active||this.disabled)&&"hidden","absolute bottom-0 h-1 bg-accent",this.variant==="default"?"w-full":"w-3/4 group-hover:w-full transition-all duration-200 ease-in-out")}"></div><div part="hover-bottom-border" class="${i(!this.active&&!this.disabled&&"absolute w-full h-0.25 bottom-0 border-b border-neutral-400 invisible group-hover:visible")}"></div></div>`}};t.styles=[...o.styles,s`:host{box-sizing:border-box;display:block}.tab--active-container-border:after{border-width:1px;content:"";height:100%;position:absolute;width:100%;--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));border-bottom:none;border-radius:4px 4px 0 0}`],e([d("[part=base]")],t.prototype,"tab",2),e([r({type:String,reflect:!0})],t.prototype,"variant",2),e([r({type:Boolean,reflect:!0})],t.prototype,"active",2),e([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([r({reflect:!0})],t.prototype,"panel",2),e([a("active")],t.prototype,"handleActiveChange",1),e([a("disabled")],t.prototype,"handleDisabledChange",1),t=e([n("sd-4-0-0-next-3-tab")],t);export{t as a};