@pantheon-systems/pds-toolkit-react 1.0.0-dev.98 → 1.0.0-dev.9998

package/_dist/components/panels/PanelList/PanelList.d.ts

@@ -0,0 +1,28 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './panel-list.css';
+export type PanelListBackground = 'default' | 'secondary' | 'transparent';
+/**
+ * Prop types for PanelList
+ */
+export interface PanelListProps extends ComponentPropsWithoutRef<'ul'> {
+    /**
+     * Background color for the panel list.
+     */
+    background?: PanelListBackground;
+    /**
+     * Children components. These should be PanelRow components.
+     */
+    children?: ReactNode;
+    /**
+     * Whether to have an outside border. There will always be a border between rows.
+     */
+    hasBorder?: boolean;
+    /**
+     * Additional class names.
+     */
+    className?: string;
+}
+/**
+ * PanelList UI component
+ */
+export declare const PanelList: ({ background, children, hasBorder, className, ...props }: PanelListProps) => React.JSX.Element;

package/_dist/components/panels/PanelList/PanelRow.d.ts

@@ -0,0 +1,27 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './panel-list.css';
+/**
+ * Prop types for PanelRow
+ */
+export interface PanelRowProps extends ComponentPropsWithoutRef<'li'> {
+    /**
+     * Child elements to be assigned to named slots.
+     */
+    children: ReactNode;
+    /**
+     * Additional class names.
+     */
+    className?: string;
+    /**
+     * Whether the panel row is expandable.
+     */
+    isExpandable?: boolean;
+    /**
+     * Aria-label for the expand button.
+     */
+    expandButtonAriaLabel?: string;
+}
+/**
+ * PanelRow UI component
+ */
+export declare const PanelRow: ({ children, className, isExpandable, expandButtonAriaLabel, ...props }: PanelRowProps) => React.JSX.Element;

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

