@swisspost/design-system-components 9.0.0-next.14 → 9.0.0-next.16

package/dist/esm/{post-collapsible-trigger-31155750.js → post-collapsible-trigger-97fd8cb0.js}

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-2c232bf2.js';
-import { v as version } from './package-8c98af5e.js';
-import { d as checkEmptyOrType } from './index-d1bbbd88.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-40846676.js';
+import { v as version } from './package-2d498679.js';
+import { d as checkEmptyOrType } from './index-0aec278f.js';
 import { c as checkType } from './check-type-a6ccc9a3.js';
 import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
 import { d as debounce } from './debounce-e54c7131.js';
@@ -35,14 +35,11 @@ const PostCollapsible = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.postToggle = createEvent(this, "postToggle", 7);
+        this.collapsed = false;
     }
     isLoaded = false;
     isOpen = true;
     get host() { return getElement(this); }
-    /**
-     * If `true`, the element is collapsed otherwise it is displayed.
-     */
-    collapsed = false;
     collapsedChange() {
         checkEmptyOrType(this.collapsed, 'boolean', 'The `collapsed` property of the `post-collapsible` must be a boolean.');
         void this.toggle(!this.collapsed);
@@ -98,15 +95,12 @@ PostCollapsible.style = PostCollapsibleStyle0;
 const PostCollapsibleTrigger = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.for = undefined;
     }
     trigger;
     observer = new MutationObserver(() => this.setTrigger());
     root;
     get host() { return getElement(this); }
-    /**
-     * Link the trigger to a post-collapsible with this id
-     */
-    for;
     /**
      * Set the "aria-controls" and "aria-expanded" attributes on the trigger to match the state of the controlled post-collapsible
      */

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

@@ -1,11 +1,11 @@
-export { P as post_collapsible, a as post_collapsible_trigger } from './post-collapsible-trigger-31155750.js';
-import './index-2c232bf2.js';
-import './package-8c98af5e.js';
-import './index-d1bbbd88.js';
+export { P as post_collapsible, a as post_collapsible_trigger } from './post-collapsible-trigger-97fd8cb0.js';
+import './index-40846676.js';
+import './package-2d498679.js';
+import './index-0aec278f.js';
 import './constants-8d548297.js';
 import './check-one-of-0d5858c0.js';
 import './check-type-a6ccc9a3.js';
-import './check-url-0bd876f7.js';
+import './check-url-8ab230de.js';
 import './check-non-empty-58bd6b17.js';
 import './debounce-e54c7131.js';
 import './get-root-7af2e0d1.js';

package/dist/esm/post-components.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-2c232bf2.js';
-export { s as setNonce } from './index-2c232bf2.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-40846676.js';
+export { s as setNonce } from './index-40846676.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;

