@pantheon-systems/pds-toolkit-react 1.0.0-dev.131 → 1.0.0-dev.132

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 (126) hide show
  1. package/_dist/components/Avatar/Avatar.d.ts +19 -0
  2. package/_dist/components/Breadcrumbs/Breadcrumbs.d.ts +9 -0
  3. package/_dist/components/Breadcrumbs/BreadcrumbsContent.d.ts +12 -0
  4. package/_dist/components/Breadcrumbs/BreadcrumbsContext.d.ts +17 -0
  5. package/_dist/components/Breadcrumbs/ListItem.d.ts +14 -0
  6. package/_dist/components/Breadcrumbs/MobileCrumbs.d.ts +2 -0
  7. package/_dist/components/CTALink/CTALink.d.ts +15 -0
  8. package/_dist/components/CTASlice/CTASlice.d.ts +34 -0
  9. package/_dist/components/Callout/Callout.d.ts +25 -0
  10. package/_dist/components/Callout/sample-callout-content.d.ts +2 -0
  11. package/_dist/components/ComparisonList/ComparisonList.d.ts +32 -0
  12. package/_dist/components/Heading/Heading.d.ts +15 -0
  13. package/_dist/components/Icon/Icon.d.ts +592 -0
  14. package/_dist/components/Icon/iconList.d.ts +1 -0
  15. package/_dist/components/Modal/Modal.d.ts +25 -0
  16. package/_dist/components/Pager/AdvancedPagination.d.ts +4 -0
  17. package/_dist/components/Pager/BasicPagination.d.ts +4 -0
  18. package/_dist/components/Pager/MiniPagination.d.ts +4 -0
  19. package/_dist/components/Pager/NavigationButton.d.ts +13 -0
  20. package/_dist/components/Pager/Pager.d.ts +24 -0
  21. package/_dist/components/Pager/PagerContext.d.ts +23 -0
  22. package/_dist/components/Pager/PagerItem.d.ts +14 -0
  23. package/_dist/components/Pager/usePaginationUI.d.ts +1 -0
  24. package/_dist/components/Panel/Panel.d.ts +15 -0
  25. package/_dist/components/PantheonLogo/PantheonLogo.d.ts +25 -0
  26. package/_dist/components/PlatformIcon/PlatformIcon.d.ts +13 -0
  27. package/_dist/components/Popover/Popover.d.ts +29 -0
  28. package/_dist/components/PullQuote/PullQuote.d.ts +23 -0
  29. package/_dist/components/Skiplink/Skiplink.d.ts +15 -0
  30. package/_dist/components/SocialLinks/SocialLinks.d.ts +13 -0
  31. package/_dist/components/StatusIndicator/StatusIndicator.d.ts +15 -0
  32. package/_dist/components/Stepper/Stepper.d.ts +46 -0
  33. package/_dist/components/Table/Table.d.ts +15 -0
  34. package/_dist/components/TableOfContents/TableOfContents.d.ts +25 -0
  35. package/_dist/components/Tabs/Tabs.d.ts +40 -0
  36. package/_dist/components/Tag/Tag.d.ts +23 -0
  37. package/_dist/components/Tooltip/Tooltip.d.ts +21 -0
  38. package/_dist/components/badges/IndicatorBadge/IndicatorBadge.d.ts +28 -0
  39. package/_dist/components/badges/StatusBadge/StatusBadge.d.ts +36 -0
  40. package/_dist/components/buttons/AnimatedButton/AnimatedButton.d.ts +25 -0
  41. package/_dist/components/buttons/Button/Button.d.ts +5 -0
  42. package/_dist/components/buttons/ButtonLink/ButtonLink.d.ts +24 -0
  43. package/_dist/components/buttons/IconButton/IconButton.d.ts +23 -0
  44. package/_dist/components/buttons/MenuButton/MenuButton.d.ts +65 -0
  45. package/_dist/components/buttons/SplitButton/SplitButton.d.ts +36 -0
  46. package/_dist/components/buttons/ToggleButton/ToggleButton.d.ts +31 -0
  47. package/_dist/components/cards/Card/Card.d.ts +30 -0
  48. package/_dist/components/cards/CardSelectGroup/CardSelectGroup.d.ts +38 -0
  49. package/_dist/components/cards/LinksCard/LinksCard.d.ts +17 -0
  50. package/_dist/components/cards/NewSiteCard/NewSiteCard.d.ts +25 -0
  51. package/_dist/components/cards/PricingCard/PricingCard.d.ts +64 -0
  52. package/_dist/components/cards/SiteCard/SiteCard.d.ts +25 -0
  53. package/_dist/components/expansion-panels/ExpansionPanel/ExpansionPanel.d.ts +19 -0
  54. package/_dist/components/expansion-panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts +15 -0
  55. package/_dist/components/footer/FooterHeading/FooterHeading.d.ts +15 -0
  56. package/_dist/components/footer/FooterLinks/FooterLinks.d.ts +17 -0
  57. package/_dist/components/footer/SiteFooter/SiteFooter.d.ts +18 -0
  58. package/_dist/components/inputs/Checkbox/Checkbox.d.ts +5 -0
  59. package/_dist/components/inputs/CheckboxGroup/CheckboxGroup.d.ts +44 -0
  60. package/_dist/components/inputs/Combobox/Combobox.d.ts +65 -0
  61. package/_dist/components/inputs/InputFormatted/InputFormatted.d.ts +35 -0
  62. package/_dist/components/inputs/InputGroup/InputGroup.d.ts +13 -0
  63. package/_dist/components/inputs/InputObscured/InputObscured.d.ts +33 -0
  64. package/_dist/components/inputs/InputText/InputText.d.ts +75 -0
  65. package/_dist/components/inputs/InputWrapper/InputWrapper.d.ts +5 -0
  66. package/_dist/components/inputs/RadioGroup/RadioGroup.d.ts +46 -0
  67. package/_dist/components/inputs/Select/Select.d.ts +44 -0
  68. package/_dist/components/inputs/Textarea/Textarea.d.ts +39 -0
  69. package/_dist/components/inputs/ToggleSwitch/ToggleSwitch.d.ts +31 -0
  70. package/_dist/components/inputs/inputs-common.d.ts +40 -0
  71. package/_dist/components/navigation/DashboardNav/DashboardNav.d.ts +27 -0
  72. package/_dist/components/navigation/DropdownMenu/DropdownMenu.d.ts +17 -0
  73. package/_dist/components/navigation/NavMenu/NavMenu.d.ts +19 -0
  74. package/_dist/components/navigation/NavMenu/NavMenuDropdown.d.ts +14 -0
  75. package/_dist/components/navigation/Navbar/Navbar.d.ts +37 -0
  76. package/_dist/components/navigation/SideNav/SideNav.d.ts +29 -0
  77. package/_dist/components/navigation/SideNavCompact/SideNavCompact.d.ts +29 -0
  78. package/_dist/components/navigation/UserMenu/UserMenu.d.ts +46 -0
  79. package/_dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +60 -0
  80. package/_dist/components/notifications/Banner/Banner.d.ts +35 -0
  81. package/_dist/components/notifications/InlineMessage/InlineMessage.d.ts +31 -0
  82. package/_dist/components/notifications/SectionMessage/SectionMessage.d.ts +39 -0
  83. package/_dist/components/notifications/Toaster/Toast.d.ts +30 -0
  84. package/_dist/components/notifications/Toaster/Toaster.d.ts +16 -0
  85. package/_dist/components/notifications/Toaster/useToast.d.ts +2 -0
  86. package/_dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts +23 -0
  87. package/_dist/components/progress-indicators/ProgressRing/ProgressRing.d.ts +25 -0
  88. package/_dist/components/progress-indicators/Spinner/Spinner.d.ts +21 -0
  89. package/_dist/components/tiles/AvatarTileList/AvatarTileList.d.ts +22 -0
  90. package/_dist/components/tiles/StatsTileList/StatsTileList.d.ts +26 -0
  91. package/_dist/components/tiles/Tile/Tile.d.ts +23 -0
  92. package/_dist/components/tiles/TileGrid/TileGrid.d.ts +38 -0
  93. package/_dist/css/component-css/pds-avatar.css +1 -1
  94. package/_dist/css/component-css/pds-button.css +1 -1
  95. package/_dist/css/component-css/pds-checkbox.css +1 -1
  96. package/_dist/css/component-css/pds-index.css +4 -4
  97. package/_dist/css/component-css/pds-input-wrapper.css +1 -1
  98. package/_dist/css/component-css/pds-inputs-common-deprecated.css +1 -1
  99. package/_dist/css/component-css/pds-status-indicator.css +1 -1
  100. package/_dist/css/component-css/pds-tiles-common.css +1 -1
  101. package/_dist/css/design-tokens/pds-design-tokens-dark-mode.css +261 -0
  102. package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +297 -0
  103. package/_dist/css/design-tokens/pds-design-tokens.css +103 -0
  104. package/_dist/css/pds-components.css +4 -4
  105. package/_dist/css/pds-core.css +1 -1
  106. package/_dist/index.css +1 -0
  107. package/_dist/index.d.ts +84 -0
  108. package/_dist/index.js +10954 -0
  109. package/_dist/index.js.map +1 -0
  110. package/_dist/layouts/Container/Container.d.ts +16 -0
  111. package/_dist/layouts/FlexContainer/FlexContainer.d.ts +27 -0
  112. package/_dist/layouts/GlobalLayout/GlobalLayout.d.ts +23 -0
  113. package/_dist/layouts/SidebarLayout/SidebarLayout.d.ts +21 -0
  114. package/_dist/layouts/StepperLayout/StepperLayout.d.ts +13 -0
  115. package/_dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts +15 -0
  116. package/_dist/layouts/TwoItemLayout/TwoItemLayout.d.ts +17 -0
  117. package/_dist/libs/components/customPropTypes.d.ts +85 -0
  118. package/_dist/libs/components/utils.d.ts +2 -0
  119. package/_dist/vars/global.d.ts +2 -0
  120. package/_dist/vars/spacing.d.ts +17 -0
  121. package/_dist/vars/z-index.d.ts +5 -0
  122. package/package.json +90 -39
  123. package/_dist/cjs/index.js +0 -117
  124. package/_dist/cjs/index.js.map +0 -1
  125. package/_dist/esm/index.js +0 -117
  126. package/_dist/esm/index.js.map +0 -1
