@pantheon-systems/pds-toolkit-react 2.0.0-alpha.10 → 2.0.0-alpha.12

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 (64) hide show
  1. package/dist/components/Dropdown/Dropdown.d.ts +140 -0
  2. package/dist/components/Dropdown/DropdownSelectedIcon.d.ts +7 -0
  3. package/dist/components/Popover/Popover.d.ts +5 -1
  4. package/dist/components/Table/Table.d.ts +9 -18
  5. package/dist/components/buttons/IconButton/IconButton.d.ts +4 -0
  6. package/dist/components/buttons/MenuButton/MenuButton.d.ts +1 -0
  7. package/dist/components/charts/BarChart/BarChart.d.ts +21 -0
  8. package/dist/components/charts/LineChart/LineChart.d.ts +22 -0
  9. package/dist/components/charts/shared/ChartAccessibleTable.d.ts +17 -0
  10. package/dist/components/charts/shared/ChartLegend.d.ts +25 -0
  11. package/dist/components/charts/shared/chart-colors.d.ts +18 -0
  12. package/dist/components/charts/shared/chart-styles.d.ts +16 -0
  13. package/dist/components/charts/shared/formatters.d.ts +12 -0
  14. package/dist/components/charts/shared/types.d.ts +97 -0
  15. package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
  16. package/dist/components/inputs/Combobox/Combobox.d.ts +16 -6
  17. package/dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts +9 -4
  18. package/dist/components/inputs/Select/Select.d.ts +6 -1
  19. package/dist/components/inputs/input-utilities.d.ts +1 -0
  20. package/dist/components/navigation/DropdownMenu/DropdownMenu.d.ts +1 -0
  21. package/dist/components/navigation/{NavMenu/NavMenu.d.ts → SiteMenu/SiteMenu.d.ts} +5 -4
  22. package/dist/components/navigation/SiteMenu/SiteMenuDropdown.d.ts +26 -0
  23. package/dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +1 -0
  24. package/dist/css/component-css/pds-bar-chart.css +1 -0
  25. package/dist/css/component-css/pds-breadcrumb.css +1 -1
  26. package/dist/css/component-css/pds-chart-legend.css +1 -0
  27. package/dist/css/component-css/pds-chart-tokens.css +1 -0
  28. package/dist/css/component-css/pds-chart-wrapper.css +1 -0
  29. package/dist/css/component-css/pds-combobox-multiselect.css +4 -2
  30. package/dist/css/component-css/pds-combobox.css +1 -1
  31. package/dist/css/component-css/pds-dropdown-menu.css +2 -2
  32. package/dist/css/component-css/pds-dropdown.css +2 -0
  33. package/dist/css/component-css/pds-icon-button.css +2 -2
  34. package/dist/css/component-css/pds-index.css +19 -16
  35. package/dist/css/component-css/pds-input-utilities.css +1 -1
  36. package/dist/css/component-css/pds-line-chart.css +1 -0
  37. package/dist/css/component-css/pds-menu-button.css +1 -1
  38. package/dist/css/component-css/pds-nav-menu.css +2 -2
  39. package/dist/css/component-css/pds-pantheon-logo.css +1 -1
  40. package/dist/css/component-css/pds-popover.css +1 -1
  41. package/dist/css/component-css/pds-select.css +1 -1
  42. package/dist/css/component-css/pds-side-nav-global.css +6 -6
  43. package/dist/css/component-css/pds-table.css +1 -1
  44. package/dist/css/component-css/pds-text-input.css +1 -1
  45. package/dist/css/component-css/pds-textarea.css +1 -1
  46. package/dist/css/component-css/pds-tooltip.css +1 -1
  47. package/dist/css/component-css/pds-workspace-selector.css +1 -1
  48. package/dist/css/design-tokens/variables.dark.css +11 -2
  49. package/dist/css/design-tokens/variables.light.css +11 -2
  50. package/dist/css/layout-css/pds-app-layout.css +2 -2
  51. package/dist/css/layout-css/pds-index.css +2 -2
  52. package/dist/css/pds-components.css +19 -16
  53. package/dist/css/pds-core.css +2 -2
  54. package/dist/css/pds-layouts.css +2 -2
  55. package/dist/index.css +1 -1
  56. package/dist/index.d.ts +15 -0
  57. package/dist/index.js +4724 -2359
  58. package/dist/index.js.map +1 -1
  59. package/dist/index.source.d.ts +6 -1
  60. package/dist/layouts/AppLayout/AppLayout.d.ts +5 -1
  61. package/dist/utilities/hooks/useDropdown/index.d.ts +1 -0
  62. package/dist/utilities/hooks/useDropdown/useDropdown.d.ts +121 -0
  63. package/package.json +4 -3
  64. package/dist/components/navigation/NavMenu/NavMenuDropdown.d.ts +0 -24
