@pantheon-systems/pds-toolkit-react 2.0.0-alpha.65 → 2.0.0-alpha.67

package/dist/css/component-css/pds-site-footer.css

@@ -1 +1 @@
-@layer pds-v1, pds-v2;@layer pds-v2{.pds-site-footer{padding-block:var(--pds-spacing-xl)}.pds-site-footer--border{border-top:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-site-footer__content{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);margin-block-end:var(--pds-spacing-2xl);padding-block-end:var(--pds-spacing-2xl)}.pds-site-footer--on-secondary .pds-site-footer__content{border-bottom-color:var(--pds-color-border-default-secondary)}.pds-site-footer__legal{column-gap:var(--pds-spacing-xl);display:flex;flex-direction:row;flex-wrap:wrap;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);row-gap:var(--pds-spacing-m)}.pds-site-footer__legal a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-site-footer__legal a:hover{color:var(--pds-color-interactive-foreground-hover);text-decoration:underline}.pds-site-footer__legal a:focus-visible{border-radius:var(--pds-border-width-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:calc(var(--pds-border-width-default)*2)}}
+@layer pds-v1, pds-v2;@layer pds-v2{.pds-site-footer{padding-block:var(--pds-spacing-xl)}.pds-site-footer--border{border-top:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-site-footer__content{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);margin-block-end:var(--pds-spacing-2xl);padding-block-end:var(--pds-spacing-2xl)}.pds-site-footer--on-secondary .pds-site-footer__content{border-bottom-color:var(--pds-color-border-default-secondary)}.pds-site-footer__legal{column-gap:var(--pds-spacing-xl);display:flex;flex-direction:row;flex-wrap:wrap;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);row-gap:var(--pds-spacing-m)}.pds-site-footer__legal a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-site-footer__legal a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-site-footer__legal a:focus-visible{border-radius:var(--pds-border-width-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:calc(var(--pds-border-width-default)*2)}}

package/dist/css/component-css/pds-status-checker.css

@@ -1 +1 @@
-@layer pds-v1, pds-v2;@layer pds-v2{.pds-status-checker{display:flex}.pds-status-checker__button{align-items:center;background-color:transparent;border:0;color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-xs);height:var(--pds-spacing-button-height-m);transition:var(--pds-animation-transition-button)}.pds-status-checker__button:hover .pds-status-checker__icon,.pds-status-checker__button:hover .pds-status-checker__label{color:var(--pds-color-interactive-foreground-hover)}.pds-status-checker__button .pds-status-checker__icon{color:var(--pds-color-foreground-default)}.pds-status-checker__button .pds-tooltip .pds-status-checker__tooltip-icon{align-items:center;display:flex}.pds-status-checker__button--spinning{cursor:not-allowed}.pds-status-checker__icon--spinning{animation:pds-status-checker__icon--spin 1s linear infinite}@keyframes pds-status-checker__icon--spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pds-status-checker--left{justify-content:flex-start}.pds-status-checker--left .pds-tooltip{padding-inline-end:var(--pds-spacing-4xs)}.pds-status-checker--right{justify-content:flex-end}.pds-status-checker--right .pds-tooltip{padding-inline-start:var(--pds-spacing-4xs)}}
+@layer pds-v1, pds-v2;@layer pds-v2{.pds-status-checker{display:flex}.pds-status-checker__button{align-items:center;background-color:transparent;border:0;color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-xs);height:var(--pds-spacing-button-height-m);transition:var(--pds-animation-transition-button)}.pds-status-checker__button:hover .pds-status-checker__icon,.pds-status-checker__button:hover .pds-status-checker__label{color:var(--pds-color-interactive-link-hover)}.pds-status-checker__button .pds-status-checker__icon{color:var(--pds-color-foreground-default)}.pds-status-checker__button .pds-tooltip .pds-status-checker__tooltip-icon{align-items:center;display:flex}.pds-status-checker__button--spinning{cursor:not-allowed}.pds-status-checker__icon--spinning{animation:pds-status-checker__icon--spin 1s linear infinite}@keyframes pds-status-checker__icon--spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pds-status-checker--left{justify-content:flex-start}.pds-status-checker--left .pds-tooltip{padding-inline-end:var(--pds-spacing-4xs)}.pds-status-checker--right{justify-content:flex-end}.pds-status-checker--right .pds-tooltip{padding-inline-start:var(--pds-spacing-4xs)}}

package/dist/css/component-css/pds-tab-menu.css