@@ -0,0 +1,75 @@
1
+ export function InputText({ autoComplete, counterFunction, disabled, hasClearButton, hasSearchShortcut, id, initialValue, inputWidth, label, labelStrings, message, onChange, onFocus, placeholder, readonly, required, showLabel, specialFormatting, specialFormattingValidation, toggleVisibility, type, validationFunction, validationMessages, className, ...props }: {
2
+ [x: string]: any;
3
+ autoComplete?: string;
4
+ counterFunction?: () => void;
5
+ disabled?: boolean;
6
+ hasClearButton?: boolean;
7
+ hasSearchShortcut?: boolean;
8
+ id: any;
9
+ initialValue?: string;
10
+ inputWidth: any;
11
+ label: any;
12
+ labelStrings?: {
13
+ clearButton: string;
14
+ searchShortcut: string;
15
+ visibilityStatus: string;
16
+ visibilityToggleHide: string;
17
+ visibilityToggleShow: string;
18
+ };
19
+ message: any;
20
+ onChange: any;
21
+ onFocus: any;
22
+ placeholder: any;
23
+ readonly?: boolean;
24
+ required?: boolean;
25
+ showLabel?: boolean;
26
+ specialFormatting: any;
27
+ specialFormattingValidation?: boolean;
28
+ toggleVisibility?: boolean;
29
+ type?: string;
30
+ validationFunction: any;
31
+ validationMessages?: {
32
+ creditCardError: string;
33
+ phoneError: string;
34
+ };
35
+ className: any;
36
+ }): React.JSX.Element;
37
+ export namespace InputText {
38
+ namespace propTypes {
39
+ let autoComplete: PropTypes.Requireable<string>;
40
+ let counterFunction: PropTypes.Requireable<(...args: any[]) => any>;
41
+ let disabled: PropTypes.Requireable<boolean>;
42
+ let hasClearButton: PropTypes.Requireable<boolean>;
43
+ let hasSearchShortcut: PropTypes.Requireable<boolean>;
44
+ let id: PropTypes.Validator<string>;
45
+ let initialValue: PropTypes.Requireable<string>;
46
+ let inputWidth: PropTypes.Requireable<number>;
47
+ let label: PropTypes.Validator<string>;
48
+ let labelStrings: PropTypes.Requireable<PropTypes.InferProps<{
49
+ clearButton: PropTypes.Requireable<string>;
50
+ searchShortcut: PropTypes.Requireable<string>;
51
+ visibilityStatus: PropTypes.Requireable<string>;
52
+ visibilityToggleHide: PropTypes.Requireable<string>;
53
+ visibilityToggleShow: PropTypes.Requireable<string>;
54
+ }>>;
55
+ let message: PropTypes.Requireable<string>;
56
+ let onChange: PropTypes.Requireable<(...args: any[]) => any>;
57
+ let onFocus: PropTypes.Requireable<(...args: any[]) => any>;
58
+ let placeholder: PropTypes.Requireable<string>;
59
+ let readonly: PropTypes.Requireable<boolean>;
60
+ let required: PropTypes.Requireable<boolean>;
61
+ let showLabel: PropTypes.Requireable<boolean>;
62
+ let specialFormatting: PropTypes.Requireable<string>;
63
+ let specialFormattingValidation: PropTypes.Requireable<boolean>;
64
+ let toggleVisibility: PropTypes.Requireable<boolean>;
65
+ let type: PropTypes.Requireable<string>;
66
+ let validationFunction: PropTypes.Requireable<(...args: any[]) => any>;
67
+ let validationMessages: PropTypes.Requireable<PropTypes.InferProps<{
68
+ creditCardError: PropTypes.Requireable<string>;
69
+ phoneError: PropTypes.Requireable<string>;
70
+ }>>;
71
+ let className: PropTypes.Requireable<string>;
72
+ }
73
+ }
74
+ import React from 'react';
75
+ import PropTypes from 'prop-types';
@@ -0,0 +1,5 @@
1
+ /**
2
+ * InputWrapper UI component
3
+ */
4
+ export const InputWrapper: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
+ import React from 'react';
@@ -0,0 +1,46 @@
1
+ export function RadioGroup({ disabled, id, initialSelection, inputWidth, label, message, onChange, options, required, className, ...props }: {
2
+ [x: string]: any;
3
+ disabled?: boolean;
4
+ id: any;
5
+ initialSelection: any;
6
+ inputWidth: any;
7
+ label: any;
8
+ message: any;
9
+ onChange: any;
10
+ options: any;
11
+ required?: boolean;
12
+ className: any;
13
+ }): React.JSX.Element;
14
+ export namespace RadioGroup {
15
+ namespace propTypes {
16
+ let disabled: PropTypes.Requireable<boolean>;
17
+ let id: PropTypes.Validator<string>;
18
+ let initialSelection: PropTypes.Requireable<string>;
19
+ let inputWidth: PropTypes.Requireable<number>;
20
+ let label: PropTypes.Validator<string>;
21
+ let message: PropTypes.Requireable<string>;
22
+ let onChange: PropTypes.Requireable<(...args: any[]) => any>;
23
+ let options: PropTypes.Requireable<PropTypes.InferProps<{
24
+ /**
25
+ * Is the option disabled?
26
+ */
27
+ disabled: PropTypes.Requireable<boolean>;
28
+ /**
29
+ * Option unique ID
30
+ */
31
+ id: PropTypes.Requireable<string>;
32
+ /**
33
+ * Option label
34
+ */
35
+ label: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
36
+ /**
37
+ * Option value
38
+ */
39
+ value: PropTypes.Requireable<string>;
40
+ }>[]>;
41
+ let required: PropTypes.Requireable<boolean>;
42
+ let className: PropTypes.Requireable<string>;
43
+ }
44
+ }
45
+ import React from 'react';
46
+ import PropTypes from 'prop-types';
@@ -0,0 +1,44 @@
1
+ export function Select({ disabled, id, initialValue, inputWidth, label, message, onOptionSelect, options, required, selectOptionsLabel, showLabel, validationFunction, className, ...props }: {
2
+ [x: string]: any;
3
+ disabled?: boolean;
4
+ id: any;
5
+ initialValue: any;
6
+ inputWidth: any;
7
+ label: any;
8
+ message: any;
9
+ onOptionSelect: any;
10
+ options: any;
11
+ required?: boolean;
12
+ selectOptionsLabel?: string;
13
+ showLabel?: boolean;
14
+ validationFunction: any;
15
+ className: any;
16
+ }): React.JSX.Element;
17
+ export namespace Select {
18
+ namespace propTypes {
19
+ let disabled: PropTypes.Requireable<boolean>;
20
+ let id: PropTypes.Validator<string>;
21
+ let initialValue: PropTypes.Requireable<string>;
22
+ let inputWidth: PropTypes.Requireable<number>;
23
+ let label: PropTypes.Validator<string>;
24
+ let message: PropTypes.Requireable<string>;
25
+ let onOptionSelect: PropTypes.Requireable<(...args: any[]) => any>;
26
+ let options: PropTypes.Validator<PropTypes.InferProps<{
27
+ /**
28
+ * Option label.
29
+ */
30
+ label: PropTypes.Validator<string>;
31
+ /**
32
+ * Option value. Will default to label if not provided.
33
+ */
34
+ value: PropTypes.Requireable<string>;
35
+ }>[]>;
36
+ let required: PropTypes.Requireable<boolean>;
37
+ let selectOptionsLabel: PropTypes.Requireable<string>;
38
+ let showLabel: PropTypes.Requireable<boolean>;
39
+ let validationFunction: PropTypes.Requireable<(...args: any[]) => any>;
40
+ let className: PropTypes.Requireable<string>;
41
+ }
42
+ }
43
+ import React from 'react';
44
+ import PropTypes from 'prop-types';
@@ -0,0 +1,39 @@
1
+ export function Textarea({ counterFunction, disabled, id, initialValue, inputWidth, isResizable, label, message, onChange, placeholder, readonly, required, rows, validationFunction, className, ...props }: {
2
+ [x: string]: any;
3
+ counterFunction?: () => void;
4
+ disabled?: boolean;
5
+ id: any;
6
+ initialValue?: string;
7
+ inputWidth: any;
8
+ isResizable?: boolean;
9
+ label: any;
10
+ message: any;
11
+ onChange: any;
12
+ placeholder: any;
13
+ readonly?: boolean;
14
+ required?: boolean;
15
+ rows?: number;
16
+ validationFunction: any;
17
+ className: any;
18
+ }): React.JSX.Element;
19
+ export namespace Textarea {
20
+ namespace propTypes {
21
+ let counterFunction: PropTypes.Requireable<(...args: any[]) => any>;
22
+ let disabled: PropTypes.Requireable<boolean>;
23
+ let id: PropTypes.Validator<string>;
24
+ let initialValue: PropTypes.Requireable<string>;
25
+ let isResizable: PropTypes.Requireable<boolean>;
26
+ let inputWidth: PropTypes.Requireable<number>;
27
+ let label: PropTypes.Validator<string>;
28
+ let message: PropTypes.Requireable<string>;
29
+ let onChange: PropTypes.Requireable<(...args: any[]) => any>;
30
+ let placeholder: PropTypes.Requireable<string>;
31
+ let readonly: PropTypes.Requireable<boolean>;
32
+ let required: PropTypes.Requireable<boolean>;
33
+ let rows: PropTypes.Requireable<number>;
34
+ let validationFunction: PropTypes.Requireable<(...args: any[]) => any>;
35
+ let className: PropTypes.Requireable<string>;
36
+ }
37
+ }
38
+ import React from 'react';
39
+ import PropTypes from 'prop-types';
@@ -0,0 +1,31 @@
1
+ export function ToggleSwitch({ disabled, id, inputWidth, label, message, onChange, required, showStatusLabel, statusOnLabel, statusOffLabel, 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
+ required?: boolean;
10
+ showStatusLabel?: boolean;
11
+ statusOnLabel?: string;
12
+ statusOffLabel?: string;
13
+ className: any;
14
+ }): React.JSX.Element;
15
+ export namespace ToggleSwitch {
16
+ namespace propTypes {
17
+ let disabled: PropTypes.Requireable<boolean>;
18
+ let id: PropTypes.Validator<string>;
19
+ let inputWidth: PropTypes.Requireable<number>;
20
+ let label: PropTypes.Validator<string>;
21
+ let message: PropTypes.Requireable<string>;
22
+ let onChange: PropTypes.Requireable<(...args: any[]) => any>;
23
+ let required: PropTypes.Requireable<boolean>;
24
+ let showStatusLabel: PropTypes.Requireable<boolean>;
25
+ let statusOffLabel: PropTypes.Requireable<string>;
26
+ let statusOnLabel: PropTypes.Requireable<string>;
27
+ let className: PropTypes.Requireable<string>;
28
+ }
29
+ }
30
+ import React from 'react';
31
+ import PropTypes from 'prop-types';
@@ -0,0 +1,40 @@
1
+ export namespace cssClassesList {
2
+ let error: string;
3
+ let success: string;
4
+ let required: string;
5
+ let disabled: string;
6
+ }
7
+ export function ClearButton({ id, label, handleClearInput }: {
8
+ id: any;
9
+ label: any;
10
+ handleClearInput: any;
11
+ }): React.JSX.Element;
12
+ export namespace ClearButton {
13
+ namespace propTypes {
14
+ let id: PropTypes.Validator<string>;
15
+ let label: PropTypes.Validator<string>;
16
+ let handleClearInput: PropTypes.Requireable<(...args: any[]) => any>;
17
+ }
18
+ }
19
+ export function Decorator({ type }: {
20
+ type: any;
21
+ }): React.JSX.Element;
22
+ export namespace Decorator {
23
+ export namespace propTypes_1 {
24
+ let type: PropTypes.Validator<string>;
25
+ }
26
+ export { propTypes_1 as propTypes };
27
+ }
28
+ export function SearchShortcut({ label }: {
29
+ label: any;
30
+ }): React.JSX.Element;
31
+ export namespace SearchShortcut {
32
+ export namespace propTypes_2 {
33
+ let label_1: PropTypes.Validator<string>;
34
+ export { label_1 as label };
35
+ }
36
+ export { propTypes_2 as propTypes };
37
+ }
38
+ export const SelectOption: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
39
+ import React from 'react';
40
+ import PropTypes from 'prop-types';
@@ -0,0 +1,27 @@
1
+ export function DashboardNav({ ariaLabel, labels, menuItems, mobileMenuMaxWidth, mobileMenuSelectTextFallback, className, ...props }: {
2
+ [x: string]: any;
3
+ ariaLabel?: string;
4
+ labels?: {
5
+ submenu: string;
6
+ toggle: string;
7
+ };
8
+ menuItems: any;
9
+ mobileMenuMaxWidth?: number;
10
+ mobileMenuSelectTextFallback?: string;
11
+ className: any;
12
+ }): React.JSX.Element;
13
+ export namespace DashboardNav {
14
+ namespace propTypes {
15
+ let ariaLabel: PropTypes.Requireable<string>;
16
+ let labels: PropTypes.Requireable<PropTypes.InferProps<{
17
+ submenu: PropTypes.Requireable<string>;
18
+ toggle: PropTypes.Requireable<string>;
19
+ }>>;
20
+ let menuItems: PropTypes.Validator<any[]>;
21
+ let mobileMenuMaxWidth: PropTypes.Requireable<number>;
22
+ let mobileMenuSelectTextFallback: PropTypes.Requireable<string>;
23
+ let className: PropTypes.Requireable<string>;
24
+ }
25
+ }
26
+ import React from 'react';
27
+ import PropTypes from 'prop-types';
@@ -0,0 +1,17 @@
1
+ export function DropdownMenu({ headingText, menuItems, selectTextFallback, className, ...props }: {
2
+ [x: string]: any;
3
+ headingText: any;
4
+ menuItems: any;
5
+ selectTextFallback?: string;
6
+ className: any;
7
+ }): React.JSX.Element;
8
+ export namespace DropdownMenu {
9
+ namespace propTypes {
10
+ let headingText: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
11
+ let menuItems: PropTypes.Validator<any[]>;
12
+ let selectTextFallback: PropTypes.Requireable<string>;
13
+ let className: PropTypes.Requireable<string>;
14
+ }
15
+ }
16
+ import React from 'react';
17
+ import PropTypes from 'prop-types';
@@ -0,0 +1,19 @@
1
+ export function NavMenu({ ariaLabel, colorType, menuItems, mobileMenuMaxWidth, className, ...props }: {
2
+ [x: string]: any;
3
+ ariaLabel?: string;
4
+ colorType?: string;
5
+ menuItems: any;
6
+ mobileMenuMaxWidth?: number;
7
+ className: any;
8
+ }): React.JSX.Element;
9
+ export namespace NavMenu {
10
+ namespace propTypes {
11
+ let ariaLabel: PropTypes.Validator<string>;
12
+ let colorType: PropTypes.Requireable<string>;
13
+ let menuItems: PropTypes.Requireable<any[]>;
14
+ let mobileMenuMaxWidth: PropTypes.Requireable<number>;
15
+ let className: PropTypes.Requireable<string>;
16
+ }
17
+ }
18
+ import React from 'react';
19
+ import PropTypes from 'prop-types';
@@ -0,0 +1,14 @@
1
+ export function NavMenuDropdown({ items, label, mobileMenuMaxWidth }: {
2
+ items: any;
3
+ label: any;
4
+ mobileMenuMaxWidth?: number;
5
+ }): React.JSX.Element;
6
+ export namespace NavMenuDropdown {
7
+ namespace propTypes {
8
+ let items: PropTypes.Requireable<any[]>;
9
+ let label: PropTypes.Requireable<string>;
10
+ let mobileMenuMaxWidth: PropTypes.Requireable<number>;
11
+ }
12
+ }
13
+ import React from 'react';
14
+ import PropTypes from 'prop-types';
@@ -0,0 +1,37 @@
1
+ export function Navbar({ children, colorType, containerWidth, hideBorder, hideLogo, logoDisplay, logoLabel, logoLink, logoSrc, logoSubBrand, mobileMenuMaxWidth, className, ...props }: {
2
+ [x: string]: any;
3
+ children: any;
4
+ colorType?: string;
5
+ containerWidth?: string;
6
+ hideBorder: any;
7
+ hideLogo?: boolean;
8
+ logoDisplay?: string;
9
+ logoLabel?: string;
10
+ logoLink?: React.JSX.Element;
11
+ logoSrc: any;
12
+ logoSubBrand: any;
13
+ mobileMenuMaxWidth?: number;
14
+ className: any;
15
+ }): React.JSX.Element;
16
+ export namespace Navbar {
17
+ namespace propTypes {
18
+ export let colorType: PropTypes.Requireable<string>;
19
+ export let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
20
+ export { ContainerWidth as containerWidth };
21
+ export let hideBorder: PropTypes.Requireable<boolean>;
22
+ export let hideLogo: PropTypes.Requireable<boolean>;
23
+ export let logoDisplay: PropTypes.Requireable<string>;
24
+ export let logoLabel: PropTypes.Requireable<string>;
25
+ export let logoLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
26
+ export let logoSrc: PropTypes.Requireable<string>;
27
+ export let logoSubBrand: PropTypes.Requireable<PropTypes.InferProps<{
28
+ link: PropTypes.Requireable<PropTypes.ReactNodeLike>;
29
+ text: PropTypes.Requireable<string>;
30
+ }>>;
31
+ export let mobileMenuMaxWidth: PropTypes.Requireable<number>;
32
+ export let className: PropTypes.Requireable<string>;
33
+ }
34
+ }
35
+ import React from 'react';
36
+ import PropTypes from 'prop-types';
37
+ import { ContainerWidth } from '@libs/components/customPropTypes';
@@ -0,0 +1,29 @@
1
+ export function SideNav({ ariaLabel, headingText, labels, menuItems, mobileMenuMaxWidth, mobileMenuSelectTextFallback, className, ...props }: {
2
+ [x: string]: any;
3
+ ariaLabel?: string;
4
+ headingText: any;
5
+ labels?: {
6
+ submenu: string;
7
+ toggle: string;
8
+ };
9
+ menuItems: any;
10
+ mobileMenuMaxWidth?: number;
11
+ mobileMenuSelectTextFallback?: string;
12
+ className: any;
13
+ }): React.JSX.Element;
14
+ export namespace SideNav {
15
+ namespace propTypes {
16
+ let ariaLabel: PropTypes.Requireable<string>;
17
+ let headingText: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
18
+ let labels: PropTypes.Requireable<PropTypes.InferProps<{
19
+ submenu: PropTypes.Requireable<string>;
20
+ toggle: PropTypes.Requireable<string>;
21
+ }>>;
22
+ let menuItems: PropTypes.Validator<any[]>;
23
+ let mobileMenuMaxWidth: PropTypes.Requireable<number>;
24
+ let mobileMenuSelectTextFallback: PropTypes.Requireable<string>;
25
+ let className: PropTypes.Requireable<string>;
26
+ }
27
+ }
28
+ import React from 'react';
29
+ import PropTypes from 'prop-types';
@@ -0,0 +1,29 @@
1
+ export function SideNavCompact({ ariaLabel, headingText, labels, menuItems, mobileMenuMaxWidth, mobileMenuSelectTextFallback, className, ...props }: {
2
+ [x: string]: any;
3
+ ariaLabel?: string;
4
+ headingText: any;
5
+ labels?: {
6
+ submenu: string;
7
+ toggle: string;
8
+ };
9
+ menuItems: any;
10
+ mobileMenuMaxWidth?: number;
11
+ mobileMenuSelectTextFallback?: string;
12
+ className: any;
13
+ }): React.JSX.Element;
14
+ export namespace SideNavCompact {
15
+ namespace propTypes {
16
+ let ariaLabel: PropTypes.Requireable<string>;
17
+ let headingText: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
18
+ let labels: PropTypes.Requireable<PropTypes.InferProps<{
19
+ submenu: PropTypes.Requireable<string>;
20
+ toggle: PropTypes.Requireable<string>;
21
+ }>>;
22
+ let menuItems: PropTypes.Validator<any[]>;
23
+ let mobileMenuMaxWidth: PropTypes.Requireable<number>;
24
+ let mobileMenuSelectTextFallback: PropTypes.Requireable<string>;
25
+ let className: PropTypes.Requireable<string>;
26
+ }
27
+ }
28
+ import React from 'react';
29
+ import PropTypes from 'prop-types';
@@ -0,0 +1,46 @@
1
+ export function UserMenu({ ariaLabel, menuItems, mobileMenuMaxWidth, userEmail, userImageSrc, userName, withinNavbar, className, ...props }: {
2
+ [x: string]: any;
3
+ ariaLabel?: string;
4
+ menuItems: any;
5
+ mobileMenuMaxWidth?: number;
6
+ userEmail: any;
7
+ userImageSrc: any;
8
+ userName: any;
9
+ withinNavbar?: boolean;
10
+ className: any;
11
+ }): React.JSX.Element;
12
+ export namespace UserMenu {
13
+ namespace propTypes {
14
+ let ariaLabel: PropTypes.Requireable<string>;
15
+ let menuItems: PropTypes.Requireable<PropTypes.InferProps<{
16
+ /**
17
+ * Callback function for the menu item.
18
+ */
19
+ callback: PropTypes.Requireable<(...args: any[]) => any>;
20
+ /**
21
+ * Is the menu item disabled?
22
+ */
23
+ disabled: PropTypes.Requireable<boolean>;
24
+ /**
25
+ * Icon name for the menu item.
26
+ */
27
+ iconName: PropTypes.Requireable<string>;
28
+ /**
29
+ * Unique ID for the menu item. Optional.
30
+ */
31
+ id: PropTypes.Requireable<string>;
32
+ /**
33
+ * Label for the menu item.
34
+ */
35
+ label: PropTypes.Requireable<string>;
36
+ }>[]>;
37
+ let mobileMenuMaxWidth: PropTypes.Requireable<number>;
38
+ let userEmail: PropTypes.Requireable<string>;
39
+ let userImageSrc: PropTypes.Requireable<string>;
40
+ let userName: PropTypes.Requireable<string>;
41
+ let withinNavbar: PropTypes.Requireable<boolean>;
42
+ let className: PropTypes.Requireable<string>;
43
+ }
44
+ }
45
+ import React from 'react';
46
+ import PropTypes from 'prop-types';
@@ -0,0 +1,60 @@
1
+ export function WorkspaceSelector({ ariaLabel, createWorkspaceLink, filterPlaceholder, filterLabel, menuHeading, minFilterItems, mobileMenuMaxWidth, noResultsText, withinNavbar, workspaceList, className, ...props }: {
2
+ [x: string]: any;
3
+ ariaLabel?: string;
4
+ createWorkspaceLink: any;
5
+ filterPlaceholder?: string;
6
+ filterLabel?: string;
7
+ menuHeading?: string;
8
+ minFilterItems?: number;
9
+ mobileMenuMaxWidth?: number;
10
+ noResultsText?: string;
11
+ withinNavbar?: boolean;
12
+ workspaceList: any;
13
+ className: any;
14
+ }): React.JSX.Element;
15
+ export namespace WorkspaceSelector {
16
+ namespace propTypes {
17
+ let ariaLabel: PropTypes.Requireable<string>;
18
+ let createWorkspaceLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
19
+ let filterPlaceholder: PropTypes.Requireable<string>;
20
+ let filterLabel: PropTypes.Requireable<string>;
21
+ let menuHeading: PropTypes.Requireable<string>;
22
+ let minFilterItems: PropTypes.Requireable<number>;
23
+ let mobileMenuMaxWidth: PropTypes.Requireable<number>;
24
+ let noResultsText: PropTypes.Requireable<string>;
25
+ let withinNavbar: PropTypes.Requireable<boolean>;
26
+ let workspaceList: PropTypes.Requireable<PropTypes.InferProps<{
27
+ /**
28
+ * Name of the workspace.
29
+ */
30
+ displayName: PropTypes.Requireable<string>;
31
+ /**
32
+ * Image src for the workspace.
33
+ */
34
+ imageSrc: PropTypes.Requireable<string>;
35
+ /**
36
+ * Is this the currently selected workspace?
37
+ */
38
+ isActive: PropTypes.Requireable<boolean>;
39
+ /**
40
+ * This user does not have access to this workspace.
41
+ */
42
+ isUnprivileged: PropTypes.Requireable<boolean>;
43
+ /**
44
+ * Account plan tier.
45
+ */
46
+ planTier: PropTypes.Requireable<string>;
47
+ /**
48
+ * Id of the workspace.
49
+ */
50
+ workspaceId: PropTypes.Requireable<string>;
51
+ /**
52
+ * Link to the workspace. A link element via the router of your choice.
53
+ */
54
+ workspaceLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
55
+ }>[]>;
56
+ let className: PropTypes.Requireable<string>;
57
+ }
58
+ }
59
+ import React from 'react';
60
+ import PropTypes from 'prop-types';
@@ -0,0 +1,35 @@
1
+ export function Banner({ banners, dismissLabel, labelNext, labelPrevious, typeLabels, className, ...props }: {
2
+ [x: string]: any;
3
+ banners: any;
4
+ dismissLabel?: string;
5
+ labelNext?: string;
6
+ labelPrevious?: string;
7
+ typeLabels?: {
8
+ info: string;
9
+ warning: string;
10
+ critical: string;
11
+ };
12
+ className: any;
13
+ }): React.JSX.Element;
14
+ export namespace Banner {
15
+ namespace propTypes {
16
+ let banners: PropTypes.Requireable<PropTypes.InferProps<{
17
+ id: PropTypes.Requireable<string>;
18
+ isDismissible: PropTypes.Requireable<boolean>;
19
+ message: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
20
+ onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
21
+ type: PropTypes.Requireable<string>;
22
+ }>[]>;
23
+ let dismissLabel: PropTypes.Requireable<string>;
24
+ let labelNext: PropTypes.Requireable<string>;
25
+ let labelPrevious: PropTypes.Requireable<string>;
26
+ let typeLabels: PropTypes.Requireable<PropTypes.InferProps<{
27
+ info: PropTypes.Requireable<string>;
28
+ warning: PropTypes.Requireable<string>;
29
+ critical: 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,31 @@
1
+ export function InlineMessage({ title, secondaryText, type, typeLabels, className, ...props }: {
2
+ [x: string]: any;
3
+ title: any;
4
+ secondaryText: any;
5
+ type: any;
6
+ typeLabels?: {
7
+ info: string;
8
+ success: string;
9
+ warning: string;
10
+ critical: string;
11
+ working: string;
12
+ };
13
+ className: any;
14
+ }): React.JSX.Element;
15
+ export namespace InlineMessage {
16
+ namespace propTypes {
17
+ let title: PropTypes.Validator<string>;
18
+ let secondaryText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
19
+ let type: PropTypes.Requireable<string>;
20
+ let typeLabels: PropTypes.Requireable<PropTypes.InferProps<{
21
+ info: PropTypes.Requireable<string>;
22
+ success: PropTypes.Requireable<string>;
23
+ warning: PropTypes.Requireable<string>;
24
+ critical: PropTypes.Requireable<string>;
25
+ working: PropTypes.Requireable<string>;
26
+ }>>;
27
+ let className: PropTypes.Requireable<string>;
28
+ }
29
+ }
30
+ import React from 'react';
31
+ import PropTypes from 'prop-types';