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

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 (496) 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/SiteFooter/SiteFooter.d.ts +38 -0
  10. package/dist/components/{navigation/DashboardSearch/DashboardSearch.d.ts → SiteSearch/SiteSearch.d.ts} +6 -11
  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/ActionCard/ActionCard.d.ts +64 -0
  31. package/dist/components/cards/Card/Card.d.ts +9 -2
  32. package/dist/components/cards/{CardSelectGroup/CardSelectGroup.d.ts → CardSelect/CardSelect.d.ts} +13 -8
  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/PieChart/PieChart.d.ts +59 -0
  36. package/dist/components/charts/ProportionBar/ProportionBar.d.ts +57 -0
  37. package/dist/components/charts/shared/ChartAccessibleTable.d.ts +17 -0
  38. package/dist/components/charts/shared/ChartLegend.d.ts +25 -0
  39. package/dist/components/charts/shared/ChartSkeleton.d.ts +11 -0
  40. package/dist/components/charts/shared/chart-colors.d.ts +30 -0
  41. package/dist/components/charts/shared/chart-styles.d.ts +16 -0
  42. package/dist/components/charts/shared/formatters.d.ts +12 -0
  43. package/dist/components/charts/shared/types.d.ts +128 -0
  44. package/dist/components/empty-states/HorizontalEmptyState/HorizontalEmptyState.d.ts +1 -1
  45. package/dist/components/icons/Icon/Icon.d.ts +11 -731
  46. package/dist/components/icons/Icon/IconSearch.d.ts +1 -0
  47. package/dist/components/icons/Icon/custom-icons.d.ts +46 -0
  48. package/dist/components/icons/Icon/generated-icon-data.d.ts +1499 -0
  49. package/dist/components/icons/Icon/icon-registry.d.ts +34 -0
  50. package/dist/components/icons/PaymentIcon/PaymentIcon.d.ts +7 -3
  51. package/dist/components/icons/PlatformIcon/PlatformIcon.d.ts +6 -6
  52. package/dist/components/inputs/Checkbox/Checkbox.d.ts +3 -3
  53. package/dist/components/inputs/Combobox/Combobox.d.ts +17 -7
  54. package/dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts +33 -6
  55. package/dist/components/inputs/Datepicker/Datepicker.d.ts +16 -2
  56. package/dist/components/inputs/FileUpload/FileUpload.d.ts +6 -1
  57. package/dist/components/inputs/RadioGroup/RadioGroup.d.ts +1 -1
  58. package/dist/components/inputs/Select/Select.d.ts +11 -2
  59. package/dist/components/inputs/Select/select-sample-data.d.ts +1 -0
  60. package/dist/components/inputs/Switch/Switch.d.ts +1 -17
  61. package/dist/components/inputs/TagsInput/TagsInput.d.ts +105 -0
  62. package/dist/components/inputs/TextInput/TextInput.d.ts +5 -1
  63. package/dist/components/inputs/Textarea/Textarea.d.ts +5 -1
  64. package/dist/components/inputs/input-utilities.d.ts +5 -4
  65. package/dist/components/{CTALink → links/CTALink}/CTALink.d.ts +1 -1
  66. package/dist/components/{LinkNewWindow → links/LinkNewWindow}/LinkNewWindow.d.ts +1 -1
  67. package/dist/components/navigation/DropdownMenu/DropdownMenu.d.ts +1 -0
  68. package/dist/components/navigation/Navbar/Navbar.d.ts +1 -1
  69. package/dist/components/navigation/SideNavGlobal/SideNavGlobal.d.ts +5 -15
  70. package/dist/components/navigation/SideNavGlobal/SideNavGlobalItem.d.ts +5 -1
  71. package/dist/components/navigation/{NavMenu/NavMenu.d.ts → SiteMenu/SiteMenu.d.ts} +5 -8
  72. package/dist/components/navigation/SiteMenu/SiteMenuDropdown.d.ts +23 -0
  73. package/dist/components/navigation/TabMenu/TabMenu.d.ts +6 -1
  74. package/dist/components/navigation/UserMenu/UserMenu.d.ts +1 -5
  75. package/dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +8 -12
  76. package/dist/components/notifications/Banner/Banner.d.ts +32 -12
  77. package/dist/components/notifications/NotificationsPopover/NotificationsPopover.d.ts +2 -7
  78. package/dist/components/notifications/SectionMessage/SectionMessage.d.ts +6 -2
  79. package/dist/components/notifications/Toaster/Toast.d.ts +13 -2
  80. package/dist/components/notifications/Toaster/Toaster.d.ts +16 -7
  81. package/dist/components/notifications/Toaster/useToast.d.ts +2 -0
  82. package/dist/components/overlays/Drawer/Drawer.d.ts +58 -0
  83. package/dist/components/overlays/FullScreenOverlay/FullScreenOverlay.d.ts +45 -0
  84. package/dist/components/{Modal → overlays/Modal}/Modal.d.ts +1 -1
  85. package/dist/components/{Pagination → pagination/Pagination}/Pagination.d.ts +7 -2
  86. package/dist/components/pagination/PaginationCompact/PaginationCompact.d.ts +49 -0
  87. package/dist/components/pagination/PaginationMini/PaginationMini.d.ts +55 -0
  88. package/dist/components/panels/ExpansionPanel/ExpansionPanel.d.ts +6 -3
  89. package/dist/components/panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts +1 -2
  90. package/dist/components/panels/Panel/Panel.d.ts +1 -18
  91. package/dist/components/panels/PanelList/PanelList.d.ts +1 -1
  92. package/dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts +3 -4
  93. package/dist/components/progress-indicators/ProgressRing/ProgressRing.d.ts +2 -3
  94. package/dist/components/{FlowSteps/FlowSteps.d.ts → steppers/StepList/StepList.d.ts} +7 -7
  95. package/dist/css/component-css/pds-action-card.css +1 -0
  96. package/dist/css/component-css/pds-avatar.css +1 -1
  97. package/dist/css/component-css/pds-badge.css +1 -0
  98. package/dist/css/component-css/pds-banner.css +1 -1
  99. package/dist/css/component-css/pds-bar-chart.css +1 -0
  100. package/dist/css/component-css/pds-branch-diff.css +1 -1
  101. package/dist/css/component-css/pds-breadcrumb.css +1 -1
  102. package/dist/css/component-css/pds-button-link.css +1 -1
  103. package/dist/css/component-css/pds-button-nav.css +1 -1
  104. package/dist/css/component-css/pds-button.css +9 -3
  105. package/dist/css/component-css/pds-callout.css +1 -1
  106. package/dist/css/component-css/pds-card-select.css +1 -0
  107. package/dist/css/component-css/pds-card.css +1 -1
  108. package/dist/css/component-css/pds-chart-legend.css +1 -0
  109. package/dist/css/component-css/pds-chart-wrapper.css +1 -0
  110. package/dist/css/component-css/pds-checkbox.css +1 -1
  111. package/dist/css/component-css/pds-close-button.css +1 -1
  112. package/dist/css/component-css/pds-combobox-multiselect.css +4 -2
  113. package/dist/css/component-css/pds-combobox.css +1 -1
  114. package/dist/css/component-css/pds-compact-empty-state.css +1 -1
  115. package/dist/css/component-css/pds-comparison-list.css +1 -1
  116. package/dist/css/component-css/pds-cta-link.css +1 -1
  117. package/dist/css/component-css/pds-datepicker.css +1 -1
  118. package/dist/css/component-css/pds-drawer.css +1 -0
  119. package/dist/css/component-css/pds-dropdown-menu.css +2 -2
  120. package/dist/css/component-css/pds-dropdown.css +2 -0
  121. package/dist/css/component-css/pds-expansion-panel.css +1 -1
  122. package/dist/css/component-css/pds-file-diff.css +1 -1
  123. package/dist/css/component-css/pds-file-upload.css +2 -2
  124. package/dist/css/component-css/pds-full-screen-overlay.css +1 -0
  125. package/dist/css/component-css/pds-horizontal-empty-state.css +1 -1
  126. package/dist/css/component-css/pds-icon-button.css +4 -4
  127. package/dist/css/component-css/pds-icon-story-only.css +1 -1
  128. package/dist/css/component-css/pds-icon.css +1 -0
  129. package/dist/css/component-css/pds-identity-block.css +1 -0
  130. package/dist/css/component-css/pds-index.css +103 -57
  131. package/dist/css/component-css/pds-inline-message.css +1 -1
  132. package/dist/css/component-css/pds-input-group.css +1 -1
  133. package/dist/css/component-css/pds-input-utilities.css +1 -1
  134. package/dist/css/component-css/pds-line-chart.css +1 -0
  135. package/dist/css/component-css/pds-link-new-window.css +1 -1
  136. package/dist/css/component-css/pds-menu-button.css +4 -1
  137. package/dist/css/component-css/pds-modal.css +1 -1
  138. package/dist/css/component-css/pds-nav-menu.css +2 -2
  139. package/dist/css/component-css/pds-navbar.css +4 -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-icon.css +1 -1
  149. package/dist/css/component-css/pds-pie-chart.css +1 -0
  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-progress-bar.css +1 -1
  153. package/dist/css/component-css/pds-progress-ring.css +1 -1
  154. package/dist/css/component-css/pds-proportion-bar.css +1 -0
  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-footer.css +1 -1
  163. package/dist/css/component-css/pds-site-search.css +1 -0
  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 +94 -6
  208. package/dist/index.js +12732 -1983
  209. package/dist/index.js.map +1 -1
  210. package/dist/index.source.d.ts +36 -39
  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 -4
  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/SiteDashboardHeading/SiteDashboardHeading.d.ts +0 -62
  443. package/dist/components/SocialLinks/SocialLinks.d.ts +0 -23
  444. package/dist/components/badges/IndicatorBadge/IndicatorBadge.d.ts +0 -27
  445. package/dist/components/cards/CardHeading/CardHeading.d.ts +0 -31
  446. package/dist/components/cards/EmptyStateCard/EmptyStateCard.d.ts +0 -36
  447. package/dist/components/cards/LinksCard/LinksCard.d.ts +0 -29
  448. package/dist/components/cards/LinksCard/links-card-sample-data.d.ts +0 -2
  449. package/dist/components/cards/NewSiteCard/NewSiteCard.d.ts +0 -61
  450. package/dist/components/cards/PaymentCard/PaymentCard.d.ts +0 -47
  451. package/dist/components/cards/PricingCard/PricingCard.d.ts +0 -90
  452. package/dist/components/cards/SiteCard/SiteCard.d.ts +0 -50
  453. package/dist/components/footer/FooterHeading/FooterHeading.d.ts +0 -22
  454. package/dist/components/footer/FooterLinks/FooterLinks.d.ts +0 -26
  455. package/dist/components/footer/SiteFooter/SiteFooter.d.ts +0 -30
  456. package/dist/components/footer/SiteFooter/footer-content.d.ts +0 -1
  457. package/dist/components/navigation/DashboardNav/DashboardNav.d.ts +0 -35
  458. package/dist/components/navigation/DashboardNav/DashboardNavItem.d.ts +0 -24
  459. package/dist/components/navigation/NavMenu/NavMenuDropdown.d.ts +0 -24
  460. package/dist/components/tiles/AvatarTileList/AvatarTileList.d.ts +0 -28
  461. package/dist/components/tiles/Tile/Tile.d.ts +0 -42
  462. package/dist/components/tiles/TileGrid/TileGrid.d.ts +0 -29
  463. package/dist/css/component-css/pds-avatar-tile-list.css +0 -1
  464. package/dist/css/component-css/pds-card-heading.css +0 -1
  465. package/dist/css/component-css/pds-card-select-group.css +0 -1
  466. package/dist/css/component-css/pds-cta-slice.css +0 -1
  467. package/dist/css/component-css/pds-dashboard-nav.css +0 -5
  468. package/dist/css/component-css/pds-dashboard-search.css +0 -1
  469. package/dist/css/component-css/pds-dashboard-stat.css +0 -1
  470. package/dist/css/component-css/pds-empty-state-card.css +0 -1
  471. package/dist/css/component-css/pds-flow-steps.css +0 -1
  472. package/dist/css/component-css/pds-footer-heading.css +0 -1
  473. package/dist/css/component-css/pds-footer-links.css +0 -1
  474. package/dist/css/component-css/pds-indicator-badge.css +0 -25
  475. package/dist/css/component-css/pds-links-card.css +0 -1
  476. package/dist/css/component-css/pds-new-site-card.css +0 -1
  477. package/dist/css/component-css/pds-payment-card.css +0 -1
  478. package/dist/css/component-css/pds-pricing-card-local.css +0 -1
  479. package/dist/css/component-css/pds-pricing-card.css +0 -1
  480. package/dist/css/component-css/pds-pull-quote.css +0 -1
  481. package/dist/css/component-css/pds-refresh-checker.css +0 -1
  482. package/dist/css/component-css/pds-site-card.css +0 -1
  483. package/dist/css/component-css/pds-site-dashboard-heading.css +0 -1
  484. package/dist/css/component-css/pds-social-links.css +0 -1
  485. package/dist/css/component-css/pds-tile.css +0 -1
  486. package/dist/css/component-css/pds-tiles-common.css +0 -1
  487. package/dist/layouts/DashboardGlobal/DashboardGlobal.d.ts +0 -57
  488. package/dist/layouts/DashboardInner/DashboardInner.d.ts +0 -30
  489. package/dist/layouts/GlobalWrapper/GlobalWrapper.d.ts +0 -19
  490. package/dist/utilities/context-providers/ResponsiveContext/ResponsiveContext.d.ts +0 -6
  491. /package/dist/components/{Skiplink → links/Skiplink}/Skiplink.d.ts +0 -0
  492. /package/dist/components/{Picture → media/Picture}/Picture.d.ts +0 -0
  493. /package/dist/components/{VideoEmbed → media/VideoEmbed}/VideoEmbed.d.ts +0 -0
  494. /package/dist/components/{Pagination → pagination/Pagination}/usePagination.d.ts +0 -0
  495. /package/dist/components/{FlowSteps → steppers/StepList}/example-steps.d.ts +0 -0
  496. /package/dist/{layouts → utilities}/Container/Container.d.ts +0 -0
