@pantheon-systems/pds-toolkit-react 2.0.0-alpha.18 → 2.0.0-alpha.19

package/dist/css/component-css/pds-input-group.css

@@ -1 +1 @@
-.pds-input-group__inner{align-items:flex-end;display:flex;position:relative}.pds-input-group__inner:focus{outline-offset:-.0625rem}.pds-input-group__inner .pds-input,.pds-input-group__inner .pds-input-wrapper{flex-grow:1}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-icon-button{border:var(--pds-border-width-default) solid var(--pds-color-border-input)}.pds-input-group__inner .pds-file-upload__input-wrapper,.pds-input-group__inner .pds-input-field,.pds-input-group__inner .pds-select__input-wrapper,.pds-input-group__inner .pds-text-input__input-wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-button,.pds-input-group__inner .pds-icon-button{border-bottom-left-radius:0;border-left-width:0;border-top-left-radius:0;z-index:1}.pds-input-group__inner .pds-button.pds-button--critical-secondary,.pds-input-group__inner .pds-button.pds-button--secondary{border-color:var(--pds-color-border-input)}.pds-input-group--has-message .pds-input-group__inner .pds-input-message{display:none}
+.pds-input-group__inner{align-items:flex-end;display:flex;position:relative}.pds-input-group__inner:focus{outline-offset:-.0625rem}.pds-input-group__inner .pds-input,.pds-input-group__inner .pds-input-wrapper{flex-grow:1}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-icon-button{border:var(--pds-border-width-default) solid var(--pds-color-border-input);padding-block:0}.pds-input-group__inner .pds-file-upload__input-wrapper,.pds-input-group__inner .pds-input-field,.pds-input-group__inner .pds-select__input-wrapper,.pds-input-group__inner .pds-text-input__input-wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-button,.pds-input-group__inner .pds-icon-button{border-bottom-left-radius:0;border-bottom-right-radius:var(--pds-border-radius-input);border-left-width:0;border-top-left-radius:0;border-top-right-radius:var(--pds-border-radius-input);z-index:1}.pds-input-group__inner .pds-button.pds-button--critical-secondary,.pds-input-group__inner .pds-button.pds-button--secondary{border-color:var(--pds-color-border-input)}.pds-input-group--has-message .pds-input-group__inner .pds-input-message{display:none}

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

