@pantheon-systems/pds-toolkit-react 1.0.0-dev.216 → 1.0.0-dev.217
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.
- package/_dist/css/component-css/pds-button.css +4 -4
- package/_dist/css/component-css/pds-checkbox-group.css +1 -1
- package/_dist/css/component-css/pds-dropdown-menu.css +1 -1
- package/_dist/css/component-css/pds-index.css +8 -8
- package/_dist/css/component-css/pds-input-utilities.css +1 -1
- package/_dist/css/component-css/pds-radio-group.css +1 -1
- package/_dist/css/component-css/pds-spinner.css +1 -1
- package/_dist/css/component-css/pds-tab-menu.css +1 -1
- package/_dist/css/component-css/pds-workspace-selector.css +1 -1
- package/_dist/css/pds-components.css +8 -8
- package/_dist/index.css +1 -1
- package/_dist/index.js +10 -9
- package/_dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:50%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__input-wrapper,.pds-input.pds-has-error .pds-select__input-wrapper,.pds-input.pds-has-error .pds-text-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__input-wrapper,.pds-input.pds-has-success .pds-select__input-wrapper,.pds-input.pds-has-success .pds-text-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-background-default-secondary)}.pds-input input:-internal-autofill-selected,.pds-input input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-background-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-label{color:var(--pds-color-foreground-default);display:flex;font-size:1rem;font-weight:600;margin-block-end:.512rem;padding-inline-end:3.052rem;position:relative}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label__required{color:var(--pds-color-status-critical-foreground);height:.512rem;margin-inline-start:.25rem}.pds-input-message{align-items:flex-start;color:var(--pds-color-foreground-default-secondary);display:flex;gap:.512rem;margin-block-start:.512rem}.pds-input-message--error{color:var(--pds-color-status-critical-foreground)}.pds-input-message--success{color:var(--pds-color-status-success-foreground)}.pds-input-message__text,.pds-input-message__text p{font-size:.833rem;font-weight:400;line-height:140%}.pds-input-decorator{align-items:center;display:flex}.pds-input-decorator--error{color:var(--pds-color-status-critical-foreground)}.pds-input-decorator--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-background-hover);border-radius:.1875rem;height:.64rem;padding:.512rem;width:.64rem}.pds-input-clear-button,.pds-input-search-shortcut{display:flex;justify-content:center;margin-inline-end:-.25rem}.pds-input-clear-button{background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-foreground-default);padding:.328rem;width:1.953rem}.pds-input-clear-button:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-input-clear-button:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:1px solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-foreground-default-secondary);font-size:.833rem;font-weight:400}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}.pds-input__select-option{align-items:center;background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;gap:1.25rem;justify-content:space-between;margin:0;padding-block:.64rem;padding-inline:.8rem}.pds-input__select-option--active,.pds-input__select-option:focus-visible,.pds-input__select-option:hover,.pds-input__select-option[aria-selected=true]{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-select__checked-icon{flex-shrink:0}
|
|
1
|
+
.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:50%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__input-wrapper,.pds-input.pds-has-error .pds-select__input-wrapper,.pds-input.pds-has-error .pds-text-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__input-wrapper,.pds-input.pds-has-success .pds-select__input-wrapper,.pds-input.pds-has-success .pds-text-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-background-default-secondary)}.pds-input input:-internal-autofill-selected,.pds-input input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-background-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-label{color:var(--pds-color-foreground-default);display:flex;font-size:1rem;font-weight:600;margin-block-end:.512rem;padding-inline-end:3.052rem;position:relative}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label__required{color:var(--pds-color-status-critical-foreground);height:.512rem;margin-inline-start:.25rem}.pds-input-message{align-items:flex-start;color:var(--pds-color-foreground-default-secondary);display:flex;gap:.512rem;margin-block-start:.512rem}.pds-input-message--error{color:var(--pds-color-status-critical-foreground)}.pds-input-message--success{color:var(--pds-color-status-success-foreground)}.pds-input-message__text,.pds-input-message__text p{font-size:.833rem;font-weight:400;line-height:140%}.pds-input-decorator{align-items:center;display:flex}.pds-input-decorator--error{color:var(--pds-color-status-critical-foreground)}.pds-input-decorator--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-background-hover);border-radius:.1875rem;height:.64rem;padding:.512rem;width:.64rem}.pds-input-clear-button,.pds-input-search-shortcut{display:flex;justify-content:center;margin-inline-end:-.25rem}.pds-input-clear-button{background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-foreground-default);padding:.328rem;width:1.953rem}.pds-input-clear-button:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-input-clear-button:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:1px solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-foreground-default-secondary);font-size:.833rem;font-weight:400}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}.pds-input__select-option{align-items:center;background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;gap:1.25rem;justify-content:space-between;margin:0;padding-block:.64rem;padding-inline:.8rem}.pds-input__select-option--active,.pds-input__select-option:focus-visible,.pds-input__select-option:hover,.pds-input__select-option[aria-selected=true]{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-select__checked-icon{color:var(--pds-color-status-success-foreground);flex-shrink:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-radio-group__options{display:flex;flex-direction:column;row-gap:.
|
|
1
|
+
.pds-radio-group__options{display:flex;flex-direction:column;row-gap:.64rem}.pds-radio-group__option{--pds-radio-input-size:1rem;align-items:start;column-gap:.512rem;display:grid;grid-template-columns:var(--pds-radio-input-size) auto}.pds-radio-group__option input[type=radio]{appearance:none;background-size:calc(var(--pds-radio-input-size)*.5);border-color:var(--pds-color-border-input);border-radius:50%;border-style:solid;border-width:2px;height:var(--pds-radio-input-size);margin:0;place-content:center;position:relative;top:.0625rem;width:var(--pds-radio-input-size)}.pds-radio-group__option input[type=radio],.pds-radio-group__option input[type=radio]:checked{background-color:transparent;transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-radio-group__option input[type=radio]:checked{border-color:var(--pds-color-interactive-focus);box-shadow:0 0 0 .0625rem var(--pds-color-interactive-focus),inset 0 0 0 .09375rem var(--pds-color-interactive-focus)}.pds-radio-group__option input[type=radio]:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-radio-group__option>label{font-size:1rem;font-weight:400}.pds-radio-group__option input[type=radio]:disabled,.pds-radio-group__option input[type=radio]:disabled~label{opacity:50%}.pds-radio-group__option input[type=radio]:disabled:hover{cursor:not-allowed}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-spinner{--pds-spinner-line:calc(var(--pds-spinner-size)*0.15);--pds-spinner-color-1:var(--pds-color-brand-primary-default);--pds-spinner-color-2:var(--pds-color-brand-accent-default);--pds-spinner-color-3:var(--pds-color-brand-secondary-default);align-items:center;display:flex;flex-direction:column;text-align:center}.pds-spinner--inline{align-self:center;display:inline-flex}.pds-spinner__icon{animation:spin 1.2s linear infinite;background:radial-gradient(farthest-side,var(--pds-spinner-color-1) 94%,#0000) top/var(--pds-spinner-line) var(--pds-spinner-line) no-repeat,conic-gradient(#0000 120deg,var(--pds-spinner-color-3),var(--pds-spinner-color-2),var(--pds-spinner-color-1) 330deg);border-radius:50%;height:var(--pds-spinner-size);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--pds-spinner-line)),#000 0);width:var(--pds-spinner-size)}@keyframes spin{to{transform:rotate(1turn)}}.pds-spinner__label{font-family:Poppins,sans-serif;font-weight:400;line-height:140%;max-width:calc(var(--pds-spinner-size)*6)}.pds-spinner--monochromatic{--pds-spinner-color-1:#
|
|
1
|
+
.pds-spinner{--pds-spinner-line:calc(var(--pds-spinner-size)*0.15);--pds-spinner-color-1:var(--pds-color-brand-primary-default);--pds-spinner-color-2:var(--pds-color-brand-accent-default);--pds-spinner-color-3:var(--pds-color-brand-secondary-default);align-items:center;display:flex;flex-direction:column;text-align:center}.pds-spinner--inline{align-self:center;display:inline-flex}.pds-spinner__icon{animation:spin 1.2s linear infinite;background:radial-gradient(farthest-side,var(--pds-spinner-color-1) 94%,#0000) top/var(--pds-spinner-line) var(--pds-spinner-line) no-repeat,conic-gradient(#0000 120deg,var(--pds-spinner-color-3),var(--pds-spinner-color-2),var(--pds-spinner-color-1) 330deg);border-radius:50%;height:var(--pds-spinner-size);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--pds-spinner-line)),#000 0);width:var(--pds-spinner-size)}@keyframes spin{to{transform:rotate(1turn)}}.pds-spinner__label{font-family:Poppins,sans-serif;font-weight:400;line-height:140%;max-width:calc(var(--pds-spinner-size)*6)}.pds-spinner--monochromatic{--pds-spinner-color-1:#525560;--pds-spinner-color-2:#6a6e7a;--pds-spinner-color-3:#cfcfd3}.pds-spinner--monochromatic-reverse{--pds-spinner-color-1:#fff;--pds-spinner-color-2:#f1f1f1;--pds-spinner-color-3:#cfcfd3}.pds-spinner--sm{--pds-spinner-size:0.8rem}.pds-spinner--sm .pds-spinner__label{font-size:.694rem;margin-block-start:.64rem}.pds-spinner--md{--pds-spinner-size:1rem}.pds-spinner--md .pds-spinner__label{font-size:.694rem;margin-block-start:.64rem}.pds-spinner--lg{--pds-spinner-size:1.25rem}.pds-spinner--lg .pds-spinner__label{font-size:.694rem;margin-block-start:.64rem}.pds-spinner--xl{--pds-spinner-size:1.563rem}.pds-spinner--xl .pds-spinner__label{font-size:.694rem;margin-block-start:.64rem}.pds-spinner--2xl{--pds-spinner-size:1.953rem}.pds-spinner--2xl .pds-spinner__label{font-size:.694rem;margin-block-start:.64rem}.pds-spinner--3xl{--pds-spinner-size:2.441rem}.pds-spinner--3xl .pds-spinner__label{font-size:.833rem;margin-block-start:1rem}.pds-spinner--4xl{--pds-spinner-size:3.052rem}.pds-spinner--4xl .pds-spinner__label{font-size:.833rem;margin-block-start:1rem}.pds-spinner--5xl{--pds-spinner-size:3.815rem}.pds-spinner--5xl .pds-spinner__label{font-size:1rem;margin-block-start:1.25rem}.pds-spinner--6xl{--pds-spinner-size:4.678rem}.pds-spinner--6xl .pds-spinner__label{font-size:1rem;margin-block-start:1.25rem}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
.pds-tab-menu{--pds-tab-color:var(--pds-color-foreground-default);--pds-tab-border-width:1px;border-bottom:var(--pds-tab-border-width) solid var(--pds-color-border-separator);font-family:Poppins,sans-serif;margin-block:.512rem;position:relative;width:100%}.pds-tab-menu__menu{color:var(--pds-tab-color);column-gap:2.441rem;display:flex;list-style:none;margin:0;padding:0}.pds-tab-menu__item{align-items:center;border-bottom:calc(var(--pds-tab-border-width)*3) solid transparent;column-gap:.125rem;display:flex;font-size:1rem;font-weight:600;margin-block-end:calc(var(--pds-tab-border-width)*-1);padding:.41rem .25rem;position:relative}.pds-tab-menu__item.pds-tab-menu__item--active{--pds-tab-color:var(--pds-color-brand-primary-default);border-bottom-color:var(--pds-color-brand-primary-default)}.pds-tab-menu__item a{color:var(--pds-tab-color);text-decoration:none}.pds-tab-menu__item a:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-tab-menu__item .pds-tab-menu__item-icon{color:var(--pds-tab-color)}.pds-tab-menu__item:hover{--pds-tab-color:var(--pds-color-brand-primary-default)}.pds-tab-menu__item .pds-tab-menu__item-inner{align-items:center;column-gap:.64rem;display:flex}.pds-tab-menu__dropdown-trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-foreground-default);display:flex;height:1.563rem;margin-inline-end:-.64rem}.pds-tab-menu__dropdown-trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-tab-menu__dropdown-trigger[aria-expanded=true]
|
|
2
|
-
.pds-tab-menu__dropdown-trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-tab-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;left:0;margin-block-start:.512rem;max-height:24rem;overflow-x:hidden;overflow-y:auto;position:absolute;top:3.052rem}.pds-tab-menu__dropdown:focus-visible{outline:none}.pds-tab-menu__dropdown-menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:.512rem .64rem;row-gap:.328rem}.pds-tab-menu__dropdown-item{align-items:center;background-color:transparent;border-radius:.1875rem;color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;line-height:120%;list-style-type:none;margin:0}.pds-tab-menu__dropdown-item:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-tab-menu__dropdown-item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-tab-menu__dropdown-item a{align-items:center;border-radius:.375rem;color:var(--pds-color-dropdown-foreground);column-gap:.64rem;display:flex;justify-content:space-between;padding:.64rem .8rem;text-decoration:none;width:100%}.pds-tab-menu__dropdown-item a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-tab-menu__dropdown-item--active{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-tab-menu__active-icon{flex-shrink:0;margin-inline-end:.64rem}.pds-tab-menu__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:.328rem .512rem}.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-input-field--text{border-color:transparent}.pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-tab-menu__no-results{color:var(--pds-color-foreground-default);font-size:1rem;margin-block-end:0;padding-inline:.8rem}.pds-tab-menu--isMobile{position:relative}.pds-tab-menu--isMobile .pds-tab-menu__menu{column-gap:1.25rem;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;cursor:pointer}.pds-tab-menu--isMobile .pds-tab-menu__menu::-webkit-scrollbar{display:none}.pds-tab-menu--isMobile .pds-tab-menu__item{font-size:.96rem;padding:.328rem .25rem}.pds-tab-menu--isMobile .pds-tab-menu__item-inner{width:max-content}.pds-tab-menu__mobile-menu-wrapper .pds-tab-menu__dropdown{left:1.063rem;position:fixed;top:3.58rem}
|
|
2
|
+
.pds-tab-menu__dropdown-trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-tab-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;left:0;margin-block-start:.512rem;max-height:24rem;overflow-x:hidden;overflow-y:auto;position:absolute;top:3.052rem}.pds-tab-menu__dropdown:focus-visible{outline:none}.pds-tab-menu__dropdown-menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:.512rem .64rem;row-gap:.328rem}.pds-tab-menu__dropdown-item{align-items:center;background-color:transparent;border-radius:.1875rem;color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;line-height:120%;list-style-type:none;margin:0}.pds-tab-menu__dropdown-item:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-tab-menu__dropdown-item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-tab-menu__dropdown-item a{align-items:center;border-radius:.375rem;color:var(--pds-color-dropdown-foreground);column-gap:.64rem;display:flex;justify-content:space-between;padding:.64rem .8rem;text-decoration:none;width:100%}.pds-tab-menu__dropdown-item a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-tab-menu__dropdown-item--active{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-status-success-foreground);flex-shrink:0}.pds-tab-menu__active-icon{flex-shrink:0;margin-inline-end:.64rem}.pds-tab-menu__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:.328rem .512rem}.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-input-field--text{border-color:transparent}.pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-tab-menu__no-results{color:var(--pds-color-foreground-default);font-size:1rem;margin-block-end:0;padding-inline:.8rem}.pds-tab-menu--isMobile{position:relative}.pds-tab-menu--isMobile .pds-tab-menu__menu{column-gap:1.25rem;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;cursor:pointer}.pds-tab-menu--isMobile .pds-tab-menu__menu::-webkit-scrollbar{display:none}.pds-tab-menu--isMobile .pds-tab-menu__item{font-size:.96rem;padding:.328rem .25rem}.pds-tab-menu--isMobile .pds-tab-menu__item-inner{width:max-content}.pds-tab-menu__mobile-menu-wrapper .pds-tab-menu__dropdown{left:1.063rem;position:fixed;top:3.58rem}
|
|
@@ -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-foreground-default);column-gap:.64rem;display:flex;position:relative}.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__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__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:20rem}.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 a:active{background-color:var(--pds-color-dropdown-item-background-active)}.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{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{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-foreground-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-background-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-background-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-foreground-default);column-gap:.64rem;display:flex;position:relative}.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__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__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:20rem}.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 a:active{background-color:var(--pds-color-dropdown-item-background-active)}.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{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-foreground-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-background-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-background-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}
|