@@ -1,5 +1,5 @@
1
1
  export * from './components/Avatar/Avatar';
2
- export * from './components/badges/IndicatorBadge/IndicatorBadge';
2
+ export * from './components/badges/Badge/Badge';
3
3
  export * from './components/badges/StatusBadge/StatusBadge';
4
4
  export * from './components/badges/Tally/Tally';
5
5
  export * from './components/BranchDiff/BranchDiff';
@@ -14,31 +14,25 @@ export * from './components/buttons/SplitButton/SplitButton';
14
14
  export * from './components/buttons/SSOButton/SSOButton';
15
15
  export * from './components/buttons/UtilityButton/UtilityButton';
16
16
  export * from './components/Callout/Callout';
17
+ export * from './components/cards/ActionCard/ActionCard';
17
18
  export * from './components/cards/Card/Card';
18
- export * from './components/cards/CardHeading/CardHeading';
19
- export * from './components/cards/CardSelectGroup/CardSelectGroup';
20
- export * from './components/cards/EmptyStateCard/EmptyStateCard';
21
- export * from './components/cards/LinksCard/LinksCard';
22
- export * from './components/cards/NewSiteCard/NewSiteCard';
23
- export * from './components/cards/PaymentCard/PaymentCard';
24
- export * from './components/cards/PricingCard/PricingCard';
25
- export * from './components/cards/SiteCard/SiteCard';
19
+ export * from './components/cards/CardSelect/CardSelect';
20
+ export * from './components/charts/BarChart/BarChart';
21
+ export * from './components/charts/LineChart/LineChart';
22
+ export * from './components/charts/PieChart/PieChart';
23
+ export * from './components/charts/ProportionBar/ProportionBar';
24
+ export * from './components/charts/shared/types';
26
25
  export * from './components/CodeBlock/CodeBlock';
