@pantheon-systems/pds-toolkit-react 2.0.0-alpha.3 → 2.0.0-alpha.4

package/README.md

@@ -8,11 +8,11 @@ This toolkit provides assets for use within a React project and a Storybook inst
 
 ## Toolkit philosophy and scope
 
-The intent of this toolkit is to provide a React-based implementation of the Pantheon Design System (PDS) with a focus on semantics, accessibility, visual design, and user-interface design.
+The toolkit provides a React implementation of the Pantheon Design System (PDS) focused on semantics, accessibility, visual design, and user-interface design.
 
-This toolkit should not contain processes or mechanisms used for data manipulation, business logic, or similar. Therefore, processes such as form handling, routing, and language translation should be handled within the application that is consuming the toolkit.
+The toolkit does not include data manipulation, business logic, form handling, routing, or language translation. These concerns are handled by the consuming application.
 
-Each component will contain a documentation page within Storybook that provides usage notes, implementation instructions, and expected data structure for that particular component.
+Each component has a documentation page within Storybook that provides usage notes, implementation instructions, and expected data structure.
 
 ### Content within components
 

package/dist/components/ComparisonList/ComparisonList.d.ts

@@ -30,6 +30,10 @@ export interface ComparisonListProps extends ComponentPropsWithoutRef<'div'> {
      * Render the icon labels for screen readers.
      */
     renderTypeLabels?: boolean;
+    /**
+     * Whether to show the border on list items.
+     */
+    showBorder?: boolean;
     /**
      * Icon labels
      */
@@ -38,5 +42,5 @@ export interface ComparisonListProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * ComparisonList UI component
  */
-export declare const ComparisonList: ({ className, listItems, listLabel, moreLink, renderTypeLabels, typeLabels, ...props }: ComparisonListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComparisonList: ({ className, listItems, listLabel, moreLink, renderTypeLabels, showBorder, typeLabels, ...props }: ComparisonListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts

@@ -36,7 +36,7 @@ export interface SiteDashboardHeadingProps extends ComponentPropsWithoutRef<'div
     /**
      * Site plan level.
      */
-    sitePlanLevel?: SitePlanLevel;
+    sitePlanLevel?: SitePlanLevel | string;
     /**
      * Site type.
      */

package/dist/components/Table/Table.d.ts

@@ -13,7 +13,7 @@ interface TableProps extends ComponentPropsWithoutRef<'table'> {
      */
     headers?: Array<{
         sortable?: boolean;
-        title: string;
+        title: ReactNode;
     }>;
     /**
      * Table row data - array of rows, where each row is an array of cell values

package/dist/components/badges/IndicatorBadge/IndicatorBadge.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './indicator-badge.css';
 /**
  * IndicatorBadge component props
@@ -11,11 +11,11 @@ export interface IndicatorBadgeProps extends ComponentPropsWithoutRef<'span'> {
     /**
      * Badge color
      */
-    color: 'critical' | 'info' | 'success' | 'warning' | 'neutral' | 'brand' | 'silver' | 'gold' | 'platinum' | 'diamond' | 'default';
+    color: 'ai' | 'critical' | 'info' | 'success' | 'warning' | 'neutral' | 'brand' | 'silver' | 'gold' | 'platinum' | 'diamond' | 'default';
     /**
-     * Badge text.
+     * Badge text or content.
      */
-    label: string;
+    label: ReactNode;
     /**
      * Badge size
      */