@pantheon-systems/pds-toolkit-react 1.0.0-dev.16 → 1.0.0-dev.160

package/_dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts

@@ -0,0 +1,58 @@
+export function WorkspaceSelector({ ariaLabel, createWorkspaceLink, filterPlaceholder, filterLabel, menuHeading, minFilterItems, noResultsText, withinNavbar, workspaceList, className, ...props }: {
+    [x: string]: any;
+    ariaLabel?: string;
+    createWorkspaceLink: any;
+    filterPlaceholder?: string;
+    filterLabel?: string;
+    menuHeading?: string;
+    minFilterItems?: number;
+    noResultsText?: string;
+    withinNavbar?: boolean;
+    workspaceList: any;
+    className: any;
+}): React.JSX.Element;
+export namespace WorkspaceSelector {
+    namespace propTypes {
+        let ariaLabel: PropTypes.Requireable<string>;
+        let createWorkspaceLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let filterPlaceholder: PropTypes.Requireable<string>;
+        let filterLabel: PropTypes.Requireable<string>;
+        let menuHeading: PropTypes.Requireable<string>;
+        let minFilterItems: PropTypes.Requireable<number>;
+        let noResultsText: PropTypes.Requireable<string>;
+        let withinNavbar: PropTypes.Requireable<boolean>;
+        let workspaceList: PropTypes.Requireable<PropTypes.InferProps<{
+            /**
+             * Name of the workspace.
+             */
+            displayName: PropTypes.Requireable<string>;
+            /**
+             * Image src for the workspace.
+             */
+            imageSrc: PropTypes.Requireable<string>;
+            /**
+             * Is this the currently selected workspace?
+             */
+            isActive: PropTypes.Requireable<boolean>;
+            /**
+             * This user does not have access to this workspace.
+             */
+            isUnprivileged: PropTypes.Requireable<boolean>;
+            /**
+             * Account plan tier.
+             */
+            planTier: PropTypes.Requireable<string>;
+            /**
+             * Id of the workspace.
+             */
+            workspaceId: PropTypes.Requireable<string>;
+            /**
+             * Link to the workspace. A link element via the router of your choice.
+             */
+            workspaceLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        }>[]>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/navigation/navigation-types.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+export type NavigationItem = {
+    /**
+     * A boolean indicating whether the item is the active item.
+     */
+    isActive?: boolean;
+    /**
+     * Link content — a fully-formed link element using the router of your choice. If a string is provided instead, the item will be rendered as a link that navigates to the first child item.
+     */
+    linkContent: JSX.Element | string;
+    /**
+     * Submenu items.
+     */
+    links?: NavigationItem[];
+};
+export type SingleLevelNavigationItem = {
+    /**
+     * A boolean indicating whether the item is the active item.
+     */
+    isActive?: boolean;
+    /**
+     * Link content — a fully-formed link element using the router of your choice.
+     */
+    linkContent: JSX.Element;
+};
+export type FlattenedNavigationItem = {
+    /**
+     * A boolean indicating whether the item is the active item.
+     */
+    isActive?: boolean;
+    /**
+     * Link content — a fully-formed link element using the router of your choice.
+     */
+    linkContent: JSX.Element;
+    /**
+     * Nesting level of the item.
+     */
+    level: 'top-level' | 'second-level' | 'third-level';
+};

package/_dist/components/navigation/navigation-utilities.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { NavigationItem } from '@components/navigation/navigation-types';
+export declare const isActiveItem: (item: NavigationItem) => boolean;
+export declare const isActiveTrail: (item: NavigationItem) => boolean;
+export declare const getActiveLink: (items: NavigationItem[]) => JSX.Element | null;
+export declare const getLinkContentString: (linkContent: JSX.Element | string) => string;
+export declare const processNavLinkContent: (linkContent: JSX.Element | string, links?: NavigationItem[]) => JSX.Element | string;

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

@@ -0,0 +1,47 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import './banner.css';
+type Banner = {
+    id: string;
+    isDismissible?: boolean;
+    message: string | React.ReactNode;
+    onDismiss?: () => void;
+    type?: 'info' | 'warning' | 'critical';
+};
+/**
+ * Prop types for Banner
+ */
+export interface BannerProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Array of banner objects
+     */
+    banners: Banner[];
+    /**
+     * Label for the dismiss button
+     */
+    dismissLabel?: string;
+    /**
+     * Label for the next message button
+     */
+    labelNext?: string;
+    /**
+     * Label for the previous message button
+     */
+    labelPrevious?: string;
+    /**
+     * Type labels
+     */
+    typeLabels?: {
+        info: string;
+        warning: string;
+        critical: string;
+    };
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * Banner UI component
+ */
+export declare const Banner: ({ banners, dismissLabel, labelNext, labelPrevious, typeLabels, className, ...props }: BannerProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,37 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './inline-message.css';
+/**
+ * The type of message to display.
+ */
+type MessageType = 'info' | 'success' | 'warning' | 'critical' | 'working';
+/**
+ * Labels for each message type.
+ */
+type TypeLabels = Record<MessageType, string>;
+export interface InlineMessageProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Title text.
+     */
+    title: string;
+    /**
+     * Secondary text.
+     */
+    secondaryText?: ReactNode;
+    /**
+     * Message type.
+     */
+    type: MessageType;
+    /**
+     * Message type labels. Provide translation strings if needed.
+     */
+    typeLabels?: TypeLabels;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * InlineMessage UI component
+ */
+export declare const InlineMessage: ({ title, secondaryText, type, typeLabels, className, ...props }: InlineMessageProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,47 @@
+import React, { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
+import './section-message.css';
+type MessageType = 'info' | 'success' | 'warning' | 'critical' | 'discovery';
+type TypeLabels = Record<MessageType, string>;
+export interface SectionMessageProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Label for dismiss button. Provide a translation string if needed.
+     */
+    dismissLabel?: string;
+    /**
+     * Unique id of message.
+     */
+    id?: string;
+    /**
+     * Includes dismiss functionality.
+     */
+    isDismissible?: boolean;
+    /**
+     * Message text.
+     */
+    message: ReactNode;
+    /**
+     * Callback function when message is dismissed.
+     */
+    onDismiss?: (event: MouseEvent<HTMLButtonElement>, id: string) => void;
+    /**
+     * Message title.
+     */
+    title?: string;
+    /**
+     * Message type.
+     */
+    type: MessageType;
+    /**
+     * Message type labels. Provide translation strings if needed.
+     */
+    typeLabels: TypeLabels;
+    /**
+     * Additional class names.
+     */
+    className?: string;
+}
+/**
+ * SectionMessage UI component
+ */
+export declare const SectionMessage: ({ dismissLabel, id, isDismissible, onDismiss, message, title, type, typeLabels, className, ...props }: SectionMessageProps) => React.JSX.Element;
+export {};

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,35 @@
+export function ProgressBar({ colorBreakpoints, id, label, message, messagePosition, percentage, showLabel, showPercentage, size, className, ...props }: {
+    [x: string]: any;
+    colorBreakpoints?: {
+        colorType: string;
+        percentage: number;
+    }[];
+    id: any;
+    label: any;
+    message: any;
+    messagePosition?: string;
+    percentage: any;
+    showLabel?: boolean;
+    showPercentage?: boolean;
+    size?: string;
+    className: any;
+}): React.JSX.Element;
+export namespace ProgressBar {
+    namespace propTypes {
+        let colorBreakpoints: PropTypes.Requireable<PropTypes.InferProps<{
+            colorType: PropTypes.Validator<string>;
+            percentage: PropTypes.Validator<number>;
+        }>[]>;
+        let id: PropTypes.Requireable<string>;
+        let label: PropTypes.Validator<string>;
+        let message: PropTypes.Requireable<string>;
+        let messagePosition: PropTypes.Requireable<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/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,33 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import './spinner.css';
+interface SpinnerProps extends ComponentPropsWithoutRef<'span'> {
+    /**
+     * Spinner color
+     */
+    colorType?: 'full-color' | 'monochromatic' | 'monochromatic-reverse';
+    /**
+     * Should the spinner be an inline element? If true, it will be displayed inline-block without a visible label.
+     */
+    isInline?: boolean;
+    /**
+     * Spinner label. Will be displayed below the Spinner if `showLabel` is true.
+     */
+    label?: string;
+    /**
+     * Should the label be visible? If false, it will render for screen readers only.
+     */
+    showLabel?: boolean;
+    /**
+     * Spinner size
+     */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * Spinner UI component
+ */
+export declare const Spinner: ({ colorType, isInline, label, showLabel, size, className, ...props }: SpinnerProps) => React.JSX.Element;
+export {};

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-tile-list.css

@@ -0,0 +1 @@
+.pds-avatar-tile-list a{cursor:pointer;text-decoration:none}.pds-tile-list__image--avatar img{border-radius:50%;height:auto;width:11.625rem}@media (--breakpoint-m ){.pds-tile-list__image--avatar img{width:9.75rem}}@media (--breakpoint-l ){.pds-tile-list__image--avatar img{width:11.625rem}}.pds-tile-list__name{color:var(--pds-color-text-default);font-size:1.728rem;font-weight:700}@media (--breakpoint-m ){.pds-tile-list__name{font-size:1.44rem}}@media (--breakpoint-l ){.pds-tile-list__name{font-size:1.728rem}}.pds-tile-list__title{color:var(--pds-color-text-default-secondary);font-size:1.2rem;font-weight:600;margin-block-start:.512rem}@media (--breakpoint-m ){.pds-tile-list__title{font-size:1rem}}@media (--breakpoint-l ){.pds-tile-list__title{font-size:1.2rem}}.pds-tile-list__org{color:var(--pds-color-text-default-secondary);font-family:var(--pds-typography-font-secondary);font-size:1rem;font-weight:400;margin-block-start:.41rem}.pds-tile-list__item:focus-visible{outline-width:2px}

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

@@ -0,0 +1 @@
+.pds-avatar{display:inline-block}.pds-avatar,.pds-avatar__inner{--pds-avatar-size:1.953rem;border:.0625rem solid transparent;height:var(--pds-avatar-size);justify-content:center;width:var(--pds-avatar-size)}.pds-avatar__inner{align-items:center;background-color:var(--pds-color-background-default);border-radius:100%;display:inline-flex}.pds-avatar--image{border-color:var(--pds-color-border-default)}.pds-avatar--xs,.pds-avatar__inner--xs .pds-avatar__inner{--pds-avatar-size:1rem}.pds-avatar--sm,.pds-avatar__inner--sm .pds-avatar__inner{--pds-avatar-size:1.563rem}.pds-avatar--md,.pds-avatar__inner--md .pds-avatar__inner{--pds-avatar-size:1.953rem}.pds-avatar--lg,.pds-avatar__inner--lg .pds-avatar__inner{--pds-avatar-size:2.441rem}a.pds-avatar__inner{outline:1px solid transparent;outline-offset:.03125rem;transition:all 0s ease-out}a.pds-avatar__inner:hover{outline:1px solid var(--pds-color-interactive-link-hover)}a.pds-avatar__inner:focus-visible{outline-width:2px}.pds-avatar__inner 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-banner.css

@@ -0,0 +1 @@
+.pds-banner-group{--pds-banner-background:var(--pds-color-banner-info-background);--pds-banner-foreground:var(--pds-color-banner-info-foreground);--pds-banner-height:4.678rem;--pds-nav-button-size:1.953rem;min-height:var(--pds-banner-height);position:relative}@media (min-width:641px){.pds-banner-group{--pds-banner-height:3.815rem}}.pds-banner--critical,.pds-banner-group--critical{--pds-banner-background:var(--pds-color-banner-critical-background);--pds-banner-foreground:var(--pds-color-banner-critical-foreground)}.pds-banner--info,.pds-banner-group--info{--pds-banner-background:var(--pds-color-banner-info-background);--pds-banner-foreground:var(--pds-color-banner-info-foreground)}.pds-banner--warning,.pds-banner-group--warning{--pds-banner-background:var(--pds-color-banner-warning-background);--pds-banner-foreground:var(--pds-color-banner-warning-foreground)}.pds-banner{background:var(--pds-banner-background);box-sizing:border-box;color:var(--pds-banner-foreground);font-size:.833rem;height:var(--pds-banner-height);justify-content:space-between;padding-inline:1.953rem;position:absolute;width:100%}.pds-banner,.pds-banner__content{align-items:center;display:flex;gap:.8rem}.pds-banner__icon{flex-grow:0;flex-shrink:0}.pds-banner__message p{all:unset}.pds-banner__message a{color:var(--pds-banner-foreground);padding:.125rem;text-decoration:underline}.pds-banner__message a:hover{background-color:hsla(0,0%,100%,.2);color:var(--pds-banner-foreground);text-decoration:none;transition:all .2s ease-in-out 0s}.pds-banner__message a:focus-visible{outline:.0625rem solid var(--pds-banner-foreground);outline-offset:0}.pds-banner__dismiss-button{all:unset;border-radius:.1875rem;cursor:pointer;padding:.328rem .512rem;transition:all .2s ease-in-out 0s}.pds-banner__dismiss-button:hover{background-color:hsla(0,0%,100%,.2)}.pds-banner__dismiss-button:focus-visible{outline:.0625rem solid var(--pds-banner-foreground);outline-offset:0}.pds-banner-group--multiple .pds-banner{padding-inline:3.052rem}.pds-banner__navigation{display:flex;justify-content:space-between;width:100%}button.pds-banner__nav-button{color:var(--pds-banner-foreground);height:var(--pds-nav-button-size);margin-block:1.375rem;margin-inline:.512rem;min-width:unset;padding:0;transition:all .2s ease-in-out 0s;width:var(--pds-nav-button-size);z-index:calc(var(--pds-z-index-notifications) + 10)}@media (min-width:641px){button.pds-banner__nav-button{margin-block:.9375rem}}button.pds-banner__nav-button:hover:enabled{background-color:hsla(0,0%,100%,.2)}button.pds-banner__nav-button:focus-visible{outline:.0625rem solid var(--pds-banner-foreground);outline-offset:0}.pds-banner--dismissing,.pds-banner--fading{animation:hideBannerAnimation .2s ease-in;animation-fill-mode:forwards}@keyframes hideBannerAnimation{to{opacity:0}0%{opacity:1}}

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

@@ -0,0 +1 @@
+.pds-breadcrumbs .pds-breadcrumbs__item{display:flex;list-style-type:none}.pds-breadcrumbs .pds-breadcrumbs__item a{text-decoration:none}.pds-breadcrumbs .pds-breadcrumbs__item a:hover{text-decoration:underline}.pds-breadcrumbs .pds-breadcrumbs__item li:not(:last-child):after{bottom:.0625rem;color:var(--pds-color-breadcrumb-separator);content:"/";font-size:.75rem;margin-inline:.8rem;position:relative}.pds-breadcrumbs .pds-breadcrumbs__item li:last-child a{text-decoration:none}.pds-breadcrumbs .pds-breadcrumbs__item li .pds-breadcrumbs__disabled{color:var(--pds-color-breadcrumb-text);cursor:default}.pds-breadcrumbs .pds-breadcrumbs__item li .pds-breadcrumbs__disabled:hover{color:var(--pds-color-breadcrumb-text);text-decoration:none}.pds-breadcrumbs .pds-breadcrumbs__item li .pds-breadcrumbs__disabled .pds-tooltip button{color:var(--pds-color-breadcrumb-text)}.pds-breadcrumbs .pds-breadcrumbs__item .pds-breadcrumbs__expand-button{background:none;border:none;cursor:pointer;display:inline-block;gap:.512rem;outline:inherit;padding:0}@media (max-width:640px){.pds-breadcrumbs .pds-breadcrumbs__item{display:none}}.pds-breadcrumbs .pds-breadcrumbs__hidden,.pds-breadcrumbs__mobileCrumbs{display:none}@media (max-width:640px){.pds-breadcrumbs__mobileCrumbs{align-items:center;display:flex}.pds-breadcrumbs__mobileCrumbs svg{margin-inline-end:.328rem}}

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

@@ -0,0 +1 @@
+.pds-button-link a{white-space:nowrap}.pds-button-link a:hover{color:var(--pds-color-button-primary-foreground-hover)}.pds-button-link a.pds-button.pds-button--secondary:hover{color:var(--pds-color-button-secondary-foreground-hover)}.pds-button-link a.pds-button.pds-button--subtle:hover{color:var(--pds-color-button-subtle-foreground-hover)}.pds-button-link a.pds-button.pds-button--brand:hover{color:var(--pds-color-button-brand-foreground-hover)}.pds-button-link a.pds-button.pds-button--brand-secondary:hover{color:var(--pds-color-button-brand-secondary-foreground-hover)}.pds-button-link a.pds-button.pds-button--critical:hover{color:var(--pds-color-button-critical-foreground-hover)}.pds-button-group .pds-button-link a{text-align:center;width:100%}

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

@@ -0,0 +1,81 @@
+a.pds-button,button.pds-button{--pds-button-color-background:var(
+		--pds-color-button-primary-background-default
+	);--pds-button-color-foreground:var(
+		--pds-color-button-primary-foreground-default
+	);--pds-button-color-border:var(--pds-color-button-primary-border-default);align-items:center;background-color:var(--pds-button-color-background);border:.0625rem solid var(--pds-button-color-border);border-radius:.1875rem;box-sizing:border-box;color:var(--pds-button-color-foreground);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.64rem;height:2.441rem;justify-content:center;letter-spacing:0;line-height:1;max-height:2.441rem;padding:.64rem .8rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button__icon--wrapper{align-items:center;display:flex}.pds-button__icon{flex-shrink:0}.pds-button__loading-indicator{--pds-spinner-size:1rem;--pds-spinner-color-1:#fff;--pds-spinner-color-2:#f1f1f1;--pds-spinner-color-3:#cfcfd3}a.pds-button:disabled,button.pds-button:disabled{cursor:not-allowed;opacity:50%}a.pds-button:hover,button.pds-button:hover:enabled{--pds-button-color-background:var(
+		--pds-color-button-primary-background-hover
+	);--pds-button-color-border:var(--pds-color-button-primary-border-hover);--pds-button-color-foreground:var(
+		--pds-color-button-primary-foreground-hover
+	)}a.pds-button:active,button.pds-button:active:enabled{--pds-button-color-background:var(
+		--pds-color-button-primary-background-active
+	);--pds-button-color-border:var(--pds-color-button-primary-border-active);--pds-button-color-foreground:var(
+		--pds-color-button-primary-foreground-active
+	)}a.pds-button:focus-visible,button.pds-button:focus-visible{outline:.125rem solid var(--pds-color-interactive-focus);outline-offset:.0625rem}a.pds-button.pds-button--sm,button.pds-button.pds-button--sm{font-size:.833rem;gap:.41rem;height:unset;max-height:1.953rem;padding:.41rem .512rem}a.pds-button.pds-button--sm .pds-button__loading-indicator,button.pds-button.pds-button--sm .pds-button__loading-indicator{--pds-spinner-size:0.8rem}a.pds-button.pds-button--lg,button.pds-button.pds-button--lg{font-size:1.2rem;height:unset;max-height:3.052rem;padding:1rem 1.25rem}a.pds-button.pds-button--lg .pds-button__loading-indicator,button.pds-button.pds-button--lg .pds-button__loading-indicator{--pds-spinner-size:1.25rem}a.pds-button.pds-button--secondary,button.pds-button.pds-button--secondary{--pds-button-color-background:var(
+		--pds-color-button-secondary-background-default
+	);--pds-button-color-border:var(--pds-color-button-secondary-border-default);--pds-button-color-foreground:var(
+		--pds-color-button-secondary-foreground-default
+	)}a.pds-button.pds-button--secondary .pds-button__loading-indicator,button.pds-button.pds-button--secondary .pds-button__loading-indicator{--pds-spinner-color-1:var(--pds-color-button-secondary-foreground-default);--pds-spinner-color-2:#5f41e5;--pds-spinner-color-3:#e5dbff}a.pds-button.pds-button--secondary:hover,button.pds-button.pds-button--secondary:hover:enabled{--pds-button-color-background:var(
+		--pds-color-button-secondary-background-hover
+	);--pds-button-color-border:var(--pds-color-button-secondary-border-hover);--pds-button-color-foreground:var(
+		--pds-color-button-secondary-foreground-hover
+	)}a.pds-button.pds-button--secondary:active,button.pds-button.pds-button--secondary:active:enabled{--pds-button-color-background:var(
+		--pds-color-button-secondary-background-active
+	);--pds-button-color-border:var(--pds-color-button-secondary-border-active);--pds-button-color-foreground:var(
+		--pds-color-button-secondary-foreground-active
+	)}a.pds-button.pds-button--subtle,button.pds-button.pds-button--subtle{--pds-button-color-background:var(
+		--pds-color-button-subtle-background-default
+	);--pds-button-color-border:var(--pds-color-button-subtle-border-default);--pds-button-color-foreground:var(
+		--pds-color-button-subtle-foreground-default
+	);font-weight:400;padding:.64rem .25rem}a.pds-button.pds-button--subtle .pds-button__loading-indicator,button.pds-button.pds-button--subtle .pds-button__loading-indicator{--pds-spinner-color-1:#23232d;--pds-spinner-color-2:#6d6d78;--pds-spinner-color-3:#cfcfd3}a.pds-button.pds-button--subtle:hover,button.pds-button.pds-button--subtle:hover:enabled{--pds-button-color-background:var(
+		--pds-color-button-subtle-background-default
+	);--pds-button-color-border:var(--pds-color-button-subtle-border-default);--pds-button-color-foreground:var(
+		--pds-color-button-subtle-foreground-hover
+	)}a.pds-button.pds-button--subtle:active,button.pds-button.pds-button--subtle:active:enabled{--pds-button-color-background:var(
+		--pds-color-button-subtle-background-default
+	);--pds-button-color-border:var(--pds-color-button-subtle-border-default);--pds-button-color-foreground:var(
+		--pds-color-button-subtle-foreground-active
+	)}.pds-background--dark a.pds-button.pds-button--brand,.pds-background--dark button.pds-button.pds-button--brand,a.pds-button.pds-button--brand,button.pds-button.pds-button--brand{--pds-button-color-background:var(
+		--pds-color-button-brand-background-default
+	);--pds-button-color-border:var(--pds-color-button-brand-border-default);--pds-button-color-foreground:var(
+		--pds-color-button-brand-foreground-default
+	)}.pds-background--dark a.pds-button.pds-button--brand .pds-button__loading-indicator,.pds-background--dark button.pds-button.pds-button--brand .pds-button__loading-indicator,a.pds-button.pds-button--brand .pds-button__loading-indicator,button.pds-button.pds-button--brand .pds-button__loading-indicator{--pds-spinner-color-1:#23232d;--pds-spinner-color-2:#705e00;--pds-spinner-color-3:#d9b500}.pds-background--dark a.pds-button.pds-button--brand:hover,.pds-background--dark button.pds-button.pds-button--brand:hover:enabled,a.pds-button.pds-button--brand:hover,button.pds-button.pds-button--brand:hover:enabled{--pds-button-color-background:var(--pds-color-button-brand-background-hover);--pds-button-color-border:var(--pds-color-button-brand-border-hover);--pds-button-color-foreground:var(--pds-color-button-brand-foreground-hover)}.pds-background--dark a.pds-button.pds-button--brand:active,.pds-background--dark button.pds-button.pds-button--brand:active:enabled,a.pds-button.pds-button--brand:active,button.pds-button.pds-button--brand:active:enabled{--pds-button-color-background:var(
+		--pds-color-button-brand-background-active
+	);--pds-button-color-border:var(--pds-color-button-brand-border-active);--pds-button-color-foreground:var(
+		--pds-color-button-brand-foreground-active
+	)}a.pds-button.pds-button--brand-secondary,button.pds-button.pds-button--brand-secondary{--pds-button-color-background:var(
+		--pds-color-button-brand-secondary-background-default
+	);--pds-button-color-border:var(
+		--pds-color-button-brand-secondary-border-default
+	);--pds-button-color-foreground:var(
+		--pds-color-button-brand-secondary-foreground-default
+	)}a.pds-button.pds-button--brand-secondary .pds-button__loading-indicator,button.pds-button.pds-button--brand-secondary .pds-button__loading-indicator{--pds-spinner-color-1:#23232d;--pds-spinner-color-2:#6d6d78;--pds-spinner-color-3:#cfcfd3}a.pds-button.pds-button--brand-secondary:hover,button.pds-button.pds-button--brand-secondary:hover:enabled{--pds-button-color-background:var(
+		--pds-color-button-brand-secondary-background-hover
+	);--pds-button-color-border:var(
+		--pds-color-button-brand-secondary-border-hover
+	);--pds-button-color-foreground:var(
+		--pds-color-button-brand-secondary-foreground-hover
+	)}a.pds-button.pds-button--brand-secondary:active,button.pds-button.pds-button--brand-secondary:active:enabled{--pds-button-color-background:var(
+		--pds-color-button-brand-secondary-background-active
+	);--pds-button-color-border:var(
+		--pds-color-button-brand-secondary-border-active
+	);--pds-button-color-foreground:var(
+		--pds-color-button-brand-secondary-foreground-active
+	)}a.pds-button.pds-button--critical,button.pds-button.pds-button--critical{--pds-button-color-background:var(
+		--pds-color-button-critical-background-default
+	);--pds-button-color-border:var(--pds-color-button-critical-border-default);--pds-button-color-foreground:var(
+		--pds-color-button-critical-foreground-default
+	)}a.pds-button.pds-button--critical .pds-button__loading-indicator,button.pds-button.pds-button--critical .pds-button__loading-indicator{--pds-spinner-color-1:var(--pds-color-button-critical-foreground-default);--pds-spinner-color-2:#d97163;--pds-spinner-color-3:#efc2bc}a.pds-button.pds-button--critical:hover,button.pds-button.pds-button--critical:hover:enabled{--pds-button-color-background:var(
+		--pds-color-button-critical-background-hover
+	);--pds-button-color-border:var(--pds-color-button-critical-border-hover);--pds-button-color-foreground:var(
+		--pds-color-button-critical-foreground-hover
+	)}a.pds-button.pds-button--critical:active,button.pds-button.pds-button--critical:active:enabled{--pds-button-color-background:var(
+		--pds-color-button-critical-background-active
+	);--pds-button-color-border:var(--pds-color-button-critical-border-active);--pds-button-color-foreground: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
+	);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
+	)}button.pds-button.pds-button--inline{background-color:transparent;border:none;border-radius:0;color:var(--pds-color-interactive-link-default);font-size:inherit;font-weight:400;height:unset;justify-content:unset;max-height:unset;padding:0;text-decoration:underline;transition:all .2s ease-in-out 0s}button.pds-button.pds-button--inline .pds-button__loading-indicator{--pds-spinner-color-1:#23232d;--pds-spinner-color-2:#6d6d78;--pds-spinner-color-3:#cfcfd3}button.pds-button.pds-button--inline:hover:enabled{color:var(--pds-color-interactive-link-hover);text-decoration:none}button.pds-button.pds-button--inline:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-button-group,.pds-button-group--lg{display:flex;flex-direction:column;row-gap:1rem;width:100%}.pds-button-group a.pds-button.pds-button--subtle,.pds-button-group button.pds-button.pds-button--subtle,.pds-button-group--lg a.pds-button.pds-button--subtle,.pds-button-group--lg button.pds-button.pds-button--subtle{margin-block:-.512rem}@media (min-width:641px){.pds-button-group a.pds-button.pds-button--subtle,.pds-button-group button.pds-button.pds-button--subtle,.pds-button-group--lg a.pds-button.pds-button--subtle,.pds-button-group--lg button.pds-button.pds-button--subtle{margin-block:unset;margin-inline:-.25rem}.pds-button-group{column-gap:1.25rem;flex-direction:row;width:unset}.pds-button-group--lg{column-gap:1.563rem}}

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

@@ -0,0 +1 @@
+.pds-callout{--pds-callout--color:var(--pds-color-text-default-secondary);border:.0625rem solid var(--pds-callout--color);border-radius:.375rem;display:flex;font-family:Poppins,sans-serif;gap:1rem;padding:1rem;position:relative}.pds-callout__inner{display:flex;gap:1rem;width:100%}.pds-callout__icon{color:var(--pds-callout--color)}.pds-callout__text{width:100%}.pds-callout__main-content>:last-child{margin-block-end:0}.pds-callout__title{font-size:1.2rem;font-weight:700;margin-block-end:1rem}.pds-callout--info{--pds-callout--color:var(--pds-color-semantic-info-foreground)}.pds-callout--earlyAccess,.pds-callout--success{--pds-callout--color:var(--pds-color-semantic-success-foreground)}.pds-callout--warning{--pds-callout--color:var(--pds-color-semantic-warning-foreground)}.pds-callout--critical{--pds-callout--color:var(--pds-color-semantic-critical-foreground)}.pds-callout--discovery{--pds-callout--color:var(--pds-color-semantic-discovery-foreground)}.pds-callout--code{--pds-callout--color:var(--pds-color-brand-accent-default)}

package/_dist/css/component-css/pds-card-select-group.css

@@ -0,0 +1 @@
+.pds-card-select-group{border:none;color:var(--pds-color-text-default);font-family:Poppins,sans-serif;margin-inline:0;padding:0;padding-block-start:.328rem}.pds-card-select-group__legend{display:block;font-size:1.2rem;font-weight:600;margin-block-end:.8rem;text-align:left}.pds-card-select-group__legend--center{text-align:center}.pds-card-select-group__option input[type=radio]{appearance:none}.pds-card-select-group__option-label{background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);box-sizing:border-box;column-gap:.8rem;display:inline-flex;font-size:1.2rem;font-weight:600;height:100%;margin-block-end:0;padding:1rem;width:100%}.pds-card-select-group__option-label--selected,.pds-card-select-group__option-label:hover{background-color:var(--pds-color-input-action-background-hover);cursor:pointer}.pds-card-select-group__option-icon{color:var(--pds-color-input-border-default)}.pds-card-select-group__option-icon--selected{color:var(--pds-color-semantic-success-foreground)}.pds-card-select-group__option-description{color:var(--pds-color-text-default-secondary);font-size:1rem;font-weight:400;line-height:140%;margin-block-start:.328rem}

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

