@swisspost/design-system-styles 10.0.0 → 10.0.1

package/components/toast.css

@@ -1 +1 @@
-.toast-container .toast button.toast-close-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.toast-container .toast button.toast-close-button:not(:disabled):hover{text-decoration:none}.toast-container .toast button.toast-close-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.toast-container .toast button.toast-close-button{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}.toast-container .toast button.toast-close-button: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){.toast-container .toast button.toast-close-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.toast-container .toast button.toast-close-button: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){.toast-container .toast button.toast-close-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.toast-container .toast button.toast-close-button:is(a){color:LinkText;border:unset}.toast-container .toast button.toast-close-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.toast-container .toast button.toast-close-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.toast-container .toast button.toast-close-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.toast-container .toast button.toast-close-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.toast{min-height:calc(var(--post-device-sizing-notification-icon-3) + 2*var(--post-device-spacing-padding-3));box-sizing:border-box;box-shadow:var(--post-device-elevation-300);border-radius:var(--post-device-border-radius-2);padding:var(--post-device-spacing-padding-3) var(--post-device-spacing-padding-11);padding-inline-start:calc(var(--post-device-spacing-padding-11) + var(--post-device-sizing-notification-icon-3) + var(--post-device-spacing-gap-inline-2));font-weight:var(--post-core-font-weight-400);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);position:relative;color:var(--post-current-fg);background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke);color-scheme:var(--post-core-bg-scheme-light)}.toast::before{background-image:var(--post-signal-icon-info);background-size:contain;background-repeat:no-repeat;background-position:center}.toast::before{content:"";display:block;position:absolute;height:var(--post-device-sizing-notification-icon-3);width:var(--post-device-sizing-notification-icon-3);left:var(--post-device-spacing-padding-11);top:var(--post-device-spacing-padding-3)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.toast{filter:none !important;border:2px solid CanvasText}}.toast{display:flex;flex-direction:column;justify-content:center;gap:var(--post-core-dimension-4)}.toast a{font-weight:var(--post-core-font-weight-400)}.toast hr{margin-block:var(--post-core-dimension-4) var(--post-core-dimension-12) !important}.toast>*{margin:0}.toast .toast-title{font-weight:var(--post-core-font-weight-700)}.toast-dismissible{pointer-events:auto;position:relative}.toast-dismissible:not(.alert-action){padding-inline-end:calc(var(--post-device-spacing-padding-11) + var(--post-device-spacing-gap-inline-2) + var(--post-core-dimension-24))}.toast-info{background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke);--post-current-fg: var(--post-scheme-color-interactive-notification-info-fg)}.toast-info::before{background-image:var(--post-signal-icon-info)}.toast-success{background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke);--post-current-fg: var(--post-scheme-color-interactive-notification-success-fg)}.toast-success::before{background-image:var(--post-signal-icon-success)}.toast-warning{background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke);--post-current-fg: var(--post-scheme-color-interactive-notification-warning-fg)}.toast-warning::before{background-image:var(--post-signal-icon-warning)}.toast-error{background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke);--post-current-fg: var(--post-scheme-color-interactive-notification-error-fg)}.toast-error::before{background-image:var(--post-signal-icon-error)}.toast-container{position:fixed;z-index:1080;display:flex;flex-direction:column;gap:1.5rem}.toast-container .toast{width:25rem;background-image:unset}.toast-container .toast button.toast-close-button{position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%, -50%);background-color:var(--post-scheme-color-interactive-primary-enabled-bg1);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom;padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.toast-container .toast button.toast-close-button.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.toast-container .toast button.toast-close-button>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.toast-container .toast button.toast-close-button.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.toast-container .toast button.toast-close-button>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.toast-container .toast button.toast-close-button:hover,.toast-container .toast button.toast-close-button:focus{opacity:1}.toast-container .toast button.toast-close-button:not(:disabled):hover,.toast-container .toast button.toast-close-button.pretend-hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg);border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.toast-container .toast button.toast-close-button span{display:none}.toast-container .toast button.toast-close-button::before{content:"";display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5);mask-image:var(--post-icon-closex);background-color:currentColor}:root,:host{--post-icon-closex: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2xvc2V4Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzLjY2IDIuMzVjLjI5LjI5LjI5Ljc3IDAgMS4wNkw5LjA3IDhsNC41OSA0LjU5Yy4yOS4yOS4yOS43NyAwIDEuMDZzLS43Ny4yOS0xLjA2IDBMOC4wMSA5LjA2bC00LjU5IDQuNTljLS4yOS4yOS0uNzcuMjktMS4wNiAwcy0uMjktLjc3IDAtMS4wNkw2Ljk1IDhsLTQuNi00LjU5Yy0uMjktLjI5LS4yOS0uNzcgMC0xLjA2cy43Ny0uMjkgMS4wNiAwTDggNi45NGw0LjU5LTQuNTljLjI5LS4yOS43Ny0uMjkgMS4wNiAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjAuNDcgMy41MmMuMzQuMzQuMzQuOSAwIDEuMjRsLTcuMjUgNy4yNSA3LjI1IDcuMjVjLjM0LjM0LjM0LjkgMCAxLjI0cy0uOS4zNC0xLjI0IDBsLTcuMjUtNy4yNS03LjI1IDcuMjVjLS4zNC4zNC0uOS4zNC0xLjI0IDBzLS4zNC0uOSAwLTEuMjRsNy4yNS03LjI1LTcuMjMtNy4yNmMtLjM0LS4zNC0uMzQtLjkgMC0xLjI0cy45LS4zNCAxLjI0IDBMMTIgMTAuNzZsNy4yNS03LjI1Yy4zNC0uMzQuOS0uMzQgMS4yNCAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMjcuMjggNC42OGMuMzkuMzkuMzkgMS4wMiAwIDEuNDFsLTkuOSA5LjkgOS45IDkuOWEuOTk2Ljk5NiAwIDEgMS0xLjQxIDEuNDFsLTkuOS05LjktOS45IDkuOWEuOTk2Ljk5NiAwIDEgMS0xLjQxLTEuNDFsOS45LTkuOS05LjktOS44OWEuOTk2Ljk5NiAwIDEgMSAxLjQxLTEuNDFsOS45IDkuOSA5LjktOS45YS45OTYuOTk2IDAgMCAxIDEuNDEgMFoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0iTTM0LjE0IDUuODZjLjQ0LjQ0LjQ0IDEuMTUgMCAxLjU5TDIxLjU5IDIwbDEyLjU1IDEyLjU1Yy40NC40NC40NCAxLjE1IDAgMS41OXMtMS4xNS40NC0xLjU5IDBMMjAgMjEuNTkgNy40NSAzNC4xNGMtLjQ0LjQ0LTEuMTUuNDQtMS41OSAwcy0uNDQtMS4xNSAwLTEuNTlMMTguNDEgMjAgNS44NiA3LjQ1Yy0uNDQtLjQ0LS40NC0xLjE1IDAtMS41OXMxLjE1LS40NCAxLjU5IDBMMjAgMTguNDEgMzIuNTUgNS44NmMuNDQtLjQ0IDEuMTUtLjQ0IDEuNTkgMCIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNNDAuODkgNy4xYy40OS40OS40OSAxLjI4IDAgMS43N0wyNS43NiAyNGwxNS4xMyAxNS4xM2MuNDkuNDkuNDkgMS4yOCAwIDEuNzdzLTEuMjguNDktMS43NyAwTDIzLjk5IDI1Ljc3IDguODYgNDAuOWMtLjQ5LjQ5LTEuMjguNDktMS43NyAwcy0uNDktMS4yOCAwLTEuNzdMMjIuMjIgMjQgNy4wOSA4Ljg2Yy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTUuMTMgMTUuMTNMMzkuMTIgNy4wOWExLjI1IDEuMjUgMCAwIDEgMS43NyAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNNTQuNjMgOS4zN2MuOTguOTguOTggMi41NiAwIDMuNTRMMzUuNTQgMzJsMTkuMDkgMTkuMDljLjk4Ljk4Ljk4IDIuNTYgMCAzLjU0cy0yLjU2Ljk4LTMuNTQgMEwzMiAzNS41NCAxMi45MSA1NC42M2MtLjk4Ljk4LTIuNTYuOTgtMy41NCAwcy0uOTgtMi41NiAwLTMuNTRMMjguNDYgMzIgOS4zNyAxMi45MWMtLjk4LS45OC0uOTgtMi41NiAwLTMuNTRzMi41Ni0uOTggMy41NCAwTDMyIDI4LjQ2IDUxLjA5IDkuMzdjLjk4LS45OCAyLjU2LS45OCAzLjU0IDAiLz48L3N5bWJvbD48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMTYsIG5vbmUpIiBocmVmPSIjczE2Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczI0LCBub25lKSIgaHJlZj0iI3MyNCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMzMiwgbm9uZSkiIGhyZWY9IiNzMzIiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNDAsIG5vbmUpIiBocmVmPSIjczQwIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQ4LCBub25lKSIgaHJlZj0iI3M0OCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM2NCwgbm9uZSkiIGhyZWY9IiNzNjQiLz48L3N5bWJvbD48L2RlZnM+PHN0eWxlPkBtZWRpYSAobWF4LXdpZHRoOiAyMy45OHB4KSB7Z3stLXMxNjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiAyNHB4KSBhbmQgKG1heC13aWR0aDogMzEuOThweCkge2d7LS1zMjQ6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMzJweCkgYW5kIChtYXgtd2lkdGg6IDM5Ljk4cHgpIHtney0tczMyOmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDQwcHgpIGFuZCAobWF4LXdpZHRoOiA0Ny45OHB4KSB7Z3stLXM0MDpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0OHB4KSBhbmQgKG1heC13aWR0aDogNjMuOThweCkge2d7LS1zNDg6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNjRweCkge2d7LS1zNjQ6YmxvY2s7fX08L3N0eWxlPjxnPjx1c2UgaHJlZj0iI2ktY2xvc2V4Ii8+PC9nPjwvc3ZnPg==")}@media screen and (max-width: 779.98px){.toast-container .toast{max-width:25rem}}@media screen and (max-width: 779.98px){.toast-container{right:1.5rem;left:1.5rem}.toast-container .toast{width:100%}}.toast-top-center,.toast-top-full-width,.toast-top-left,.toast-top-right{top:1.5rem}.toast-bottom-center,.toast-bottom-full-width,.toast-bottom-right,.toast-bottom-left{bottom:1.5rem}.toast-top-left,.toast-bottom-left,.toast-top-full-width,.toast-bottom-full-width,.toast-center-left{left:1.5rem}.toast-top-right,.toast-bottom-right,.toast-top-full-width,.toast-bottom-full-width,.toast-center-right{right:1.5rem}.toast-top-center,.toast-bottom-center{left:50%;transform:translateX(-50%)}.toast-center-left,.toast-center-right{top:50%;transform:translateY(-50%)}.toast-center-center{top:50%;left:50%;transform:translate(-50%, -50%)}.toast-top-full-width .toast,.toast-bottom-full-width .toast{width:100% !important}
+.toast-container .toast button.toast-close-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.toast-container .toast button.toast-close-button:not(:disabled):hover{text-decoration:none}.toast-container .toast button.toast-close-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.toast-container .toast button.toast-close-button{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}.toast-container .toast button.toast-close-button: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){.toast-container .toast button.toast-close-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.toast-container .toast button.toast-close-button: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){.toast-container .toast button.toast-close-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.toast-container .toast button.toast-close-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.toast-container .toast button.toast-close-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.toast-container .toast button.toast-close-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.toast-container .toast button.toast-close-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.toast{min-height:calc(var(--post-device-sizing-notification-icon-3) + 2*var(--post-device-spacing-padding-3));box-sizing:border-box;box-shadow:var(--post-device-elevation-300);border-radius:var(--post-device-border-radius-2);padding:var(--post-device-spacing-padding-3) var(--post-device-spacing-padding-11);padding-inline-start:calc(var(--post-device-spacing-padding-11) + var(--post-device-sizing-notification-icon-3) + var(--post-device-spacing-gap-inline-2));font-weight:var(--post-core-font-weight-400);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);position:relative;color:var(--post-current-fg);background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke);color-scheme:var(--post-core-bg-scheme-light)}.toast::before{background-image:var(--post-signal-icon-info);background-size:contain;background-repeat:no-repeat;background-position:center}.toast::before{content:"";display:block;position:absolute;height:var(--post-device-sizing-notification-icon-3);width:var(--post-device-sizing-notification-icon-3);left:var(--post-device-spacing-padding-11);top:var(--post-device-spacing-padding-3)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.toast{filter:none !important;border:2px solid CanvasText}}.toast{display:flex;flex-direction:column;justify-content:center;gap:var(--post-core-dimension-4)}.toast a{font-weight:var(--post-core-font-weight-400)}.toast hr{margin-block:var(--post-core-dimension-4) var(--post-core-dimension-12) !important}.toast>*{margin:0}.toast .toast-title{font-weight:var(--post-core-font-weight-700)}.toast-dismissible{pointer-events:auto;position:relative}.toast-dismissible:not(.alert-action){padding-inline-end:calc(var(--post-device-spacing-padding-11) + var(--post-device-spacing-gap-inline-2) + var(--post-core-dimension-24))}.toast-info{background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke);--post-current-fg: var(--post-scheme-color-interactive-notification-info-fg)}.toast-info::before{background-image:var(--post-signal-icon-info)}.toast-success{background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke);--post-current-fg: var(--post-scheme-color-interactive-notification-success-fg)}.toast-success::before{background-image:var(--post-signal-icon-success)}.toast-warning{background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke);--post-current-fg: var(--post-scheme-color-interactive-notification-warning-fg)}.toast-warning::before{background-image:var(--post-signal-icon-warning)}.toast-error{background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke);--post-current-fg: var(--post-scheme-color-interactive-notification-error-fg)}.toast-error::before{background-image:var(--post-signal-icon-error)}.toast-container{position:fixed;z-index:1080;display:flex;flex-direction:column;gap:1.5rem}.toast-container .toast{width:25rem;background-image:unset}.toast-container .toast button.toast-close-button{position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%, -50%);background-color:var(--post-scheme-color-interactive-primary-enabled-bg1);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom;padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.toast-container .toast button.toast-close-button.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.toast-container .toast button.toast-close-button>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.toast-container .toast button.toast-close-button.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.toast-container .toast button.toast-close-button>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.toast-container .toast button.toast-close-button:hover,.toast-container .toast button.toast-close-button:focus{opacity:1}.toast-container .toast button.toast-close-button:not(:disabled):hover,.toast-container .toast button.toast-close-button.pretend-hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg);border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.toast-container .toast button.toast-close-button span{display:none}.toast-container .toast button.toast-close-button::before{content:"";display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5);mask-image:var(--post-icon-closex);background-color:currentColor}:root,:host{--post-icon-closex: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2xvc2V4Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzLjY2IDIuMzVjLjI5LjI5LjI5Ljc3IDAgMS4wNkw5LjA3IDhsNC41OSA0LjU5Yy4yOS4yOS4yOS43NyAwIDEuMDZzLS43Ny4yOS0xLjA2IDBMOC4wMSA5LjA2bC00LjU5IDQuNTljLS4yOS4yOS0uNzcuMjktMS4wNiAwcy0uMjktLjc3IDAtMS4wNkw2Ljk1IDhsLTQuNi00LjU5Yy0uMjktLjI5LS4yOS0uNzcgMC0xLjA2cy43Ny0uMjkgMS4wNiAwTDggNi45NGw0LjU5LTQuNTljLjI5LS4yOS43Ny0uMjkgMS4wNiAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjAuNDcgMy41MmMuMzQuMzQuMzQuOSAwIDEuMjRsLTcuMjUgNy4yNSA3LjI1IDcuMjVjLjM0LjM0LjM0LjkgMCAxLjI0cy0uOS4zNC0xLjI0IDBsLTcuMjUtNy4yNS03LjI1IDcuMjVjLS4zNC4zNC0uOS4zNC0xLjI0IDBzLS4zNC0uOSAwLTEuMjRsNy4yNS03LjI1LTcuMjMtNy4yNmMtLjM0LS4zNC0uMzQtLjkgMC0xLjI0cy45LS4zNCAxLjI0IDBMMTIgMTAuNzZsNy4yNS03LjI1Yy4zNC0uMzQuOS0uMzQgMS4yNCAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMjcuMjggNC42OGMuMzkuMzkuMzkgMS4wMiAwIDEuNDFsLTkuOSA5LjkgOS45IDkuOWEuOTk2Ljk5NiAwIDEgMS0xLjQxIDEuNDFsLTkuOS05LjktOS45IDkuOWEuOTk2Ljk5NiAwIDEgMS0xLjQxLTEuNDFsOS45LTkuOS05LjktOS44OWEuOTk2Ljk5NiAwIDEgMSAxLjQxLTEuNDFsOS45IDkuOSA5LjktOS45YS45OTYuOTk2IDAgMCAxIDEuNDEgMFoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0iTTM0LjE0IDUuODZjLjQ0LjQ0LjQ0IDEuMTUgMCAxLjU5TDIxLjU5IDIwbDEyLjU1IDEyLjU1Yy40NC40NC40NCAxLjE1IDAgMS41OXMtMS4xNS40NC0xLjU5IDBMMjAgMjEuNTkgNy40NSAzNC4xNGMtLjQ0LjQ0LTEuMTUuNDQtMS41OSAwcy0uNDQtMS4xNSAwLTEuNTlMMTguNDEgMjAgNS44NiA3LjQ1Yy0uNDQtLjQ0LS40NC0xLjE1IDAtMS41OXMxLjE1LS40NCAxLjU5IDBMMjAgMTguNDEgMzIuNTUgNS44NmMuNDQtLjQ0IDEuMTUtLjQ0IDEuNTkgMCIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNNDAuODkgNy4xYy40OS40OS40OSAxLjI4IDAgMS43N0wyNS43NiAyNGwxNS4xMyAxNS4xM2MuNDkuNDkuNDkgMS4yOCAwIDEuNzdzLTEuMjguNDktMS43NyAwTDIzLjk5IDI1Ljc3IDguODYgNDAuOWMtLjQ5LjQ5LTEuMjguNDktMS43NyAwcy0uNDktMS4yOCAwLTEuNzdMMjIuMjIgMjQgNy4wOSA4Ljg2Yy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTUuMTMgMTUuMTNMMzkuMTIgNy4wOWExLjI1IDEuMjUgMCAwIDEgMS43NyAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNNTQuNjMgOS4zN2MuOTguOTguOTggMi41NiAwIDMuNTRMMzUuNTQgMzJsMTkuMDkgMTkuMDljLjk4Ljk4Ljk4IDIuNTYgMCAzLjU0cy0yLjU2Ljk4LTMuNTQgMEwzMiAzNS41NCAxMi45MSA1NC42M2MtLjk4Ljk4LTIuNTYuOTgtMy41NCAwcy0uOTgtMi41NiAwLTMuNTRMMjguNDYgMzIgOS4zNyAxMi45MWMtLjk4LS45OC0uOTgtMi41NiAwLTMuNTRzMi41Ni0uOTggMy41NCAwTDMyIDI4LjQ2IDUxLjA5IDkuMzdjLjk4LS45OCAyLjU2LS45OCAzLjU0IDAiLz48L3N5bWJvbD48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMTYsIG5vbmUpIiBocmVmPSIjczE2Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczI0LCBub25lKSIgaHJlZj0iI3MyNCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMzMiwgbm9uZSkiIGhyZWY9IiNzMzIiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNDAsIG5vbmUpIiBocmVmPSIjczQwIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQ4LCBub25lKSIgaHJlZj0iI3M0OCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM2NCwgbm9uZSkiIGhyZWY9IiNzNjQiLz48L3N5bWJvbD48L2RlZnM+PHN0eWxlPkBtZWRpYSAobWF4LXdpZHRoOiAyMy45OHB4KSB7Z3stLXMxNjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiAyNHB4KSBhbmQgKG1heC13aWR0aDogMzEuOThweCkge2d7LS1zMjQ6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMzJweCkgYW5kIChtYXgtd2lkdGg6IDM5Ljk4cHgpIHtney0tczMyOmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDQwcHgpIGFuZCAobWF4LXdpZHRoOiA0Ny45OHB4KSB7Z3stLXM0MDpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0OHB4KSBhbmQgKG1heC13aWR0aDogNjMuOThweCkge2d7LS1zNDg6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNjRweCkge2d7LS1zNjQ6YmxvY2s7fX08L3N0eWxlPjxnPjx1c2UgaHJlZj0iI2ktY2xvc2V4Ii8+PC9nPjwvc3ZnPg==")}@media screen and (max-width: 779.98px){.toast-container .toast{max-width:25rem}}@media screen and (max-width: 779.98px){.toast-container{right:1.5rem;left:1.5rem}.toast-container .toast{width:100%}}.toast-top-center,.toast-top-full-width,.toast-top-left,.toast-top-right{top:1.5rem}.toast-bottom-center,.toast-bottom-full-width,.toast-bottom-right,.toast-bottom-left{bottom:1.5rem}.toast-top-left,.toast-bottom-left,.toast-top-full-width,.toast-bottom-full-width,.toast-center-left{left:1.5rem}.toast-top-right,.toast-bottom-right,.toast-top-full-width,.toast-bottom-full-width,.toast-center-right{right:1.5rem}.toast-top-center,.toast-bottom-center{left:50%;transform:translateX(-50%)}.toast-center-left,.toast-center-right{top:50%;transform:translateY(-50%)}.toast-center-center{top:50%;left:50%;transform:translate(-50%, -50%)}.toast-top-full-width .toast,.toast-bottom-full-width .toast{width:100% !important}

package/elements/anchor.css

@@ -1 +1 @@
-a{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border-radius:var(--post-device-border-radius-focus);color:var(--post-current-fg)}a:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}a{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}a: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){a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){a: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){a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){a,a:focus{color:LinkText !important}a:hover{text-decoration-thickness:2px}a:visited{color:VisitedText}}
+a{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border-radius:var(--post-device-border-radius-focus);color:var(--post-current-fg)}a:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}a{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}a: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){a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){a: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){a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){a,a:focus{color:LinkText !important}a:hover{text-decoration-thickness:2px}a:visited{color:VisitedText}a.btn:not(.btn-link){border-color:ButtonBorder !important}a.btn.btn-tertiary.px-0{border:0 !important;text-decoration:underline}}