@@ -1 +1 @@
-.pds-menu-button{display:inline-block;position:relative}button.pds-menu-button__trigger .pds-button__icon{position:relative;transition:var(--pds-animation-transition-rotation)}button.pds-menu-button__trigger[aria-expanded=true] .pds-button__icon{transform:rotate(180deg) translateY(-1px);transition:var(--pds-animation-transition-rotation)}button.pds-button--navbar.pds-menu-button__trigger{gap:var(--pds-spacing-2xs)}button.pds-button--navbar.pds-menu-button__trigger:hover .pds-button__icon{color:var(--pds-color-interactive-link-hover)}button.pds-button--navbar.pds-menu-button__trigger .pds-button__icon{color:var(--pds-color-fg-default-secondary)}button.pds-button--navbar.pds-menu-button__trigger[aria-expanded=true],button.pds-button--navbar.pds-menu-button__trigger[aria-expanded=true]:active{background-color:transparent;border-color:transparent;color:var(--pds-color-fg-default-secondary)}button.pds-menu-button__trigger--icon-only[aria-expanded=true],button.pds-menu-button__trigger--icon-only[aria-expanded=true]:active{background-color:var(--pds-color-interactive-background-active);color:var(--pds-color-fg-default)}.pds-menu-button__listbox{margin-block-start:var(--pds-spacing-2xs);max-width:30rem;width:max-content}ul.pds-menu-button__listbox{margin-inline:0}.pds-menu-button__listbox--navbar{border-top-left-radius:0;border-top-right-radius:0}.pds-dashboard.pds-dashboard--notMobile .pds-menu-button__listbox--navbar{border-radius:var(--pds-border-radius-container);top:var(--pds-spacing-3xs)}@media (min-width:768px){.pds-menu-button__listbox--end{left:unset;right:0}}.pds-menu-button__listbox:focus-visible{outline:none}.pds-menu-button ul,.pds-menu-button ul [role=separator]{list-style:none}.pds-menu-button ul:not(.pds-menu-button__listbox){margin:0;padding:0}.pds-menu-button ul [role=separator]{margin:0;width:100%}.pds-menu-button__item-label{align-items:center;display:flex;gap:var(--pds-spacing-xs)}.pds-menu-button__listbox .pds-dropdown__item>a{color:inherit;flex:1;text-decoration:none}.pds-menu-button__listbox [role=menuitem][aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-menu-button--isMobile{background-color:var(--pds-color-bg-default);border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;right:50%;width:100vw}.pds-menu-button--isMobile .pds-menu-button__toggle{align-items:center;background-color:var(--pds-color-bg-default);border:none;display:flex;justify-content:space-between;min-height:var(--pds-spacing-4xl);padding-inline:var(--pds-spacing-xl);width:100%}.pds-menu-button--isMobile .pds-menu-button__toggle:hover .pds-avatar{border-color:var(--pds-color-interactive-link-hover);transition:var(--pds-animation-transition-button)}.pds-menu-button--isMobile .pds-menu-button__toggle:hover .pds-menu-button__avatar-label{color:var(--pds-color-interactive-link-hover);transition:var(--pds-animation-transition-button)}.pds-menu-button--isMobile .pds-menu-button__toggle>*{pointer-events:none}.pds-menu-button--isMobile .pds-menu-button__toggle .pds-menu-button__icon-label{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-menu-button--isMobile .pds-menu-button__toggle .pds-menu-button__icon-label .pds-icon{min-width:var(--pds-spacing-xl)}.pds-menu-button--isMobile .pds-menu-button__toggle-icon{color:var(--pds-color-fg-default-secondary);margin-inline-end:var(--pds-spacing-3xs);transition:var(--pds-animation-transition-button)}.pds-menu-button--isMobile .pds-menu-button__toggle--expanded{color:var(--pds-color-interactive-link-hover)}.pds-menu-button--isMobile .pds-menu-button__toggle--expanded .pds-menu-button__toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-menu-button--isMobile .pds-menu-button__mobile-menu{display:none;padding-block-end:var(--pds-spacing-m);padding-inline:var(--pds-spacing-s)}.pds-menu-button--isMobile .pds-menu-button__mobile-menu--expanded{display:flex;flex-direction:column}.pds-menu-button--isMobile .pds-menu-button__mobile-menu--expanded>:last-child{margin-block-end:var(--pds-spacing-s)}.pds-menu-button--isMobile .pds-menu-button__mobile-menu li{padding:var(--pds-spacing-s) var(--pds-spacing-xl)}.pds-menu-button--isMobile .pds-menu-button__mobile-menu li[role=menuitem]:hover{background-color:var(--pds-color-dropdown-item-background-hover);border-radius:var(--pds-border-radius-container)}.pds-menu-button--isMobile .pds-menu-button__mobile-menu li[role=separator]{background-color:var(--pds-color-border-default);height:var(--pds-border-width-default);margin-block:var(--pds-spacing-xs);padding:0;width:calc(100% - var(--pds-spacing-3xl))}.pds-menu-button--isMobile .pds-menu-button__listbox-heading{color:var(--pds-color-dropdown-heading);font-size:var(--pds-typography-size-s)}
+.pds-menu-button{display:inline-block;position:relative}button.pds-menu-button__trigger .pds-button__icon{position:relative;transition:var(--pds-animation-transition-rotation)}button.pds-menu-button__trigger[aria-expanded=true] .pds-button__icon{transform:rotate(180deg) translateY(-1px);transition:var(--pds-animation-transition-rotation)}button.pds-button--navbar.pds-menu-button__trigger{gap:var(--pds-spacing-2xs)}button.pds-button--navbar.pds-menu-button__trigger:hover .pds-button__icon{color:var(--pds-color-interactive-link-hover)}button.pds-button--navbar.pds-menu-button__trigger .pds-button__icon{color:var(--pds-color-fg-default-secondary)}button.pds-button--navbar.pds-menu-button__trigger[aria-expanded=true],button.pds-button--navbar.pds-menu-button__trigger[aria-expanded=true]:active{background-color:transparent;border-color:transparent;color:var(--pds-color-fg-default-secondary)}button.pds-menu-button__trigger--icon-only[aria-expanded=true],button.pds-menu-button__trigger--icon-only[aria-expanded=true]:active{background-color:var(--pds-color-interactive-background-active);color:var(--pds-color-fg-default)}.pds-menu-button__listbox{margin-block-start:var(--pds-spacing-2xs);max-width:30rem;width:max-content}ul.pds-menu-button__listbox{margin-inline:0}.pds-menu-button__listbox--navbar{border-top-left-radius:0;border-top-right-radius:0}.pds-dashboard.pds-dashboard--notMobile .pds-menu-button__listbox--navbar{border-radius:var(--pds-border-radius-container);top:var(--pds-spacing-3xs)}@media (min-width:768px){.pds-menu-button__listbox--end{left:unset;right:0}}.pds-menu-button__listbox:focus-visible{outline:none}.pds-menu-button ul,.pds-menu-button ul [role=separator]{list-style:none}.pds-menu-button ul:not(.pds-menu-button__listbox){margin:0;padding:0}.pds-menu-button__listbox .pds-dropdown__separator{margin-block-end:var(--pds-spacing-4xs)}.pds-menu-button__item-label{align-items:center;display:flex;gap:var(--pds-spacing-xs)}.pds-menu-button__listbox .pds-dropdown__item>a{color:inherit;flex:1;text-decoration:none}.pds-menu-button__listbox [role=menuitem][aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-menu-button--isMobile{background-color:var(--pds-color-bg-default);border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;right:50%;width:100vw}.pds-menu-button--isMobile .pds-menu-button__toggle{align-items:center;background-color:var(--pds-color-bg-default);border:none;display:flex;justify-content:space-between;min-height:var(--pds-spacing-4xl);padding-inline:var(--pds-spacing-xl);width:100%}.pds-menu-button--isMobile .pds-menu-button__toggle:hover .pds-avatar{border-color:var(--pds-color-interactive-link-hover);transition:var(--pds-animation-transition-button)}.pds-menu-button--isMobile .pds-menu-button__toggle:hover .pds-menu-button__avatar-label{color:var(--pds-color-interactive-link-hover);transition:var(--pds-animation-transition-button)}.pds-menu-button--isMobile .pds-menu-button__toggle>*{pointer-events:none}.pds-menu-button--isMobile .pds-menu-button__toggle .pds-menu-button__icon-label{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-menu-button--isMobile .pds-menu-button__toggle .pds-menu-button__icon-label .pds-icon{min-width:var(--pds-spacing-xl)}.pds-menu-button--isMobile .pds-menu-button__toggle-icon{color:var(--pds-color-fg-default-secondary);margin-inline-end:var(--pds-spacing-3xs);transition:var(--pds-animation-transition-button)}.pds-menu-button--isMobile .pds-menu-button__toggle--expanded{color:var(--pds-color-interactive-link-hover)}.pds-menu-button--isMobile .pds-menu-button__toggle--expanded .pds-menu-button__toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-menu-button--isMobile .pds-menu-button__mobile-menu{display:none;padding-block-end:var(--pds-spacing-m);padding-inline:var(--pds-spacing-s)}.pds-menu-button--isMobile .pds-menu-button__mobile-menu--expanded{display:flex;flex-direction:column}.pds-menu-button--isMobile .pds-menu-button__mobile-menu--expanded>:last-child{margin-block-end:var(--pds-spacing-s)}.pds-menu-button--isMobile .pds-menu-button__mobile-menu li{padding:var(--pds-spacing-s) var(--pds-spacing-xl)}.pds-menu-button--isMobile .pds-menu-button__mobile-menu li[role=menuitem]:hover{background-color:var(--pds-color-dropdown-item-background-hover);border-radius:var(--pds-border-radius-container)}.pds-menu-button--isMobile .pds-menu-button__mobile-menu li[role=separator]{background-color:var(--pds-color-border-default);height:var(--pds-border-width-default);margin-block:var(--pds-spacing-xs);padding:0;width:calc(100% - var(--pds-spacing-3xl))}.pds-menu-button--isMobile .pds-menu-button__listbox-heading{color:var(--pds-color-dropdown-heading);font-size:var(--pds-typography-size-s)}

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

@@ -1 +1 @@
-.pds-popover{display:inline-block}.pds-popover__trigger{align-items:center;background-color:transparent;border:none;border-radius:100%;cursor:pointer;display:inline-flex;line-height:0;padding:var(--pds-spacing-5xs);transition:var(--pds-animation-transition-link)}.pds-popover__trigger:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-popover__icon{display:block}.pds-popover__trigger-text{border-bottom:var(--pds-border-width-thicker) dotted var(--pds-color-interactive-link-default);display:inline-block}.pds-popover__trigger-text:hover{border-color:var(--pds-color-interactive-link-hover);color:var(--pds-color-interactive-link-hover)}.pds-popover__arrow path{fill:var(--pds-color-bg-default)}.pds-popover__container{background-color:var(--pds-color-bg-default);border-radius:var(--pds-border-radius-container);filter:drop-shadow(0 0 1px rgba(0,0,0,.1)) drop-shadow(0 8px 16px rgba(0,0,0,.04)) drop-shadow(0 24px 32px rgba(0,0,0,.06));max-width:40vw;padding:var(--pds-spacing-m);width:max-content;z-index:var(--pds-z-index-overlay)}@media (max-width:767px){.pds-popover__container{max-width:80vw}}.pds-popover__container:focus{outline:none}.pds-popover__title{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-xs)}.pds-popover__content a{outline:0}.pds-popover__content>:last-child{margin-block-end:0}.pds-popover__container-inner{position:relative}.pds-popover__close-wrapper{height:var(--pds-spacing-xl);position:absolute;right:0;top:0;width:var(--pds-spacing-xl)}
+.pds-popover{display:inline-block}.pds-popover__trigger{align-items:center;background-color:transparent;border:none;border-radius:100%;cursor:pointer;display:inline-flex;line-height:0;padding:var(--pds-spacing-5xs);transition:var(--pds-animation-transition-link)}.pds-popover__trigger:focus-visible{border-radius:var(--pds-border-radius-input);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-popover__icon{display:block}.pds-popover__trigger-text{border-bottom:var(--pds-border-width-thicker) dotted var(--pds-color-interactive-link-default);display:inline-block}.pds-popover__trigger-text:hover{border-color:var(--pds-color-interactive-link-hover);color:var(--pds-color-interactive-link-hover)}.pds-popover__arrow path{fill:var(--pds-color-bg-default)}.pds-popover__container{--popover-elevation:drop-shadow(0 8px 16px rgba(0,0,0,.04)) drop-shadow(0 24px 32px rgba(0,0,0,.06));background-color:var(--pds-color-bg-default);border:var(--pds-border-width-default) solid var(--pds-color-popover-border);border-radius:var(--pds-border-radius-container);filter:var(--popover-elevation);max-width:40vw;padding:var(--pds-spacing-m);width:max-content;z-index:var(--pds-z-index-overlay)}@media (max-width:767px){.pds-popover__container{max-width:80vw}}[data-theme=dark] .pds-popover__container{--popover-elevation:drop-shadow(0 8px 16px rgba(0,0,0,.4)) drop-shadow(0 24px 32px rgba(0,0,0,.5))}.pds-popover__container:focus{outline:none}.pds-popover__title{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-xs)}.pds-popover__content a{outline:0}.pds-popover__content>:last-child{margin-block-end:0}.pds-popover__container-inner{position:relative}.pds-popover__close-wrapper{height:var(--pds-spacing-xl);position:absolute;right:0;top:0;width:var(--pds-spacing-xl)}