@pantheon-systems/pds-toolkit-react 2.0.0-alpha.24 → 2.0.0-alpha.26

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 (82) hide show
  1. package/dist/components/SortableList/SortableList.d.ts +8 -0
  2. package/dist/components/SortableList/SortableListHeader.d.ts +7 -0
  3. package/dist/components/SortableList/SortableRow.d.ts +16 -0
  4. package/dist/components/SortableList/sortable-utils.d.ts +19 -0
  5. package/dist/components/SortableList/types.d.ts +142 -0
  6. package/dist/components/SortableList/useSortableTree.d.ts +18 -0
  7. package/dist/components/Tag/Tag.d.ts +7 -1
  8. package/dist/components/Tooltip/Tooltip.d.ts +2 -2
  9. package/dist/components/UtilityBar/UtilityBar.d.ts +27 -0
  10. package/dist/components/buttons/IconButton/IconButton.d.ts +8 -0
  11. package/dist/components/icons/Icon/generated-icon-data.d.ts +51 -2
  12. package/dist/components/inputs/Checkbox/Checkbox.d.ts +1 -1
  13. package/dist/components/inputs/Combobox/Combobox.d.ts +1 -1
  14. package/dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts +1 -1
  15. package/dist/components/inputs/Datepicker/Datepicker.d.ts +1 -1
  16. package/dist/components/inputs/FileUpload/FileUpload.d.ts +1 -1
  17. package/dist/components/inputs/RadioGroup/RadioGroup.d.ts +1 -1
  18. package/dist/components/inputs/Select/Select.d.ts +1 -1
  19. package/dist/components/inputs/Switch/Switch.d.ts +1 -1
  20. package/dist/components/inputs/TagsInput/TagsInput.d.ts +6 -1
  21. package/dist/components/inputs/TextInput/TextInput.d.ts +1 -1
  22. package/dist/components/inputs/Textarea/Textarea.d.ts +1 -1
  23. package/dist/components/inputs/input-utilities.d.ts +1 -1
  24. package/dist/components/overlays/FullScreenOverlay/FullScreenOverlay.d.ts +45 -0
  25. package/dist/css/component-css/pds-badge.css +1 -1
  26. package/dist/css/component-css/pds-checkbox.css +1 -1
  27. package/dist/css/component-css/pds-combobox-multiselect.css +3 -3
  28. package/dist/css/component-css/pds-combobox.css +1 -1
  29. package/dist/css/component-css/pds-datepicker.css +1 -1
  30. package/dist/css/component-css/pds-dropdown-menu.css +1 -1
  31. package/dist/css/component-css/pds-file-upload.css +1 -1
  32. package/dist/css/component-css/pds-footer-links.css +1 -1
  33. package/dist/css/component-css/pds-full-screen-overlay.css +1 -0
  34. package/dist/css/component-css/pds-icon-button.css +2 -2
  35. package/dist/css/component-css/pds-index.css +24 -17
  36. package/dist/css/component-css/pds-input-utilities.css +1 -1
  37. package/dist/css/component-css/pds-menu-button.css +1 -1
  38. package/dist/css/component-css/pds-pagination-mini.css +1 -1
  39. package/dist/css/component-css/pds-panel-list.css +1 -1
  40. package/dist/css/component-css/pds-pantheon-logo.css +1 -1
  41. package/dist/css/component-css/pds-popover.css +1 -1
  42. package/dist/css/component-css/pds-radio-group.css +1 -1
  43. package/dist/css/component-css/pds-select.css +1 -1
  44. package/dist/css/component-css/pds-site-footer.css +1 -1
  45. package/dist/css/component-css/pds-social-links.css +1 -1
  46. package/dist/css/component-css/pds-sortable-list.css +8 -0
  47. package/dist/css/component-css/pds-status-checker.css +1 -1
  48. package/dist/css/component-css/pds-switch.css +1 -1
  49. package/dist/css/component-css/pds-tag.css +1 -1
  50. package/dist/css/component-css/pds-tags-input.css +1 -1
  51. package/dist/css/component-css/pds-text-input.css +1 -1
  52. package/dist/css/component-css/pds-textarea.css +1 -1
  53. package/dist/css/component-css/pds-theme-switcher.css +1 -1
  54. package/dist/css/component-css/pds-tiles-common.css +1 -1
  55. package/dist/css/component-css/pds-user-menu.css +2 -2
  56. package/dist/css/component-css/pds-utility-bar.css +1 -0
  57. package/dist/css/component-css/pds-utility-button.css +1 -1
  58. package/dist/css/component-css/pds-workspace-selector.css +1 -1
  59. package/dist/css/design-tokens/variables.dark.css +70 -8
  60. package/dist/css/design-tokens/variables.global.css +1 -1
  61. package/dist/css/design-tokens/variables.light.css +70 -8
  62. package/dist/css/layout-css/pds-app-layout.css +2 -2
  63. package/dist/css/layout-css/pds-index.css +2 -2
  64. package/dist/css/pds-components.css +24 -17
  65. package/dist/css/pds-core.css +2 -2
  66. package/dist/css/pds-layouts.css +2 -2
  67. package/dist/index.css +1 -1
  68. package/dist/index.d.ts +9 -2
  69. package/dist/index.js +6077 -4940
  70. package/dist/index.js.map +1 -1
  71. package/dist/index.source.d.ts +8 -2
  72. package/dist/layouts/AppLayout/AppLayout.d.ts +1 -1
  73. package/dist/svg/arrowDownLeftAndArrowUpRightToCenter.svg +3 -0
  74. package/dist/svg/arrowsUpDownLeftRight.svg +3 -0
  75. package/dist/svg/barsStaggered.svg +3 -0
  76. package/dist/svg/circleExclamationSolid.svg +3 -0
  77. package/dist/svg/circleInfoSolid.svg +3 -0
  78. package/dist/svg/circleQuestionSolid.svg +3 -0
  79. package/dist/svg/compress.svg +3 -0
  80. package/package.json +5 -2
  81. /package/dist/components/{Drawer → overlays/Drawer}/Drawer.d.ts +0 -0
  82. /package/dist/components/{Modal → overlays/Modal}/Modal.d.ts +0 -0
package/dist/css/pds-layouts.css CHANGED
@@ -1,2 +1,2 @@
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{align-self:flex-start;border-right:1px solid var(--pds-color-border-default);height:100vh;position:sticky;top:0;z-index:1}.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-l);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:border-color .15s ease-in-out,width .2s ease-in-out,min-width .2s 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-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]
2
- .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:var(--pds-spacing-2xl);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-l);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:100vh;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-left: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
+ .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{align-self:flex-start;border-right:1px solid var(--pds-color-border-default);height:calc(100dvh - var(--pds-app-layout-top-offset));position:sticky;top:var(--pds-app-layout-top-offset);z-index:1}.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-l);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:border-color .15s ease-in-out,width .2s ease-in-out,min-width .2s 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-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]
2
+ .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-l);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-left: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}