@@ -0,0 +1 @@
+.pds-card{background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);color:var(--pds-color-text-default);display:grid;grid-template-rows:auto 1fr auto;height:100%}@media (max-width:640px){.pds-card{margin:0 auto}}.pds-card--clickable{color:var(--pds-color-text-default);text-decoration:none}.pds-card--clickable:hover{box-shadow:var(--pds-elevation-active);color:var(--pds-color-text-default)}.pds-card--clickable:hover .pds-card__image img{filter:brightness(1.1)}.pds-card--clickable:focus-visible{border-radius:.375rem;outline:.125rem solid var(--pds-color-interactive-focus)}.pds-card__image img{aspect-ratio:1.618;border-radius:.375rem .375rem 0 0;display:block;object-fit:cover;width:100%}.pds-card__image a{line-height:0;text-decoration:none}.pds-card__text-elements{box-sizing:border-box;display:flex;flex-direction:column;padding:1.953rem;row-gap:.64rem}.pds-card__kicker{margin-block-end:.25rem}.pds-card__kicker--separator{color:var(--pds-color-border-default);font-weight:400;margin-inline:.512rem}.pds-card__heading{display:block;font-size:1.44rem;font-weight:700;margin-block-end:.125rem}.pds-card__bodytext p{font-size:1rem;line-height:140%}.pds-card__bodytext p:last-child{margin-bottom:0}.pds-card__links{margin-block-start:.8rem}@media (min-width:641px){.pds-card__links.pds-button-group .pds-button-link{flex-grow:1}}

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

