@pantheon-systems/pds-toolkit-react 1.0.0-dev.189 → 1.0.0-dev.190

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 (8) hide show
  1. package/_dist/css/pds-layouts.css +1 -1
  2. package/_dist/index.css +1 -1
  3. package/_dist/index.d.ts +1 -0
  4. package/_dist/index.js +1719 -1683
  5. package/_dist/index.js.map +1 -1
  6. package/_dist/layouts/FlexContainer/FlexContainer.d.ts +44 -17
  7. package/_dist/utilities/hooks/useWindowWidth.d.ts +1 -0
  8. package/package.json +1 -1
package/_dist/css/pds-layouts.css CHANGED
@@ -1,2 +1,2 @@
1
1
  .pds-dashboard{--pds-dashboard-toggle-icon-size:1.5rem;--pds-dashboard-toggle-trigger-size:3rem;--pds-dashboard-toggle-top-position:5rem;display:flex;min-height:100vh;overflow:hidden;position:relative}@media (min-width:641px){.pds-dashboard .pds-workspace-selector{margin-inline-start:-1.25rem}}.pds-dashboard--notMobile .pds-dashboard__sidebar-toggle-button{background-color:transparent;border:none;height:calc(100% - var(--pds-dashboard-toggle-top-position));position:absolute;right:calc(var(--pds-dashboard-toggle-trigger-size)*-.5);top:var(--pds-dashboard-toggle-top-position);width:var(--pds-dashboard-toggle-trigger-size);z-index:2}.pds-dashboard--notMobile .pds-dashboard__sidebar-toggle-button:focus-visible{outline:none}.pds-dashboard--notMobile .pds-dashboard__sidebar-toggle-button:focus-visible>.pds-dashboard__sidebar-toggle-icon{opacity:1;outline:.0625rem solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-dashboard--notMobile .pds-dashboard__sidebar-toggle-button:hover>.pds-dashboard__sidebar-toggle-icon{opacity:1;transition:opacity .1s ease-in-out;transition-delay:.1s}.pds-dashboard--notMobile .pds-dashboard__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-dashboard-toggle-button-background);border:none;border-radius:50%;color:var(--pds-color-dashboard-toggle-button-foreground);display:flex;height:var(--pds-dashboard-toggle-icon-size);justify-content:center;opacity:0;position:absolute;right:25%;top:2rem;width:var(--pds-dashboard-toggle-icon-size);z-index:2}.pds-dashboard--notMobile .pds-dashboard__sidebar-toggle-button[aria-expanded=false]
