@pantheon-systems/pds-toolkit-react 1.0.0-beta.4 → 1.0.0-beta.6

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 (57) hide show
  1. package/_dist/components/Callout/Callout.d.ts +2 -1
  2. package/_dist/components/DashboardStat/DashboardStat.d.ts +2 -2
  3. package/_dist/components/StatusIndicator/StatusIndicator.d.ts +2 -1
  4. package/_dist/components/badges/StatusBadge/StatusBadge.d.ts +2 -1
  5. package/_dist/components/buttons/Button/Button.d.ts +5 -4
  6. package/_dist/components/buttons/IconButton/IconButton.d.ts +3 -2
  7. package/_dist/components/buttons/MenuButton/MenuButton.d.ts +3 -3
  8. package/_dist/components/buttons/SplitButton/SplitButton.d.ts +3 -3
  9. package/_dist/components/cards/Card/Card.d.ts +1 -1
  10. package/_dist/components/inputs/Checkbox/Checkbox.d.ts +1 -1
  11. package/_dist/components/inputs/CheckboxFieldset/CheckboxFieldset.d.ts +1 -1
  12. package/_dist/components/inputs/CheckboxGroup/CheckboxGroup.d.ts +1 -1
  13. package/_dist/components/inputs/Combobox/Combobox.d.ts +1 -1
  14. package/_dist/components/inputs/FileUpload/FileUpload.d.ts +1 -1
  15. package/_dist/components/inputs/RadioGroup/RadioGroup.d.ts +1 -1
  16. package/_dist/components/inputs/Select/Select.d.ts +1 -1
  17. package/_dist/components/inputs/Select/select-sample-data.d.ts +6 -0
  18. package/_dist/components/inputs/TextInput/TextInput.d.ts +3 -3
  19. package/_dist/components/inputs/Textarea/Textarea.d.ts +4 -3
  20. package/_dist/components/navigation/ButtonNav/ButtonNav.d.ts +1 -1
  21. package/_dist/components/navigation/DashboardNav/DashboardNavItem.d.ts +3 -3
  22. package/_dist/components/navigation/DropdownMenu/DropdownMenu.d.ts +1 -1
  23. package/_dist/components/navigation/NavMenu/NavMenu.d.ts +2 -2
  24. package/_dist/components/navigation/NavMenu/NavMenuDropdown.d.ts +2 -2
  25. package/_dist/components/navigation/SideNav/SideNav.d.ts +1 -1
  26. package/_dist/components/navigation/SideNavCompact/SideNavCompact.d.ts +1 -1
  27. package/_dist/components/navigation/SideNavGlobal/SideNavGlobalItem.d.ts +3 -3
  28. package/_dist/components/navigation/TabMenu/TabMenu.d.ts +3 -3
  29. package/_dist/components/navigation/TabMenu/TabMenuDropdown.d.ts +3 -3
  30. package/_dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +14 -0
  31. package/_dist/components/navigation/navigation-utilities.d.ts +1 -1
  32. package/_dist/components/notifications/Banner/Banner.d.ts +3 -1
  33. package/_dist/components/notifications/InlineMessage/InlineMessage.d.ts +2 -1
  34. package/_dist/components/notifications/SectionMessage/SectionMessage.d.ts +2 -1
  35. package/_dist/components/panels/Panel/Panel.d.ts +11 -4
  36. package/_dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts +2 -1
  37. package/_dist/css/component-css/pds-combobox-multiselect.css +1 -1
  38. package/_dist/css/component-css/pds-combobox.css +1 -1
  39. package/_dist/css/component-css/pds-index.css +4 -4
  40. package/_dist/css/component-css/pds-navbar.css +1 -1
  41. package/_dist/css/component-css/pds-workspace-selector.css +1 -1
  42. package/_dist/css/pds-components.css +4 -4
  43. package/_dist/index.css +1 -1
  44. package/_dist/index.d.ts +3 -1
  45. package/_dist/index.js +4634 -4519
  46. package/_dist/index.js.map +1 -1
  47. package/_dist/layouts/FlexContainer/FlexContainer.d.ts +1 -1
  48. package/_dist/layouts/SidebarLayout/SidebarLayout.d.ts +1 -1
  49. package/_dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts +1 -1
  50. package/_dist/layouts/TwoItemLayout/TwoItemLayout.d.ts +1 -1
  51. package/_dist/libs/types/custom-types.d.ts +4 -1
  52. package/_dist/{components/navigation → libs/types}/navigation-types.d.ts +2 -2
  53. package/_dist/mocks/data/navigation-items.d.ts +6 -94
  54. package/_dist/utilities/context-providers/OverlayContext/OverlayContext.d.ts +12 -0
  55. package/package.json +3 -4
  56. /package/_dist/{components/inputs → libs/types}/input-types.d.ts +0 -0
  57. /package/_dist/{layouts → libs/types}/layout-types.d.ts +0 -0
