@pantheon-systems/pds-toolkit-react 1.0.0-beta.3 → 1.0.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/_dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +14 -0
  2. package/_dist/css/component-css/pds-code-block.css +1 -1
  3. package/_dist/css/component-css/pds-dashboard-nav.css +1 -1
  4. package/_dist/css/component-css/pds-index.css +4 -4
  5. package/_dist/css/component-css/pds-side-nav-global.css +1 -1
  6. package/_dist/css/component-css/pds-workspace-selector.css +1 -1
  7. package/_dist/css/pds-components.css +4 -4
  8. package/_dist/index.css +1 -1
  9. package/_dist/index.js +1074 -1069
  10. package/_dist/index.js.map +1 -1
  11. package/_dist/mocks/data/navigation-items.d.ts +4 -92
  12. package/package.json +1 -1
package/_dist/css/component-css/pds-side-nav-global.css CHANGED
@@ -2,4 +2,4 @@
2
2
  --pds-color-dashboard-nav-item-foreground-default
3
3
  );--side-nav-global-outline-color:var(--pds-color-interactive-focus);font-family:Poppins,sans-serif}.pds-side-nav-global,.pds-side-nav-global a{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a{text-decoration:none}.pds-side-nav-global a:focus{box-shadow:none;outline:none}.pds-side-nav-global a:hover{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a:focus-visible,.pds-side-nav-global button:focus-visible{border-radius:.375rem;outline:1px solid var(--side-nav-global-outline-color);outline-offset:-1px}.pds-side-nav-global .pds-icon{pointer-events:none}.pds-side-nav-global__logo{box-sizing:content-box;margin-block-end:1.563rem;margin-block-start:.125rem;padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-side-nav-global__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:.64rem}.pds-side-nav-global__menu.pds-side-nav-global__menu--top-level{row-gap:1rem}.pds-side-nav-global__item{list-style-type:none;margin-bottom:0}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper{--side-nav-global-foreground-color:var(
4
4
  --pds-color-dashboard-nav-item-foreground-active
5
- );--side-nav-global-outline-color:var(--pds-color-brand-primary-default);background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper{align-items:center;border-radius:.375rem;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-hover);transition:all .2s ease-in-out 0s}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper a{border-radius:.375rem;box-sizing:border-box;padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-inner{align-items:center;display:flex}.pds-side-nav-global__link-icon{align-items:center;display:flex;flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--side-nav-global-space-after-icon);width:var(--side-nav-global-icon-width)}.pds-side-nav-global__link-icon .pds-icon--house,.pds-side-nav-global__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-side-nav-global__menu--second-level{color:var(--pds-color-dashboard-nav-item-foreground-default);display:none;margin-block-start:.8rem;padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:flex;row-gap:.64rem}.pds-side-nav-global__item.pds-side-nav-global__item--second-level{font-size:.833rem}.pds-side-nav-global__item.pds-side-nav-global__item--second-level.pds-side-nav-global__item--active a{color:var(--pds-color-nav-item-default-foreground-hover);font-weight:600}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:focus-visible{border-radius:1px;outline:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s ease-in-out 0s}.pds-side-nav-global__toggle{align-items:center;background-color:transparent;border:none;border-radius:.375rem;color:var(--side-nav-global-foreground-color);cursor:pointer;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:flex-end;padding-inline:var(--pds-spacing-dashboard-nav-item-padding)}.pds-side-nav-global__toggle .pds-icon{padding-inline:.125rem;transform:rotate(0deg);transition:all .2s ease-in-out 0s}.pds-side-nav-global__toggle--expanded .pds-icon{transform:rotate(180deg);transition:all .2s ease-in-out 0s}.pds-side-nav-global__link-label{opacity:1;transition:opacity .1s ease-in-out}@media (min-width:641px){.pds-side-nav-global--collapsed{width:max-content}}.pds-side-nav-global--collapsed .pds-side-nav-global__logo svg{width:1.25rem}.pds-side-nav-global--collapsed .pds-side-nav-global__link-label{opacity:0;transition:opacity .1s ease-in-out}@media (max-width:640px){.pds-side-nav-global--collapsed .pds-side-nav-global__link-label{opacity:1}}.pds-side-nav-global--collapsed .pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:none}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__item-wrapper a{width:2.875rem}.pds-side-nav-global__flyout{background-color:var(--pds-color-dropdown-background);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);max-width:30rem;padding:.64rem;width:max-content;z-index:300}.pds-side-nav-global__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}.pds-side-nav-global__menu--second-level-flyout{row-gap:0}.pds-side-nav-global__item--second-level-flyout{background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:1rem;line-height:120%;margin:0;padding:.64rem .8rem}.pds-side-nav-global__item--second-level-flyout:hover{background-color:var(--pds-color-dropdown-item-background-hover);border-radius:.375rem}.pds-side-nav-global__item--second-level-flyout.pds-side-nav-global__item--active a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:600}.pds-side-nav-global__item--second-level-flyout a:focus-visible{border-radius:1px;outline:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s ease-in-out 0s}.pds-side-nav-global .pds-tooltip__container{padding:.25rem .512rem}.pds-side-nav-global .pds-dropdown-menu .pds-side-nav-global__item-inner{align-items:center;display:flex}.pds-side-nav-global .pds-dropdown-menu__trigger{padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) - .25rem)}.pds-side-nav-global .pds-dropdown-menu__item a{padding-block:.41rem;padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-side-nav-global .pds-dropdown-menu__item--second-level{padding-block:.25rem;padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon) + .0625rem)}@media (max-width:640px){.pds-side-nav-global__logo-wrapper,.pds-side-nav-global__menu--top-level{display:none}.pds-side-nav-global__dropdown-menu{display:block}}@media (min-width:641px){.pds-side-nav-global__menu--top-level{display:flex}.pds-side-nav-global__logo-wrapper{display:block}.pds-side-nav-global__dropdown-menu{display:none}}
5
+ );--side-nav-global-outline-color:var(--pds-color-brand-primary-default);background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper{align-items:center;border-radius:.375rem;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-hover);transition:all .2s ease-in-out 0s}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper a{border-radius:.375rem;box-sizing:border-box;padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-inner{align-items:center;display:flex}.pds-side-nav-global__link-icon{align-items:center;display:flex;flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--side-nav-global-space-after-icon);width:var(--side-nav-global-icon-width)}.pds-side-nav-global__link-icon .pds-icon--house,.pds-side-nav-global__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-side-nav-global__menu--second-level{color:var(--pds-color-dashboard-nav-item-foreground-default);display:none;margin-block-start:.8rem;padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:flex;row-gap:.64rem}.pds-side-nav-global__item.pds-side-nav-global__item--second-level{font-size:.833rem}.pds-side-nav-global__item.pds-side-nav-global__item--second-level.pds-side-nav-global__item--active a{color:var(--pds-color-nav-item-default-foreground-hover);font-weight:600}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:focus-visible{border-radius:1px;outline:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s ease-in-out 0s}.pds-side-nav-global__toggle{align-items:center;background-color:transparent;border:none;border-radius:.375rem;color:var(--side-nav-global-foreground-color);cursor:pointer;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:flex-end;padding-inline:var(--pds-spacing-dashboard-nav-item-padding)}.pds-side-nav-global__toggle .pds-icon{padding-inline:.125rem;transform:rotate(0deg);transition:all .2s ease-in-out 0s}.pds-side-nav-global__toggle--expanded .pds-icon{transform:rotate(180deg);transition:all .2s ease-in-out 0s}.pds-side-nav-global__link-label{opacity:1;transition:opacity .1s ease-in-out}@media (min-width:641px){.pds-side-nav-global--collapsed{width:max-content}}.pds-side-nav-global--collapsed .pds-side-nav-global__logo svg{width:1.25rem}.pds-side-nav-global--collapsed .pds-side-nav-global__link-label{opacity:0;transition:opacity .1s ease-in-out}@media (max-width:640px){.pds-side-nav-global--collapsed .pds-side-nav-global__link-label{opacity:1}}.pds-side-nav-global--collapsed .pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:none}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__item-wrapper a{width:2.875rem}.pds-side-nav-global__flyout{background-color:var(--pds-color-dropdown-background);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);max-width:30rem;padding:.64rem;width:max-content;z-index:300}.pds-side-nav-global__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}.pds-side-nav-global__menu--second-level-flyout{row-gap:0}.pds-side-nav-global__item--second-level-flyout{background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);font-size:1rem;line-height:120%;margin:0}.pds-side-nav-global__item--second-level-flyout a{border-radius:.375rem;cursor:pointer;display:block;padding:.64rem .8rem}.pds-side-nav-global__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-side-nav-global__item--second-level-flyout.pds-side-nav-global__item--active a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:600}.pds-side-nav-global__item--second-level-flyout a:focus-visible{border-radius:1px;outline:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s ease-in-out 0s}.pds-side-nav-global .pds-tooltip__container{padding:.25rem .512rem}.pds-side-nav-global .pds-dropdown-menu .pds-side-nav-global__item-inner{align-items:center;display:flex}.pds-side-nav-global .pds-dropdown-menu__trigger{padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) - .25rem)}.pds-side-nav-global .pds-dropdown-menu__item a{padding-block:.41rem;padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-side-nav-global .pds-dropdown-menu__item--second-level{padding-block:.25rem;padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon) + .0625rem)}@media (max-width:640px){.pds-side-nav-global__logo-wrapper,.pds-side-nav-global__menu--top-level{display:none}.pds-side-nav-global__dropdown-menu{display:block}}@media (min-width:641px){.pds-side-nav-global__menu--top-level{display:flex}.pds-side-nav-global__logo-wrapper{display:block}.pds-side-nav-global__dropdown-menu{display:none}}
package/_dist/css/component-css/pds-workspace-selector.css CHANGED
@@ -1 +1 @@
1
- .pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-fg-default);column-gap:.64rem;display:flex;position:relative}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-link-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__trigger:focus-visible{border-radius:.375rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:2px;transition:outline .2s ease-in-out 0s}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);transition:transform .2s ease-in-out 0s}.pds-workspace-selector__toggle[aria-expanded=true],.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__avatar,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__trigger-icon,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-link-hover);transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-workspace-selector__button-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__name{font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}.pds-workspace-selector__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);left:0;position:absolute;top:2.5rem;width:21rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:.512rem .64rem;row-gap:.328rem}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__item{background-color:transparent;border-radius:.375rem;color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:1rem;line-height:120%;margin:0}.pds-workspace-selector__item:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-workspace-selector__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-workspace-selector__item a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-workspace-selector__item a{align-items:center;border-radius:.375rem;column-gap:.64rem;display:flex;justify-content:space-between;padding:.64rem .8rem;text-decoration:none}.pds-workspace-selector__item a,.pds-workspace-selector__item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-workspace-selector__item-heading{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem .328rem}.pds-workspace-selector__item--active{background-color:var(--pds-color-dropdown-item-background-selected);border-radius:.375rem}.pds-workspace-selector__item--unprivileged{opacity:.5}.pds-workspace-selector__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector__active-icon{color:var(--pds-color-status-success-foreground);flex-shrink:0;margin-inline-start:.8rem}.pds-workspace-selector__item-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__no-results{color:var(--pds-color-fg-default);font-size:1rem;margin-block-end:.512rem;padding-inline:.8rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:.41rem .64rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector__create-link{border-block-start:1px solid var(--pds-color-border-default);box-shadow:0 -1px 9px -7px rgba(0,0,0,.2);padding:.41rem .8rem}.pds-workspace-selector__create-link a{display:flex;justify-content:space-between}.pds-workspace-selector__create-link a:focus-visible{outline-width:1px}.pds-workspace-selector--isMobile{background-color:var(--pds-color-bg-default);border-bottom:1px solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}.pds-workspace-selector__toggle{align-items:center;background-color:var(--pds-color-bg-default);border:none;display:flex;justify-content:space-between;min-height:3.815rem;padding-inline:1.563rem;width:100%}.pds-workspace-selector__toggle>*{pointer-events:none}.pds-workspace-selector__toggle .pds-workspace-selector__trigger-icon{margin-inline-end:.328rem}.pds-workspace-selector__mobile-menu{display:none;padding-inline:.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__filter{padding-block:.512rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;padding-block:.41rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu--expanded{display:flex;flex-direction:column}
1
+ .pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-fg-default);column-gap:.64rem;display:flex;position:relative}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-link-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__trigger:focus-visible{border-radius:.375rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:2px;transition:outline .2s ease-in-out 0s}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);transition:transform .2s ease-in-out 0s}.pds-workspace-selector__toggle[aria-expanded=true],.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__avatar,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__trigger-icon,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-link-hover);transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-workspace-selector__button-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__name{font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}.pds-workspace-selector__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);left:0;position:absolute;top:2.5rem;width:21rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:.512rem .64rem;row-gap:.328rem}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__item{background-color:transparent;border-radius:.375rem;color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:1rem;line-height:120%;margin:0}.pds-workspace-selector__item:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-workspace-selector__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-workspace-selector__item a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-workspace-selector__item a{align-items:center;border-radius:.375rem;column-gap:.64rem;display:flex;justify-content:space-between;padding:.64rem .8rem;text-decoration:none}.pds-workspace-selector__item a,.pds-workspace-selector__item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-workspace-selector__item-heading{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem .328rem}.pds-workspace-selector__item--active{background-color:var(--pds-color-dropdown-item-background-selected);border-radius:.375rem}.pds-workspace-selector__item button{align-items:center;background-color:transparent;border:none;border-radius:.375rem;column-gap:.64rem;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:space-between;line-height:inherit;padding:.64rem .8rem;text-align:left;text-decoration:none;width:100%}.pds-workspace-selector__item button,.pds-workspace-selector__item button:hover{color:var(--pds-color-dropdown-foreground)}.pds-workspace-selector__item--unprivileged{opacity:.5}.pds-workspace-selector__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector__icons{align-items:center;column-gap:.8rem;display:flex;flex-shrink:0}.pds-workspace-selector__active-icon{color:var(--pds-color-status-success-foreground);flex-shrink:0}.pds-workspace-selector__lock-icon{color:var(--pds-color-fg-default);flex-shrink:0}.pds-workspace-selector__item-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__no-results{color:var(--pds-color-fg-default);font-size:1rem;margin-block-end:.512rem;padding-inline:.8rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:.41rem .64rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector__create-link{border-block-start:1px solid var(--pds-color-border-default);box-shadow:0 -1px 9px -7px rgba(0,0,0,.2);padding:.41rem .8rem}.pds-workspace-selector__create-link a{display:flex;justify-content:space-between}.pds-workspace-selector__create-link a:focus-visible{outline-width:1px}.pds-workspace-selector--isMobile{background-color:var(--pds-color-bg-default);border-bottom:1px solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}.pds-workspace-selector__toggle{align-items:center;background-color:var(--pds-color-bg-default);border:none;display:flex;justify-content:space-between;min-height:3.815rem;padding-inline:1.563rem;width:100%}.pds-workspace-selector__toggle>*{pointer-events:none}.pds-workspace-selector__toggle .pds-workspace-selector__trigger-icon{margin-inline-end:.328rem}.pds-workspace-selector__mobile-menu{display:none;padding-inline:.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__filter{padding-block:.512rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;padding-block:.41rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu--expanded{display:flex;flex-direction:column}