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

package/dist/index.source.d.ts

@@ -67,8 +67,6 @@ export * from './components/media/VideoEmbed/VideoEmbed';
 export * from './components/Modal/Modal';
 export * from './components/navigation/Breadcrumb/Breadcrumb';
 export * from './components/navigation/ButtonNav/ButtonNav';
-export * from './components/navigation/DashboardNav/DashboardNav';
-export * from './components/navigation/DashboardNav/DashboardNavItem';
 export * from './components/navigation/DashboardSearch/DashboardSearch';
 export * from './components/navigation/DropdownMenu/DropdownMenu';
 export * from './components/navigation/Navbar/Navbar';
@@ -101,10 +99,10 @@ export * from './components/Popover/Popover';
 export * from './components/progress-indicators/ProgressBar/ProgressBar';
 export * from './components/progress-indicators/ProgressRing/ProgressRing';
 export * from './components/PullQuote/PullQuote';
-export * from './components/RefreshChecker/RefreshChecker';
 export * from './components/SiteDashboardHeading/SiteDashboardHeading';
 export * from './components/Skiplink/Skiplink';
 export * from './components/SocialLinks/SocialLinks';
+export * from './components/StatusChecker/StatusChecker';
 export * from './components/StatusIndicator/StatusIndicator';
 export * from './components/steppers/Stepper/Stepper';
 export * from './components/steppers/VerticalStepper/VerticalStepper';
@@ -119,21 +117,18 @@ export * from './components/tiles/TileGrid/TileGrid';
 export * from './components/Tooltip/Tooltip';
 export * from './libs/components/SiteOptionDisplay/SiteOptionDisplay';
 export * from './layouts/AppLayout/AppLayout';
-export * from './layouts/DashboardGlobal/DashboardGlobal';
-export * from './layouts/DashboardInner/DashboardInner';
 export * from './layouts/DocsLayout/DocsLayout';
-export * from './layouts/GlobalWrapper/GlobalWrapper';
 export * from './layouts/SidebarLayout/SidebarLayout';
 export * from './layouts/StepperLayout/StepperLayout';
 export * from './layouts/ThreeItemLayout/ThreeItemLayout';
 export * from './layouts/TwoItemLayout/TwoItemLayout';
 export * from './utilities/Container/Container';
 export * from './utilities/FlexContainer/FlexContainer';
+export * from './utilities/GlobalWrapper/GlobalWrapper';
 export * from './libs/types/custom-types';
 export * from './libs/types/input-types';
 export * from './libs/types/layout-types';
 export * from './libs/types/navigation-types';
-export * from './utilities/context-providers/ResponsiveContext/ResponsiveContext';
 export * from './utilities/hooks/useBreakpoint/useBreakpoint';
 export * from './utilities/hooks/useClipboard/useClipboard';
 export * from './utilities/hooks/useDropdown';

package/dist/layouts/DocsLayout/DocsLayout.d.ts

@@ -13,18 +13,20 @@ interface DocsLayoutProps extends ComponentPropsWithoutRef<'div'> {
      */
     className?: string;
     /**
-     * Minimum width of the sidebar when expanded in rems.
-     * This is also the min-width of the sidebar when it is not collapsable (hasSidebarToggle is false).
+     * Width of the sidebar as a percentage.
      */
-    sidebarMinWidth?: number;
+    sidebarWidth?: string;
     /**
-     * Width of the sidebar when expanded as a percentage.
-     * This is also the width of the sidebar when it is not collapsable (hasSidebarToggle is false).
+     * Maximum width of the sidebar in rems. Prevents the sidebar from growing too wide on large screens.
      */
-    sidebarWidth?: string;
+    sidebarWidthMax?: number;
+    /**
+     * Minimum width of the sidebar in rems. Ensures the sidebar remains usable on medium-sized screens.
+     */
+    sidebarWidthMin?: number;
 }
 /**
  * DocsLayout UI component
  */