27
26
  export * from './components/ComparisonList/ComparisonList';
28
- export * from './components/CTALink/CTALink';
29
- export * from './components/CTASlice/CTASlice';
30
- export * from './components/DashboardStat/DashboardStat';
27
+ export * from './components/Dropdown/Dropdown';
31
28
  export * from './components/empty-states/CompactEmptyState/CompactEmptyState';
32
29
  export * from './components/empty-states/HorizontalEmptyState/HorizontalEmptyState';
33
30
  export * from './components/empty-states/VerticalEmptyState/VerticalEmptyState';
34
31
  export * from './components/FileDiff/FileDiff';
35
- export * from './components/FlowSteps/FlowSteps';
36
- export * from './components/footer/FooterHeading/FooterHeading';
37
- export * from './components/footer/FooterLinks/FooterLinks';
38
- export * from './components/footer/SiteFooter/SiteFooter';
39
32
  export * from './components/icons/Icon/Icon';
40
33
  export * from './components/icons/PaymentIcon/PaymentIcon';
41
34
  export * from './components/icons/PlatformIcon/PlatformIcon';
35
+ export * from './components/IdentityBlock/IdentityBlock';
42
36
  export * from './components/inputs/Checkbox/Checkbox';
43
37
  export * from './components/inputs/CheckboxFieldset/CheckboxFieldset';
44
38
  export * from './components/inputs/CheckboxGroup/CheckboxGroup';
@@ -50,24 +44,25 @@ export * from './components/inputs/InputGroup/InputGroup';
50
44
  export * from './components/inputs/RadioGroup/RadioGroup';
51
45
  export * from './components/inputs/Select/Select';
52
46
  export * from './components/inputs/Switch/Switch';
47
+ export * from './components/inputs/TagsInput/TagsInput';
53
48
  export * from './components/inputs/Textarea/Textarea';
54
49
  export * from './components/inputs/TextInput/TextInput';
55
- export * from './components/LinkNewWindow/LinkNewWindow';
50
+ export * from './components/links/CTALink/CTALink';
51
+ export * from './components/links/LinkNewWindow/LinkNewWindow';
52
+ export * from './components/links/Skiplink/Skiplink';
56
53
  export * from './components/loading-indicators/Skeleton/Skeleton';
57
54
  export * from './components/loading-indicators/Spinner/Spinner';
58
- export * from './components/Modal/Modal';
55
+ export * from './components/media/Picture/Picture';
56
+ export * from './components/media/VideoEmbed/VideoEmbed';
59
57
  export * from './components/navigation/Breadcrumb/Breadcrumb';
60
58
  export * from './components/navigation/ButtonNav/ButtonNav';
61
- export * from './components/navigation/DashboardNav/DashboardNav';
62
- export * from './components/navigation/DashboardNav/DashboardNavItem';
63
- export * from './components/navigation/DashboardSearch/DashboardSearch';
64
59
  export * from './components/navigation/DropdownMenu/DropdownMenu';
65
60
  export * from './components/navigation/Navbar/Navbar';
66
- export * from './components/navigation/NavMenu/NavMenu';
67
61
  export * from './components/navigation/SideNav/SideNav';
68
62
  export * from './components/navigation/SideNavCompact/SideNavCompact';
69
63
  export * from './components/navigation/SideNavGlobal/SideNavGlobal';
70
64
  export * from './components/navigation/SideNavGlobal/SideNavGlobalItem';
65
+ export * from './components/navigation/SiteMenu/SiteMenu';
71
66
  export * from './components/navigation/TabMenu/TabMenu';
72
67
  export * from './components/navigation/UserMenu/UserMenu';
73
68
  export * from './components/navigation/WorkspaceSelector/WorkspaceSelector';
@@ -79,23 +74,30 @@ export * from './components/notifications/SectionMessage/SectionMessage';
79
74
  export * from './components/notifications/Toaster/Toast';
80
75
  export * from './components/notifications/Toaster/Toaster';
81
76
  export * from './components/notifications/Toaster/useToast';
82
- export * from './components/Pagination/Pagination';
77
+ export * from './components/overlays/Drawer/Drawer';
78
+ export * from './components/overlays/FullScreenOverlay/FullScreenOverlay';
79
+ export * from './components/overlays/Modal/Modal';
80
+ export * from './components/pagination/Pagination/Pagination';
81
+ export * from './components/pagination/PaginationCompact/PaginationCompact';
82
+ export * from './components/pagination/PaginationMini/PaginationMini';
83
83
  export * from './components/panels/ExpansionPanel/ExpansionPanel';
84
84
  export * from './components/panels/ExpansionPanelGroup/ExpansionPanelGroup';
85
85
  export * from './components/panels/Panel/Panel';
86
86
  export * from './components/panels/PanelList/PanelList';
87
87
  export * from './components/panels/PanelList/PanelRow';
88
88
  export * from './components/PantheonLogo/PantheonLogo';
89
- export * from './components/Picture/Picture';
90
89
  export * from './components/Popover/Popover';
91
90
  export * from './components/progress-indicators/ProgressBar/ProgressBar';
92
91
  export * from './components/progress-indicators/ProgressRing/ProgressRing';
93
- export * from './components/PullQuote/PullQuote';
94
- export * from './components/RefreshChecker/RefreshChecker';
95
- export * from './components/SiteDashboardHeading/SiteDashboardHeading';
96
- export * from './components/Skiplink/Skiplink';
97
- export * from './components/SocialLinks/SocialLinks';
92
+ export * from './components/SiteFooter/SiteFooter';
93
+ export * from './components/SiteSearch/SiteSearch';
94
+ export * from './components/SortableList/SortableList';
95
+ export * from './components/SortableList/SortableListHeader';
96
+ export * from './components/SortableList/SortableRow';
97
+ export * from './components/SortableList/types';
98
+ export * from './components/StatusChecker/StatusChecker';
98
99
  export * from './components/StatusIndicator/StatusIndicator';
