@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.
- package/_dist/components/Avatar/Avatar.d.ts +19 -0
- package/_dist/components/Breadcrumbs/Breadcrumbs.d.ts +9 -0
- package/_dist/components/Breadcrumbs/BreadcrumbsContent.d.ts +12 -0
- package/_dist/components/Breadcrumbs/BreadcrumbsContext.d.ts +17 -0
- package/_dist/components/Breadcrumbs/ListItem.d.ts +14 -0
- package/_dist/components/Breadcrumbs/MobileCrumbs.d.ts +2 -0
- package/_dist/components/CTALink/CTALink.d.ts +15 -0
- package/_dist/components/CTASlice/CTASlice.d.ts +34 -0
- package/_dist/components/Callout/Callout.d.ts +25 -0
- package/_dist/components/Callout/sample-callout-content.d.ts +2 -0
- package/_dist/components/ComparisonList/ComparisonList.d.ts +32 -0
- package/_dist/components/Heading/Heading.d.ts +15 -0
- package/_dist/components/Icon/Icon.d.ts +592 -0
- package/_dist/components/Icon/iconList.d.ts +1 -0
- package/_dist/components/Modal/Modal.d.ts +25 -0
- package/_dist/components/Pager/AdvancedPagination.d.ts +4 -0
- package/_dist/components/Pager/BasicPagination.d.ts +4 -0
- package/_dist/components/Pager/MiniPagination.d.ts +4 -0
- package/_dist/components/Pager/NavigationButton.d.ts +13 -0
- package/_dist/components/Pager/Pager.d.ts +24 -0
- package/_dist/components/Pager/PagerContext.d.ts +23 -0
- package/_dist/components/Pager/PagerItem.d.ts +14 -0
- package/_dist/components/Pager/usePaginationUI.d.ts +1 -0
- package/_dist/components/Panel/Panel.d.ts +15 -0
- package/_dist/components/PantheonLogo/PantheonLogo.d.ts +25 -0
- package/_dist/components/PlatformIcon/PlatformIcon.d.ts +13 -0
- package/_dist/components/Popover/Popover.d.ts +29 -0
- package/_dist/components/PullQuote/PullQuote.d.ts +23 -0
- package/_dist/components/Skiplink/Skiplink.d.ts +15 -0
- package/_dist/components/SocialLinks/SocialLinks.d.ts +13 -0
- package/_dist/components/StatusIndicator/StatusIndicator.d.ts +15 -0
- package/_dist/components/Stepper/Stepper.d.ts +46 -0
- package/_dist/components/Table/Table.d.ts +15 -0
- package/_dist/components/TableOfContents/TableOfContents.d.ts +25 -0
- package/_dist/components/Tabs/Tabs.d.ts +40 -0
- package/_dist/components/Tag/Tag.d.ts +23 -0
- package/_dist/components/Tooltip/Tooltip.d.ts +21 -0
- package/_dist/components/badges/IndicatorBadge/IndicatorBadge.d.ts +28 -0
- package/_dist/components/badges/StatusBadge/StatusBadge.d.ts +36 -0
- package/_dist/components/buttons/AnimatedButton/AnimatedButton.d.ts +25 -0
- package/_dist/components/buttons/Button/Button.d.ts +5 -0
- package/_dist/components/buttons/ButtonLink/ButtonLink.d.ts +24 -0
- package/_dist/components/buttons/IconButton/IconButton.d.ts +23 -0
- package/_dist/components/buttons/MenuButton/MenuButton.d.ts +65 -0
- package/_dist/components/buttons/SplitButton/SplitButton.d.ts +36 -0
- package/_dist/components/buttons/ToggleButton/ToggleButton.d.ts +31 -0
- package/_dist/components/cards/Card/Card.d.ts +30 -0
- package/_dist/components/cards/CardSelectGroup/CardSelectGroup.d.ts +38 -0
- package/_dist/components/cards/LinksCard/LinksCard.d.ts +17 -0
- package/_dist/components/cards/NewSiteCard/NewSiteCard.d.ts +25 -0
- package/_dist/components/cards/PricingCard/PricingCard.d.ts +64 -0
- package/_dist/components/cards/SiteCard/SiteCard.d.ts +25 -0
- package/_dist/components/expansion-panels/ExpansionPanel/ExpansionPanel.d.ts +19 -0
- package/_dist/components/expansion-panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts +15 -0
- package/_dist/components/footer/FooterHeading/FooterHeading.d.ts +15 -0
- package/_dist/components/footer/FooterLinks/FooterLinks.d.ts +17 -0
- package/_dist/components/footer/SiteFooter/SiteFooter.d.ts +18 -0
- package/_dist/components/inputs/Checkbox/Checkbox.d.ts +5 -0
- package/_dist/components/inputs/CheckboxGroup/CheckboxGroup.d.ts +44 -0
- package/_dist/components/inputs/Combobox/Combobox.d.ts +65 -0
- package/_dist/components/inputs/InputFormatted/InputFormatted.d.ts +35 -0
- package/_dist/components/inputs/InputGroup/InputGroup.d.ts +13 -0
- package/_dist/components/inputs/InputObscured/InputObscured.d.ts +33 -0
- package/_dist/components/inputs/InputText/InputText.d.ts +75 -0
- package/_dist/components/inputs/InputWrapper/InputWrapper.d.ts +5 -0
- package/_dist/components/inputs/RadioGroup/RadioGroup.d.ts +46 -0
- package/_dist/components/inputs/Select/Select.d.ts +44 -0
- package/_dist/components/inputs/Textarea/Textarea.d.ts +39 -0
- package/_dist/components/inputs/ToggleSwitch/ToggleSwitch.d.ts +31 -0
- package/_dist/components/inputs/inputs-common.d.ts +40 -0
- package/_dist/components/navigation/DashboardNav/DashboardNav.d.ts +27 -0
- package/_dist/components/navigation/DropdownMenu/DropdownMenu.d.ts +17 -0
- package/_dist/components/navigation/NavMenu/NavMenu.d.ts +19 -0
- package/_dist/components/navigation/NavMenu/NavMenuDropdown.d.ts +14 -0
- package/_dist/components/navigation/Navbar/Navbar.d.ts +37 -0
- package/_dist/components/navigation/SideNav/SideNav.d.ts +29 -0
- package/_dist/components/navigation/SideNavCompact/SideNavCompact.d.ts +29 -0
- package/_dist/components/navigation/UserMenu/UserMenu.d.ts +46 -0
- package/_dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +60 -0
- package/_dist/components/notifications/Banner/Banner.d.ts +35 -0
- package/_dist/components/notifications/InlineMessage/InlineMessage.d.ts +31 -0
- package/_dist/components/notifications/SectionMessage/SectionMessage.d.ts +39 -0
- package/_dist/components/notifications/Toaster/Toast.d.ts +30 -0
- package/_dist/components/notifications/Toaster/Toaster.d.ts +16 -0
- package/_dist/components/notifications/Toaster/useToast.d.ts +2 -0
- package/_dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts +23 -0
- package/_dist/components/progress-indicators/ProgressRing/ProgressRing.d.ts +25 -0
- package/_dist/components/progress-indicators/Spinner/Spinner.d.ts +21 -0
- package/_dist/components/tiles/AvatarTileList/AvatarTileList.d.ts +22 -0
- package/_dist/components/tiles/StatsTileList/StatsTileList.d.ts +26 -0
- package/_dist/components/tiles/Tile/Tile.d.ts +23 -0
- package/_dist/components/tiles/TileGrid/TileGrid.d.ts +38 -0
- package/_dist/css/component-css/pds-avatar.css +1 -1
- package/_dist/css/component-css/pds-button.css +1 -1
- package/_dist/css/component-css/pds-checkbox.css +1 -1
- package/_dist/css/component-css/pds-index.css +4 -4
- package/_dist/css/component-css/pds-input-wrapper.css +1 -1
- package/_dist/css/component-css/pds-inputs-common-deprecated.css +1 -1
- package/_dist/css/component-css/pds-status-indicator.css +1 -1
- package/_dist/css/component-css/pds-tiles-common.css +1 -1
- package/_dist/css/design-tokens/pds-design-tokens-dark-mode.css +261 -0
- package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +297 -0
- package/_dist/css/design-tokens/pds-design-tokens.css +103 -0
- package/_dist/css/pds-components.css +4 -4
- package/_dist/css/pds-core.css +1 -1
- package/_dist/index.css +1 -0
- package/_dist/index.d.ts +84 -0
- package/_dist/index.js +10954 -0
- package/_dist/index.js.map +1 -0
- package/_dist/layouts/Container/Container.d.ts +16 -0
- package/_dist/layouts/FlexContainer/FlexContainer.d.ts +27 -0
- package/_dist/layouts/GlobalLayout/GlobalLayout.d.ts +23 -0
- package/_dist/layouts/SidebarLayout/SidebarLayout.d.ts +21 -0
- package/_dist/layouts/StepperLayout/StepperLayout.d.ts +13 -0
- package/_dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts +15 -0
- package/_dist/layouts/TwoItemLayout/TwoItemLayout.d.ts +17 -0
- package/_dist/libs/components/customPropTypes.d.ts +85 -0
- package/_dist/libs/components/utils.d.ts +2 -0
- package/_dist/vars/global.d.ts +2 -0
- package/_dist/vars/spacing.d.ts +17 -0
- package/_dist/vars/z-index.d.ts +5 -0
- package/package.json +90 -39
- package/_dist/cjs/index.js +0 -117
- package/_dist/cjs/index.js.map +0 -1
- package/_dist/esm/index.js +0 -117
- package/_dist/esm/index.js.map +0 -1
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export function Avatar({ size, imageSrc, linkContent, uniqueId, className, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
size?: string;
|
|
4
|
+
imageSrc: any;
|
|
5
|
+
linkContent: any;
|
|
6
|
+
uniqueId: any;
|
|
7
|
+
className: any;
|
|
8
|
+
}): React.JSX.Element;
|
|
9
|
+
export namespace Avatar {
|
|
10
|
+
namespace propTypes {
|
|
11
|
+
let size: PropTypes.Requireable<string>;
|
|
12
|
+
let imageSrc: PropTypes.Requireable<string>;
|
|
13
|
+
let linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
14
|
+
let uniqueId: PropTypes.Requireable<string>;
|
|
15
|
+
let className: PropTypes.Requireable<string>;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
import React from 'react';
|
|
19
|
+
import PropTypes from 'prop-types';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export function Breadcrumbs({ ariaLabel, crumbs, ...props }: import("./BreadcrumbsContext").Crumb): React.JSX.Element;
|
|
2
|
+
export namespace Breadcrumbs {
|
|
3
|
+
namespace propTypes {
|
|
4
|
+
let ariaLabel: PropTypes.Validator<string>;
|
|
5
|
+
let crumbs: PropTypes.Requireable<any[]>;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
import React from 'react';
|
|
9
|
+
import PropTypes from 'prop-types';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export function BreadcrumbsContent({ ariaLabel, ...rest }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
ariaLabel: any;
|
|
4
|
+
}): React.JSX.Element;
|
|
5
|
+
export namespace BreadcrumbsContent {
|
|
6
|
+
namespace propTypes {
|
|
7
|
+
let ariaLabel: PropTypes.Validator<string>;
|
|
8
|
+
let crumbs: PropTypes.Requireable<any[]>;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
import React from 'react';
|
|
12
|
+
import PropTypes from 'prop-types';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export default BreadcrumbsContext;
|
|
2
|
+
export type Crumb = {
|
|
3
|
+
uri: string;
|
|
4
|
+
label: string;
|
|
5
|
+
};
|
|
6
|
+
export type BreadcrumbsContextType = {
|
|
7
|
+
crumbs: Crumb[];
|
|
8
|
+
deferredCrumbIds: string[];
|
|
9
|
+
register: (...args, []) => void;
|
|
10
|
+
unregister: (...args, []) => void;
|
|
11
|
+
deferCrumb: (...args, []) => void;
|
|
12
|
+
resolveCrumb: (...args, []) => void;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* @type {React.Context<BreadcrumbsContextType>} BreadcrumbsContext
|
|
16
|
+
*/
|
|
17
|
+
declare const BreadcrumbsContext: React.Context<BreadcrumbsContextType>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export function ListItem({ crumb, lastCrumb, classes }: {
|
|
2
|
+
crumb: any;
|
|
3
|
+
lastCrumb: any;
|
|
4
|
+
classes: any;
|
|
5
|
+
}): React.JSX.Element;
|
|
6
|
+
export namespace ListItem {
|
|
7
|
+
namespace propTypes {
|
|
8
|
+
let crumb: PropTypes.Requireable<object>;
|
|
9
|
+
let lastCrumb: PropTypes.Requireable<boolean>;
|
|
10
|
+
let classes: PropTypes.Requireable<string>;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
import React from 'react';
|
|
14
|
+
import PropTypes from 'prop-types';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export function CTALink({ linkContent, size, className, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
linkContent: any;
|
|
4
|
+
size?: string;
|
|
5
|
+
className: any;
|
|
6
|
+
}): React.JSX.Element;
|
|
7
|
+
export namespace CTALink {
|
|
8
|
+
namespace propTypes {
|
|
9
|
+
let linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
10
|
+
let size: 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,34 @@
|
|
|
1
|
+
export function CTASlice({ backgroundColor, containerWidth, headingLevel, headingText, leadText, primaryLink, secondaryLink, className, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
backgroundColor?: string;
|
|
4
|
+
containerWidth?: string;
|
|
5
|
+
headingLevel?: string;
|
|
6
|
+
headingText: any;
|
|
7
|
+
leadText: any;
|
|
8
|
+
primaryLink: any;
|
|
9
|
+
secondaryLink: any;
|
|
10
|
+
className: any;
|
|
11
|
+
}): React.JSX.Element;
|
|
12
|
+
export namespace CTASlice {
|
|
13
|
+
namespace propTypes {
|
|
14
|
+
export let backgroundColor: PropTypes.Requireable<string>;
|
|
15
|
+
export { ContainerWidth as containerWidth };
|
|
16
|
+
export let headingLevel: PropTypes.Requireable<string>;
|
|
17
|
+
export let headingText: PropTypes.Validator<string>;
|
|
18
|
+
export let leadText: PropTypes.Requireable<string>;
|
|
19
|
+
export let primaryLink: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
|
|
20
|
+
text: PropTypes.Requireable<string>;
|
|
21
|
+
url: PropTypes.Requireable<string>;
|
|
22
|
+
target: PropTypes.Requireable<string>;
|
|
23
|
+
}>>>;
|
|
24
|
+
export let secondaryLink: PropTypes.Requireable<PropTypes.InferProps<{
|
|
25
|
+
text: PropTypes.Requireable<string>;
|
|
26
|
+
url: PropTypes.Requireable<string>;
|
|
27
|
+
target: PropTypes.Requireable<string>;
|
|
28
|
+
}>>;
|
|
29
|
+
export let className: PropTypes.Requireable<string>;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
import React from 'react';
|
|
33
|
+
import PropTypes from 'prop-types';
|
|
34
|
+
import { ContainerWidth } from '@libs/components/customPropTypes';
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './callout.css';
|
|
3
|
+
interface CalloutProps {
|
|
4
|
+
/**
|
|
5
|
+
* Callout main content.
|
|
6
|
+
*/
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Callout title.
|
|
10
|
+
*/
|
|
11
|
+
title: string;
|
|
12
|
+
/**
|
|
13
|
+
* Callout type.
|
|
14
|
+
*/
|
|
15
|
+
type?: 'info' | 'success' | 'warning' | 'critical' | 'discovery' | 'code' | 'earlyAccess';
|
|
16
|
+
/**
|
|
17
|
+
* Additional class names
|
|
18
|
+
*/
|
|
19
|
+
className?: string;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Callout UI component
|
|
23
|
+
*/
|
|
24
|
+
export declare const Callout: ({ children, title, type, className, ...props }: CalloutProps) => React.JSX.Element;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export function ComparisonList({ listItems, listLabel, moreLink, renderTypeLabels, typeLabels, className, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
listItems: any;
|
|
4
|
+
listLabel: any;
|
|
5
|
+
moreLink: any;
|
|
6
|
+
renderTypeLabels?: boolean;
|
|
7
|
+
typeLabels?: {
|
|
8
|
+
included: string;
|
|
9
|
+
notIncluded: string;
|
|
10
|
+
addon: string;
|
|
11
|
+
};
|
|
12
|
+
className: any;
|
|
13
|
+
}): React.JSX.Element;
|
|
14
|
+
export namespace ComparisonList {
|
|
15
|
+
namespace propTypes {
|
|
16
|
+
let typeLabels: PropTypes.Requireable<PropTypes.InferProps<{
|
|
17
|
+
included: PropTypes.Requireable<string>;
|
|
18
|
+
notIncluded: PropTypes.Requireable<string>;
|
|
19
|
+
addon: PropTypes.Requireable<string>;
|
|
20
|
+
}>>;
|
|
21
|
+
let listItems: PropTypes.Requireable<PropTypes.InferProps<{
|
|
22
|
+
text: PropTypes.Requireable<string>;
|
|
23
|
+
type: PropTypes.Requireable<string>;
|
|
24
|
+
}>[]>;
|
|
25
|
+
let listLabel: PropTypes.Requireable<string>;
|
|
26
|
+
let moreLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
27
|
+
let renderTypeLabels: PropTypes.Requireable<boolean>;
|
|
28
|
+
let className: PropTypes.Requireable<string>;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
import React from 'react';
|
|
32
|
+
import PropTypes from 'prop-types';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export function Heading({ children, level, className, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
children: any;
|
|
4
|
+
level: any;
|
|
5
|
+
className: any;
|
|
6
|
+
}): React.JSX.Element;
|
|
7
|
+
export namespace Heading {
|
|
8
|
+
namespace propTypes {
|
|
9
|
+
let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
|
|
10
|
+
let level: PropTypes.Validator<string>;
|
|
11
|
+
let className: PropTypes.Requireable<string>;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
import React from 'react';
|
|
15
|
+
import PropTypes from 'prop-types';
|