@pantheon-systems/pds-toolkit-react 1.0.0-dev.15 → 1.0.0-dev.151

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 (213) hide show
  1. package/README.md +31 -1
  2. package/_dist/components/Avatar/Avatar.d.ts +19 -0
  3. package/_dist/components/Breadcrumbs/Breadcrumbs.d.ts +9 -0
  4. package/_dist/components/Breadcrumbs/BreadcrumbsContent.d.ts +12 -0
  5. package/_dist/components/Breadcrumbs/BreadcrumbsContext.d.ts +17 -0
  6. package/_dist/components/Breadcrumbs/ListItem.d.ts +14 -0
  7. package/_dist/components/Breadcrumbs/MobileCrumbs.d.ts +2 -0
  8. package/_dist/components/CTALink/CTALink.d.ts +20 -0
  9. package/_dist/components/CTASlice/CTASlice.d.ts +34 -0
  10. package/_dist/components/Callout/Callout.d.ts +24 -0
  11. package/_dist/components/Callout/sample-callout-content.d.ts +2 -0
  12. package/_dist/components/ComparisonList/ComparisonList.d.ts +42 -0
  13. package/_dist/components/Heading/Heading.d.ts +15 -0
  14. package/_dist/components/Icon/Icon.d.ts +624 -0
  15. package/_dist/components/Icon/iconList.d.ts +1 -0
  16. package/_dist/components/Modal/Modal.d.ts +40 -0
  17. package/_dist/components/Pager/AdvancedPagination.d.ts +4 -0
  18. package/_dist/components/Pager/BasicPagination.d.ts +4 -0
  19. package/_dist/components/Pager/MiniPagination.d.ts +4 -0
  20. package/_dist/components/Pager/NavigationButton.d.ts +13 -0
  21. package/_dist/components/Pager/Pager.d.ts +24 -0
  22. package/_dist/components/Pager/PagerContext.d.ts +23 -0
  23. package/_dist/components/Pager/PagerItem.d.ts +14 -0
  24. package/_dist/components/Pager/usePaginationUI.d.ts +1 -0
  25. package/_dist/components/Panel/Panel.d.ts +30 -0
  26. package/_dist/components/PantheonLogo/PantheonLogo.d.ts +25 -0
  27. package/_dist/components/PlatformIcon/PlatformIcon.d.ts +13 -0
  28. package/_dist/components/Popover/Popover.d.ts +57 -0
  29. package/_dist/components/PullQuote/PullQuote.d.ts +34 -0
  30. package/_dist/components/Skiplink/Skiplink.d.ts +21 -0
  31. package/_dist/components/SocialLinks/SocialLinks.d.ts +13 -0
  32. package/_dist/components/StatusIndicator/StatusIndicator.d.ts +20 -0
  33. package/_dist/components/Stepper/Stepper.d.ts +46 -0
  34. package/_dist/components/Table/Table.d.ts +15 -0
  35. package/_dist/components/TableOfContents/TableOfContents.d.ts +25 -0
  36. package/_dist/components/Tabs/Tabs.d.ts +40 -0
  37. package/_dist/components/Tag/Tag.d.ts +39 -0
  38. package/_dist/components/Tooltip/Tooltip.d.ts +33 -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 +35 -0
  42. package/_dist/components/buttons/AnimatedButton/AnimatedButton.d.ts +42 -0
  43. package/_dist/components/buttons/Button/Button.d.ts +5 -0
  44. package/_dist/components/buttons/ButtonLink/ButtonLink.d.ts +24 -0
  45. package/_dist/components/buttons/IconButton/IconButton.d.ts +42 -0
  46. package/_dist/components/buttons/MenuButton/MenuButton.d.ts +63 -0
  47. package/_dist/components/buttons/SegmentedButton/SegmentedButton.d.ts +45 -0
  48. package/_dist/components/buttons/SplitButton/SplitButton.d.ts +36 -0
  49. package/_dist/components/buttons/ToggleButton/ToggleButton.d.ts +35 -0
  50. package/_dist/components/cards/Card/Card.d.ts +30 -0
  51. package/_dist/components/cards/CardSelectGroup/CardSelectGroup.d.ts +38 -0
  52. package/_dist/components/cards/LinksCard/LinksCard.d.ts +17 -0
  53. package/_dist/components/cards/NewSiteCard/NewSiteCard.d.ts +25 -0
  54. package/_dist/components/cards/PricingCard/PricingCard.d.ts +64 -0
  55. package/_dist/components/cards/SiteCard/SiteCard.d.ts +25 -0
  56. package/_dist/components/expansion-panels/ExpansionPanel/ExpansionPanel.d.ts +19 -0
  57. package/_dist/components/expansion-panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts +15 -0
  58. package/_dist/components/footer/FooterHeading/FooterHeading.d.ts +15 -0
  59. package/_dist/components/footer/FooterLinks/FooterLinks.d.ts +17 -0
  60. package/_dist/components/footer/SiteFooter/SiteFooter.d.ts +18 -0
  61. package/_dist/components/inputs/Checkbox/Checkbox.d.ts +5 -0
  62. package/_dist/components/inputs/CheckboxGroup/CheckboxGroup.d.ts +44 -0
  63. package/_dist/components/inputs/Combobox/Combobox.d.ts +5 -0
  64. package/_dist/components/inputs/FileUpload/FileUpload.d.ts +37 -0
  65. package/_dist/components/inputs/InputFormatted/InputFormatted.d.ts +35 -0
  66. package/_dist/components/inputs/InputGroup/InputGroup.d.ts +13 -0
  67. package/_dist/components/inputs/InputObscured/InputObscured.d.ts +33 -0
  68. package/_dist/components/inputs/InputText/InputText.d.ts +75 -0
  69. package/_dist/components/inputs/InputWrapper/InputWrapper.d.ts +5 -0
  70. package/_dist/components/inputs/RadioGroup/RadioGroup.d.ts +46 -0
  71. package/_dist/components/inputs/Select/Select.d.ts +44 -0
  72. package/_dist/components/inputs/TextInput/TextInput.d.ts +127 -0
  73. package/_dist/components/inputs/Textarea/Textarea.d.ts +39 -0
  74. package/_dist/components/inputs/ToggleSwitch/ToggleSwitch.d.ts +33 -0
  75. package/_dist/components/inputs/input-utilities.d.ts +44 -0
  76. package/_dist/components/inputs/inputs-common.d.ts +40 -0
  77. package/_dist/components/navigation/DashboardNav/DashboardNav.d.ts +25 -0
  78. package/_dist/components/navigation/DashboardSearch/DashboardSearch.d.ts +69 -0
  79. package/_dist/components/navigation/DashboardSearch/SiteOptionDisplay.d.ts +10 -0
  80. package/_dist/components/navigation/DropdownMenu/DropdownMenu.d.ts +17 -0
  81. package/_dist/components/navigation/NavMenu/NavMenu.d.ts +19 -0
  82. package/_dist/components/navigation/NavMenu/NavMenuDropdown.d.ts +14 -0
  83. package/_dist/components/navigation/Navbar/Navbar.d.ts +35 -0
  84. package/_dist/components/navigation/SideNav/SideNav.d.ts +29 -0
  85. package/_dist/components/navigation/SideNavCompact/SideNavCompact.d.ts +29 -0
  86. package/_dist/components/navigation/UserMenu/UserMenu.d.ts +44 -0
  87. package/_dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +58 -0
  88. package/_dist/components/notifications/Banner/Banner.d.ts +35 -0
  89. package/_dist/components/notifications/InlineMessage/InlineMessage.d.ts +37 -0
  90. package/_dist/components/notifications/SectionMessage/SectionMessage.d.ts +47 -0
  91. package/_dist/components/notifications/Toaster/Toast.d.ts +30 -0
  92. package/_dist/components/notifications/Toaster/Toaster.d.ts +16 -0
  93. package/_dist/components/notifications/Toaster/useToast.d.ts +2 -0
  94. package/_dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts +35 -0
  95. package/_dist/components/progress-indicators/ProgressRing/ProgressRing.d.ts +25 -0
  96. package/_dist/components/progress-indicators/Spinner/Spinner.d.ts +33 -0
  97. package/_dist/components/tiles/AvatarTileList/AvatarTileList.d.ts +22 -0
  98. package/_dist/components/tiles/StatsTileList/StatsTileList.d.ts +26 -0
  99. package/_dist/components/tiles/Tile/Tile.d.ts +23 -0
  100. package/_dist/components/tiles/TileGrid/TileGrid.d.ts +38 -0
  101. package/_dist/css/component-css/pds-animated-button.css +9 -0
  102. package/_dist/css/component-css/pds-avatar-tile-list.css +1 -0
  103. package/_dist/css/component-css/pds-avatar.css +1 -0
  104. package/_dist/css/component-css/pds-banner.css +1 -0
  105. package/_dist/css/component-css/pds-breadcrumbs.css +1 -0
  106. package/_dist/css/component-css/pds-button-link.css +1 -0
  107. package/_dist/css/component-css/pds-button.css +81 -0
  108. package/_dist/css/component-css/pds-callout.css +1 -0
  109. package/_dist/css/component-css/pds-card-select-group.css +1 -0
  110. package/_dist/css/component-css/pds-card.css +1 -0
  111. package/_dist/css/component-css/pds-checkbox-group.css +1 -0
  112. package/_dist/css/component-css/pds-checkbox.css +1 -0
  113. package/_dist/css/component-css/pds-combobox.css +1 -0
  114. package/_dist/css/component-css/pds-comparison-list.css +1 -0
  115. package/_dist/css/component-css/pds-cta-link.css +1 -0
  116. package/_dist/css/component-css/pds-cta-slice.css +1 -0
  117. package/_dist/css/component-css/pds-dashboard-nav.css +2 -0
  118. package/_dist/css/component-css/pds-dashboard-search.css +1 -0
  119. package/_dist/css/component-css/pds-dropdown-menu.css +2 -0
  120. package/_dist/css/component-css/pds-expansion-panel-group.css +1 -0
  121. package/_dist/css/component-css/pds-expansion-panel.css +1 -0
  122. package/_dist/css/component-css/pds-file-upload.css +5 -0
  123. package/_dist/css/component-css/pds-footer-heading.css +1 -0
  124. package/_dist/css/component-css/pds-footer-links.css +1 -0
  125. package/_dist/css/component-css/pds-heading.css +1 -0
  126. package/_dist/css/component-css/pds-icon-button.css +17 -0
  127. package/_dist/css/component-css/pds-icon-story-only.css +1 -0
  128. package/_dist/css/component-css/pds-index.css +160 -0
  129. package/_dist/css/component-css/pds-indicator-badge.css +37 -0
  130. package/_dist/css/component-css/pds-inline-message.css +1 -0
  131. package/_dist/css/component-css/pds-input-group.css +1 -0
  132. package/_dist/css/component-css/pds-input-text.css +1 -0
  133. package/_dist/css/component-css/pds-input-utilities.css +1 -0
  134. package/_dist/css/component-css/pds-input-wrapper.css +1 -0
  135. package/_dist/css/component-css/pds-inputs-common-deprecated.css +1 -0
  136. package/_dist/css/component-css/pds-inputs-common.css +1 -0
  137. package/_dist/css/component-css/pds-links-card.css +1 -0
  138. package/_dist/css/component-css/pds-menu-button.css +1 -0
  139. package/_dist/css/component-css/pds-modal.css +1 -0
  140. package/_dist/css/component-css/pds-nav-menu.css +1 -0
  141. package/_dist/css/component-css/pds-navbar.css +3 -0
  142. package/_dist/css/component-css/pds-new-site-card.css +1 -0
  143. package/_dist/css/component-css/pds-pager.css +1 -0
  144. package/_dist/css/component-css/pds-panel.css +1 -0
  145. package/_dist/css/component-css/pds-pantheon-logo.css +1 -0
  146. package/_dist/css/component-css/pds-platform-icon.css +1 -0
  147. package/_dist/css/component-css/pds-popover.css +1 -0
  148. package/_dist/css/component-css/pds-pricing-card-local.css +1 -0
  149. package/_dist/css/component-css/pds-pricing-card.css +1 -0
  150. package/_dist/css/component-css/pds-progress-bar.css +1 -0
  151. package/_dist/css/component-css/pds-progress-ring.css +1 -0
  152. package/_dist/css/component-css/pds-pull-quote.css +1 -0
  153. package/_dist/css/component-css/pds-radio-group.css +1 -0
  154. package/_dist/css/component-css/pds-section-message.css +1 -0
  155. package/_dist/css/component-css/pds-segmented-button.css +1 -0
  156. package/_dist/css/component-css/pds-select.css +1 -0
  157. package/_dist/css/component-css/pds-side-nav-compact.css +1 -0
  158. package/_dist/css/component-css/pds-side-nav.css +1 -0
  159. package/_dist/css/component-css/pds-site-card.css +1 -0
  160. package/_dist/css/component-css/pds-site-footer.css +1 -0
  161. package/_dist/css/component-css/pds-skiplink.css +1 -0
  162. package/_dist/css/component-css/pds-social-links.css +1 -0
  163. package/_dist/css/component-css/pds-spinner.css +1 -0
  164. package/_dist/css/component-css/pds-split-button.css +2 -0
  165. package/_dist/css/component-css/pds-stats-tile-list.css +1 -0
  166. package/_dist/css/component-css/pds-status-badge.css +9 -0
  167. package/_dist/css/component-css/pds-status-indicator.css +1 -0
  168. package/_dist/css/component-css/pds-stepper.css +1 -0
  169. package/_dist/css/component-css/pds-table-of-contents.css +1 -0
  170. package/_dist/css/component-css/pds-table.css +1 -0
  171. package/_dist/css/component-css/pds-tabs.css +1 -0
  172. package/_dist/css/component-css/pds-tag.css +1 -0
  173. package/_dist/css/component-css/pds-tally.css +1 -0
  174. package/_dist/css/component-css/pds-text-input.css +1 -0
  175. package/_dist/css/component-css/pds-textarea.css +1 -0
  176. package/_dist/css/component-css/pds-tile.css +1 -0
  177. package/_dist/css/component-css/pds-tiles-common.css +1 -0
  178. package/_dist/css/component-css/pds-toaster.css +1 -0
  179. package/_dist/css/component-css/pds-toggle-button.css +1 -0
  180. package/_dist/css/component-css/pds-toggle-switch.css +3 -0
  181. package/_dist/css/component-css/pds-tooltip.css +1 -0
  182. package/_dist/css/component-css/pds-user-menu-story-only.css +1 -0
  183. package/_dist/css/component-css/pds-user-menu.css +1 -0
  184. package/_dist/css/component-css/pds-workspace-selector.css +1 -0
  185. package/_dist/css/design-tokens/pds-design-tokens-dark-mode.css +272 -0
  186. package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +333 -0
  187. package/_dist/css/design-tokens/pds-design-tokens.css +103 -0
  188. package/_dist/css/pds-components.css +123 -70
  189. package/_dist/css/pds-core.css +6 -2
  190. package/_dist/css/pds-layouts.css +1 -1
  191. package/_dist/index.css +1 -0
  192. package/_dist/index.d.ts +91 -0
  193. package/_dist/index.js +11428 -0
  194. package/_dist/index.js.map +1 -0
  195. package/_dist/layouts/Container/Container.d.ts +16 -0
  196. package/_dist/layouts/DashboardLayout/DashboardLayout.d.ts +44 -0
  197. package/_dist/layouts/DashboardLayout/DemoContent.d.ts +2 -0
  198. package/_dist/layouts/FlexContainer/FlexContainer.d.ts +27 -0
  199. package/_dist/layouts/GlobalWrapper/GlobalWrapper.d.ts +19 -0
  200. package/_dist/layouts/SidebarLayout/SidebarLayout.d.ts +21 -0
  201. package/_dist/layouts/StepperLayout/StepperLayout.d.ts +13 -0
  202. package/_dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts +15 -0
  203. package/_dist/layouts/TwoItemLayout/TwoItemLayout.d.ts +17 -0
  204. package/_dist/libs/components/customPropTypes.d.ts +85 -0
  205. package/_dist/libs/components/utils.d.ts +2 -0
  206. package/_dist/utilities/context-providers/ResponsiveContext/ResponsiveContext.d.ts +6 -0
  207. package/_dist/vars/spacing.d.ts +17 -0
  208. package/_dist/vars/z-index.d.ts +5 -0
  209. package/package.json +86 -43
  210. package/_dist/cjs/index.js +0 -88
  211. package/_dist/cjs/index.js.map +0 -1
  212. package/_dist/esm/index.js +0 -88
  213. package/_dist/esm/index.js.map +0 -1