@@ -0,0 +1,53 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import './progress-bar.css';
+interface ProgressBarBreakpoint {
+    colorType: 'neutral' | 'info' | 'success' | 'warning' | 'critical';
+    percentage: number;
+}
+interface ProgressBarProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Array of color breakpoints. Each breakpoint should have a `colorType` and `percentage` value.
+     */
+    colorBreakpoints: ProgressBarBreakpoint[];
+    /**
+     * ID of the Progress Bar. If not provided, a unique ID will be generated.
+     */
+    id?: string;
+    /**
+     * Progress Bar label. Will be available to screen readers if `showLabel` is false.
+     */
+    label: string;
+    /**
+     * Message or description used to help clarify the usage of the progress bar.
+     */
+    message?: string;
+    /**
+     * Position of the message relative to the progress bar.
+     */
+    messagePosition?: 'above' | 'below';
+    /**
+     * Percent complete.
+     */
+    percentage: number;
+    /**
+     * Should the label be visible? If false, it will render for screen readers only.
+     */
+    showLabel?: boolean;
+    /**
+     * Should the percentage label be visible?
+     */
+    showPercentage?: boolean;
+    /**
+     * Size of the progress bar.
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * ProgressBar UI component
+ */
+export declare const ProgressBar: ({ colorBreakpoints, id, label, message, messagePosition, percentage, showLabel, showPercentage, size, className, ...props }: ProgressBarProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,41 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './progress-ring.css';
+interface ProgressRingProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * ID of the Progress Ring. If not provided, a unique ID will be generated.
+     */
+    id?: string;
+    /**
+     * Inner label for the Progress Ring. May be used for showing a percentage or a count of steps.
+     */
+    innerLabel?: ReactNode;
+    /**
+     * Label for the Progress Ring. Will be available to screen readers if `showLabel` is false.
+     */
+    label: string;
+    /**
+     * Percentage of progress.
+     */
+    percentage: number;
+    /**
+     * Should the label be visible? If false, it will render for screen readers only.
+     */
+    showLabel?: boolean;
+    /**
+     * Should the percentage be visible? Will be overridden by `innerLabel` if one is provided.
+     */
+    showPercentage?: boolean;
+    /**
+     * Size of the progress ring.
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * ProgressRing UI component
+ */
+export declare const ProgressRing: ({ id, innerLabel, label, percentage, showLabel, showPercentage, size, className, ...props }: ProgressRingProps) => React.JSX.Element;
+export {};

package/_dist/components/steppers/Stepper/Stepper.d.ts

@@ -0,0 +1,54 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import './stepper.css';
+interface Step {
+    /**
+     * Callback function to return to a previously completed step.
+     */
+    callback?: (step: Step) => void;
+    /**
+     * If the step has an error.
+     */
+    hasError?: boolean;
+    /**
+     * Id for the step.
+     */
+    id?: string;
+    /**
+     * If the step has been completed.
+     * Optional. If not provided, completed state is determined by the current step.
+     */
+    isComplete?: boolean;
+    /**
+     * If the step is the current active step.
+     */
+    isCurrent?: boolean;
+    /**
+     * The label for the step.
+     */
+    label: string;
+}
+interface TranslatableLabels {
+    step: string;
+    completed: string;
+    hasError: string;
+    next: string;
+}
+interface StepperProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * An array of step objects
+     */
+    steps: Step[];
+    /**
+     * Translatable strings for visually-hidden text.
+     */
+    translatableLabels?: TranslatableLabels;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * Stepper UI component
+ */
+export declare const Stepper: ({ steps, translatableLabels, className, ...props }: StepperProps) => React.JSX.Element;
+export {};

package/_dist/components/steppers/VerticalStepper/VerticalStep.d.ts

@@ -0,0 +1,52 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { Button } from '@components/buttons/Button/Button';
+import './vertical-stepper.css';
+/**
+ * Prop types for VerticalStep
+ */
+export interface VerticalStepProps extends ComponentPropsWithoutRef<'li'> {
+    /**
+     * Props for the back button.
+     * Can include any props except for size and variant.
+     * Not available for the first step.
+     */
+    backButton?: ComponentPropsWithoutRef<typeof Button>;
+    /**
+     * Props for the forward button.
+     * Can include any props except for size and variant.
+     * Not available for the last step.
+     */
+    forwardButton?: ComponentPropsWithoutRef<typeof Button>;
+    /**
+     * Whether the step has an error.
+     */
+    hasError?: boolean;
+    /**
+     * Id for the step.
+     */
+    id?: string;
+    /**
+     * Has the step been completed.
+     */
+    isComplete?: boolean;
+    /**
+     * Is this the current active step?
+     */
+    isCurrent?: boolean;
+    /**
+     * Step label.
+     */
+    label: string | ReactNode;
+    /**
+     * The content for the step.
+     */
+    stepContent?: ReactNode;
+    /**
+     * Is this the first step? Internal prop.
+     */
+    _isFirstStep?: boolean;
+}
+/**
+ * VerticalStepper UI component
+ */
+export declare const VerticalStep: ({ backButton, forwardButton, hasError, id, isCurrent, label, stepContent, isComplete, _isFirstStep, ...props }: VerticalStepProps) => React.JSX.Element;

package/_dist/components/steppers/VerticalStepper/VerticalStepper.d.ts

@@ -0,0 +1,28 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import { VerticalStepProps } from './VerticalStep';
+import './vertical-stepper.css';
+/**
+ * Prop types for VerticalStepper
+ */
+export interface VerticalStepperProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Object with translatable strings.
+     */
+    labelStrings?: {
+        completed: string;
+        hasError: string;
+        step: string;
+    };
+    /**
+     * The steps to display in the stepper.
+     */
+    steps?: VerticalStepProps[];
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * VerticalStepper UI component
+ */
+export declare const VerticalStepper: ({ labelStrings, steps, className, ...props }: VerticalStepperProps) => React.JSX.Element;

package/_dist/components/steppers/VerticalStepper/vertical-stepper-sample-data.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export declare const demoSteps: {
+    label: string;
+    stepContent: React.JSX.Element;
+}[];
+export declare const demoStepsWithError: ({
+    label: string;
+    stepContent: React.JSX.Element;
+    hasError?: undefined;
+    isCurrent?: undefined;
+    backButton?: undefined;
+    forwardButton?: undefined;
+} | {
+    label: string;
+    stepContent: React.JSX.Element;
+    hasError: boolean;
+    isCurrent: boolean;
+    backButton: {
+        label: string;
+        type: "button";
+    };
+    forwardButton: {
+        label: string;
+        type: "button";
+        disabled: boolean;
+    };
+})[];

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

@@ -0,0 +1,28 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import '../tiles-common.css';
+import './avatar-tile-list.css';
+export type AvatarTileListItem = {
+    image?: string;
+    alt?: string;
+    name?: string;
+    title?: string;
+    org?: string;
+    linkContent?: ReactNode;
+};
+/**
+ * Prop types for AvatarTileList
+ */
+export interface AvatarTileListProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * List of items for each tile.
+     */
+    listItems: AvatarTileListItem[];
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * AvatarTileList UI component
+ */
+export declare const AvatarTileList: ({ listItems, className, ...props }: AvatarTileListProps) => React.JSX.Element;

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

@@ -0,0 +1,42 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { HeadingLevelCommon } from '@libs/types/custom-types';
+import './../tiles-common.css';
+import './tile.css';
+export type TileDisplayType = 'border' | 'clean' | 'clean-static';
+/**
+ * Prop types for Tile
+ */
+export interface TileProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Display type.
+     */
+    displayType?: TileDisplayType;
+    /**
+     *  Heading level or `span`.
+     */
+    headingLevel?: HeadingLevelCommon;
+    /**
+     * Heading text.
+     */
+    headingText?: string;
+    /**
+     * Image source.
+     */
+    imageSrc?: string;
+    /**
+     * A link element using the router of your choice.
+     */
+    linkContent?: ReactNode;
+    /**
+     * Summary paragraph.
+     */
+    summary?: string;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * Tile UI component
+ */
+export declare const Tile: ({ displayType, headingLevel, headingText, imageSrc, linkContent, summary, className, ...props }: TileProps) => React.JSX.Element;

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

@@ -0,0 +1,29 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import { TileDisplayType, TileProps } from '@components/tiles/Tile/Tile';
+import { HeadingLevelCommon } from '@libs/types/custom-types';
+import './../tiles-common.css';
+/**
+ * Prop types for TileGrid
+ */
+export interface TileGridProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Display type.
+     */
+    displayType?: TileDisplayType;
+    /**
+     *  Heading level or `span`. All tiles in the grid will use this heading level.
+     */
+    headingLevel?: HeadingLevelCommon;
+    /**
+     * Array of Tiles.
+     */
+    tiles: TileProps[];
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * TileGrid UI component
+ */
+export declare const TileGrid: ({ displayType, headingLevel, tiles, className, ...props }: TileGridProps) => React.JSX.Element;

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

@@ -1 +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}
+.pds-avatar-tile-list a{cursor:pointer;text-decoration:none}.pds-tile-list__image{margin-block-end:1rem}.pds-tile-list__image--avatar img{border-radius:50%;height:auto;width:11rem}.pds-tile-list__name{color:var(--pds-color-fg-default);font-size:1.44rem;font-weight:700}.pds-tile-list__title{color:var(--pds-color-fg-default-secondary);font-size:1rem;font-weight:600;margin-block-start:.41rem}.pds-tile-list__org{color:var(--pds-color-fg-default);font-size:.833rem;font-weight:400;margin-block-start:.125rem}.pds-tile-list__item:focus-visible{outline-width:2px}

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

