@swisspost/design-system-components 9.0.0-next.22 → 9.0.0-next.24

package/dist/cjs/{post-footer-3f1dc457.js → post-footer-f2217a34.js}

@@ -1,58 +1,8 @@
 'use strict';
 
-const index = require('./index-5acef487.js');
-const _package = require('./package-9e5d66fe.js');
-
-class Breakpoint {
-    breakpointMap;
-    current = {
-        key: '',
-        name: '',
-    };
-    constructor() {
-        if (!this.breakpointMap) {
-            const keys = this.getStyles('--post-breakpoint-keys');
-            const names = this.getStyles('--post-breakpoint-names');
-            const widths = this.getStyles('--post-breakpoint-widths');
-            this.breakpointMap = widths
-                .map((width, i) => ({
-                minWidth: Number(width),
-                key: keys[i],
-                name: names[i],
-            }))
-                .reverse();
-            window.addEventListener('resize', () => this.updateHandler(), { passive: true });
-        }
-    }
-    getStyles(propertyName) {
-        const styles = getComputedStyle(document.documentElement);
-        return (styles
-            .getPropertyValue(propertyName)
-            ?.split(',')
-            .map(w => w.trim()) ?? []);
-    }
-    updateHandler(emitEvents = true) {
-        const calculated = this.breakpointMap.find(({ minWidth }) => innerWidth >= minWidth);
-        if (this.current.key !== calculated.key) {
-            this.current.key = calculated.key;
-            if (emitEvents)
-                this.dispatchEvent('key');
-        }
-        if (this.current.name !== calculated.name) {
-            this.current.name = calculated.name;
-            if (emitEvents)
-                this.dispatchEvent('name');
-        }
-    }
-    dispatchEvent(type) {
-        window.dispatchEvent(new CustomEvent(`postBreakpoint:${type}`, { detail: this.current[type] }));
-    }
-    get(type) {
-        this.updateHandler(false);
-        return this.current[type];
-    }
-}
-const breakpoint = new Breakpoint();
+const index = require('./index-d6bf2c66.js');
+const _package = require('./package-be30a2ae.js');
+const breakpoints = require('./breakpoints-c6247c71.js');
 
 const postFooterCss = ":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-post-list-flex-direction:column;--post-footer-post-list-gap:8px;--post-footer-post-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-post-list-flex-direction:row;--post-footer-post-list-gap:16px;--post-footer-post-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-post-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(post-list),.footer-app ::slotted(post-list),.footer-businesssectors ::slotted(post-list),.footer-meta ::slotted(post-list){display:flex !important;flex-direction:var(--post-footer-post-list-flex-direction) !important;gap:var(--post-footer-post-list-gap) !important;align-items:var(--post-footer-post-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}";
 const PostFooterStyle0 = postFooterCss;
