@pantheon-systems/pds-toolkit-react 1.0.0-dev.28 → 1.0.0-dev.281

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 (280) hide show
  1. package/README.md +31 -1
  2. package/_dist/components/Avatar/Avatar.d.ts +36 -0
  3. package/_dist/components/BranchDiff/BranchDiff.d.ts +43 -0
  4. package/_dist/components/CTALink/CTALink.d.ts +20 -0
  5. package/_dist/components/CTASlice/CTASlice.d.ts +43 -0
  6. package/_dist/components/Callout/Callout.d.ts +31 -0
  7. package/_dist/components/Callout/sample-callout-content.d.ts +2 -0
  8. package/_dist/components/CodeBlock/CodeBlock.d.ts +85 -0
  9. package/_dist/components/CodeBlock/code-examples.d.ts +6 -0
  10. package/_dist/components/CodeBlock/themes/index.d.ts +2 -0
  11. package/_dist/components/CodeBlock/themes/pdsDark.d.ts +2 -0
  12. package/_dist/components/CodeBlock/themes/pdsLight.d.ts +2 -0
  13. package/_dist/components/ComparisonList/ComparisonList.d.ts +42 -0
  14. package/_dist/components/DashboardStat/DashboardStat.d.ts +28 -0
  15. package/_dist/components/FileDiff/FileDiff.d.ts +35 -0
  16. package/_dist/components/FlowSteps/FlowSteps.d.ts +37 -0
  17. package/_dist/components/FlowSteps/example-steps.d.ts +15 -0
  18. package/_dist/components/LinkNewWindow/LinkNewWindow.d.ts +35 -0
  19. package/_dist/components/Modal/Modal.d.ts +48 -0
  20. package/_dist/components/Pagination/Pagination.d.ts +54 -0
  21. package/_dist/components/Pagination/usePagination.d.ts +7 -0
  22. package/_dist/components/PantheonLogo/PantheonLogo.d.ts +32 -0
  23. package/_dist/components/PantheonLogo/pantheon-logo-data.d.ts +4 -0
  24. package/_dist/components/Picture/Picture.d.ts +37 -0
  25. package/_dist/components/Popover/Popover.d.ts +66 -0
  26. package/_dist/components/PullQuote/PullQuote.d.ts +34 -0
  27. package/_dist/components/RefreshChecker/RefreshChecker.d.ts +54 -0
  28. package/_dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts +57 -0
  29. package/_dist/components/Skiplink/Skiplink.d.ts +21 -0
  30. package/_dist/components/SocialLinks/SocialLinks.d.ts +23 -0
  31. package/_dist/components/StatusIndicator/StatusIndicator.d.ts +24 -0
  32. package/_dist/components/Table/Table.d.ts +27 -0
  33. package/_dist/components/TableOfContents/TableOfContents.d.ts +45 -0
  34. package/_dist/components/Tabs/Tabs.d.ts +63 -0
  35. package/_dist/components/Tag/Tag.d.ts +39 -0
  36. package/_dist/components/ThemeSwitcher/ThemeSwitcher.d.ts +32 -0
  37. package/_dist/components/Tooltip/Tooltip.d.ts +51 -0
  38. package/_dist/components/VideoEmbed/VideoEmbed.d.ts +28 -0
  39. package/_dist/components/badges/IndicatorBadge/IndicatorBadge.d.ts +27 -0
  40. package/_dist/components/badges/StatusBadge/StatusBadge.d.ts +35 -0
  41. package/_dist/components/badges/Tally/Tally.d.ts +38 -0
  42. package/_dist/components/buttons/Button/Button.d.ts +66 -0
  43. package/_dist/components/buttons/ButtonLink/ButtonLink.d.ts +48 -0
  44. package/_dist/components/buttons/ClipboardButton/ClipboardButton.d.ts +31 -0
  45. package/_dist/components/buttons/CloseButton/CloseButton.d.ts +27 -0
  46. package/_dist/components/buttons/IconButton/IconButton.d.ts +50 -0
  47. package/_dist/components/buttons/MenuButton/MenuButton.d.ts +75 -0
  48. package/_dist/components/buttons/SegmentedButton/SegmentedButton.d.ts +63 -0
  49. package/_dist/components/buttons/SplitButton/SplitButton.d.ts +41 -0
  50. package/_dist/components/buttons/SplitButton/split-button-sample-data.d.ts +17 -0
  51. package/_dist/components/buttons/UtilityButton/UtilityButton.d.ts +56 -0
  52. package/_dist/components/cards/Card/Card.d.ts +29 -0
  53. package/_dist/components/cards/CardHeading/CardHeading.d.ts +32 -0
  54. package/_dist/components/cards/CardSelectGroup/CardSelectGroup.d.ts +60 -0
  55. package/_dist/components/cards/EmptyStateCard/EmptyStateCard.d.ts +36 -0
  56. package/_dist/components/cards/LinksCard/LinksCard.d.ts +29 -0
  57. package/_dist/components/cards/LinksCard/links-card-sample-data.d.ts +2 -0
  58. package/_dist/components/cards/NewSiteCard/NewSiteCard.d.ts +57 -0
  59. package/_dist/components/cards/PaymentCard/PaymentCard.d.ts +47 -0
  60. package/_dist/components/cards/PricingCard/PricingCard.d.ts +90 -0
  61. package/_dist/components/cards/SiteCard/SiteCard.d.ts +45 -0
  62. package/_dist/components/empty-states/CompactEmptyState/CompactEmptyState.d.ts +37 -0
  63. package/_dist/components/empty-states/HorizontalEmptyState/HorizontalEmptyState.d.ts +69 -0
  64. package/_dist/components/empty-states/VerticalEmptyState/VerticalEmptyState.d.ts +47 -0
  65. package/_dist/components/footer/FooterHeading/FooterHeading.d.ts +22 -0
  66. package/_dist/components/footer/FooterLinks/FooterLinks.d.ts +26 -0
  67. package/_dist/components/footer/SiteFooter/SiteFooter.d.ts +30 -0
  68. package/_dist/components/footer/SiteFooter/footer-content.d.ts +2 -0
  69. package/_dist/components/icons/Icon/Icon.d.ts +732 -0
  70. package/_dist/components/icons/PaymentIcon/PaymentIcon.d.ts +21 -0
  71. package/_dist/components/icons/PaymentIcon/svgData.d.ts +8 -0
  72. package/_dist/components/icons/PlatformIcon/PlatformIcon.d.ts +12 -0
  73. package/_dist/components/inputs/Checkbox/Checkbox.d.ts +96 -0
  74. package/_dist/components/inputs/CheckboxFieldset/CheckboxFieldset.d.ts +64 -0
  75. package/_dist/components/inputs/CheckboxGroup/CheckboxGroup.d.ts +80 -0
  76. package/_dist/components/inputs/Combobox/Combobox.d.ts +138 -0
  77. package/_dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts +83 -0
  78. package/_dist/components/inputs/FileUpload/FileUpload.d.ts +93 -0
  79. package/_dist/components/inputs/InputGroup/InputGroup.d.ts +19 -0
  80. package/_dist/components/inputs/RadioGroup/RadioGroup.d.ts +104 -0
  81. package/_dist/components/inputs/Select/Select.d.ts +122 -0
  82. package/_dist/components/inputs/Switch/Switch.d.ts +74 -0
  83. package/_dist/components/inputs/TextInput/TextInput.d.ts +139 -0
  84. package/_dist/components/inputs/Textarea/Textarea.d.ts +110 -0
  85. package/_dist/components/inputs/input-types.d.ts +1 -0
  86. package/_dist/components/inputs/input-utilities.d.ts +96 -0
  87. package/_dist/components/loading-indicators/Skeleton/Skeleton.d.ts +62 -0
  88. package/_dist/components/loading-indicators/Spinner/Spinner.d.ts +32 -0
  89. package/_dist/components/navigation/Breadcrumb/Breadcrumb.d.ts +23 -0
  90. package/_dist/components/navigation/ButtonNav/ButtonNav.d.ts +29 -0
  91. package/_dist/components/navigation/DashboardNav/DashboardNav.d.ts +35 -0
  92. package/_dist/components/navigation/DashboardNav/DashboardNavItem.d.ts +25 -0
  93. package/_dist/components/navigation/DashboardSearch/DashboardSearch.d.ts +70 -0
  94. package/_dist/components/navigation/DashboardSearch/SiteOptionDisplay.d.ts +39 -0
  95. package/_dist/components/navigation/DropdownMenu/DropdownMenu.d.ts +28 -0
  96. package/_dist/components/navigation/NavMenu/NavMenu.d.ts +43 -0
  97. package/_dist/components/navigation/NavMenu/NavMenuDropdown.d.ts +24 -0
  98. package/_dist/components/navigation/Navbar/Navbar.d.ts +60 -0
  99. package/_dist/components/navigation/SideNav/SideNav.d.ts +39 -0
  100. package/_dist/components/navigation/SideNavCompact/SideNavCompact.d.ts +53 -0
  101. package/_dist/components/navigation/SideNavGlobal/SideNavGlobal.d.ts +50 -0
  102. package/_dist/components/navigation/SideNavGlobal/SideNavGlobalItem.d.ts +25 -0
  103. package/_dist/components/navigation/TabMenu/TabMenu.d.ts +43 -0
  104. package/_dist/components/navigation/TabMenu/TabMenuDropdown.d.ts +33 -0
  105. package/_dist/components/navigation/UserMenu/UserMenu.d.ts +69 -0
  106. package/_dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +89 -0
  107. package/_dist/components/navigation/navigation-types.d.ts +29 -0
  108. package/_dist/components/navigation/navigation-utilities.d.ts +90 -0
  109. package/_dist/components/notifications/Banner/Banner.d.ts +47 -0
  110. package/_dist/components/notifications/InlineMessage/InlineMessage.d.ts +37 -0
  111. package/_dist/components/notifications/SectionMessage/SectionMessage.d.ts +53 -0
  112. package/_dist/components/notifications/Toaster/Toast.d.ts +46 -0
  113. package/_dist/components/notifications/Toaster/Toaster.d.ts +29 -0
  114. package/_dist/components/notifications/Toaster/useToast.d.ts +10 -0
  115. package/_dist/components/panels/ExpansionPanel/ExpansionPanel.d.ts +32 -0
  116. package/_dist/components/panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts +24 -0
  117. package/_dist/components/panels/Panel/Panel.d.ts +35 -0
  118. package/_dist/components/panels/PanelList/PanelList.d.ts +28 -0
  119. package/_dist/components/panels/PanelList/PanelRow.d.ts +27 -0
  120. package/_dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts +53 -0
  121. package/_dist/components/progress-indicators/ProgressRing/ProgressRing.d.ts +41 -0
  122. package/_dist/components/steppers/Stepper/Stepper.d.ts +54 -0
  123. package/_dist/components/steppers/VerticalStepper/VerticalStep.d.ts +52 -0
  124. package/_dist/components/steppers/VerticalStepper/VerticalStepper.d.ts +28 -0
  125. package/_dist/components/steppers/VerticalStepper/vertical-stepper-sample-data.d.ts +27 -0
  126. package/_dist/components/tiles/AvatarTileList/AvatarTileList.d.ts +28 -0
  127. package/_dist/components/tiles/Tile/Tile.d.ts +42 -0
  128. package/_dist/components/tiles/TileGrid/TileGrid.d.ts +29 -0
  129. package/_dist/css/component-css/pds-avatar-tile-list.css +1 -0
  130. package/_dist/css/component-css/pds-avatar.css +1 -0
  131. package/_dist/css/component-css/pds-banner.css +1 -0
  132. package/_dist/css/component-css/pds-branch-diff.css +1 -0
  133. package/_dist/css/component-css/pds-breadcrumb.css +1 -0
  134. package/_dist/css/component-css/pds-button-link.css +1 -0
  135. package/_dist/css/component-css/pds-button-nav.css +1 -0
  136. package/_dist/css/component-css/pds-button.css +45 -0
  137. package/_dist/css/component-css/pds-callout.css +1 -0
  138. package/_dist/css/component-css/pds-card-heading.css +1 -0
  139. package/_dist/css/component-css/pds-card-select-group.css +1 -0
  140. package/_dist/css/component-css/pds-card.css +1 -0
  141. package/_dist/css/component-css/pds-checkbox-group.css +1 -0
  142. package/_dist/css/component-css/pds-checkbox.css +1 -0
  143. package/_dist/css/component-css/pds-clipboard-button.css +0 -0
  144. package/_dist/css/component-css/pds-close-button.css +1 -0
  145. package/_dist/css/component-css/pds-code-block-legacy.css +1 -0
  146. package/_dist/css/component-css/pds-code-block.css +1 -0
  147. package/_dist/css/component-css/pds-combobox-multiselect.css +2 -0
  148. package/_dist/css/component-css/pds-combobox.css +1 -0
  149. package/_dist/css/component-css/pds-compact-empty-state.css +1 -0
  150. package/_dist/css/component-css/pds-comparison-list.css +1 -0
  151. package/_dist/css/component-css/pds-cta-link.css +1 -0
  152. package/_dist/css/component-css/pds-cta-slice.css +1 -0
  153. package/_dist/css/component-css/pds-dashboard-nav.css +5 -0
  154. package/_dist/css/component-css/pds-dashboard-search.css +1 -0
  155. package/_dist/css/component-css/pds-dashboard-stat.css +1 -0
  156. package/_dist/css/component-css/pds-dropdown-menu.css +2 -0
  157. package/_dist/css/component-css/pds-empty-state-card.css +1 -0
  158. package/_dist/css/component-css/pds-expansion-panel-group.css +1 -0
  159. package/_dist/css/component-css/pds-expansion-panel.css +1 -0
  160. package/_dist/css/component-css/pds-file-diff.css +1 -0
  161. package/_dist/css/component-css/pds-file-upload.css +7 -0
  162. package/_dist/css/component-css/pds-flow-steps.css +1 -0
  163. package/_dist/css/component-css/pds-footer-heading.css +1 -0
  164. package/_dist/css/component-css/pds-footer-links.css +1 -0
  165. package/_dist/css/component-css/pds-horizontal-empty-state.css +1 -0
  166. package/_dist/css/component-css/pds-icon-button.css +13 -0
  167. package/_dist/css/component-css/pds-icon-story-only.css +1 -0
  168. package/_dist/css/component-css/pds-index.css +102 -0
  169. package/_dist/css/component-css/pds-indicator-badge.css +23 -0
  170. package/_dist/css/component-css/pds-inline-message.css +1 -0
  171. package/_dist/css/component-css/pds-input-group.css +1 -0
  172. package/_dist/css/component-css/pds-input-utilities.css +1 -0
  173. package/_dist/css/component-css/pds-link-new-window.css +1 -0
  174. package/_dist/css/component-css/pds-links-card.css +1 -0
  175. package/_dist/css/component-css/pds-menu-button.css +1 -0
  176. package/_dist/css/component-css/pds-modal.css +1 -0
  177. package/_dist/css/component-css/pds-nav-menu.css +5 -0
  178. package/_dist/css/component-css/pds-navbar.css +1 -0
  179. package/_dist/css/component-css/pds-new-site-card.css +1 -0
  180. package/_dist/css/component-css/pds-pagination.css +1 -0
  181. package/_dist/css/component-css/pds-panel-list.css +1 -0
  182. package/_dist/css/component-css/pds-panel.css +1 -0
  183. package/_dist/css/component-css/pds-pantheon-logo.css +1 -0
  184. package/_dist/css/component-css/pds-payment-card.css +1 -0
  185. package/_dist/css/component-css/pds-payment-icon.css +1 -0
  186. package/_dist/css/component-css/pds-picture.css +1 -0
  187. package/_dist/css/component-css/pds-platform-icon.css +1 -0
  188. package/_dist/css/component-css/pds-popover.css +1 -0
  189. package/_dist/css/component-css/pds-pricing-card-local.css +1 -0
  190. package/_dist/css/component-css/pds-pricing-card.css +1 -0
  191. package/_dist/css/component-css/pds-progress-bar.css +1 -0
  192. package/_dist/css/component-css/pds-progress-ring.css +1 -0
  193. package/_dist/css/component-css/pds-pull-quote.css +1 -0
  194. package/_dist/css/component-css/pds-radio-group.css +1 -0
  195. package/_dist/css/component-css/pds-refresh-checker.css +1 -0
  196. package/_dist/css/component-css/pds-section-message.css +1 -0
  197. package/_dist/css/component-css/pds-segmented-button.css +1 -0
  198. package/_dist/css/component-css/pds-select.css +1 -0
  199. package/_dist/css/component-css/pds-side-nav-compact.css +1 -0
  200. package/_dist/css/component-css/pds-side-nav-global.css +5 -0
  201. package/_dist/css/component-css/pds-side-nav.css +2 -0
  202. package/_dist/css/component-css/pds-site-card.css +1 -0
  203. package/_dist/css/component-css/pds-site-dashboard-heading.css +1 -0
  204. package/_dist/css/component-css/pds-site-footer.css +1 -0
  205. package/_dist/css/component-css/pds-skeleton.css +1 -0
  206. package/_dist/css/component-css/pds-skiplink.css +1 -0
  207. package/_dist/css/component-css/pds-social-links.css +1 -0
  208. package/_dist/css/component-css/pds-spinner.css +1 -0
  209. package/_dist/css/component-css/pds-split-button.css +2 -0
  210. package/_dist/css/component-css/pds-status-badge.css +1 -0
  211. package/_dist/css/component-css/pds-status-indicator.css +1 -0
  212. package/_dist/css/component-css/pds-stepper.css +1 -0
  213. package/_dist/css/component-css/pds-switch.css +1 -0
  214. package/_dist/css/component-css/pds-tab-menu.css +2 -0
  215. package/_dist/css/component-css/pds-table-of-contents.css +1 -0
  216. package/_dist/css/component-css/pds-table.css +1 -0
  217. package/_dist/css/component-css/pds-tabs.css +1 -0
  218. package/_dist/css/component-css/pds-tag.css +1 -0
  219. package/_dist/css/component-css/pds-tally.css +1 -0
  220. package/_dist/css/component-css/pds-text-input.css +1 -0
  221. package/_dist/css/component-css/pds-textarea.css +1 -0
  222. package/_dist/css/component-css/pds-theme-switcher.css +1 -0
  223. package/_dist/css/component-css/pds-tile.css +1 -0
  224. package/_dist/css/component-css/pds-tiles-common.css +1 -0
  225. package/_dist/css/component-css/pds-toaster.css +1 -0
  226. package/_dist/css/component-css/pds-tooltip.css +1 -0
  227. package/_dist/css/component-css/pds-user-menu-story-only.css +1 -0
  228. package/_dist/css/component-css/pds-user-menu.css +1 -0
  229. package/_dist/css/component-css/pds-utility-button.css +1 -0
  230. package/_dist/css/component-css/pds-vertical-empty-state.css +1 -0
  231. package/_dist/css/component-css/pds-vertical-stepper.css +1 -0
  232. package/_dist/css/component-css/pds-video-embed.css +1 -0
  233. package/_dist/css/component-css/pds-workspace-selector.css +1 -0
  234. package/_dist/css/design-tokens/pds-design-tokens-dark-mode.css +219 -0
  235. package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +328 -0
  236. package/_dist/css/design-tokens/pds-design-tokens.css +130 -0
  237. package/_dist/css/pds-components.css +90 -95
  238. package/_dist/css/pds-core.css +4 -2
  239. package/_dist/css/pds-layouts.css +9 -1
  240. package/_dist/index.css +1 -0
  241. package/_dist/index.d.ts +124 -0
  242. package/_dist/index.js +12534 -0
  243. package/_dist/index.js.map +1 -0
  244. package/_dist/layouts/AppLayout/AppLayout.d.ts +73 -0
  245. package/_dist/layouts/Container/Container.d.ts +25 -0
  246. package/_dist/layouts/DashboardGlobal/DashboardGlobal.d.ts +57 -0
  247. package/_dist/layouts/DashboardInner/DashboardInner.d.ts +29 -0
  248. package/_dist/layouts/DocsLayout/DocsLayout.d.ts +30 -0
  249. package/_dist/layouts/FlexContainer/FlexContainer.d.ts +72 -0
  250. package/_dist/layouts/GlobalWrapper/GlobalWrapper.d.ts +19 -0
  251. package/_dist/layouts/SidebarLayout/SidebarLayout.d.ts +36 -0
  252. package/_dist/layouts/StepperLayout/StepperLayout.d.ts +20 -0
  253. package/_dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts +30 -0
  254. package/_dist/layouts/TwoItemLayout/TwoItemLayout.d.ts +34 -0
  255. package/_dist/layouts/layout-types.d.ts +2 -0
  256. package/_dist/libs/components/sb-docs-toc-layout.d.ts +4 -0
  257. package/_dist/libs/components/utility-components.d.ts +15 -0
  258. package/_dist/libs/components/utils.d.ts +7 -0
  259. package/_dist/libs/types/custom-types.d.ts +107 -0
  260. package/_dist/mocks/data/navigation-items.d.ts +367 -0
  261. package/_dist/mocks/data/pagination-items.d.ts +16 -0
  262. package/_dist/mocks/markup/dashboard-main-content.d.ts +10 -0
  263. package/_dist/mocks/markup/dashboard-navigation.d.ts +11 -0
  264. package/_dist/mocks/markup/inputs.d.ts +2 -0
  265. package/_dist/mocks/markup/modal.d.ts +2 -0
  266. package/_dist/mocks/markup/panel-row-content.d.ts +16 -0
  267. package/_dist/utilities/color/color-preview-swatches.d.ts +13 -0
  268. package/_dist/utilities/context-providers/ResponsiveContext/ResponsiveContext.d.ts +6 -0
  269. package/_dist/utilities/hooks/useClipboard.d.ts +6 -0
  270. package/_dist/utilities/hooks/useKeyPress.d.ts +1 -0
  271. package/_dist/utilities/hooks/useWindowWidth.d.ts +1 -0
  272. package/_dist/vars/animation.d.ts +5 -0
  273. package/_dist/vars/spacing.d.ts +36 -0
  274. package/_dist/vars/type-scale.d.ts +28 -0
  275. package/_dist/vars/z-index.d.ts +16 -0
  276. package/package.json +79 -44
  277. package/_dist/cjs/index.js +0 -98
  278. package/_dist/cjs/index.js.map +0 -1
  279. package/_dist/esm/index.js +0 -98
  280. package/_dist/esm/index.js.map +0 -1