100
+ export * from './components/steppers/StepList/StepList';
99
101
  export * from './components/steppers/Stepper/Stepper';
100
102
  export * from './components/steppers/VerticalStepper/VerticalStepper';
101
103
  export * from './components/Table/Table';
@@ -103,30 +105,25 @@ export * from './components/TableOfContents/TableOfContents';
103
105
  export * from './components/Tabs/Tabs';
104
106
  export * from './components/Tag/Tag';
105
107
  export * from './components/ThemeSwitcher/ThemeSwitcher';
106
- export * from './components/tiles/AvatarTileList/AvatarTileList';
107
- export * from './components/tiles/Tile/Tile';
108
- export * from './components/tiles/TileGrid/TileGrid';
109
108
  export * from './components/Tooltip/Tooltip';
110
- export * from './components/VideoEmbed/VideoEmbed';
109
+ export * from './components/UtilityBar/UtilityBar';
111
110
  export * from './libs/components/SiteOptionDisplay/SiteOptionDisplay';
112
111
  export * from './layouts/AppLayout/AppLayout';
113
- export * from './layouts/Container/Container';
114
- export * from './layouts/DashboardGlobal/DashboardGlobal';
115
- export * from './layouts/DashboardInner/DashboardInner';
116
112
  export * from './layouts/DocsLayout/DocsLayout';
117
- export * from './layouts/FlexContainer/FlexContainer';
118
- export * from './layouts/GlobalWrapper/GlobalWrapper';
119
113
  export * from './layouts/SidebarLayout/SidebarLayout';
120
114
  export * from './layouts/StepperLayout/StepperLayout';
121
115
  export * from './layouts/ThreeItemLayout/ThreeItemLayout';
122
116
  export * from './layouts/TwoItemLayout/TwoItemLayout';
117
+ export * from './utilities/Container/Container';
118
+ export * from './utilities/FlexContainer/FlexContainer';
119
+ export * from './utilities/GlobalWrapper/GlobalWrapper';
123
120
  export * from './libs/types/custom-types';
124
121
  export * from './libs/types/input-types';
125
122
  export * from './libs/types/layout-types';
126
123
  export * from './libs/types/navigation-types';
127
- export * from './utilities/context-providers/ResponsiveContext/ResponsiveContext';
128
124
  export * from './utilities/hooks/useBreakpoint/useBreakpoint';
129
125
  export * from './utilities/hooks/useClipboard/useClipboard';
126
+ export * from './utilities/hooks/useDropdown';
130
127
  export * from './utilities/hooks/useKeyPress/useKeyPress';
131
128
  export * from './utilities/hooks/useMediaQuery/useMediaQuery';
132
129
  export * from './utilities/hooks/useWindowWidth/useWindowWidth';
@@ -1,10 +1,10 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { ContainerWidth } from '../../libs/types/custom-types';
2
+ import { DrawerProps } from '../../components/overlays/Drawer/Drawer';
3
3
  import './app-layout.css';
4
4
  /**
5
5
  * Prop types for AppLayout
6
6
  */
7
- interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
7
+ export interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
8
8
  /**
9
9
  * Children to render in the layout.
10
10
  */
@@ -14,26 +14,50 @@ interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
14
14
  */
15
15
  className?: string;
16
16
  /**
17
- * PDS container width.
17
+ * Content for the left-side Drawer (e.g., workspace switcher).
18
+ * Only rendered when `hasDrawerToggle` is true.
18
19
  */
19
- containerWidth?: ContainerWidth;
20
+ drawerContent?: ReactNode;
21
+ /**
22
+ * Pass-through props for the Drawer component.
23
+ */
24
+ drawerProps?: Partial<DrawerProps>;
25
+ /**
26
+ * Show a toggle button in the sidebar header that opens a Drawer overlay.
27
+ */
28
+ hasDrawerToggle?: boolean;
20
29
  /**
21
30
  * Is the sidebar able to be collapsed and expanded by the user?
22
31
  * If false or not provided, the sidebar will always be expanded.
23
32
  */
24
33
  hasSidebarToggle?: boolean;
34
+ /**
35
+ * Controlled open state for the drawer.
36
+ */
37
+ isDrawerOpen?: boolean;
25
38
  /**
26
39
  * Is the sidebar collapsed?
27
40
  * This is only relevant if `hasSidebarToggle` is true.
28
41
  */
29
42
  isSidebarCollapsed?: boolean;
43
+ /**
44
+ * Enable keyboard shortcuts to toggle the sidebar.
45
+ * `[` collapses, `]` expands. Only active when `hasSidebarToggle` is true.
46
+ */
47
+ keyboardShortcuts?: boolean;
30
48
  /**
31
49
  * Labels for translatable strings.
32
50
  */
33
51
  labels?: {
34
52
  collapseSidebar: string;
53
+ drawerToggle: string;
35
54
  expandSidebar: string;
36
55
  };
56
+ /**
57
+ * Background color for the main content area. Use a PDS CSS custom property
58
+ * (e.g. 'var(--pds-color-bg-default-secondary)') so dark mode works automatically.
59
+ */
60
+ mainBackground?: string;
37
61
  /**
38
62
  * Element type for the main content area.
39
63
  */
@@ -42,11 +66,24 @@ interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
42
66
  * Additional props for the main content element.
43
67
  */
44
68
  mainContentProps?: ComponentPropsWithoutRef<'div'> | ComponentPropsWithoutRef<'main'>;
69
+ /**
70
+ * Callback when the drawer toggle button is clicked.
71
+ */
72
+ onDrawerToggle?: () => void;
45
73
  /**
46
74
  * Callback function to handle sidebar toggle.
47
75
  * If not provided, the sidebar will use an internal function to manage collapsed state.
48
76
  */
49
77
  onSidebarToggle?: () => void;
78
+ /**
79
+ * When true, the sidebar stays fixed and only the main content area scrolls.
80
+ */
81
+ scrollableContent?: boolean;
82
+ /**
83
+ * Background color for the sidebar. Use a PDS CSS custom property
84
+ * (e.g. 'var(--pds-color-bg-default)') so dark mode works automatically.
85
+ */
86
+ sidebarBackground?: string;
50
87
  /**
51
88
  * Width of the sidebar when collapsed in rems. This should not need to be modified.
52
89
  */
@@ -56,6 +93,11 @@ interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
56
93
  * This is also the width of the sidebar when it is not collapsable (hasSidebarToggle is false).
57
94
  */
58
95
  sidebarExpandedWidth?: string;
96
+ /**
97
+ * Maximum width of the sidebar when expanded in rems.
98
+ * Prevents the sidebar from growing too wide on large screens.
99
+ */
100
+ sidebarExpandedWidthMax?: number;
59
101
  /**
60
102
  * Minimum width of the sidebar when expanded in rems.
61
103
  * This is also the min-width of the sidebar when it is not collapsable (hasSidebarToggle is false).
@@ -69,5 +111,4 @@ interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
69
111
  /**
70
112
  * AppLayout UI component
71
113
  */
