@pantheon-systems/pds-toolkit-react 2.0.0-alpha.30 → 2.0.0-alpha.32
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/{navigation/DashboardSearch/DashboardSearch.d.ts → SiteSearch/SiteSearch.d.ts} +6 -11
- package/dist/components/cards/ActionCard/ActionCard.d.ts +64 -0
- package/dist/components/cards/Card/Card.d.ts +8 -1
- package/dist/components/cards/{CardSelectGroup/CardSelectGroup.d.ts → CardSelect/CardSelect.d.ts} +13 -8
- package/dist/components/charts/PieChart/PieChart.d.ts +59 -0
- package/dist/components/charts/ProportionBar/ProportionBar.d.ts +57 -0
- package/dist/components/charts/shared/ChartSkeleton.d.ts +5 -1
- package/dist/components/links/CTALink/CTALink.d.ts +1 -1
- package/dist/components/navigation/SideNav/SideNav.d.ts +7 -1
- package/dist/components/navigation/TreeNav/TreeNav.d.ts +48 -0
- package/dist/css/component-css/pds-action-card.css +1 -0
- package/dist/css/component-css/pds-breadcrumb.css +1 -1
- package/dist/css/component-css/pds-card-select.css +1 -0
- package/dist/css/component-css/pds-card.css +1 -1
- package/dist/css/component-css/pds-chart-wrapper.css +1 -1
- package/dist/css/component-css/pds-cta-link.css +1 -1
- package/dist/css/component-css/pds-dropdown-menu.css +1 -1
- package/dist/css/component-css/pds-index.css +8 -16
- package/dist/css/component-css/pds-nav-menu.css +1 -5
- package/dist/css/component-css/pds-pie-chart.css +1 -0
- package/dist/css/component-css/pds-proportion-bar.css +1 -0
- package/dist/css/component-css/pds-side-nav-global.css +1 -7
- package/dist/css/component-css/pds-side-nav.css +3 -1
- package/dist/css/component-css/pds-site-search.css +1 -0
- package/dist/css/component-css/pds-tree-nav.css +1 -0
- package/dist/css/layout-css/pds-app-layout.css +2 -2
- package/dist/css/layout-css/pds-index.css +2 -2
- package/dist/css/layout-css/pds-stepper-layout.css +1 -1
- package/dist/css/pds-components.css +8 -16
- package/dist/css/pds-core.css +1 -1
- package/dist/css/pds-layouts.css +2 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +8 -2
- package/dist/index.js +5559 -4675
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +6 -11
- package/dist/libs/types/custom-types.d.ts +0 -2
- package/package.json +2 -2
- package/dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts +0 -62
- package/dist/components/cards/CardHeading/CardHeading.d.ts +0 -31
- package/dist/components/cards/EmptyStateCard/EmptyStateCard.d.ts +0 -36
- package/dist/components/cards/LinksCard/LinksCard.d.ts +0 -29
- package/dist/components/cards/LinksCard/links-card-sample-data.d.ts +0 -2
- package/dist/components/cards/NewSiteCard/NewSiteCard.d.ts +0 -61
- package/dist/components/cards/PaymentCard/PaymentCard.d.ts +0 -47
- package/dist/components/cards/PricingCard/PricingCard.d.ts +0 -95
- package/dist/components/cards/SiteCard/SiteCard.d.ts +0 -50
- package/dist/components/navigation/SideNavCompact/SideNavCompact.d.ts +0 -53
- package/dist/css/component-css/pds-card-heading.css +0 -1
- package/dist/css/component-css/pds-card-select-group.css +0 -1
- package/dist/css/component-css/pds-dashboard-search.css +0 -1
- package/dist/css/component-css/pds-empty-state-card.css +0 -1
- package/dist/css/component-css/pds-links-card.css +0 -1
- package/dist/css/component-css/pds-new-site-card.css +0 -1
- package/dist/css/component-css/pds-payment-card.css +0 -1
- package/dist/css/component-css/pds-pricing-card-local.css +0 -1
- package/dist/css/component-css/pds-pricing-card.css +0 -1
- package/dist/css/component-css/pds-side-nav-compact.css +0 -1
- package/dist/css/component-css/pds-site-card.css +0 -1
- package/dist/css/component-css/pds-site-dashboard-heading.css +0 -1
|
@@ -1,5 +1 @@
|
|
|
1
|
-
.pds-nav-menu{z-index:var(--pds-z-index-navigation)}.pds-nav-menu ul{margin:0;padding:0}.pds-nav-menu li,.pds-nav-menu ul{list-style-type:none}.pds-nav-menu button{background:none;border:none;cursor:pointer}.pds-nav-menu ul.pds-nav-menu__menu{display:flex;row-gap:var(--pds-spacing-m);z-index:var(--pds-z-index-dropdown)}.pds-nav-menu .pds-nav-menu__item{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);text-align:left}.pds-nav-menu .pds-nav-menu__item--top-level,.pds-nav-menu .pds-nav-menu__trigger{background-color:transparent;border:none;color:var(--pds-color-fg-default);cursor:pointer;font-weight:var(--pds-typography-fw-regular);margin:0;padding:0}.pds-nav-menu .pds-nav-menu__item--top-level a,.pds-nav-menu .pds-nav-menu__trigger a{color:var(--pds-color-fg-default);display:inline-block;text-decoration:none;transition:var(--pds-animation-transition-button)}.pds-nav-menu .pds-nav-menu__item--top-level{padding-block-end:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl)}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item--active>a,.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item--active>button,.pds-nav-menu .pds-nav-menu__item--active>a,.pds-nav-menu .pds-nav-menu__item--active>button{color:var(--
|
|
2
|
-
--pds-color-nav-item-reverse-foreground-hover
|
|
3
|
-
);--pds-color-nav-item-default-foreground-active:var(
|
|
4
|
-
--pds-color-nav-item-reverse-foreground-active
|
|
5
|
-
)}
|
|
1
|
+
.pds-nav-menu{--menu-hover-color:var(--pds-color-interactive-ui-hover);--menu-active-color:var(--pds-color-interactive-ui-active);z-index:var(--pds-z-index-navigation)}.pds-nav-menu ul{margin:0;padding:0}.pds-nav-menu li,.pds-nav-menu ul{list-style-type:none}.pds-nav-menu button{background:none;border:none;cursor:pointer}.pds-nav-menu ul.pds-nav-menu__menu{display:flex;row-gap:var(--pds-spacing-m);z-index:var(--pds-z-index-dropdown)}.pds-nav-menu .pds-nav-menu__item{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);text-align:left}.pds-nav-menu .pds-nav-menu__item--top-level,.pds-nav-menu .pds-nav-menu__trigger{background-color:transparent;border:none;color:var(--pds-color-fg-default);cursor:pointer;font-weight:var(--pds-typography-fw-regular);margin:0;padding:0}.pds-nav-menu .pds-nav-menu__item--top-level a,.pds-nav-menu .pds-nav-menu__trigger a{color:var(--pds-color-fg-default);display:inline-block;text-decoration:none;transition:var(--pds-animation-transition-button)}.pds-nav-menu .pds-nav-menu__item--top-level{padding-block-end:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl)}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item--active>a,.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item--active>button,.pds-nav-menu .pds-nav-menu__item--active>a,.pds-nav-menu .pds-nav-menu__item--active>button{color:var(--menu-active-color)}.pds-nav-menu button.pds-nav-menu__trigger:hover{color:var(--menu-hover-color)}.pds-nav-menu .pds-nav-menu__item--top-level a:focus-visible,.pds-nav-menu .pds-nav-menu__item--top-level button.pds-nav-menu__trigger:focus-visible{border-radius:0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs);transition:var(--pds-animation-transition-button)}.pds-nav-menu .pds-nav-menu__trigger{align-items:center;display:flex;padding-inline-end:var(--pds-spacing-3xs);width:100%}.pds-nav-menu .pds-nav-menu__trigger-icon{color:var(--pds-color-fg-default-secondary);margin-inline-start:var(--pds-spacing-xs);transition:var(--pds-animation-transition-rotation)}.pds-nav-menu .pds-nav-menu__trigger[aria-expanded=true]{color:var(--menu-active-color)}.pds-nav-menu .pds-nav-menu__trigger[aria-expanded=true] .pds-nav-menu__trigger-icon{color:var(--menu-active-color);transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item>a{color:inherit;flex:1;font-weight:var(--pds-typography-fw-regular);text-decoration:none}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item:has(:focus-visible){background-color:var(--pds-color-dropdown-item-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item>a:focus-visible{outline:none}.pds-nav-menu .pds-nav-accordion{display:none}[data-pds-mobile] .pds-nav-menu .pds-nav-accordion{display:block}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__trigger{display:none}.pds-nav-menu__accordion-menu{list-style:none;margin:0;padding:0}.pds-nav-menu__accordion-menu .pds-dropdown__item{padding-inline-start:var(--pds-spacing-xl)}.pds-nav-menu__accordion-menu .pds-dropdown__item a{color:var(--pds-color-fg-default);display:block;font-weight:var(--pds-typography-fw-regular);padding-block:var(--pds-spacing-s);text-decoration:none}.pds-nav-menu__accordion-menu .pds-dropdown__item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}[data-pds-mobile] .pds-nav-menu ul.pds-nav-menu__menu{flex-direction:column;margin-block-end:var(--pds-spacing-2xl);row-gap:0}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__item--top-level{border-block-end:.0625rem solid var(--pds-color-border-default);padding:0}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__item--has-link{align-items:center;display:flex;min-height:var(--pds-spacing-4xl);padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__item--has-link a{display:block;flex:1}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__item--has-link:hover{background-color:var(--pds-color-dropdown-item-background-hover)}:root:not([data-pds-mobile]) .pds-nav-menu ul.pds-nav-menu__menu{flex-direction:row;margin-block-end:0}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__item--top-level>a:hover{color:var(--menu-hover-color)}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__item--top-level,:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__trigger{align-items:center;display:inline-flex}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__item--top-level{border-bottom:none;padding-block-end:0;padding-inline:var(--pds-spacing-m)}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__item--has-link:not(:last-child){margin-inline-end:var(--pds-spacing-s)}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__menu>.pds-nav-menu__item--has-children{display:flex;position:relative}:root:not([data-pds-mobile]) .pds-nav-menu ul.pds-nav-menu__dropdown{max-width:30rem;padding:var(--pds-spacing-3xs);width:max-content}:root:not([data-pds-mobile]) .pds-nav-menu ul.pds-nav-menu__dropdown:before{background-color:var(--pds-color-dropdown-top-border);content:"";height:1px;left:0;position:absolute;top:-1px;width:100%}:root:not([data-pds-mobile]) .pds-nav-menu--reverse,:root:not([data-pds-mobile]) .pds-navbar.pds-navbar--reverse{--pds-color-fg-default:var(--pds-color-fg-reverse);--pds-color-fg-default-secondary:#a6a3b4;--menu-hover-color:var(--pds-color-nav-item-reverse-foreground-hover);--menu-active-color:var(--pds-color-nav-item-reverse-foreground-active)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pds-pie-chart{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-pie-chart--empty{align-items:center;display:flex;justify-content:center}.pds-pie-chart__skeleton{display:flex;flex-direction:column;gap:var(--pds-spacing-m)}.pds-pie-chart__legend--inline,.pds-pie-chart__skeleton-chart{align-items:center;display:flex;justify-content:center}.pds-pie-chart__legend--inline{flex-wrap:wrap;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-s);margin-block-start:var(--pds-spacing-m)}.pds-pie-chart__legend-item{align-items:center;color:var(--pds-color-fg-default);display:flex;gap:var(--pds-spacing-3xs)}.pds-pie-chart__legend-swatch{border-radius:2px;display:inline-block;flex-shrink:0;height:10px;width:10px}.pds-pie-chart__legend-label{font-weight:var(--pds-typography-fw-medium)}.pds-pie-chart__legend-value{color:var(--pds-color-fg-default-secondary)}.pds-pie-chart__legend--table{border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);font-size:var(--pds-typography-size-s);margin-block-start:var(--pds-spacing-m)}.pds-pie-chart__legend-row{align-items:center;display:flex;justify-content:space-between;padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-pie-chart__legend-row:not(:last-child){border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-pie-chart__legend-row-label{align-items:center;color:var(--pds-color-fg-default);display:flex;font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-xs)}.pds-pie-chart__legend-row-value{color:var(--pds-color-fg-default);font-weight:var(--pds-typography-fw-semibold)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pds-proportion-bar{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-proportion-bar--empty{align-items:center;display:flex;justify-content:center}.pds-proportion-bar--empty .pds-compact-empty-state{padding-block:var(--pds-spacing-l)}.pds-proportion-bar__track{border-radius:var(--pds-border-radius-bar);display:flex;overflow:hidden;width:100%}.pds-proportion-bar__segment{flex-shrink:0;height:100%;transition:filter .15s ease}.pds-proportion-bar__segment:hover{filter:brightness(.88)}.pds-proportion-bar__legend{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-l)}.pds-proportion-bar__legend--center{justify-content:center}.pds-proportion-bar__legend--left{justify-content:flex-start;margin-inline-start:.125rem}.pds-proportion-bar__legend-item{align-items:center;color:var(--pds-color-fg-default);display:flex;gap:var(--pds-spacing-3xs)}.pds-proportion-bar__legend-swatch{border-radius:3px;display:inline-block;flex-shrink:0;height:10px;width:10px}.pds-proportion-bar__legend-label{font-weight:var(--pds-typography-fw-medium)}.pds-proportion-bar__legend-value{color:var(--pds-color-fg-default-secondary)}.pds-proportion-bar__legend-separator{color:var(--pds-color-border-default);user-select:none}
|
|
@@ -1,7 +1 @@
|
|
|
1
|
-
.pds-side-nav-global{--side-nav-global-icon-width:var(--pds-spacing-xl);--side-nav-global-space-after-icon:var(--pds-spacing-s);--side-nav-global-foreground-color:var(
|
|
2
|
-
--pds-color-nav-side-nav-item-foreground-default
|
|
3
|
-
);--side-nav-global-outline-color:var(--pds-color-interactive-focus);font-family:var(--pds-typography-ff-default)}.pds-side-nav-global,.pds-side-nav-global a{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a{text-decoration:none}.pds-side-nav-global a:focus{box-shadow:none;outline:none}.pds-side-nav-global a:hover{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a:focus-visible,.pds-side-nav-global button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--side-nav-global-outline-color);outline-offset:-1px}.pds-side-nav-global .pds-icon{pointer-events:none}.pds-side-nav-global__logo{box-sizing:content-box;margin-block-end:var(--pds-spacing-xl);margin-block-start:var(--pds-spacing-4xs);padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-side-nav-global__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-side-nav-global__menu.pds-side-nav-global__menu--top-level{row-gap:var(--pds-spacing-3xs)}.pds-side-nav-global__item{list-style-type:none;margin-bottom:0}.pds-side-nav-global__item--top-level{padding-inline-start:var(--side-nav-global-item-inset,0);position:relative}.pds-side-nav-global__item--top-level:before{background-color:var(--pds-color-nav-side-nav-indicator-active);border-radius:0 var(--pds-border-radius-container) var(--pds-border-radius-container) 0;content:"";height:var(--pds-spacing-dashboard-nav-item-height);inset-block-start:0;inset-inline-start:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .15s ease-in-out;width:.25rem}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active:before{transform:scaleX(1)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper{--side-nav-global-foreground-color:var(
|
|
4
|
-
--pds-color-nav-side-nav-item-foreground-active
|
|
5
|
-
);background-color:var(--pds-color-nav-side-nav-item-background-active)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper:hover{background-color:var(--pds-color-nav-side-nav-item-background-active)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper{align-items:center;border-radius:var(--pds-border-radius-container);display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper:hover{--side-nav-global-foreground-color:var(
|
|
6
|
-
--pds-color-nav-side-nav-item-foreground-hover
|
|
7
|
-
);background-color:var(--pds-color-nav-side-nav-item-background-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper a{border-radius:var(--pds-border-radius-container);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-inner{align-items:center;display:flex}.pds-side-nav-global__link-icon{align-items:center;display:flex;flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--side-nav-global-space-after-icon);width:var(--side-nav-global-icon-width)}.pds-side-nav-global__link-icon .pds-icon--house,.pds-side-nav-global__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-side-nav-global__menu--second-level{color:var(--pds-color-nav-side-nav-item-foreground-default);display:none;margin-block-start:var(--pds-spacing-4xs);padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:flex;margin-block-end:var(--pds-spacing-xs);row-gap:var(--pds-spacing-3xs)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level{font-size:var(--pds-typography-size-s)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a{border-radius:var(--pds-border-radius-container);display:block;padding:var(--pds-spacing-3xs) var(--pds-spacing-s)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level.pds-side-nav-global__item--active a{color:var(--pds-color-nav-side-nav-indicator-active)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:hover{color:var(--pds-color-nav-side-nav-indicator-active);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-side-nav-global__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--side-nav-global-foreground-color);cursor:pointer;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:flex-end;padding-inline:var(--pds-spacing-dashboard-nav-item-padding)}.pds-side-nav-global__toggle .pds-icon{padding-inline:.125rem;transform:rotate(0deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__link-label{opacity:1;transition:opacity .1s ease-in-out}.pds-side-nav-global--collapsed{width:max-content}.pds-side-nav-global--collapsed .pds-side-nav-global__logo svg{width:1.25rem}.pds-side-nav-global--collapsed .pds-side-nav-global__link-label{opacity:0;transition:opacity .1s ease-in-out}.pds-side-nav-global--collapsed .pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:none}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__item-wrapper a{padding-inline:0;width:var(--pds-spacing-dashboard-nav-item-height)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__link-icon{margin-inline-end:0;width:100%}.pds-side-nav-global__flyout{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);display:flex;flex-direction:column;gap:var(--pds-spacing-4xs);max-width:30rem;padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-2xs);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-side-nav-global__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-xs) var(--pds-spacing-xs) var(--pds-spacing-3xs)}.pds-side-nav-global__menu--second-level-flyout{row-gap:var(--pds-spacing-4xs)}.pds-side-nav-global__item--second-level-flyout{color:var(--pds-color-dropdown-foreground);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);margin:0}.pds-side-nav-global__item--second-level-flyout a{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;min-height:var(--pds-spacing-2xl);padding:var(--pds-spacing-2xs) var(--pds-spacing-xs)}.pds-side-nav-global__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-dropdown-foreground)}.pds-side-nav-global__item--second-level-flyout a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-side-nav-global__item--second-level-flyout a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}
|
|
1
|
+
.pds-side-nav-global{--side-nav-global-icon-width:var(--pds-spacing-xl);--side-nav-global-space-after-icon:var(--pds-spacing-s);--side-nav-global-foreground-color:var(--pds-color-fg-default-secondary);--side-nav-global-outline-color:var(--pds-color-interactive-focus);font-family:var(--pds-typography-ff-default)}.pds-side-nav-global,.pds-side-nav-global a{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a{text-decoration:none}.pds-side-nav-global a:focus{box-shadow:none;outline:none}.pds-side-nav-global a:hover{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a:focus-visible,.pds-side-nav-global button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--side-nav-global-outline-color);outline-offset:-1px}.pds-side-nav-global .pds-icon{pointer-events:none}.pds-side-nav-global__logo{box-sizing:content-box;margin-block-end:var(--pds-spacing-xl);margin-block-start:var(--pds-spacing-4xs);padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-side-nav-global__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-side-nav-global__menu.pds-side-nav-global__menu--top-level{row-gap:var(--pds-spacing-3xs)}.pds-side-nav-global__item{list-style-type:none;margin-bottom:0}.pds-side-nav-global__item--top-level{padding-inline-start:var(--side-nav-global-item-inset,0);position:relative}.pds-side-nav-global__item--top-level:before{background-color:var(--pds-color-interactive-ui-active);border-radius:0 var(--pds-border-radius-container) var(--pds-border-radius-container) 0;content:"";height:var(--pds-spacing-dashboard-nav-item-height);inset-block-start:0;inset-inline-start:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .15s ease-in-out;width:.25rem}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active:before{transform:scaleX(1)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper{--side-nav-global-foreground-color:var(--pds-color-fg-default);background-color:var(--pds-color-interactive-ui-background-active)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper:hover{background-color:var(--pds-color-interactive-ui-background-active)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper{align-items:center;border-radius:var(--pds-border-radius-container);display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper:hover{--side-nav-global-foreground-color:var(--pds-color-fg-default);background-color:var(--pds-color-interactive-ui-background-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper a{border-radius:var(--pds-border-radius-container);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-inner{align-items:center;display:flex}.pds-side-nav-global__link-icon{align-items:center;display:flex;flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--side-nav-global-space-after-icon);width:var(--side-nav-global-icon-width)}.pds-side-nav-global__link-icon .pds-icon--house,.pds-side-nav-global__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-side-nav-global__menu--second-level{color:var(--pds-color-fg-default-secondary);display:none;margin-block-start:var(--pds-spacing-4xs);padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:flex;margin-block-end:var(--pds-spacing-xs);row-gap:var(--pds-spacing-3xs)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level{font-size:var(--pds-typography-size-s)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a{border-radius:var(--pds-border-radius-container);display:block;padding-block:var(--pds-spacing-3xs)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level.pds-side-nav-global__item--active a{color:var(--pds-color-interactive-ui-active)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:hover{color:var(--pds-color-interactive-ui-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-side-nav-global__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--side-nav-global-foreground-color);cursor:pointer;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:flex-end;padding-inline:var(--pds-spacing-dashboard-nav-item-padding)}.pds-side-nav-global__toggle .pds-icon{padding-inline:.125rem;transform:rotate(0deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__link-label{opacity:1;transition:opacity .1s ease-in-out}.pds-side-nav-global--collapsed{width:max-content}.pds-side-nav-global--collapsed .pds-side-nav-global__logo svg{width:1.25rem}.pds-side-nav-global--collapsed .pds-side-nav-global__link-label{opacity:0;transition:opacity .1s ease-in-out}.pds-side-nav-global--collapsed .pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:none}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__item-wrapper a{padding-inline:0;width:var(--pds-spacing-dashboard-nav-item-height)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__link-icon{margin-inline-end:0;width:100%}.pds-side-nav-global__flyout{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);display:flex;flex-direction:column;gap:var(--pds-spacing-4xs);max-width:30rem;padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-2xs);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-side-nav-global__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-xs) var(--pds-spacing-xs) var(--pds-spacing-3xs)}.pds-side-nav-global__menu--second-level-flyout{row-gap:var(--pds-spacing-4xs)}.pds-side-nav-global__item--second-level-flyout{color:var(--pds-color-dropdown-foreground);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);margin:0}.pds-side-nav-global__item--second-level-flyout a{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;min-height:var(--pds-spacing-2xl);padding:var(--pds-spacing-2xs) var(--pds-spacing-xs)}.pds-side-nav-global__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-dropdown-foreground)}.pds-side-nav-global__item--second-level-flyout a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-side-nav-global__item--second-level-flyout a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}
|
|
@@ -1 +1,3 @@
|
|
|
1
|
-
.pds-side-nav{--item-color-foreground:var(--pds-color-fg-default);--item-color-background:transparent;--item-spacing:var(--pds-spacing-
|
|
1
|
+
.pds-side-nav{--item-color-foreground:var(--pds-color-fg-default-secondary);--item-color-background:transparent;--item-spacing:var(--pds-spacing-3xs);font-family:var(--pds-typography-ff-default)}.pds-side-nav,.pds-side-nav a{color:var(--pds-color-fg-default-secondary)}.pds-side-nav a{text-decoration:none}.pds-side-nav .pds-icon{pointer-events:none}.pds-side-nav button.pds-side-nav__toggle,.pds-side-nav button.pds-side-nav__toggle--main{background:none;border:none;cursor:pointer}h2.pds-side-nav__heading{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s);word-wrap:break-word}h2.pds-side-nav__heading a{color:var(--pds-color-fg-default);text-decoration:none}h2.pds-side-nav__heading a:hover{color:var(--pds-color-interactive-ui-hover)}h2.pds-side-nav__heading a:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav__menu{display:flex;flex-direction:column;margin:0;padding:0;row-gap:var(--item-spacing)}.pds-side-nav__item,.pds-side-nav__menu{list-style-type:none}.pds-side-nav__item .pds-tally{margin-inline-start:var(--pds-spacing-3xs)}.pds-side-nav__item .pds-tally:first-child{margin-inline-start:var(--pds-spacing-xs)}.pds-side-nav__item-wrapper,.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a,button.pds-side-nav__toggle--main{align-items:flex-start;background-color:var(--item-color-background);border-radius:var(--pds-border-radius-container);color:var(--item-color-foreground);display:flex;font-weight:var(--pds-typography-fw-regular);line-height:1.2;list-style-type:none;padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-side-nav__item-wrapper:hover,.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:hover,button.pds-side-nav__toggle--main:hover{--item-color-background:var(--pds-color-interactive-ui-background-hover);--item-color-foreground:var(--pds-color-fg-default)}.pds-side-nav__item-wrapper:focus-visible,.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:focus-visible,button.pds-side-nav__toggle--main:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-side-nav__item-wrapper,button.pds-side-nav__toggle--main{align-items:flex-start;column-gap:var(--pds-spacing-m);display:flex;justify-content:space-between}.pds-side-nav__item-wrapper{padding-block:var(--pds-spacing-xs)}.pds-side-nav__item-wrapper a,button.pds-side-nav__toggle--main{width:100%}.pds-side-nav__toggle-content{flex:1;text-align:left}.pds-side-nav__item-wrapper>a:focus-visible{border-radius:calc(var(--pds-border-radius-button)*.5);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:8px}.pds-side-nav__item-wrapper>button:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:3px}.pds-side-nav__item--active>a{--item-color-background:var(--pds-color-interactive-ui-background-active);--item-color-foreground:var(--pds-color-fg-default)}.pds-side-nav__toggle .pds-icon{color:var(--item-color-foreground);transition:var(--pds-animation-transition-rotation)}.pds-side-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav__menu--second-level{display:none;margin-block-start:var(--item-spacing);padding-inline-start:var(--pds-spacing-l)}.pds-side-nav__menu--second-level.pds-side-nav__menu--expanded{display:flex!important}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile{color:var(--pds-color-fg-default);display:none}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile a{color:var(--pds-color-fg-default)}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile a:hover{color:var(--pds-color-interactive-ui-hover)}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile .pds-dropdown-menu__heading{font-size:var(--pds-typography-size-l)}[data-pds-mobile]
|
|
2
|
+
.pds-side-nav--has-mobile-dropdown
|
|
3
|
+
.pds-side-nav__menu--top-level,[data-pds-mobile] .pds-side-nav--has-mobile-dropdown .pds-side-nav__heading{display:none}[data-pds-mobile] .pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile{display:block}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pds-site-search{--site-search-height:var(--pds-spacing-input-height-s);height:var(--site-search-height);width:220px}@media (min-width:1280px){.pds-site-search{width:340px}}@media (min-width:1440px){.pds-site-search{width:380px}}.pds-site-search__combobox{width:100%}.pds-site-search__inner{height:100%}[data-pds-mobile] .pds-site-search{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);height:auto;left:50%;margin-inline-start:-50vw;min-height:var(--pds-spacing-4xl);position:relative;width:100vw}[data-pds-mobile] .pds-site-search__inner{padding-block:var(--pds-spacing-s)}[data-pds-mobile] .pds-site-search__combobox{margin-inline:auto;width:calc(100% - var(--pds-spacing-l)*2)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pds-tree-nav{--toggle-col:1rem;--hover-color:var(--pds-color-interactive-ui-hover);--active-color:var(--pds-color-interactive-ui-active);font-family:var(--pds-typography-ff-default);outline:none}.pds-tree-nav,.pds-tree-nav a{color:var(--pds-color-fg-default)}.pds-tree-nav a{text-decoration:none}.pds-tree-nav a:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-tree-nav a:hover{color:var(--hover-color)}.pds-tree-nav .pds-icon{pointer-events:none}h2.pds-tree-nav__heading{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s)}.pds-tree-nav__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-tree-nav__item{line-height:var(--pds-typography-lh-m);list-style-type:none}.pds-tree-nav__item:not(:has(.pds-tree-nav__item-wrapper))>a{display:block;padding-inline-start:calc(var(--toggle-col) + var(--pds-spacing-4xs))}.pds-tree-nav__item-wrapper{align-items:center;display:flex;gap:var(--pds-spacing-4xs)}.pds-tree-nav__menu--fourth-level,.pds-tree-nav__menu--second-level,.pds-tree-nav__menu--third-level{display:none;margin-inline-start:var(--pds-spacing-m)}.pds-tree-nav__menu--fourth-level.pds-tree-nav__menu--expanded,.pds-tree-nav__menu--second-level.pds-tree-nav__menu--expanded,.pds-tree-nav__menu--third-level.pds-tree-nav__menu--expanded{display:flex;margin-block-start:var(--pds-spacing-s);row-gap:var(--pds-spacing-s)}.pds-tree-nav__item--active>.pds-tree-nav__item-wrapper>a,.pds-tree-nav__item--active>a{color:var(--active-color)}.pds-tree-nav__item--active:not(:has(.pds-tree-nav__item--active)){position:relative}.pds-tree-nav__item--active:not(:has(.pds-tree-nav__item--active)):before{background-color:var(--active-color);border-radius:var(--pds-border-radius-container);content:"";height:1rem;inset-block-start:50%;inset-inline-start:.5625rem;position:absolute;transform:translateY(-50%);width:.1875rem}.pds-tree-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex;flex:0 0 var(--toggle-col);justify-content:center;padding:0}.pds-tree-nav__toggle:hover{color:var(--hover-color)}.pds-tree-nav__toggle:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-tree-nav__toggle .pds-icon{transform:rotate(-90deg);transition:var(--pds-animation-transition-button)}.pds-tree-nav__toggle--expanded .pds-icon{transform:rotate(0deg);transition:var(--pds-animation-transition-button)}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);--pds-app-layout-top-offset:0px;box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:calc(100dvh - var(--pds-app-layout-top-offset));width:100%}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-2xl);position:relative}.pds-app-layout__sidebar{position:relative;z-index:1}.pds-app-layout:has(.pds-app-layout__sidebar) .pds-app-layout__main{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-bottom,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-top,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-identity{padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-
|
|
1
|
+
.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);--pds-app-layout-top-offset:0px;box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:calc(100dvh - var(--pds-app-layout-top-offset));width:100%}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-2xl);position:relative}.pds-app-layout__sidebar{position:relative;z-index:1}.pds-app-layout:has(.pds-app-layout__sidebar) .pds-app-layout__main{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-bottom,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-top,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-identity{padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-m);overflow-x:visible}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:0;width:2rem}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-inner{padding-inline-end:var(--pds-spacing-s)}.pds-app-layout__sidebar{transition:width .2s ease-in-out,min-width .2s ease-in-out}.pds-app-layout:has(.pds-app-layout__sidebar-toggle-button:hover)
|
|
2
2
|
.pds-app-layout__main{border-left-color:var(--pds-color-border-hover)}.pds-app-layout__sidebar-toggle-tooltip.pds-tooltip{height:100%;position:absolute;right:var(--button-offset);top:0;width:var(--toggle-trigger-size);z-index:2}.pds-app-layout__sidebar-toggle-tooltip .pds-tooltip__trigger-custom{display:flex;height:100%;width:100%}.pds-app-layout__sidebar-toggle-button{background-color:transparent;border:none;cursor:pointer;height:100%;position:relative;width:100%}.pds-app-layout__sidebar-toggle-button:focus-visible{outline:none}.pds-app-layout__sidebar-toggle-button:focus-visible>.pds-app-layout__sidebar-toggle-icon{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-app-layout__sidebar-toggle-button:hover>.pds-app-layout__sidebar-toggle-icon{background-color:var(--pds-color-dashboard-toggle-button-background);filter:brightness(.9)}.pds-app-layout__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-dashboard-toggle-button-background);border:none;border-radius:50%;bottom:var(--pds-spacing-2xl);color:var(--pds-color-dashboard-toggle-button-foreground);display:flex;height:var(--toggle-icon-size);justify-content:center;position:absolute;right:.25rem;transition:var(--pds-animation-transition-rotation);width:var(--toggle-icon-size);z-index:2}.pds-app-layout__sidebar-toggle-button[aria-expanded=false]
|
|
3
|
-
.pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{display:flex;flex-direction:column;height:100%;margin-inline-start:0;padding-block-end:var(--pds-spacing-2xl);padding-block-start:var(--pds-spacing-xl);padding-inline-end:var(--pds-spacing-l);transition:padding-inline-end .2s ease-in-out}.pds-app-layout__sidebar-identity{align-items:center;display:flex;gap:var(--pds-spacing-s);justify-content:flex-start;padding-block-end:var(--pds-spacing-xl);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__drawer-toggle{flex-shrink:0;margin-inline-start:auto}.pds-app-layout__sidebar-content-top{padding-block-end:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-
|
|
3
|
+
.pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{display:flex;flex-direction:column;height:100%;margin-inline-start:0;padding-block-end:var(--pds-spacing-2xl);padding-block-start:var(--pds-spacing-xl);padding-inline-end:var(--pds-spacing-l);transition:padding-inline-end .2s ease-in-out}.pds-app-layout__sidebar-identity{align-items:center;display:flex;gap:var(--pds-spacing-s);justify-content:flex-start;padding-block-end:var(--pds-spacing-xl);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__drawer-toggle{flex-shrink:0;margin-inline-start:auto}.pds-app-layout__sidebar-content-top{padding-block-end:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-m);flex:1;overflow-x:clip;text-wrap:nowrap}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--top-level:before,.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper{height:2rem}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs)}.pds-app-layout__sidebar-navigation .pds-side-nav-global__menu--second-level{padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--second-level a{padding-inline:var(--pds-spacing-3xs)}.pds-app-layout__sidebar-content-bottom{margin-block-start:auto;padding-block-start:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout--scrollable{height:calc(100dvh - var(--pds-app-layout-top-offset));overflow:hidden}.pds-app-layout--scrollable .pds-app-layout__main,.pds-app-layout--scrollable .pds-app-layout__sidebar-inner{overflow-y:auto}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);--pds-app-layout-top-offset:0px;box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:calc(100dvh - var(--pds-app-layout-top-offset));width:100%}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-2xl);position:relative}.pds-app-layout__sidebar{position:relative;z-index:1}.pds-app-layout:has(.pds-app-layout__sidebar) .pds-app-layout__main{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-bottom,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-top,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-identity{padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-
|
|
1
|
+
.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);--pds-app-layout-top-offset:0px;box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:calc(100dvh - var(--pds-app-layout-top-offset));width:100%}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-2xl);position:relative}.pds-app-layout__sidebar{position:relative;z-index:1}.pds-app-layout:has(.pds-app-layout__sidebar) .pds-app-layout__main{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-bottom,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-top,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-identity{padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-m);overflow-x:visible}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:0;width:2rem}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-inner{padding-inline-end:var(--pds-spacing-s)}.pds-app-layout__sidebar{transition:width .2s ease-in-out,min-width .2s ease-in-out}.pds-app-layout:has(.pds-app-layout__sidebar-toggle-button:hover)
|
|
2
2
|
.pds-app-layout__main{border-left-color:var(--pds-color-border-hover)}.pds-app-layout__sidebar-toggle-tooltip.pds-tooltip{height:100%;position:absolute;right:var(--button-offset);top:0;width:var(--toggle-trigger-size);z-index:2}.pds-app-layout__sidebar-toggle-tooltip .pds-tooltip__trigger-custom{display:flex;height:100%;width:100%}.pds-app-layout__sidebar-toggle-button{background-color:transparent;border:none;cursor:pointer;height:100%;position:relative;width:100%}.pds-app-layout__sidebar-toggle-button:focus-visible{outline:none}.pds-app-layout__sidebar-toggle-button:focus-visible>.pds-app-layout__sidebar-toggle-icon{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-app-layout__sidebar-toggle-button:hover>.pds-app-layout__sidebar-toggle-icon{background-color:var(--pds-color-dashboard-toggle-button-background);filter:brightness(.9)}.pds-app-layout__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-dashboard-toggle-button-background);border:none;border-radius:50%;bottom:var(--pds-spacing-2xl);color:var(--pds-color-dashboard-toggle-button-foreground);display:flex;height:var(--toggle-icon-size);justify-content:center;position:absolute;right:.25rem;transition:var(--pds-animation-transition-rotation);width:var(--toggle-icon-size);z-index:2}.pds-app-layout__sidebar-toggle-button[aria-expanded=false]
|
|
3
|
-
.pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{display:flex;flex-direction:column;height:100%;margin-inline-start:0;padding-block-end:var(--pds-spacing-2xl);padding-block-start:var(--pds-spacing-xl);padding-inline-end:var(--pds-spacing-l);transition:padding-inline-end .2s ease-in-out}.pds-app-layout__sidebar-identity{align-items:center;display:flex;gap:var(--pds-spacing-s);justify-content:flex-start;padding-block-end:var(--pds-spacing-xl);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__drawer-toggle{flex-shrink:0;margin-inline-start:auto}.pds-app-layout__sidebar-content-top{padding-block-end:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-
|
|
3
|
+
.pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{display:flex;flex-direction:column;height:100%;margin-inline-start:0;padding-block-end:var(--pds-spacing-2xl);padding-block-start:var(--pds-spacing-xl);padding-inline-end:var(--pds-spacing-l);transition:padding-inline-end .2s ease-in-out}.pds-app-layout__sidebar-identity{align-items:center;display:flex;gap:var(--pds-spacing-s);justify-content:flex-start;padding-block-end:var(--pds-spacing-xl);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__drawer-toggle{flex-shrink:0;margin-inline-start:auto}.pds-app-layout__sidebar-content-top{padding-block-end:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-m);flex:1;overflow-x:clip;text-wrap:nowrap}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--top-level:before,.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper{height:2rem}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs)}.pds-app-layout__sidebar-navigation .pds-side-nav-global__menu--second-level{padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--second-level a{padding-inline:var(--pds-spacing-3xs)}.pds-app-layout__sidebar-content-bottom{margin-block-start:auto;padding-block-start:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout--scrollable{height:calc(100dvh - var(--pds-app-layout-top-offset));overflow:hidden}.pds-app-layout--scrollable .pds-app-layout__main,.pds-app-layout--scrollable .pds-app-layout__sidebar-inner{overflow-y:auto}.pds-docs-layout{column-gap:var(--pds-spacing-2xl);display:flex;flex:1;flex-direction:row;height:100%}.pds-docs-layout__content,.pds-docs-layout__sidebar{padding-block:var(--pds-spacing-2xl)}.pds-docs-layout__content{flex:1}.pds-docs-layout__sidebar{border-inline-end:1px solid var(--pds-color-border-default);max-width:var(--docs-sidebar-max-width,20rem);min-width:var(--docs-sidebar-min-width,15rem);width:var(--docs-sidebar-width,18%)}.pds-docs-layout__sidebar-inner{margin-inline-end:var(--pds-spacing-xl);overflow-x:hidden}[data-pds-mobile] .pds-docs-layout{flex-direction:column;height:unset}[data-pds-mobile] .pds-docs-layout__content,[data-pds-mobile] .pds-docs-layout__sidebar{border:none;max-width:unset;width:100%}[data-pds-mobile] .pds-docs-layout__sidebar{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);min-width:unset}[data-pds-mobile] .pds-docs-layout__sidebar-inner{margin-inline-end:0}.pds-stepper-layout{padding-inline:0}.pds-stepper-layout__form-container{padding-block-start:var(--pds-spacing-2xl)}@media (min-width:768px){.pds-stepper-layout__form-container{margin-inline:auto;padding-inline:14%}}@media (min-width:1280px){.pds-stepper-layout__form-container{padding-inline:16%}}.pds-stepper__button-group{column-gap:var(--pds-spacing-xl);display:flex;justify-content:space-between;padding-block-start:var(--pds-spacing-3xl)}@media (min-width:768px){.pds-stepper__button-group{margin-inline-start:50%;max-width:var(--stepper-layout-max-width);padding-inline:calc(var(--pds-spacing-stepper-indicator-size)*2);transform:translate3d(-50%,0,0);width:100vw}}.pds-three-item-layout .pds-grid-item{display:flex;flex-direction:column}.pds-three-item-layout--start .pds-grid-item{justify-content:flex-start}.pds-three-item-layout--center .pds-grid-item{justify-content:center}.pds-three-item-layout--end .pds-grid-item{justify-content:flex-end}.pds-two-item-layout .pds-grid-item{display:flex;flex-direction:column}.pds-two-item-layout--start .pds-grid-item{justify-content:flex-start}.pds-two-item-layout--center .pds-grid-item{justify-content:center}.pds-two-item-layout--end .pds-grid-item{justify-content:flex-end}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-stepper-layout{padding-inline:0}.pds-stepper-layout__form-container{padding-block-start:var(--pds-spacing-2xl)}@media (min-width:768px){.pds-stepper-layout__form-container{margin-inline:auto;padding-inline:14%}}@media (min-width:1280px){.pds-stepper-layout__form-container{padding-inline:16%}}.pds-stepper__button-group{column-gap:var(--pds-spacing-xl);display:flex;justify-content:space-between;padding-block-start:var(--pds-spacing-3xl)}@media (min-width:768px){.pds-stepper__button-group{margin-
|
|
1
|
+
.pds-stepper-layout{padding-inline:0}.pds-stepper-layout__form-container{padding-block-start:var(--pds-spacing-2xl)}@media (min-width:768px){.pds-stepper-layout__form-container{margin-inline:auto;padding-inline:14%}}@media (min-width:1280px){.pds-stepper-layout__form-container{padding-inline:16%}}.pds-stepper__button-group{column-gap:var(--pds-spacing-xl);display:flex;justify-content:space-between;padding-block-start:var(--pds-spacing-3xl)}@media (min-width:768px){.pds-stepper__button-group{margin-inline-start:50%;max-width:var(--stepper-layout-max-width);padding-inline:calc(var(--pds-spacing-stepper-indicator-size)*2);transform:translate3d(-50%,0,0);width:100vw}}
|