@pantheon-systems/pds-toolkit-react 1.0.0-dev.134 → 1.0.0-dev.136
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/Icon/Icon.d.ts +1 -1
- package/_dist/components/buttons/MenuButton/MenuButton.d.ts +1 -3
- package/_dist/components/inputs/Combobox/Combobox.d.ts +4 -64
- package/_dist/components/navigation/DashboardNav/DashboardNav.d.ts +1 -3
- package/_dist/components/navigation/DashboardSearch/DashboardSearch.d.ts +67 -0
- package/_dist/components/navigation/DashboardSearch/SiteOptionDisplay.d.ts +10 -0
- package/_dist/components/navigation/Navbar/Navbar.d.ts +1 -3
- package/_dist/components/navigation/UserMenu/UserMenu.d.ts +1 -3
- package/_dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +1 -3
- package/_dist/components/notifications/Banner/Banner.d.ts +1 -1
- package/_dist/css/component-css/pds-combobox.css +1 -1
- package/_dist/css/component-css/pds-dashboard-search.css +1 -0
- package/_dist/css/component-css/pds-index.css +5 -5
- package/_dist/css/component-css/pds-input-wrapper.css +1 -1
- package/_dist/css/component-css/pds-menu-button.css +1 -1
- package/_dist/css/component-css/pds-navbar.css +1 -1
- package/_dist/css/component-css/pds-status-badge.css +1 -1
- package/_dist/css/pds-components.css +5 -5
- package/_dist/css/pds-layouts.css +1 -1
- package/_dist/index.css +1 -1
- package/_dist/index.d.ts +4 -1
- package/_dist/index.js +3517 -3303
- package/_dist/index.js.map +1 -1
- package/_dist/layouts/DashboardLayout/DashboardLayout.d.ts +37 -0
- package/_dist/layouts/DashboardLayout/DemoContent.d.ts +2 -0
- package/_dist/layouts/GlobalWrapper/GlobalWrapper.d.ts +19 -0
- package/_dist/utilities/context-providers/ResponsiveContext/ResponsiveContext.d.ts +6 -0
- package/package.json +1 -2
- package/_dist/layouts/GlobalLayout/GlobalLayout.d.ts +0 -23
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-menu-button{display:inline-block;position:relative}button.pds-menu-button__trigger .pds-button__icon{position:relative;top:.0625rem;transition:all .2s ease-in-out 0s}button.pds-menu-button__trigger[aria-expanded=true] .pds-button__icon{transform:rotate(180deg)}button.pds-menu-button__trigger[aria-expanded=true],button.pds-menu-button__trigger[aria-expanded=true]:active{background-color:var(--pds-color-button-primary-background-hover);border-color:var(--pds-color-button-primary-border-hover);color:var(--pds-color-button-primary-foreground-hover)}button.pds-button--secondary.pds-menu-button__trigger[aria-expanded=true],button.pds-button--secondary.pds-menu-button__trigger[aria-expanded=true]:active{background-color:var(--pds-color-button-secondary-background-hover);border-color:var(--pds-color-button-secondary-border-hover);color:var(--pds-color-button-secondary-foreground-hover)}button.pds-button--navbar.pds-menu-button__trigger .pds-button__icon{color:var(--pds-color-text-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-button-navbar-foreground-active)}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-icon-button-standard-background-active);color:var(--pds-color-icon-button-standard-foreground-default)}.pds-menu-button__avatar-label{align-items:center;column-gap:.64rem;display:flex;font-size:1rem;font-weight:400;transition:all .2s ease-in-out 0s}.pds-menu-button__trigger-icon{color:var(--pds-color-text-default-secondary);margin-inline-start:.64rem;transition:all .2s ease-in-out 0s}.pds-menu-button__trigger-icon--avatar{display:none}button.pds-menu-button__trigger--avatar,button.pds-menu-button__trigger--avatar[aria-expanded=true],button.pds-menu-button__trigger--avatar[aria-expanded=true]:active{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;padding:0;transition:all .2s ease-in-out 0s}button.pds-menu-button__trigger--avatar .pds-avatar,button.pds-menu-button__trigger--avatar[aria-expanded=true] .pds-avatar,button.pds-menu-button__trigger--avatar[aria-expanded=true]:active .pds-avatar{transition:all .2s ease-in-out 0s}button.pds-menu-button__trigger--avatar:hover .pds-avatar,button.pds-menu-button__trigger--avatar[aria-expanded=true] .pds-avatar,button.pds-menu-button__trigger--avatar[aria-expanded=true]:active .pds-avatar{border-color:var(--pds-color-link-hover);transition:all .2s ease-in-out 0s}button.pds-menu-button__trigger--avatar:hover .pds-menu-button__avatar-label,button.pds-menu-button__trigger--avatar[aria-expanded=true] .pds-menu-button__avatar-label,button.pds-menu-button__trigger--avatar[aria-expanded=true]:active .pds-menu-button__avatar-label{color:var(--pds-color-link-hover);transition:all .2s ease-in-out 0s}button.pds-menu-button__trigger--avatar[aria-expanded=true] .pds-menu-button__trigger-icon,button.pds-menu-button__trigger--avatar[aria-expanded=true]:active .pds-menu-button__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-menu-button__listbox{background-color:var(--pds-color-menu-background);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);left:0;max-width:30rem;padding:.64rem;position:absolute;top:.328rem;width:max-content;z-index:200}.pds-menu-button__listbox--avatar{top:.64rem}ul.pds-menu-button__listbox{margin:0}.pds-menu-button__listbox--navbar{border-top-left-radius:0;border-top-right-radius:0;top:1.25rem}.pds-menu-button__listbox--navbar.pds-menu-button__listbox--icon-only{top:3.625rem}.pds-menu-button__listbox--navbar.pds-menu-button__listbox--avatar{top:1.5625rem}.pds-
|
|
1
|
+
.pds-menu-button{display:inline-block;position:relative}button.pds-menu-button__trigger .pds-button__icon{position:relative;top:.0625rem;transition:all .2s ease-in-out 0s}button.pds-menu-button__trigger[aria-expanded=true] .pds-button__icon{transform:rotate(180deg)}button.pds-menu-button__trigger[aria-expanded=true],button.pds-menu-button__trigger[aria-expanded=true]:active{background-color:var(--pds-color-button-primary-background-hover);border-color:var(--pds-color-button-primary-border-hover);color:var(--pds-color-button-primary-foreground-hover)}button.pds-button--secondary.pds-menu-button__trigger[aria-expanded=true],button.pds-button--secondary.pds-menu-button__trigger[aria-expanded=true]:active{background-color:var(--pds-color-button-secondary-background-hover);border-color:var(--pds-color-button-secondary-border-hover);color:var(--pds-color-button-secondary-foreground-hover)}button.pds-button--navbar.pds-menu-button__trigger .pds-button__icon{color:var(--pds-color-text-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-button-navbar-foreground-active)}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-icon-button-standard-background-active);color:var(--pds-color-icon-button-standard-foreground-default)}.pds-menu-button__avatar-label{align-items:center;column-gap:.64rem;display:flex;font-size:1rem;font-weight:400;transition:all .2s ease-in-out 0s}.pds-menu-button__trigger-icon{color:var(--pds-color-text-default-secondary);margin-inline-start:.64rem;transition:all .2s ease-in-out 0s}.pds-menu-button__trigger-icon--avatar{display:none}button.pds-menu-button__trigger--avatar,button.pds-menu-button__trigger--avatar[aria-expanded=true],button.pds-menu-button__trigger--avatar[aria-expanded=true]:active{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;padding:0;transition:all .2s ease-in-out 0s}button.pds-menu-button__trigger--avatar .pds-avatar,button.pds-menu-button__trigger--avatar[aria-expanded=true] .pds-avatar,button.pds-menu-button__trigger--avatar[aria-expanded=true]:active .pds-avatar{transition:all .2s ease-in-out 0s}button.pds-menu-button__trigger--avatar:hover .pds-avatar,button.pds-menu-button__trigger--avatar[aria-expanded=true] .pds-avatar,button.pds-menu-button__trigger--avatar[aria-expanded=true]:active .pds-avatar{border-color:var(--pds-color-link-hover);transition:all .2s ease-in-out 0s}button.pds-menu-button__trigger--avatar:hover .pds-menu-button__avatar-label,button.pds-menu-button__trigger--avatar[aria-expanded=true] .pds-menu-button__avatar-label,button.pds-menu-button__trigger--avatar[aria-expanded=true]:active .pds-menu-button__avatar-label{color:var(--pds-color-link-hover);transition:all .2s ease-in-out 0s}button.pds-menu-button__trigger--avatar[aria-expanded=true] .pds-menu-button__trigger-icon,button.pds-menu-button__trigger--avatar[aria-expanded=true]:active .pds-menu-button__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-menu-button__listbox{background-color:var(--pds-color-menu-background);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);left:0;max-width:30rem;padding:.64rem;position:absolute;top:.328rem;width:max-content;z-index:200}.pds-menu-button__listbox--avatar{top:.64rem}ul.pds-menu-button__listbox{margin:0}.pds-menu-button__listbox--navbar{border-top-left-radius:0;border-top-right-radius:0;top:1.25rem}.pds-menu-button__listbox--navbar.pds-menu-button__listbox--icon-only{top:3.625rem}.pds-menu-button__listbox--navbar.pds-menu-button__listbox--avatar{top:1.5625rem}.pds-dashboard.pds-dashboard--notMobile .pds-menu-button__listbox--navbar{border-radius:.375rem;top:.328rem}.pds-dashboard.pds-dashboard--notMobile .pds-menu-button__listbox--navbar.pds-menu-button__listbox--icon-only{top:2.75rem}.pds-dashboard.pds-dashboard--notMobile .pds-menu-button__listbox--navbar.pds-menu-button__listbox--avatar{top:.64rem}@media (min-width:641px){.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:.512rem auto 0;width:calc(100% - 1.25rem)}.pds-menu-button__listbox--icon-only{top:2.75rem}.pds-icon-button--sm+.pds-menu-button__listbox--icon-only{top:2.5rem}.pds-menu-button__listbox .pds-menu-button__listbox-heading{color:var(--pds-color-menu-item-heading-text);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}.pds-menu-button__listbox [role=separator]{border-block-start:1px solid var(--pds-color-border-default);margin-block-start:.512rem;padding-block-start:.512rem}.pds-menu-button__listbox [role=menuitem] a{color:var(--pds-color-menu-item-foreground);display:block;text-decoration:none}.pds-menu-button__listbox [role=menuitem]{background-color:var(--pds-color-menu-item-background-default);color:var(--pds-color-menu-item-foreground);cursor:pointer;font-size:1rem;line-height:120%;margin:0;padding:.64rem .8rem}.pds-menu-button__item-label{align-items:center;display:flex;gap:.512rem}.pds-menu-button__listbox [role=menuitem].pds-menu-button__item-focused,.pds-menu-button__listbox [role=menuitem]:hover{background-color:var(--pds-color-menu-item-background-hover);border-radius:.375rem}.pds-menu-button__listbox [role=menuitem]:active{background-color:var(--pds-color-menu-item-background-active)}.pds-menu-button__listbox [role=menuitem].pds-menu-button__item-focused{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-menu-button__listbox [role=menuitem][aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-menu-button__item-description{color:var(--pds-color-menu-item-description-text);display:block;font-size:.833rem;margin-block-start:.41rem}.pds-menu-button--navbar.pds-menu-button--isMobile{background-color:var(--pds-color-background-default);border-bottom:.0625rem solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;right:50%;width:100vw}.pds-menu-button--navbar.pds-menu-button--isMobile .pds-menu-button__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-menu-button--navbar.pds-menu-button--isMobile .pds-menu-button__toggle>*{pointer-events:none}.pds-menu-button--navbar.pds-menu-button--isMobile .pds-menu-button__toggle .pds-menu-button__icon-label{align-items:center;display:flex;gap:.8rem}.pds-menu-button--navbar.pds-menu-button--isMobile .pds-menu-button__toggle .pds-menu-button__icon-label .pds-icon{min-width:1.563rem}.pds-menu-button--navbar.pds-menu-button--isMobile .pds-menu-button__toggle:hover .pds-avatar{border-color:var(--pds-color-link-hover);transition:all .2s ease-in-out 0s}.pds-menu-button--navbar.pds-menu-button--isMobile .pds-menu-button__toggle:hover .pds-menu-button__avatar-label{color:var(--pds-color-link-hover);transition:all .2s ease-in-out 0s}.pds-menu-button--navbar.pds-menu-button--isMobile .pds-menu-button__toggle-icon{color:var(--pds-color-text-default-secondary);margin-inline-end:.328rem;transition:all .2s ease-in-out 0s}.pds-menu-button--navbar.pds-menu-button--isMobile .pds-menu-button__toggle--expanded{color:var(--pds-color-link-hover)}.pds-menu-button--navbar.pds-menu-button--isMobile .pds-menu-button__toggle--expanded .pds-menu-button__toggle-icon{transform:rotate(180deg)}.pds-menu-button--navbar.pds-menu-button--isMobile .pds-menu-button__mobile-menu{display:none;padding-block-end:1rem;padding-inline:.8rem}.pds-menu-button--navbar.pds-menu-button--isMobile .pds-menu-button__mobile-menu--expanded{display:flex;flex-direction:column}.pds-menu-button--navbar.pds-menu-button--isMobile .pds-menu-button__mobile-menu li{padding:.64rem .8rem}.pds-menu-button--navbar.pds-menu-button--isMobile .pds-menu-button__mobile-menu li[role=menuitem]:hover{background-color:var(--pds-color-menu-item-background-hover);border-radius:.375rem}.pds-menu-button--navbar.pds-menu-button--isMobile .pds-menu-button__mobile-menu li[role=separator]{background-color:var(--pds-color-border-default);height:.0625rem;margin-block:.512rem;padding:0;width:calc(100% - 1.25rem)}.pds-menu-button--navbar.pds-menu-button--isMobile .pds-menu-button__listbox-heading{color:var(--pds-color-menu-item-heading-text);font-size:.833rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-navbar{background-color:var(--pds-color-background-default);position:relative}.pds-navbar__logo a:focus-visible{outline:.125rem solid var(--pds-color-interactive-focus);outline-offset:.328rem}.pds-navbar__custom-logo{max-height:4.25rem}.pds-navbar__bar-mobile{border-bottom:.0625rem solid var(--pds-color-border-default)}.pds-navbar__inner-mobile{align-items:center;display:flex;height:4.678rem;justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;color:var(--pds-color-text-default);display:flex}.pds-navbar__menu-toggle:hover{color:var(--pds-color-button-navbar-foreground-active)}.pds-navbar__mobile{background-color:var(--pds-color-background-default);height:100vh;position:absolute;width:100%;z-index:400}.pds-navbar__mobile>.pds-container{display:flex;flex-direction:column}.pds-navbar__mobile--closed{right:-100%;transition:all .3s ease-in-out}.pds-navbar__mobile--open{right:0;transition:all .3s ease-in-out}.pds-navbar--notMobile{border-bottom:.0625rem solid var(--pds-color-border-default)}@media (max-width:640px){.pds-navbar--notMobile .pds-button-group,.pds-navbar--notMobile .pds-nav-menu--isMobile{display:none}}.pds-navbar__inner{align-items:center;column-gap:1rem;display:flex;height:4.678rem}.pds-navbar__content{align-items:center;display:flex;justify-content:space-between;width:100%}.pds-navbar__items-left,.pds-navbar__items-right{align-items:center;column-gap:1.25rem;display:flex}.pds-navbar__items-right{justify-content:flex-end}.pds-navbar--reverse-transparent,.pds-navbar--transparent{background-color:transparent}.pds-navbar--reverse{background-color:var(--pds-color-background-reverse)}.pds-navbar--reverse,.pds-navbar--reverse-transparent{--pds-color-text-default:var(--pds-color-foreground-reverse);--pds-color-link-active:#dfd8f5}.pds-navbar--reverse .pds-nav-menu__trigger-icon,.pds-navbar--reverse-transparent .pds-nav-menu__trigger-icon{--pds-menu-trigger-color:#a6a3b4}.pds-navbar--reverse .pds-navbar__menu-toggle:hover,.pds-navbar--reverse-transparent .pds-navbar__menu-toggle:hover{color:#dfd8f5}.pds-navbar--reverse .pds-navbar__mobile.pds-navbar__mobile--open,.pds-navbar--reverse-transparent .pds-navbar__mobile.pds-navbar__mobile--open{--pds-color-text-default:var(--pds-color-foreground-default);--pds-color-link-active:var(--pds-color-link-hover)}.pds-navbar--noBorder,.pds-navbar--noBorder .pds-navbar__bar-mobile{border-bottom-color:transparent}.pds-
|
|
1
|
+
.pds-navbar{background-color:var(--pds-color-background-default);position:relative}.pds-navbar__logo a:focus-visible{outline:.125rem solid var(--pds-color-interactive-focus);outline-offset:.328rem}.pds-navbar__custom-logo{max-height:4.25rem}.pds-navbar__bar-mobile{border-bottom:.0625rem solid var(--pds-color-border-default)}.pds-navbar__inner-mobile{align-items:center;display:flex;height:4.678rem;justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;color:var(--pds-color-text-default);display:flex}.pds-navbar__menu-toggle:hover{color:var(--pds-color-button-navbar-foreground-active)}.pds-navbar__mobile{background-color:var(--pds-color-background-default);height:100vh;position:absolute;width:100%;z-index:400}.pds-navbar__mobile>.pds-container{display:flex;flex-direction:column}.pds-navbar__mobile--closed{right:-100%;transition:all .3s ease-in-out}.pds-navbar__mobile--open{right:0;transition:all .3s ease-in-out}.pds-navbar--notMobile{border-bottom:.0625rem solid var(--pds-color-border-default)}@media (max-width:640px){.pds-navbar--notMobile .pds-button-group,.pds-navbar--notMobile .pds-nav-menu--isMobile{display:none}}.pds-navbar__inner{align-items:center;column-gap:1rem;display:flex;height:4.678rem}.pds-navbar__content{align-items:center;column-gap:1.25rem;display:flex;justify-content:space-between;width:100%}.pds-navbar__items-left,.pds-navbar__items-right{align-items:center;column-gap:1.25rem;display:flex;position:relative}.pds-navbar__items-right{justify-content:flex-end}.pds-navbar--reverse-transparent,.pds-navbar--transparent{background-color:transparent}.pds-navbar--reverse{background-color:var(--pds-color-background-reverse)}.pds-navbar--reverse,.pds-navbar--reverse-transparent{--pds-color-text-default:var(--pds-color-foreground-reverse);--pds-color-link-active:#dfd8f5}.pds-navbar--reverse .pds-nav-menu__trigger-icon,.pds-navbar--reverse-transparent .pds-nav-menu__trigger-icon{--pds-menu-trigger-color:#a6a3b4}.pds-navbar--reverse .pds-navbar__menu-toggle:hover,.pds-navbar--reverse-transparent .pds-navbar__menu-toggle:hover{color:#dfd8f5}.pds-navbar--reverse .pds-navbar__mobile.pds-navbar__mobile--open,.pds-navbar--reverse-transparent .pds-navbar__mobile.pds-navbar__mobile--open{--pds-color-text-default:var(--pds-color-foreground-default);--pds-color-link-active:var(--pds-color-link-hover)}.pds-navbar--noBorder,.pds-navbar--noBorder .pds-navbar__bar-mobile{border-bottom-color:transparent}.pds-dashboard--isMobile .pds-navbar__bar-mobile{background-color:var(--pds-color-dashboard-nav-background)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.pds-status-badge{--pds-status-badge-background:var(
|
|
2
2
|
--pds-color-badge-status-transparent-background
|
|
3
|
-
);--pds-status-badge-border:var(--pds-color-badge-status-transparent-border);--pds-status-badge-label:var(--pds-color-badge-status-transparent-label);--pds-status-badge-status-dot:var(--pds-color-badge-status-dot-default);align-items:center;background-color:var(--pds-status-badge-background);border:.0625rem solid var(--pds-status-badge-border);border-radius:100px;color:var(--pds-status-badge-label);display:inline-flex;font-size:.694rem;font-weight:600;padding:.
|
|
3
|
+
);--pds-status-badge-border:var(--pds-color-badge-status-transparent-border);--pds-status-badge-label:var(--pds-color-badge-status-transparent-label);--pds-status-badge-status-dot:var(--pds-color-badge-status-dot-default);align-items:center;background-color:var(--pds-status-badge-background);border:.0625rem solid var(--pds-status-badge-border);border-radius:100px;color:var(--pds-status-badge-label);display:inline-flex;font-size:.694rem;font-weight:600;padding:.328rem .64rem}.pds-status-badge__status{background-color:var(--pds-status-badge-status-dot);border-radius:50%;display:inline-block;height:.512rem;margin-inline-end:.512rem;width:.512rem}.pds-status-badge__label{display:inline-block;line-height:.694rem;padding-block-start:.0625rem}.pds-status-badge--transparent{--pds-status-badge-background:var(
|
|
4
4
|
--pds-color-badge-status-transparent-background
|
|
5
5
|
);--pds-status-badge-border:var(--pds-color-badge-status-transparent-border);--pds-status-badge-label:var(--pds-color-badge-status-transparent-label)}.pds-status-badge--neutral{--pds-status-badge-background:var(
|
|
6
6
|
--pds-color-badge-status-neutral-background
|