package/dist/css/pds-layouts.css CHANGED
@@ -1,5 +1,5 @@
1
- .pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);box-sizing:border-box;display:flex;flex-direction:row;min-height:100vh;width:100%}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-2xl);position:relative}.pds-app-layout__sidebar{border-right:1px solid var(--pds-color-border-default);padding-block:var(--pds-spacing-2xl);padding-inline-start:var(--pds-spacing-l);position:relative}.pds-app-layout__sidebar--collapsed{padding-inline:var(--pds-spacing-s)}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-inner{padding-inline-end:0}.pds-app-layout__sidebar{transition:border-color .15s ease-in-out}.pds-app-layout__sidebar:has(.pds-app-layout__sidebar-toggle-button:hover){border-color:var(--pds-color-border-hover)}.pds-app-layout__sidebar-toggle-button{background-color:transparent;border:none;cursor:pointer;height:100%;position:absolute;right:var(--button-offset);top:.125rem;width:var(--toggle-trigger-size);z-index:2}.pds-app-layout__sidebar-toggle-button:focus-visible{outline:none}.pds-app-layout__sidebar-toggle-button:focus-visible>.pds-app-layout__sidebar-toggle-icon{opacity:1;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{opacity:1;transition:opacity .1s ease-in-out;transition-delay:.1s}.pds-app-layout__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(--toggle-icon-size);justify-content:center;opacity:0;position:absolute;right:.25rem;top:3.625rem;transition:var(--pds-animation-transition-rotation);width:var(--toggle-icon-size);z-index:2}.pds-app-layout__sidebar-toggle-button[aria-expanded=false]
2
- .pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{height:100%;overflow-x:hidden;padding-inline-end:var(--pds-spacing-l);text-wrap:nowrap}.pds-app-layout--isMobile{flex-direction:column;min-height:unset}.pds-app-layout--isMobile .pds-app-layout__main,.pds-app-layout--isMobile .pds-app-layout__sidebar{border-right:none;width:100%}.pds-app-layout--isMobile .pds-app-layout__sidebar{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);min-width:unset;padding-inline-end:0}.pds-dashboard-global{--dashboard-toggle-icon-size:1.5rem;--dashboard-toggle-trigger-size:3rem;--dashboard-toggle-top-position:5rem;--dashboard-navbar-inline-padding:var(--pds-spacing-2xl);display:flex;min-height:100vh;overflow:hidden;position:relative}@media (min-width:768px){.pds-dashboard-global .pds-workspace-selector{margin-inline-start:-1.25rem}}.pds-dashboard-global .pds-pantheon-logo:not(.pds-pantheon-logo--icon){width:10rem}.pds-dashboard-global--notMobile{background-color:var(--pds-color-dashboard-nav-background)}.pds-dashboard-global--notMobile .pds-dashboard-global__header{max-width:calc(var(--pds-container-dashboard-navbar-max-width) + var(--dashboard-navbar-inline-padding)*2)}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button{background-color:transparent;border:none;height:calc(100% - var(--dashboard-toggle-top-position));position:absolute;right:calc(var(--dashboard-toggle-trigger-size)*-.5);top:var(--dashboard-toggle-top-position);width:var(--dashboard-toggle-trigger-size);z-index:2}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button:focus-visible{outline:none}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button:focus-visible>.pds-dashboard-global__sidebar-toggle-icon{opacity:1;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button:hover>.pds-dashboard-global__sidebar-toggle-icon{opacity:1;transition:opacity .1s ease-in-out;transition-delay:.1s}.pds-dashboard-global--notMobile .pds-dashboard-global__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(--dashboard-toggle-icon-size);justify-content:center;opacity:0;position:absolute;right:25%;top:2rem;transition:var(--pds-animation-transition-rotation);width:var(--dashboard-toggle-icon-size);z-index:2}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button[aria-expanded=false]
1
+ .pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:100vh;width:100%}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-2xl);position:relative}.pds-app-layout__sidebar{border-right:1px solid var(--pds-color-border-default);padding-block:var(--pds-spacing-2xl);padding-inline-start:var(--pds-spacing-l);position:relative}.pds-app-layout__sidebar--collapsed{padding-inline:var(--pds-spacing-s)}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-inner{padding-inline-end:0}.pds-app-layout__sidebar{transition:border-color .15s ease-in-out}.pds-app-layout__sidebar:has(.pds-app-layout__sidebar-toggle-button:hover){border-color:var(--pds-color-border-hover)}.pds-app-layout__sidebar-toggle-button{background-color:transparent;border:none;cursor:pointer;height:100%;position:absolute;right:var(--button-offset);top:.125rem;width:var(--toggle-trigger-size);z-index:2}.pds-app-layout__sidebar-toggle-button:focus-visible{outline:none}.pds-app-layout__sidebar-toggle-button:focus-visible>.pds-app-layout__sidebar-toggle-icon{opacity:1;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{opacity:1;transition:opacity .1s ease-in-out;transition-delay:.1s}.pds-app-layout__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(--toggle-icon-size);justify-content:center;opacity:0;position:absolute;right:.25rem;top:3.625rem;transition:var(--pds-animation-transition-rotation);width:var(--toggle-icon-size);z-index:2}.pds-app-layout__sidebar-toggle-button[aria-expanded=false]
2
+ .pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{height:100%;margin-inline-start:0;overflow-x:hidden;padding-inline-end:var(--pds-spacing-l);text-wrap:nowrap}.pds-app-layout--scrollable{height:100vh;overflow:hidden}.pds-app-layout--scrollable .pds-app-layout__main,.pds-app-layout--scrollable .pds-app-layout__sidebar{overflow-y:auto}.pds-app-layout--isMobile{flex-direction:column;min-height:unset}.pds-app-layout--isMobile .pds-app-layout__main,.pds-app-layout--isMobile .pds-app-layout__sidebar{border-right:none;width:100%}.pds-app-layout--isMobile .pds-app-layout__sidebar{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);min-width:unset;padding-inline-end:0}.pds-dashboard-global{--dashboard-toggle-icon-size:1.5rem;--dashboard-toggle-trigger-size:3rem;--dashboard-toggle-top-position:5rem;--dashboard-navbar-inline-padding:var(--pds-spacing-2xl);display:flex;min-height:100vh;overflow:hidden;position:relative}@media (min-width:768px){.pds-dashboard-global .pds-workspace-selector{margin-inline-start:-1.25rem}}.pds-dashboard-global .pds-pantheon-logo:not(.pds-pantheon-logo--icon){width:10rem}.pds-dashboard-global--notMobile{background-color:var(--pds-color-dashboard-nav-background)}.pds-dashboard-global--notMobile .pds-dashboard-global__header{max-width:calc(var(--pds-container-dashboard-navbar-max-width) + var(--dashboard-navbar-inline-padding)*2)}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button{background-color:transparent;border:none;height:calc(100% - var(--dashboard-toggle-top-position));position:absolute;right:calc(var(--dashboard-toggle-trigger-size)*-.5);top:var(--dashboard-toggle-top-position);width:var(--dashboard-toggle-trigger-size);z-index:2}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button:focus-visible{outline:none}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button:focus-visible>.pds-dashboard-global__sidebar-toggle-icon{opacity:1;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button:hover>.pds-dashboard-global__sidebar-toggle-icon{opacity:1;transition:opacity .1s ease-in-out;transition-delay:.1s}.pds-dashboard-global--notMobile .pds-dashboard-global__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(--dashboard-toggle-icon-size);justify-content:center;opacity:0;position:absolute;right:25%;top:2rem;transition:var(--pds-animation-transition-rotation);width:var(--dashboard-toggle-icon-size);z-index:2}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button[aria-expanded=false]
3
3
  .pds-dashboard-global__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar{box-sizing:content-box;padding-block-end:var(--pds-spacing-m);padding-block-start:.75rem;padding-inline-end:var(--pds-spacing-xl);padding-inline-start:calc(var(--pds-spacing-xl) + var(--pds-spacing-dashboard-nav-item-padding));position:relative}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-inner{height:100%;margin-inline-start:-.75rem;overflow-x:hidden}.pds-dashboard-global--notMobile .pds-dashboard-global__right{display:flex;flex-direction:column}.pds-dashboard-global--notMobile .pds-navbar__inner{padding-inline-end:var(--pds-spacing-2xl)}.pds-dashboard-global--notMobile .pds-dashboard-global__inner{background-color:var(--pds-color-bg-default);border-top-left-radius:1.25rem;box-shadow:var(--pds-elevation-dashboard);display:flex;flex:1;flex-direction:column;position:relative}.pds-dashboard-global--notMobile .pds-dashboard-global__main{flex:1;padding-block:var(--pds-spacing-2xl);padding-inline:var(--pds-spacing-2xl) calc(var(--pds-spacing-2xl) + .25rem)}.pds-dashboard-global--notMobile .pds-site-footer .pds-container{padding-inline:var(--pds-spacing-2xl)}.pds-dashboard-global__sidebar--collapsed
4
4
  .pds-dashboard-global__sidebar-toggle{opacity:1}.pds-dashboard-global--isMobile{display:flex;flex-direction:column}.pds-dashboard-global--isMobile .pds-dashboard-global__sidebar{padding-block:var(--pds-spacing-2xl);padding-inline:var(--pds-spacing-xl)}.pds-dashboard-global--isMobile .pds-dashboard-global__main{padding-block:var(--pds-spacing-s);padding-inline:var(--pds-spacing-xl)}.pds-dashboard-global--isMobile .pds-site-footer{padding-inline:var(--pds-spacing-3xs)}.pds-dashboard-global--isAdmin{--pds-color-dashboard-nav-background:var(
5
5
  --pds-color-dashboard-nav-background-admin