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

package/dist/components/{RefreshChecker/RefreshChecker.d.ts → StatusChecker/StatusChecker.d.ts}

@@ -1,17 +1,7 @@
 import { ComponentPropsWithoutRef } from 'react';
-import './refresh-checker.css';
-/**
- * Enum for RefreshChecker states
- */
-export declare enum RefreshCheckerState {
-    CHECKED = "checked",
-    DEFAULT = "default",
-    WORKING = "working"
-}
-/**
- * Prop types for RefreshChecker
- */
-interface RefreshCheckerProps extends ComponentPropsWithoutRef<'div'> {
+import './status-checker.css';
+export type StatusCheckerState = 'checked' | 'default' | 'working';
+export interface StatusCheckerProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Alignment of the component. Default is left.
      */
@@ -45,10 +35,6 @@ interface RefreshCheckerProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * State of the component
      */
-    state?: `${RefreshCheckerState}`;
+    state?: StatusCheckerState;
 }
-/**
- * RefreshChecker UI component
- */
-export declare const RefreshChecker: ({ alignment, className, componentWidth, labelStrings, lastChecked, onCheck, state, ...props }: RefreshCheckerProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const StatusChecker: ({ alignment, className, componentWidth, labelStrings, lastChecked, onCheck, state, ...props }: StatusCheckerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/MenuButton/MenuButton.d.ts

@@ -64,15 +64,9 @@ export interface MenuButtonProps extends ComponentPropsWithRef<'span'> {
      * Which variant of button to render — only valid for icon-end (default) display type.
      */
     variant?: Extract<ButtonVariant, 'primary' | 'secondary' | 'navbar'>;
-    /**
-     * Is this button located with the Navbar component?
-     * This will adjust the styling and position of the dropdown.
-     * Omit this prop for the Dashboard application. It only applies to the standard Navbar component with a bottom border.
-     */
-    withinNavbar?: boolean;
 }
 /**
  * MenuButton UI component
  */
-export declare const MenuButton: ({ className, disabled, displayType, iconName, id, isSplitButton, label, menuItems, menuPosition, onClick, size, testId, undefinedLabel, variant, withinNavbar, ...props }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuButton: ({ className, disabled, displayType, iconName, id, isSplitButton, label, menuItems, menuPosition, onClick, size, testId, undefinedLabel, variant, ...props }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/charts/shared/chart-colors.d.ts

@@ -7,7 +7,7 @@ import type { ColorPalette } from './types';
 export declare const toStandaloneColors: (palette: ColorPalette, colors: string[]) => string[];
 /**
  * Normalizes a paletteIndex for palettes that have fill-only steps.
- * Clamps fill-only step numbers (e.g. 1–3 on sequential-iris/gray) to the first safe step,
+ * Clamps fill-only step numbers (e.g. 1–2 on sequential-iris/multi) to the first safe step,
  * then adjusts for the slice offset so the number still maps correctly into the sliced array.
  * Non-restricted palettes pass through unchanged.
  */

package/dist/components/charts/shared/types.d.ts

@@ -44,7 +44,7 @@ export interface TimePeriodOption {
     /** Value identifier */
     value: string;
 }
-export type ColorPalette = 'categorical' | 'diverging' | 'sequential-gray' | 'sequential-iris' | 'sequential-multi' | 'single' | 'status';
+export type ColorPalette = 'categorical' | 'diverging-a' | 'diverging-b' | 'sequential-gray' | 'sequential-iris' | 'sequential-multi' | 'single' | 'status';
 export type LegendVariant = 'inline' | 'table';
 export interface TooltipEntry {
     /** Series bar/line color */

package/dist/components/icons/Icon/generated-icon-data.d.ts

@@ -3,7 +3,7 @@
  *
  * Generated by: npm run generate:icon-data
  * Source: icon-registry.ts + Font Awesome packages + custom-icons.tsx
- * Generated: 2026-05-01T00:32:35.841Z
+ * Generated: 2026-05-17T18:14:17.010Z
  */
 import { customIcons } from './custom-icons';
 export { customIcons };

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

@@ -27,7 +27,7 @@ export interface NavbarProps extends ComponentPropsWithoutRef<'header'> {
      */
     hideBorder?: boolean;
     /**
-     * Hide the logo if it will be provided elsewhere in the layout. The logo will still be rendered in the mobile view.
+     * Hide the logo on desktop. The logo is always shown in the mobile bar.
      */
     hideLogo?: boolean;
     /**

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

@@ -22,13 +22,9 @@ interface SiteMenuProps extends ComponentPropsWithoutRef<'nav'> {
      * Menu Items.
      */
     menuItems?: NavMenuItem[];
-    /**
-     *  Mobile menu will be enabled when viewport is at or below this number in pixels.
-     */
-    mobileMenuMaxWidth?: number;
 }
 /**
  * SiteMenu UI component
  */
-export declare const SiteMenu: ({ ariaLabel, className, colorType, menuItems, mobileMenuMaxWidth, ...props }: SiteMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SiteMenu: ({ ariaLabel, className, colorType, menuItems, ...props }: SiteMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/navigation/SiteMenu/SiteMenuDropdown.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { NavMenuItem } from '../../../libs/types/navigation-types';
 /**
- * Prop types for SiteMenu
+ * Prop types for SiteMenuDropdown
  */
 interface SiteMenuDropdownProps extends ComponentPropsWithoutRef<'button'> {
     /**
@@ -12,15 +12,12 @@ interface SiteMenuDropdownProps extends ComponentPropsWithoutRef<'button'> {
      * Menu label shown on the trigger button.
      */
     label?: string;
-    /**
-     * Viewport width (px) below which the mobile accordion style is used.
-     */
-    mobileMenuMaxWidth?: number;
 }
 /**
- * SiteMenu UI component — a disclosure-pattern navigation menu for websites.
- * Opens a panel of links on click or hover (desktop). Keyboard: Tab navigates
- * through links naturally; Escape closes the panel and returns focus to the trigger.
+ * SiteMenuDropdown — a sub-menu for SiteMenu items that have child links.
+ * Desktop: Floating UI dropdown (opens on hover or click).
+ * Mobile: NavAccordion inline expansion.
+ * Both are always in the DOM; CSS driven by [data-pds-mobile] shows the right one.
  */
-export declare const SiteMenuDropdown: ({ items, label, mobileMenuMaxWidth, }: SiteMenuDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SiteMenuDropdown: ({ items, label }: SiteMenuDropdownProps) => 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

@@ -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/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/css/component-css/pds-button-nav.css

@@ -1 +1 @@
-.pds-button-nav{--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-3xs);--button-nav-total-height:var(--pds-spacing-button-height-s);--button-nav-inner-height:calc(var(--button-nav-total-height) - var(--button-nav-padding)*2);--button-nav-option-padding-inline:var(--pds-spacing-s);--button-nav-text-size:var(--pds-typography-size-s);display:inline-block}.pds-button-nav__menu{align-items:center;background-color:var(--pds-color-segmented-button-background-inactive);gap:var(--button-nav-gap-inline);height:var(--button-nav-total-height);list-style:none;margin:0;padding:var(--button-nav-padding)}.pds-button-nav__item,.pds-button-nav__menu{border-radius:var(--pds-border-radius-button);display:flex}.pds-button-nav__item{height:var(--button-nav-inner-height);transition:var(--pds-animation-transition-button)}.pds-button-nav__item a{align-items:center;color:var(--pds-color-segmented-button-foreground-inactive);column-gap:var(--pds-spacing-3xs);display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-nav-text-size);font-weight:var(--pds-typography-fw-medium);line-height:1;padding-inline:var(--button-nav-option-padding-inline);text-decoration:none;white-space:nowrap}.pds-button-nav__item:hover{background-color:var(--pds-color-segmented-button-background-active)}.pds-button-nav__item:hover a{color:var(--pds-color-segmented-button-foreground-active)}.pds-button-nav__item a:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-button-nav__item--active{background-color:var(--pds-color-segmented-button-background-active)}.pds-button-nav__item--active a{color:var(--pds-color-segmented-button-foreground-active)}.pds-button-nav--s{--button-nav-total-height:var(--pds-spacing-button-height-s);--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-3xs);--button-nav-option-padding-inline:var(--pds-spacing-s);--button-nav-text-size:var(--pds-typography-size-s)}.pds-button-nav--m{--button-nav-total-height:var(--pds-spacing-button-height-m);--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-2xs);--button-nav-option-padding-inline:var(--pds-spacing-m);--button-nav-text-size:var(--pds-typography-size-m)}
+.pds-button-nav{--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-3xs);--button-nav-total-height:var(--pds-spacing-button-height-s);--button-nav-inner-height:calc(var(--button-nav-total-height) - var(--button-nav-padding)*2);--button-nav-option-padding-inline:var(--pds-spacing-s);--button-nav-text-size:var(--pds-typography-size-s);display:inline-block}.pds-button-nav__menu{align-items:center;background-color:var(--pds-color-segmented-button-background-inactive);gap:var(--button-nav-gap-inline);height:var(--button-nav-total-height);list-style:none;margin:0;padding:var(--button-nav-padding)}.pds-button-nav__item,.pds-button-nav__menu{border-radius:var(--pds-border-radius-button);display:flex}.pds-button-nav__item{height:var(--button-nav-inner-height);transition:var(--pds-animation-transition-button)}.pds-button-nav__item a{align-items:center;color:var(--pds-color-segmented-button-foreground-inactive);column-gap:var(--pds-spacing-3xs);display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-nav-text-size);font-weight:var(--pds-typography-fw-medium);line-height:1;padding-inline:var(--button-nav-option-padding-inline);text-decoration:none;white-space:nowrap}.pds-button-nav__item:hover{background-color:var(--pds-color-segmented-button-background-active)}.pds-button-nav__item:hover a{color:var(--pds-color-segmented-button-foreground-active)}.pds-button-nav__item a:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-button-nav__item--active{background-color:var(--pds-color-segmented-button-background-active)}.pds-button-nav__item--active a{color:var(--pds-color-segmented-button-foreground-active)}.pds-button-nav__mobile{display:none}[data-pds-mobile] .pds-button-nav__mobile{display:block}[data-pds-mobile] .pds-button-nav__menu{display:none}.pds-button-nav--s{--button-nav-total-height:var(--pds-spacing-button-height-s);--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-3xs);--button-nav-option-padding-inline:var(--pds-spacing-s);--button-nav-text-size:var(--pds-typography-size-s)}.pds-button-nav--m{--button-nav-total-height:var(--pds-spacing-button-height-m);--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-2xs);--button-nav-option-padding-inline:var(--pds-spacing-m);--button-nav-text-size:var(--pds-typography-size-m)}

