@swisspost/design-system-components 10.0.0-next.59 → 10.0.0-next.60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components",
-  "version": "10.0.0-next.59",
+  "version": "10.0.0-next.60",
   "description": "A collection of web components built with Stencil JS for the Swiss Post Design System.",
   "author": "Swiss Post <design-system@post.ch>",
   "license": "Apache-2.0",
@@ -69,8 +69,8 @@
     "@floating-ui/dom": "1.7.4",
     "@oddbird/popover-polyfill": "0.6.0",
     "@stencil/core": "4.41.1",
-    "@swisspost/design-system-icons": "10.0.0-next.59",
-    "@swisspost/design-system-styles": "10.0.0-next.59",
+    "@swisspost/design-system-icons": "10.0.0-next.60",
+    "@swisspost/design-system-styles": "10.0.0-next.60",
     "ally.js": "1.4.1",
     "long-press-event": "2.5.0",
     "nanoid": "5.1.6"
@@ -84,7 +84,7 @@
     "@stencil/angular-output-target": "1.1.1",
     "@stencil/react-output-target": "1.2.0",
     "@stencil/sass": "3.0.12",
-    "@swisspost/design-system-eslint": "10.0.0-next.59",
+    "@swisspost/design-system-eslint": "10.0.0-next.60",
     "@types/jest": "29.5.14",
     "@types/node": "22.10.5",
     "@typescript-eslint/parser": "7.18.0",

package/dist/collection/components/post-closebutton/button-types.js

@@ -1 +0,0 @@
-export const BUTTON_TYPES = ['button', 'submit', 'reset'];

package/dist/components/react/p-BIsI9uKb.js

@@ -1 +0,0 @@
-import{t,p as s,H as e,c as o,h as i,a}from"./index.js";import{v as r}from"./p-DzmpoNOx.js";import{I as l}from"./p-FxUVQ4Tx.js";import{f as n}from"./p-D6ZeuFSR.js";const d={height:"0",overflow:"hidden"},h={duration:!l||window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:350,easing:"ease",fill:"forwards"},c=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postToggle=o(this,"postToggle"),this.collapsed=!1}collapsedChange(){n(this,"collapsed","boolean")}get isExpanded(){return!this.collapsed}componentDidLoad(){this.collapsedChange(),this.updateTriggers()}async toggle(t=!this.isExpanded){if(t===this.isExpanded)return this.isExpanded;this.collapsed=!t;const s=this.isExpanded;if(l){const t=s?(e=this.host).animate([d,{height:`${e.scrollHeight}px`,offset:1},{height:"auto",overflow:"visible"}],h):function(t){const s=l?window.getComputedStyle(t).height:`${t.scrollHeight}px`;return t.animate([{height:s},d],h)}(this.host);await t.finished,t.commitStyles(),this.updateTriggers(),this.postToggle.emit(s)}var e;return s}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return i(a,{key:"06400647373d6c66398e6f81561ab2c60b748af1","data-version":r,tabindex:this.collapsed?-1:void 0,style:this.collapsed?d:void 0},i("slot",{key:"63653d2d89b80b03c7f139b1370eaf18fe839409"}))}get host(){return this}static get watchers(){return{collapsed:[{collapsedChange:0}]}}static get style(){return":host{display:block;position:relative;overflow:hidden}"}},[257,"post-collapsible",{collapsed:[1028],toggle:[64]},void 0,{collapsed:[{collapsedChange:0}]}]);function p(){"undefined"!=typeof customElements&&["post-collapsible"].forEach((s=>{"post-collapsible"===s&&(customElements.get(t(s))||customElements.define(t(s),c))}))}p();export{c as P,p as d}

package/dist/components/react/p-BedNtdrk.js

@@ -1 +0,0 @@
-import{t,p as e,H as o,h as s,a as i}from"./index.js";import{v as n}from"./p-DzmpoNOx.js";import{d as c}from"./p-D6ZeuFSR.js";import{d as r}from"./p-B7Pfex_I.js";const a=["button","submit","reset"],d=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.mutationObserver=new MutationObserver(this.checkContent.bind(this)),this.buttonType="button"}validateButtonType(){c(this,"buttonType",a)}componentDidLoad(){this.checkContent()}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0,characterData:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}checkContent(){this.validateButtonType(),this.host.querySelector(".visually-hidden").textContent||console.error(`The \`${this.host.localName}\` component requires content for accessibility.`)}render(){return s(i,{key:"6965a8cb5fb765b4fcec0439ceeafe19d34970c2","data-version":n},s("button",{key:"7e718f70b0a4ac79e9439784dac46bd1ffd60fd1",class:"btn",type:this.buttonType},s("post-icon",{key:"70acda3fbe6c9420f0be708fde6b29a7d5337d13","aria-hidden":"true",name:"closex"}),s("span",{key:"899b3814c0898b521e4166e1cd951af628558e78",class:"visually-hidden"},s("slot",{key:"b13d0e95fd567c86e93e5185389909c7c0e7107d"}))))}get host(){return this}static get watchers(){return{buttonType:[{validateButtonType:0}]}}static get style(){return".visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-closebutton .btn{padding:0;border:unset;min-height:unset;min-width:unset;width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1);border-radius:var(--post-device-border-radius-round);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);display:flex;align-items:center;justify-content:center}post-closebutton .btn>post-icon{min-width:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4);height:var(--post-device-sizing-interactive-icon-size4)}post-closebutton .btn{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}post-closebutton .btn: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){post-closebutton .btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-closebutton .btn: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){post-closebutton .btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-closebutton .btn:not(:disabled):hover,post-closebutton .btn.pretend-hover{cursor:pointer;background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-closebutton .btn:not(:disabled):hover,post-closebutton .btn.pretend-hover{color:HighlightText !important}}"}},[260,"post-closebutton",{buttonType:[1,"button-type"]},void 0,{buttonType:[{validateButtonType:0}]}]);function l(){"undefined"!=typeof customElements&&["post-closebutton","post-icon"].forEach((e=>{switch(e){case"post-closebutton":customElements.get(t(e))||customElements.define(t(e),d);break;case"post-icon":customElements.get(t(e))||r()}}))}l();export{d as P,l as d}

package/dist/components/react/p-DzmpoNOx.js

@@ -1 +0,0 @@
-const t="10.0.0-next.59";export{t as v}

package/dist/esm/package-DzmpoNOx.js

@@ -1,3 +0,0 @@
-const version = "10.0.0-next.59";
-
-export { version as v };