72
- export declare const AppLayout: ({ children, className, containerWidth, hasSidebarToggle, isSidebarCollapsed, labels, mainContentElement, mainContentProps, onSidebarToggle, sidebarCollapsedWidth, sidebarExpandedWidth, sidebarExpandedWidthMin, sidebarProps, ...props }: AppLayoutProps) => import("react/jsx-runtime").JSX.Element;
73
- export {};
114
+ export declare const AppLayout: ({ children, className, drawerContent, drawerProps, hasDrawerToggle, hasSidebarToggle, isDrawerOpen, isSidebarCollapsed, keyboardShortcuts, labels, mainBackground, mainContentElement, mainContentProps, onDrawerToggle, onSidebarToggle, scrollableContent, sidebarBackground, sidebarCollapsedWidth, sidebarExpandedWidth, sidebarExpandedWidthMax, sidebarExpandedWidthMin, sidebarProps, ...props }: AppLayoutProps) => import("react/jsx-runtime").JSX.Element;
@@ -13,18 +13,20 @@ interface DocsLayoutProps extends ComponentPropsWithoutRef<'div'> {
13
13
  */
14
14
  className?: string;
15
15
  /**
16
- * Minimum width of the sidebar when expanded in rems.
17
- * This is also the min-width of the sidebar when it is not collapsable (hasSidebarToggle is false).
16
+ * Width of the sidebar as a percentage.
18
17
  */
19
- sidebarMinWidth?: number;
18
+ sidebarWidth?: string;
20
19
  /**
21
- * Width of the sidebar when expanded as a percentage.
22
- * This is also the width of the sidebar when it is not collapsable (hasSidebarToggle is false).
20
+ * Maximum width of the sidebar in rems. Prevents the sidebar from growing too wide on large screens.
23
21
  */
24
- sidebarWidth?: string;
22
+ sidebarWidthMax?: number;
23
+ /**
24
+ * Minimum width of the sidebar in rems. Ensures the sidebar remains usable on medium-sized screens.
25
+ */
26
+ sidebarWidthMin?: number;
25
27
  }
26
28
  /**
27
29
  * DocsLayout UI component
28
30
  */
29
- export declare const DocsLayout: ({ children, className, sidebarMinWidth, sidebarWidth, ...props }: DocsLayoutProps) => import("react/jsx-runtime").JSX.Element;
31
+ export declare const DocsLayout: ({ children, className, sidebarWidth, sidebarWidthMax, sidebarWidthMin, style, ...props }: DocsLayoutProps) => import("react/jsx-runtime").JSX.Element;
30
32
  export {};
@@ -1,5 +1,6 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
2
  import { GridGapOptions } from '../../libs/types/layout-types';
3
+ import './sidebar-layout.css';
3
4
  /**
4
5
  * Prop types for SidebarLayout
5
6
  */
@@ -26,12 +27,20 @@ interface SidebarLayoutProps extends ComponentPropsWithoutRef<'div'> {
26
27
  */
27
28
  sidebarMobileLocation?: 'before' | 'after';
28
29
  /**
29
- * Sidebar width.
30
+ * Width of the sidebar as a percentage (e.g. `'33%'`).
30
31
  */
31
- sidebarWidth?: 'narrow' | 'standard' | 'wide';
32
+ sidebarWidth?: string;
33
+ /**
34
+ * Maximum width of the sidebar in rems. Prevents the sidebar from growing too wide on large screens.
35
+ */
36
+ sidebarWidthMax?: number;
37
+ /**
38
+ * Minimum width of the sidebar in rems. Ensures the sidebar remains usable on medium-sized screens.
39
+ */
40
+ sidebarWidthMin?: number;
32
41
  }
33
42
  /**
34
43
  * SidebarLayout UI component
35
44
  */
36
- export declare const SidebarLayout: ({ children, className, gridGap, sidebarLocation, sidebarMobileLocation, sidebarWidth, ...props }: SidebarLayoutProps) => import("react/jsx-runtime").JSX.Element;
45
+ export declare const SidebarLayout: ({ children, className, gridGap, sidebarLocation, sidebarMobileLocation, sidebarWidth, sidebarWidthMax, sidebarWidthMin, ...props }: SidebarLayoutProps) => import("react/jsx-runtime").JSX.Element;
37
46
  export {};
@@ -0,0 +1,27 @@
1
+ import { ReactNode } from 'react';
2
+ import './nav-accordion.css';
3
+ interface NavAccordionProps {
4
+ /**
5
+ * Expandable content shown when open.
6
+ */
7
+ children: ReactNode;
8
+ /**
9
+ * Additional class names.
10
+ */
11
+ className?: string;
12
+ /**
13
+ * Disables the toggle button.
14
+ */
15
+ disabled?: boolean;
16
+ /**
17
+ * Content of the toggle button — any ReactNode.
18
+ */
19
+ label: ReactNode;
20
+ }
21
+ /**
22
+ * Internal accordion component for the mobile navbar panel.
23
+ * Renders a toggle button with a rotating chevron and expandable content.
24
+ * Used by MenuButton, UserMenu, WorkspaceSelector, and NotificationsPopover.
25
+ */
26
+ export declare const NavAccordion: ({ children, className, disabled, label, }: NavAccordionProps) => import("react/jsx-runtime").JSX.Element;
27
+ export {};
@@ -1,4 +1,3 @@
1
- export function createRandomID(): string;
2
1
  export function getDescendants(node: any, collect: any): any;