@@ -1,2 +1,2 @@
-@layer pds-v1, pds-v2;@layer pds-v2{.pds-tab-menu{--tab-border-width:var(--pds-border-width-default);--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs);--tab-inline-padding:var(--pds-spacing-2xs);--dropdown-trigger-size:var(--pds-spacing-xl);font-family:var(--pds-typography-ff-default);margin-block:var(--pds-spacing-s) var(--pds-spacing-xs);position:relative;width:100%}.pds-tab-menu .pds-tab-menu__item .pds-icon{height:var(--pds-typography-size-m);width:var(--pds-typography-size-m)}.pds-tab-menu .pds-tab-menu__item{column-gap:var(--pds-spacing-5xs)}.pds-tab-menu__menu{border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-xl);display:flex;list-style:none;margin:0;padding:0}.pds-tab-menu__item:has(a:focus-visible){border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tab-menu__item{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-foreground-default-secondary);column-gap:0;display:flex;font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tab-height);margin-block-end:calc(var(--tab-border-width)*-1);position:relative}.pds-tab-menu__item,.pds-tab-menu__item:after{transition:var(--pds-animation-transition-button)}.pds-tab-menu__item:after{background-color:transparent;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.pds-tab-menu__item:hover{color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item.pds-tab-menu__item--active{font-weight:var(--pds-typography-fw-bold)}.pds-tab-menu__item.pds-tab-menu__item--active,.pds-tab-menu__item.pds-tab-menu__item--active .pds-icon{color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item.pds-tab-menu__item--active:after,.pds-tab-menu__item.pds-tab-menu__item--active:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item a{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:inherit;display:flex;height:100%;padding-inline:var(--tab-inline-padding);text-decoration:none}.pds-tab-menu__item a:hover{color:inherit}.pds-tab-menu__item a:has(+.pds-tab-menu__dropdown-trigger){padding-inline-end:calc(var(--tab-inline-padding) + var(--pds-spacing-4xs))}.pds-tab-menu__item a:focus-visible{outline:none}.pds-tab-menu__item .pds-tab-menu__item-icon{color:inherit}.pds-tab-menu__item .pds-tab-menu__item-inner{align-items:center;column-gap:var(--tab-gap);display:flex}.pds-tab-menu__dropdown-trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;justify-content:center;margin-inline-start:calc((var(--tab-inline-padding) + var(--pds-spacing-4xs))*-1);min-height:var(--dropdown-trigger-size);min-width:var(--dropdown-trigger-size)}.pds-tab-menu__dropdown-trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-foreground-default-secondary);height:var(--tab-font-size);pointer-events:none;transition:var(--pds-animation-transition-rotation);width:var(--tab-font-size)}.pds-tab-menu__dropdown-trigger[aria-expanded=true]
+@layer pds-v1, pds-v2;@layer pds-v2{.pds-tab-menu{--tab-border-width:var(--pds-border-width-default);--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs);--tab-inline-padding:var(--pds-spacing-2xs);--dropdown-trigger-size:var(--pds-spacing-xl);font-family:var(--pds-typography-ff-default);margin-block:var(--pds-spacing-s) var(--pds-spacing-xs);position:relative;width:100%}.pds-tab-menu .pds-tab-menu__item .pds-icon{height:var(--pds-typography-size-m);width:var(--pds-typography-size-m)}.pds-tab-menu .pds-tab-menu__item{column-gap:var(--pds-spacing-5xs)}.pds-tab-menu__menu{border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-xl);display:flex;list-style:none;margin:0;padding:0}.pds-tab-menu__item:has(a:focus-visible){border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tab-menu__item{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-foreground-default-secondary);column-gap:0;display:flex;font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tab-height);margin-block-end:calc(var(--tab-border-width)*-1);position:relative}.pds-tab-menu__item,.pds-tab-menu__item:after{transition:var(--pds-animation-transition-button)}.pds-tab-menu__item:after{background-color:transparent;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.pds-tab-menu__item:hover{color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item.pds-tab-menu__item--active{font-weight:var(--pds-typography-fw-bold)}.pds-tab-menu__item.pds-tab-menu__item--active,.pds-tab-menu__item.pds-tab-menu__item--active .pds-icon{color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item.pds-tab-menu__item--active:after,.pds-tab-menu__item.pds-tab-menu__item--active:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item a{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:inherit;display:flex;flex:1;height:100%;padding-inline:var(--tab-inline-padding);text-decoration:none;transition:none}.pds-tab-menu__item a:hover{color:inherit}.pds-tab-menu__item a:has(+.pds-tab-menu__dropdown-trigger){padding-inline-end:calc(var(--tab-inline-padding) + var(--pds-spacing-4xs))}.pds-tab-menu__item a:focus-visible{outline:none}.pds-tab-menu__item .pds-tab-menu__item-icon{color:inherit}.pds-tab-menu__item .pds-tab-menu__item-inner{align-items:center;column-gap:var(--tab-gap);display:flex}.pds-tab-menu__dropdown-trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;justify-content:center;margin-inline-start:calc((var(--tab-inline-padding) + var(--pds-spacing-4xs))*-1);min-height:var(--dropdown-trigger-size);min-width:var(--dropdown-trigger-size)}.pds-tab-menu__dropdown-trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-foreground-default-secondary);height:var(--tab-font-size);pointer-events:none;transition:var(--pds-animation-transition-rotation);width:var(--tab-font-size)}.pds-tab-menu__dropdown-trigger[aria-expanded=true]
 	.pds-tab-menu__dropdown-trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-tab-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-height:24rem;overflow-y:auto}.pds-tab-menu__dropdown:focus-visible{outline:none}.pds-tab-menu__dropdown-menu{flex-direction:column;gap:var(--pds-spacing-4xs);padding-inline:var(--pds-spacing-2xs)}.pds-tab-menu__dropdown-item,.pds-tab-menu__dropdown-menu{display:flex;list-style-type:none;margin:0;padding-block:var(--pds-spacing-2xs)}.pds-tab-menu__dropdown-item{align-items:center;background-color:transparent;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;justify-content:space-between;line-height:var(--pds-typography-lh-s);min-height:var(--pds-spacing-2xl);outline:none;padding-inline:var(--pds-spacing-xs)}.pds-tab-menu__dropdown-item:focus-visible:not(:hover){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-tab-menu__dropdown-item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-tab-menu__dropdown-item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-tab-menu__dropdown-item a{display:flex;flex:1;gap:var(--pds-spacing-2xs);text-decoration:none}.pds-tab-menu__dropdown-item a,.pds-tab-menu__dropdown-item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-tab-menu__dropdown-item a:focus-visible{outline:none}.pds-tab-menu__dropdown-item--active{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-status-success-foreground)}.pds-tab-menu__active-icon{align-self:center;flex-shrink:0;height:.875em;width:.875em}.pds-tab-menu__filter{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.pds-tab-menu__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-tab-menu__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-tab-menu__no-results{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);padding-block-end:var(--pds-spacing-s);padding-block-start:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}[data-pds-mobile] .pds-tab-menu{position:relative}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__menu{column-gap:var(--pds-spacing-l);cursor:pointer;-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__menu::-webkit-scrollbar{display:none}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__item{font-size:calc(var(--pds-typography-size-m)*.96);padding:var(--pds-spacing-3xs) var(--pds-spacing-3xs)}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__item-inner{width:max-content}[data-pds-mobile] .pds-tab-menu__mobile-menu-wrapper .pds-tab-menu__dropdown{left:1.063rem;position:fixed;top:3.58rem}}

