@pantheon-systems/pds-toolkit-react 2.0.0-alpha.71 → 2.0.0-alpha.72

package/dist/index.source.d.ts

@@ -97,6 +97,7 @@ export * from './components/SortableList/SortableList';
 export * from './components/SortableList/SortableListHeader';
 export * from './components/SortableList/SortableRow';
 export * from './components/SortableList/types';
+export * from './components/StatPanel/StatPanel';
 export * from './components/StatusChecker/StatusChecker';
 export * from './components/StatusIndicator/StatusIndicator';
 export * from './components/steppers/StepList/StepList';
@@ -113,6 +114,7 @@ export * from './libs/components/SiteOptionDisplay/SiteOptionDisplay';
 export * from './layouts/AppLayout/AppLayout';
 export * from './layouts/DocsLayout/DocsLayout';
 export * from './layouts/SidebarLayout/SidebarLayout';
+export * from './layouts/StatPanelGroup/StatPanelGroup';
 export * from './layouts/StepperLayout/StepperLayout';
 export * from './layouts/ThreeItemLayout/ThreeItemLayout';
 export * from './layouts/TwoItemLayout/TwoItemLayout';

package/dist/layouts/StatPanelGroup/StatPanelGroup.d.ts

@@ -0,0 +1,32 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './stat-panel-group.css';
+/**
+ * Prop types for StatPanelGroup
+ */
+export interface StatPanelGroupProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * StatPanel elements to arrange.
+     */
+    children: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
+    /**
+     * Maximum number of columns at the widest available width. Reflows down
+     * continuously below that as space shrinks — never below one column, and
+     * never above this ceiling regardless of how much room is available.
+     * Sized against the group's own width, not the viewport, so it reflows
+     * correctly even when the group sits in a narrower context, e.g. beside a
+     * sidebar.
+     */
+    maxColumns?: 2 | 3 | 4;
+}
+/**
+ * StatPanelGroup layout component — arranges StatPanels (or similar summary
+ * content) in a responsive row, reflowing continuously as the group's own
+ * available width changes. Exposes the set to assistive technology as a list
+ * (`role="list"`/`role="listitem"`) without requiring literal `ul`/`li`
+ * markup, since the panels aren't visually list-like.
+ */
+export declare const StatPanelGroup: ({ children, className, maxColumns, style, ...props }: StatPanelGroupProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "2.0.0-alpha.71",
+	"version": "2.0.0-alpha.72",
 	"description": "PDS toolkit built using the React framework",
 	"publishConfig": {
 		"access": "public",