@@ -1 +1 @@
1
- .pds-navbar{background-color:var(--pds-color-bg-default);position:relative}.pds-navbar__logo a:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.328rem}.pds-navbar__custom-logo{max-height:4.25rem}.pds-navbar__bar-mobile{border-bottom:.0625rem solid var(--pds-color-border-default)}.pds-navbar__inner-mobile{align-items:center;display:flex;height:4.678rem;justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;color:var(--pds-color-fg-default);display:flex}.pds-navbar__menu-toggle:hover{color:var(--pds-color-button-navbar-foreground-active)}.pds-navbar__mobile{background-color:var(--pds-color-bg-default);height:100vh;position:absolute;width:100%;z-index:700}.pds-navbar__mobile>.pds-container{display:flex;flex-direction:column}.pds-navbar__mobile--closed{right:-100%;transition:all .3s ease-in-out}.pds-navbar__mobile--open{right:0;transition:all .3s ease-in-out}.pds-navbar--notMobile{border-bottom:.0625rem solid var(--pds-color-border-default)}@media (max-width:640px){.pds-navbar--notMobile .pds-button-group,.pds-navbar--notMobile .pds-nav-menu--isMobile{display:none}}.pds-navbar__inner{align-items:center;column-gap:1rem;display:flex;height:4.678rem}.pds-navbar__content{align-items:center;column-gap:1.25rem;display:flex;justify-content:space-between;width:100%}.pds-navbar__items-left,.pds-navbar__items-right{align-items:center;column-gap:1.25rem;display:flex;position:relative}.pds-navbar__items-right{justify-content:flex-end}.pds-navbar--reverse-transparent,.pds-navbar--transparent{background-color:transparent}.pds-navbar--reverse{background-color:var(--pds-color-bg-reverse)}.pds-navbar--noBorder,.pds-navbar--noBorder .pds-navbar__bar-mobile{border-bottom-color:transparent}.pds-dashboard--isMobile .pds-navbar__bar-mobile{background-color:var(--pds-color-dashboard-nav-background)}
1
+ .pds-navbar{background-color:var(--pds-color-bg-default);position:relative}.pds-navbar__logo a:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.328rem}.pds-navbar__custom-logo{max-height:4.25rem}.pds-navbar__bar-mobile{border-bottom:.0625rem solid var(--pds-color-border-default)}.pds-navbar__inner-mobile{align-items:center;display:flex;height:4.678rem;justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;color:var(--pds-color-fg-default);display:flex}.pds-navbar__menu-toggle:hover{color:var(--pds-color-button-navbar-foreground-active)}.pds-navbar__menu-toggle:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:.328rem}.pds-navbar__mobile{background-color:var(--pds-color-bg-default);height:100vh;position:absolute;width:100%;z-index:700}.pds-navbar__mobile>.pds-container{display:flex;flex-direction:column}.pds-navbar__mobile--closed{right:-100%;transition:all .3s ease-in-out}.pds-navbar__mobile--open{right:0;transition:all .3s ease-in-out}.pds-navbar--notMobile{border-bottom:.0625rem solid var(--pds-color-border-default)}@media (max-width:640px){.pds-navbar--notMobile .pds-button-group,.pds-navbar--notMobile .pds-nav-menu--isMobile{display:none}}.pds-navbar__inner{align-items:center;column-gap:1rem;display:flex;height:4.678rem}.pds-navbar__content{align-items:center;column-gap:1.25rem;display:flex;justify-content:space-between;width:100%}.pds-navbar__items-left,.pds-navbar__items-right{align-items:center;column-gap:1.25rem;display:flex;position:relative}.pds-navbar__items-right{justify-content:flex-end}.pds-navbar--reverse-transparent,.pds-navbar--transparent{background-color:transparent}.pds-navbar--reverse{background-color:var(--pds-color-bg-reverse)}.pds-navbar--noBorder,.pds-navbar--noBorder .pds-navbar__bar-mobile{border-bottom-color:transparent}.pds-dashboard--isMobile .pds-navbar__bar-mobile{background-color:var(--pds-color-dashboard-nav-background)}
@@ -1 +1 @@
1
- .pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-fg-default);column-gap:.64rem;display:flex;position:relative}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-link-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__trigger:focus-visible{border-radius:.375rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:2px;transition:outline .2s ease-in-out 0s}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);transition:transform .2s ease-in-out 0s}.pds-workspace-selector__toggle[aria-expanded=true],.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__avatar,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__trigger-icon,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-link-hover);transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-workspace-selector__button-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__name{font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}.pds-workspace-selector__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);left:0;position:absolute;top:2.5rem;width:21rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:.512rem .64rem;row-gap:.328rem}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__item{background-color:transparent;border-radius:.375rem;color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:1rem;line-height:120%;margin:0}.pds-workspace-selector__item:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-workspace-selector__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-workspace-selector__item a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-workspace-selector__item a{align-items:center;border-radius:.375rem;column-gap:.64rem;display:flex;justify-content:space-between;padding:.64rem .8rem;text-decoration:none}.pds-workspace-selector__item a,.pds-workspace-selector__item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-workspace-selector__item-heading{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem .328rem}.pds-workspace-selector__item--active{background-color:var(--pds-color-dropdown-item-background-selected);border-radius:.375rem}.pds-workspace-selector__item--unprivileged{opacity:.5}.pds-workspace-selector__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector__active-icon{color:var(--pds-color-status-success-foreground);flex-shrink:0;margin-inline-start:.8rem}.pds-workspace-selector__item-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__no-results{color:var(--pds-color-fg-default);font-size:1rem;margin-block-end:.512rem;padding-inline:.8rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:.41rem .64rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector__create-link{border-block-start:1px solid var(--pds-color-border-default);box-shadow:0 -1px 9px -7px rgba(0,0,0,.2);padding:.41rem .8rem}.pds-workspace-selector__create-link a{display:flex;justify-content:space-between}.pds-workspace-selector__create-link a:focus-visible{outline-width:1px}.pds-workspace-selector--isMobile{background-color:var(--pds-color-bg-default);border-bottom:1px solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}.pds-workspace-selector__toggle{align-items:center;background-color:var(--pds-color-bg-default);border:none;display:flex;justify-content:space-between;min-height:3.815rem;padding-inline:1.563rem;width:100%}.pds-workspace-selector__toggle>*{pointer-events:none}.pds-workspace-selector__toggle .pds-workspace-selector__trigger-icon{margin-inline-end:.328rem}.pds-workspace-selector__mobile-menu{display:none;padding-inline:.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__filter{padding-block:.512rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;padding-block:.41rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu--expanded{display:flex;flex-direction:column}
1
+ .pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-fg-default);column-gap:.64rem;display:flex;position:relative}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-link-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__trigger:focus-visible{border-radius:.375rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:2px;transition:outline .2s ease-in-out 0s}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);transition:transform .2s ease-in-out 0s}.pds-workspace-selector__toggle[aria-expanded=true],.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__avatar,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__trigger-icon,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-link-hover);transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-workspace-selector__button-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__name{font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}.pds-workspace-selector__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);left:0;position:absolute;top:2.5rem;width:21rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:.512rem .64rem;row-gap:.328rem}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__item{background-color:transparent;border-radius:.375rem;color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:1rem;line-height:120%;margin:0}.pds-workspace-selector__item:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-workspace-selector__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-workspace-selector__item a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-workspace-selector__item a{align-items:center;border-radius:.375rem;column-gap:.64rem;display:flex;justify-content:space-between;padding:.64rem .8rem;text-decoration:none}.pds-workspace-selector__item a,.pds-workspace-selector__item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-workspace-selector__item-heading{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem .328rem}.pds-workspace-selector__item--active{background-color:var(--pds-color-dropdown-item-background-selected);border-radius:.375rem}.pds-workspace-selector__item button{align-items:center;background-color:transparent;border:none;border-radius:.375rem;column-gap:.64rem;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:space-between;line-height:inherit;padding:.64rem .8rem;text-align:left;text-decoration:none;width:100%}.pds-workspace-selector__item button,.pds-workspace-selector__item button:hover{color:var(--pds-color-dropdown-foreground)}.pds-workspace-selector__item--unprivileged{opacity:.5}.pds-workspace-selector__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector__icons{align-items:center;column-gap:.8rem;display:flex;flex-shrink:0}.pds-workspace-selector__active-icon{color:var(--pds-color-status-success-foreground);flex-shrink:0}.pds-workspace-selector__lock-icon{color:var(--pds-color-fg-default);flex-shrink:0}.pds-workspace-selector__item-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__no-results{color:var(--pds-color-fg-default);font-size:1rem;margin-block-end:.512rem;padding-inline:.8rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:.41rem .64rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector__create-link{border-block-start:1px solid var(--pds-color-border-default);box-shadow:0 -1px 9px -7px rgba(0,0,0,.2);padding:.41rem .8rem}.pds-workspace-selector__create-link a{display:flex;justify-content:space-between}.pds-workspace-selector__create-link a:focus-visible{outline-width:1px}.pds-workspace-selector--isMobile{background-color:var(--pds-color-bg-default);border-bottom:1px solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}.pds-workspace-selector__toggle{align-items:center;background-color:var(--pds-color-bg-default);border:none;display:flex;justify-content:space-between;min-height:3.815rem;padding-inline:1.563rem;width:100%}.pds-workspace-selector__toggle>*{pointer-events:none}.pds-workspace-selector__toggle .pds-workspace-selector__trigger-icon{margin-inline-end:.328rem}.pds-workspace-selector__mobile-menu{display:none;padding-inline:.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__filter{padding-block:.512rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;padding-block:.41rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu--expanded{display:flex;flex-direction:column}