@pantheon-systems/pds-toolkit-react 2.0.0-alpha.8 → 2.0.0-alpha.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/components/Drawer/Drawer.d.ts +58 -0
  2. package/dist/components/Modal/Modal.d.ts +1 -1
  3. package/dist/components/inputs/Checkbox/Checkbox.d.ts +2 -2
  4. package/dist/components/panels/Panel/Panel.d.ts +1 -18
  5. package/dist/css/component-css/pds-checkbox.css +1 -1
  6. package/dist/css/component-css/pds-drawer.css +1 -0
  7. package/dist/css/component-css/pds-index.css +11 -9
  8. package/dist/css/component-css/pds-modal.css +1 -1
  9. package/dist/css/component-css/pds-panel.css +1 -1
  10. package/dist/css/component-css/pds-radio-group.css +1 -1
  11. package/dist/css/component-css/pds-side-nav-global.css +7 -5
  12. package/dist/css/pds-components.css +11 -9
  13. package/dist/css/pds-core.css +1 -1
  14. package/dist/index.css +1 -1
  15. package/dist/index.d.ts +9 -0
  16. package/dist/index.js +2593 -1322
  17. package/dist/index.js.map +1 -1
  18. package/package.json +1 -1
  19. package/tailwind/README.md +9 -0
  20. package/tailwind/v3/preset.cjs +20 -0
  21. package/tailwind/v4/theme.css +19 -0