package/dist/css/component-css/pds-toaster.css

@@ -1 +1 @@
-@layer pds-v1, pds-v2;@layer pds-v2{:root{--toastify-toast-min-height:2rem;--toastify-toast-width:22rem;--toastify-font-family:var(--pds-typography-ff-default)}.pds-toaster{--toastify-color-light:var(--pds-color-surface-default);--toastify-text-color-light:var(--pds-color-foreground-default)}.pds-toaster .Toastify__toast{background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);padding:var(--pds-spacing-m)}.pds-toaster .Toastify__toast-body{margin:0;padding:0}.pds-toaster .Toastify__progress-bar--wrp{height:.2125rem}.pds-toaster .Toastify__progress-bar,.pds-toaster .Toastify__progress-bar--bg{background:color-mix(in oklch,var(--pds-color-foreground-default) 25%,transparent)}.pds-toaster .pds-toast__close-button,.pds-toaster .pds-toast__pause-button{align-self:flex-start;color:var(--pds-color-foreground-default-secondary);margin-block-start:.0625rem;padding:0}.pds-toaster .pds-toast__close-button:hover,.pds-toaster .pds-toast__pause-button:hover{background-color:color-mix(in oklch,var(--pds-color-foreground-default) 15%,transparent)}.pds-toaster .pds-toast__pause-button{align-items:center;align-self:center;background-color:transparent;border:none;border-radius:.25rem;cursor:pointer;display:flex;height:var(--pds-spacing-l);justify-content:center;width:var(--pds-spacing-l)}.pds-toaster .pds-toast__close-button{margin-inline-start:var(--pds-spacing-xs)}.pds-toast{color:var(--pds-color-foreground-default);flex:1 1 auto;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-s);min-width:0}.pds-toast,.pds-toast__icon-container{align-items:center;display:flex}.pds-toast__message{color:var(--pds-color-foreground-default);flex:1;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m);min-width:0}.pds-toast__message a{color:var(--pds-color-interactive-link-default);text-decoration:underline}.pds-toast__message a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:none}.pds-toast__icon--info{color:var(--pds-color-status-info-fill)}.pds-toast__icon--success{color:var(--pds-color-status-success-fill)}.pds-toast__icon--warning{color:var(--pds-color-status-warning-fill)}.pds-toast__icon--critical{color:var(--pds-color-status-critical-fill)}.pds-toast--bounceInPlace{animation:bounceInPlace .5s ease;animation-fill-mode:both}@keyframes bounceInPlace{0%{transform:translateX(0)}20%{transform:translateX(-20px)}40%{transform:translateX(10px)}60%{transform:translateX(-5px)}80%{transform:translateX(0)}}.pds-toast--slideOut{animation:slideOut .7s ease;animation-fill-mode:both}@keyframes slideOut{0%{transform:translateZ(0)}to{transform:translate3d(120%,0,0);visibility:hidden}}@media (prefers-reduced-motion:reduce){[class*=Toastify__slide-enter],[class*=Toastify__slide-exit]{animation:none!important;transition:none!important}.pds-toast--bounceInPlace,.pds-toast--slideOut{animation:none!important}}}
+@layer pds-v1, pds-v2;@layer pds-v2{:root{--toastify-toast-min-height:2rem;--toastify-toast-width:22rem;--toastify-font-family:var(--pds-typography-ff-default)}.pds-toaster{--toastify-color-light:var(--pds-color-surface-default);--toastify-text-color-light:var(--pds-color-foreground-default)}.pds-toaster .Toastify__toast{background-color:var(--pds-color-surface-default)!important;border-radius:var(--pds-border-radius-container)!important;box-shadow:var(--pds-elevation-overlay)!important;padding:var(--pds-spacing-m)!important}.pds-toaster .Toastify__toast-body{margin:0;padding:0}.pds-toaster .Toastify__progress-bar--wrp{height:.2125rem}.pds-toaster .Toastify__progress-bar,.pds-toaster .Toastify__progress-bar--bg{background:color-mix(in oklch,var(--pds-color-foreground-default) 25%,transparent)}.pds-toaster .pds-toast__close-button,.pds-toaster .pds-toast__pause-button{align-self:flex-start;color:var(--pds-color-foreground-default-secondary);margin-block-start:.0625rem;padding:0}.pds-toaster .pds-toast__close-button:hover,.pds-toaster .pds-toast__pause-button:hover{background-color:color-mix(in oklch,var(--pds-color-foreground-default) 15%,transparent)}.pds-toaster .pds-toast__pause-button{align-items:center;align-self:center;background-color:transparent;border:none;border-radius:.25rem;cursor:pointer;display:flex;height:var(--pds-spacing-l);justify-content:center;width:var(--pds-spacing-l)}.pds-toaster .pds-toast__close-button{margin-inline-start:var(--pds-spacing-xs)}.pds-toast{color:var(--pds-color-foreground-default);flex:1 1 auto;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-s);min-width:0}.pds-toast,.pds-toast__icon-container{align-items:center;display:flex}.pds-toast__message{color:var(--pds-color-foreground-default);flex:1;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m);min-width:0}.pds-toast__message a{color:var(--pds-color-interactive-link-default);text-decoration:underline}.pds-toast__message a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:none}.pds-toast__icon--info{color:var(--pds-color-status-info-fill)}.pds-toast__icon--success{color:var(--pds-color-status-success-fill)}.pds-toast__icon--warning{color:var(--pds-color-status-warning-fill)}.pds-toast__icon--critical{color:var(--pds-color-status-critical-fill)}.pds-toast--bounceInPlace{animation:bounceInPlace .5s ease;animation-fill-mode:both}@keyframes bounceInPlace{0%{transform:translateX(0)}20%{transform:translateX(-20px)}40%{transform:translateX(10px)}60%{transform:translateX(-5px)}80%{transform:translateX(0)}}.pds-toast--slideOut{animation:slideOut .7s ease;animation-fill-mode:both}@keyframes slideOut{0%{transform:translateZ(0)}to{transform:translate3d(120%,0,0);visibility:hidden}}@media (prefers-reduced-motion:reduce){[class*=Toastify__slide-enter],[class*=Toastify__slide-exit]{animation:none!important;transition:none!important}.pds-toast--bounceInPlace,.pds-toast--slideOut{animation:none!important}}}

