@swisspost/design-system-components 9.0.0-next.33 → 9.0.0-next.35

package/dist/esm/post-tab-panel.entry.js

@@ -1,4 +1,4 @@
-export { P as post_tab_panel } from './post-tab-panel-75932601.js';
-import './index-3419e46d.js';
-import './package-da68ab5a.js';
+export { P as post_tab_panel } from './post-tab-panel-91f35995.js';
+import './index-f4d19816.js';
+import './package-791f9257.js';
 import './index.browser-51485f85.js';

package/dist/esm/{post-tabs-3ef2ea23.js → post-tabs-8657f2d6.js}

@@ -1,6 +1,7 @@
-import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-3419e46d.js';
-import { v as version } from './package-da68ab5a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f4d19816.js';
+import { v as version } from './package-791f9257.js';
 import { f as fadeOut, a as fadeIn } from './fade-1f3cacf4.js';
+import './breakpoints-7812702e.js';
 
 /**
  * Invoke the `componentOnReady` method if it is available, simulate it otherwise
@@ -30,21 +31,12 @@ const PostTabs = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.postChange = createEvent(this, "postChange", 7);
+        this.isLoaded = false;
         this.activePanel = undefined;
     }
-    activeTab;
-    showing;
-    hiding;
-    isLoaded = false;
     get tabs() {
         return Array.from(this.host.querySelectorAll('post-tab-header')).filter(tab => tab.closest('post-tabs') === this.host);
     }
-    get host() { return getElement(this); }
-    /**
-     * An event emitted after the active tab changes, when the fade in transition of its associated panel is finished.
-     * The payload is the name of the newly shown panel.
-     */
-    postChange;
     componentDidLoad() {
         this.moveMisplacedTabs();
         this.enableTabs();
@@ -172,6 +164,7 @@ const PostTabs = class {
     render() {
         return (h(Host, { key: 'dae24eee55a75f9b825f590883a9c1e896c1e9fc', "data-version": version }, h("div", { key: '0a26de80b8267ddc30455b0b5afbf10ae521232b', class: "tabs-wrapper", part: "tabs" }, h("div", { key: '826cb0a4355eeb5ddc07288e1e68fc72785c095f', class: "tabs", role: "tablist" }, h("slot", { key: '94ce90bc3dc8ff4b5012fcfa3c0039b188c14002', name: "tabs", onSlotchange: () => this.enableTabs() }))), h("div", { key: '462f80f3368431344910cc317f1c0f42112dc99a', class: "tab-content", part: "content" }, h("slot", { key: '57a80ac790ca75f3b62382994c21a3a3c78004cc', onSlotchange: () => this.moveMisplacedTabs() }))));
     }
+    get host() { return getElement(this); }
 };
 PostTabs.style = PostTabsStyle0;
 

package/dist/esm/post-tabs.entry.js

@@ -1,4 +1,5 @@
-export { P as post_tabs } from './post-tabs-3ef2ea23.js';
-import './index-3419e46d.js';
-import './package-da68ab5a.js';
+export { P as post_tabs } from './post-tabs-8657f2d6.js';
+import './index-f4d19816.js';
+import './package-791f9257.js';
 import './fade-1f3cacf4.js';
+import './breakpoints-7812702e.js';

package/dist/esm/post-tag-19141551.js

@@ -0,0 +1,45 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-f4d19816.js';
+import { v as version } from './package-791f9257.js';
+
+const postTagCss = ".tag,.tag:where(:has(:not(pre))){--post-tag-bg:hsl(0, 0%, 90%);--post-tag-fg:#000;display:inline-flex;align-items:center;gap:var(--post-core-dimension-4);padding:0 var(--post-core-dimension-8);max-width:100%;background-color:var(--post-tag-bg);border:var(--post-core-dimension-1) solid rgba(0,0,0,0);border-radius:var(--post-core-dimension-4);font-size:1rem;line-height:calc(var(--post-core-dimension-32) - var(--post-core-dimension-1)*2);white-space:nowrap;color:var(--post-tag-fg)}.tag post-icon,.tag:where(:has(:not(pre))) post-icon{flex:0 0 auto;width:1.25rem;height:1.25rem}.tag .tag-text,.tag:where(:has(:not(pre))) .tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag .tag-text svg,.tag .tag-text img,.tag:where(:has(:not(pre))) .tag-text svg,.tag:where(:has(:not(pre))) .tag-text img{display:inline-block;height:1.25rem !important;vertical-align:text-top}.tag.tag-sm,.tag:where(:has(:not(pre))).tag-sm{line-height:var(--post-core-dimension-24)}.tag.tag-sm .tag-icon,.tag:where(:has(:not(pre))).tag-sm .tag-icon{width:1rem;height:1rem}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{--post-tag-bg:#fff;--post-tag-fg:#000}.tag.tag-yellow,.tag:where(:has(:not(pre))).tag-yellow{--post-tag-bg:#fc0;--post-tag-fg:#000}.tag.tag-success,.tag:where(:has(:not(pre))).tag-success{--post-tag-bg:#2c871d;--post-tag-fg:#fff}.tag.tag-warning,.tag:where(:has(:not(pre))).tag-warning{--post-tag-bg:#f49e00;--post-tag-fg:#000}.tag.tag-danger,.tag:where(:has(:not(pre))).tag-danger{--post-tag-bg:#a51728;--post-tag-fg:#fff}.tag.tag-info,.tag:where(:has(:not(pre))).tag-info{--post-tag-bg:#cce4ee;--post-tag-fg:#000}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{border-color:#000}pre .tag,pre .tag:where(:has(:not(pre))){display:inline;padding:initial;max-width:initial;background:initial;border:initial;border-radius:initial;font-size:inherit;line-height:inherit;white-space:unset}*,*:before,*:after{box-sizing:border-box}.tag-text ::slotted(svg),.tag-text ::slotted(img){display:inline-block !important;height:1.25rem !important;vertical-align:text-top !important}";
+const PostTagStyle0 = postTagCss;
+
+const PostTag = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.classes = undefined;
+        this.variant = undefined;
+        this.size = null;
+        this.icon = null;
+        this.setClasses = this.setClasses.bind(this);
+    }
+    variantChanged() {
+        this.setClasses();
+    }
+    sizeChanged() {
+        this.setClasses();
+    }
+    setClasses() {
+        this.classes = [
+            'tag',
+            this.size ? `tag-${this.size}` : null,
+            this.variant ? `tag-${this.variant}` : null,
+        ]
+            .filter(c => c !== null)
+            .join(' ');
+    }
+    connectedCallback() {
+        this.setClasses();
+    }
+    render() {
+        return (h(Host, { key: '4ca273166b81099dd8fc0f69d3d38215e3d7ccbc', "data-version": version }, h("div", { key: 'b6c4eb6a3bf8cbaad18cf6277dab79bd6e350f0a', class: this.classes }, this.icon ? h("post-icon", { name: this.icon }) : null, h("div", { key: '4f9e8cf6b2c723e31d60e30464c1106a9f72b5b4', class: "tag-text" }, h("slot", { key: '819a4e6ff743386f8d5d6b1d94dea9ee4a612784' })))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "variant": ["variantChanged"],
+        "size": ["sizeChanged"]
+    }; }
+};
+PostTag.style = PostTagStyle0;
+
+export { PostTag as P };

package/dist/esm/post-tag.entry.js

@@ -1,3 +1,3 @@
-export { P as post_tag } from './post-tag-a3b989e0.js';
-import './index-3419e46d.js';
-import './package-da68ab5a.js';
+export { P as post_tag } from './post-tag-19141551.js';
+import './index-f4d19816.js';
+import './package-791f9257.js';