package/dist/css/component-css/pds-modal.css CHANGED
@@ -1 +1 @@
1
- .pds-modal{--modal-padding:var(--pds-spacing-2xl);background-color:var(--pds-color-bg-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);margin:auto;max-width:var(--pds-container-modal-width-md);padding:var(--modal-padding);width:70vw}@media (max-width:767px){.pds-modal{max-width:300px}}.pds-modal__close-wrapper{position:absolute;right:var(--modal-padding);top:var(--modal-padding)}.pds-modal__title{font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-bold);line-height:var(--pds-typography-lh-m);margin-block-end:var(--pds-spacing-l);width:calc(100% - var(--modal-padding))}.pds-modal--sm{max-width:var(--pds-container-modal-width-sm)}.pds-modal--lg{max-width:var(--pds-container-modal-width-lg);width:80vw}.pds-modal--xl{max-width:var(--pds-container-modal-width-xl);width:80vw}.pds-modal__button-group,.pds-modal__footer{margin-block-start:var(--pds-spacing-xl);width:100%}.pds-modal__button-group{column-gap:var(--pds-spacing-m);display:flex;justify-content:flex-end}.pds-modal form{margin-block-start:var(--pds-spacing-xl)}
1
+ .pds-modal{--modal-padding:var(--pds-spacing-xl);background-color:var(--pds-color-bg-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);margin:auto;max-width:var(--pds-container-modal-width-m);padding:var(--modal-padding);width:70vw}@media (max-width:767px){.pds-modal{max-width:300px}}.pds-modal__close-wrapper{position:absolute;right:var(--modal-padding);top:var(--modal-padding)}.pds-modal__title{font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s);margin-block-end:var(--pds-spacing-l);width:calc(100% - var(--modal-padding))}.pds-modal--s{max-width:var(--pds-container-modal-width-s)}.pds-modal--l{max-width:var(--pds-container-modal-width-l);width:80vw}.pds-modal--xl{max-width:var(--pds-container-modal-width-xl);width:80vw}.pds-modal__button-group,.pds-modal__footer{margin-block-start:var(--pds-spacing-xl);width:100%}.pds-modal__button-group{column-gap:var(--pds-spacing-m);display:flex;justify-content:flex-end}.pds-modal form{margin-block-start:var(--pds-spacing-xl)}
package/dist/css/component-css/pds-panel.css CHANGED
@@ -1 +1 @@
1
- div.pds-panel{border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);display:flex}div.pds-panel>:last-child{margin-block-end:0}.pds-panel__content{display:block;padding:var(--pds-spacing-l);width:100%}.pds-panel__content--pad-narrow{padding:var(--pds-spacing-m)}.pds-panel__content--pad-wide{padding:var(--pds-spacing-xl)}@media (min-width:768px){.pds-panel__content{padding:var(--pds-spacing-xl)}.pds-panel__content--pad-narrow{padding:var(--pds-spacing-l)}.pds-panel__content--pad-wide{padding:var(--pds-spacing-2xl)}}div.pds-panel--default{background-color:var(--pds-color-bg-default)}div.pds-panel--sunken{background-color:var(--pds-color-panel-sunken-background);border-color:transparent}div.pds-panel--raised{background-color:var(--pds-color-panel-raised-background);border-color:transparent;box-shadow:var(--pds-elevation-raised)}div.pds-panel--overlay{background-color:var(--pds-color-panel-overlay-background);border-color:transparent;box-shadow:var(--pds-elevation-overlay)}div.pds-panel--critical{background-color:var(--pds-color-bg-default);border-color:var(--pds-color-status-critical-foreground)}span.pds-panel__status{border-radius:var(--pds-border-radius-container) 0 0 var(--pds-border-radius-container);margin:calc(var(--pds-border-width-default)*-1);min-width:var(--pds-spacing-xs)}.pds-panel__status-info{background-color:var(--pds-color-status-info-foreground)}.pds-panel__status-success{background-color:var(--pds-color-status-success-foreground)}.pds-panel__status-warning{background-color:var(--pds-color-status-warning-foreground)}.pds-panel__status-critical{background-color:var(--pds-color-status-critical-foreground)}.pds-panel__status-neutral{background-color:var(--pds-color-status-neutral-utility)}
1
+ .pds-panel{--border-color:var(--pds-color-border-default);--bg-color:var(--pds-color-bg-default);background-color:var(--bg-color);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-container);display:flex}.pds-panel>:last-child{margin-block-end:0}.pds-panel__content{display:block;padding:var(--pds-spacing-l);width:100%}.pds-panel__content--pad-narrow{padding:var(--pds-spacing-m)}.pds-panel__content--pad-wide{padding:var(--pds-spacing-xl)}@media (min-width:768px){.pds-panel__content{padding:var(--pds-spacing-xl)}.pds-panel__content--pad-narrow{padding:var(--pds-spacing-l)}.pds-panel__content--pad-wide{padding:var(--pds-spacing-2xl)}}.pds-panel--sunken{--bg-color:var(--pds-color-panel-sunken-background);--border-color:transparent}.pds-panel--raised{--bg-color:var(--pds-color-panel-raised-background);--border-color:transparent;box-shadow:var(--pds-elevation-raised)}.pds-panel--overlay{--bg-color:var(--pds-color-panel-overlay-background);--border-color:transparent;box-shadow:var(--pds-elevation-overlay)}.pds-panel--critical{--border-color:var(--pds-color-status-critical-foreground)}
package/dist/css/component-css/pds-radio-group.css CHANGED
@@ -1 +1 @@
1
- .pds-radio-group__options{display:flex;flex-direction:column;row-gap:var(--pds-spacing-s)}.pds-radio-group__option{--radio-input-size:1rem;align-items:start;column-gap:var(--pds-spacing-xs);display:grid;grid-template-columns:var(--radio-input-size) auto}.pds-radio-group__option input[type=radio]{appearance:none;background-size:calc(var(--radio-input-size)*.5);border-color:var(--pds-color-border-input);border-radius:50%;border-style:solid;border-width:var(--pds-border-width-thicker);height:var(--radio-input-size);margin:0;place-content:center;position:relative;top:.0625rem;width:var(--radio-input-size)}.pds-radio-group__option input[type=radio],.pds-radio-group__option input[type=radio]:checked{background-color:transparent;transition:var(--pds-animation-duration-default) var(--pds-animation-timing-function-default) 0ms}.pds-radio-group__option input[type=radio]:checked{border-color:var(--pds-color-interactive-focus);box-shadow:0 0 0 .0625rem var(--pds-color-interactive-focus),inset 0 0 0 .09375rem var(--pds-color-interactive-focus)}.pds-radio-group__option input[type=radio]:checked:before{all:unset}.pds-radio-group__option input[type=radio]:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-radio-group__option>label{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-regular)}.pds-radio-group__option input[type=radio]:disabled,.pds-radio-group__option input[type=radio]:disabled~label{opacity:63%}.pds-radio-group__option input[type=radio]:disabled:hover{cursor:not-allowed}
1
+ .pds-radio-group__options{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}.pds-radio-group__option{--radio-input-size:1rem;align-items:center;column-gap:var(--pds-spacing-2xs);display:flex}.pds-radio-group__option input[type=radio]{appearance:none;background-color:transparent;border-color:var(--pds-color-fg-default);border-radius:50%;border-style:solid;border-width:var(--pds-border-width-default);box-sizing:border-box;flex-shrink:0;height:var(--radio-input-size);margin:0;max-height:var(--radio-input-size);max-width:var(--radio-input-size);min-height:var(--radio-input-size);min-width:var(--radio-input-size);padding:0;width:var(--radio-input-size)}.pds-radio-group__option input[type=radio],.pds-radio-group__option input[type=radio]:checked{transition:var(--pds-animation-duration-default) var(--pds-animation-timing-function-default) 0ms}.pds-radio-group__option input[type=radio]:checked{background-color:var(--pds-color-fg-default);border-color:var(--pds-color-fg-default);box-shadow:inset 0 0 0 .15rem var(--pds-color-bg-default)}.pds-radio-group__option input[type=radio]:checked:before{all:unset}.pds-radio-group__option input[type=radio]:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-radio-group__option>label{font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-regular);margin-block-end:0}.pds-radio-group__option input[type=radio]:disabled,.pds-radio-group__option input[type=radio]:disabled~label{opacity:40%}.pds-radio-group__option input[type=radio]:disabled:hover{cursor:not-allowed}
package/dist/css/component-css/pds-side-nav-global.css CHANGED
@@ -1,5 +1,7 @@
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-dashboard-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-m)}.pds-side-nav-global__item{list-style-type:none;margin-bottom:0}.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-dashboard-nav-item-foreground-active
5
- );--side-nav-global-outline-color:var(--pds-color-brand-primary-default);background-color:var(--pds-color-dashboard-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-dashboard-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{background-color:var(--pds-color-dashboard-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-dashboard-nav-item-foreground-default);display:none;margin-block-start:var(--pds-spacing-s);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;row-gap:var(--pds-spacing-s)}.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.pds-side-nav-global__item--active a{color:var(--pds-color-nav-item-default-foreground-hover);font-weight:var(--pds-typography-fw-semibold)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.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-default) 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}@media (min-width:768px){.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}@media (max-width:767px){.pds-side-nav-global--collapsed .pds-side-nav-global__link-label{opacity:1}}.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{width:2.875rem}.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);max-width:30rem;padding:var(--pds-spacing-s);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-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-side-nav-global__menu--second-level-flyout{row-gap:0}.pds-side-nav-global__item--second-level-flyout{background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);margin:0}.pds-side-nav-global__item--second-level-flyout a{border-radius:var(--pds-border-radius-container);cursor:pointer;display:block;padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-side-nav-global__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-side-nav-global__item--second-level-flyout.pds-side-nav-global__item--active a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:var(--pds-typography-fw-semibold)}.pds-side-nav-global__item--second-level-flyout a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-side-nav-global .pds-tooltip__container{padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.pds-side-nav-global .pds-dropdown-menu .pds-side-nav-global__item-inner{align-items:center;display:flex}.pds-side-nav-global .pds-dropdown-menu__trigger{padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) - .25rem)}.pds-side-nav-global .pds-dropdown-menu__item a{padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-side-nav-global .pds-dropdown-menu__item--second-level{padding-block:var(--pds-spacing-3xs);padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon) + .0625rem)}@media (max-width:767px){.pds-side-nav-global__logo-wrapper,.pds-side-nav-global__menu--top-level{display:none}.pds-side-nav-global__dropdown-menu{display:block}}@media (min-width:768px){.pds-side-nav-global__menu--top-level{display:flex}.pds-side-nav-global__logo-wrapper{display:block}.pds-side-nav-global__dropdown-menu{display:none}}
1
+ :root,[data-theme=light]{--pds-color-side-nav-item-background-default:hsla(0,0%,100%,0);--pds-color-side-nav-item-background-hover:oklch(0.9401 0 0);--pds-color-side-nav-item-background-active:oklch(0.9401 0 0);--pds-color-side-nav-item-foreground-default:oklch(0.5103 0 0);--pds-color-side-nav-item-foreground-hover:oklch(0.2046 0 0);--pds-color-side-nav-item-foreground-active:oklch(0.2046 0 0)}[data-theme=dark]{--pds-color-side-nav-item-background-default:hsla(0,0%,100%,0);--pds-color-side-nav-item-background-hover:oklch(0.4235 0.0071 264.49);--pds-color-side-nav-item-background-active:oklch(0.4235 0.0071 264.49);--pds-color-side-nav-item-foreground-default:oklch(0.8388 0.003 264.54);--pds-color-side-nav-item-foreground-hover:oklch(1 0 0);--pds-color-side-nav-item-foreground-active:oklch(1 0 0)}.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-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.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper{--side-nav-global-foreground-color:var(
4
+ --pds-color-side-nav-item-foreground-active
5
+ );background-color:var(--pds-color-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-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-side-nav-item-foreground-hover
7
+ );background-color:var(--pds-color-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-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;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{background-color:var(--pds-color-side-nav-item-background-active);color:var(--pds-color-side-nav-item-foreground-active);font-weight:var(--pds-typography-fw-semibold)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:hover{background-color:var(--pds-color-side-nav-item-background-hover);color:var(--pds-color-side-nav-item-foreground-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-default) 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}@media (min-width:768px){.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}@media (max-width:767px){.pds-side-nav-global--collapsed .pds-side-nav-global__link-label{opacity:1}}.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{width:2.875rem}.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);max-width:30rem;padding:var(--pds-spacing-s);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-side-nav-global__flyout-heading{color:var(--pds-color-fg-default);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-side-nav-global__menu--second-level-flyout{row-gap:var(--pds-spacing-3xs)}.pds-side-nav-global__item--second-level-flyout{background-color:var(--pds-color-dropdown-background);color:var(--pds-color-side-nav-item-foreground-default);font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-s);margin:0}.pds-side-nav-global__item--second-level-flyout a{border-radius:var(--pds-border-radius-container);cursor:pointer;display:block;padding:var(--pds-spacing-3xs) var(--pds-spacing-s)}.pds-side-nav-global__item--second-level-flyout a:hover{background-color:var(--pds-color-side-nav-item-background-hover);color:var(--pds-color-side-nav-item-foreground-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item--second-level-flyout.pds-side-nav-global__item--active a{background-color:var(--pds-color-side-nav-item-background-active);color:var(--pds-color-side-nav-item-foreground-active);font-weight:var(--pds-typography-fw-semibold)}.pds-side-nav-global__item--second-level-flyout a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-side-nav-global .pds-dropdown-menu .pds-side-nav-global__item-inner{align-items:center;display:flex}.pds-side-nav-global .pds-dropdown-menu__trigger{padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) - .25rem)}.pds-side-nav-global .pds-dropdown-menu__item a{padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-side-nav-global .pds-dropdown-menu__item--second-level{padding-block:var(--pds-spacing-3xs);padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon) + .0625rem)}@media (max-width:767px){.pds-side-nav-global__logo-wrapper,.pds-side-nav-global__menu--top-level{display:none}.pds-side-nav-global__dropdown-menu{display:block}}@media (min-width:768px){.pds-side-nav-global__menu--top-level{display:flex}.pds-side-nav-global__logo-wrapper{display:block}.pds-side-nav-global__dropdown-menu{display:none}}