@pantheon-systems/pds-toolkit-react 2.0.0-alpha.2 → 2.0.0-alpha.20

package/dist/components/navigation/TabMenu/TabMenu.d.ts

@@ -19,6 +19,7 @@ export interface TabMenuItemProps extends NavigationItem {
      */
     promoteActiveChildLink?: boolean;
 }
+export type TabMenuSize = 's' | 'm';
 /**
  * Prop types for TabMenu.
  */
@@ -35,9 +36,13 @@ export interface TabMenuProps extends ComponentPropsWithoutRef<'nav'> {
      * Menu items to render.
      */
     menuItems?: TabMenuItemProps[];
+    /**
+     * Size of the tab menu items.
+     */
+    size?: TabMenuSize;
 }
 /**
  * TabMenu UI component.
  */
-export declare const TabMenu: ({ ariaLabel, className, menuItems, ...props }: TabMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabMenu: ({ ariaLabel, className, menuItems, size, ...props }: TabMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/navigation/UserMenu/UserMenu.d.ts

@@ -58,12 +58,8 @@ export interface UserMenuProps extends ComponentPropsWithoutRef<'span'> {
      * User display name.
      */
     userName?: string;
-    /**
-     * If true, the workspace selector will be styled and rendered to work with the mobile version of the navbar menu. Defaults to true.
-     */
-    withinNavbar?: boolean;
 }
 /**
  * UserMenu UI component
  */
-export declare const UserMenu: ({ ariaLabel, className, menuItems, userEmail, userImageSrc, userName, withinNavbar, ...props }: UserMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UserMenu: ({ ariaLabel, className, menuItems, userEmail, userImageSrc, userName, ...props }: UserMenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,12 @@
 import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
+import { BadgeColor } from '../../badges/Badge/Badge';
+import '@components/Dropdown/dropdown.css';
 import './workspace-selector.css';
-declare const tierLabels: {
-    silver: string;
-    gold: string;
-    platinum: string;
-    diamond: string;
-};
-export type PlanTiers = keyof typeof tierLabels;
+declare const tierConfig: Record<string, {
+    color: BadgeColor;
+    label: string;
+}>;
+export type PlanTiers = keyof typeof tierConfig;
 export type WorkspaceSelectorItem = {
     /**
      * Name of the workspace.
@@ -87,10 +87,6 @@ export interface WorkspaceSelectorProps extends ComponentPropsWithoutRef<'span'>
      * Text to display when no results are found.
      */
     noResultsText?: string;
-    /**
-     * Is this component located in the top nav? Only applies when using the Navbar component from this toolkit. Defaults to true per design.
-     */
-    withinNavbar?: boolean;
     /**
      * List of all workspaces for a user.
      */
@@ -99,5 +95,5 @@ export interface WorkspaceSelectorProps extends ComponentPropsWithoutRef<'span'>
 /**
  * WorkspaceSelector UI component
  */
-export declare const WorkspaceSelector: ({ ariaLabel, className, createWorkspaceLink, filterLabel, filterPlaceholder, menuHeading, minFilterItems, noResultsText, withinNavbar, workspaceList, ...props }: WorkspaceSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkspaceSelector: ({ ariaLabel, className, createWorkspaceLink, filterLabel, filterPlaceholder, menuHeading, minFilterItems, noResultsText, workspaceList, ...props }: WorkspaceSelectorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,14 +1,34 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { StatusType } from '../../../libs/types/custom-types';
+import { DataContext, StatusType } from '../../../libs/types/custom-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './banner.css';
-type BannerType = Exclude<StatusType, 'success' | 'discovery'>;
-type Banner = {
+type BannerVariant = Exclude<StatusType, 'success'> | 'neutral';
+export interface BannerItemType {
+    /**
+     * Icon to display. Required for neutral type, ignored for other types.
+     */
+    iconName?: PDSIcon;
+    /**
+     * Unique identifier for the banner.
+     */
     id: string;
+    /**
+     * Whether the banner can be dismissed by the user.
+     */
     isDismissible?: boolean;
+    /**
+     * The message content of the banner.
+     */
     message: string | ReactNode;
+    /**
+     * Callback function called when the banner is dismissed.
+     */
     onDismiss?: () => void;
-    type?: BannerType;
-};
+    /**
+     * The type of banner, which determines icon and color.
+     */
+    type?: BannerVariant;
+}
 /**
  * Prop types for Banner
  */
@@ -16,11 +36,15 @@ export interface BannerProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Array of banner objects
      */
-    banners: Banner[];
+    banners: BannerItemType[];
     /**
      * Additional class names
      */
     className?: string;
+    /**
+     * Data context for sizing. Marketing context increases all sizes by one step.
+     */
+    dataContext?: DataContext;
     /**
      * Label for the dismiss button
      */
@@ -36,14 +60,10 @@ export interface BannerProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Type labels
      */
-    typeLabels?: {
-        critical: string;
-        info: string;
-        warning: string;
-    };
+    typeLabels?: Record<BannerVariant, string>;
 }
 /**
  * Banner UI component
  */
-export declare const Banner: ({ banners, className, dismissLabel, labelNext, labelPrevious, typeLabels, ...props }: BannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Banner: ({ banners, className, dataContext, dismissLabel, labelNext, labelPrevious, typeLabels, ...props }: BannerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/notifications/NotificationsPopover/NotificationsPopover.d.ts

@@ -101,18 +101,13 @@ export interface NotificationsPopoverProps extends ComponentPropsWithoutRef<'spa
     unreadLabel?: string;
     /**
      * Text for the "View All" button
-     * @default 'View all'
+     * @default 'View all notifications'
      */
     viewAllText?: string;
-    /**
-     * If true, the component will be styled and rendered to work with the mobile version of the navbar menu
-     * @default true
-     */
-    withinNavbar?: boolean;
 }
 /**
  * NotificationsPopover UI component
  *
  * Bell icon trigger that opens a popover showing recent notifications.
  */
-export declare const NotificationsPopover: ({ ariaLabel, autoCloseOnClick, className, emptyText, loadingText, maxVisibleItems, menuHeading, notifications, onNotificationClick, onViewAllClick, showLoading, unreadCount, unreadLabel, viewAllText, withinNavbar, ...props }: NotificationsPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationsPopover: ({ ariaLabel, autoCloseOnClick, className, emptyText, loadingText, maxVisibleItems, menuHeading, notifications, onNotificationClick, onViewAllClick, showLoading, unreadCount, unreadLabel, viewAllText, ...props }: NotificationsPopoverProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
-import { StatusType } from '../../../libs/types/custom-types';
+import { DataContext, StatusType } from '../../../libs/types/custom-types';
 import { Button } from '../../buttons/Button/Button';
 import './section-message.css';
 export type SectionMessageType = StatusType;
@@ -14,6 +14,10 @@ export interface SectionMessageProps extends ComponentPropsWithoutRef<'div'> {
      * Can include any Button props except for size and variant.
      */
     ctaButton?: ComponentPropsWithoutRef<typeof Button>;
+    /**
+     * Data context for sizing. Marketing context increases all sizes by one step.
+     */
+    dataContext?: DataContext;
     /**
      * Label for dismiss button. Provide a translation string if needed.
      */
@@ -50,5 +54,5 @@ export interface SectionMessageProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * SectionMessage UI component
  */
-export declare const SectionMessage: ({ className, ctaButton, dismissLabel, id, isDismissible, message, onDismiss, title, type, typeLabels, ...props }: SectionMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SectionMessage: ({ className, ctaButton, dataContext, dismissLabel, id, isDismissible, message, onDismiss, title, type, typeLabels, ...props }: SectionMessageProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,7 +2,7 @@ import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './toaster.css';
 declare const iconTypes: {
     readonly info: "circleInfo";
-    readonly success: "check";
+    readonly success: "circleCheck";
     readonly warning: "triangleExclamation";
     readonly critical: "diamondExclamation";
 };
@@ -18,6 +18,12 @@ declare const defaultTypeLabels: {
  * Prop types for Toast
  */
 interface ToastProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Duration in milliseconds before the toast auto-dismisses. When set, shows
+     * a progress bar and pause button. Populated automatically by useToast —
+     * consumers do not need to set this.
+     */
+    autoCloseDuration?: number;
     /**
      * Toast message content.
      */
@@ -30,6 +36,11 @@ interface ToastProps extends ComponentPropsWithoutRef<'div'> {
      * ID of individual toast.
      */
     id?: string;
+    /**
+     * React-Toastify toast ID, used to control the pause/resume timer.
+     * Populated automatically by useToast — consumers do not need to set this.
+     */
+    toastId?: string | number;
     /**
      * Type of toast to show.
      */
@@ -42,5 +53,5 @@ interface ToastProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * Toast UI component
  */
-export declare const Toast: ({ children, className, id, type, typeLabels, }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toast: ({ autoCloseDuration, children, className, id, toastId, type, typeLabels, }: ToastProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,18 +1,27 @@
-import { ComponentPropsWithoutRef } from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 import 'react-toastify/dist/ReactToastify.css';
 import './toaster.css';
+export declare const MIN_AUTO_CLOSE_DURATION = 30000;
+type PauseResumeLabels = {
+    pause: string;
+    resume: string;
+};
+export interface ToasterContextValue {
+    labelStrings: PauseResumeLabels;
+}
+export declare const ToasterContext: React.Context<ToasterContextValue>;
 /**
- * Prop types for Toast
+ * Prop types for Toaster
  */
 interface ToasterProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Duration in milliseconds before the toast will auto-close.
-     */
-    autoCloseDuration?: number;
     /**
      * Additional class names
      */
     className?: string;
+    /**
+     * Label strings for the pause and resume buttons. Provide translation strings if needed.
+     */
+    labelStrings?: PauseResumeLabels;
     /**
      * Maximum number of toasts that can be displayed at once.
      */
@@ -25,5 +34,5 @@ interface ToasterProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * Toaster UI component
  */
-export declare const Toaster: ({ autoCloseDuration, className, limit, position, }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toaster: ({ className, labelStrings, limit, position, }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,7 @@
 import { ReactElement } from 'react';
 import { cssTransition, toast as toastApi, ToastOptions } from 'react-toastify';
+import { MIN_AUTO_CLOSE_DURATION } from './Toaster';
+export { MIN_AUTO_CLOSE_DURATION };
 export declare enum ToastType {
     Critical = "critical",
     Info = "info",

package/dist/components/{Pagination → pagination/Pagination}/Pagination.d.ts

@@ -1,6 +1,7 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { HeadingLevelCommon } from '../../libs/types/custom-types';
+import { HeadingLevelCommon } from '../../../libs/types/custom-types';
 import './pagination.css';
+export type PaginationSize = 's' | 'm';
 /**
  * Prop types for Pagination
  */
@@ -43,6 +44,10 @@ export interface PaginationProps extends ComponentPropsWithoutRef<'nav'> {
      * For example: `onPageChange={(page) => setCurrentPage(page)}`
      */
     onPageChange?: (page: number) => void;
+    /**
+     * Size of the pagination items.
+     */
+    size?: PaginationSize;
     /**
      * Total number of items to paginate.
      */
@@ -51,4 +56,4 @@ export interface PaginationProps extends ComponentPropsWithoutRef<'nav'> {
 /**
  * Pagination UI component
  */
-export declare const Pagination: ({ bufferCount, className, currentPage, headingLevel, headingText, itemsPerPage, labelStrings, onPageChange, totalItemCount, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Pagination: ({ bufferCount, className, currentPage, headingLevel, headingText, itemsPerPage, labelStrings, onPageChange, size, totalItemCount, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/pagination/PaginationCompact/PaginationCompact.d.ts

@@ -0,0 +1,49 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { HeadingLevelCommon } from '../../../libs/types/custom-types';
+import './pagination-compact.css';
+/**
+ * Prop types for PaginationCompact
+ */
+export interface PaginationCompactProps extends ComponentPropsWithoutRef<'nav'> {
+    /**
+     * Additional class names.
+     */
+    className?: string;
+    /**
+     * Current page number.
+     */
+    currentPage: number;
+    /**
+     * Heading level. Defaults to `h2`.
+     */
+    headingLevel?: HeadingLevelCommon;
+    /**
+     * Heading text for the pagination component. Will only be accessible to screen readers.
+     */
+    headingText?: string;
+    /**
+     * Number of items per page.
+     */
+    itemsPerPage?: number;
+    /**
+     * Translatable label strings.
+     */
+    labelStrings?: {
+        next: string;
+        of: string;
+        pageSelect: string;
+        previous: string;
+    };
+    /**
+     * Callback to handle page change.
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Total number of items to paginate.
+     */
+    totalItemCount: number;
+}
+/**
+ * PaginationCompact UI component — page selector dropdown with previous/next controls.
+ */
+export declare const PaginationCompact: ({ className, currentPage, headingLevel, headingText, itemsPerPage, labelStrings, onPageChange, totalItemCount, ...props }: PaginationCompactProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/pagination/PaginationMini/PaginationMini.d.ts

@@ -0,0 +1,55 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { HeadingLevelCommon } from '../../../libs/types/custom-types';
+import './pagination-mini.css';
+/**
+ * Prop types for PaginationMini
+ */
+export interface PaginationMiniProps extends ComponentPropsWithoutRef<'nav'> {
+    /**
+     * Additional class names.
+     */
+    className?: string;
+    /**
+     * Current page number.
+     */
+    currentPage: number;
+    /**
+     * Heading level. Defaults to `h2`.
+     */
+    headingLevel?: HeadingLevelCommon;
+    /**
+     * Heading text for the pagination component. Will only be accessible to screen readers.
+     */
+    headingText?: string;
+    /**
+     * Number of items per page.
+     */
+    itemsPerPage?: number;
+    /**
+     * Translatable label strings.
+     */
+    labelStrings?: {
+        next: string;
+        previous: string;
+    };
+    /**
+     * Title of the next page. Displayed as the clickable label on the next button.
+     */
+    nextPage?: string;
+    /**
+     * Callback to handle page change.
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Title of the previous page. Displayed as the clickable label on the previous button.
+     */
+    previousPage?: string;
+    /**
+     * Total number of items to paginate.
+     */
+    totalItemCount: number;
+}
+/**
+ * PaginationMini UI component — previous/next navigation with page labels.
+ */
+export declare const PaginationMini: ({ className, currentPage, headingLevel, headingText, itemsPerPage, labelStrings, nextPage, onPageChange, previousPage, totalItemCount, ...props }: PaginationMiniProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/panels/ExpansionPanel/ExpansionPanel.d.ts

@@ -3,7 +3,7 @@ import './expansion-panel.css';
 /**
  * Prop types for ExpansionPanel
  */
-interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
+export interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * The content of the expansion panel.
      */
@@ -20,6 +20,10 @@ interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
      * Whether the expansion panel is open or not.
      */
     isOpen?: boolean;
+    /**
+     * Whether to show the border around the expansion panel.
+     */
+    showBorder?: boolean;
     /**
      * The summary label of the expansion panel.
      */
@@ -28,5 +32,4 @@ interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * ExpansionPanel UI component
  */
-export declare const ExpansionPanel: ({ children, className, id, isOpen, summary, ...props }: ExpansionPanelProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const ExpansionPanel: ({ children, className, id, isOpen, showBorder, summary, ...props }: ExpansionPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts

@@ -3,7 +3,7 @@ import './expansion-panel-group.css';
 /**
  * Prop types for ExpansionPanelGroup
  */
-interface ExpansionPanelGroupProps extends ComponentPropsWithoutRef<'div'> {
+export interface ExpansionPanelGroupProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * The content of the expansion panel group. This should be a series of ExpansionPanel components.
      */
@@ -21,4 +21,3 @@ interface ExpansionPanelGroupProps extends ComponentPropsWithoutRef<'div'> {
  * ExpansionPanelGroup UI component
  */
 export declare const ExpansionPanelGroup: ({ children, className, displayType, ...props }: ExpansionPanelGroupProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/panels/Panel/Panel.d.ts

@@ -1,9 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { StatusType } from '../../../libs/types/custom-types';
 import { GridGapOptions } from '../../../libs/types/layout-types';
 import './panel.css';
-export type PanelStatusType = Exclude<StatusType, 'discovery'> | 'neutral';
-type TypeLabels = Record<Exclude<StatusType, 'discovery'>, string>;
 export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Panel content.
@@ -13,23 +10,10 @@ export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
      * Additional class names
      */
     className?: string;
-    /**
-     * Should the panel show a status indicator.
-     */
-    hasStatusIndicator?: boolean;
     /**
      * Padding for the panel.
      */
     padding?: GridGapOptions;
-    /**
-     * Status type for panel. Only renders if `hasStatusIndicator` is true.
-     */
-    statusType?: PanelStatusType;
-    /**
-     * Status type labels for screen readers. Provide translation strings if needed.
-     * Set to empty string ('') to create a visual-only indicator.
-     */
-    typeLabels?: TypeLabels;
     /**
      * Which variant of panel to render
      */
@@ -38,5 +22,4 @@ export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * Panel UI component
  */
-export declare const Panel: ({ children, className, hasStatusIndicator, padding, statusType, typeLabels, variant, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const Panel: ({ children, className, padding, variant, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -24,7 +24,7 @@ export interface PanelListProps extends ComponentPropsWithoutRef<'ul'> {
     /**
      * Panel list size variants for block padding only.
      */
-    paddingSize?: '4xs' | '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+    paddingSize?: '2xs' | 'xs' | 's' | 'm' | 'l';
 }
 /**
  * PanelList UI component

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

@@ -1,11 +1,11 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { StatusType } from '../../../libs/types/custom-types';
 import './progress-bar.css';
-interface ProgressBarBreakpoint {
+export interface ProgressBarBreakpoint {
     colorType: Exclude<StatusType, 'discovery'> | 'neutral';
     percentage: number;
 }
-interface ProgressBarProps extends ComponentPropsWithoutRef<'div'> {
+export interface ProgressBarProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Additional class names
      */
@@ -45,10 +45,9 @@ interface ProgressBarProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Size of the progress bar.
      */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 's' | 'm' | 'l';
 }
 /**
  * ProgressBar UI component
  */
 export declare const ProgressBar: ({ className, colorBreakpoints, id, label, message, messagePosition, percentage, showLabel, showPercentage, size, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './progress-ring.css';
-interface ProgressRingProps extends ComponentPropsWithoutRef<'div'> {
+export interface ProgressRingProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Additional class names
      */
@@ -32,10 +32,9 @@ interface ProgressRingProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Size of the progress ring.
      */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 's' | 'm' | 'l';
 }
 /**
  * ProgressRing UI component
  */
 export declare const ProgressRing: ({ className, id, innerLabel, label, percentage, showLabel, showPercentage, size, ...props }: ProgressRingProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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{margin-block-end:var(--pds-spacing-m)}.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:var(--pds-typography-size-xl);font-weight:var(--pds-typography-fw-bold)}.pds-tile-list__title{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-start:var(--pds-spacing-2xs)}.pds-tile-list__org{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);margin-block-start:var(--pds-spacing-4xs)}.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:var(--pds-spacing-m)}.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:var(--pds-typography-size-xl);font-weight:var(--pds-typography-fw-bold)}.pds-tile-list__title{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-start:var(--pds-spacing-2xs)}.pds-tile-list__org{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);margin-block-start:var(--pds-spacing-4xs)}.pds-tile-list__item:focus-visible{outline-width:var(--pds-border-width-outline)}

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

@@ -1 +1 @@
-.pds-avatar{--avatar-size:var(--pds-spacing-2xl);--avatar-icon-size:1.125rem;align-items:center;border:var(--pds-border-width-default) 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:var(--pds-border-width-outline) solid var(--pds-color-interactive-link-hover);outline-offset:2px}.pds-avatar__content--link:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-avatar--image{border-color:var(--pds-color-border-default);height:var(--avatar-size);width:var(--avatar-size)}.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:var(--pds-spacing-m);--avatar-icon-size:0.5625rem}.pds-avatar--sm{--avatar-size:var(--pds-spacing-xl);--avatar-icon-size:0.875rem}.pds-avatar--md{--avatar-size:var(--pds-spacing-2xl);--avatar-icon-size:1.125rem}.pds-avatar--lg{--avatar-size:var(--pds-spacing-2xl);--avatar-icon-size:1.375rem}.pds-avatar--xl{--avatar-size:var(--pds-spacing-4xl);--avatar-icon-size:2.25rem}
+.pds-avatar{--avatar-size:1.5rem;--avatar-icon-size:0.875rem;align-items:center;display:inline-flex;justify-content:center;vertical-align:top}.pds-avatar,.pds-avatar__content{border-radius:100%;height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar__content{display:flex}.pds-avatar__content--link:hover{cursor:pointer;opacity:.8}.pds-avatar__content--link:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-avatar--image .pds-avatar__image{border-radius:100%;height:100%;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--square,.pds-avatar--square .pds-avatar__content,.pds-avatar--square .pds-avatar__image{border-radius:var(--pds-border-radius-default)}.pds-avatar--xs{--avatar-size:1rem;--avatar-icon-size:0.5625rem}.pds-avatar--m{--avatar-size:2rem;--avatar-icon-size:1.125rem}.pds-avatar--l{--avatar-size:2.5rem;--avatar-icon-size:1.375rem}

package/dist/css/component-css/pds-badge.css

@@ -0,0 +1 @@
+.pds-badge{--badge-bg:var(--pds-color-badge-gaia-background);--badge-fg:var(--pds-color-badge-gaia-foreground);align-items:center;background-color:var(--badge-bg);border-radius:var(--pds-border-radius-input);color:var(--badge-fg);display:inline-flex;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);height:var(--pds-spacing-button-height-s);line-height:normal;padding-inline:var(--pds-spacing-s);white-space:nowrap}.pds-badge--s{font-size:var(--pds-typography-size-xs);height:var(--pds-spacing-button-height-xs);padding-inline:var(--pds-spacing-xs)}.pds-badge--xs{font-size:.6875rem;height:var(--pds-spacing-l);padding-inline:var(--pds-spacing-3xs)}.pds-badge--aether{--badge-bg:var(--pds-color-badge-aether-background);--badge-fg:var(--pds-color-badge-aether-foreground)}.pds-badge--amber{--badge-bg:var(--pds-color-badge-amber-background);--badge-fg:var(--pds-color-badge-amber-foreground)}.pds-badge--apollo{--badge-bg:var(--pds-color-badge-apollo-background);--badge-fg:var(--pds-color-badge-apollo-foreground)}.pds-badge--critical{--badge-bg:var(--pds-color-badge-critical-background);--badge-fg:var(--pds-color-badge-critical-foreground)}.pds-badge--discovery{--badge-bg:var(--pds-color-badge-discovery-background);--badge-fg:var(--pds-color-badge-discovery-foreground)}.pds-badge--gaia{--badge-bg:var(--pds-color-badge-gaia-background);--badge-fg:var(--pds-color-badge-gaia-foreground)}.pds-badge--hypnos{--badge-bg:var(--pds-color-badge-hypnos-background);--badge-fg:var(--pds-color-badge-hypnos-foreground)}.pds-badge--indigo{--badge-bg:var(--pds-color-badge-indigo-background);--badge-fg:var(--pds-color-badge-indigo-foreground)}.pds-badge--info{--badge-bg:var(--pds-color-badge-info-background);--badge-fg:var(--pds-color-badge-info-foreground)}.pds-badge--iris{--badge-bg:var(--pds-color-badge-iris-background);--badge-fg:var(--pds-color-badge-iris-foreground)}.pds-badge--lime{--badge-bg:var(--pds-color-badge-lime-background);--badge-fg:var(--pds-color-badge-lime-foreground)}.pds-badge--mint{--badge-bg:var(--pds-color-badge-mint-background);--badge-fg:var(--pds-color-badge-mint-foreground)}.pds-badge--orange{--badge-bg:var(--pds-color-badge-orange-background);--badge-fg:var(--pds-color-badge-orange-foreground)}.pds-badge--rose{--badge-bg:var(--pds-color-badge-rose-background);--badge-fg:var(--pds-color-badge-rose-foreground)}.pds-badge--sand{--badge-bg:var(--pds-color-badge-sand-background);--badge-fg:var(--pds-color-badge-sand-foreground)}.pds-badge--silver{--badge-bg:var(--pds-color-badge-silver-background);--badge-fg:var(--pds-color-badge-silver-foreground)}.pds-badge--sky{--badge-bg:var(--pds-color-badge-sky-background);--badge-fg:var(--pds-color-badge-sky-foreground)}.pds-badge--slate{--badge-bg:var(--pds-color-badge-slate-background);--badge-fg:var(--pds-color-badge-slate-foreground)}.pds-badge--stone{--badge-bg:var(--pds-color-badge-stone-background);--badge-fg:var(--pds-color-badge-stone-foreground)}.pds-badge--success{--badge-bg:var(--pds-color-badge-success-background);--badge-fg:var(--pds-color-badge-success-foreground)}.pds-badge--teal{--badge-bg:var(--pds-color-badge-teal-background);--badge-fg:var(--pds-color-badge-teal-foreground)}.pds-badge--warning{--badge-bg:var(--pds-color-badge-warning-background);--badge-fg:var(--pds-color-badge-warning-foreground)}.pds-badge--aether-secondary{--badge-bg:var(--pds-color-badge-aether-secondary-background);--badge-fg:var(--pds-color-badge-aether-secondary-foreground)}.pds-badge--amber-secondary{--badge-bg:var(--pds-color-badge-amber-secondary-background);--badge-fg:var(--pds-color-badge-amber-secondary-foreground)}.pds-badge--apollo-secondary{--badge-bg:var(--pds-color-badge-apollo-secondary-background);--badge-fg:var(--pds-color-badge-apollo-secondary-foreground)}.pds-badge--critical-secondary{--badge-bg:var(--pds-color-badge-critical-secondary-background);--badge-fg:var(--pds-color-badge-critical-secondary-foreground)}.pds-badge--discovery-secondary{--badge-bg:var(--pds-color-badge-discovery-secondary-background);--badge-fg:var(--pds-color-badge-discovery-secondary-foreground)}.pds-badge--gaia-secondary{--badge-bg:var(--pds-color-badge-gaia-secondary-background);--badge-fg:var(--pds-color-badge-gaia-secondary-foreground)}.pds-badge--hypnos-secondary{--badge-bg:var(--pds-color-badge-hypnos-secondary-background);--badge-fg:var(--pds-color-badge-hypnos-secondary-foreground)}.pds-badge--indigo-secondary{--badge-bg:var(--pds-color-badge-indigo-secondary-background);--badge-fg:var(--pds-color-badge-indigo-secondary-foreground)}.pds-badge--info-secondary{--badge-bg:var(--pds-color-badge-info-secondary-background);--badge-fg:var(--pds-color-badge-info-secondary-foreground)}.pds-badge--iris-secondary{--badge-bg:var(--pds-color-badge-iris-secondary-background);--badge-fg:var(--pds-color-badge-iris-secondary-foreground)}.pds-badge--lime-secondary{--badge-bg:var(--pds-color-badge-lime-secondary-background);--badge-fg:var(--pds-color-badge-lime-secondary-foreground)}.pds-badge--mint-secondary{--badge-bg:var(--pds-color-badge-mint-secondary-background);--badge-fg:var(--pds-color-badge-mint-secondary-foreground)}.pds-badge--orange-secondary{--badge-bg:var(--pds-color-badge-orange-secondary-background);--badge-fg:var(--pds-color-badge-orange-secondary-foreground)}.pds-badge--rose-secondary{--badge-bg:var(--pds-color-badge-rose-secondary-background);--badge-fg:var(--pds-color-badge-rose-secondary-foreground)}.pds-badge--sand-secondary{--badge-bg:var(--pds-color-badge-sand-secondary-background);--badge-fg:var(--pds-color-badge-sand-secondary-foreground)}.pds-badge--silver-secondary{--badge-bg:var(--pds-color-badge-silver-secondary-background);--badge-fg:var(--pds-color-badge-silver-secondary-foreground)}.pds-badge--sky-secondary{--badge-bg:var(--pds-color-badge-sky-secondary-background);--badge-fg:var(--pds-color-badge-sky-secondary-foreground)}.pds-badge--slate-secondary{--badge-bg:var(--pds-color-badge-slate-secondary-background);--badge-fg:var(--pds-color-badge-slate-secondary-foreground)}.pds-badge--stone-secondary{--badge-bg:var(--pds-color-badge-stone-secondary-background);--badge-fg:var(--pds-color-badge-stone-secondary-foreground)}.pds-badge--success-secondary{--badge-bg:var(--pds-color-badge-success-secondary-background);--badge-fg:var(--pds-color-badge-success-secondary-foreground)}.pds-badge--teal-secondary{--badge-bg:var(--pds-color-badge-teal-secondary-background);--badge-fg:var(--pds-color-badge-teal-secondary-foreground)}.pds-badge--warning-secondary{--badge-bg:var(--pds-color-badge-warning-secondary-background);--badge-fg:var(--pds-color-badge-warning-secondary-foreground)}.pds-badge--feature{background:var(--pds-gradient-badge-feature);color:var(--pds-color-badge-feature-foreground)}

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

@@ -1 +1 @@
-.pds-banner-group{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-foreground);--banner-height:var(--pds-spacing-5xl);--nav-button-size:var(--pds-spacing-2xl);min-height:var(--banner-height);position:relative}@media (min-width:768px){.pds-banner-group{--banner-height:var(--pds-spacing-4xl)}}.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);color:var(--banner-foreground);font-size:var(--pds-typography-size-s);height:var(--banner-height);justify-content:space-between;padding-inline:var(--pds-spacing-2xl);position:absolute;width:100%}.pds-banner,.pds-banner__content{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-banner__icon{flex-grow:0;flex-shrink:0}.pds-banner__message p{all:unset}.pds-banner__message a{color:var(--banner-foreground);padding:var(--pds-spacing-4xs);text-decoration:underline}.pds-banner__message a:hover{background-color:hsla(0,0%,100%,.2);color:var(--banner-foreground);text-decoration:none;transition:var(--pds-animation-transition-button)}.pds-banner__message a:focus-visible{outline:var(--pds-border-width-default) solid var(--banner-foreground);outline-offset:0}.pds-banner__dismiss-button{all:unset;border-radius:var(--pds-border-radius-default);cursor:pointer;padding:var(--pds-spacing-3xs) var(--pds-spacing-xs);transition:var(--pds-animation-transition-button)}.pds-banner__dismiss-button:hover{background-color:hsla(0,0%,100%,.2)}.pds-banner__dismiss-button:focus-visible{outline:var(--pds-border-width-default) solid var(--banner-foreground);outline-offset:0}.pds-banner-group--multiple .pds-banner{padding-inline:var(--pds-spacing-3xl)}.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:calc(var(--pds-spacing-l) + .125rem);margin-inline:var(--pds-spacing-xs);min-width:unset;padding:0;transition:var(--pds-animation-transition-button);width:var(--nav-button-size);z-index:calc(var(--pds-z-index-notifications) + 10)}@media (min-width:768px){button.pds-banner__nav-button{margin-block:calc(var(--pds-spacing-m) - .0625rem)}}button.pds-banner__nav-button:hover:enabled{background-color:hsla(0,0%,100%,.2)}button.pds-banner__nav-button:focus-visible{outline:var(--pds-border-width-default) 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}}
+.pds-banner-group{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-foreground);--banner-height:3.25rem;--nav-button-size:var(--pds-spacing-2xl);min-height:var(--banner-height);position:relative}@media (max-width:767px){.pds-banner-group{--banner-height:4rem}}.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--discovery,.pds-banner-group--discovery{--banner-background:var(--pds-color-banner-discovery-background);--banner-foreground:var(--pds-color-banner-discovery-foreground)}.pds-banner--neutral,.pds-banner-group--neutral{--banner-background:var(--pds-color-banner-neutral-background);--banner-foreground:var(--pds-color-banner-neutral-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);color:var(--banner-foreground);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);height:var(--banner-height);padding-inline:var(--pds-spacing-2xl);position:absolute;width:100%}.pds-banner,.pds-banner__content{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-banner__content{flex:1;justify-content:center}.pds-banner__icon{flex-grow:0;flex-shrink:0}.pds-banner__message p{all:unset}.pds-banner__message a{color:var(--banner-foreground);padding:var(--pds-spacing-4xs);text-decoration:underline}.pds-banner__message a:hover{background-color:hsla(0,0%,100%,.15);border-radius:var(--pds-border-radius-default);color:var(--banner-foreground);text-decoration:none;transition:var(--pds-animation-transition-button)}.pds-banner__message a:focus-visible{outline:var(--pds-border-width-outline) solid var(--banner-foreground);outline-offset:0}.pds-banner__dismiss-button{all:unset;border-radius:var(--pds-border-radius-default);cursor:pointer;flex-shrink:0;font-size:var(--pds-typography-size-xs);margin-inline-start:auto;padding:var(--pds-spacing-4xs) var(--pds-spacing-2xs);transition:var(--pds-animation-transition-button)}.pds-banner__dismiss-button:hover{background-color:hsla(0,0%,100%,.15)}.pds-banner__dismiss-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--banner-foreground);outline-offset:0}.pds-banner-group--multiple .pds-banner{padding-inline:var(--pds-spacing-3xl)}.pds-banner-group--multiple .pds-banner__dismiss-button{margin-inline-end:var(--pds-spacing-3xs)}.pds-banner__navigation{align-items:center;display:flex;height:var(--banner-height);justify-content:space-between;width:100%}button.pds-banner__nav-button{border-color:transparent;color:var(--banner-foreground);height:var(--nav-button-size);margin-inline:var(--pds-spacing-xs);min-width:unset;padding:0;transition:var(--pds-animation-transition-button);width:var(--nav-button-size);z-index:calc(var(--pds-z-index-notifications) + 10)}button.pds-banner__nav-button:hover:enabled{background-color:hsla(0,0%,100%,.2);border-color:transparent;color:var(--banner-foreground)}button.pds-banner__nav-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--banner-foreground);outline-offset:0}.pds-banner-group[data-context=marketing]{--banner-height:3.75rem}@media (max-width:767px){.pds-banner-group[data-context=marketing]{--banner-height:4.5rem}}.pds-banner-group[data-context=marketing] .pds-banner{font-size:var(--pds-typography-size-m);gap:var(--pds-spacing-m)}.pds-banner-group[data-context=marketing] .pds-banner__content{gap:var(--pds-spacing-m)}.pds-banner-group[data-context=marketing] .pds-banner__dismiss-button{font-size:var(--pds-typography-size-s);margin-inline-end:var(--pds-spacing-xs)}.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-bar-chart.css

@@ -0,0 +1 @@
+.pds-bar-chart{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-bar-chart__header{align-items:center;display:flex;justify-content:flex-end;margin-block-end:var(--pds-spacing-m)}.pds-bar-chart--empty,.pds-bar-chart--loading{align-items:center;display:flex;justify-content:center}

package/dist/css/component-css/pds-branch-diff.css

@@ -1 +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:var(--pds-spacing-2xl)}.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:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);height:var(--pds-spacing-m);line-height:var(--pds-typography-lh-s);padding-block:.0625rem;padding-inline:var(--pds-spacing-3xs);position:relative}.pds-branch-diff__line{height:var(--pds-spacing-xs);min-width:.0625rem;position:absolute;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);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)}
+.pds-branch-diff{height:var(--pds-spacing-2xl)}.pds-branch-diff .pds-tooltip,.pds-branch-diff .pds-tooltip__trigger-custom{width:100%}.pds-branch-diff__content{display:flex;height:var(--pds-spacing-2xl)}.pds-branch-diff__segment{position:relative;width:50%}.pds-branch-diff__segment--behind{text-align:right}.pds-branch-diff__segment--ahead{border-inline-start:var(--pds-border-width-default) solid var(--pds-color-status-neutral-indicator);text-align:left}.pds-branch-diff__number{display:block;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);height:var(--pds-spacing-m);line-height:var(--pds-typography-lh-s);padding-block:.0625rem;padding-inline:var(--pds-spacing-3xs);position:relative}.pds-branch-diff__line{height:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-4xs);min-width:.0625rem;position:absolute;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);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-indicator);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

@@ -1 +1 @@
-.pds-breadcrumb{color:var(--pds-color-text-default-secondary);font-family:var(--pds-typography-ff-sans);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-breadcrumb a{color:var(--pds-color-interactive-link-default);text-decoration:none;transition:var(--pds-animation-transition-link)}.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:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none;transition:var(--pds-animation-transition-focus)}.pds-breadcrumb__crumbs{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-xs)}.pds-breadcrumb__crumb{align-items:center;display:flex}.pds-breadcrumb__crumb:not(:last-child):after{color:var(--pds-color-border-separator);content:"/";font-size:var(--pds-typography-size-xs);margin-inline:var(--pds-spacing-xs)}.pds-breadcrumb__crumb--current a{color:var(--pds-color-text-default-secondary)}
+.pds-breadcrumb{color:var(--pds-color-fg-default-secondary);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-breadcrumb a{color:var(--pds-color-interactive-link-default);text-decoration:none;transition:var(--pds-animation-transition-link)}.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:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none;transition:var(--pds-animation-transition-focus)}.pds-breadcrumb__crumbs{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-xs)}.pds-breadcrumb__crumb{align-items:center;display:flex}.pds-breadcrumb__crumb:not(:last-child):after{color:var(--pds-color-border-separator);content:"/";font-size:var(--pds-typography-size-xs);margin-inline:var(--pds-spacing-2xs)}.pds-breadcrumb__crumb--current a{color:var(--pds-color-fg-default-secondary)}