@pantheon-systems/pds-toolkit-react 2.0.0-alpha.3 → 2.0.0-alpha.30

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 (476) hide show
  1. package/README.md +3 -3
  2. package/dist/components/Avatar/Avatar.d.ts +6 -2
  3. package/dist/components/ComparisonList/ComparisonList.d.ts +10 -1
  4. package/dist/components/Dropdown/Dropdown.d.ts +140 -0
  5. package/dist/components/Dropdown/DropdownSelectedIcon.d.ts +7 -0
  6. package/dist/components/FileDiff/FileDiff.d.ts +2 -2
  7. package/dist/components/IdentityBlock/IdentityBlock.d.ts +37 -0
  8. package/dist/components/Popover/Popover.d.ts +5 -1
  9. package/dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts +1 -1
  10. package/dist/components/SiteFooter/SiteFooter.d.ts +38 -0
  11. package/dist/components/SortableList/SortableList.d.ts +8 -0
  12. package/dist/components/SortableList/SortableListHeader.d.ts +7 -0
  13. package/dist/components/SortableList/SortableRow.d.ts +16 -0
  14. package/dist/components/SortableList/sortable-utils.d.ts +19 -0
  15. package/dist/components/SortableList/types.d.ts +142 -0
  16. package/dist/components/SortableList/useSortableTree.d.ts +18 -0
  17. package/dist/components/{RefreshChecker/RefreshChecker.d.ts → StatusChecker/StatusChecker.d.ts} +5 -19
  18. package/dist/components/StatusIndicator/StatusIndicator.d.ts +2 -2
  19. package/dist/components/Table/Table.d.ts +141 -17
  20. package/dist/components/TableOfContents/TableOfContents.d.ts +1 -5
  21. package/dist/components/Tabs/Tabs.d.ts +6 -1
  22. package/dist/components/Tag/Tag.d.ts +13 -2
  23. package/dist/components/ThemeSwitcher/ThemeSwitcher.d.ts +14 -8
  24. package/dist/components/Tooltip/Tooltip.d.ts +7 -3
  25. package/dist/components/UtilityBar/UtilityBar.d.ts +27 -0
  26. package/dist/components/badges/Badge/Badge.d.ts +28 -0
  27. package/dist/components/buttons/CloseButton/CloseButton.d.ts +2 -2
  28. package/dist/components/buttons/IconButton/IconButton.d.ts +12 -0
  29. package/dist/components/buttons/MenuButton/MenuButton.d.ts +2 -7
  30. package/dist/components/cards/Card/Card.d.ts +1 -1
  31. package/dist/components/cards/NewSiteCard/NewSiteCard.d.ts +1 -1
  32. package/dist/components/cards/PricingCard/PricingCard.d.ts +6 -1
  33. package/dist/components/charts/BarChart/BarChart.d.ts +21 -0
  34. package/dist/components/charts/LineChart/LineChart.d.ts +22 -0
  35. package/dist/components/charts/shared/ChartAccessibleTable.d.ts +17 -0
  36. package/dist/components/charts/shared/ChartLegend.d.ts +25 -0
  37. package/dist/components/charts/shared/ChartSkeleton.d.ts +7 -0
  38. package/dist/components/charts/shared/chart-colors.d.ts +30 -0
  39. package/dist/components/charts/shared/chart-styles.d.ts +16 -0
  40. package/dist/components/charts/shared/formatters.d.ts +12 -0
  41. package/dist/components/charts/shared/types.d.ts +128 -0
  42. package/dist/components/empty-states/HorizontalEmptyState/HorizontalEmptyState.d.ts +1 -1
  43. package/dist/components/icons/Icon/Icon.d.ts +11 -731
  44. package/dist/components/icons/Icon/IconSearch.d.ts +1 -0
  45. package/dist/components/icons/Icon/custom-icons.d.ts +46 -0
  46. package/dist/components/icons/Icon/generated-icon-data.d.ts +1499 -0
  47. package/dist/components/icons/Icon/icon-registry.d.ts +34 -0
  48. package/dist/components/icons/PaymentIcon/PaymentIcon.d.ts +7 -3
  49. package/dist/components/icons/PlatformIcon/PlatformIcon.d.ts +6 -6
  50. package/dist/components/inputs/Checkbox/Checkbox.d.ts +3 -3
  51. package/dist/components/inputs/Combobox/Combobox.d.ts +17 -7
  52. package/dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts +33 -6
  53. package/dist/components/inputs/Datepicker/Datepicker.d.ts +16 -2
  54. package/dist/components/inputs/FileUpload/FileUpload.d.ts +6 -1
  55. package/dist/components/inputs/RadioGroup/RadioGroup.d.ts +1 -1
  56. package/dist/components/inputs/Select/Select.d.ts +11 -2
  57. package/dist/components/inputs/Select/select-sample-data.d.ts +1 -0
  58. package/dist/components/inputs/Switch/Switch.d.ts +1 -17
  59. package/dist/components/inputs/TagsInput/TagsInput.d.ts +105 -0
  60. package/dist/components/inputs/TextInput/TextInput.d.ts +5 -1
  61. package/dist/components/inputs/Textarea/Textarea.d.ts +5 -1
  62. package/dist/components/inputs/input-utilities.d.ts +5 -4
  63. package/dist/components/{CTALink → links/CTALink}/CTALink.d.ts +1 -1
  64. package/dist/components/{LinkNewWindow → links/LinkNewWindow}/LinkNewWindow.d.ts +1 -1
  65. package/dist/components/navigation/DropdownMenu/DropdownMenu.d.ts +1 -0
  66. package/dist/components/navigation/Navbar/Navbar.d.ts +1 -1
  67. package/dist/components/navigation/SideNavGlobal/SideNavGlobal.d.ts +5 -15
  68. package/dist/components/navigation/SideNavGlobal/SideNavGlobalItem.d.ts +5 -1
  69. package/dist/components/navigation/{NavMenu/NavMenu.d.ts → SiteMenu/SiteMenu.d.ts} +5 -8
  70. package/dist/components/navigation/SiteMenu/SiteMenuDropdown.d.ts +23 -0
  71. package/dist/components/navigation/TabMenu/TabMenu.d.ts +6 -1
  72. package/dist/components/navigation/UserMenu/UserMenu.d.ts +1 -5
  73. package/dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +8 -12
  74. package/dist/components/notifications/Banner/Banner.d.ts +32 -12
  75. package/dist/components/notifications/NotificationsPopover/NotificationsPopover.d.ts +2 -7
  76. package/dist/components/notifications/SectionMessage/SectionMessage.d.ts +6 -2
  77. package/dist/components/notifications/Toaster/Toast.d.ts +13 -2
  78. package/dist/components/notifications/Toaster/Toaster.d.ts +16 -7
  79. package/dist/components/notifications/Toaster/useToast.d.ts +2 -0
  80. package/dist/components/overlays/Drawer/Drawer.d.ts +58 -0
  81. package/dist/components/overlays/FullScreenOverlay/FullScreenOverlay.d.ts +45 -0
  82. package/dist/components/{Modal → overlays/Modal}/Modal.d.ts +1 -1
  83. package/dist/components/{Pagination → pagination/Pagination}/Pagination.d.ts +7 -2
  84. package/dist/components/pagination/PaginationCompact/PaginationCompact.d.ts +49 -0
  85. package/dist/components/pagination/PaginationMini/PaginationMini.d.ts +55 -0
  86. package/dist/components/panels/ExpansionPanel/ExpansionPanel.d.ts +6 -3
  87. package/dist/components/panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts +1 -2
  88. package/dist/components/panels/Panel/Panel.d.ts +1 -18
  89. package/dist/components/panels/PanelList/PanelList.d.ts +1 -1
  90. package/dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts +3 -4
  91. package/dist/components/progress-indicators/ProgressRing/ProgressRing.d.ts +2 -3
  92. package/dist/components/{FlowSteps/FlowSteps.d.ts → steppers/StepList/StepList.d.ts} +7 -7
  93. package/dist/css/component-css/pds-avatar.css +1 -1
  94. package/dist/css/component-css/pds-badge.css +1 -0
  95. package/dist/css/component-css/pds-banner.css +1 -1
  96. package/dist/css/component-css/pds-bar-chart.css +1 -0
  97. package/dist/css/component-css/pds-branch-diff.css +1 -1
  98. package/dist/css/component-css/pds-breadcrumb.css +1 -1
  99. package/dist/css/component-css/pds-button-link.css +1 -1
  100. package/dist/css/component-css/pds-button-nav.css +1 -1
  101. package/dist/css/component-css/pds-button.css +9 -3
  102. package/dist/css/component-css/pds-callout.css +1 -1
  103. package/dist/css/component-css/pds-card-select-group.css +1 -1
  104. package/dist/css/component-css/pds-card.css +1 -1
  105. package/dist/css/component-css/pds-chart-legend.css +1 -0
  106. package/dist/css/component-css/pds-chart-wrapper.css +1 -0
  107. package/dist/css/component-css/pds-checkbox.css +1 -1
  108. package/dist/css/component-css/pds-close-button.css +1 -1
  109. package/dist/css/component-css/pds-combobox-multiselect.css +4 -2
  110. package/dist/css/component-css/pds-combobox.css +1 -1
  111. package/dist/css/component-css/pds-compact-empty-state.css +1 -1
  112. package/dist/css/component-css/pds-comparison-list.css +1 -1
  113. package/dist/css/component-css/pds-cta-link.css +1 -1
  114. package/dist/css/component-css/pds-dashboard-search.css +1 -1
  115. package/dist/css/component-css/pds-datepicker.css +1 -1
  116. package/dist/css/component-css/pds-drawer.css +1 -0
  117. package/dist/css/component-css/pds-dropdown-menu.css +2 -2
  118. package/dist/css/component-css/pds-dropdown.css +2 -0
  119. package/dist/css/component-css/pds-empty-state-card.css +1 -1
  120. package/dist/css/component-css/pds-expansion-panel.css +1 -1
  121. package/dist/css/component-css/pds-file-diff.css +1 -1
  122. package/dist/css/component-css/pds-file-upload.css +2 -2
  123. package/dist/css/component-css/pds-full-screen-overlay.css +1 -0
  124. package/dist/css/component-css/pds-horizontal-empty-state.css +1 -1
  125. package/dist/css/component-css/pds-icon-button.css +4 -4
  126. package/dist/css/component-css/pds-icon-story-only.css +1 -1
  127. package/dist/css/component-css/pds-icon.css +1 -0
  128. package/dist/css/component-css/pds-identity-block.css +1 -0
  129. package/dist/css/component-css/pds-index.css +103 -57
  130. package/dist/css/component-css/pds-inline-message.css +1 -1
  131. package/dist/css/component-css/pds-input-group.css +1 -1
  132. package/dist/css/component-css/pds-input-utilities.css +1 -1
  133. package/dist/css/component-css/pds-line-chart.css +1 -0
  134. package/dist/css/component-css/pds-link-new-window.css +1 -1
  135. package/dist/css/component-css/pds-menu-button.css +4 -1
  136. package/dist/css/component-css/pds-modal.css +1 -1
  137. package/dist/css/component-css/pds-nav-menu.css +2 -2
  138. package/dist/css/component-css/pds-navbar.css +4 -1
  139. package/dist/css/component-css/pds-new-site-card.css +1 -1
  140. package/dist/css/component-css/pds-notification-hub-icon.css +1 -1
  141. package/dist/css/component-css/pds-notifications-popover.css +13 -1
  142. package/dist/css/component-css/pds-pagination-compact.css +1 -0
  143. package/dist/css/component-css/pds-pagination-mini.css +3 -0
  144. package/dist/css/component-css/pds-pagination.css +1 -1
  145. package/dist/css/component-css/pds-panel-list.css +1 -1
  146. package/dist/css/component-css/pds-panel.css +1 -1
  147. package/dist/css/component-css/pds-pantheon-logo.css +1 -1
  148. package/dist/css/component-css/pds-payment-card.css +1 -1
  149. package/dist/css/component-css/pds-payment-icon.css +1 -1
  150. package/dist/css/component-css/pds-platform-icon.css +1 -1
  151. package/dist/css/component-css/pds-popover.css +1 -1
  152. package/dist/css/component-css/pds-pricing-card.css +1 -1
  153. package/dist/css/component-css/pds-progress-bar.css +1 -1
  154. package/dist/css/component-css/pds-progress-ring.css +1 -1
  155. package/dist/css/component-css/pds-radio-group.css +1 -1
  156. package/dist/css/component-css/pds-section-message.css +1 -1
  157. package/dist/css/component-css/pds-segmented-button.css +1 -1
  158. package/dist/css/component-css/pds-select.css +1 -1
  159. package/dist/css/component-css/pds-side-nav-compact.css +1 -1
  160. package/dist/css/component-css/pds-side-nav-global.css +6 -4
  161. package/dist/css/component-css/pds-side-nav.css +1 -1
  162. package/dist/css/component-css/pds-site-card.css +1 -1
  163. package/dist/css/component-css/pds-site-footer.css +1 -1
  164. package/dist/css/component-css/pds-skiplink.css +1 -1
  165. package/dist/css/component-css/pds-sortable-list.css +8 -0
  166. package/dist/css/component-css/pds-spinner.css +1 -1
  167. package/dist/css/component-css/pds-sso-button.css +1 -1
  168. package/dist/css/component-css/pds-status-badge.css +1 -1
  169. package/dist/css/component-css/pds-status-checker.css +1 -0
  170. package/dist/css/component-css/pds-status-indicator.css +1 -1
  171. package/dist/css/component-css/pds-step-list.css +1 -0
  172. package/dist/css/component-css/pds-stepper.css +1 -1
  173. package/dist/css/component-css/pds-switch.css +4 -11
  174. package/dist/css/component-css/pds-tab-menu.css +2 -2
  175. package/dist/css/component-css/pds-table-of-contents.css +1 -1
  176. package/dist/css/component-css/pds-table.css +1 -1
  177. package/dist/css/component-css/pds-tabs.css +1 -1
  178. package/dist/css/component-css/pds-tag.css +1 -1
  179. package/dist/css/component-css/pds-tags-input.css +1 -0
  180. package/dist/css/component-css/pds-text-input.css +1 -1
  181. package/dist/css/component-css/pds-textarea.css +1 -1
  182. package/dist/css/component-css/pds-theme-switcher.css +1 -1
  183. package/dist/css/component-css/pds-toaster.css +1 -1
  184. package/dist/css/component-css/pds-tooltip.css +1 -1
  185. package/dist/css/component-css/pds-user-menu.css +29 -1
  186. package/dist/css/component-css/pds-utility-bar.css +1 -0
  187. package/dist/css/component-css/pds-utility-button.css +1 -1
  188. package/dist/css/component-css/pds-vertical-empty-state.css +1 -1
  189. package/dist/css/component-css/pds-vertical-stepper.css +1 -1
  190. package/dist/css/component-css/pds-workspace-selector.css +16 -1
  191. package/dist/css/design-tokens/fonts.css +1 -1
  192. package/dist/css/design-tokens/variables.dark.css +301 -96
  193. package/dist/css/design-tokens/variables.global.css +9 -12
  194. package/dist/css/design-tokens/variables.light.css +276 -93
  195. package/dist/css/design-tokens/variables.typography.css +9 -6
  196. package/dist/css/layout-css/pds-app-layout.css +3 -0
  197. package/dist/css/layout-css/pds-docs-layout.css +1 -0
  198. package/dist/css/layout-css/pds-index.css +3 -0
  199. package/dist/css/layout-css/pds-sidebar-layout.css +5 -0
  200. package/dist/css/layout-css/pds-stepper-layout.css +1 -0
  201. package/dist/css/layout-css/pds-three-item-layout.css +1 -0
  202. package/dist/css/layout-css/pds-two-item-layout.css +1 -0
  203. package/dist/css/pds-components.css +103 -57
  204. package/dist/css/pds-core.css +3 -2
  205. package/dist/css/pds-layouts.css +3 -9
  206. package/dist/index.css +1 -1
  207. package/dist/index.d.ts +91 -6
  208. package/dist/index.js +12277 -1964
  209. package/dist/index.js.map +1 -1
  210. package/dist/index.source.d.ts +31 -29
  211. package/dist/layouts/AppLayout/AppLayout.d.ts +47 -6
  212. package/dist/layouts/DocsLayout/DocsLayout.d.ts +9 -7
  213. package/dist/layouts/SidebarLayout/SidebarLayout.d.ts +12 -3
  214. package/dist/libs/components/NavAccordion/NavAccordion.d.ts +27 -0
  215. package/dist/libs/components/utils.d.ts +0 -1
  216. package/dist/libs/types/custom-types.d.ts +10 -2
  217. package/dist/libs/types/navigation-types.d.ts +9 -1
  218. package/dist/svg/angleDown.svg +3 -0
  219. package/dist/svg/angleLeft.svg +3 -0
  220. package/dist/svg/angleRight.svg +3 -0
  221. package/dist/svg/angleUp.svg +3 -0
  222. package/dist/svg/anglesLeft.svg +3 -0
  223. package/dist/svg/anglesRight.svg +3 -0
  224. package/dist/svg/arrowDownLeftAndArrowUpRightToCenter.svg +3 -0
  225. package/dist/svg/arrowDownToLine.svg +3 -0
  226. package/dist/svg/arrowLeft.svg +3 -0
  227. package/dist/svg/arrowRight.svg +3 -0
  228. package/dist/svg/arrowsRetweet.svg +3 -0
  229. package/dist/svg/arrowsUpDownLeftRight.svg +3 -0
  230. package/dist/svg/asterisk.svg +3 -0
  231. package/dist/svg/banBug.svg +3 -0
  232. package/dist/svg/bars.svg +3 -0
  233. package/dist/svg/barsFilter.svg +3 -0
  234. package/dist/svg/barsStaggered.svg +3 -0
  235. package/dist/svg/bell.svg +3 -0
  236. package/dist/svg/billboard.svg +3 -0
  237. package/dist/svg/bitbucket.svg +3 -0
  238. package/dist/svg/bluesky.svg +3 -0
  239. package/dist/svg/bolt.svg +3 -0
  240. package/dist/svg/boltPantheon.svg +3 -0
  241. package/dist/svg/boltSolid.svg +3 -0
  242. package/dist/svg/book.svg +3 -0
  243. package/dist/svg/books.svg +3 -0
  244. package/dist/svg/bracketRight.svg +3 -0
  245. package/dist/svg/bracketsSquare.svg +3 -0
  246. package/dist/svg/brainCircuit.svg +3 -0
  247. package/dist/svg/broomWide.svg +3 -0
  248. package/dist/svg/building.svg +3 -0
  249. package/dist/svg/buildings.svg +3 -0
  250. package/dist/svg/bullhorn.svg +3 -0
  251. package/dist/svg/calendarDays.svg +3 -0
  252. package/dist/svg/caretDown.svg +3 -0
  253. package/dist/svg/caretLeft.svg +3 -0
  254. package/dist/svg/caretRight.svg +3 -0
  255. package/dist/svg/caretUp.svg +3 -0
  256. package/dist/svg/ccAmex.svg +3 -0
  257. package/dist/svg/ccApplePay.svg +3 -0
  258. package/dist/svg/ccDiscover.svg +3 -0
  259. package/dist/svg/ccGeneric.svg +3 -0
  260. package/dist/svg/ccMC.svg +3 -0
  261. package/dist/svg/ccPaypal.svg +3 -0
  262. package/dist/svg/ccVisa.svg +3 -0
  263. package/dist/svg/chartLine.svg +3 -0
  264. package/dist/svg/chartNetwork.svg +3 -0
  265. package/dist/svg/chartSimple.svg +3 -0
  266. package/dist/svg/check.svg +3 -0
  267. package/dist/svg/circle.svg +3 -0
  268. package/dist/svg/circleCheck.svg +3 -0
  269. package/dist/svg/circleExclamation.svg +3 -0
  270. package/dist/svg/circleExclamationSolid.svg +3 -0
  271. package/dist/svg/circleInfo.svg +3 -0
  272. package/dist/svg/circleInfoSolid.svg +3 -0
  273. package/dist/svg/circleMinus.svg +3 -0
  274. package/dist/svg/circleNotch.svg +3 -0
  275. package/dist/svg/circlePlus.svg +3 -0
  276. package/dist/svg/circleQuestion.svg +3 -0
  277. package/dist/svg/circleQuestionSolid.svg +3 -0
  278. package/dist/svg/circleUser.svg +3 -0
  279. package/dist/svg/circleXmark.svg +3 -0
  280. package/dist/svg/cloud.svg +3 -0
  281. package/dist/svg/cloudArrowDown.svg +3 -0
  282. package/dist/svg/cloudArrowUp.svg +3 -0
  283. package/dist/svg/cloudPlus.svg +3 -0
  284. package/dist/svg/code.svg +3 -0
  285. package/dist/svg/codeBranch.svg +3 -0
  286. package/dist/svg/codeMerge.svg +3 -0
  287. package/dist/svg/command.svg +3 -0
  288. package/dist/svg/comment.svg +3 -0
  289. package/dist/svg/compress.svg +3 -0
  290. package/dist/svg/copy.svg +3 -0
  291. package/dist/svg/desktop.svg +3 -0
  292. package/dist/svg/diamondExclamation.svg +3 -0
  293. package/dist/svg/diamonds4.svg +3 -0
  294. package/dist/svg/discourse.svg +3 -0
  295. package/dist/svg/display.svg +3 -0
  296. package/dist/svg/dollarSign.svg +3 -0
  297. package/dist/svg/download.svg +3 -0
  298. package/dist/svg/drupal.svg +3 -0
  299. package/dist/svg/ellipsis.svg +3 -0
  300. package/dist/svg/ellipsisVertical.svg +3 -0
  301. package/dist/svg/emptySet.svg +3 -0
  302. package/dist/svg/envelope.svg +3 -0
  303. package/dist/svg/envelopeOpen.svg +3 -0
  304. package/dist/svg/exclamation.svg +3 -0
  305. package/dist/svg/expand.svg +3 -0
  306. package/dist/svg/expandFromCenter.svg +3 -0
  307. package/dist/svg/externalLink.svg +3 -0
  308. package/dist/svg/eye.svg +3 -0
  309. package/dist/svg/eyeSlash.svg +3 -0
  310. package/dist/svg/facebook.svg +3 -0
  311. package/dist/svg/file.svg +3 -0
  312. package/dist/svg/fileCSV.svg +3 -0
  313. package/dist/svg/fileCheck.svg +3 -0
  314. package/dist/svg/fileContract.svg +3 -0
  315. package/dist/svg/fileDiff.svg +3 -0
  316. package/dist/svg/fileExport.svg +3 -0
  317. package/dist/svg/fileImport.svg +3 -0
  318. package/dist/svg/fileLines.svg +3 -0
  319. package/dist/svg/filePDF.svg +3 -0
  320. package/dist/svg/fileZip.svg +3 -0
  321. package/dist/svg/folder.svg +3 -0
  322. package/dist/svg/folderTree.svg +3 -0
  323. package/dist/svg/gear.svg +3 -0
  324. package/dist/svg/gem.svg +3 -0
  325. package/dist/svg/github.svg +3 -0
  326. package/dist/svg/gitlab.svg +3 -0
  327. package/dist/svg/globe.svg +3 -0
  328. package/dist/svg/graduationCap.svg +3 -0
  329. package/dist/svg/grid.svg +3 -0
  330. package/dist/svg/gripDots.svg +3 -0
  331. package/dist/svg/gripDotsVertical.svg +3 -0
  332. package/dist/svg/heart.svg +3 -0
  333. package/dist/svg/heartSolid.svg +3 -0
  334. package/dist/svg/house.svg +3 -0
  335. package/dist/svg/idCard.svg +3 -0
  336. package/dist/svg/image.svg +3 -0
  337. package/dist/svg/inputText.svg +3 -0
  338. package/dist/svg/instagram.svg +3 -0
  339. package/dist/svg/keySkeleton.svg +3 -0
  340. package/dist/svg/landmark.svg +3 -0
  341. package/dist/svg/laptop.svg +3 -0
  342. package/dist/svg/laptopCode.svg +3 -0
  343. package/dist/svg/leaf.svg +3 -0
  344. package/dist/svg/lifeRing.svg +3 -0
  345. package/dist/svg/linkSimple.svg +3 -0
  346. package/dist/svg/linkSimpleSlash.svg +3 -0
  347. package/dist/svg/linkedin.svg +3 -0
  348. package/dist/svg/listCheck.svg +3 -0
  349. package/dist/svg/locationCrosshairs.svg +3 -0
  350. package/dist/svg/lock.svg +3 -0
  351. package/dist/svg/lockOpen.svg +3 -0
  352. package/dist/svg/magnifyingGlass.svg +3 -0
  353. package/dist/svg/medal.svg +3 -0
  354. package/dist/svg/memo.svg +3 -0
  355. package/dist/svg/messages.svg +3 -0
  356. package/dist/svg/minus.svg +3 -0
  357. package/dist/svg/moon.svg +3 -0
  358. package/dist/svg/nextJs.svg +3 -0
  359. package/dist/svg/paperPlane.svg +3 -0
  360. package/dist/svg/paperclip.svg +3 -0
  361. package/dist/svg/pause.svg +3 -0
  362. package/dist/svg/pen.svg +3 -0
  363. package/dist/svg/penField.svg +3 -0
  364. package/dist/svg/phone.svg +3 -0
  365. package/dist/svg/play.svg +3 -0
  366. package/dist/svg/plus.svg +3 -0
  367. package/dist/svg/question.svg +3 -0
  368. package/dist/svg/quotesLeft.svg +3 -0
  369. package/dist/svg/quotesRight.svg +3 -0
  370. package/dist/svg/rectangleList.svg +3 -0
  371. package/dist/svg/reply.svg +3 -0
  372. package/dist/svg/robot.svg +3 -0
  373. package/dist/svg/rocketLaunch.svg +3 -0
  374. package/dist/svg/rotate.svg +3 -0
  375. package/dist/svg/rotateClock.svg +3 -0
  376. package/dist/svg/rotateLeft.svg +3 -0
  377. package/dist/svg/rotateRight.svg +3 -0
  378. package/dist/svg/rss.svg +3 -0
  379. package/dist/svg/save.svg +3 -0
  380. package/dist/svg/server.svg +3 -0
  381. package/dist/svg/shareNodes.svg +3 -0
  382. package/dist/svg/shield.svg +3 -0
  383. package/dist/svg/shieldQuartered.svg +3 -0
  384. package/dist/svg/shovel.svg +3 -0
  385. package/dist/svg/sidebar.svg +3 -0
  386. package/dist/svg/siren.svg +3 -0
  387. package/dist/svg/sirenOn.svg +3 -0
  388. package/dist/svg/sitemap.svg +3 -0
  389. package/dist/svg/slack.svg +3 -0
  390. package/dist/svg/slashForward.svg +3 -0
  391. package/dist/svg/slidersSimple.svg +3 -0
  392. package/dist/svg/snowflake.svg +3 -0
  393. package/dist/svg/sparkles.svg +3 -0
  394. package/dist/svg/squareCheck.svg +3 -0
  395. package/dist/svg/squareCode.svg +3 -0
  396. package/dist/svg/squareMinus.svg +3 -0
  397. package/dist/svg/squarePen.svg +3 -0
  398. package/dist/svg/squareQuestion.svg +3 -0
  399. package/dist/svg/squareTerminal.svg +3 -0
  400. package/dist/svg/star.svg +3 -0
  401. package/dist/svg/starSolid.svg +3 -0
  402. package/dist/svg/sun.svg +3 -0
  403. package/dist/svg/sunBright.svg +3 -0
  404. package/dist/svg/table.svg +3 -0
  405. package/dist/svg/tableRows.svg +3 -0
  406. package/dist/svg/terminal.svg +3 -0
  407. package/dist/svg/text.svg +3 -0
  408. package/dist/svg/threads.svg +3 -0
  409. package/dist/svg/thumbsDown.svg +3 -0
  410. package/dist/svg/thumbsUp.svg +3 -0
  411. package/dist/svg/trash.svg +3 -0
  412. package/dist/svg/triangleExclamation.svg +3 -0
  413. package/dist/svg/twitter.svg +3 -0
  414. package/dist/svg/upload.svg +3 -0
  415. package/dist/svg/user.svg +3 -0
  416. package/dist/svg/userAstronaut.svg +3 -0
  417. package/dist/svg/userGear.svg +3 -0
  418. package/dist/svg/userPlus.svg +3 -0
  419. package/dist/svg/users.svg +3 -0
  420. package/dist/svg/video.svg +3 -0
  421. package/dist/svg/wavePulse.svg +3 -0
  422. package/dist/svg/windowRestore.svg +3 -0
  423. package/dist/svg/wordpress.svg +3 -0
  424. package/dist/svg/wreathLaurel.svg +3 -0
  425. package/dist/svg/wrench.svg +3 -0
  426. package/dist/svg/xTwitter.svg +3 -0
  427. package/dist/svg/xmark.svg +3 -0
  428. package/dist/svg/xmarkLarge.svg +3 -0
  429. package/dist/svg/youtube.svg +3 -0
  430. package/dist/{layouts → utilities}/FlexContainer/FlexContainer.d.ts +1 -1
  431. package/dist/utilities/GlobalWrapper/GlobalWrapper.d.ts +21 -0
  432. package/dist/utilities/hooks/useDropdown/index.d.ts +1 -0
  433. package/dist/utilities/hooks/useDropdown/useDropdown.d.ts +121 -0
  434. package/package.json +70 -44
  435. package/tailwind/README.md +220 -0
  436. package/tailwind/TESTING.md +457 -0
  437. package/tailwind/v3/preset.cjs +258 -0
  438. package/tailwind/v4/theme.css +230 -0
  439. package/dist/components/CTASlice/CTASlice.d.ts +0 -43
  440. package/dist/components/DashboardStat/DashboardStat.d.ts +0 -28
  441. package/dist/components/PullQuote/PullQuote.d.ts +0 -34
  442. package/dist/components/SocialLinks/SocialLinks.d.ts +0 -23
  443. package/dist/components/badges/IndicatorBadge/IndicatorBadge.d.ts +0 -27
  444. package/dist/components/footer/FooterHeading/FooterHeading.d.ts +0 -22
  445. package/dist/components/footer/FooterLinks/FooterLinks.d.ts +0 -26
  446. package/dist/components/footer/SiteFooter/SiteFooter.d.ts +0 -30
  447. package/dist/components/footer/SiteFooter/footer-content.d.ts +0 -1
  448. package/dist/components/navigation/DashboardNav/DashboardNav.d.ts +0 -35
  449. package/dist/components/navigation/DashboardNav/DashboardNavItem.d.ts +0 -24
  450. package/dist/components/navigation/NavMenu/NavMenuDropdown.d.ts +0 -24
  451. package/dist/components/tiles/AvatarTileList/AvatarTileList.d.ts +0 -28
  452. package/dist/components/tiles/Tile/Tile.d.ts +0 -42
  453. package/dist/components/tiles/TileGrid/TileGrid.d.ts +0 -29
  454. package/dist/css/component-css/pds-avatar-tile-list.css +0 -1
  455. package/dist/css/component-css/pds-cta-slice.css +0 -1
  456. package/dist/css/component-css/pds-dashboard-nav.css +0 -5
  457. package/dist/css/component-css/pds-dashboard-stat.css +0 -1
  458. package/dist/css/component-css/pds-flow-steps.css +0 -1
  459. package/dist/css/component-css/pds-footer-heading.css +0 -1
  460. package/dist/css/component-css/pds-footer-links.css +0 -1
  461. package/dist/css/component-css/pds-indicator-badge.css +0 -25
  462. package/dist/css/component-css/pds-pull-quote.css +0 -1
  463. package/dist/css/component-css/pds-refresh-checker.css +0 -1
  464. package/dist/css/component-css/pds-social-links.css +0 -1
  465. package/dist/css/component-css/pds-tile.css +0 -1
  466. package/dist/css/component-css/pds-tiles-common.css +0 -1
  467. package/dist/layouts/DashboardGlobal/DashboardGlobal.d.ts +0 -57
  468. package/dist/layouts/DashboardInner/DashboardInner.d.ts +0 -30
  469. package/dist/layouts/GlobalWrapper/GlobalWrapper.d.ts +0 -19
  470. package/dist/utilities/context-providers/ResponsiveContext/ResponsiveContext.d.ts +0 -6
  471. /package/dist/components/{Skiplink → links/Skiplink}/Skiplink.d.ts +0 -0
  472. /package/dist/components/{Picture → media/Picture}/Picture.d.ts +0 -0
  473. /package/dist/components/{VideoEmbed → media/VideoEmbed}/VideoEmbed.d.ts +0 -0
  474. /package/dist/components/{Pagination → pagination/Pagination}/usePagination.d.ts +0 -0
  475. /package/dist/components/{FlowSteps → steppers/StepList}/example-steps.d.ts +0 -0
  476. /package/dist/{layouts → utilities}/Container/Container.d.ts +0 -0