@@ -1 +1 @@
-.pds-avatar{align-items:center;background-color:var(--pds-color-background-default);border:2px solid var(--pds-color-border-default);border-radius:100%;display:inline-flex;justify-content:center}.pds-avatar--fallback{background-color:var(--pds-color-border-default)}.pds-avatar img{border-radius:100%;height:100%;width:auto}.pds-avatar img,.pds-avatar__icon{color:var(--pds-color-text-default)}.pds-avatar--sm{height:1.563rem;width:1.563rem}.pds-avatar--md{height:1.953rem;width:1.953rem}
+.pds-avatar{--avatar-size:1.953rem;--avatar-icon-size:1.125rem;align-items:center;border:1px solid transparent;border-radius:100%;display:inline-flex;justify-content:center}.pds-avatar__content{border-radius:100%;display:flex;height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar__content--link:hover{cursor:pointer;outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:2px}.pds-avatar__content--link:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-avatar--image{border-color:var(--pds-color-border-default)}.pds-avatar--image .pds-avatar__image{border-radius:100%;height:100%;margin:auto;object-fit:cover;width:100%}.pds-avatar__user-icon{color:var(--pds-color-fg-reverse);height:var(--avatar-icon-size);width:var(--avatar-icon-size)}.pds-avatar--xs{--avatar-size:1rem;--avatar-icon-size:0.5625rem}.pds-avatar--sm{--avatar-size:1.563rem;--avatar-icon-size:0.875rem}.pds-avatar--md{--avatar-size:1.953rem;--avatar-icon-size:1.125rem}.pds-avatar--lg{--avatar-size:2.441rem;--avatar-icon-size:1.375rem}.pds-avatar--xl{--avatar-size:3.815rem;--avatar-icon-size:2.25rem}

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

@@ -1 +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{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-group--multiple .pds-banner{padding-inline:3.052rem}.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__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{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--critical{--pds-banner-background:var(--pds-color-banner-critical-background);--pds-banner-foreground:var(--pds-color-banner-critical-foreground)}.pds-banner--info{--pds-banner-background:var(--pds-color-banner-info-background);--pds-banner-foreground:var(--pds-color-banner-info-foreground)}.pds-banner--warning{--pds-banner-background:var(--pds-color-banner-warning-background);--pds-banner-foreground:var(--pds-color-banner-warning-foreground)}.pds-banner--dismissing,.pds-banner--fading{animation:hideBannerAnimation .3s ease-in;animation-fill-mode:forwards}@keyframes hideBannerAnimation{to{opacity:0}0%{opacity:1}}
+.pds-banner-group{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-foreground);--banner-height:4.678rem;--nav-button-size:1.953rem;min-height:var(--banner-height);position:relative}@media (min-width:641px){.pds-banner-group{--banner-height:3.815rem}}.pds-banner--critical,.pds-banner-group--critical{--banner-background:var(--pds-color-banner-critical-background);--banner-foreground:var(--pds-color-banner-critical-foreground)}.pds-banner--info,.pds-banner-group--info{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-foreground)}.pds-banner--warning,.pds-banner-group--warning{--banner-background:var(--pds-color-banner-warning-background);--banner-foreground:var(--pds-color-banner-warning-foreground)}.pds-banner{background:var(--banner-background);box-sizing:border-box;color:var(--banner-foreground);font-size:.833rem;height:var(--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(--banner-foreground);padding:.125rem;text-decoration:underline}.pds-banner__message a:hover{background-color:hsla(0,0%,100%,.2);color:var(--banner-foreground);text-decoration:none;transition:all .2s ease-in-out 0s}.pds-banner__message a:focus-visible{outline:1px solid var(--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:1px solid var(--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(--banner-foreground);height:var(--nav-button-size);margin-block:1.375rem;margin-inline:.512rem;min-width:unset;padding:0;transition:all .2s ease-in-out 0s;width:var(--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:1px solid var(--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-branch-diff.css

@@ -0,0 +1 @@
+.pds-branch-diff{height:2rem}.pds-branch-diff .pds-tooltip,.pds-branch-diff .pds-tooltip__trigger-custom{width:100%}.pds-branch-diff__content{display:flex;height:1.953rem}.pds-branch-diff__segment{position:relative;width:50%}.pds-branch-diff__segment--behind{text-align:right}.pds-branch-diff__segment--ahead{border-left:1px solid var(--pds-color-status-neutral-utility);text-align:left}.pds-branch-diff__number{display:block;font-size:.833rem;font-weight:400;height:1rem;line-height:120%;padding-block:.0625rem;padding-inline:.328rem;position:relative}.pds-branch-diff__line{height:.512rem;min-width:.0625rem;position:absolute;transition:width var(--pds-animation-transition-reveal-duration) var(--pds-animation-transition-default-timing-function);width:41.95%}.pds-branch-diff__line--behind{background-color:var(--pds-color-status-neutral-background);border-bottom-left-radius:var(--pds-border-radius-bar);border-top-left-radius:var(--pds-border-radius-bar);right:0}.pds-branch-diff__line--ahead{background-color:var(--pds-color-status-neutral-utility);border-bottom-right-radius:var(--pds-border-radius-bar);border-top-right-radius:var(--pds-border-radius-bar);left:0}.pds-branch-diff--loading .pds-branch-diff__segment--ahead{border-color:var(--pds-color-status-neutral-background)}.pds-branch-diff--loading .pds-branch-diff__line{background-color:var(--pulse-regular-base-color)}

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

@@ -0,0 +1 @@
+.pds-breadcrumb{color:var(--pds-color-text-default-secondary);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400}.pds-breadcrumb a{color:var(--pds-color-interactive-link-default);text-decoration:none;transition:all .2s ease-in-out 0s}.pds-breadcrumb a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-breadcrumb a:active{color:var(--pds-color-interactive-link-active);outline:none}.pds-breadcrumb a:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none;transition:outline .2s ease-in-out 0s}.pds-breadcrumb__crumbs{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;row-gap:.512rem}.pds-breadcrumb__crumb{align-items:center;display:flex}.pds-breadcrumb__crumb:not(:last-child):after{color:var(--pds-color-border-separator);content:"/";font-size:.694rem;margin-inline:.512rem}.pds-breadcrumb__crumb--current a{color:var(--pds-color-text-default-secondary)}

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

@@ -1 +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{display:block;text-align:center;width:100%}
+.pds-button-link a{white-space:nowrap}.pds-button-link a:hover{color:var(--pds-color-button-primary-foreground-hover);text-decoration:none}.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-nav.css

@@ -0,0 +1 @@
+.pds-button-nav__menu{display:inline-flex;gap:0;list-style:none;margin:0;padding:0}.pds-button-nav__item a{align-items:center;background-color:transparent;border:1px solid var(--pds-color-border-input);box-sizing:border-box;color:var(--pds-color-segmented-button-foreground-default);column-gap:.41rem;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;height:2.25rem;line-height:1;padding-inline:1.01563rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button-nav__item a:hover{background-color:var(--pds-color-segmented-button-background-hover);color:var(--pds-color-segmented-button-foreground-hover)}.pds-button-nav__item a:focus-visible{outline-offset:.0625rem}.pds-button-nav__item:first-child a{border-bottom-left-radius:.1875rem;border-top-left-radius:.1875rem}.pds-button-nav__item:last-child a{border-bottom-right-radius:.1875rem;border-top-right-radius:.1875rem}.pds-button-nav__item:not(:first-child) a{margin-left:-1px}.pds-button-nav__item--active{z-index:1}.pds-button-nav__item--active a{background-color:var(--pds-color-segmented-button-background-active);border:1px solid var(--pds-color-segmented-button-border-active);color:var(--pds-color-segmented-button-foreground-active);transition:all .2s ease-in-out 0s}.pds-button-nav--sm .pds-button-nav__item a{font-size:.833rem;height:2rem;padding-inline:.8125rem}.pds-button-nav--sm .pds-button-nav__item .pds-tally__label{font-size:.5625rem}

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

@@ -1,81 +1,45 @@
-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__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(
+a.pds-button,button.pds-button{--button-color-background:var(--pds-color-button-primary-background-default);--button-color-foreground:var(--pds-color-button-primary-foreground-default);--button-color-border:var(--pds-color-button-primary-border-default);align-items:center;background-color:var(--button-color-background);border:1px solid var(--button-color-border);border-radius:.1875rem;box-sizing:border-box;color:var(--button-color-foreground);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.64rem;height:2.25rem;justify-content:center;letter-spacing:.025em;line-height:1;max-height:2.25rem;padding:.625rem .8125rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button--full-width{width:100%}.pds-button__icon--wrapper{align-items:center;display:flex}.pds-button__icon{flex-shrink:0}.pds-button__loading-indicator{--spinner-size:1rem;--spinner-color-1:#fff;--spinner-color-2:#f1f1f1;--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{--button-color-background:var(--pds-color-button-primary-background-hover);--button-color-border:var(--pds-color-button-primary-border-hover);--button-color-foreground:var(--pds-color-button-primary-foreground-hover)}a.pds-button:active,button.pds-button:active:enabled{--button-color-background:var(--pds-color-button-primary-background-active);--button-color-border:var(--pds-color-button-primary-border-active);--button-color-foreground:var(--pds-color-button-primary-foreground-active)}a.pds-button:focus-visible,button.pds-button:focus-visible{outline:1px 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:2rem;max-height:2rem;padding:.5rem .625rem}a.pds-button.pds-button--sm .pds-button__loading-indicator,button.pds-button.pds-button--sm .pds-button__loading-indicator{--spinner-size:0.8rem}a.pds-button.pds-button--lg,button.pds-button.pds-button--lg{font-size:1.2rem;height:3rem;max-height:3rem;padding:.9375rem 1.25rem}a.pds-button.pds-button--lg .pds-button__loading-indicator,button.pds-button.pds-button--lg .pds-button__loading-indicator{--spinner-size:1.25rem}a.pds-button.pds-button--secondary,button.pds-button.pds-button--secondary{--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(
+	);--button-color-border:var(--pds-color-button-secondary-border-default);--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(
+	)}a.pds-button.pds-button--secondary .pds-button__loading-indicator,button.pds-button.pds-button--secondary .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--secondary:hover,button.pds-button.pds-button--secondary:hover:enabled{--button-color-background:var(--pds-color-button-secondary-background-hover);--button-color-border:var(--pds-color-button-secondary-border-hover);--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{--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(
+	);--button-color-border:var(--pds-color-button-secondary-border-active);--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:#fff1a9}.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(
+	)}a.pds-button.pds-button--subtle,button.pds-button.pds-button--subtle{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-default);font-weight:400;letter-spacing:0;padding:.64rem .25rem}a.pds-button.pds-button--subtle .pds-button__loading-indicator,button.pds-button.pds-button--subtle .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--subtle:hover,button.pds-button.pds-button--subtle:hover:enabled{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--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{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--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{--button-color-background:var(--pds-color-button-brand-background-default);--button-color-border:var(--pds-color-button-brand-border-default);--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{--spinner-color-1:#23232d;--spinner-color-2:#726009;--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{--button-color-background:var(--pds-color-button-brand-background-hover);--button-color-border:var(--pds-color-button-brand-border-hover);--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{--button-color-background:var(--pds-color-button-brand-background-active);--button-color-border:var(--pds-color-button-brand-border-active);--button-color-foreground:var(--pds-color-button-brand-foreground-active)}a.pds-button.pds-button--brand-secondary,button.pds-button.pds-button--brand-secondary{--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(
+	);--button-color-border:var(--pds-color-button-brand-secondary-border-default);--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(
+	)}a.pds-button.pds-button--brand-secondary .pds-button__loading-indicator,button.pds-button.pds-button--brand-secondary .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#6d6d78;--spinner-color-3:#cfcfd3}a.pds-button.pds-button--brand-secondary:hover,button.pds-button.pds-button--brand-secondary:hover:enabled{--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(
+	);--button-color-border:var(--pds-color-button-brand-secondary-border-hover);--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(
+	)}a.pds-button.pds-button--brand-secondary:active,button.pds-button.pds-button--brand-secondary:active:enabled{--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(
+	);--button-color-border:var(--pds-color-button-brand-secondary-border-active);--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(
+	)}a.pds-button.pds-button--critical,button.pds-button.pds-button--critical{--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(
+	);--button-color-border:var(--pds-color-button-critical-border-default);--button-color-foreground:var(
 		--pds-color-button-critical-foreground-default
-	)}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:600}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-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:hover:enabled{color:var(--pds-color-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}}
+	)}a.pds-button.pds-button--critical .pds-button__loading-indicator,button.pds-button.pds-button--critical .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-critical-foreground-default);--spinner-color-2:#f3c9c6;--spinner-color-3:#d46961}a.pds-button.pds-button--critical:hover,button.pds-button.pds-button--critical:hover:enabled{--button-color-background:var(--pds-color-button-critical-background-hover);--button-color-border:var(--pds-color-button-critical-border-hover);--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{--button-color-background:var(--pds-color-button-critical-background-active);--button-color-border:var(--pds-color-button-critical-border-active);--button-color-foreground:var(--pds-color-button-critical-foreground-active)}a.pds-button.pds-button--critical-secondary,button.pds-button.pds-button--critical-secondary{--button-color-background:var(
+		--pds-color-button-critical-secondary-background-default
+	);--button-color-border:var(
+		--pds-color-button-critical-secondary-border-default
+	);--button-color-foreground:var(
+		--pds-color-button-critical-secondary-foreground-default
+	)}a.pds-button.pds-button--critical-secondary .pds-button__loading-indicator,button.pds-button.pds-button--critical-secondary .pds-button__loading-indicator{--spinner-color-1:var(
+			--pds-color-button-critical-secondary-foreground-default
+		);--spinner-color-2:#d46961;--spinner-color-3:#f3c9c6}a.pds-button.pds-button--critical-secondary:hover,button.pds-button.pds-button--critical-secondary:hover:enabled{--button-color-background:var(
+		--pds-color-button-critical-secondary-background-hover
+	);--button-color-border:var(
+		--pds-color-button-critical-secondary-border-hover
+	);--button-color-foreground:var(
+		--pds-color-button-critical-secondary-foreground-hover
+	)}a.pds-button.pds-button--critical-secondary:active,button.pds-button.pds-button--critical-secondary:active:enabled{--button-color-background:var(
+		--pds-color-button-critical-secondary-background-active
+	);--button-color-border:var(
+		--pds-color-button-critical-secondary-border-active
+	);--button-color-foreground:var(
+		--pds-color-button-critical-secondary-foreground-active
+	)}a.pds-button.pds-button--navbar,button.pds-button.pds-button--navbar{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-default);font-weight:400;letter-spacing:0}a.pds-button.pds-button--navbar .pds-button__loading-indicator,button.pds-button.pds-button--navbar .pds-button__loading-indicator{--spinner-color-1:#525560;--spinner-color-2:#6a6e7a;--spinner-color-3:#cfcfd3}a.pds-button.pds-button--navbar:hover,button.pds-button.pds-button--navbar:hover:enabled{--button-color-background:transparent;--button-color-border:transparent;--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{--button-color-background:transparent;--button-color-border:transparent;--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;letter-spacing:0;max-height:unset;padding:0;transition:all .2s ease-in-out 0s}button.pds-button.pds-button--inline .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#6d6d78;--spinner-color-3:#cfcfd3}button.pds-button.pds-button--inline:hover:enabled{color:var(--pds-color-interactive-link-hover);text-decoration:underline}button.pds-button.pds-button--inline:focus-visible{outline:1px 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

@@ -1 +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)}
+.pds-callout{--callout--color:var(--pds-color-fg-default-secondary);border:1px solid var(--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(--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{--callout--color:var(--pds-color-status-info-foreground)}.pds-callout--earlyAccess,.pds-callout--success{--callout--color:var(--pds-color-status-success-foreground)}.pds-callout--warning{--callout--color:var(--pds-color-status-warning-foreground)}.pds-callout--critical{--callout--color:var(--pds-color-status-critical-foreground)}.pds-callout--discovery{--callout--color:var(--pds-color-status-discovery-foreground)}.pds-callout--code{--callout--color:var(--pds-color-brand-accent-default)}

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

@@ -0,0 +1 @@
+.pds-card-heading{color:var(--pds-color-fg-default);display:block;margin-block-end:1rem}

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

@@ -1 +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}
+.pds-card-select-group{border:none;color:var(--pds-color-fg-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-card-background);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-interactive-background-hover);cursor:pointer}.pds-card-select-group__option-icon{color:var(--pds-color-border-input)}.pds-card-select-group__option-icon--selected{color:var(--pds-color-status-success-foreground)}.pds-card-select-group__option-description{color:var(--pds-color-fg-default-secondary);font-size:1rem;font-weight:400;line-height:140%;margin-block-start:.328rem}