package/dist/css/component-css/pds-user-menu.css

@@ -1,4 +1,4 @@
-@layer pds-v1, pds-v2;@layer pds-v2{.pds-user-menu{align-items:center;display:flex;position:relative}.pds-user-menu__trigger{background-color:transparent;border:none;line-height:0;padding:0}.pds-user-menu__trigger:hover{cursor:pointer}.pds-user-menu__trigger:hover .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-user-menu__trigger:focus-visible{outline:none}.pds-user-menu__trigger:focus-visible .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-user-menu__trigger[aria-expanded=true] .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-user-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:22.5rem;width:max-content}.pds-user-menu__dropdown:focus{outline:none}.pds-user-menu__menu{display:flex;flex-direction:column;gap:var(--pds-spacing-4xs);list-style:none;margin:0;padding:var(--pds-spacing-2xs)}.pds-user-menu__user-details{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-3xs);padding-inline:var(--pds-spacing-s)}.pds-user-menu__user-email{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s)}.pds-user-menu__theme-row{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);column-gap:var(--pds-spacing-2xs);display:flex;justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-xs) var(--pds-spacing-3xs)}ul.pds-user-menu__menu [role=separator]{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);margin-block-end:2px;margin-inline:calc(var(--pds-spacing-2xs)*-1);padding-block:2px}.pds-user-menu__icon{margin-inline-start:auto}.pds-user-menu__item{align-items:center;border-radius:var(--pds-border-radius-container);column-gap:var(--pds-spacing-2xs);display:flex;min-height:var(--pds-spacing-2xl);padding:var(--pds-spacing-2xs) var(--pds-spacing-xs)}.pds-user-menu__item:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-user-menu__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-dropdown-foreground);cursor:pointer;outline:none}.pds-user-menu__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-user-menu__item.pds-user-menu__item--disabled{background-color:transparent;cursor:not-allowed;opacity:.5}.pds-user-menu__item a{text-decoration:none}.pds-user-menu__item a,.pds-user-menu__item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-user-menu__item a:focus-visible{outline:none}.pds-user-menu__toggle-left{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-user-menu .pds-nav-accordion{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu .pds-nav-accordion{display:block;width:100%}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu__trigger{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu{background-color:var(--pds-color-surface-default);border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}[data-pds-mobile]
+@layer pds-v1, pds-v2;@layer pds-v2{.pds-user-menu{align-items:center;display:flex;position:relative}.pds-user-menu__trigger{background-color:transparent;border:none;line-height:0;padding:0}.pds-user-menu__trigger:hover{cursor:pointer}.pds-user-menu__trigger:hover .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-user-menu__trigger:focus-visible{outline:none}.pds-user-menu__trigger:focus-visible .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-user-menu__trigger[aria-expanded=true] .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-user-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:22.5rem;width:max-content}.pds-user-menu__dropdown:focus{outline:none}.pds-user-menu__menu{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:var(--pds-spacing-2xs)}.pds-user-menu__user-details{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-3xs);padding-inline:var(--pds-spacing-s)}.pds-user-menu__user-email{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s)}.pds-user-menu__theme-row{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);column-gap:var(--pds-spacing-2xs);display:flex;justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-xs) var(--pds-spacing-3xs)}ul.pds-user-menu__menu [role=separator]{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);margin-block-end:2px;margin-inline:calc(var(--pds-spacing-2xs)*-1);padding-block:2px}.pds-user-menu__icon{margin-inline-start:auto}.pds-user-menu__item{align-items:center;border-radius:var(--pds-border-radius-container);column-gap:var(--pds-spacing-2xs);display:flex;min-height:var(--pds-spacing-2xl);padding:var(--pds-spacing-2xs) var(--pds-spacing-xs)}.pds-user-menu__item:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-user-menu__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-dropdown-foreground);cursor:pointer;outline:none}.pds-user-menu__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-user-menu__item.pds-user-menu__item--disabled{background-color:transparent;cursor:not-allowed;opacity:.5}.pds-user-menu__item a{text-decoration:none}.pds-user-menu__item a,.pds-user-menu__item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-user-menu__item a:focus-visible{outline:none}.pds-user-menu__toggle-left{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-user-menu .pds-nav-accordion{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu .pds-nav-accordion{display:block;width:100%}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu__trigger{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu{background-color:var(--pds-color-surface-default);border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}[data-pds-mobile]
 	.pds-navbar__mobile
 	.pds-user-menu
 	.pds-nav-accordion__toggle{font-size:var(--pds-typography-size-m);min-height:unset;padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl)}[data-pds-mobile]