@pantheon-systems/pds-toolkit-react 2.0.0-beta.7 → 2.0.0-beta.9
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/components/icons/Icon/generated-icon-data.d.ts +1 -1
- package/dist/components/media/Illustration/generated-illustration-data.d.ts +2 -2
- package/dist/css/component-css/pds-compact-empty-state.css +1 -1
- package/dist/css/component-css/pds-index.css +4 -4
- package/dist/css/component-css/pds-toaster.css +1 -1
- package/dist/css/component-css/pds-vertical-empty-state.css +1 -1
- package/dist/css/component-css/pds-workspace-picker.css +1 -1
- package/dist/css/component-css/pds-workspace-selector.css +1 -1
- package/dist/css/pds-components.css +4 -4
- package/dist/index.css +1 -1
- package/dist/index.js +315 -8
- package/dist/index.js.map +1 -1
- package/dist/libs/components/WorkspaceListItem/WorkspaceListItem.d.ts +6 -5
- package/package.json +2 -1
|
@@ -1 +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)!important;border-radius:var(--pds-border-radius-container)!important;box-shadow:var(--pds-elevation-overlay)!important;margin-bottom:var(--pds-spacing-m)!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
|
|
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)!important;border-radius:var(--pds-border-radius-container)!important;box-shadow:var(--pds-elevation-overlay)!important;margin-bottom:var(--pds-spacing-m)!important;padding:var(--pds-spacing-m)!important}.pds-toaster .Toastify__toast:has(.Toastify__progress-bar--wrp:not([data-hidden=true])){padding-block-end:calc(var(--pds-spacing-m) + var(--pds-spacing-4xs))!important}.pds-toaster .Toastify__toast-body{margin:0;padding:0}.pds-toaster .Toastify__progress-bar--wrp{height:.2125rem}.pds-toaster .Toastify__progress-bar--bg{background:var(--pds-color-status-neutral-background)!important;opacity:1!important}.pds-toaster .Toastify__progress-bar--wrp [role=progressbar]{background:var(--pds-color-status-neutral-indicator)!important;opacity:.5!important}.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)}@media (max-width:767px){.pds-toaster{left:var(--pds-spacing-m)!important;margin:0!important;right:var(--pds-spacing-m)!important;width:auto!important}.pds-toaster .Toastify__toast{width:100%!important}}.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}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-vertical-empty-state{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block:var(--pds-spacing-m);row-gap:var(--pds-spacing-xl);text-align:center;width:100%}.pds-vertical-empty-state>*{margin-inline:auto}.pds-vertical-empty-state--fill-height{flex:1;justify-content:center}.pds-vertical-empty-state__media{flex-shrink:0;margin-block-end:var(--pds-spacing-2xs)}.pds-vertical-empty-state__image{filter:brightness(0);height:100%;width:auto}[data-theme=dark] .pds-vertical-empty-state__image{filter:brightness(0) invert(1)}.pds-vertical-empty-state__heading{font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-bold);margin-block-end:0}.pds-vertical-empty-state__text{align-items:center;display:flex;flex-direction:column;row-gap:var(--pds-spacing-s)}.pds-vertical-empty-state__message{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-l);
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-vertical-empty-state{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block:var(--pds-spacing-m);row-gap:var(--pds-spacing-xl);text-align:center;width:100%}.pds-vertical-empty-state>*{margin-inline:auto}.pds-vertical-empty-state--fill-height{flex:1;justify-content:center}.pds-vertical-empty-state__media{flex-shrink:0;margin-block-end:var(--pds-spacing-2xs)}.pds-vertical-empty-state__image{filter:brightness(0);height:100%;width:auto}[data-theme=dark] .pds-vertical-empty-state__image{filter:brightness(0) invert(1)}.pds-vertical-empty-state__heading{font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-bold);margin-block-end:0}.pds-vertical-empty-state__text{align-items:center;display:flex;flex-direction:column;row-gap:var(--pds-spacing-s)}.pds-vertical-empty-state__text>.pds-vertical-empty-state__message{margin-block-start:0}.pds-vertical-empty-state__message{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-l);max-width:600px;text-wrap:pretty}.pds-vertical-empty-state__message :last-child{margin-block-end:0}.pds-vertical-empty-state__message :where(:not(.visually-hidden))+:where(:not(p,ul,ol,li)){margin-block-start:var(--pds-spacing-2xl)}.pds-vertical-empty-state__cta{padding-block-start:var(--pds-spacing-l)}.pds-vertical-empty-state__cta .pds-button-group{justify-content:center}.pds-vertical-empty-state__cta .pds-button{--button-font-size:var(--pds-typography-size-m);--button-gap-inline:var(--pds-spacing-button-gap-inline-m);--button-height:var(--pds-spacing-button-height-m);--button-padding-inline:var(--pds-spacing-button-padding-inline-m)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-workspace-picker__filter{margin-block-end:var(--pds-spacing-s)}.pds-workspace-picker__nav{--item-height:2.5rem;border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);display:block;max-height:calc(var(--visible-items)*var(--item-height) + (var(--visible-items) - 1)*var(--pds-spacing-3xs) + var(--pds-spacing-3xs)*2);overflow-y:auto;padding-block:var(--pds-spacing-3xs)}.pds-workspace-picker__list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:var(--pds-spacing-3xs)}.pds-workspace-picker__no-results{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);margin:0;padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-s)}.pds-workspace-picker__item{align-items:stretch;color:var(--pds-color-dropdown-foreground);display:flex;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-s)}.pds-workspace-picker__item:focus-within,.pds-workspace-picker__item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-workspace-picker__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-workspace-picker__item a,.pds-workspace-picker__item button{align-items:center;color:inherit;cursor:pointer;display:flex;height:100%;padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-s);text-decoration:none;width:100%}.pds-workspace-picker__item a:hover{color:inherit}.pds-workspace-picker__item a:focus-visible,.pds-workspace-picker__item button:focus-visible{outline:none}.pds-workspace-picker__item:has(a:focus-visible),.pds-workspace-picker__item:has(button:focus-visible){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-2px}.pds-workspace-picker__item button{background-color:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit;text-align:left;width:100%}.pds-workspace-picker__item--active{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-workspace-picker__item--unprivileged{opacity:.5}.pds-workspace-picker__item--unprivileged:active,.pds-workspace-picker__item--unprivileged:focus-within,.pds-workspace-picker__item--unprivileged:hover{background-color:transparent}.pds-workspace-picker__item--unprivileged a{cursor:not-allowed}}
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-workspace-picker__fieldset{min-width:0}.pds-workspace-picker__filter{margin-block-end:var(--pds-spacing-s)}.pds-workspace-picker__nav{--item-height:2.5rem;border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);display:block;max-height:calc(var(--visible-items)*var(--item-height) + (var(--visible-items) - 1)*var(--pds-spacing-3xs) + var(--pds-spacing-3xs)*2);overflow-y:auto;padding-block:var(--pds-spacing-3xs)}.pds-workspace-picker__list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:var(--pds-spacing-3xs)}.pds-workspace-picker__no-results{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);margin:0;padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-s)}.pds-workspace-picker__item{align-items:stretch;color:var(--pds-color-dropdown-foreground);display:flex;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-s)}.pds-workspace-picker__item:focus-within,.pds-workspace-picker__item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-workspace-picker__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-workspace-picker__item a,.pds-workspace-picker__item button{align-items:center;color:inherit;cursor:pointer;display:flex;height:100%;padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-s);text-decoration:none;width:100%}.pds-workspace-picker__item a:hover{color:inherit}.pds-workspace-picker__item a:focus-visible,.pds-workspace-picker__item button:focus-visible{outline:none}.pds-workspace-picker__item:has(a:focus-visible),.pds-workspace-picker__item:has(button:focus-visible){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-2px}.pds-workspace-picker__item button{background-color:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit;text-align:left;width:100%}.pds-workspace-picker__item--active{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-workspace-picker__item--unprivileged{opacity:.5}.pds-workspace-picker__item--unprivileged:active,.pds-workspace-picker__item--unprivileged:focus-within,.pds-workspace-picker__item--unprivileged:hover{background-color:transparent}.pds-workspace-picker__item--unprivileged a{cursor:not-allowed}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer pds-v1, pds-v2;@layer pds-v2{.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:var(--pds-spacing-s)}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__trigger{column-gap:var(--pds-spacing-2xs)}}.pds-workspace-selector__trigger{display:flex;position:relative}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-foreground-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger[aria-expanded=true] .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover);transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__button-content{align-items:center;column-gap:var(--pds-spacing-xs);display:flex}.pds-workspace-selector__name{font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);max-width:10rem;min-width:0;text-align:left}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__name{display:none}}.pds-workspace-selector__name-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:balance}.pds-workspace-selector__dropdown{gap:0;margin-block-start:var(--pds-spacing-xs);padding-block-end:0;width:21rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:var(--pds-spacing-4xs)}.pds-workspace-selector__menu>*{flex-shrink:0}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__dropdown
|
|
2
|
-
.pds-workspace-selector__menu:not(.pds-workspace-selector__menu--scroll){padding-block-end:var(--pds-spacing-2xs)}.pds-workspace-selector__item{font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-s)}.pds-workspace-selector__item a,.pds-workspace-selector__item button{align-items:center;color:inherit;display:flex;flex:1;padding:0;text-decoration:none}.pds-workspace-selector__item a:hover{color:inherit}.pds-workspace-selector__item button{background-color:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit;text-align:left;width:100%}.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__dropdown .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);margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs) var(--pds-spacing-s)}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper: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);margin-block-start:var(--pds-spacing-3xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-m) var(--pds-spacing-m)}.pds-workspace-selector__dropdown .pds-workspace-selector__create-link{margin-block-start:0}.pds-workspace-selector__create-link-inner{width:100%}[data-pds-mobile]
|
|
2
|
+
.pds-workspace-selector__menu:not(.pds-workspace-selector__menu--scroll){padding-block-end:var(--pds-spacing-2xs)}.pds-workspace-selector__item{font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-s)}.pds-workspace-selector__item a,.pds-workspace-selector__item button{align-items:center;color:inherit;display:flex;flex:1;min-width:0;padding:0;text-decoration:none}.pds-workspace-selector__item a:hover{color:inherit}.pds-workspace-selector__item button{background-color:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit;text-align:left;width:100%}.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__dropdown .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);margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs) var(--pds-spacing-s)}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper: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);margin-block-start:var(--pds-spacing-3xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-m) var(--pds-spacing-m)}.pds-workspace-selector__dropdown .pds-workspace-selector__create-link{margin-block-start:0}.pds-workspace-selector__create-link-inner{width:100%}[data-pds-mobile]
|
|
3
3
|
.pds-navbar__mobile
|
|
4
4
|
.pds-workspace-selector
|
|
5
5
|
.pds-nav-accordion__toggle,[data-pds-mobile]
|