2
- .pds-dashboard__sidebar-toggle-icon{transform:rotate(180deg);transition:all .2s ease-in-out 0s}.pds-dashboard--notMobile .pds-dashboard__sidebar{background-color:var(--pds-color-dashboard-nav-background);box-sizing:content-box;padding-block-end:1rem;padding-block-start:.75rem;padding-inline-end:1.563rem;padding-inline-start:calc(1.563rem + var(--pds-spacing-dashboard-nav-item-padding));position:relative}.pds-dashboard--notMobile .pds-dashboard__sidebar-inner{height:100%;margin-inline-start:-.75rem;overflow-x:hidden}.pds-dashboard--notMobile .pds-dashboard__container{background-color:var(--pds-color-dashboard-nav-background);display:flex;flex-direction:column}.pds-dashboard--notMobile .pds-dashboard__main{background-color:var(--pds-color-background-default);border-top-left-radius:1.25rem;box-shadow:inset 1px 1px 8px -2px hsla(0,0%,55%,.2),inset 1px 1px 0 0 #fafafa;display:flex;flex:1;flex-direction:column;position:relative}.pds-dashboard--notMobile .pds-dashboard__main-inner{flex:1;padding-block:2.441rem;padding-inline:2.441rem 2.691rem}.pds-dashboard--notMobile .pds-site-footer .pds-container{padding-inline:2.441rem}.pds-dashboard__sidebar--collapsed .pds-dashboard__sidebar-toggle{opacity:1}.pds-dashboard--isMobile{display:flex;flex-direction:column}.pds-dashboard--isMobile .pds-dashboard__sidebar{padding-block:1.953rem;padding-inline:1.563rem}.pds-dashboard--isMobile .pds-dashboard__main{padding-block:.64rem;padding-inline:1.563rem}.pds-dashboard--isMobile .pds-site-footer{padding-inline:.328rem}.pds-dashboard--isMobile .pds-site-footer .pds-container{padding-inline:0}.pds-flex-container{display:flex}.pds-flex-container.pds-flex-gap--narrow{column-gap:1rem;row-gap:1rem}.pds-flex-container.pds-flex-gap--standard{column-gap:1.563rem;row-gap:1.563rem}.pds-flex-container.pds-flex-gap--wide{column-gap:2.441rem;row-gap:2.441rem}.pds-flex-direction--row{flex-direction:row}.pds-flex-direction--column{flex-direction:column}.pds-flex-direction--column-reverse{flex-direction:column-reverse}.pds-flex-direction--row-reverse{flex-direction:row-reverse}.pds-flex--nowrap{flex-wrap:nowrap}.pds-flex--wrap{flex-wrap:wrap}.pds-flex--wrap-reverse{flex-wrap:wrap-reverse}.pds-flex-justify--start{justify-content:flex-start}.pds-flex-justify--end{justify-content:flex-end}.pds-flex-justify--center{justify-content:center}.pds-flex-justify--between{justify-content:space-between}.pds-flex-align-items--start{align-items:flex-start}.pds-flex-align-items--end{align-items:flex-end}.pds-flex-align-items--center{align-items:center}.pds-flex-align-items--stretch{align-items:stretch}.pds-flex-align-items--baseline{align-items:baseline}.pds-flex-align-content--start{align-content:flex-start}.pds-flex-align-content--end{align-content:flex-end}.pds-flex-align-content--center{align-content:center}@media (max-width:640px){.pds-flex-mobile--none{display:unset}.pds-flex-direction--row.pds-flex-mobile--reverse,.pds-flex-mobile--reverse{flex-direction:column}.pds-flex-direction--row-reverse.pds-flex-mobile--reverse{flex-direction:column-reverse}.pds-flex-direction--column.pds-flex-mobile--reverse{flex-direction:row}.pds-flex-direction--column-reverse.pds-flex-mobile--reverse{flex-direction:row-reverse}}.pds-stepper-layout{padding-inline:0}.pds-stepper-layout__form-container{padding-block-start:1.953rem}@media (min-width:641px){.pds-stepper-layout__form-container{margin-inline:auto;padding-inline:14%}}@media (min-width:1025px){.pds-stepper-layout__form-container{padding-inline:16%}}.pds-stepper__button-group{column-gap:1.563rem;display:flex;justify-content:space-between;padding-block-start:3.052rem}@media (min-width:641px){.pds-stepper__button-group{box-sizing:border-box;margin-left:50%;max-width:var(--pds-stepper-layout-max-width);padding-inline:calc(var(--pds-stepper-indicator-size)*2);transform:translate3d(-50%,0,0);width:100vw}}
2
+ .pds-dashboard__sidebar-toggle-icon{transform:rotate(180deg);transition:all .2s ease-in-out 0s}.pds-dashboard--notMobile .pds-dashboard__sidebar{background-color:var(--pds-color-dashboard-nav-background);box-sizing:content-box;padding-block-end:1rem;padding-block-start:.75rem;padding-inline-end:1.563rem;padding-inline-start:calc(1.563rem + var(--pds-spacing-dashboard-nav-item-padding));position:relative}.pds-dashboard--notMobile .pds-dashboard__sidebar-inner{height:100%;margin-inline-start:-.75rem;overflow-x:hidden}.pds-dashboard--notMobile .pds-dashboard__container{background-color:var(--pds-color-dashboard-nav-background);display:flex;flex-direction:column}.pds-dashboard--notMobile .pds-dashboard__main{background-color:var(--pds-color-background-default);border-top-left-radius:1.25rem;box-shadow:inset 1px 1px 8px -2px hsla(0,0%,55%,.2),inset 1px 1px 0 0 #fafafa;display:flex;flex:1;flex-direction:column;position:relative}.pds-dashboard--notMobile .pds-dashboard__main-inner{flex:1;padding-block:2.441rem;padding-inline:2.441rem 2.691rem}.pds-dashboard--notMobile .pds-site-footer .pds-container{padding-inline:2.441rem}.pds-dashboard__sidebar--collapsed .pds-dashboard__sidebar-toggle{opacity:1}.pds-dashboard--isMobile{display:flex;flex-direction:column}.pds-dashboard--isMobile .pds-dashboard__sidebar{padding-block:1.953rem;padding-inline:1.563rem}.pds-dashboard--isMobile .pds-dashboard__main{padding-block:.64rem;padding-inline:1.563rem}.pds-dashboard--isMobile .pds-site-footer{padding-inline:.328rem}.pds-dashboard--isMobile .pds-site-footer .pds-container{padding-inline:0}.pds-flex-container{display:flex}.pds-flex-direction--row{flex-direction:row}.pds-flex-direction--row-reverse{flex-direction:row-reverse}.pds-flex-direction--column{flex-direction:column}.pds-flex-direction--column-reverse{flex-direction:column-reverse}.pds-flex--nowrap{flex-wrap:nowrap}.pds-flex--wrap{flex-wrap:wrap}.pds-flex--wrap-reverse{flex-wrap:wrap-reverse}.pds-flex-justify--flex-start{justify-content:flex-start}.pds-flex-justify--flex-end{justify-content:flex-end}.pds-flex-justify--center{justify-content:center}.pds-flex-justify--space-between{justify-content:space-between}.pds-flex-justify--space-around{justify-content:space-around}.pds-flex-justify--space-evenly{justify-content:space-evenly}.pds-flex-align-items--flex-start{align-items:flex-start}.pds-flex-align-items--flex-end{align-items:flex-end}.pds-flex-align-items--center{align-items:center}.pds-flex-align-items--stretch{align-items:stretch}.pds-flex-align-items--baseline{align-items:baseline}.pds-flex-align-content--flex-start{align-content:flex-start}.pds-flex-align-content--flex-end{align-content:flex-end}.pds-flex-align-content--center{align-content:center}.pds-flex-align-content--space-between{align-content:space-between}.pds-flex-align-content--space-around{align-content:space-around}.pds-flex-align-content--stretch{align-content:stretch}.pds-gap--none{gap:0}.pds-flex-gap--narrow{gap:1.25rem}.pds-flex-gap--standard{gap:1.563rem}.pds-flex-gap--wide{gap:1.953rem}@media (min-width:1025px){.pds-flex-gap--narrow{gap:1.563rem}.pds-flex-gap--standard{gap:1.953rem}.pds-flex-gap--wide{gap:2.441rem}}.pds-flex-container--mobile .pds-flex-gap--narrow{gap:1.25rem}.pds-flex-container--mobile .pds-flex-gap--standard{gap:1.563rem}.pds-flex-container--mobile .pds-flex-gap--wide{gap:1.953rem}.pds-stepper-layout{padding-inline:0}.pds-stepper-layout__form-container{padding-block-start:1.953rem}@media (min-width:641px){.pds-stepper-layout__form-container{margin-inline:auto;padding-inline:14%}}@media (min-width:1025px){.pds-stepper-layout__form-container{padding-inline:16%}}.pds-stepper__button-group{column-gap:1.563rem;display:flex;justify-content:space-between;padding-block-start:3.052rem}@media (min-width:641px){.pds-stepper__button-group{box-sizing:border-box;margin-left:50%;max-width:var(--pds-stepper-layout-max-width);padding-inline:calc(var(--pds-stepper-indicator-size)*2);transform:translate3d(-50%,0,0);width:100vw}}