@@ -61,7 +11,7 @@ const PostFooter = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.label = undefined;
-        this.isMobile = breakpoint.get('name') === 'mobile';
+        this.isMobile = breakpoints.breakpoint.get('name') === 'mobile';
     }
     get host() { return index.getElement(this); }
     connectedCallback() {

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postFooter = require('./post-footer-3f1dc457.js');
-require('./index-5acef487.js');
-require('./package-9e5d66fe.js');
+const postFooter = require('./post-footer-f2217a34.js');
+require('./index-d6bf2c66.js');
+require('./package-be30a2ae.js');
+require('./breakpoints-c6247c71.js');
 
 
 

package/dist/cjs/{post-linkarea-1ed9fad9.js → post-linkarea-ced4f6ad.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-5acef487.js');
-const _package = require('./package-9e5d66fe.js');
+const index = require('./index-d6bf2c66.js');
+const _package = require('./package-be30a2ae.js');
 
 const postLinkareaCss = "post-linkarea{display:contents;cursor:pointer}";
 const PostLinkareaStyle0 = postLinkareaCss;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postLinkarea = require('./post-linkarea-1ed9fad9.js');
-require('./index-5acef487.js');
-require('./package-9e5d66fe.js');
+const postLinkarea = require('./post-linkarea-ced4f6ad.js');
+require('./index-d6bf2c66.js');
+require('./package-be30a2ae.js');
 
 
 

package/dist/cjs/{post-menu-item-3e5cb472.js → post-menu-item-4ef32029.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-5acef487.js');
-const _package = require('./package-9e5d66fe.js');
+const index = require('./index-d6bf2c66.js');
+const _package = require('./package-be30a2ae.js');
 const index$1 = require('./index-23e36ff7.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}}";

package/dist/cjs/{post-popover-bc5529dc.js → post-popover-1a5b1f4c.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-5acef487.js');
-const _package = require('./package-9e5d66fe.js');
+const index = require('./index-d6bf2c66.js');
+const _package = require('./package-be30a2ae.js');
 const attributeObserver = require('./attribute-observer-6d8b886b.js');
 
 const postPopoverCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);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}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{background-color:ButtonFace !important}.btn-close:hover{background-color:Highlight !important}}.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}";

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postPopover = require('./post-popover-bc5529dc.js');
-require('./index-5acef487.js');
-require('./package-9e5d66fe.js');
+const postPopover = require('./post-popover-1a5b1f4c.js');
+require('./index-d6bf2c66.js');
+require('./package-be30a2ae.js');
 require('./attribute-observer-6d8b886b.js');
 
 

package/dist/cjs/{post-rating-af2d2b71.js → post-rating-9a9ce431.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-5acef487.js');
-const _package = require('./package-9e5d66fe.js');
+const index = require('./index-d6bf2c66.js');
+const _package = require('./package-be30a2ae.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;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postRating = require('./post-rating-af2d2b71.js');
-require('./index-5acef487.js');
-require('./package-9e5d66fe.js');
+const postRating = require('./post-rating-9a9ce431.js');
+require('./index-d6bf2c66.js');
+require('./package-be30a2ae.js');
 
 
 

package/dist/cjs/{post-tab-header-7f2ae48c.js → post-tab-header-43c52a57.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-5acef487.js');
-const _package = require('./package-9e5d66fe.js');
+const index = require('./index-d6bf2c66.js');
+const _package = require('./package-be30a2ae.js');
 const checkNonEmpty = require('./check-non-empty-bd99d236.js');
 const index_browser = require('./index.browser-2f65f583.js');
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postTabHeader = require('./post-tab-header-7f2ae48c.js');
-require('./index-5acef487.js');
-require('./package-9e5d66fe.js');
+const postTabHeader = require('./post-tab-header-43c52a57.js');
+require('./index-d6bf2c66.js');
+require('./package-be30a2ae.js');
 require('./check-non-empty-bd99d236.js');
 require('./constants-238701d3.js');
 require('./index.browser-2f65f583.js');

package/dist/cjs/{post-tab-panel-6011421e.js → post-tab-panel-16064007.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-5acef487.js');
-const _package = require('./package-9e5d66fe.js');
+const index = require('./index-d6bf2c66.js');
+const _package = require('./package-be30a2ae.js');
 const index_browser = require('./index.browser-2f65f583.js');
 
 const postTabPanelCss = ":host{display:none}";

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postTabPanel = require('./post-tab-panel-6011421e.js');
-require('./index-5acef487.js');
-require('./package-9e5d66fe.js');
+const postTabPanel = require('./post-tab-panel-16064007.js');
+require('./index-d6bf2c66.js');
+require('./package-be30a2ae.js');
 require('./index.browser-2f65f583.js');
 
 

package/dist/cjs/{post-tabs-542781af.js → post-tabs-e4739459.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-5acef487.js');
-const _package = require('./package-9e5d66fe.js');
+const index = require('./index-d6bf2c66.js');
+const _package = require('./package-be30a2ae.js');
 const fade = require('./fade-72d5ef55.js');
 
 /**

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postTabs = require('./post-tabs-542781af.js');
-require('./index-5acef487.js');
-require('./package-9e5d66fe.js');
+const postTabs = require('./post-tabs-e4739459.js');
+require('./index-d6bf2c66.js');
+require('./package-be30a2ae.js');
 require('./fade-72d5ef55.js');
 
 

package/dist/cjs/{post-tag-d307f6c5.js → post-tag-e1ed422b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-5acef487.js');
-const _package = require('./package-9e5d66fe.js');
+const index = require('./index-d6bf2c66.js');
+const _package = require('./package-be30a2ae.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;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postTag = require('./post-tag-d307f6c5.js');
-require('./index-5acef487.js');
-require('./package-9e5d66fe.js');
+const postTag = require('./post-tag-e1ed422b.js');
+require('./index-d6bf2c66.js');
+require('./package-be30a2ae.js');