package/dist/css/component-css/pds-dashboard-search.css

@@ -1 +1 @@
-.pds-dashboard-search{--dashboard-search-height:var(--pds-spacing-input-height-s);height:var(--dashboard-search-height);width:220px}@media (min-width:1280px){.pds-dashboard-search{width:340px}}@media (min-width:1440px){.pds-dashboard-search{width:380px}}.pds-dashboard-search__combobox{width:100%}.pds-dashboard-search--isMobile{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;min-height:var(--pds-spacing-4xl);position:relative;width:100vw}.pds-dashboard-search--isMobile .pds-dashboard-search__combobox{margin-inline:auto;width:calc(100% - var(--pds-spacing-l)*2)}.pds-dashboard-search--mobile-inner{padding-block:var(--pds-spacing-s)}
+.pds-dashboard-search{--dashboard-search-height:var(--pds-spacing-input-height-s);height:var(--dashboard-search-height);width:220px}@media (min-width:1280px){.pds-dashboard-search{width:340px}}@media (min-width:1440px){.pds-dashboard-search{width:380px}}.pds-dashboard-search__combobox{width:100%}.pds-dashboard-search__inner{height:100%}[data-pds-mobile] .pds-dashboard-search{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);height:auto;left:50%;margin-inline-start:-50vw;min-height:var(--pds-spacing-4xl);position:relative;width:100vw}[data-pds-mobile] .pds-dashboard-search__inner{padding-block:var(--pds-spacing-s)}[data-pds-mobile] .pds-dashboard-search__combobox{margin-inline:auto;width:calc(100% - var(--pds-spacing-l)*2)}