@@ -0,0 +1 @@
+.pds-checkbox-group__options{display:flex;flex-direction:column;margin-block-end:.512rem;margin-inline-start:.125rem;row-gap:.8rem}

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

@@ -0,0 +1 @@
+.pds-checkbox{--pds-checkbox-input-size:1rem;--pds-checkbox-input-gap:0.512rem}.pds-checkbox__input-wrapper{display:flex}.pds-checkbox input[type=checkbox]{appearance:none}.pds-checkbox__label{align-items:start;column-gap:var(--pds-checkbox-input-gap);display:grid;grid-template-columns:var(--pds-checkbox-input-size) auto}.pds-checkbox__label-text{color:var(--pds-color-text-default);font-size:1rem;font-weight:400;margin-block-end:0}.pds-checkbox__box{align-items:center;background-color:var(--pds-color-input-background);border:.125rem solid var(--pds-color-input-border-default);border-radius:.1875rem;box-sizing:border-box;display:flex;height:var(--pds-checkbox-input-size);padding:.0625rem;position:relative;top:.09375rem;width:var(--pds-checkbox-input-size)}.pds-checkbox__box--checked,.pds-checkbox__box--indeterminate{background-color:var(--pds-color-input-checked-background);border-color:var(--pds-color-input-checked-background)}.pds-checkbox__icon{color:var(--pds-color-input-checked-foreground)}.pds-checkbox:hover .pds-checkbox__box{cursor:pointer}.pds-checkbox:focus-within .pds-checkbox__box{outline:.0625rem solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-checkbox.pds-is-disabled .pds-checkbox__label{cursor:not-allowed;opacity:50%}.pds-checkbox .pds-input-label__required{margin-inline-start:.125rem}div.pds-checkbox-group .pds-checkbox--indent-1{margin-inline-start:calc(var(--pds-checkbox-input-size)*2 - var(--pds-checkbox-input-gap))}div.pds-checkbox-group .pds-checkbox--indent-2{margin-inline-start:calc(var(--pds-checkbox-input-size)*4 - var(--pds-checkbox-input-gap)*2)}