package/elements/anchor.scss

@@ -29,5 +29,14 @@ a {
     &:visited {
       color: VisitedText;
     }
+
+    &.btn:not(.btn-link) {
+      border-color: ButtonBorder !important;
+    }
+
+    &.btn.btn-tertiary.px-0 {
+      border: 0 !important;
+      text-decoration: underline;
+    }
   }
 }

package/mixins/_button.scss

@@ -63,11 +63,6 @@
   @include utilities.focus-style;
 
   @include utilities.high-contrast-mode() {
-    &:is(a) {
-      color: LinkText;
-      border: unset;
-    }
-
     &:is(button) {
       background-color: ButtonFace !important;
       border: 1px solid ButtonBorder !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-styles",
-  "version": "10.0.0",
+  "version": "10.0.1",
   "description": "Design System Styles for the Swiss Post web platform.",
   "author": "Swiss Post <design-system@post.ch>",
   "license": "Apache-2.0",
@@ -19,11 +19,11 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.8",
-    "@swisspost/design-system-icons": "10.0.0",
+    "@swisspost/design-system-icons": "10.0.1",
     "gulp-sourcemaps": "3.0.0"
   },
   "devDependencies": {
-    "@swisspost/design-system-tokens": "10.0.0",
+    "@swisspost/design-system-tokens": "10.0.1",
     "@types/node": "24.0.0",
     "autoprefixer": "10.5.0",
     "copyfiles": "2.4.1",