package/dist/css/component-css/pds-horizontal-empty-state.css

@@ -1 +1 @@
-.pds-horizontal-empty-state{color:var(--pds-color-text-default);display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-2xl);width:100%}.pds-horizontal-empty-state--top{align-items:flex-start}.pds-horizontal-empty-state--center{align-items:center}.pds-horizontal-empty-state__content{display:flex;flex-direction:column;row-gap:var(--pds-spacing-xl);width:60%}.pds-horizontal-empty-state__heading{margin-block-end:0}.pds-horizontal-empty-state__media{width:40%}.pds-horizontal-empty-state__image{height:auto;width:100%}.pds-horizontal-empty-state--panel .pds-horizontal-empty-state__content{width:72%}.pds-horizontal-empty-state--panel .pds-horizontal-empty-state__media{width:28%}.pds-horizontal-empty-state--video .pds-horizontal-empty-state__content,.pds-horizontal-empty-state--video .pds-horizontal-empty-state__media{width:50%}.pds-horizontal-empty-state--isMobile{flex-direction:column}.pds-horizontal-empty-state--isMobile .pds-horizontal-empty-state__content,.pds-horizontal-empty-state--isMobile .pds-horizontal-empty-state__media{width:100%}
+.pds-horizontal-empty-state{color:var(--pds-color-fg-default);display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-2xl);width:100%}.pds-horizontal-empty-state--top{align-items:flex-start}.pds-horizontal-empty-state--center{align-items:center}.pds-horizontal-empty-state__content{display:flex;flex-direction:column;row-gap:var(--pds-spacing-xl);width:60%}.pds-horizontal-empty-state__heading{margin-block-end:0}.pds-horizontal-empty-state__media{width:40%}.pds-horizontal-empty-state__image{height:auto;width:100%}.pds-horizontal-empty-state--panel .pds-horizontal-empty-state__content{width:72%}.pds-horizontal-empty-state--panel .pds-horizontal-empty-state__media{width:28%}.pds-horizontal-empty-state--video .pds-horizontal-empty-state__content,.pds-horizontal-empty-state--video .pds-horizontal-empty-state__media{width:50%}[data-pds-mobile] .pds-horizontal-empty-state{flex-direction:column}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__content,[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__media{width:100%}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__media--image{display:none}[data-pds-mobile] .pds-horizontal-empty-state .pds-horizontal-empty-state__media--video{order:-1}