3
2
  export function initiateSlots(children: any): {
4
3
  __unslotted: any[];
@@ -1,11 +1,11 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { PDSIcon } from '../../components/icons/Icon/Icon';
3
- export type BadgeColor = 'success' | 'critical' | 'info' | 'warning' | 'neutral' | 'brand' | 'silver' | 'gold' | 'platinum' | 'diamond';
4
3
  export type ButtonDisplayType = 'label-only' | 'icon-start' | 'icon-end';
5
4
  export type ButtonSize = 'xs' | 's' | 'm' | 'l' | 'xl';
6
5
  export type ButtonType = 'button' | 'submit' | 'reset';
7
- export type ButtonVariant = 'primary' | 'secondary' | 'subtle' | 'brand' | 'accent' | 'reverse' | 'critical' | 'critical-secondary' | 'navbar' | 'inline';
6
+ export type ButtonVariant = 'primary' | 'secondary' | 'subtle' | 'brand' | 'accent' | 'reverse' | 'reverse-secondary' | 'critical' | 'critical-secondary' | 'navbar' | 'inline';
8
7
  export type ContainerWidth = 'narrow' | 'standard' | 'wide' | 'x-wide' | 'full';
8
+ export type DataContext = 'product' | 'marketing';
9
9
  export type Display = 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'flow-root' | 'none' | 'contents' | 'table' | 'table-row' | 'table-cell' | 'table-caption' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row-group' | 'list-item' | 'inherit' | 'initial' | 'revert' | 'unset';
10
10
  export type StatusType = 'info' | 'success' | 'warning' | 'critical' | 'discovery';
11
11
  export type StatusTypeExtended = StatusType | 'neutral' | 'working';
@@ -46,6 +46,10 @@ export type LinkItemType = {
46
46
  * Optional icon for this item. Choose from available icons in the Icon component.
47
47
  */
48
48
  iconName?: PDSIcon;
49
+ /**
50
+ * Size of the icon. Defaults to 's'.
51
+ */
52
+ iconSize?: IconSize;
49
53
  /**
50
54
  * Is this a critical action item?
51
55
  */
@@ -85,6 +89,10 @@ export type MenuItemType = {
85
89
  * Optional icon for this item. Choose from available icons in the Icon component.
86
90
  */
87
91
  iconName?: PDSIcon;
92
+ /**
93
+ * Size of the icon. Defaults to 's'.
94
+ */
95
+ iconSize?: IconSize;
88
96
  /**
89
97
  * Optional ID value for this item.
90
98
  */
@@ -135,8 +143,6 @@ export declare const isSeparatorItemType: (item: MenuItem) => item is SeparatorI
135
143
  export declare const isHeadingItemType: (item: MenuItem) => item is HeadingItemType;
136
144
  export declare const isLinkItemType: (item: MenuItem) => item is LinkItemType;
137
145
  export declare const isNodeItemType: (item: MenuItem) => item is NodeItemType;
138
- export type SitePlanLevel = 'sandbox' | 'basic' | 'performance-small' | 'performance-medium' | 'performance-large' | 'performance-xl' | 'performance-2xl' | 'elite' | 'pro' | 'business' | 'flagship-performance';
139
- export declare const SitePlanLevelLabel: Record<SitePlanLevel, string>;
140
146
  export type SiteStatus = 'active' | 'frozen' | 'restricted';
141
147
  export type SiteType = 'drupal' | 'wordpress' | 'gatsby' | 'nextjs';
142
148
  export declare const SiteTypeLabel: Record<SiteType, string>;
@@ -4,6 +4,10 @@ export type NavigationItem = {
4
4
  * A boolean indicating whether the item is the active item.
5
5
  */
6
6
  isActive?: boolean | null;
7
+ /**
8
+ * Renders a visual separator instead of a navigation item. When true, all other fields are ignored.
9
+ */
10
+ isSeparator?: boolean;
7
11
  /**
8
12
  * Link content — a fully-formed link element using the router of your choice. If a string is provided instead, the item will be rendered as a link that navigates to the first child item.
9
13
  */
@@ -18,6 +22,10 @@ export type FlattenedNavigationItem = {
18
22
  * A boolean indicating whether the item is the active item.
19
23
  */
20
24
  isActive?: boolean | null;
25
+ /**
26
+ * Renders a visual separator instead of a navigation item.
27
+ */
28
+ isSeparator?: boolean;
21
29
  /**
22
30
  * Nesting level of the item.
23
31
  */
@@ -31,7 +39,7 @@ export interface NavMenuItem {
31
39
  id?: string;
32
40
  isActive?: boolean | null;
33
41
  isSeparator?: boolean;
34
- label: string;
42
+ label?: string;
35
43
  linkContent?: ReactElement;
36
44
  links?: NavMenuItem[];
37
45
  }
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M209.5 369c-9.4 9.4-24.6 9.4-33.9 0L15.5 209c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143 143-143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-160 160z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M15.5 239c-9.4 9.4-9.4 24.6 0 33.9l160 160c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-143-143 143-143c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L15.5 239z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M241.5 239c9.4 9.4 9.4 24.6 0 33.9L81.5 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143-143-143c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l160 160z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M175.5 143c9.4-9.4 24.6-9.4 33.9 0l160 160c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-143-143-143 143c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l160-160z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M15.5 239c-9.4 9.4-9.4 24.6 0 33.9l160 160c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-143-143 143-143c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L15.5 239zm352-160l-160 160c-9.4 9.4-9.4 24.6 0 33.9l160 160c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-143-143 143-143c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M81.5 433l160-160c9.4-9.4 9.4-24.6 0-33.9L81.5 79c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l143 143-143 143c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0zm192 0l160-160c9.4-9.4 9.4-24.6 0-33.9L273.5 79c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l143 143-143 143c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M502.6 54.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L336 130.7 336 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 128c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-50.7 0 121.4-121.4zM80 272c-17.7 0-32 14.3-32 32s14.3 32 32 32l50.7 0-121.4 121.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L176 381.3 176 432c0 17.7 14.3 32 32 32s32-14.3 32-32l0-128c0-17.7-14.3-32-32-32L80 272z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M360 512c13.3 0 24-10.7 24-24s-10.7-24-24-24L24 464c-13.3 0-24 10.7-24 24s10.7 24 24 24l336 0zM175 377c9.4 9.4 24.6 9.4 33.9 0L345 241c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-95 95 0-278.1c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 278.1-95-95c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L175 377z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M463 473c9.4 9.4 24.6 9.4 33.9 0l72-72c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-31 31 0-270.1c0-53-43-96-96-96L280 32c-13.3 0-24 10.7-24 24s10.7 24 24 24l128 0c26.5 0 48 21.5 48 48l0 270.1-31-31c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l72 72zM113 39c-9.4-9.4-24.6-9.4-33.9 0L7 111c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l31-31 0 270.1c0 53 43 96 96 96l128 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-128 0c-26.5 0-48-21.5-48-48l0-270.1 31 31c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L113 39z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M273.5 7c-9.4-9.4-24.6-9.4-33.9 0l-72 72c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l31-31 0 150.1-150.1 0 31-31c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-72 72c-9.4 9.4-9.4 24.6 0 33.9l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-31-31 150.1 0 0 150.1-31-31c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l72 72c9.4 9.4 24.6 9.4 33.9 0l72-72c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-31 31 0-150.1 150.1 0-31 31c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l72-72c9.4-9.4 9.4-24.6 0-33.9l-72-72c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l31 31-150.1 0 0-150.1 31 31c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-72-72z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M224 0c13.3 0 24 10.7 24 24l0 190.3 164-95.1c11.5-6.7 26.2-2.7 32.8 8.7s2.7 26.2-8.7 32.8L271.8 256 436 351.2c11.5 6.6 15.4 21.3 8.7 32.8s-21.3 15.4-32.8 8.7L248 297.7 248 488c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-190.3-164 95.1c-11.5 6.7-26.2 2.7-32.8-8.7S.5 357.9 12 351.2L176.2 256 12 160.8C.5 154.1-3.4 139.4 3.2 128s21.3-15.4 32.8-8.7L200 214.3 200 24c0-13.3 10.7-24 24-24z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M256 464c-114.9 0-208-93.1-208-208 0-48.8 16.8-93.7 44.9-129.1L385.1 419.1C349.7 447.2 304.8 464 256 464zm85.2-156.7l31.4 4.5c13.1 1.9 25.3-7.2 27.2-20.4s-7.2-25.3-20.4-27.2l-43.4-6.2 0-4.1 43.4-6.2c13.1-1.9 22.2-14 20.4-27.2s-14-22.2-27.2-20.4L336 205.5c-.1-4.1-.6-8.1-1.3-12l37-20.5c11.6-6.4 15.8-21 9.3-32.6s-21-15.8-32.6-9.3l-36.1 20.1c-14.5-14.3-34.3-23.1-56.2-23.1-25.7 0-48.5 12.1-63.2 30.9l-66-66c35.5-28.1 80.3-44.9 129.1-44.9 114.9 0 208 93.1 208 208 0 48.8-16.8 93.7-44.9 129.1l-77.9-77.9zM256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM132.6 264.2c-13.1 1.9-22.2 14-20.4 27.2s14 22.2 27.2 20.4l36.6-5.2c.1 4.1 .6 8.1 1.3 12l-37 20.5c-11.6 6.4-15.8 21-9.3 32.6s21 15.8 32.6 9.3l36.1-20.1c14.4 14.3 34.3 23.1 56.2 23.1 7.9 0 15.6-1.2 22.9-3.3l-120.2-120.2-26.1 3.7z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M0 88C0 74.7 10.7 64 24 64l400 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L24 112C10.7 112 0 101.3 0 88zM0 256c0-13.3 10.7-24 24-24l400 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L24 280c-13.3 0-24-10.7-24-24zM448 424c0 13.3-10.7 24-24 24L24 448c-13.3 0-24-10.7-24-24s10.7-24 24-24l400 0c13.3 0 24 10.7 24 24z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M0 88C0 74.7 10.7 64 24 64l464 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L24 112C10.7 112 0 101.3 0 88zM96 256c0-13.3 10.7-24 24-24l272 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-272 0c-13.3 0-24-10.7-24-24zM320 424c0 13.3-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l80 0c13.3 0 24 10.7 24 24z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M0 88C0 74.7 10.7 64 24 64l400 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L24 112C10.7 112 0 101.3 0 88zM64 256c0-13.3 10.7-24 24-24l400 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L88 280c-13.3 0-24-10.7-24-24zM448 424c0 13.3-10.7 24-24 24L24 448c-13.3 0-24-10.7-24-24s10.7-24 24-24l400 0c13.3 0 24 10.7 24 24z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M224 0c-13.3 0-24 10.7-24 24l0 9.7C118.6 45.3 56 115.4 56 200l0 14.5c0 37.7-10 74.7-29 107.3L5.1 359.2C1.8 365 0 371.5 0 378.2 0 399.1 16.9 416 37.8 416l372.4 0c20.9 0 37.8-16.9 37.8-37.8 0-6.7-1.8-13.3-5.1-19L421 321.7c-19-32.6-29-69.6-29-107.3l0-14.5c0-84.6-62.6-154.7-144-166.3l0-9.7c0-13.3-10.7-24-24-24zM392.4 368l-336.9 0 12.9-22.1C91.7 306 104 260.6 104 214.5l0-14.5c0-66.3 53.7-120 120-120s120 53.7 120 120l0 14.5c0 46.2 12.3 91.5 35.5 131.4L392.4 368zM156.1 464c9.9 28 36.6 48 67.9 48s58-20 67.9-48l-135.8 0z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M384 32c13.3 0 24 10.7 24 24l0 8 72 0c35.3 0 64 28.7 64 64l0 240 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-240 0 0 72c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-72-240 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l8 0 0-240c0-35.3 28.7-64 64-64l72 0 0-8c0-13.3 10.7-24 24-24s24 10.7 24 24l0 8 144 0 0-8c0-13.3 10.7-24 24-24zm112 96c0-8.8-7.2-16-16-16l-72 0 0 32 16 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l16 0 0-32-144 0 0 32 16 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l16 0 0-32-72 0c-8.8 0-16 7.2-16 16l0 240 416 0 0-240z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M22.2 32c-2.1 0-4.2 .4-6.1 1.1s-3.7 1.9-5.2 3.4-2.7 3.2-3.5 5.1-1.3 4-1.3 6.1c0 .9 .1 1.9 .2 2.8L74.1 462.7c.8 5.1 3.4 9.7 7.3 13s8.8 5.2 14 5.2l325.7 0c3.8 .1 7.5-1.3 10.5-3.7s4.9-5.9 5.5-9.7L505 50.7c.7-4.2-.3-8.4-2.8-11.9s-6.2-5.7-10.4-6.4c-.9-.1-1.9-.2-2.8-.2L22.2 32zM308.1 329.8l-104 0-28.1-147 157.3 0-25.2 147z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M407.8 294.7c-3.3-.4-6.7-.8-10-1.3 3.4 .4 6.7 .9 10 1.3zM288 227.1C261.9 176.4 190.9 81.9 124.9 35.3 61.6-9.4 37.5-1.7 21.6 5.5 3.3 13.8 0 41.9 0 58.4S9.1 194 15 213.9c19.5 65.7 89.1 87.9 153.2 80.7 3.3-.5 6.6-.9 10-1.4-3.3 .5-6.6 1-10 1.4-93.9 14-177.3 48.2-67.9 169.9 120.3 124.6 164.8-26.7 187.7-103.4 22.9 76.7 49.2 222.5 185.6 103.4 102.4-103.4 28.1-156-65.8-169.9-3.3-.4-6.7-.8-10-1.3 3.4 .4 6.7 .9 10 1.3 64.1 7.1 133.6-15.1 153.2-80.7 5.9-19.9 15-138.9 15-155.5s-3.3-44.7-21.6-52.9c-15.8-7.1-40-14.9-103.2 29.8-66.1 46.6-137.1 141.1-163.2 191.8z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M341.2-12.1c9.1 6 13 17.3 9.6 27.6L292 192 412.9 192c19.4 0 35.1 15.7 35.1 35.1 0 10-4.2 19.5-11.7 26.1L136 521.9c-8.1 7.3-20.1 8.2-29.2 2.2s-13-17.3-9.6-27.6L156 320 35.1 320C15.7 320 0 304.3 0 284.9 0 275 4.2 265.5 11.7 258.8L312-9.9c8.1-7.3 20.1-8.1 29.2-2.2zM68.9 272l120.4 0c7.7 0 15 3.7 19.5 10s5.7 14.3 3.3 21.6L171.3 425.9 379.1 240 258.7 240c-7.7 0-15-3.7-19.5-10s-5.7-14.3-3.3-21.6L276.7 86.1 68.9 272z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 304 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M183.215 0L254.271 277.176H204.614L302 512L46.228 187.779H135.272L0 0.434418L144.526 0.459972L145.968 0H183.215Z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M338.8-9.9c11.9 8.6 16.3 24.2 10.9 37.8L271.3 224 416 224c13.5 0 25.5 8.4 30.1 21.1s.7 26.9-9.6 35.5l-288 240c-11.3 9.4-27.4 9.9-39.3 1.3s-16.3-24.2-10.9-37.8L176.7 288 32 288c-13.5 0-25.5-8.4-30.1-21.1s-.7-26.9 9.6-35.5l288-240c11.3-9.4 27.4-9.9 39.3-1.3z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M88 0C39.4 0 0 39.4 0 88L0 432c0 44.2 35.8 80 80 80l344 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-76.1C435.3 375 448 353 448 328l0-256c0-39.8-32.2-72-72-72L88 0zM368 400l0 64-288 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l288 0zM80 352c-11.4 0-22.2 2.4-32 6.7L48 88c0-22.1 17.9-40 40-40l288 0c13.3 0 24 10.7 24 24l0 256c0 13.3-10.7 24-24 24L80 352zm48-200c0 13.3 10.7 24 24 24l176 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-176 0c-13.3 0-24 10.7-24 24zm24 72c-13.3 0-24 10.7-24 24s10.7 24 24 24l176 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-176 0z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M96.3 48l48 0c8.8 0 16 7.2 16 16l0 32-80 0 0-32c0-8.8 7.2-16 16-16zm-16 96l80 0 0 224-80 0 0-224zm128-78l0-2c0-35.3-28.7-64-64-64l-48 0c-35.3 0-64 28.7-64 64l0 384c0 35.3 28.7 64 64 64l48 0c15.1 0 29-5.3 40-14 11 8.8 24.9 14 40 14l48 0c35.3 0 64-28.7 64-64l0-164.4 48.6 181.2c9.1 34.1 44.2 54.4 78.4 45.3l46.4-12.4c34.1-9.1 54.4-44.2 45.3-78.4L455.4 48.3C446.3 14.2 411.2-6.1 377 3.1L330.7 15.5c-24.4 6.5-41.8 26.4-46.3 49.7-3.9-.8-8-1.1-12.1-1.1l-48 0c-5.5 0-10.9 .7-16 2zm0 62c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16l-48 0c-8.8 0-16-7.2-16-16l0-320zm-48 320c0 8.8-7.2 16-16 16l-48 0c-8.8 0-16-7.2-16-16l0-32 80 0 0 32zM389.5 49.4c8.5-2.3 17.3 2.8 19.6 11.3l8.3 30.9-77.3 20.7-8.3-30.9c-2.3-8.5 2.8-17.3 11.3-19.6l46.4-12.4zm21 325.7l-58-216.4 77.3-20.7 58 216.4-77.3 20.7zm12.4 46.4l77.3-20.7 8.3 30.9c2.3 8.5-2.8 17.3-11.3 19.6l-46.4 12.4c-8.5 2.3-17.3-2.8-19.6-11.3l-8.3-30.9z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M168 80c13.3 0 24-10.7 24-24s-10.7-24-24-24L96 32C43 32 0 75 0 128L0 384c0 53 43 96 96 96l72 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-72 0c-26.5 0-48-21.5-48-48l0-256c0-26.5 21.5-48 48-48l72 0zM505 273c9.4-9.4 9.4-24.6 0-33.9L369 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l95 95-246.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l246.1 0-95 95c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M56 32C25.1 32 0 57.1 0 88L0 424c0 30.9 25.1 56 56 56l64 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-64 0c-4.4 0-8-3.6-8-8L48 88c0-4.4 3.6-8 8-8l64 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L56 32zm336 0l-64 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l64 0c4.4 0 8 3.6 8 8l0 336c0 4.4-3.6 8-8 8l-64 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l64 0c30.9 0 56-25.1 56-56l0-336c0-30.9-25.1-56-56-56z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M123 58.1c9.5-33.5 40.4-58.1 77-58.1 21.8 0 41.6 8.7 56 22.9 14.4-14.1 34.2-22.9 56-22.9 36.6 0 67.4 24.6 77 58.1 47.4 9.7 83 51.6 83 101.9 0 11.3-1.8 22.2-5.1 32.3 22.7 19.1 37.1 47.7 37.1 79.7 0 23.7-8 45.6-21.3 63.1 3.5 10.4 5.3 21.4 5.3 32.9 0 54-41.2 98.5-93.9 103.5-15.6 24.3-42.9 40.5-74.1 40.5-25.2 0-48-10.6-64-27.6-16 17-38.8 27.6-64 27.6-31.1 0-58.4-16.2-74.1-40.5-52.7-5.1-93.9-49.5-93.9-103.5 0-11.5 1.9-22.5 5.3-32.9-13.4-17.5-21.3-39.4-21.3-63.1 0-32 14.5-60.6 37.1-79.7-3.3-10.2-5.1-21.1-5.1-32.3 0-50.3 35.6-92.2 83-101.9zM200 48c-17.7 0-32 14.3-32 32 0 13.3-10.7 24-24 24-30.9 0-56 25.1-56 56 0 10.5 2.9 20.3 7.9 28.6 3.4 5.7 4.3 12.5 2.5 18.9s-6.2 11.7-12 14.7c-18 9.3-30.3 28.1-30.3 49.8 0 16.1 6.8 30.7 17.8 40.9 7.9 7.4 9.9 19.2 4.8 28.8-4.2 7.8-6.5 16.7-6.5 26.3 0 30.9 25.1 56 56 56 1.1 0 2.2 0 3.2-.1 10.3-.6 19.8 5.5 23.6 15 5.9 14.7 20.4 25.1 37.1 25.1 20.4 0 37.2-15.3 39.7-35 .1-.6 .2-1.3 .3-1.9l0-135.1-40 0c-6.6 0-12 5.4-12 12l0 4.4c16.5 7.6 28 24.3 28 43.6 0 26.5-21.5 48-48 48s-48-21.5-48-48c0-19.4 11.5-36.1 28-43.6l0-4.4c0-28.7 23.3-52 52-52l40 0 0-56-12.4 0c-7.6 16.5-24.3 28-43.6 28-26.5 0-48-21.5-48-48s21.5-48 48-48c19.4 0 36.1 11.5 43.6 28l12.4 0 0-76c0-17.7-14.3-32-32-32zm80 148l0 152 40 0c6.6 0 12-5.4 12-12l0-4.4c-16.5-7.6-28-24.3-28-43.6 0-26.5 21.5-48 48-48s48 21.5 48 48c0 19.4-11.5 36.1-28 43.6l0 4.4c0 28.7-23.3 52-52 52l-40 0 0 39.1c.1 .6 .2 1.2 .3 1.9 2.5 19.7 19.3 35 39.7 35 16.8 0 31.2-10.3 37.1-25.1 3.8-9.6 13.3-15.6 23.6-15 1.1 .1 2.2 .1 3.2 .1 30.9 0 56-25.1 56-56 0-9.5-2.4-18.5-6.5-26.3-5.1-9.6-3.1-21.4 4.8-28.8 11-10.2 17.8-24.8 17.8-40.9 0-21.6-12.2-40.4-30.3-49.8-5.9-3-10.2-8.4-12-14.7s-.9-13.2 2.5-18.9c5-8.4 7.9-18.1 7.9-28.6 0-30.9-25.1-56-56-56-13.3 0-24-10.7-24-24 0-17.7-14.3-32-32-32s-32 14.3-32 32l0 76 12.4 0c7.6-16.5 24.3-28 43.6-28 26.5 0 48 21.5 48 48s-21.5 48-48 48c-19.4 0-36.1-11.5-43.6-28L280 196zm56-36a16 16 0 1 0 0 32 16 16 0 1 0 0-32zm0 128a16 16 0 1 0 32 0 16 16 0 1 0 -32 0zM144 352a16 16 0 1 0 32 0 16 16 0 1 0 -32 0zm16-176a16 16 0 1 0 32 0 16 16 0 1 0 -32 0z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M569 9c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-200 200-12.9-12.9c-20.2-20.2-51.4-24.6-76.3-10.7L16.4 278.9C6.3 284.5 0 295.2 0 306.8 0 315.2 3.4 323.4 9.3 329.3L214.7 534.7c6 6 14.1 9.3 22.6 9.3 11.6 0 22.3-6.3 27.9-16.4L392.6 298.2c13.9-25 9.5-56.1-10.7-76.3L369 209 569 9zM288.2 196.1l59.7 59.7c5.1 5.1 6.1 12.8 2.7 19.1l-14.9 26.8-93.4-93.4 26.8-14.9c6.2-3.5 14-2.4 19.1 2.7zm-89.6 36.5l112.8 112.8-77.9 140.3-96.5-96.5 18-53.9c2.1-6.3-3.9-12.2-10.1-10.1l-53.9 18-32.5-32.5 140.3-77.9z"/>
3
+ </svg>