@pantheon-systems/pds-toolkit-react 1.0.0-dev.135 → 1.0.0-dev.137
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/Popover/Popover.d.ts +5 -1
- package/_dist/components/badges/Tally/Tally.d.ts +35 -0
- 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/progress-indicators/ProgressBar/ProgressBar.d.ts +13 -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-progress-bar.css +1 -1
- package/_dist/css/component-css/pds-site-card.css +1 -1
- package/_dist/css/component-css/pds-status-badge.css +1 -1
- package/_dist/css/component-css/pds-tally.css +1 -0
- package/_dist/css/design-tokens/pds-design-tokens-dark-mode.css +3 -0
- package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +3 -0
- package/_dist/css/pds-components.css +5 -5
- package/_dist/css/pds-core.css +1 -1
- 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 +3651 -3344
- 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 -1
- 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 +1 @@
|
|
|
1
|
-
.pds-progress-bar__label{color:var(--pds-color-text-default);display:block;font-size:1rem;font-weight:600;margin-block-end:.64rem;position:relative}.pds-progress-bar__track{background-color:var(--pds-color-progress-empty);border-radius:3.5rem;height:.8rem;width:100%}.pds-progress-bar__track--lg{height:1.563rem}.pds-progress-bar__track--sm{height:.512rem}.pds-progress-bar__bar{animation:animateProgress .8s ease-out forwards;
|
|
1
|
+
.pds-progress-bar__label{color:var(--pds-color-text-default);display:block;font-size:1rem;font-weight:600;margin-block-end:.64rem;position:relative}.pds-progress-bar__details{column-gap:.64rem;display:flex;justify-content:space-between}.pds-progress-bar__message{color:var(--pds-color-text-default-secondary)}.pds-progress-bar__message,.pds-progress-bar__percentage{font-size:.833rem;font-weight:400}.pds-progress-bar__wrapper{margin-block:.41rem}.pds-progress-bar__track{background-color:var(--pds-color-progress-empty);border-radius:3.5rem;height:.8rem;width:100%}.pds-progress-bar__track--lg{height:1.563rem}.pds-progress-bar__track--sm{height:.512rem}.pds-progress-bar__bar{animation:animateProgress .8s ease-out forwards;border-radius:inherit;height:100%}@keyframes animateProgress{0%{width:0}to{width:var(--bar-percentage)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-site-card{background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);cursor:pointer;display:grid;font-family:Poppins,sans-serif;grid-template-rows:auto 1fr;text-decoration:none}.pds-site-card:hover{box-shadow:var(--pds-elevation-active)}.pds-site-card:focus-visible{outline:.125rem solid var(--pds-color-interactive-focus)}.pds-site-card__image img{aspect-ratio:1.85;border-radius:.375rem .375rem 0 0;display:block;width:100%}.pds-site-card__content{padding:1.25rem 1.563rem}.pds-site-card__heading{align-items:flex-start;column-gap:.8rem;display:flex;justify-content:space-between;margin-block-end:.64rem}.pds-site-card__site-name{color:var(--pds-color-text-default);font-weight:600;line-height:120%;margin-block-end:0}.pds-site-card__plan{color:var(--pds-color-text-default-secondary);font-size:.833rem}
|
|
1
|
+
.pds-site-card{background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);cursor:pointer;display:grid;font-family:Poppins,sans-serif;grid-template-rows:auto 1fr;text-decoration:none}.pds-site-card:hover{box-shadow:var(--pds-elevation-active)}.pds-site-card:focus-visible{outline:.125rem solid var(--pds-color-interactive-focus)}.pds-site-card__image img{aspect-ratio:1.85;border-radius:.375rem .375rem 0 0;display:block;width:100%}.pds-site-card__content{overflow:hidden;padding:1.25rem 1.563rem}.pds-site-card__heading{align-items:flex-start;column-gap:.8rem;display:flex;justify-content:space-between;margin-block-end:.64rem}.pds-site-card__site-name{color:var(--pds-color-text-default);font-weight:600;line-height:120%;margin-block-end:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-site-card__plan{color:var(--pds-color-text-default-secondary);font-size:.833rem}
|
|
@@ -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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pds-tally{background-color:var(--pds-color-neutral-400);border:0;border-radius:100px;color:var(--pds-color-neutral-000);display:inline-block;white-space:nowrap}.pds-tally__label{font-size:.694rem;font-weight:600;line-height:140%;padding:.125rem .512rem}.pds-tally--neutral{background-color:var(--pds-color-neutral-400)}.pds-tally--critical{background-color:var(--pds-color-semantic-critical-foreground)}.pds-tally--warning{background-color:var(--pds-color-semantic-warning-foreground)}.pds-tally--info{background-color:var(--pds-color-semantic-info-foreground)}.pds-tally--success{background-color:var(--pds-color-semantic-success-foreground)}.pds-tally-group{column-gap:.328rem;display:flex;flex-direction:row;width:unset}
|
|
@@ -186,6 +186,9 @@
|
|
|
186
186
|
--pds-color-semantic-discovery-foreground: #8f7ee7;
|
|
187
187
|
--pds-color-semantic-info-background: #082145;
|
|
188
188
|
--pds-color-semantic-info-foreground: #388bff;
|
|
189
|
+
--pds-color-semantic-neutral-background: #1d1d29;
|
|
190
|
+
--pds-color-semantic-neutral-foreground: #a6a3b4;
|
|
191
|
+
--pds-color-semantic-neutral-utility: #858299;
|
|
189
192
|
--pds-color-semantic-success-background: #133527;
|
|
190
193
|
--pds-color-semantic-success-foreground: #2abb7f;
|
|
191
194
|
--pds-color-semantic-warning-background: #3d2e00;
|
|
@@ -223,6 +223,9 @@
|
|
|
223
223
|
--pds-color-semantic-discovery-foreground: #8270db;
|
|
224
224
|
--pds-color-semantic-info-background: #e9f2ff;
|
|
225
225
|
--pds-color-semantic-info-foreground: #1d7afc;
|
|
226
|
+
--pds-color-semantic-neutral-background: #cfcfd3;
|
|
227
|
+
--pds-color-semantic-neutral-foreground: #23232d;
|
|
228
|
+
--pds-color-semantic-neutral-utility: #6d6d78;
|
|
226
229
|
--pds-color-semantic-success-background: #e3fcef;
|
|
227
230
|
--pds-color-semantic-success-foreground: #218c5f;
|
|
228
231
|
--pds-color-semantic-success-utility: #35ae7b;
|