@@ -1,26 +0,0 @@
1
- import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import type { HeadingLevelCommon } from '../../../libs/types/custom-types';
3
- import './footer-links.css';
4
- interface FooterLinksProps extends ComponentPropsWithoutRef<'div'> {
5
- /**
6
- * Additional class names
7
- */
8
- className?: string;
9
- /**
10
- * Heading level
11
- */
12
- headingLevel?: HeadingLevelCommon;
13
- /**
14
- * Heading text
15
- */
16
- headingText: string;
17
- /**
18
- * Array of links
19
- */
20
- linkItems?: ReactNode[];
21
- }
22
- /**
23
- * Footer Links UI component
24
- */
25
- export declare const FooterLinks: ({ className, headingLevel, headingText, linkItems, ...props }: FooterLinksProps) => import("react/jsx-runtime").JSX.Element;
26
- export {};
@@ -1,30 +0,0 @@
1
- import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { ContainerWidth } from '../../../libs/types/custom-types';
3
- import './site-footer.css';
4
- interface SiteFooterProps extends ComponentPropsWithoutRef<'footer'> {
5
- /**
6
- * Footer content.
7
- */
8
- children?: ReactNode;
9
- /**
10
- * Additional class names
11
- */
12
- className?: string;
13
- /**
14
- * PDS container width.
15
- */
16
- containerWidth?: ContainerWidth;
17
- /**
18
- * Should the footer have a top border?
19
- */
20
- hasTopBorder?: boolean;
21
- /**
22
- * Legal policy links.
23
- */
24
- legalLinks?: Array<'privacy' | 'dataSubjectRequest' | 'cookiePolicy' | 'termsOfUse' | 'acceptableUse' | 'accessibilityStatement'>;
25
- }
26
- /**
27
- * SiteFooter UI component
28
- */
29
- export declare const SiteFooter: ({ children, className, containerWidth, hasTopBorder, legalLinks, ...props }: SiteFooterProps) => import("react/jsx-runtime").JSX.Element;
30
- export {};
@@ -1 +0,0 @@
1
- export declare const docsFooterContent: import("react/jsx-runtime").JSX.Element;
@@ -1,35 +0,0 @@
1
- import { ComponentPropsWithoutRef } from 'react';
2
- import { DashboardNavItemProps } from './DashboardNavItem';
3
- import './dashboard-nav.css';
4
- /**
5
- * Prop types for DashboardNav
6
- */
7
- export interface DashboardNavProps extends ComponentPropsWithoutRef<'nav'> {
8
- /**
9
- * Aria label for the navigation.
10
- */
11
- ariaLabel: string;
12
- /**
13
- * Additional class names
14
- */
15
- className?: string;
16
- /**
17
- * Labels for translatable strings.
18
- */
19
- labels?: {
20
- submenu: string;
21
- toggle: string;
22
- };
23
- /**
24
- * Menu items to render.
25
- */
26
- menuItems: DashboardNavItemProps[];
27
- /**
28
- * Text to display in the mobile menu trigger button when no active link is found.
29
- */
30
- mobileMenuSelectTextFallback?: string;
31
- }
32
- /**
33
- * DashboardNav UI component
34
- */
35
- export declare const DashboardNav: ({ ariaLabel, className, labels, menuItems, mobileMenuSelectTextFallback, ...props }: DashboardNavProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,24 +0,0 @@
1
- import { NavigationItem } from '../../../libs/types/navigation-types';
2
- import { PDSIcon } from '../../icons/Icon/Icon';
3
- import './dashboard-nav.css';
4
- export interface DashboardNavItemProps extends NavigationItem {
5
- /**
6
- * Icon to display next to the link content.
7
- */
8
- icon?: PDSIcon;
9
- /**
10
- * Flag indicating whether the sidebar is expanded.
11
- */
12
- isSidebarExpanded?: boolean;
13
- /**
14
- * Labels for translatable strings.
15
- */
16
- labels?: {
17
- submenu: string;
18
- toggle: string;
19
- };
20
- }
21
- /**
22
- * DashboardNavItem UI component
23
- */
24
- export declare const DashboardNavItem: ({ icon, isActive, isSidebarExpanded, labels, linkContent, links, }: DashboardNavItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,24 +0,0 @@
1
- import { ComponentPropsWithoutRef } from 'react';
2
- import { NavMenuItem } from '../../../libs/types/navigation-types';
3
- /**
4
- * Prop types for NavMenuDropdown
5
- */
6
- interface NavMenuDropdownProps extends ComponentPropsWithoutRef<'button'> {
7
- /**
8
- * Dropdown items.
9
- */
10
- items?: NavMenuItem[];
11
- /**
12
- * Dropdown label.
13
- */
14
- label?: string;
15
- /**
16
- * Mobile menu will be enabled when viewport is at or below this number in pixels.
17
- */
18
- mobileMenuMaxWidth?: number;
19
- }
20
- /**
21
- * NavMenuDropdown UI component
22
- */
23
- export declare const NavMenuDropdown: ({ items, label, mobileMenuMaxWidth, }: NavMenuDropdownProps) => import("react/jsx-runtime").JSX.Element;
24
- export {};
@@ -1,28 +0,0 @@
1
- import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import '../tiles-common.css';
3
- import './avatar-tile-list.css';
4
- export type AvatarTileListItem = {
5
- alt?: string;
6
- image?: string;
7
- linkContent?: ReactNode;
8
- name?: string;
9
- org?: string;
10
- title?: string;
11
- };
12
- /**
13
- * Prop types for AvatarTileList
14
- */
15
- export interface AvatarTileListProps extends ComponentPropsWithoutRef<'div'> {
16
- /**
17
- * Additional class names
18
- */
19
- className?: string;
20
- /**
21
- * List of items for each tile.
22
- */
23
- listItems: AvatarTileListItem[];
24
- }
25
- /**
26
- * AvatarTileList UI component
27
- */
28
- export declare const AvatarTileList: ({ className, listItems, ...props }: AvatarTileListProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,42 +0,0 @@
1
- import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { HeadingLevelCommon } from '../../../libs/types/custom-types';
3
- import './../tiles-common.css';
4
- import './tile.css';
5
- export type TileDisplayType = 'border' | 'clean' | 'clean-static';
6
- /**
7
- * Prop types for Tile
8
- */
9
- export interface TileProps extends ComponentPropsWithoutRef<'div'> {
10
- /**
11
- * Additional class names
12
- */
13
- className?: string;
14
- /**
15
- * Display type.
16
- */
17
- displayType?: TileDisplayType;
18
- /**
19
- * Heading level or `span`.
20
- */
21
- headingLevel?: HeadingLevelCommon;
22
- /**
23
- * Heading text.
24
- */
25
- headingText?: string;
26
- /**
27
- * Image source.
28
- */
29
- imageSrc?: string;
30
- /**
31
- * A link element using the router of your choice.
32
- */
33
- linkContent?: ReactNode;
34
- /**
35
- * Summary paragraph.
36
- */
37
- summary?: string;
38
- }
39
- /**
40
- * Tile UI component
41
- */
42
- export declare const Tile: ({ className, displayType, headingLevel, headingText, imageSrc, linkContent, summary, ...props }: TileProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,29 +0,0 @@
1
- import { ComponentPropsWithoutRef } from 'react';
2
- import { HeadingLevelCommon } from '../../../libs/types/custom-types';
3
- import { TileDisplayType, TileProps } from '../../tiles/Tile/Tile';
4
- import './../tiles-common.css';
5
- /**
6
- * Prop types for TileGrid
7
- */
8
- export interface TileGridProps extends ComponentPropsWithoutRef<'div'> {
9
- /**
10
- * Additional class names
11
- */
12
- className?: string;
13
- /**
14
- * Display type.
15
- */
16
- displayType?: TileDisplayType;
17
- /**
18
- * Heading level or `span`. All tiles in the grid will use this heading level.
19
- */
20
- headingLevel?: HeadingLevelCommon;
21
- /**
22
- * Array of Tiles.
23
- */
24
- tiles: TileProps[];
25
- }
26
- /**
27
- * TileGrid UI component
28
- */
29
- export declare const TileGrid: ({ className, displayType, headingLevel, tiles, ...props }: TileGridProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- .pds-avatar-tile-list a{cursor:pointer;text-decoration:none}.pds-tile-list__image{margin-block-end:var(--pds-spacing-m)}.pds-tile-list__image--avatar img{border-radius:50%;height:auto;width:11rem}.pds-tile-list__name{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-xl);font-weight:var(--pds-typography-fw-bold)}.pds-tile-list__title{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-start:var(--pds-spacing-2xs)}.pds-tile-list__org{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);margin-block-start:var(--pds-spacing-4xs)}.pds-tile-list__item:focus-visible{outline-width:2px}
@@ -1 +0,0 @@
1
- .pds-cta-slice{background-color:var(--pds-color-bg-default)}.pds-cta-slice--secondary{background-color:var(--pds-color-bg-default-secondary)}.pds-cta-slice .pds-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-block:var(--pds-spacing-3xl);text-align:center}@media (min-width:768px){.pds-cta-slice .pds-container{padding-block:var(--pds-spacing-4xl);padding-inline:var(--pds-spacing-4xl)}}@media (min-width:1280px){.pds-cta-slice .pds-container{padding-block:var(--pds-spacing-6xl);padding-inline:var(--pds-spacing-5xl)}}.pds-cta-slice__heading{color:var(--pds-color-fg-default);display:block;font-weight:var(--pds-typography-fw-bold);margin-block-end:0}.pds-cta-slice__lead-text{color:var(--pds-color-fg-default-secondary);margin-block-end:0;margin-block-start:var(--pds-spacing-xl)}.pds-cta-slice__links{margin-block-start:var(--pds-spacing-2xl)}
@@ -1,5 +0,0 @@
1
- .pds-dashboard-nav{--dashboard-nav-icon-width:var(--pds-spacing-xl);--dashboard-nav-space-after-icon:var(--pds-spacing-s);--dashboard-nav-foreground-color:var(
2
- --pds-color-dashboard-nav-item-foreground-default
3
- );--dashboard-nav-outline-color:var(--pds-color-interactive-focus);font-family:var(--pds-typography-ff-sans)}.pds-dashboard-nav,.pds-dashboard-nav a{color:var(--dashboard-nav-foreground-color)}.pds-dashboard-nav a{text-decoration:none}.pds-dashboard-nav a:focus{box-shadow:none;outline:none}.pds-dashboard-nav a:hover{color:var(--dashboard-nav-foreground-color)}.pds-dashboard-nav a:focus-visible,.pds-dashboard-nav button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--dashboard-nav-outline-color);outline-offset:-1px}.pds-dashboard-nav .pds-icon{pointer-events:none}.pds-dashboard-nav__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-dashboard-nav__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-dashboard-nav__menu.pds-dashboard-nav__menu--top-level{row-gap:var(--pds-spacing-m)}.pds-dashboard-nav__item{list-style-type:none;margin-bottom:0}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active .pds-dashboard-nav__item-wrapper{--dashboard-nav-foreground-color:var(
4
- --pds-color-dashboard-nav-item-foreground-active
5
- );--dashboard-nav-outline-color:var(--pds-color-brand-primary-default);background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__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-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-hover);transition:var(--pds-animation-transition-button)}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper a{border-radius:var(--pds-border-radius-container);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-inner,.pds-dashboard-nav__link-icon{align-items:center;display:flex}.pds-dashboard-nav__link-icon{flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--dashboard-nav-space-after-icon);width:var(--dashboard-nav-icon-width)}.pds-dashboard-nav__link-icon .pds-icon--house,.pds-dashboard-nav__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-dashboard-nav__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(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon))}.pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:flex;row-gap:var(--pds-spacing-s)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level{font-size:var(--pds-typography-size-s)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-hover);font-weight:var(--pds-typography-fw-semibold)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level a:focus-visible{border-radius:1px;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:4px;transition:var(--pds-animation-transition-focus)}.pds-dashboard-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--dashboard-nav-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-dashboard-nav__toggle .pds-icon{padding-inline:.125rem;transform:rotate(0deg);transition:var(--pds-animation-transition-rotation)}.pds-dashboard-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-dashboard-nav__link-label{opacity:1;transition:opacity .1s ease-in-out}.pds-dashboard-nav--collapsed .pds-dashboard-nav__logo svg{width:1.25rem}.pds-dashboard-nav--collapsed .pds-dashboard-nav__link-label{opacity:0;transition:opacity .1s ease-in-out}.pds-dashboard-nav--collapsed .pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:none}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--collapsed .pds-dashboard-nav__item-wrapper a{width:2.875rem}.pds-dashboard-nav__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-dashboard-nav__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-sans);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-dashboard-nav__menu--second-level-flyout{row-gap:0}.pds-dashboard-nav__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-dashboard-nav__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-dashboard-nav__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-dashboard-nav__item--second-level-flyout.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:var(--pds-typography-fw-semibold)}.pds-dashboard-nav__item--second-level-flyout a:focus-visible{border-radius:1px;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:4px;transition:var(--pds-animation-transition-focus)}.pds-dashboard-nav .pds-tooltip__container{padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.pds-dashboard-nav .pds-dropdown-menu .pds-dashboard-nav__item-inner{align-items:center;display:flex}.pds-dashboard-nav .pds-dropdown-menu__trigger{padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) - .25rem)}.pds-dashboard-nav .pds-dropdown-menu__item a{padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav .pds-dropdown-menu__item--second-level{padding-block:var(--pds-spacing-3xs);padding-inline-start:calc(var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon) + .0625rem)}
@@ -1 +0,0 @@
1
- .pds-dashboard-stat{background-color:var(--pds-color-bg-default-secondary);border-radius:var(--pds-border-radius-container);display:inline-flex;flex-direction:column;gap:var(--pds-spacing-s);min-width:10rem;padding:var(--pds-spacing-s)}@media (max-width:767px){.pds-dashboard-stat{width:100%}}.pds-dashboard-stat .pds-dashboard-stat__title{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);text-transform:uppercase}.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper{align-items:center;display:grid;gap:var(--pds-spacing-2xs);grid-template-columns:16px 1fr}.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper .pds-dashboard-stat__stat-status.pds-dashboard-stat__stat-status--ready,.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper .pds-dashboard-stat__stat-status.pds-dashboard-stat__stat-status--success{color:var(--pds-color-status-success-foreground)}.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper .pds-dashboard-stat__stat-status.pds-dashboard-stat__stat-status--launch{color:var(--pds-color-status-info-foreground)}.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper .pds-dashboard-stat__stat-status.pds-dashboard-stat__stat-status--warning{color:var(--pds-color-status-warning-foreground)}.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper .pds-dashboard-stat__stat-status.pds-dashboard-stat__stat-status--error,.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper .pds-dashboard-stat__stat-status.pds-dashboard-stat__stat-status--notReady{color:var(--pds-color-status-critical-foreground)}.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper .pds-dashboard-stat__stat-value{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-xl);font-weight:var(--pds-typography-fw-semibold)}@media (max-width:767px){.pds-dashboard-stat .pds-dashboard-stat__stat-wrapper .pds-dashboard-stat__stat-value{font-size:var(--pds-typography-size-l)}}.pds-dashboard-stat-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--pds-spacing-xl);width:unset}
@@ -1 +0,0 @@
1
- ol.pds-flow-steps{display:flex;flex-direction:column;font-family:var(--pds-typography-ff-sans);list-style:none;padding:0;row-gap:var(--pds-spacing-2xl)}@media (min-width:1280px){ol.pds-flow-steps--horizontal{display:grid;grid-template-columns:repeat(var(--flow-steps-columns,1),1fr);grid-gap:var(--pds-spacing-2xl)}}ol.pds-flow-steps--indented li{column-gap:var(--pds-spacing-xs);display:flex}.pds-flow-steps__header{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-m)}.pds-flow-steps__number{align-items:center;background-color:var(--pds-color-bg-reverse);border-radius:50%;color:var(--pds-color-fg-reverse);display:flex;flex-shrink:0;font-family:var(--pds-typography-ff-sans);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);height:var(--pds-spacing-l);justify-content:center;line-height:90%;padding:1px;width:var(--pds-spacing-l)}.pds-flow-steps__number span{padding-block-start:1px}.pds-flow-steps__content{padding-block-start:var(--pds-spacing-s)}.pds-flow-steps__header-group{column-gap:var(--pds-spacing-xs);display:flex}.pds-flow-steps__content-group{overflow-x:hidden;width:100%}
@@ -1 +0,0 @@
1
- .pds-footer-heading{color:var(--pds-color-fg-default);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s);margin-block-end:var(--pds-spacing-l);margin-block-start:0}
@@ -1 +0,0 @@
1
- .pds-footer-links{color:var(--pds-color-fg-default);font-family:var(--pds-typography-ff-sans)}.pds-footer-links__list{display:flex;flex-direction:column;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-m)}.pds-footer-links__item a{color:var(--pds-color-fg-default);text-decoration:none}.pds-footer-links__item a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}
@@ -1,25 +0,0 @@
1
- .pds-indicator-badge{--indicator-badge-background:var(
2
- --pds-color-badge-indicator-default-background
3
- );--indicator-badge-text:var(--pds-color-badge-indicator-default-foreground);align-items:center;background-color:var(--indicator-badge-background);border:var(--pds-border-width-default) solid var(--indicator-badge-background);border-radius:var(--pds-border-radius-default);color:var(--indicator-badge-text);display:inline-block;font-weight:var(--pds-typography-fw-semibold);letter-spacing:var(--pds-typography-ls-s);line-height:var(--pds-typography-lh-m);text-transform:uppercase;white-space:nowrap}.pds-indicator-badge__label{display:inline-block}.pds-indicator-badge--md{font-size:var(--pds-typography-size-xs);padding:var(--pds-spacing-4xs) var(--pds-spacing-2xs)}.pds-indicator-badge--md .pds-indicator-badge__label{padding-block-start:.0625rem}.pds-indicator-badge--sm{font-size:.625rem;padding:var(--pds-spacing-4xs) var(--pds-spacing-2xs)}.pds-indicator-badge--neutral{--indicator-badge-background:var(
4
- --pds-color-badge-indicator-neutral-background
5
- );--indicator-badge-text:var(--pds-color-badge-indicator-neutral-foreground)}.pds-indicator-badge--default{--indicator-badge-background:var(
6
- --pds-color-badge-indicator-default-background
7
- );--indicator-badge-text:var(--pds-color-badge-indicator-default-foreground)}.pds-indicator-badge--brand{--indicator-badge-background:var(
8
- --pds-color-badge-indicator-brand-background
9
- );--indicator-badge-text:var(--pds-color-badge-indicator-brand-foreground)}.pds-indicator-badge--critical{--indicator-badge-background:var(
10
- --pds-color-badge-indicator-critical-background
11
- );--indicator-badge-text:var(--pds-color-badge-indicator-critical-foreground)}.pds-indicator-badge--info{--indicator-badge-background:var(
12
- --pds-color-badge-indicator-info-background
13
- );--indicator-badge-text:var(--pds-color-badge-indicator-info-foreground)}.pds-indicator-badge--success{--indicator-badge-background:var(
14
- --pds-color-badge-indicator-success-background
15
- );--indicator-badge-text:var(--pds-color-badge-indicator-success-foreground)}.pds-indicator-badge--warning{--indicator-badge-background:var(
16
- --pds-color-badge-indicator-warning-background
17
- );--indicator-badge-text:var(--pds-color-badge-indicator-warning-foreground)}.pds-indicator-badge--silver{--indicator-badge-background:var(
18
- --pds-color-badge-indicator-silver-background
19
- );--indicator-badge-text:var(--pds-color-badge-indicator-silver-foreground)}.pds-indicator-badge--gold{--indicator-badge-background:var(
20
- --pds-color-badge-indicator-gold-background
21
- );--indicator-badge-text:var(--pds-color-badge-indicator-gold-foreground)}.pds-indicator-badge--platinum{--indicator-badge-background:var(
22
- --pds-color-badge-indicator-platinum-background
23
- );--indicator-badge-text:var(--pds-color-badge-indicator-platinum-foreground)}.pds-indicator-badge--diamond{--indicator-badge-background:var(
24
- --pds-color-badge-indicator-diamond-background
25
- );--indicator-badge-text:var(--pds-color-badge-indicator-diamond-foreground)}
@@ -1 +0,0 @@
1
- .pds-pull-quote{display:flex;flex-direction:column;gap:var(--pds-spacing-xl);padding-block:var(--pds-spacing-3xl) calc(var(--pds-spacing-3xl) + 1rem)}.pds-pull-quote__image img{height:auto;max-height:6rem;max-width:18rem;width:auto}.pds-pull-quote__quote-wrapper{column-gap:var(--pds-spacing-xl);display:flex;margin-inline:auto;width:92%}.pds-pull-quote--stand-alone{text-align:center}.pds-pull-quote__icon{color:var(--pds-color-brand-secondary-default)}.pds-pull-quote__text-wrapper{color:var(--pds-color-fg-default);display:flex;flex-direction:column;row-gap:var(--pds-spacing-xl)}.pds-pull-quote__attribution{font-family:var(--pds-typography-ff-sans);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-regular);text-transform:uppercase}.pds-pull-quote__name{font-weight:var(--pds-typography-fw-semibold)}.pds-pull-quote--inline .pds-pull-quote__icon--after{display:none}@media (max-width:767px){.pds-pull-quote{padding-block:var(--pds-spacing-xl) calc(var(--pds-spacing-xl) + 1rem)}.pds-pull-quote__image img{display:none}.pds-pull-quote__quote-wrapper{flex-direction:column;width:100%}.pds-pull-quote__icon--after{display:none}.pds-pull-quote__icon{margin-block-end:var(--pds-spacing-s)}}
@@ -1 +0,0 @@
1
- .pds-refresh-checker{display:flex}.pds-refresh-checker__button{align-items:center;background-color:transparent;border:0;color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex;font-family:var(--pds-typography-ff-sans);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-xs);height:var(--pds-spacing-button-height-m)}.pds-refresh-checker__button:hover .pds-refresh-checker__icon,.pds-refresh-checker__button:hover .pds-refresh-checker__label{color:var(--pds-color-interactive-link-hover)}.pds-refresh-checker__button .pds-refresh-checker__icon{color:var(--pds-color-fg-default)}.pds-refresh-checker__button .pds-tooltip .pds-refresh-checker__tooltip-icon{align-items:center;display:flex}.pds-refresh-checker__button--spinning{cursor:not-allowed}.pds-refresh-checker__icon--spinning{animation:pds-refresh-checker__icon--spin 1s linear infinite}@keyframes pds-refresh-checker__icon--spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pds-refresh-checker--left{justify-content:flex-start}.pds-refresh-checker--left .pds-tooltip{padding-inline-end:var(--pds-spacing-4xs)}.pds-refresh-checker--right{justify-content:flex-end}.pds-refresh-checker--right .pds-tooltip{padding-inline-start:var(--pds-spacing-4xs)}
@@ -1 +0,0 @@
1
- .pds-social-links{column-gap:var(--pds-spacing-m);display:flex;list-style-type:none;margin:0;padding:0}.pds-social-links__item a{color:var(--pds-color-fg-default-secondary);display:flex}.pds-social-links__item a:hover{color:var(--pds-color-interactive-link-hover)}.pds-social-links__item a:focus{outline-width:2px}
@@ -1 +0,0 @@
1
- .pds-tile__image{margin-block-end:var(--pds-spacing-s)}.pds-tile__image img{height:auto;max-width:5rem}.pds-tile__summary p{color:var(--pds-color-fg-default-secondary);line-height:var(--pds-typography-lh-m);margin-block-end:0}.pds-tile__cta{margin-block-start:var(--pds-spacing-m)}.pds-tile__cta a:focus{outline:none}.pds-tile__cta a:before{border-radius:var(--pds-border-radius-container);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:var(--pds-animation-transition-button);z-index:1}.pds-tile__cta a:focus-visible:before{border:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-button)}.dark-mode .pds-tile__image img{filter:grayscale(1) invert()}
@@ -1 +0,0 @@
1
- .pds-tile-grid,.pds-tile-list{display:grid;grid-row-gap:var(--pds-spacing-m)}@media (min-width:768px){.pds-tile-grid,.pds-tile-list{grid-column-gap:var(--pds-spacing-s);grid-row-gap:var(--pds-spacing-l);grid-template-columns:1fr 1px 1fr 1px 1fr}}@media (min-width:1280px){.pds-tile-grid,.pds-tile-list{grid-column-gap:var(--pds-spacing-l);grid-row-gap:var(--pds-spacing-2xl)}}@media (min-width:768px){.pds-tile-grid--two-column{grid-template-columns:1fr 1px 1fr}}.pds-tile,.pds-tile-list__item{align-items:center;background-color:var(--pds-color-bg-default);border-radius:var(--pds-border-radius-container);display:flex;flex-direction:column;padding:var(--pds-spacing-xl);position:relative;row-gap:var(--pds-spacing-3xs);text-align:center;transition:var(--pds-animation-transition-button);width:100%}@media (min-width:768px){.pds-tile,.pds-tile-list__item{padding:var(--pds-spacing-xl) var(--pds-spacing-m)}}@media (min-width:1280px){.pds-tile,.pds-tile-list__item{padding:var(--pds-spacing-xl)}}.pds-tile.pds-tile--clean:hover,a.pds-tile-list__item:hover{background-color:var(--pds-color-interactive-background-hover);text-decoration:none;transition:var(--pds-animation-transition-button)}.pds-tile.pds-tile--clean:hover .pds-cta-link__icon,a.pds-tile-list__item:hover .pds-cta-link__icon{color:var(--pds-color-interactive-link-hover);left:var(--pds-spacing-s)}.pds-tile.pds-tile--border:active,.pds-tile.pds-tile--clean:active,a.pds-tile-list__item:active{background-color:var(--pds-color-interactive-background-active);transition:var(--pds-animation-transition-button)}.pds-tile--border{background-color:var(--pds-color-tile-background);box-shadow:var(--pds-elevation-raised)}.pds-tile.pds-tile--border:hover{box-shadow:var(--pds-elevation-overlay)}.pds-tile.pds-tile--border:hover .pds-cta-link__icon{color:var(--pds-color-interactive-link-hover);left:var(--pds-spacing-s)}.pds-tile__separator{background-color:var(--pds-color-border-default);height:1px;margin:0 auto;width:65%}@media (min-width:768px){.pds-tile__separator{display:inline;height:80%;margin:auto 0;width:1px}}@media (min-width:1280px){.pds-tile__separator{height:70%}}.pds-tile__separator:last-child{display:none}@media (min-width:768px){.pds-tile__separator:nth-child(3n+3){display:none}}.pds-tile--border+.pds-tile__separator{background-color:var(--pds-color-bg-default)}.pds-tile__heading{color:var(--pds-color-fg-default);font-weight:var(--pds-typography-fw-bold);margin-block-end:var(--pds-spacing-xs)}.pds-tile__bodytext,.pds-tile__bodytext p{color:var(--pds-color-fg-default-secondary);line-height:var(--pds-typography-lh-m);margin-block-end:0}a.pds-tile__cta{color:var(--pds-color-brand-secondary-default);display:inline-flex;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-bold);gap:var(--pds-spacing-3xs);letter-spacing:var(--pds-typography-ls-s);line-height:var(--pds-typography-lh-s);margin-block-start:var(--pds-spacing-m);outline:none;text-decoration:none}.pds-tile__cta:focus-visible:before{border:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-button)}.pds-tile__cta-icon{fill:var(--pds-color-brand-secondary-default);margin-inline-start:var(--pds-spacing-2xs);position:relative;top:.125rem}
@@ -1,57 +0,0 @@
1
- import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- export declare const DashboardContext: React.Context<any>;
3
- import './dashboard-global.css';
4
- /**
5
- * Prop types for DashboardGlobal
6
- */
7
- interface DashboardGlobalProps extends ComponentPropsWithoutRef<'div'> {
8
- /**
9
- * Child elements to be assigned to named slots.
10
- */
11
- children: ReactNode;
12
- /**
13
- * Additional class names. Will be merged with existing component root classes.
14
- */
15
- className?: string;
16
- /**
17
- * Whether to include a sidebar toggle button.
18
- */
19
- hasSidebarToggle?: boolean;
20
- /**
21
- * Is the dashboard in admin mode?
22
- */
23
- isAdmin?: boolean;
24
- /**
25
- * Is the sidebar expanded?
26
- */
27
- isSidebarExpanded?: boolean;
28
- /**
29
- * A fully-formed link element using the router of your choice. The link text will be used as the aria-label. If the logo should not be a link, set to `null`.
30
- */
31
- logoLinkContent?: ReactNode;
32
- /**
33
- * Function to set the sidebar expanded state.
34
- */
35
- setIsSidebarExpanded?: (isOpen: boolean) => void;
36
- /**
37
- * Width of the sidebar when collapsed in rems. This should not need to be modified.
38
- */
39
- sidebarCollapsedWidth?: number;
40
- /**
41
- * Width of the sidebar when expanded in rems. This should not need to be modified, unless slightly to accommodate longer top-level navigation items.
42
- */
43
- sidebarExpandedWidth?: number;
44
- /**
45
- * Translatable string for sidebar toggle button.
46
- */
47
- sidebarToggleLabel?: string;
48
- /**
49
- * Translatable string for skiplink.
50
- */
51
- skiplinkText?: string;
52
- }
53
- /**
54
- * DashboardGlobal UI component
55
- */
56
- export declare const DashboardGlobal: ({ children, className, hasSidebarToggle, isAdmin, isSidebarExpanded, logoLinkContent, setIsSidebarExpanded, sidebarCollapsedWidth, sidebarExpandedWidth, sidebarToggleLabel, skiplinkText, ...props }: DashboardGlobalProps) => import("react/jsx-runtime").JSX.Element;
57
- export {};
@@ -1,30 +0,0 @@
1
- import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import './dashboard-inner.css';
3
- /**
4
- * Prop types for DashboardInner
5
- */
6
- interface DashboardInnerProps extends ComponentPropsWithoutRef<'div'> {
7
- /**
8
- * Child elements. Main content can be passed without a slot attribute (unslotted).
9
- * Optional named slots: `header-left`, `header-right`, `content` (for backwards compatibility).
10
- */
11
- children: ReactNode;
12
- /**
13
- * Additional class names
14
- */
15
- className?: string;
16
- /**
17
- * Whether to apply bottom spacing to the second-to-last content child.
18
- * This prop provides flexibility for different dashboard layouts:
19
- * - When true: Adds consistent spacing between content sections while preventing
20
- * unnecessary spacing after the last element
21
- * - When false: Removes all content spacing for layouts that require custom spacing
22
- * @default false
23
- */
24
- hasContentSpacing?: boolean;
25
- }
26
- /**
27
- * DashboardInner UI component
28
- */
29
- export declare const DashboardInner: ({ children, className, hasContentSpacing, ...props }: DashboardInnerProps) => import("react/jsx-runtime").JSX.Element;
30
- export {};
@@ -1,19 +0,0 @@
1
- import { ReactNode } from 'react';
2
- /**
3
- * Prop types for GlobalWrapper
4
- */
5
- interface GlobalWrapperProps {
6
- /**
7
- * Child components
8
- */
9
- children: ReactNode;
10
- /**
11
- * Mobile menu will be enabled when viewport is at or below this number in pixels.
12
- */
13
- mobileMenuMaxWidth?: number;
14
- }
15
- /**
16
- * GlobalWrapper wrapper component.
17
- */
18
- export declare const GlobalWrapper: ({ children, mobileMenuMaxWidth, }: GlobalWrapperProps) => import("react/jsx-runtime").JSX.Element;
19
- export {};
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- export declare const ResponsiveContext: React.Context<any>;
3
- export declare const ResponsiveContextProvider: ({ children, mobileMenuMaxWidth, }: {
4
- children: any;
5
- mobileMenuMaxWidth?: number;
6
- }) => import("react/jsx-runtime").JSX.Element;