-export declare const DocsLayout: ({ children, className, sidebarMinWidth, sidebarWidth, ...props }: DocsLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DocsLayout: ({ children, className, sidebarWidth, sidebarWidthMax, sidebarWidthMin, style, ...props }: DocsLayoutProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/layouts/SidebarLayout/SidebarLayout.d.ts

@@ -1,5 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { GridGapOptions } from '../../libs/types/layout-types';
+import './sidebar-layout.css';
 /**
  * Prop types for SidebarLayout
  */
@@ -26,12 +27,20 @@ interface SidebarLayoutProps extends ComponentPropsWithoutRef<'div'> {
      */
     sidebarMobileLocation?: 'before' | 'after';
     /**
-     * Sidebar width.
+     * Width of the sidebar as a percentage (e.g. `'33%'`).
      */
-    sidebarWidth?: 'narrow' | 'standard' | 'wide';
+    sidebarWidth?: string;
+    /**
+     * Maximum width of the sidebar in rems. Prevents the sidebar from growing too wide on large screens.
+     */
+    sidebarWidthMax?: number;
+    /**
+     * Minimum width of the sidebar in rems. Ensures the sidebar remains usable on medium-sized screens.
+     */
+    sidebarWidthMin?: number;
 }
 /**
  * SidebarLayout UI component
  */
-export declare const SidebarLayout: ({ children, className, gridGap, sidebarLocation, sidebarMobileLocation, sidebarWidth, ...props }: SidebarLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SidebarLayout: ({ children, className, gridGap, sidebarLocation, sidebarMobileLocation, sidebarWidth, sidebarWidthMax, sidebarWidthMin, ...props }: SidebarLayoutProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/libs/components/NavAccordion/NavAccordion.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import './nav-accordion.css';
+interface NavAccordionProps {
+    /**
+     * Expandable content shown when open.
+     */
+    children: ReactNode;
+    /**
+     * Additional class names.
+     */
+    className?: string;
+    /**
+     * Disables the toggle button.
+     */
+    disabled?: boolean;
+    /**
+     * Content of the toggle button — any ReactNode.
+     */
+    label: ReactNode;
+}
+/**
+ * Internal accordion component for the mobile navbar panel.
+ * Renders a toggle button with a rotating chevron and expandable content.
+ * Used by MenuButton, UserMenu, WorkspaceSelector, and NotificationsPopover.
+ */
+export declare const NavAccordion: ({ children, className, disabled, label, }: NavAccordionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/utilities/FlexContainer/FlexContainer.d.ts

@@ -68,5 +68,5 @@ interface FlexContainerProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * Flex Container UI component
  */
-export declare const FlexContainer: ({ alignContent, alignItems, children, className, flexDirection, flexWrap, gap, justifyContent, mobileAlignContent, mobileAlignItems, mobileFlexDirection, mobileFlexWrap, mobileGap, mobileJustifyContent, ...props }: FlexContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FlexContainer: ({ alignContent, alignItems, children, className, flexDirection, flexWrap, gap, justifyContent, mobileAlignContent, mobileAlignItems, mobileFlexDirection, mobileFlexWrap, mobileGap, mobileJustifyContent, style, ...props }: FlexContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/utilities/GlobalWrapper/GlobalWrapper.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+/**
+ * Prop types for GlobalWrapper
+ */
+interface GlobalWrapperProps {
+    /**
+     * Child components
+     */
+    children: ReactNode;
+    /**
+     * Maximum viewport width in pixels at which mobile nav mode is active.
+     * Sets the `data-pds-mobile` attribute on `:root` for CSS to react to.
+     * Defaults to 767 to align with `--pds-bp-s-only` (`max-width: 767px`).
+     */
+    mobileMaxWidth?: number;
+}
+/**
+ * GlobalWrapper wrapper component.
+ */
+export declare const GlobalWrapper: ({ children, mobileMaxWidth, }: GlobalWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "2.0.0-alpha.19",
+	"version": "2.0.0-alpha.20",
 	"description": "PDS toolkit built using the React framework",
 	"publishConfig": {
 		"access": "public",
@@ -95,61 +95,61 @@
 	},
 	"devDependencies": {
 		"@arethetypeswrong/cli": "^0.15.3",
-		"@axe-core/playwright": "^4.11.0",
-		"@babel/preset-env": "^7.21.5",
+		"@axe-core/playwright": "^4.11.3",
+		"@babel/preset-env": "^7.29.5",
 		"@babel/preset-react": "^7.18.6",
 		"@babel/preset-typescript": "^7.28.5",
 		"@csstools/postcss-design-tokens": "^2.0.4",
 		"@csstools/postcss-global-data": "^1.0.3",
-		"@playwright/test": "^1.36.2",
-		"@storybook/addon-a11y": "^10.3.0",
-		"@storybook/addon-docs": "^10.3.0",
-		"@storybook/addon-links": "^10.3.0",
-		"@storybook/addon-mcp": "^0.5.0",
-		"@storybook/addon-webpack5-compiler-swc": "^4.0.2",
-		"@storybook/react-vite": "^10.3.0",
-		"@storybook/react-webpack5": "^10.3.0",
-		"@types/prismjs": "^1.26.5",
-		"@types/react": "^19.2.2",
-		"@typescript-eslint/eslint-plugin": "^8.47.0",
-		"@typescript-eslint/parser": "^8.47.0",
+		"@playwright/test": "1.56.1",
+		"@storybook/addon-a11y": "^10.4.0",
+		"@storybook/addon-docs": "^10.4.0",
+		"@storybook/addon-links": "^10.4.0",
+		"@storybook/addon-mcp": "^0.6.0",
+		"@storybook/addon-webpack5-compiler-swc": "^4.0.3",
+		"@storybook/react-vite": "^10.4.0",
+		"@storybook/react-webpack5": "^10.4.0",
+		"@types/prismjs": "^1.26.6",
+		"@types/react": "^19.2.14",
+		"@typescript-eslint/eslint-plugin": "^8.59.3",
+		"@typescript-eslint/parser": "^8.59.3",
 		"@vitejs/plugin-react": "^4.3.0",
 		"@vueless/storybook-dark-mode": "^9.0.9",
 		"axe-html-reporter": "^2.2.3",
 		"chromatic": "^13.3.4",
 		"concurrently": "^8.0.1",
 		"cssnano": "^6.0.1",
-		"eslint": "^9.26.0",
+		"eslint": "^9.39.4",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-import-resolver-typescript": "^4.4.4",
 		"eslint-plugin-import": "^2.32.0",
-		"eslint-plugin-prettier": "^5.1.3",
+		"eslint-plugin-prettier": "^5.5.5",
 		"eslint-plugin-react": "^7.32.2",
 		"eslint-plugin-simple-import-sort": "^12.1.1",
 		"eslint-plugin-sort-destructure-keys": "^2.0.0",
-		"eslint-plugin-storybook": "^10.3.0",
+		"eslint-plugin-storybook": "^10.4.0",
 		"eslint-plugin-typescript-sort-keys": "^3.3.0",
 		"fast-glob": "^3.3.2",
 		"husky": "^8.0.3",
 		"lint-staged": "^13.2.3",
 		"pino-pretty": "^13.1.3",
 		"plop": "^3.1.2",
-		"postcss": "^8.4.38",
+		"postcss": "^8.5.14",
 		"postcss-cli": "^10.1.0",
 		"postcss-custom-media": "^9.1.3",
 		"postcss-import": "^15.1.0",
 		"postcss-insert": "^1.0.0",
-		"postcss-loader": "^8.1.1",
+		"postcss-loader": "^8.2.1",
 		"postcss-nested": "^6.0.1",
-		"prettier": "3.2.5",
-		"prettier-plugin-css-order": "^2.1.2",
+		"prettier": "^3.8.3",
+		"prettier-plugin-css-order": "^2.2.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-router-dom": "^6.13.0",
-		"storybook": "^10.3.0",
-		"tsc-alias": "^1.8.16",
+		"storybook": "^10.4.0",
+		"tsc-alias": "^1.8.17",
 		"typescript": "^5.4.5",
-		"vite": "^7.2.2",
+		"vite": "^7.3.3",
 		"vite-plugin-lib-inject-css": "^2.1.1",
 		"vite-tsconfig-paths": "^4.3.2"
 	},
@@ -160,12 +160,12 @@
 	"dependencies": {
 		"@floating-ui/react": "^0.24.3",
 		"@floating-ui/react-dom": "~1.3.0",
-		"@pantheon-systems/pds-design-tokens": "^2.0.0-alpha.37",
+		"@pantheon-systems/pds-design-tokens": "^2.0.0-alpha.38",
 		"@reactuses/core": "^5.0.15",
 		"date-fns": "^4.1.0",
-		"downshift": "^9.0.8",
-		"express": "^4.22.1",
-		"express-rate-limit": "^8.2.1",
+		"downshift": "^9.3.2",
+		"express": "^4.22.2",
+		"express-rate-limit": "^8.5.2",
 		"focus-trap-react": "^10.2.1",
 		"hash-sum": "^2.0.0",
 		"modern-normalize": "^3.0.1",
@@ -185,6 +185,12 @@
 		"@fortawesome/pro-regular-svg-icons": "^7.2.0",
 		"@fortawesome/pro-solid-svg-icons": "^7.2.0"
 	},
+	"overrides": {
+		"@babel/plugin-transform-modules-systemjs": "^7.29.4",
+		"fast-uri": "^3.1.2",
+		"hono": "^4.12.18",
+		"ip-address": "^10.1.1"
+	},
 	"lint-staged": {
 		"*": "prettier --write --ignore-unknown",
 		"src/**/*.{js,jsx,ts,tsx}": "npm run eslint -- --fix"

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

@@ -1,35 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { DashboardNavItemProps } from './DashboardNavItem';
-import './dashboard-nav.css';
-/**
- * Prop types for DashboardNav
- */
-export interface DashboardNavProps extends ComponentPropsWithoutRef<'nav'> {
-    /**
-     * Aria label for the navigation.
-     */
-    ariaLabel: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     * Labels for translatable strings.
-     */
-    labels?: {
-        submenu: string;
-        toggle: string;
-    };
-    /**
-     * Menu items to render.
-     */
-    menuItems: DashboardNavItemProps[];
-    /**
-     * Text to display in the mobile menu trigger button when no active link is found.
-     */
-    mobileMenuSelectTextFallback?: string;
-}
-/**
- * DashboardNav UI component
- */
-export declare const DashboardNav: ({ ariaLabel, className, labels, menuItems, mobileMenuSelectTextFallback, ...props }: DashboardNavProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/DashboardNav/DashboardNavItem.d.ts

@@ -1,24 +0,0 @@
-import { NavigationItem } from '../../../libs/types/navigation-types';
-import { PDSIcon } from '../../icons/Icon/Icon';
-import './dashboard-nav.css';
-export interface DashboardNavItemProps extends NavigationItem {
-    /**
-     * Icon to display next to the link content.
-     */
-    icon?: PDSIcon;
-    /**
-     * Flag indicating whether the sidebar is expanded.
-     */
-    isSidebarExpanded?: boolean;
-    /**
-     * Labels for translatable strings.
-     */
-    labels?: {
-        submenu: string;
-        toggle: string;
-    };
-}
-/**
- * DashboardNavItem UI component
- */
-export declare const DashboardNavItem: ({ icon, isActive, isSidebarExpanded, labels, linkContent, links, }: DashboardNavItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +0,0 @@
-.pds-dashboard-nav{--dashboard-nav-icon-width:var(--pds-spacing-xl);--dashboard-nav-space-after-icon:var(--pds-spacing-s);--dashboard-nav-foreground-color:var(
-		--pds-color-dashboard-nav-item-foreground-default
-	);--dashboard-nav-outline-color:var(--pds-color-interactive-focus);font-family:var(--pds-typography-ff-default)}.pds-dashboard-nav,.pds-dashboard-nav a{color:var(--dashboard-nav-foreground-color)}.pds-dashboard-nav a{text-decoration:none}.pds-dashboard-nav a:focus{box-shadow:none;outline:none}.pds-dashboard-nav a:hover{color:var(--dashboard-nav-foreground-color)}.pds-dashboard-nav a:focus-visible,.pds-dashboard-nav button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--dashboard-nav-outline-color);outline-offset:-1px}.pds-dashboard-nav .pds-icon{pointer-events:none}.pds-dashboard-nav__logo{box-sizing:content-box;margin-block-end:var(--pds-spacing-xl);margin-block-start:var(--pds-spacing-4xs);padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-dashboard-nav__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-dashboard-nav__menu.pds-dashboard-nav__menu--top-level{row-gap:var(--pds-spacing-m)}.pds-dashboard-nav__item{list-style-type:none;margin-bottom:0}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active .pds-dashboard-nav__item-wrapper{--dashboard-nav-foreground-color:var(
-			--pds-color-dashboard-nav-item-foreground-active
-		);--dashboard-nav-outline-color:var(--pds-color-brand-primary-default);background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper{align-items:center;border-radius:var(--pds-border-radius-container);display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-hover);transition:var(--pds-animation-transition-button)}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper a{border-radius:var(--pds-border-radius-container);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-inner,.pds-dashboard-nav__link-icon{align-items:center;display:flex}.pds-dashboard-nav__link-icon{flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--dashboard-nav-space-after-icon);width:var(--dashboard-nav-icon-width)}.pds-dashboard-nav__link-icon .pds-icon--house,.pds-dashboard-nav__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-dashboard-nav__menu--second-level{color:var(--pds-color-dashboard-nav-item-foreground-default);display:none;margin-block-start:var(--pds-spacing-s);padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon))}.pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:flex;row-gap:var(--pds-spacing-s)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level{font-size:var(--pds-typography-size-s)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-hover);font-weight:var(--pds-typography-fw-semibold)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-dashboard-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--dashboard-nav-foreground-color);cursor:pointer;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:flex-end;padding-inline:var(--pds-spacing-dashboard-nav-item-padding)}.pds-dashboard-nav__toggle .pds-icon{padding-inline:.125rem;transform:rotate(0deg);transition:var(--pds-animation-transition-rotation)}.pds-dashboard-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-dashboard-nav__link-label{opacity:1;transition:opacity .1s ease-in-out}.pds-dashboard-nav--collapsed .pds-dashboard-nav__logo svg{width:1.25rem}.pds-dashboard-nav--collapsed .pds-dashboard-nav__link-label{opacity:0;transition:opacity .1s ease-in-out}.pds-dashboard-nav--collapsed .pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:none}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--collapsed .pds-dashboard-nav__item-wrapper a{width:2.875rem}.pds-dashboard-nav__flyout{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:30rem;padding:var(--pds-spacing-s);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-dashboard-nav__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-dashboard-nav__menu--second-level-flyout{row-gap:0}.pds-dashboard-nav__item--second-level-flyout{background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);margin:0}.pds-dashboard-nav__item--second-level-flyout a{border-radius:var(--pds-border-radius-container);cursor:pointer;display:block;padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-dashboard-nav__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-dashboard-nav__item--second-level-flyout.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:var(--pds-typography-fw-semibold)}.pds-dashboard-nav__item--second-level-flyout a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-dashboard-nav .pds-tooltip__container{padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.pds-dashboard-nav .pds-dropdown-menu .pds-dashboard-nav__item-inner{align-items:center;display:flex}.pds-dashboard-nav .pds-dropdown-menu__trigger{padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) - .25rem)}.pds-dashboard-nav .pds-dropdown-menu__item a{padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav .pds-dropdown-menu__item--second-level{padding-block:var(--pds-spacing-3xs);padding-inline-start:calc(var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon) + .0625rem)}

package/dist/css/component-css/pds-refresh-checker.css

@@ -1 +0,0 @@
-.pds-refresh-checker{display:flex}.pds-refresh-checker__button{align-items:center;background-color:transparent;border:0;color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-xs);height:var(--pds-spacing-button-height-m)}.pds-refresh-checker__button:hover .pds-refresh-checker__icon,.pds-refresh-checker__button:hover .pds-refresh-checker__label{color:var(--pds-color-interactive-link-hover)}.pds-refresh-checker__button .pds-refresh-checker__icon{color:var(--pds-color-fg-default)}.pds-refresh-checker__button .pds-tooltip .pds-refresh-checker__tooltip-icon{align-items:center;display:flex}.pds-refresh-checker__button--spinning{cursor:not-allowed}.pds-refresh-checker__icon--spinning{animation:pds-refresh-checker__icon--spin 1s linear infinite}@keyframes pds-refresh-checker__icon--spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pds-refresh-checker--left{justify-content:flex-start}.pds-refresh-checker--left .pds-tooltip{padding-inline-end:var(--pds-spacing-4xs)}.pds-refresh-checker--right{justify-content:flex-end}.pds-refresh-checker--right .pds-tooltip{padding-inline-start:var(--pds-spacing-4xs)}

package/dist/css/layout-css/pds-dashboard-global.css

@@ -1,8 +0,0 @@
-.pds-dashboard-global{--dashboard-toggle-icon-size:1.5rem;--dashboard-toggle-trigger-size:3rem;--dashboard-toggle-top-position:5rem;--dashboard-navbar-inline-padding:var(--pds-spacing-2xl);display:flex;min-height:100vh;overflow:hidden;position:relative}@media (min-width:768px){.pds-dashboard-global .pds-workspace-selector{margin-inline-start:-1.25rem}}.pds-dashboard-global .pds-pantheon-logo:not(.pds-pantheon-logo--icon){width:10rem}.pds-dashboard-global--notMobile{background-color:var(--pds-color-dashboard-nav-background)}.pds-dashboard-global--notMobile .pds-dashboard-global__header{max-width:calc(var(--pds-container-dashboard-navbar-max-width) + var(--dashboard-navbar-inline-padding)*2)}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button{background-color:transparent;border:none;height:calc(100% - var(--dashboard-toggle-top-position));position:absolute;right:calc(var(--dashboard-toggle-trigger-size)*-.5);top:var(--dashboard-toggle-top-position);width:var(--dashboard-toggle-trigger-size);z-index:2}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button:focus-visible{outline:none}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button:focus-visible>.pds-dashboard-global__sidebar-toggle-icon{opacity:1;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button:hover>.pds-dashboard-global__sidebar-toggle-icon{opacity:1;transition:opacity .1s ease-in-out;transition-delay:.1s}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-dashboard-toggle-button-background);border:none;border-radius:50%;color:var(--pds-color-dashboard-toggle-button-foreground);display:flex;height:var(--dashboard-toggle-icon-size);justify-content:center;opacity:0;position:absolute;right:25%;top:2rem;transition:var(--pds-animation-transition-rotation);width:var(--dashboard-toggle-icon-size);z-index:2}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button[aria-expanded=false]
-		.pds-dashboard-global__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar{box-sizing:content-box;padding-block-end:var(--pds-spacing-m);padding-block-start:.75rem;padding-inline-end:var(--pds-spacing-xl);padding-inline-start:calc(var(--pds-spacing-xl) + var(--pds-spacing-dashboard-nav-item-padding));position:relative}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-inner{height:100%;margin-inline-start:-.75rem;overflow-x:hidden}.pds-dashboard-global--notMobile .pds-dashboard-global__right{display:flex;flex-direction:column}.pds-dashboard-global--notMobile .pds-navbar__inner{padding-inline-end:var(--pds-spacing-2xl)}.pds-dashboard-global--notMobile .pds-dashboard-global__inner{background-color:var(--pds-color-bg-default);border-top-left-radius:1.25rem;box-shadow:var(--pds-elevation-dashboard);display:flex;flex:1;flex-direction:column;position:relative}.pds-dashboard-global--notMobile .pds-dashboard-global__main{flex:1;padding-block:var(--pds-spacing-2xl);padding-inline:var(--pds-spacing-2xl) calc(var(--pds-spacing-2xl) + .25rem)}.pds-dashboard-global--notMobile .pds-site-footer .pds-container{padding-inline:var(--pds-spacing-2xl)}.pds-dashboard-global__sidebar--collapsed
-	.pds-dashboard-global__sidebar-toggle{opacity:1}.pds-dashboard-global--isMobile{display:flex;flex-direction:column}.pds-dashboard-global--isMobile .pds-dashboard-global__sidebar{padding-block:var(--pds-spacing-2xl);padding-inline:var(--pds-spacing-xl)}.pds-dashboard-global--isMobile .pds-dashboard-global__main{padding-block:var(--pds-spacing-s);padding-inline:var(--pds-spacing-xl)}.pds-dashboard-global--isMobile .pds-site-footer{padding-inline:var(--pds-spacing-3xs)}.pds-dashboard-global--isAdmin{--pds-color-dashboard-nav-background:var(
-		--pds-color-dashboard-nav-background-admin
-	)}.pds-dashboard-global--isAdmin .pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper:hover,.pds-dashboard-global--isAdmin button.pds-icon-button:hover:enabled{background-color:var(
-			--pds-color-dashboard-nav-item-background-hover-admin
-		)}.pds-dashboard-global--isAdmin .pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active
-		.pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-active)}