package/dist/esm/{post-footer-cdde2086.js → post-footer-82cbe9e1.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-2c232bf2.js';
-import { v as version } from './package-8c98af5e.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-40846676.js';
+import { v as version } from './package-2d498679.js';
 
 class Breakpoint {
     breakpointMap;
@@ -57,13 +57,10 @@ const PostFooterStyle0 = postFooterCss;
 const PostFooter = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.label = undefined;
+        this.isMobile = breakpoint.get('name') === 'mobile';
     }
     get host() { return getElement(this); }
-    /**
-     * The label to add to the footer (visually hidden).
-     */
-    label;
-    isMobile = breakpoint.get('name') === 'mobile';
     connectedCallback() {
         window.addEventListener('postBreakpoint:name', this.breakpointChange.bind(this));
     }

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

@@ -1,3 +1,3 @@
-export { P as post_footer } from './post-footer-cdde2086.js';
-import './index-2c232bf2.js';
-import './package-8c98af5e.js';
+export { P as post_footer } from './post-footer-82cbe9e1.js';
+import './index-40846676.js';
+import './package-2d498679.js';

package/dist/esm/{post-linkarea-cad95623.js → post-linkarea-43614f09.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-2c232bf2.js';
-import { v as version } from './package-8c98af5e.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-40846676.js';
+import { v as version } from './package-2d498679.js';
 
 const postLinkareaCss = ":host{display:contents;cursor:pointer}";
 const PostLinkareaStyle0 = postLinkareaCss;

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

@@ -1,3 +1,3 @@
-export { P as post_linkarea } from './post-linkarea-cad95623.js';
-import './index-2c232bf2.js';
-import './package-8c98af5e.js';
+export { P as post_linkarea } from './post-linkarea-43614f09.js';
+import './index-40846676.js';
+import './package-2d498679.js';

package/dist/esm/{post-menu-item-db732728.js → post-menu-item-c5b1cd29.js}

@@ -1,6 +1,6 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-2c232bf2.js';
-import { v as version } from './package-8c98af5e.js';
-import { b as checkEmptyOrUrl } from './index-d1bbbd88.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-40846676.js';
+import { v as version } from './package-2d498679.js';
+import { b as checkEmptyOrUrl } from './index-0aec278f.js';
 
 const postBreadcrumbItemCss = ":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}";
 const PostBreadcrumbItemStyle0 = postBreadcrumbItemCss;
@@ -8,12 +8,9 @@ const PostBreadcrumbItemStyle0 = postBreadcrumbItemCss;
 const PostBreadcrumbItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.url = undefined;
     }
     get host() { return getElement(this); }
-    /**
-     * The optional URL to which the breadcrumb item will link.
-     */
-    url;
     validUrl;
     validateUrl() {
         try {

package/dist/esm/{post-popover-00f427ac.js → post-popover-21dea796.js}

@@ -1,5 +1,5 @@
-import { g as getElement, r as registerInstance, h, H as Host } from './index-2c232bf2.js';
-import { v as version } from './package-8c98af5e.js';
+import { g as getElement, r as registerInstance, h, H as Host } from './index-40846676.js';
+import { v as version } from './package-2d498679.js';
 import { g as getAttributeObserver } from './attribute-observer-2f203993.js';
 
 const postPopoverCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-round);color:#000;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:#000}.btn-close:disabled{color:#999}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}*{box-sizing:border-box}:host{display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:280px;max-width:100%}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:inherit}";
@@ -29,23 +29,11 @@ const PostPopover = class {
     popoverRef;
     localBeforeToggleHandler;
     get host() { return getElement(this); }
-    /**
-     * Defines the placement of the popover according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
-     * Popoverss are automatically flipped to the opposite side if there is not enough available space and are shifted
-     * towards the viewport if they would overlap edge boundaries.
-     */
-    placement = 'top';
-    /**
-     * Define the caption of the close button for assistive technology
-     */
-    closeButtonCaption;
-    /**
-     * Show a little indicator arrow
-     */
-    // eslint-disable-next-line @stencil-community/ban-default-true
-    arrow = true;
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.placement = 'top';
+        this.closeButtonCaption = undefined;
+        this.arrow = true;
         this.localBeforeToggleHandler = this.beforeToggleHandler.bind(this);
     }
     connectedCallback() {

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

@@ -1,4 +1,4 @@
-export { P as post_popover } from './post-popover-00f427ac.js';
-import './index-2c232bf2.js';
-import './package-8c98af5e.js';
+export { P as post_popover } from './post-popover-21dea796.js';
+import './index-40846676.js';
+import './package-2d498679.js';
 import './attribute-observer-2f203993.js';

package/dist/esm/{post-rating-cdcb2a1d.js → post-rating-907e5175.js}

@@ -1,5 +1,5 @@
-import { g as getElement, r as registerInstance, c as createEvent, h, H as Host } from './index-2c232bf2.js';
-import { v as version } from './package-8c98af5e.js';
+import { g as getElement, r as registerInstance, c as createEvent, h, H as Host } from './index-40846676.js';
+import { v as version } from './package-2d498679.js';
 
 const postRatingCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 calc(var(--post-core-dimension-4)*-1);border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}";
 const PostRatingStyle0 = postRatingCss;
@@ -7,24 +7,6 @@ const PostRatingStyle0 = postRatingCss;
 const PostRating = class {
     hasChanged = false;
     get host() { return getElement(this); }
-    hoveredIndex;
-    /**
-     * Defines a hidden label for the component.
-     */
-    label = 'Rating';
-    /**
-     * Defines the total amount of stars rendered in the component.
-     */
-    stars = 5;
-    /**
-     * Defines the rating that the component should show.
-     */
-    currentRating = 0;
-    /**
-     * Defines if the component is readonly or not.
-     * This usually should be used together with the `currentRating` property.
-     */
-    readonly = false;
     /**
      * An event emitted whenever the component's value has changed (on input).
      * The event payload can be used like so: `event.detail.value`.
@@ -39,6 +21,11 @@ const PostRating = class {
         registerInstance(this, hostRef);
         this.postInput = createEvent(this, "postInput", 7);
         this.postChange = createEvent(this, "postChange", 7);
+        this.hoveredIndex = undefined;
+        this.label = 'Rating';
+        this.stars = 5;
+        this.currentRating = 0;
+        this.readonly = false;
         this.keydownHandler = this.keydownHandler.bind(this);
         this.blurHandler = this.blurHandler.bind(this);
         this.hoverHandler = this.hoverHandler.bind(this);

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

@@ -1,3 +1,3 @@
-export { P as post_rating } from './post-rating-cdcb2a1d.js';
-import './index-2c232bf2.js';
-import './package-8c98af5e.js';
+export { P as post_rating } from './post-rating-907e5175.js';
+import './index-40846676.js';
+import './package-2d498679.js';

package/dist/esm/{post-tab-header-1d4113cb.js → post-tab-header-0f5fd7d0.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-2c232bf2.js';
-import { v as version } from './package-8c98af5e.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-40846676.js';
+import { v as version } from './package-2d498679.js';
 import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
 import { n as nanoid } from './index.browser-51485f85.js';
 
@@ -9,13 +9,10 @@ const PostTabHeaderStyle0 = postTabHeaderCss;
 const PostTabHeader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.tabId = undefined;
+        this.panel = undefined;
     }
     get host() { return getElement(this); }
-    tabId;
-    /**
-     * The name of the panel controlled by the tab header.
-     */
-    panel;
     validateFor(newValue) {
         checkNonEmpty(newValue, 'The "panel" prop is required for the post-tab-header.');
     }

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

@@ -1,6 +1,6 @@
-export { P as post_tab_header } from './post-tab-header-1d4113cb.js';
-import './index-2c232bf2.js';
-import './package-8c98af5e.js';
+export { P as post_tab_header } from './post-tab-header-0f5fd7d0.js';
+import './index-40846676.js';
+import './package-2d498679.js';
 import './check-non-empty-58bd6b17.js';
 import './constants-8d548297.js';
 import './index.browser-51485f85.js';

package/dist/esm/{post-tab-panel-7a5c03ef.js → post-tab-panel-2bf324ae.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-2c232bf2.js';
-import { v as version } from './package-8c98af5e.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-40846676.js';
+import { v as version } from './package-2d498679.js';
 import { n as nanoid } from './index.browser-51485f85.js';
 
 const postTabPanelCss = ":host{display:none}";
@@ -8,13 +8,10 @@ const PostTabPanelStyle0 = postTabPanelCss;
 const PostTabPanel = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.panelId = undefined;
+        this.name = undefined;
     }
     get host() { return getElement(this); }
-    panelId;
-    /**
-     * The name of the panel, used to associate it with a tab header.
-     */
-    name;
     componentWillLoad() {
         // get the id set on the host element or use a random id by default
         this.panelId = `panel-${this.host.id || nanoid(6)}`;

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

@@ -1,4 +1,4 @@
-export { P as post_tab_panel } from './post-tab-panel-7a5c03ef.js';
-import './index-2c232bf2.js';
-import './package-8c98af5e.js';
+export { P as post_tab_panel } from './post-tab-panel-2bf324ae.js';
+import './index-40846676.js';
+import './package-2d498679.js';
 import './index.browser-51485f85.js';

package/dist/esm/{post-tabs-308190c0.js → post-tabs-52cf8ed7.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-2c232bf2.js';
-import { v as version } from './package-8c98af5e.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-40846676.js';
+import { v as version } from './package-2d498679.js';
 import { f as fadeOut, a as fadeIn } from './fade-1f3cacf4.js';
 
 /**
@@ -30,6 +30,7 @@ const PostTabs = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.postChange = createEvent(this, "postChange", 7);
+        this.activePanel = undefined;
     }
     activeTab;
     showing;
@@ -39,13 +40,6 @@ const PostTabs = class {
         return Array.from(this.host.querySelectorAll('post-tab-header')).filter(tab => tab.closest('post-tabs') === this.host);
     }
     get host() { return getElement(this); }
-    /**
-     * The name of the panel that is initially shown.
-     * If not specified, it defaults to the panel associated with the first tab.
-     *
-     * **Changing this value after initialization has no effect.**
-     */
-    activePanel;
     /**
      * 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.

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

@@ -1,4 +1,4 @@
-export { P as post_tabs } from './post-tabs-308190c0.js';
-import './index-2c232bf2.js';
-import './package-8c98af5e.js';
+export { P as post_tabs } from './post-tabs-52cf8ed7.js';
+import './index-40846676.js';
+import './package-2d498679.js';
 import './fade-1f3cacf4.js';

package/dist/esm/{post-tag-aebbda10.js → post-tag-d53f4bc7.js}

@@ -1,28 +1,17 @@
-import { g as getElement, r as registerInstance, h, H as Host } from './index-2c232bf2.js';
-import { v as version } from './package-8c98af5e.js';
+import { g as getElement, r as registerInstance, h, H as Host } from './index-40846676.js';
+import { v as version } from './package-2d498679.js';
 
 const postTagCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.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 {
     get host() { return getElement(this); }
-    classes;
-    /**
-     * Defines the color variant of the component.
-     */
-    variant;
-    /**
-     * Defines the size of the component.
-     */
-    size = null;
-    /**
-     * Defines the icon `name` inside of the component.
-     * <span className="banner banner-sm banner-info">If not set the icon will not show up.</span>
-     * To learn which icons are available, please visit our <a href="/?path=/docs/5704bdc4-c5b5-45e6-b123-c54d01fce2f1--docs">icon library</a>.
-     */
-    icon = null;
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.classes = undefined;
+        this.variant = undefined;
+        this.size = null;
+        this.icon = null;
         this.setClasses = this.setClasses.bind(this);
     }
     variantChanged() {

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

@@ -1,3 +1,3 @@
-export { P as post_tag } from './post-tag-aebbda10.js';
-import './index-2c232bf2.js';
-import './package-8c98af5e.js';
+export { P as post_tag } from './post-tag-d53f4bc7.js';
+import './index-40846676.js';
+import './package-2d498679.js';