@@ -0,0 +1,42 @@
1
+ import React, { ComponentPropsWithoutRef } from 'react';
2
+ import { PDSIcon } from '@components/Icon/Icon';
3
+ import './animated-button.css';
4
+ interface AnimatedButtonProps extends ComponentPropsWithoutRef<'button'> {
5
+ /**
6
+ * Aria-label attribute.
7
+ */
8
+ ariaLabel: string;
9
+ /**
10
+ * Type of button
11
+ */
12
+ buttonType?: 'button' | 'submit' | 'reset';
13
+ /**
14
+ * Is the button disabled?
15
+ */
16
+ disabled?: boolean;
17
+ /**
18
+ * Icon 1 -- The first icon to display in animation.
19
+ */
20
+ icon1: PDSIcon;
21
+ /**
22
+ * Icon 2 -- The second icon to display in animation.
23
+ */
24
+ icon2: PDSIcon;
25
+ /**
26
+ * Click event handler callback
27
+ */
28
+ onClick?: () => void;
29
+ /**
30
+ * Which size of button to render
31
+ */
32
+ size?: 'sm' | 'md' | 'lg';
33
+ /**
34
+ * Additional class names
35
+ */
36
+ className?: string;
37
+ }
38
+ /**
39
+ * AnimatedButton UI component
40
+ */
41
+ export declare const AnimatedButton: ({ ariaLabel, buttonType, disabled, icon1, icon2, onClick, size, className, ...props }: AnimatedButtonProps) => React.JSX.Element;
42
+ export {};
@@ -0,0 +1,5 @@
1
+ /**
2
+ * A Component used to render a Button
3
+ */
4
+ export const Button: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
+ import React from 'react';
@@ -0,0 +1,24 @@
1
+ export function ButtonLink({ disabled, displayType, iconName, linkContent, size, variant, className, ...props }: {
2
+ [x: string]: any;
3
+ disabled?: boolean;
4
+ displayType?: string;
5
+ iconName: any;
6
+ linkContent: any;
7
+ size?: string;
8
+ variant?: string;
9
+ className: any;
10
+ }): React.JSX.Element;
11
+ export namespace ButtonLink {
12
+ namespace propTypes {
13
+ export let disabled: PropTypes.Requireable<boolean>;
14
+ export let displayType: PropTypes.Requireable<string>;
15
+ export { PDSIcon as iconName };
16
+ export let linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
17
+ export let size: PropTypes.Requireable<string>;
18
+ export let variant: PropTypes.Requireable<string>;
19
+ export let className: PropTypes.Requireable<string>;
20
+ }
21
+ }
22
+ import React from 'react';
23
+ import PropTypes from 'prop-types';
24
+ import { PDSIcon } from '@libs/components/customPropTypes';
@@ -0,0 +1,42 @@
1
+ import React, { ComponentPropsWithoutRef } from 'react';
2
+ import { PDSIcon } from '@components/Icon/Icon';
3
+ import './icon-button.css';
4
+ interface IconButtonProps extends ComponentPropsWithoutRef<'button'> {
5
+ /**
6
+ * Aria-label attribute.
7
+ */
8
+ ariaLabel: string;
9
+ /**
10
+ * Type of button
11
+ */
12
+ buttonType?: 'button' | 'submit' | 'reset';
13
+ /**
14
+ * Is the button disabled?
15
+ */
16
+ disabled?: boolean;
17
+ /**
18
+ * Which icon to render
19
+ */
20
+ iconName: PDSIcon;
21
+ /**
22
+ * Click event handler callback
23
+ */
24
+ onClick?: () => void;
25
+ /**
26
+ * Which size of button to render
27
+ */
28
+ size?: 'sm' | 'md' | 'lg';
29
+ /**
30
+ * Which variant of button to render
31
+ */
32
+ variant?: 'standard' | 'critical';
33
+ /**
34
+ * Additional class names
35
+ */
36
+ className?: string;
37
+ }
38
+ /**
39
+ * IconButton UI component
40
+ */
41
+ export declare const IconButton: ({ ariaLabel, buttonType, disabled, iconName, onClick, size, variant, className, ...props }: IconButtonProps) => React.JSX.Element;
42
+ export {};
@@ -0,0 +1,63 @@
1
+ export function MenuButton({ avatarImageSrc, disabled, displayType, iconName, id, isSplitButton, label, menuItems, menuPosition, size, testId, undefinedLabel, variant, withinNavbar, className, ...props }: {
2
+ [x: string]: any;
3
+ avatarImageSrc: any;
4
+ disabled: any;
5
+ displayType?: string;
6
+ iconName?: string;
7
+ id: any;
8
+ isSplitButton?: boolean;
9
+ label: any;
10
+ menuItems: any;
11
+ menuPosition?: string;
12
+ size?: string;
13
+ testId: any;
14
+ undefinedLabel?: string;
15
+ variant?: string;
16
+ withinNavbar: any;
17
+ className: any;
18
+ }): React.JSX.Element;
19
+ export namespace MenuButton {
20
+ namespace propTypes {
21
+ export let avatarImageSrc: PropTypes.Requireable<string>;
22
+ export let disabled: PropTypes.Requireable<boolean>;
23
+ export let displayType: PropTypes.Requireable<string>;
24
+ export { PDSIcon as iconName };
25
+ export let id: PropTypes.Requireable<string>;
26
+ export let isSplitButton: PropTypes.Requireable<boolean>;
27
+ export let label: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
28
+ export let menuItems: PropTypes.Requireable<NonNullable<Required<PropTypes.InferProps<{
29
+ label: PropTypes.Validator<string>;
30
+ isHeading: PropTypes.Validator<boolean>;
31
+ }>> | Required<PropTypes.InferProps<{
32
+ description: PropTypes.Requireable<string>;
33
+ disabled: PropTypes.Requireable<boolean>;
34
+ iconName: PropTypes.Requireable<string>;
35
+ isLink: PropTypes.Validator<boolean>;
36
+ linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
37
+ testId: PropTypes.Requireable<string>;
38
+ }>> | Required<PropTypes.InferProps<{
39
+ callback: PropTypes.Requireable<(...args: any[]) => any>;
40
+ description: PropTypes.Requireable<string>;
41
+ disabled: PropTypes.Requireable<boolean>;
42
+ iconName: PropTypes.Requireable<string>;
43
+ id: PropTypes.Requireable<string>;
44
+ label: PropTypes.Validator<string>;
45
+ testId: PropTypes.Requireable<string>;
46
+ }>> | Required<PropTypes.InferProps<{
47
+ isNode: PropTypes.Validator<boolean>;
48
+ nodeContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
49
+ }>> | Required<PropTypes.InferProps<{
50
+ isSeparator: PropTypes.Validator<boolean>;
51
+ }>>>[]>;
52
+ export let menuPosition: PropTypes.Requireable<string>;
53
+ export let size: PropTypes.Requireable<string>;
54
+ export let testId: PropTypes.Requireable<string>;
55
+ export let undefinedLabel: PropTypes.Requireable<string>;
56
+ export let variant: PropTypes.Requireable<string>;
57
+ export let withinNavbar: PropTypes.Requireable<boolean>;
58
+ export let className: PropTypes.Requireable<string>;
59
+ }
60
+ }
61
+ import React from 'react';
62
+ import PropTypes from 'prop-types';
63
+ import { PDSIcon } from '../../../libs/components/customPropTypes';
@@ -0,0 +1,45 @@
1
+ import React from 'react';
2
+ import { PDSIcon } from '@components/Icon/Icon';
3
+ import './segmented-button.css';
4
+ /**
5
+ * Prop types for SegmentedButton
6
+ */
7
+ export interface SegmentedButtonProps {
8
+ /**
9
+ * Is the ToggleButton disabled?
10
+ */
11
+ disabled?: boolean;
12
+ /**
13
+ * Unique ID for the ToggleButton
14
+ */
15
+ id: string;
16
+ /**
17
+ * Optional initial selected option value
18
+ */
19
+ initialSelection?: string;
20
+ /**
21
+ * Label for the SegmentedButton — visually hidden, used for screen readers only.
22
+ */
23
+ label: string;
24
+ /**
25
+ * Callback function that will return the updated value from the instance when it changes.
26
+ * Function should have the shape of: `(value) => { <do stuff here> } `.
27
+ */
28
+ onChange?: (value: string) => void;
29
+ /**
30
+ * Array of button options — must be between 2 and 6 options.
31
+ */
32
+ options: {
33
+ value: string;
34
+ label: string;
35
+ iconName?: PDSIcon;
36
+ }[];
37
+ /**
38
+ * Additional class names
39
+ */
40
+ className?: string;
41
+ }
42
+ /**
43
+ * SegmentedButton UI component
44
+ */
45
+ export declare const SegmentedButton: ({ disabled, id, initialSelection, label, onChange, options, className, ...props }: SegmentedButtonProps) => React.JSX.Element;
@@ -0,0 +1,36 @@
1
+ export function SplitButton({ actionItems, disabled, moreActionsLabel, size, variant, className, ...props }: {
2
+ [x: string]: any;
3
+ actionItems: any;
4
+ disabled: any;
5
+ moreActionsLabel?: string;
6
+ size?: string;
7
+ variant?: string;
8
+ className: any;
9
+ }): React.JSX.Element;
10
+ export namespace SplitButton {
11
+ namespace propTypes {
12
+ let actionItems: PropTypes.Requireable<NonNullable<Required<PropTypes.InferProps<{
13
+ description: PropTypes.Requireable<string>;
14
+ disabled: PropTypes.Requireable<boolean>;
15
+ iconName: PropTypes.Requireable<string>;
16
+ isLink: PropTypes.Validator<boolean>;
17
+ linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
18
+ testId: PropTypes.Requireable<string>;
19
+ }>> | Required<PropTypes.InferProps<{
20
+ callback: PropTypes.Requireable<(...args: any[]) => any>;
21
+ description: PropTypes.Requireable<string>;
22
+ disabled: PropTypes.Requireable<boolean>;
23
+ iconName: PropTypes.Requireable<string>;
24
+ id: PropTypes.Requireable<string>;
25
+ label: PropTypes.Validator<string>;
26
+ testId: PropTypes.Requireable<string>;
27
+ }>>>[]>;
28
+ let disabled: PropTypes.Requireable<boolean>;
29
+ let moreActionsLabel: PropTypes.Requireable<string>;
30
+ let size: PropTypes.Requireable<string>;
31
+ let variant: PropTypes.Requireable<string>;
32
+ let className: PropTypes.Requireable<string>;
33
+ }
34
+ }
35
+ import React from 'react';
36
+ import PropTypes from 'prop-types';
@@ -0,0 +1,35 @@
1
+ export function ToggleButton({ disabled, id, initialSelection, label, onChange, options, ...props }: {
2
+ [x: string]: any;
3
+ disabled?: boolean;
4
+ id: any;
5
+ initialSelection: any;
6
+ label: any;
7
+ onChange: any;
8
+ options: any;
9
+ }): React.JSX.Element;
10
+ export namespace ToggleButton {
11
+ namespace propTypes {
12
+ let disabled: PropTypes.Requireable<boolean>;
13
+ let id: PropTypes.Validator<string>;
14
+ let initialSelection: PropTypes.Requireable<string>;
15
+ let label: PropTypes.Validator<string>;
16
+ let onChange: PropTypes.Requireable<(...args: any[]) => any>;
17
+ let options: PropTypes.Requireable<PropTypes.InferProps<{
18
+ /**
19
+ * Option label
20
+ */
21
+ label: PropTypes.Validator<string>;
22
+ /**
23
+ * Option value
24
+ */
25
+ value: PropTypes.Validator<string>;
26
+ /**
27
+ * Option icon
28
+ */
29
+ iconName: PropTypes.Requireable<string>;
30
+ }>[]>;
31
+ let className: PropTypes.Requireable<string>;
32
+ }
33
+ }
34
+ import React from 'react';
35
+ import PropTypes from 'prop-types';
@@ -0,0 +1,30 @@
1
+ export function Card({ bodyText, headingLevel, headingText, image, isClickable, kickerText, primaryLink, secondaryLink, className, ...props }: {
2
+ [x: string]: any;
3
+ bodyText: any;
4
+ headingLevel?: string;
5
+ headingText: any;
6
+ image: any;
7
+ isClickable?: boolean;
8
+ kickerText: any;
9
+ primaryLink: any;
10
+ secondaryLink: any;
11
+ className: any;
12
+ }): React.JSX.Element;
13
+ export namespace Card {
14
+ namespace propTypes {
15
+ let bodyText: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
16
+ let headingLevel: PropTypes.Requireable<string>;
17
+ let headingText: PropTypes.Validator<string>;
18
+ let image: PropTypes.Requireable<PropTypes.InferProps<{
19
+ src: PropTypes.Requireable<string>;
20
+ alt: PropTypes.Requireable<string>;
21
+ }>>;
22
+ let isClickable: PropTypes.Requireable<boolean>;
23
+ let kickerText: PropTypes.Requireable<string>;
24
+ let primaryLink: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
25
+ let secondaryLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
26
+ let className: PropTypes.Requireable<string>;
27
+ }
28
+ }
29
+ import React from 'react';
30
+ import PropTypes from 'prop-types';
@@ -0,0 +1,38 @@
1
+ export function CardSelectGroup({ id, initialSelection, label, labelDisplay, layout, onChange, options, className, ...props }: {
2
+ [x: string]: any;
3
+ id: any;
4
+ initialSelection: any;
5
+ label: any;
6
+ labelDisplay?: string;
7
+ layout?: string;
8
+ onChange: any;
9
+ options: any;
10
+ className: any;
11
+ }): React.JSX.Element;
12
+ export namespace CardSelectGroup {
13
+ namespace propTypes {
14
+ let id: PropTypes.Validator<string>;
15
+ let initialSelection: PropTypes.Requireable<string>;
16
+ let label: PropTypes.Validator<string>;
17
+ let labelDisplay: PropTypes.Requireable<string>;
18
+ let layout: PropTypes.Requireable<string>;
19
+ let onChange: PropTypes.Requireable<(...args: any[]) => any>;
20
+ let options: PropTypes.Requireable<PropTypes.InferProps<{
21
+ /**
22
+ * Option label
23
+ */
24
+ label: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
25
+ /**
26
+ * Option description
27
+ */
28
+ description: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
29
+ /**
30
+ * Option value
31
+ */
32
+ value: PropTypes.Validator<string>;
33
+ }>[]>;
34
+ let className: PropTypes.Requireable<string>;
35
+ }
36
+ }
37
+ import React from 'react';
38
+ import PropTypes from 'prop-types';
@@ -0,0 +1,17 @@
1
+ export function LinksCard({ linkItems, headingLevel, headingText, className, ...props }: {
2
+ [x: string]: any;
3
+ linkItems: any;
4
+ headingLevel?: string;
5
+ headingText: any;
6
+ className: any;
7
+ }): React.JSX.Element;
8
+ export namespace LinksCard {
9
+ namespace propTypes {
10
+ let headingLevel: PropTypes.Requireable<string>;
11
+ let headingText: PropTypes.Validator<string>;
12
+ let linkItems: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
13
+ let className: PropTypes.Requireable<string>;
14
+ }
15
+ }
16
+ import React from 'react';
17
+ import PropTypes from 'prop-types';
@@ -0,0 +1,25 @@
1
+ export function NewSiteCard({ badge, icon, selectionLink, subtitle, supplementalLinks, summary, title, className, ...props }: {
2
+ [x: string]: any;
3
+ badge: any;
4
+ icon: any;
5
+ selectionLink: any;
6
+ subtitle: any;
7
+ supplementalLinks: any;
8
+ summary: any;
9
+ title: any;
10
+ className: any;
11
+ }): React.JSX.Element;
12
+ export namespace NewSiteCard {
13
+ namespace propTypes {
14
+ let badge: PropTypes.Requireable<string>;
15
+ let icon: PropTypes.Requireable<string>;
16
+ let selectionLink: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
17
+ let subtitle: PropTypes.Requireable<string>;
18
+ let summary: PropTypes.Requireable<string>;
19
+ let supplementalLinks: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
20
+ let title: PropTypes.Validator<string>;
21
+ let className: PropTypes.Requireable<string>;
22
+ }
23
+ }
24
+ import React from 'react';
25
+ import PropTypes from 'prop-types';
@@ -0,0 +1,64 @@
1
+ export function PricingCard({ actionPrimary, actionSecondary, hasComparisonList, onTierChange, planDescription, planName, planPricingData, statusBadgeLabels, selectLabel, statusBadgeType, className, ...props }: {
2
+ [x: string]: any;
3
+ actionPrimary: any;
4
+ actionSecondary: any;
5
+ hasComparisonList?: boolean;
6
+ onTierChange: any;
7
+ planDescription: any;
8
+ planName: any;
9
+ planPricingData: any;
10
+ statusBadgeLabels?: {
11
+ currentPlan: string;
12
+ mostPopular: string;
13
+ };
14
+ selectLabel?: string;
15
+ statusBadgeType: any;
16
+ className: any;
17
+ }): React.JSX.Element;
18
+ export namespace PricingCard {
19
+ namespace propTypes {
20
+ let actionPrimary: PropTypes.Requireable<PropTypes.InferProps<{
21
+ type: PropTypes.Requireable<string>;
22
+ variant: PropTypes.Requireable<string>;
23
+ label: PropTypes.Requireable<string>;
24
+ buttonAction: PropTypes.Requireable<(...args: any[]) => any>;
25
+ linkUrl: PropTypes.Requireable<string>;
26
+ linkTarget: PropTypes.Requireable<string>;
27
+ disabled: PropTypes.Requireable<boolean>;
28
+ }>>;
29
+ let actionSecondary: PropTypes.Requireable<PropTypes.InferProps<{
30
+ type: PropTypes.Requireable<string>;
31
+ label: PropTypes.Requireable<string>;
32
+ buttonAction: PropTypes.Requireable<(...args: any[]) => any>;
33
+ linkUrl: PropTypes.Requireable<string>;
34
+ linkTarget: PropTypes.Requireable<string>;
35
+ }>>;
36
+ let hasComparisonList: PropTypes.Requireable<boolean>;
37
+ let onTierChange: PropTypes.Requireable<(...args: any[]) => any>;
38
+ let planDescription: PropTypes.Requireable<string>;
39
+ let planName: PropTypes.Requireable<string>;
40
+ let planPricingData: PropTypes.Requireable<PropTypes.InferProps<{
41
+ customActionLabel: PropTypes.Requireable<string>;
42
+ label: PropTypes.Requireable<string>;
43
+ price: PropTypes.Requireable<string>;
44
+ priceDetails: PropTypes.Requireable<string>;
45
+ savingsBadgeLabel: PropTypes.Requireable<string>;
46
+ savingsDetails: PropTypes.Requireable<string>;
47
+ listLabel: PropTypes.Requireable<string>;
48
+ listItems: PropTypes.Requireable<PropTypes.InferProps<{
49
+ text: PropTypes.Requireable<string>;
50
+ type: PropTypes.Requireable<string>;
51
+ }>[]>;
52
+ }>[]>;
53
+ let selectLabel: PropTypes.Requireable<string>;
54
+ let statusBadgeLabels: PropTypes.Requireable<PropTypes.InferProps<{
55
+ currentPlan: PropTypes.Requireable<string>;
56
+ mostPopular: PropTypes.Requireable<string>;
57
+ }>>;
58
+ let statusBadgeType: PropTypes.Requireable<string>;
59
+ let className: PropTypes.Requireable<string>;
60
+ let containerClassName: PropTypes.Requireable<string>;
61
+ }
62
+ }
63
+ import React from 'react';
64
+ import PropTypes from 'prop-types';
@@ -0,0 +1,25 @@
1
+ export function SiteCard({ headingLevel, gotoText, siteImage, siteLink, siteName, sitePlan, siteStatus, className, ...props }: {
2
+ [x: string]: any;
3
+ headingLevel?: string;
4
+ gotoText?: string;
5
+ siteImage: any;
6
+ siteLink: any;
7
+ siteName: any;
8
+ sitePlan: any;
9
+ siteStatus: any;
10
+ className: any;
11
+ }): React.JSX.Element;
12
+ export namespace SiteCard {
13
+ namespace propTypes {
14
+ let headingLevel: PropTypes.Requireable<string>;
15
+ let gotoText: PropTypes.Requireable<string>;
16
+ let siteImage: PropTypes.Requireable<string>;
17
+ let siteLink: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
18
+ let siteName: PropTypes.Requireable<string>;
19
+ let sitePlan: PropTypes.Requireable<string>;
20
+ let siteStatus: PropTypes.Requireable<string>;
21
+ let className: PropTypes.Requireable<string>;
22
+ }
23
+ }
24
+ import React from 'react';
25
+ import PropTypes from 'prop-types';
@@ -0,0 +1,19 @@
1
+ export function ExpansionPanel({ children, id, isOpen, summary, className, ...props }: {
2
+ [x: string]: any;
3
+ children: any;
4
+ id: any;
5
+ isOpen?: boolean;
6
+ summary: any;
7
+ className: any;
8
+ }): React.JSX.Element;
9
+ export namespace ExpansionPanel {
10
+ namespace propTypes {
11
+ let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
12
+ let id: PropTypes.Requireable<string>;
13
+ let isOpen: PropTypes.Requireable<boolean>;
14
+ let summary: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
15
+ let className: PropTypes.Requireable<string>;
16
+ }
17
+ }
18
+ import React from 'react';
19
+ import PropTypes from 'prop-types';
@@ -0,0 +1,15 @@
1
+ export function ExpansionPanelGroup({ children, displayType, className, ...props }: {
2
+ [x: string]: any;
3
+ children: any;
4
+ displayType?: string;
5
+ className: any;
6
+ }): React.JSX.Element;
7
+ export namespace ExpansionPanelGroup {
8
+ namespace propTypes {
9
+ let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
10
+ let displayType: PropTypes.Requireable<string>;
11
+ let className: PropTypes.Requireable<string>;
12
+ }
13
+ }
14
+ import React from 'react';
15
+ import PropTypes from 'prop-types';
@@ -0,0 +1,15 @@
1
+ export function FooterHeading({ headingLevel, headingText, className, ...props }: {
2
+ [x: string]: any;
3
+ headingLevel?: string;
4
+ headingText: any;
5
+ className: any;
6
+ }): React.JSX.Element;
7
+ export namespace FooterHeading {
8
+ namespace propTypes {
9
+ let headingLevel: PropTypes.Requireable<string>;
10
+ let headingText: PropTypes.Validator<string>;
11
+ let className: PropTypes.Requireable<string>;
12
+ }
13
+ }
14
+ import React from 'react';
15
+ import PropTypes from 'prop-types';
@@ -0,0 +1,17 @@
1
+ export function FooterLinks({ headingLevel, headingText, linkItems, className, ...props }: {
2
+ [x: string]: any;
3
+ headingLevel: any;
4
+ headingText: any;
5
+ linkItems: any;
6
+ className: any;
7
+ }): React.JSX.Element;
8
+ export namespace FooterLinks {
9
+ namespace propTypes {
10
+ let headingLevel: PropTypes.Requireable<string>;
11
+ let headingText: PropTypes.Validator<string>;
12
+ let linkItems: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
13
+ let className: PropTypes.Requireable<string>;
14
+ }
15
+ }
16
+ import React from 'react';
17
+ import PropTypes from 'prop-types';
@@ -0,0 +1,18 @@
1
+ export function SiteFooter({ containerWidth, children, legalLinks, className, ...props }: {
2
+ [x: string]: any;
3
+ containerWidth?: string;
4
+ children: any;
5
+ legalLinks?: string[];
6
+ className: any;
7
+ }): React.JSX.Element;
8
+ export namespace SiteFooter {
9
+ namespace propTypes {
10
+ export { ContainerWidth as containerWidth };
11
+ export let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
12
+ export let legalLinks: PropTypes.Requireable<string[]>;
13
+ export let className: PropTypes.Requireable<string>;
14
+ }
15
+ }
16
+ import React from 'react';
17
+ import { ContainerWidth } from '@libs/components/customPropTypes';
18
+ import PropTypes from 'prop-types';
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Checkbox UI component
3
+ */
4
+ export const Checkbox: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
+ import React from 'react';
@@ -0,0 +1,44 @@
1
+ export function CheckboxGroup({ disabled, id, inputWidth, label, message, onChange, options, required, className, ...props }: {
2
+ [x: string]: any;
3
+ disabled?: boolean;
4
+ id: any;
5
+ inputWidth: any;
6
+ label: any;
7
+ message: any;
8
+ onChange: any;
9
+ options: any;
10
+ required?: boolean;
11
+ className: any;
12
+ }): React.JSX.Element;
13
+ export namespace CheckboxGroup {
14
+ namespace propTypes {
15
+ let disabled: PropTypes.Requireable<boolean>;
16
+ let id: PropTypes.Validator<string>;
17
+ let inputWidth: PropTypes.Requireable<number>;
18
+ let label: PropTypes.Validator<string>;
19
+ let message: PropTypes.Requireable<string>;
20
+ let onChange: PropTypes.Requireable<(...args: any[]) => any>;
21
+ let options: PropTypes.Requireable<PropTypes.InferProps<{
22
+ /**
23
+ * Label of the checkbox.
24
+ */
25
+ label: PropTypes.Validator<string>;
26
+ /**
27
+ * Value attribute of the checkbox.
28
+ */
29
+ value: PropTypes.Validator<string>;
30
+ /**
31
+ * Is the checkbox checked initially?
32
+ */
33
+ checked: PropTypes.Requireable<boolean>;
34
+ /**
35
+ * Is the checkbox disabled?
36
+ */
37
+ disabled: PropTypes.Requireable<boolean>;
38
+ }>[]>;
39
+ let required: PropTypes.Requireable<boolean>;
40
+ let className: PropTypes.Requireable<string>;
41
+ }
42
+ }
43
+ import React from 'react';
44
+ import PropTypes from 'prop-types';
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Combobox UI component
3
+ */
4
+ export const Combobox: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
+ import React from 'react';