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

package/_dist/components/notifications/SectionMessage/SectionMessage.d.ts

@@ -0,0 +1,39 @@
+export function SectionMessage({ dismissLabel, id, isDismissible, onDismiss, message, title, type, typeLabels, className, ...props }: {
+    [x: string]: any;
+    dismissLabel?: string;
+    id: any;
+    isDismissible: any;
+    onDismiss: any;
+    message: any;
+    title: any;
+    type?: string;
+    typeLabels?: {
+        info: string;
+        success: string;
+        warning: string;
+        critical: string;
+        discovery: string;
+    };
+    className: any;
+}): React.JSX.Element;
+export namespace SectionMessage {
+    namespace propTypes {
+        let dismissLabel: PropTypes.Requireable<string>;
+        let id: PropTypes.Requireable<string>;
+        let isDismissible: PropTypes.Requireable<boolean>;
+        let message: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
+        let title: PropTypes.Requireable<string>;
+        let type: PropTypes.Requireable<string>;
+        let typeLabels: PropTypes.Requireable<PropTypes.InferProps<{
+            info: PropTypes.Requireable<string>;
+            success: PropTypes.Requireable<string>;
+            warning: PropTypes.Requireable<string>;
+            critical: PropTypes.Requireable<string>;
+            discovery: PropTypes.Requireable<string>;
+        }>>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/notifications/Toaster/Toast.d.ts

@@ -0,0 +1,30 @@
+export function Toast({ children, id, type, typeLabels, className, }: {
+    children: any;
+    id: any;
+    type?: string;
+    typeLabels?: {
+        info: string;
+        success: string;
+        warning: string;
+        critical: string;
+        working: string;
+    };
+    className: any;
+}): React.JSX.Element;
+export namespace Toast {
+    namespace propTypes {
+        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let id: PropTypes.Requireable<string>;
+        let type: PropTypes.Requireable<string>;
+        let typeLabels: PropTypes.Requireable<PropTypes.InferProps<{
+            info: PropTypes.Requireable<string>;
+            success: PropTypes.Requireable<string>;
+            warning: PropTypes.Requireable<string>;
+            critical: PropTypes.Requireable<string>;
+            working: PropTypes.Requireable<string>;
+        }>>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/notifications/Toaster/Toaster.d.ts

@@ -0,0 +1,16 @@
+export function Toaster({ autoCloseDuration, limit, position, className, }: {
+    autoCloseDuration?: number;
+    limit?: number;
+    position?: string;
+    className: any;
+}): React.JSX.Element;
+export namespace Toaster {
+    namespace propTypes {
+        let autoCloseDuration: PropTypes.Requireable<number>;
+        let limit: PropTypes.Requireable<number>;
+        let position: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/notifications/Toaster/useToast.d.ts

@@ -0,0 +1,2 @@
+export function useToast(): (((type: any, message: any, options?: {}) => import("react-toastify").Id) | (({ children, position, preventExitTransition, done, nodeRef, isIn }: import("react-toastify").ToastTransitionProps) => React.JSX.Element))[];
+import React from 'react';

package/_dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,23 @@
+export function ProgressBar({ id, label, message, percentage, showLabel, size, className, ...props }: {
+    [x: string]: any;
+    id: any;
+    label: any;
+    message: any;
+    percentage: any;
+    showLabel?: boolean;
+    size?: string;
+    className: any;
+}): React.JSX.Element;
+export namespace ProgressBar {
+    namespace propTypes {
+        let id: PropTypes.Requireable<string>;
+        let label: PropTypes.Validator<string>;
+        let message: PropTypes.Requireable<string>;
+        let percentage: PropTypes.Validator<number>;
+        let showLabel: PropTypes.Requireable<boolean>;
+        let size: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/progress-indicators/ProgressRing/ProgressRing.d.ts

@@ -0,0 +1,25 @@
+export function ProgressRing({ id, innerLabel, label, percentage, showLabel, showPercentage, size, className, ...props }: {
+    [x: string]: any;
+    id: any;
+    innerLabel: any;
+    label: any;
+    percentage: any;
+    showLabel?: boolean;
+    showPercentage?: boolean;
+    size?: string;
+    className: any;
+}): React.JSX.Element;
+export namespace ProgressRing {
+    namespace propTypes {
+        let id: PropTypes.Requireable<string>;
+        let innerLabel: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        let label: PropTypes.Validator<string>;
+        let percentage: PropTypes.Validator<number>;
+        let showLabel: PropTypes.Requireable<boolean>;
+        let showPercentage: PropTypes.Requireable<boolean>;
+        let size: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/progress-indicators/Spinner/Spinner.d.ts

@@ -0,0 +1,21 @@
+export function Spinner({ colorType, isInline, label, showLabel, size, className, ...props }: {
+    [x: string]: any;
+    colorType?: string;
+    isInline?: boolean;
+    label?: string;
+    showLabel?: boolean;
+    size?: string;
+    className: any;
+}): React.JSX.Element;
+export namespace Spinner {
+    namespace propTypes {
+        let colorType: PropTypes.Requireable<string>;
+        let isInline: PropTypes.Requireable<boolean>;
+        let label: PropTypes.Validator<string>;
+        let showLabel: PropTypes.Requireable<boolean>;
+        let size: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/tiles/AvatarTileList/AvatarTileList.d.ts

@@ -0,0 +1,22 @@
+export function AvatarTileList({ darkBackground, listItems, className, ...props }: {
+    [x: string]: any;
+    darkBackground: any;
+    listItems: any;
+    className: any;
+}): React.JSX.Element;
+export namespace AvatarTileList {
+    namespace propTypes {
+        let darkBackground: PropTypes.Requireable<boolean>;
+        let listItems: PropTypes.Requireable<PropTypes.InferProps<{
+            image: PropTypes.Requireable<string>;
+            alt: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<string>;
+            org: PropTypes.Requireable<string>;
+            link: PropTypes.Requireable<string>;
+            linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        }>[]>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/tiles/StatsTileList/StatsTileList.d.ts

@@ -0,0 +1,26 @@
+export function StatsTileList({ listItems, className, ...props }: {
+    [x: string]: any;
+    listItems: any;
+    className: any;
+}): React.JSX.Element;
+export namespace StatsTileList {
+    namespace propTypes {
+        let listItems: PropTypes.Requireable<PropTypes.InferProps<{
+            /**
+             * Image source
+             */
+            imageSrc: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            /**
+             * Statistic value
+             */
+            stat: PropTypes.Requireable<string>;
+            /**
+             * Statistic description
+             */
+            description: PropTypes.Requireable<string>;
+        }>[]>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/tiles/Tile/Tile.d.ts

@@ -0,0 +1,23 @@
+export function Tile({ displayType, headingLevel, headingText, imageSrc, linkContent, summary, className, ...props }: {
+    [x: string]: any;
+    displayType?: string;
+    headingLevel?: string;
+    headingText: any;
+    imageSrc: any;
+    linkContent: any;
+    summary: any;
+    className: any;
+}): React.JSX.Element;
+export namespace Tile {
+    namespace propTypes {
+        let displayType: PropTypes.Requireable<string>;
+        let headingLevel: PropTypes.Requireable<string>;
+        let headingText: PropTypes.Requireable<string>;
+        let imageSrc: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let summary: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/tiles/TileGrid/TileGrid.d.ts

@@ -0,0 +1,38 @@
+export function TileGrid({ displayType, headingLevel, tiles, className, ...props }: {
+    [x: string]: any;
+    displayType?: string;
+    headingLevel?: string;
+    tiles: any;
+    className: any;
+}): React.JSX.Element;
+export namespace TileGrid {
+    namespace propTypes {
+        let displayType: PropTypes.Requireable<string>;
+        let headingLevel: PropTypes.Requireable<string>;
+        let tiles: PropTypes.Requireable<PropTypes.InferProps<{
+            /**
+             * Tile heading
+             */
+            headingText: PropTypes.Requireable<string>;
+            /**
+             * Tile image source.
+             */
+            imageSrc: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            /**
+             * A link element using the router of your choice.
+             */
+            linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            /**
+             * Summary paragraph.
+             */
+            summary: PropTypes.Requireable<string>;
+            /**
+             * Additional class names.
+             */
+            className: PropTypes.Requireable<string>;
+        }>[]>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/css/component-css/pds-avatar.css

@@ -1 +1 @@
-.pds-avatar{--pds-avatar-size:1.953rem;align-items:center;background-color:var(--pds-color-background-default);border:.0625rem solid transparent;border-radius:100%;display:inline-flex;height:var(--pds-avatar-size);justify-content:center;width:var(--pds-avatar-size)}.pds-avatar--image{border-color:var(--pds-color-border-default)}.pds-avatar--xs{--pds-avatar-size:1rem}.pds-avatar--sm{--pds-avatar-size:1.563rem}.pds-avatar--md{--pds-avatar-size:1.953rem}.pds-avatar--lg{--pds-avatar-size:2.441rem}a.pds-avatar:hover{outline:1px solid var(--pds-color-link-hover);outline-offset:.03125rem}a.pds-avatar:focus-visible{outline-width:2px}.pds-avatar img{border-radius:100%;height:100%;width:auto}.pds-avatar__user-fallback{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5' fill='%23CFCFD3'/%3E%3Cpath fill='%2323232D' d='M12.5 11.75A3.48 3.48 0 0 1 9.465 10a3.482 3.482 0 0 1 0-3.5A3.537 3.537 0 0 1 12.5 4.75c1.23 0 2.379.684 3.008 1.75a3.482 3.482 0 0 1 0 3.5 3.468 3.468 0 0 1-3.008 1.75Zm-1.258 1.313h2.488a4.89 4.89 0 0 1 4.895 4.894c0 .438-.383.793-.82.793H7.168a.794.794 0 0 1-.793-.793c0-2.707 2.16-4.895 4.867-4.895Z'/%3E%3C/svg%3E")}
+.pds-avatar{--pds-avatar-size:1.953rem;align-items:center;background-color:var(--pds-color-background-default);border:.0625rem solid transparent;border-radius:100%;display:inline-flex;height:var(--pds-avatar-size);justify-content:center;width:var(--pds-avatar-size)}.pds-avatar--image{border-color:var(--pds-color-border-default)}.pds-avatar--xs{--pds-avatar-size:1rem}.pds-avatar--sm{--pds-avatar-size:1.563rem}.pds-avatar--md{--pds-avatar-size:1.953rem}.pds-avatar--lg{--pds-avatar-size:2.441rem}a.pds-avatar:hover{outline:1px solid var(--pds-color-link-hover);outline-offset:.03125rem}a.pds-avatar:focus-visible{outline-width:2px}.pds-avatar img{border-radius:100%;height:100%;width:auto}.pds-avatar__user-fallback{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5' fill='%23CFCFD3'/%3E%3Cpath fill='%2323232D' d='M12.5 11.75A3.48 3.48 0 0 1 9.465 10a3.48 3.48 0 0 1 0-3.5A3.54 3.54 0 0 1 12.5 4.75c1.23 0 2.379.684 3.008 1.75a3.48 3.48 0 0 1 0 3.5 3.47 3.47 0 0 1-3.008 1.75m-1.258 1.313h2.488a4.89 4.89 0 0 1 4.895 4.894c0 .438-.383.793-.82.793H7.168a.794.794 0 0 1-.793-.793c0-2.707 2.16-4.895 4.867-4.895'/%3E%3C/svg%3E")}

package/_dist/css/component-css/pds-button.css

@@ -74,7 +74,7 @@ a.pds-button,button.pds-button{--pds-button-color-background:var(
 		--pds-color-button-critical-foreground-active
 	)}a.pds-button.pds-button--navbar,button.pds-button.pds-button--navbar{--pds-button-color-background:transparent;--pds-button-color-border:transparent;--pds-button-color-foreground:var(
 		--pds-color-button-navbar-foreground-default
-	)}a.pds-button.pds-button--navbar .pds-button__loading-indicator,button.pds-button.pds-button--navbar .pds-button__loading-indicator{--pds-spinner-color-1:#23232d;--pds-spinner-color-2:#6d6d78;--pds-spinner-color-3:#cfcfd3}a.pds-button.pds-button--navbar,button.pds-button.pds-button--navbar{font-weight:400}a.pds-button.pds-button--navbar:hover,button.pds-button.pds-button--navbar:hover:enabled{--pds-button-color-background:transparent;--pds-button-color-border:transparent;--pds-button-color-foreground:var(
+	);font-weight:400}a.pds-button.pds-button--navbar .pds-button__loading-indicator,button.pds-button.pds-button--navbar .pds-button__loading-indicator{--pds-spinner-color-1:#23232d;--pds-spinner-color-2:#6d6d78;--pds-spinner-color-3:#cfcfd3}a.pds-button.pds-button--navbar:hover,button.pds-button.pds-button--navbar:hover:enabled{--pds-button-color-background:transparent;--pds-button-color-border:transparent;--pds-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{--pds-button-color-background:transparent;--pds-button-color-border:transparent;--pds-button-color-foreground:var(
 		--pds-color-button-navbar-foreground-active

package/_dist/css/component-css/pds-checkbox.css

@@ -1 +1 @@
-.pds-checkbox{--pds-checkbox-input-size:1rem;align-items:start;column-gap:.512rem;display:grid;grid-template-columns:var(--pds-checkbox-input-size) auto}.pds-checkbox input[type=checkbox]{appearance:none;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:.64rem;border-color:var(--pds-color-input-border-default);border-radius:.1875rem;border-style:solid;border-width:.125rem;height:var(--pds-checkbox-input-size);position:relative;top:.0625rem;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:var(--pds-checkbox-input-size)}.pds-checkbox input[type=checkbox]:disabled{border-color:var(--pds-color-input-border-default);cursor:not-allowed;opacity:50%}.pds-checkbox input[type=checkbox]:focus-visible{border-color:var(--pds-color-interactive-focus);outline:none}.pds-checkbox>label{font-size:1rem;font-weight:400;margin-block-end:0}.pds-checkbox input[type=checkbox]:checked,.pds-checkbox input[type=checkbox]:indeterminate{background-color:var(--pds-color-interactive-focus);border-color:var(--pds-color-interactive-focus);transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s}.pds-checkbox input[type=checkbox]:checked{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23fff"><path d="m46.219 12-2.157 2.156-24 24L18 40.313l-2.156-2.157-12-12L1.688 24 6 19.781l2.063 2.157L18 31.78 39.844 9.938 42 7.78 46.219 12Z"/></svg>')}.pds-checkbox input[type=checkbox]:indeterminate{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23fff"><path d="M40.5 27H8v-5h32.5v5Z"/></svg>')}
+.pds-checkbox{--pds-checkbox-input-size:1rem;align-items:start;column-gap:.512rem;display:grid;grid-template-columns:var(--pds-checkbox-input-size) auto}.pds-checkbox input[type=checkbox]{appearance:none;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:.64rem;border-color:var(--pds-color-input-border-default);border-radius:.1875rem;border-style:solid;border-width:.125rem;height:var(--pds-checkbox-input-size);position:relative;top:.0625rem;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:var(--pds-checkbox-input-size)}.pds-checkbox input[type=checkbox]:disabled{border-color:var(--pds-color-input-border-default);cursor:not-allowed;opacity:50%}.pds-checkbox input[type=checkbox]:focus-visible{border-color:var(--pds-color-interactive-focus);outline:none}.pds-checkbox>label{font-size:1rem;font-weight:400;margin-block-end:0}.pds-checkbox input[type=checkbox]:checked,.pds-checkbox input[type=checkbox]:indeterminate{background-color:var(--pds-color-interactive-focus);border-color:var(--pds-color-interactive-focus);transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s}.pds-checkbox input[type=checkbox]:checked{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23fff"><path d="m46.219 12-2.157 2.156-24 24L18 40.313l-2.156-2.157-12-12L1.688 24 6 19.781l2.063 2.157L18 31.78 39.844 9.938 42 7.78z"/></svg>')}.pds-checkbox input[type=checkbox]:indeterminate{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23fff"><path d="M40.5 27H8v-5h32.5z"/></svg>')}