package/dist/css/layout-css/pds-dashboard-inner.css

@@ -1 +0,0 @@
-.pds-dashboard-inner{max-width:var(--pds-container-dashboard-navbar-max-width)}.pds-dashboard-inner__header{column-gap:var(--pds-spacing-2xl);display:flex;flex-wrap:wrap;justify-content:space-between;margin-block-end:var(--pds-spacing-xl);row-gap:var(--pds-spacing-xl)}.pds-dashboard-inner__content-wrapper{display:flex;flex-direction:column;row-gap:var(--pds-spacing-2xl);width:100%}.pds-dashboard-inner__content--with-spacing>:nth-last-child(2){margin-block-end:var(--pds-spacing-2xl)}

package/dist/layouts/DashboardGlobal/DashboardGlobal.d.ts

@@ -1,57 +0,0 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-export declare const DashboardContext: React.Context<any>;
-import './dashboard-global.css';
-/**
- * Prop types for DashboardGlobal
- */
-interface DashboardGlobalProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Child elements to be assigned to named slots.
-     */
-    children: ReactNode;
-    /**
-     * Additional class names. Will be merged with existing component root classes.
-     */
-    className?: string;
-    /**
-     * Whether to include a sidebar toggle button.
-     */
-    hasSidebarToggle?: boolean;
-    /**
-     * Is the dashboard in admin mode?
-     */
-    isAdmin?: boolean;
-    /**
-     * Is the sidebar expanded?
-     */
-    isSidebarExpanded?: boolean;
-    /**
-     * A fully-formed link element using the router of your choice. The link text will be used as the aria-label. If the logo should not be a link, set to `null`.
-     */
-    logoLinkContent?: ReactNode;
-    /**
-     * Function to set the sidebar expanded state.
-     */
-    setIsSidebarExpanded?: (isOpen: boolean) => void;
-    /**
-     * Width of the sidebar when collapsed in rems. This should not need to be modified.
-     */
-    sidebarCollapsedWidth?: number;
-    /**
-     * Width of the sidebar when expanded in rems. This should not need to be modified, unless slightly to accommodate longer top-level navigation items.
-     */
-    sidebarExpandedWidth?: number;
-    /**
-     * Translatable string for sidebar toggle button.
-     */
-    sidebarToggleLabel?: string;
-    /**
-     * Translatable string for skiplink.
-     */
-    skiplinkText?: string;
-}
-/**
- * DashboardGlobal UI component
- */
-export declare const DashboardGlobal: ({ children, className, hasSidebarToggle, isAdmin, isSidebarExpanded, logoLinkContent, setIsSidebarExpanded, sidebarCollapsedWidth, sidebarExpandedWidth, sidebarToggleLabel, skiplinkText, ...props }: DashboardGlobalProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/layouts/DashboardInner/DashboardInner.d.ts

@@ -1,30 +0,0 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import './dashboard-inner.css';
-/**
- * Prop types for DashboardInner
- */
-interface DashboardInnerProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Child elements. Main content can be passed without a slot attribute (unslotted).
-     * Optional named slots: `header-left`, `header-right`, `content` (for backwards compatibility).
-     */
-    children: ReactNode;
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     * Whether to apply bottom spacing to the second-to-last content child.
-     * This prop provides flexibility for different dashboard layouts:
-     * - When true: Adds consistent spacing between content sections while preventing
-     *   unnecessary spacing after the last element
-     * - When false: Removes all content spacing for layouts that require custom spacing
-     * @default false
-     */
-    hasContentSpacing?: boolean;
-}
-/**
- * DashboardInner UI component
- */
-export declare const DashboardInner: ({ children, className, hasContentSpacing, ...props }: DashboardInnerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/layouts/GlobalWrapper/GlobalWrapper.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * Prop types for GlobalWrapper
- */
-interface GlobalWrapperProps {
-    /**
-     * Child components
-     */
-    children: ReactNode;
-    /**
-     *  Mobile menu will be enabled when viewport is at or below this number in pixels.
-     */
-    mobileMenuMaxWidth?: number;
-}
-/**
- * GlobalWrapper wrapper component.
- */
-export declare const GlobalWrapper: ({ children, mobileMenuMaxWidth, }: GlobalWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/utilities/context-providers/ResponsiveContext/ResponsiveContext.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const ResponsiveContext: React.Context<any>;
-export declare const ResponsiveContextProvider: ({ children, mobileMenuMaxWidth, }: {
-    children: any;
-    mobileMenuMaxWidth?: number;
-}) => import("react/jsx-runtime").JSX.Element;