@@ -0,0 +1,28 @@
1
+ import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
2
+ import './panel-list.css';
3
+ export type PanelListBackground = 'default' | 'secondary' | 'transparent';
4
+ /**
5
+ * Prop types for PanelList
6
+ */
7
+ export interface PanelListProps extends ComponentPropsWithoutRef<'ul'> {
8
+ /**
9
+ * Background color for the panel list.
10
+ */
11
+ background?: PanelListBackground;
12
+ /**
13
+ * Children components. These should be PanelRow components.
14
+ */
15
+ children?: ReactNode;
16
+ /**
17
+ * Whether to have an outside border. There will always be a border between rows.
18
+ */
19
+ hasBorder?: boolean;
20
+ /**
21
+ * Additional class names.
22
+ */
23
+ className?: string;
24
+ }
25
+ /**
26
+ * PanelList UI component
27
+ */
28
+ export declare const PanelList: ({ background, children, hasBorder, className, ...props }: PanelListProps) => React.JSX.Element;
@@ -0,0 +1,27 @@
1
+ import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
2
+ import './panel-list.css';
3
+ /**
4
+ * Prop types for PanelRow
5
+ */
6
+ export interface PanelRowProps extends ComponentPropsWithoutRef<'li'> {
7
+ /**
8
+ * Child elements to be assigned to named slots.
9
+ */
10
+ children: ReactNode;
11
+ /**
12
+ * Additional class names.
13
+ */
14
+ className?: string;
15
+ /**
16
+ * Whether the panel row is expandable.
17
+ */
18
+ isExpandable?: boolean;
19
+ /**
20
+ * Aria-label for the expand button.
21
+ */
22
+ expandButtonAriaLabel?: string;
23
+ }
24
+ /**
25
+ * PanelRow UI component
26
+ */
27
+ export declare const PanelRow: ({ children, className, isExpandable, expandButtonAriaLabel, ...props }: PanelRowProps) => React.JSX.Element;
@@ -0,0 +1,53 @@
1
+ import React, { ComponentPropsWithoutRef } from 'react';
2
+ import './progress-bar.css';
3
+ interface ProgressBarBreakpoint {
4
+ colorType: 'neutral' | 'info' | 'success' | 'warning' | 'critical';
5
+ percentage: number;
6
+ }
7
+ interface ProgressBarProps extends ComponentPropsWithoutRef<'div'> {
8
+ /**
9
+ * Array of color breakpoints. Each breakpoint should have a `colorType` and `percentage` value.
10
+ */
11
+ colorBreakpoints: ProgressBarBreakpoint[];
12
+ /**
13
+ * ID of the Progress Bar. If not provided, a unique ID will be generated.
14
+ */
15
+ id?: string;
16
+ /**
17
+ * Progress Bar label. Will be available to screen readers if `showLabel` is false.
18
+ */
19
+ label: string;
20
+ /**
21
+ * Message or description used to help clarify the usage of the progress bar.
22
+ */
23
+ message?: string;
24
+ /**
25
+ * Position of the message relative to the progress bar.
26
+ */
27
+ messagePosition?: 'above' | 'below';
28
+ /**
29
+ * Percent complete.
30
+ */
31
+ percentage: number;
32
+ /**
33
+ * Should the label be visible? If false, it will render for screen readers only.
34
+ */
35
+ showLabel?: boolean;
36
+ /**
37
+ * Should the percentage label be visible?
38
+ */
39
+ showPercentage?: boolean;
40
+ /**
41
+ * Size of the progress bar.
42
+ */
43
+ size?: 'sm' | 'md' | 'lg';
44
+ /**
45
+ * Additional class names
46
+ */
47
+ className?: string;
48
+ }
49
+ /**
50
+ * ProgressBar UI component
51
+ */
52
+ export declare const ProgressBar: ({ colorBreakpoints, id, label, message, messagePosition, percentage, showLabel, showPercentage, size, className, ...props }: ProgressBarProps) => React.JSX.Element;
53
+ export {};
@@ -0,0 +1,41 @@
1
+ import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
2
+ import './progress-ring.css';
3
+ interface ProgressRingProps extends ComponentPropsWithoutRef<'div'> {
4
+ /**
5
+ * ID of the Progress Ring. If not provided, a unique ID will be generated.
6
+ */
7
+ id?: string;
8
+ /**
9
+ * Inner label for the Progress Ring. May be used for showing a percentage or a count of steps.
10
+ */
11
+ innerLabel?: ReactNode;
12
+ /**
13
+ * Label for the Progress Ring. Will be available to screen readers if `showLabel` is false.
14
+ */
15
+ label: string;
16
+ /**
17
+ * Percentage of progress.
18
+ */
19
+ percentage: number;
20
+ /**
21
+ * Should the label be visible? If false, it will render for screen readers only.
22
+ */
23
+ showLabel?: boolean;
24
+ /**
25
+ * Should the percentage be visible? Will be overridden by `innerLabel` if one is provided.
26
+ */
27
+ showPercentage?: boolean;
28
+ /**
29
+ * Size of the progress ring.
30
+ */
31
+ size?: 'sm' | 'md' | 'lg';
32
+ /**
33
+ * Additional class names
34
+ */
35
+ className?: string;
36
+ }
37
+ /**
38
+ * ProgressRing UI component
39
+ */
40
+ export declare const ProgressRing: ({ id, innerLabel, label, percentage, showLabel, showPercentage, size, className, ...props }: ProgressRingProps) => React.JSX.Element;
41
+ export {};
@@ -0,0 +1,54 @@
1
+ import React, { ComponentPropsWithoutRef } from 'react';
2
+ import './stepper.css';
3
+ interface Step {
4
+ /**
5
+ * Callback function to return to a previously completed step.
6
+ */
7
+ callback?: (step: Step) => void;
8
+ /**
9
+ * If the step has an error.
10
+ */
11
+ hasError?: boolean;
12
+ /**
13
+ * Id for the step.
14
+ */
15
+ id?: string;
16
+ /**
17
+ * If the step has been completed.
18
+ * Optional. If not provided, completed state is determined by the current step.
19
+ */
20
+ isComplete?: boolean;
21
+ /**
22
+ * If the step is the current active step.
23
+ */
24
+ isCurrent?: boolean;
25
+ /**
26
+ * The label for the step.
27
+ */
28
+ label: string;
29
+ }
30
+ interface TranslatableLabels {
31
+ step: string;
32
+ completed: string;
33
+ hasError: string;
34
+ next: string;
35
+ }
36
+ interface StepperProps extends ComponentPropsWithoutRef<'div'> {
37
+ /**
38
+ * An array of step objects
39
+ */
40
+ steps: Step[];
41
+ /**
42
+ * Translatable strings for visually-hidden text.
43
+ */
44
+ translatableLabels?: TranslatableLabels;
45
+ /**
46
+ * Additional class names
47
+ */
48
+ className?: string;
49
+ }
50
+ /**
51
+ * Stepper UI component
52
+ */
53
+ export declare const Stepper: ({ steps, translatableLabels, className, ...props }: StepperProps) => React.JSX.Element;
54
+ export {};
@@ -0,0 +1,52 @@
1
+ import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
2
+ import { Button } from '@components/buttons/Button/Button';
3
+ import './vertical-stepper.css';
4
+ /**
5
+ * Prop types for VerticalStep
6
+ */
7
+ export interface VerticalStepProps extends ComponentPropsWithoutRef<'li'> {
8
+ /**
9
+ * Props for the back button.
10
+ * Can include any props except for size and variant.
11
+ * Not available for the first step.
12
+ */
13
+ backButton?: ComponentPropsWithoutRef<typeof Button>;
14
+ /**
15
+ * Props for the forward button.
16
+ * Can include any props except for size and variant.
17
+ * Not available for the last step.
18
+ */
19
+ forwardButton?: ComponentPropsWithoutRef<typeof Button>;
20
+ /**
21
+ * Whether the step has an error.
22
+ */
23
+ hasError?: boolean;
24
+ /**
25
+ * Id for the step.
26
+ */
27
+ id?: string;
28
+ /**
29
+ * Has the step been completed.
30
+ */
31
+ isComplete?: boolean;
32
+ /**
33
+ * Is this the current active step?
34
+ */
35
+ isCurrent?: boolean;
36
+ /**
37
+ * Step label.
38
+ */
39
+ label: string | ReactNode;
40
+ /**
41
+ * The content for the step.
42
+ */
43
+ stepContent?: ReactNode;
44
+ /**
45
+ * Is this the first step? Internal prop.
46
+ */
47
+ _isFirstStep?: boolean;
48
+ }
49
+ /**
50
+ * VerticalStepper UI component
51
+ */
52
+ export declare const VerticalStep: ({ backButton, forwardButton, hasError, id, isCurrent, label, stepContent, isComplete, _isFirstStep, ...props }: VerticalStepProps) => React.JSX.Element;
@@ -0,0 +1,28 @@
1
+ import React, { ComponentPropsWithoutRef } from 'react';
2
+ import { VerticalStepProps } from './VerticalStep';
3
+ import './vertical-stepper.css';
4
+ /**
5
+ * Prop types for VerticalStepper
6
+ */
7
+ export interface VerticalStepperProps extends ComponentPropsWithoutRef<'div'> {
8
+ /**
9
+ * Object with translatable strings.
10
+ */
11
+ labelStrings?: {
12
+ completed: string;
13
+ hasError: string;
14
+ step: string;
15
+ };
16
+ /**
17
+ * The steps to display in the stepper.
18
+ */
19
+ steps?: VerticalStepProps[];
20
+ /**
21
+ * Additional class names
22
+ */
23
+ className?: string;
24
+ }
25
+ /**
26
+ * VerticalStepper UI component
27
+ */
28
+ export declare const VerticalStepper: ({ labelStrings, steps, className, ...props }: VerticalStepperProps) => React.JSX.Element;
@@ -0,0 +1,27 @@
1
+ import React from 'react';
2
+ export declare const demoSteps: {
3
+ label: string;
4
+ stepContent: React.JSX.Element;
5
+ }[];
6
+ export declare const demoStepsWithError: ({
7
+ label: string;
8
+ stepContent: React.JSX.Element;
9
+ hasError?: undefined;
10
+ isCurrent?: undefined;
11
+ backButton?: undefined;
12
+ forwardButton?: undefined;
13
+ } | {
14
+ label: string;
15
+ stepContent: React.JSX.Element;
16
+ hasError: boolean;
17
+ isCurrent: boolean;
18
+ backButton: {
19
+ label: string;
20
+ type: "button";
21
+ };
22
+ forwardButton: {
23
+ label: string;
24
+ type: "button";
25
+ disabled: boolean;
26
+ };
27
+ })[];
@@ -0,0 +1,28 @@
1
+ import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
2
+ import '../tiles-common.css';
3
+ import './avatar-tile-list.css';
4
+ export type AvatarTileListItem = {
5
+ image?: string;
6
+ alt?: string;
7
+ name?: string;
8
+ title?: string;
9
+ org?: string;
10
+ linkContent?: ReactNode;
11
+ };
12
+ /**
13
+ * Prop types for AvatarTileList
14
+ */
15
+ export interface AvatarTileListProps extends ComponentPropsWithoutRef<'div'> {
16
+ /**
17
+ * List of items for each tile.
18
+ */
19
+ listItems: AvatarTileListItem[];
20
+ /**
21
+ * Additional class names
22
+ */
23
+ className?: string;
24
+ }
25
+ /**
26
+ * AvatarTileList UI component
27
+ */
28
+ export declare const AvatarTileList: ({ listItems, className, ...props }: AvatarTileListProps) => React.JSX.Element;
@@ -0,0 +1,42 @@
1
+ import React, { 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
+ * Display type.
12
+ */
13
+ displayType?: TileDisplayType;
14
+ /**
15
+ * Heading level or `span`.
16
+ */
17
+ headingLevel?: HeadingLevelCommon;
18
+ /**
19
+ * Heading text.
20
+ */
21
+ headingText?: string;
22
+ /**
23
+ * Image source.
24
+ */
25
+ imageSrc?: string;
26
+ /**
27
+ * A link element using the router of your choice.
28
+ */
29
+ linkContent?: ReactNode;
30
+ /**
31
+ * Summary paragraph.
32
+ */
33
+ summary?: string;
34
+ /**
35
+ * Additional class names
36
+ */
37
+ className?: string;
38
+ }
39
+ /**
40
+ * Tile UI component
41
+ */
42
+ export declare const Tile: ({ displayType, headingLevel, headingText, imageSrc, linkContent, summary, className, ...props }: TileProps) => React.JSX.Element;
@@ -0,0 +1,29 @@
1
+ import React, { ComponentPropsWithoutRef } from 'react';
2
+ import { TileDisplayType, TileProps } from '@components/tiles/Tile/Tile';
3
+ import { HeadingLevelCommon } from '@libs/types/custom-types';
4
+ import './../tiles-common.css';
5
+ /**
6
+ * Prop types for TileGrid
7
+ */
8
+ export interface TileGridProps extends ComponentPropsWithoutRef<'div'> {
9
+ /**
10
+ * Display type.
11
+ */
12
+ displayType?: TileDisplayType;
13
+ /**
14
+ * Heading level or `span`. All tiles in the grid will use this heading level.
15
+ */
16
+ headingLevel?: HeadingLevelCommon;
17
+ /**
18
+ * Array of Tiles.
19
+ */
20
+ tiles: TileProps[];
21
+ /**
22
+ * Additional class names
23
+ */
24
+ className?: string;
25
+ }
26
+ /**
27
+ * TileGrid UI component
28
+ */
29
+ export declare const TileGrid: ({ displayType, headingLevel, tiles, className, ...props }: TileGridProps) => React.JSX.Element;
@@ -0,0 +1 @@
1
+ .pds-avatar-tile-list a{cursor:pointer;text-decoration:none}.pds-tile-list__image{margin-block-end:1rem}.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:1.44rem;font-weight:700}.pds-tile-list__title{color:var(--pds-color-fg-default-secondary);font-size:1rem;font-weight:600;margin-block-start:.41rem}.pds-tile-list__org{color:var(--pds-color-fg-default);font-size:.833rem;font-weight:400;margin-block-start:.125rem}.pds-tile-list__item:focus-visible{outline-width:2px}
@@ -0,0 +1 @@
1
+ .pds-avatar{--avatar-size:1.953rem;--avatar-icon-size:1.125rem;align-items:center;border:1px solid transparent;border-radius:100%;display:inline-flex;justify-content:center}.pds-avatar__content{border-radius:100%;display:flex;height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar__content--link:hover{cursor:pointer;outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:2px}.pds-avatar__content--link:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-avatar--image{border-color:var(--pds-color-border-default)}.pds-avatar--image .pds-avatar__image{border-radius:100%;height:100%;margin:auto;object-fit:cover;width:100%}.pds-avatar__user-icon{color:var(--pds-color-fg-reverse);height:var(--avatar-icon-size);width:var(--avatar-icon-size)}.pds-avatar--xs{--avatar-size:1rem;--avatar-icon-size:0.5625rem}.pds-avatar--sm{--avatar-size:1.563rem;--avatar-icon-size:0.875rem}.pds-avatar--md{--avatar-size:1.953rem;--avatar-icon-size:1.125rem}.pds-avatar--lg{--avatar-size:2.441rem;--avatar-icon-size:1.375rem}.pds-avatar--xl{--avatar-size:3.815rem;--avatar-icon-size:2.25rem}
@@ -0,0 +1 @@
1
+ .pds-banner-group{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-foreground);--banner-height:4.678rem;--nav-button-size:1.953rem;min-height:var(--banner-height);position:relative}@media (min-width:641px){.pds-banner-group{--banner-height:3.815rem}}.pds-banner--critical,.pds-banner-group--critical{--banner-background:var(--pds-color-banner-critical-background);--banner-foreground:var(--pds-color-banner-critical-foreground)}.pds-banner--info,.pds-banner-group--info{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-foreground)}.pds-banner--warning,.pds-banner-group--warning{--banner-background:var(--pds-color-banner-warning-background);--banner-foreground:var(--pds-color-banner-warning-foreground)}.pds-banner{background:var(--banner-background);box-sizing:border-box;color:var(--banner-foreground);font-size:.833rem;height:var(--banner-height);justify-content:space-between;padding-inline:1.953rem;position:absolute;width:100%}.pds-banner,.pds-banner__content{align-items:center;display:flex;gap:.8rem}.pds-banner__icon{flex-grow:0;flex-shrink:0}.pds-banner__message p{all:unset}.pds-banner__message a{color:var(--banner-foreground);padding:.125rem;text-decoration:underline}.pds-banner__message a:hover{background-color:hsla(0,0%,100%,.2);color:var(--banner-foreground);text-decoration:none;transition:all .2s ease-in-out 0s}.pds-banner__message a:focus-visible{outline:1px solid var(--banner-foreground);outline-offset:0}.pds-banner__dismiss-button{all:unset;border-radius:.1875rem;cursor:pointer;padding:.328rem .512rem;transition:all .2s ease-in-out 0s}.pds-banner__dismiss-button:hover{background-color:hsla(0,0%,100%,.2)}.pds-banner__dismiss-button:focus-visible{outline:1px solid var(--banner-foreground);outline-offset:0}.pds-banner-group--multiple .pds-banner{padding-inline:3.052rem}.pds-banner__navigation{display:flex;justify-content:space-between;width:100%}button.pds-banner__nav-button{color:var(--banner-foreground);height:var(--nav-button-size);margin-block:1.375rem;margin-inline:.512rem;min-width:unset;padding:0;transition:all .2s ease-in-out 0s;width:var(--nav-button-size);z-index:calc(var(--pds-z-index-notifications) + 10)}@media (min-width:641px){button.pds-banner__nav-button{margin-block:.9375rem}}button.pds-banner__nav-button:hover:enabled{background-color:hsla(0,0%,100%,.2)}button.pds-banner__nav-button:focus-visible{outline:1px solid var(--banner-foreground);outline-offset:0}.pds-banner--dismissing,.pds-banner--fading{animation:hideBannerAnimation .2s ease-in;animation-fill-mode:forwards}@keyframes hideBannerAnimation{to{opacity:0}0%{opacity:1}}
@@ -0,0 +1 @@
1
+ .pds-branch-diff{height:2rem}.pds-branch-diff .pds-tooltip,.pds-branch-diff .pds-tooltip__trigger-custom{width:100%}.pds-branch-diff__content{display:flex;height:1.953rem}.pds-branch-diff__segment{position:relative;width:50%}.pds-branch-diff__segment--behind{text-align:right}.pds-branch-diff__segment--ahead{border-left:1px solid var(--pds-color-status-neutral-utility);text-align:left}.pds-branch-diff__number{display:block;font-size:.833rem;font-weight:400;height:1rem;line-height:120%;padding-block:.0625rem;padding-inline:.328rem;position:relative}.pds-branch-diff__line{height:.512rem;min-width:.0625rem;position:absolute;transition:width var(--pds-animation-transition-reveal-duration) var(--pds-animation-transition-default-timing-function);width:41.95%}.pds-branch-diff__line--behind{background-color:var(--pds-color-status-neutral-background);border-bottom-left-radius:var(--pds-border-radius-bar);border-top-left-radius:var(--pds-border-radius-bar);right:0}.pds-branch-diff__line--ahead{background-color:var(--pds-color-status-neutral-utility);border-bottom-right-radius:var(--pds-border-radius-bar);border-top-right-radius:var(--pds-border-radius-bar);left:0}.pds-branch-diff--loading .pds-branch-diff__segment--ahead{border-color:var(--pds-color-status-neutral-background)}.pds-branch-diff--loading .pds-branch-diff__line{background-color:var(--pulse-regular-base-color)}
@@ -0,0 +1 @@
1
+ .pds-breadcrumb{color:var(--pds-color-text-default-secondary);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400}.pds-breadcrumb a{color:var(--pds-color-interactive-link-default);text-decoration:none;transition:all .2s ease-in-out 0s}.pds-breadcrumb a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-breadcrumb a:active{color:var(--pds-color-interactive-link-active);outline:none}.pds-breadcrumb a:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none;transition:outline .2s ease-in-out 0s}.pds-breadcrumb__crumbs{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;row-gap:.512rem}.pds-breadcrumb__crumb{align-items:center;display:flex}.pds-breadcrumb__crumb:not(:last-child):after{color:var(--pds-color-border-separator);content:"/";font-size:.694rem;margin-inline:.512rem}.pds-breadcrumb__crumb--current a{color:var(--pds-color-text-default-secondary)}
@@ -0,0 +1 @@
1
+ .pds-button-link a{white-space:nowrap}.pds-button-link a:hover{color:var(--pds-color-button-primary-foreground-hover);text-decoration:none}.pds-button-link a.pds-button.pds-button--secondary:hover{color:var(--pds-color-button-secondary-foreground-hover)}.pds-button-link a.pds-button.pds-button--subtle:hover{color:var(--pds-color-button-subtle-foreground-hover)}.pds-button-link a.pds-button.pds-button--brand:hover{color:var(--pds-color-button-brand-foreground-hover)}.pds-button-link a.pds-button.pds-button--brand-secondary:hover{color:var(--pds-color-button-brand-secondary-foreground-hover)}.pds-button-link a.pds-button.pds-button--critical:hover{color:var(--pds-color-button-critical-foreground-hover)}.pds-button-group .pds-button-link a{text-align:center;width:100%}
@@ -0,0 +1 @@
1
+ .pds-button-nav__menu{display:inline-flex;gap:0;list-style:none;margin:0;padding:0}.pds-button-nav__item a{align-items:center;background-color:transparent;border:1px solid var(--pds-color-border-input);box-sizing:border-box;color:var(--pds-color-segmented-button-foreground-default);column-gap:.41rem;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;height:2.25rem;line-height:1;padding-inline:1.01563rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button-nav__item a:hover{background-color:var(--pds-color-segmented-button-background-hover);color:var(--pds-color-segmented-button-foreground-hover)}.pds-button-nav__item a:focus-visible{outline-offset:.0625rem}.pds-button-nav__item:first-child a{border-bottom-left-radius:.1875rem;border-top-left-radius:.1875rem}.pds-button-nav__item:last-child a{border-bottom-right-radius:.1875rem;border-top-right-radius:.1875rem}.pds-button-nav__item:not(:first-child) a{margin-left:-1px}.pds-button-nav__item--active{z-index:1}.pds-button-nav__item--active a{background-color:var(--pds-color-segmented-button-background-active);border:1px solid var(--pds-color-segmented-button-border-active);color:var(--pds-color-segmented-button-foreground-active);transition:all .2s ease-in-out 0s}.pds-button-nav--sm .pds-button-nav__item a{font-size:.833rem;height:2rem;padding-inline:.8125rem}.pds-button-nav--sm .pds-button-nav__item .pds-tally__label{font-size:.5625rem}
@@ -0,0 +1,45 @@
1
+ a.pds-button,button.pds-button{--button-color-background:var(--pds-color-button-primary-background-default);--button-color-foreground:var(--pds-color-button-primary-foreground-default);--button-color-border:var(--pds-color-button-primary-border-default);align-items:center;background-color:var(--button-color-background);border:1px solid var(--button-color-border);border-radius:.1875rem;box-sizing:border-box;color:var(--button-color-foreground);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.64rem;height:2.25rem;justify-content:center;letter-spacing:.025em;line-height:1;max-height:2.25rem;padding:.625rem .8125rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button--full-width{width:100%}.pds-button__icon--wrapper{align-items:center;display:flex}.pds-button__icon{flex-shrink:0}.pds-button__loading-indicator{--spinner-size:1rem;--spinner-color-1:#fff;--spinner-color-2:#f1f1f1;--spinner-color-3:#cfcfd3}a.pds-button:disabled,button.pds-button:disabled{cursor:not-allowed;opacity:50%}a.pds-button:hover,button.pds-button:hover:enabled{--button-color-background:var(--pds-color-button-primary-background-hover);--button-color-border:var(--pds-color-button-primary-border-hover);--button-color-foreground:var(--pds-color-button-primary-foreground-hover)}a.pds-button:active,button.pds-button:active:enabled{--button-color-background:var(--pds-color-button-primary-background-active);--button-color-border:var(--pds-color-button-primary-border-active);--button-color-foreground:var(--pds-color-button-primary-foreground-active)}a.pds-button:focus-visible,button.pds-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}a.pds-button.pds-button--sm,button.pds-button.pds-button--sm{font-size:.833rem;gap:.41rem;height:2rem;max-height:2rem;padding:.5rem .625rem}a.pds-button.pds-button--sm .pds-button__loading-indicator,button.pds-button.pds-button--sm .pds-button__loading-indicator{--spinner-size:0.8rem}a.pds-button.pds-button--lg,button.pds-button.pds-button--lg{font-size:1.2rem;height:3rem;max-height:3rem;padding:.9375rem 1.25rem}a.pds-button.pds-button--lg .pds-button__loading-indicator,button.pds-button.pds-button--lg .pds-button__loading-indicator{--spinner-size:1.25rem}a.pds-button.pds-button--secondary,button.pds-button.pds-button--secondary{--button-color-background:var(
2
+ --pds-color-button-secondary-background-default
3
+ );--button-color-border:var(--pds-color-button-secondary-border-default);--button-color-foreground:var(
4
+ --pds-color-button-secondary-foreground-default
5
+ )}a.pds-button.pds-button--secondary .pds-button__loading-indicator,button.pds-button.pds-button--secondary .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--secondary:hover,button.pds-button.pds-button--secondary:hover:enabled{--button-color-background:var(--pds-color-button-secondary-background-hover);--button-color-border:var(--pds-color-button-secondary-border-hover);--button-color-foreground:var(--pds-color-button-secondary-foreground-hover)}a.pds-button.pds-button--secondary:active,button.pds-button.pds-button--secondary:active:enabled{--button-color-background:var(
6
+ --pds-color-button-secondary-background-active
7
+ );--button-color-border:var(--pds-color-button-secondary-border-active);--button-color-foreground:var(
8
+ --pds-color-button-secondary-foreground-active
9
+ )}a.pds-button.pds-button--subtle,button.pds-button.pds-button--subtle{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-default);font-weight:400;letter-spacing:0;padding:.64rem .25rem}a.pds-button.pds-button--subtle .pds-button__loading-indicator,button.pds-button.pds-button--subtle .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--subtle:hover,button.pds-button.pds-button--subtle:hover:enabled{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-hover)}a.pds-button.pds-button--subtle:active,button.pds-button.pds-button--subtle:active:enabled{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-active)}.pds-background--dark a.pds-button.pds-button--brand,.pds-background--dark button.pds-button.pds-button--brand,a.pds-button.pds-button--brand,button.pds-button.pds-button--brand{--button-color-background:var(--pds-color-button-brand-background-default);--button-color-border:var(--pds-color-button-brand-border-default);--button-color-foreground:var(--pds-color-button-brand-foreground-default)}.pds-background--dark a.pds-button.pds-button--brand .pds-button__loading-indicator,.pds-background--dark button.pds-button.pds-button--brand .pds-button__loading-indicator,a.pds-button.pds-button--brand .pds-button__loading-indicator,button.pds-button.pds-button--brand .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#726009;--spinner-color-3:#d9b500}.pds-background--dark a.pds-button.pds-button--brand:hover,.pds-background--dark button.pds-button.pds-button--brand:hover:enabled,a.pds-button.pds-button--brand:hover,button.pds-button.pds-button--brand:hover:enabled{--button-color-background:var(--pds-color-button-brand-background-hover);--button-color-border:var(--pds-color-button-brand-border-hover);--button-color-foreground:var(--pds-color-button-brand-foreground-hover)}.pds-background--dark a.pds-button.pds-button--brand:active,.pds-background--dark button.pds-button.pds-button--brand:active:enabled,a.pds-button.pds-button--brand:active,button.pds-button.pds-button--brand:active:enabled{--button-color-background:var(--pds-color-button-brand-background-active);--button-color-border:var(--pds-color-button-brand-border-active);--button-color-foreground:var(--pds-color-button-brand-foreground-active)}a.pds-button.pds-button--brand-secondary,button.pds-button.pds-button--brand-secondary{--button-color-background:var(
10
+ --pds-color-button-brand-secondary-background-default
11
+ );--button-color-border:var(--pds-color-button-brand-secondary-border-default);--button-color-foreground:var(
12
+ --pds-color-button-brand-secondary-foreground-default
13
+ )}a.pds-button.pds-button--brand-secondary .pds-button__loading-indicator,button.pds-button.pds-button--brand-secondary .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#6d6d78;--spinner-color-3:#cfcfd3}a.pds-button.pds-button--brand-secondary:hover,button.pds-button.pds-button--brand-secondary:hover:enabled{--button-color-background:var(
14
+ --pds-color-button-brand-secondary-background-hover
15
+ );--button-color-border:var(--pds-color-button-brand-secondary-border-hover);--button-color-foreground:var(
16
+ --pds-color-button-brand-secondary-foreground-hover
17
+ )}a.pds-button.pds-button--brand-secondary:active,button.pds-button.pds-button--brand-secondary:active:enabled{--button-color-background:var(
18
+ --pds-color-button-brand-secondary-background-active
19
+ );--button-color-border:var(--pds-color-button-brand-secondary-border-active);--button-color-foreground:var(
20
+ --pds-color-button-brand-secondary-foreground-active
21
+ )}a.pds-button.pds-button--critical,button.pds-button.pds-button--critical{--button-color-background:var(
22
+ --pds-color-button-critical-background-default
23
+ );--button-color-border:var(--pds-color-button-critical-border-default);--button-color-foreground:var(
24
+ --pds-color-button-critical-foreground-default
25
+ )}a.pds-button.pds-button--critical .pds-button__loading-indicator,button.pds-button.pds-button--critical .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-critical-foreground-default);--spinner-color-2:#f3c9c6;--spinner-color-3:#d46961}a.pds-button.pds-button--critical:hover,button.pds-button.pds-button--critical:hover:enabled{--button-color-background:var(--pds-color-button-critical-background-hover);--button-color-border:var(--pds-color-button-critical-border-hover);--button-color-foreground:var(--pds-color-button-critical-foreground-hover)}a.pds-button.pds-button--critical:active,button.pds-button.pds-button--critical:active:enabled{--button-color-background:var(--pds-color-button-critical-background-active);--button-color-border:var(--pds-color-button-critical-border-active);--button-color-foreground:var(--pds-color-button-critical-foreground-active)}a.pds-button.pds-button--critical-secondary,button.pds-button.pds-button--critical-secondary{--button-color-background:var(
26
+ --pds-color-button-critical-secondary-background-default
27
+ );--button-color-border:var(
28
+ --pds-color-button-critical-secondary-border-default
29
+ );--button-color-foreground:var(
30
+ --pds-color-button-critical-secondary-foreground-default
31
+ )}a.pds-button.pds-button--critical-secondary .pds-button__loading-indicator,button.pds-button.pds-button--critical-secondary .pds-button__loading-indicator{--spinner-color-1:var(
32
+ --pds-color-button-critical-secondary-foreground-default
33
+ );--spinner-color-2:#d46961;--spinner-color-3:#f3c9c6}a.pds-button.pds-button--critical-secondary:hover,button.pds-button.pds-button--critical-secondary:hover:enabled{--button-color-background:var(
34
+ --pds-color-button-critical-secondary-background-hover
35
+ );--button-color-border:var(
36
+ --pds-color-button-critical-secondary-border-hover
37
+ );--button-color-foreground:var(
38
+ --pds-color-button-critical-secondary-foreground-hover
39
+ )}a.pds-button.pds-button--critical-secondary:active,button.pds-button.pds-button--critical-secondary:active:enabled{--button-color-background:var(
40
+ --pds-color-button-critical-secondary-background-active
41
+ );--button-color-border:var(
42
+ --pds-color-button-critical-secondary-border-active
43
+ );--button-color-foreground:var(
44
+ --pds-color-button-critical-secondary-foreground-active
45
+ )}a.pds-button.pds-button--navbar,button.pds-button.pds-button--navbar{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-default);font-weight:400;letter-spacing:0}a.pds-button.pds-button--navbar .pds-button__loading-indicator,button.pds-button.pds-button--navbar .pds-button__loading-indicator{--spinner-color-1:#525560;--spinner-color-2:#6a6e7a;--spinner-color-3:#cfcfd3}a.pds-button.pds-button--navbar:hover,button.pds-button.pds-button--navbar:hover:enabled{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-hover)}a.pds-button.pds-button--navbar:active,button.pds-button.pds-button--navbar:active:enabled{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-active)}button.pds-button.pds-button--inline{background-color:transparent;border:none;border-radius:0;color:var(--pds-color-interactive-link-default);font-size:inherit;font-weight:400;height:unset;justify-content:unset;letter-spacing:0;max-height:unset;padding:0;transition:all .2s ease-in-out 0s}button.pds-button.pds-button--inline .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#6d6d78;--spinner-color-3:#cfcfd3}button.pds-button.pds-button--inline:hover:enabled{color:var(--pds-color-interactive-link-hover);text-decoration:underline}button.pds-button.pds-button--inline:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-button-group,.pds-button-group--lg{display:flex;flex-direction:column;row-gap:1rem;width:100%}.pds-button-group a.pds-button.pds-button--subtle,.pds-button-group button.pds-button.pds-button--subtle,.pds-button-group--lg a.pds-button.pds-button--subtle,.pds-button-group--lg button.pds-button.pds-button--subtle{margin-block:-.512rem}@media (min-width:641px){.pds-button-group a.pds-button.pds-button--subtle,.pds-button-group button.pds-button.pds-button--subtle,.pds-button-group--lg a.pds-button.pds-button--subtle,.pds-button-group--lg button.pds-button.pds-button--subtle{margin-block:unset;margin-inline:-.25rem}.pds-button-group{column-gap:1.25rem;flex-direction:row;width:unset}.pds-button-group--lg{column-gap:1.563rem}}
@@ -0,0 +1 @@
1
+ .pds-callout{--callout--color:var(--pds-color-fg-default-secondary);border:1px solid var(--callout--color);border-radius:.375rem;display:flex;font-family:Poppins,sans-serif;gap:1rem;padding:1rem;position:relative}.pds-callout__inner{display:flex;gap:1rem;width:100%}.pds-callout__icon{color:var(--callout--color)}.pds-callout__text{width:100%}.pds-callout__main-content>:last-child{margin-block-end:0}.pds-callout__title{font-size:1.2rem;font-weight:700;margin-block-end:1rem}.pds-callout--info{--callout--color:var(--pds-color-status-info-foreground)}.pds-callout--earlyAccess,.pds-callout--success{--callout--color:var(--pds-color-status-success-foreground)}.pds-callout--warning{--callout--color:var(--pds-color-status-warning-foreground)}.pds-callout--critical{--callout--color:var(--pds-color-status-critical-foreground)}.pds-callout--discovery{--callout--color:var(--pds-color-status-discovery-foreground)}.pds-callout--code{--callout--color:var(--pds-color-brand-accent-default)}
@@ -0,0 +1 @@
1
+ .pds-card-heading{color:var(--pds-color-fg-default);display:block;margin-block-end:1rem}
@@ -0,0 +1 @@
1
+ .pds-card-select-group{border:none;color:var(--pds-color-fg-default);font-family:Poppins,sans-serif;margin-inline:0;padding:0;padding-block-start:.328rem}.pds-card-select-group__legend{display:block;font-size:1.2rem;font-weight:600;margin-block-end:.8rem;text-align:left}.pds-card-select-group__legend--center{text-align:center}.pds-card-select-group__option input[type=radio]{appearance:none}.pds-card-select-group__option-label{background-color:var(--pds-color-card-background);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);box-sizing:border-box;column-gap:.8rem;display:inline-flex;font-size:1.2rem;font-weight:600;height:100%;margin-block-end:0;padding:1rem;width:100%}.pds-card-select-group__option-label--selected,.pds-card-select-group__option-label:hover{background-color:var(--pds-color-interactive-background-hover);cursor:pointer}.pds-card-select-group__option-icon{color:var(--pds-color-border-input)}.pds-card-select-group__option-icon--selected{color:var(--pds-color-status-success-foreground)}.pds-card-select-group__option-description{color:var(--pds-color-fg-default-secondary);font-size:1rem;font-weight:400;line-height:140%;margin-block-start:.328rem}
@@ -0,0 +1 @@
1
+ .pds-card{background-color:var(--pds-color-card-background);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);color:var(--pds-color-fg-default);display:flex;flex-direction:column;min-height:8rem}.pds-card__image{border-radius:.375rem .375rem 0 0;display:block;overflow:hidden}.pds-card__image img{display:block;width:100%}.pds-card__main{flex-grow:1;padding:1.25rem 1.563rem}.pds-card--mint-gradient{background:var(--pds-color-gradient-card-mint)}.pds-card--sundown-gradient{background:var(--pds-color-gradient-avatar-sundown)}.pds-card--yellow-gradient{background:var(--pds-color-gradient-card-yellow)}.pds-card--transparent{background-color:transparent}.pds-card--pad-narrow .pds-card__main{padding:1rem}.pds-card--pad-wide .pds-card__main{padding:1.563rem 1.953rem}
@@ -0,0 +1 @@
1
+ .pds-checkbox-group__options{display:flex;flex-direction:column;margin-block-end:.512rem;margin-inline-start:.125rem;row-gap:1.25rem}
@@ -0,0 +1 @@
1
+ .pds-checkbox{--checkbox-font-size:1rem;--checkbox-input-size:1rem;--checkbox-input-gap:0.512rem;--checkbox-box-shift:0.09375rem;line-height:1.2}.pds-checkbox--sm{--checkbox-font-size:0.833rem;--checkbox-input-size:0.9rem;--checkbox-box-shift:0.025rem}.pds-checkbox__input-wrapper{display:flex}.pds-checkbox input[type=checkbox]{appearance:none}.pds-checkbox__label{align-items:start;column-gap:var(--checkbox-input-gap);display:grid;grid-template-columns:var(--checkbox-input-size) auto;margin-block-end:0}.pds-checkbox__label-text{color:var(--pds-color-fg-default);font-size:var(--checkbox-font-size);font-weight:400}.pds-checkbox__label-text--s{font-size:.833rem}.pds-checkbox__box{align-items:center;background-color:var(--pds-color-input-background);border:2px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;height:var(--checkbox-input-size);padding:.0625rem;position:relative;top:var(--checkbox-box-shift);width:var(--checkbox-input-size)}.pds-checkbox__box,.pds-checkbox__box--checked,.pds-checkbox__box--indeterminate{transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-checkbox__box--checked,.pds-checkbox__box--indeterminate{background-color:var(--pds-color-interactive-focus);border-color:var(--pds-color-interactive-focus)}.pds-checkbox__icon{color:var(--pds-color-input-checkbox-checked-foreground);transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-checkbox:hover .pds-checkbox__box{cursor:pointer}.pds-checkbox input[type=checkbox]:focus-visible~label .pds-checkbox__box{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-checkbox.pds-is-disabled .pds-checkbox__label{cursor:not-allowed;opacity:50%}.pds-checkbox .pds-input-label__required{margin-inline-start:.125rem}div.pds-checkbox-group .pds-checkbox--indent-1{margin-inline-start:calc(var(--checkbox-input-size)*2 - var(--checkbox-input-gap))}div.pds-checkbox-group .pds-checkbox--indent-2{margin-inline-start:calc(var(--checkbox-input-size)*4 - var(--checkbox-input-gap)*2)}
@@ -0,0 +1 @@
1
+ .pds-close-button{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex}.pds-close-button:hover{color:var(--pds-color-interactive-link-hover)}.pds-close-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus);transition:outline .2s ease-in-out 0s}
@@ -0,0 +1 @@
1
+ .term-fg30{color:#c3c5c9}.term-fg31{color:#f8495d}.term-fg32{color:#a0f76e}.term-fg33{color:#c6c502}.term-fg34{color:#78d1fa}.term-fg35{color:#ff61ca}.term-fg36{color:#78d1fa}.term-fgi1{color:#5ef765}.term-fgi90{color:#838887}.term-fgi91{color:#f33}.term-fgi92{color:#0f0}.term-fgi93{color:#fffc67}.term-fgi94{color:#6871ff}.term-fgi95{color:#ff76ff}.term-fgi96{color:#60fcff}
@@ -0,0 +1 @@
1
+ .pds-code-block{--code-block-padding:1.25rem;--code-block-background:var(--pds-color-code-block-dark-background);--code-block-foreground:var(--pds-color-code-block-dark-foreground);--code-block-line-prefix:var(--pds-color-code-block-dark-line-prefix);--code-block-focus-color:var(--pds-color-interactive-reverse-focus);--pulse-regular-base-color:#c3c5c9;--pulse-bold-base-color:#6a6e7a;display:flex;font-family:var(--pds-typography-font-code);font-size:.9rem;font-weight:400;line-height:var(--pds-code-block-line-height);position:relative}div.pds-code-block__code,pre.pds-code-block__code{background-color:var(--code-block-background);border-radius:.375rem;flex-grow:1;margin:0;overflow:auto;padding:1.25rem 1.563rem}div.pds-code-block__code:focus-visible,pre.pds-code-block__code:focus-visible{outline:2px solid var(--code-block-focus-color)}div.pds-code-block__code .pds-code-block__content,div.pds-code-block__code .pds-code-block__line-content,div.pds-code-block__code .token.plain,pre.pds-code-block__code .pds-code-block__content,pre.pds-code-block__code .pds-code-block__line-content,pre.pds-code-block__code .token.plain{color:var(--code-block-foreground)}div.pds-code-block__code{padding-block:1.563rem}.pds-code-block__line{column-gap:.64rem;display:table-row}.pds-code-block__line-wrapped{overflow-x:hidden;text-wrap:wrap}.pds-code-block__number,.pds-code-block__prompt{color:var(--code-block-line-prefix);display:table-cell;padding-inline-end:1rem;text-align:right}.pds-code-block__copy{padding:.8rem .64rem;position:absolute;right:0;top:0}button.pds-clipboard-button{background-color:var(--code-block-background)}.pds-code-block--dark{--code-block-background:var(--pds-color-code-block-dark-background);--code-block-foreground:var(--pds-color-code-block-dark-foreground);--code-block-line-prefix:var(--pds-color-code-block-dark-line-prefix);--code-block-focus-color:var(--pds-color-interactive-reverse-focus)}.pds-code-block--light{--code-block-background:var(--pds-color-code-block-light-background);--code-block-foreground:var(--pds-color-code-block-light-foreground);--code-block-line-prefix:var(--pds-color-code-block-light-line-prefix);--code-block-focus-color:var(--pds-color-interactive-focus);font-weight:600}.pds-code-block--light button.pds-clipboard-button{color:var(--pds-color-code-block-light-foreground)}.pds-code-block--light button.pds-clipboard-button:hover{background-color:var(--pds-color-code-block-light-highlight)}.pds-code-block--light button.pds-clipboard-button:active{background-color:#d0d2d5}
@@ -0,0 +1,2 @@
1
+ .pds-combobox-multi{position:relative}.pds-combobox-multi:disabled .pds-combobox-multi__input-wrapper{border-color:var(--pds-color-border-disabled)}.pds-combobox-multi__items-wrapper .pds-combobox-multi__selected-item:not(:last-child){display:none}.pds-combobox-multi__selected-item{align-items:center;background:var(--pds-color-neutral-200);border-radius:3px;color:var(--pds-color--neutral-500);display:inline-flex;font-size:.75rem;font-weight:400;gap:.41rem;justify-content:center;line-height:120%;padding:.25rem .512rem;text-wrap:nowrap}.pds-combobox-multi__selected-item:hover{background:var(--pds-color-neutral-300)}.pds-combobox-multi__selected-item:focus-visible{outline:none}.pds-combobox-multi__selected-item-text{margin-top:1px}.pds-combobox-multi__selected-item-remove{border-radius:.1875rem;color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex;height:16px;justify-content:center;width:14px}.pds-combobox-multi__selected-item-remove:hover{color:var(--pds-color-fg-default)}.pds-combobox-multi__selected-item--marked-for-deletion .pds-combobox-multi__selected-item-remove{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox-multi__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;column-gap:.512rem;display:flex;gap:.512rem;height:var(--pds-spacing-input-height);justify-content:space-between;padding-inline:.64rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-combobox-multi__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-combobox-multi__counter{display:inline-block;height:24px;position:relative}.pds-combobox-multi__counter-wrapper{display:flex;position:relative}.pds-combobox-multi__counter-layer{width:8px}.pds-combobox-multi__counter-item,.pds-combobox-multi__counter-layer{background:var(--pds-color-neutral-200);border-radius:3px;box-shadow:-3px 0 0 0 var(--pds-color-neutral-000);height:24px}.pds-combobox-multi__counter-item{align-items:center;color:var(--pds-color--neutral-500);display:flex;font-size:.75rem;font-weight:400;justify-content:center;width:20.5px}.pds-combobox-multi__trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default);display:flex;flex-grow:1;height:1.563rem;justify-content:flex-end;margin-inline-start:auto}.pds-combobox-multi__trigger:disabled{cursor:not-allowed}.pds-combobox-multi__trigger:focus-visible{outline:none}.pds-combobox-multi__trigger-icon{color:var(--pds-color-fg-default-secondary);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-combobox-multi__trigger[aria-expanded=true]
2
+ .pds-combobox-multi__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-combobox-multi__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;display:flex;flex-direction:column;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-combobox-multi__dropdown-list{flex:1;margin-block-start:0;overflow-y:auto;padding:0}.pds-combobox-multi__dropdown-input-wrapper{align-items:center;background-color:var(--pds-color-dropdown-background);border-bottom:1px solid var(--pds-color-border-default);column-gap:.512rem;display:flex;gap:.64rem;padding:.64rem 1rem;position:sticky;top:0;z-index:1}.pds-combobox-multi__dropdown-input{background-color:transparent;border:none;caret-color:var(--pds-color-fg-default);color:var(--pds-color-fg-default);flex-grow:1;line-height:1;padding-inline:0;width:100%}.pds-combobox-multi__dropdown-input:focus{outline:none}.pds-combobox-multi__dropdown-input::placeholder{color:var(--pds-color-fg-default-secondary)}.pds-combobox-multi__dropdown-item{padding:.64rem 1rem}.pds-combobox-multi__dropdown-item-label{align-items:center;display:flex;gap:6px;justify-content:space-between;line-height:normal;width:100%}.pds-combobox-multi__dropdown-item-icon{color:var(--pds-color-status-success-foreground)}.pds-combobox-multi__loading,.pds-combobox-multi__no-results{color:var(--pds-color-fg-default);font-size:1rem;padding:1rem}
@@ -0,0 +1 @@
1
+ .pds-combobox{position:relative}.pds-combobox__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:var(--pds-spacing-input-height);justify-content:space-between;padding-inline:.64rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-combobox__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-combobox__input{background-color:transparent;border:none;caret-color:var(--pds-color-fg-default);color:var(--pds-color-fg-default);flex-grow:1;line-height:1;padding-inline:0;width:100%}.pds-combobox__input:focus{outline:none}.pds-combobox__input::placeholder{color:var(--pds-color-fg-default-secondary)}.pds-combobox__trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default);display:flex;height:1.563rem}.pds-combobox__trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox__trigger-icon{color:var(--pds-color-fg-default-secondary);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-combobox__trigger[aria-expanded=true] .pds-combobox__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-combobox__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-combobox__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem}.pds-combobox__loading,.pds-combobox__no-results{color:var(--pds-color-fg-default);font-size:1rem;padding:1rem}
@@ -0,0 +1 @@
1
+ .pds-compact-empty-state{display:flex;flex-direction:column;font-family:Poppins,sans-serif;padding-block:4.678rem;row-gap:1.563rem;text-align:center;width:100%}.pds-compact-empty-state__icon{color:var(--pds-color-fg-default-secondary)}.pds-compact-empty-state__heading{display:block;margin-block-end:.25rem}.pds-compact-empty-state__message{color:var(--pds-color-text-default-secondary);font-size:1rem;margin-block-end:0;margin-inline:auto;max-width:600px;text-wrap:pretty}
@@ -0,0 +1 @@
1
+ .pds-comparison-list{color:var(--pds-color-fg-default);font-family:Poppins,sans-serif}.pds-comparison-list__intro{font-size:1rem;font-weight:700;margin-block-end:1.563rem}.pds-comparison-list__list{all:unset;display:flex;flex-direction:column;list-style-type:none;row-gap:1rem}.pds-comparison-list__list-item{border-bottom:1px solid var(--pds-color-border-default);column-gap:.64rem;display:grid;font-family:Poppins,sans-serif;font-size:1rem;grid-template-columns:1rem auto;padding-block-end:.8rem}.pds-comparison-list__list-item--notIncluded{color:var(--pds-color-fg-default-secondary)}.pds-comparison-list__item-icon-wrapper{position:relative}.pds-comparison-list__item-icon{position:absolute;top:1px}.pds-comparison-list__more-link{margin-block-start:1.25rem}
@@ -0,0 +1 @@
1
+ .pds-cta-link{--cta-link-size:1.2rem;--cta-link-color:var(--pds-color-brand-primary-default);display:inline-flex;padding:.25rem 0}.pds-cta-link a,.pds-cta-link button{color:var(--cta-link-color);font-family:Poppins,sans-serif;font-size:var(--cta-link-size);font-weight:700;letter-spacing:.01rem;line-height:120%;text-decoration:none;transition:all .2s ease-in-out 0s}.pds-cta-link a:focus-visible,.pds-cta-link button:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:.25rem;text-decoration:none}.pds-cta-link button{background:none;border:none;cursor:pointer;padding:0}.pds-cta-link .pds-cta-link__icon{color:var(--cta-link-color);left:.64rem;position:relative;top:.0625rem;transition:all .2s ease-in-out 0s}.pds-cta-link:hover{--cta-link-color:var(--pds-color-interactive-link-hover)}.pds-cta-link:hover .pds-cta-link__icon{left:.8rem}.pds-cta-link:active{--cta-link-color:var(--pds-color-interactive-link-active);outline:none;text-decoration:none}.pds-cta-link--sm{--cta-link-size:1rem}.pds-link-group{display:flex;flex-direction:column;row-gap:1rem}
@@ -0,0 +1 @@
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:3.052rem;text-align:center}@media (min-width:641px){.pds-cta-slice .pds-container{padding-block:3.815rem;padding-inline:3.815rem}}@media (min-width:1025px){.pds-cta-slice .pds-container{padding-block:5.96rem;padding-inline:4.678rem}}.pds-cta-slice__heading{color:var(--pds-color-fg-default);display:block;font-weight:700;margin-block-end:0}.pds-cta-slice__lead-text{color:var(--pds-color-fg-default-secondary);margin-block-end:0;margin-block-start:1.563rem}.pds-cta-slice__links{margin-block-start:1.953rem}
@@ -0,0 +1,5 @@
1
+ .pds-dashboard-nav{--dashboard-nav-icon-width:1.563rem;--dashboard-nav-space-after-icon:0.64rem;--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:Poppins,sans-serif}.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:.375rem;outline:1px 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:1.563rem;margin-block-start:.125rem;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:.64rem}.pds-dashboard-nav__menu.pds-dashboard-nav__menu--top-level{row-gap:1rem}.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:.375rem;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:all .2s ease-in-out 0s}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper a{border-radius:.375rem;box-sizing:border-box;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:.8rem;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:.64rem}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level{font-size:.833rem}.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:600}.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:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s ease-in-out 0s}.pds-dashboard-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:.375rem;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:all .2s ease-in-out 0s}.pds-dashboard-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:all .2s ease-in-out 0s}.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:.375rem;box-shadow:var(--pds-elevation-overlay);max-width:30rem;padding:.64rem;width:max-content;z-index:300}.pds-dashboard-nav__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}.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);cursor:pointer;font-size:1rem;line-height:120%;margin:0;padding:.64rem .8rem}.pds-dashboard-nav__item--second-level-flyout:hover{background-color:var(--pds-color-dropdown-item-background-hover);border-radius:.375rem}.pds-dashboard-nav__item--second-level-flyout.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:600}.pds-dashboard-nav__item--second-level-flyout a:focus-visible{border-radius:1px;outline:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s ease-in-out 0s}.pds-dashboard-nav .pds-tooltip__container{padding:.25rem .512rem}.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:.41rem;padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav .pds-dropdown-menu__item--second-level{padding-block:.25rem;padding-inline-start:calc(var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon) + .0625rem)}
@@ -0,0 +1 @@
1
+ .pds-dashboard-search{--dashboard-search-height:var(--pds-spacing-input-height);height:var(--dashboard-search-height);margin-inline-end:-.64rem;position:absolute;transition:width .375s ease;z-index:700}.pds-dashboard-search__combobox{left:0;position:absolute;right:0}.pds-dashboard-search__search-toggle{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.1875rem;color:var(--pds-color-fg-default);cursor:pointer;display:flex;height:var(--dashboard-search-height)}.pds-dashboard-search__search-toggle:hover{color:var(--pds-color-interactive-link-hover)}.pds-dashboard-search__search-toggle:focus-visible{outline:1px solid var(--pds-color-interactive-focus);transition:outline .2s ease-in-out 0s}.pds-dashboard-search__search-toggle-icon{margin-block-start:.41rem;pointer-events:none}.pds-dashboard-search__option-display{justify-content:space-between;width:100%}.pds-dashboard-search__option-display,.pds-dashboard-search__option-inner{align-items:center;column-gap:.8rem;display:flex}.pds-dashboard-search__option-icon{align-items:center;color:var(--pds-color-fg-default-secondary);display:flex}.pds-dashboard-search__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-dashboard-search--isMobile{border-bottom:1px solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;min-height:3.815rem;position:relative;width:100vw}.pds-dashboard-search--isMobile .pds-dashboard-search__combobox{margin-inline:auto;width:calc(100% - 2.5rem)}.pds-dashboard-search--mobile-inner{padding-block:.64rem}