@pantheon-systems/pds-toolkit-react 1.0.0-dev.267 → 1.0.0-dev.269

package/_dist/layouts/AppLayout/AppLayout.d.ts

@@ -1,4 +1,5 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ContainerWidth } from '@libs/types/custom-types';
 import './app-layout.css';
 /**
  * Prop types for AppLayout
@@ -8,6 +9,10 @@ interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
      * Children to render in the layout.
      */
     children: ReactNode;
+    /**
+     * PDS container width.
+     */
+    containerWidth?: ContainerWidth;
     /**
      * Is the sidebar able to be collapsed and expanded by the user?
      * If false or not provided, the sidebar will always be expanded.
@@ -25,6 +30,14 @@ interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
         collapseSidebar: string;
         expandSidebar: string;
     };
+    /**
+     * Element type for the main content area.
+     */
+    mainContentElement: 'div' | 'main';
+    /**
+     * Additional props for the main content element.
+     */
+    mainContentProps?: ComponentPropsWithoutRef<'div'> | ComponentPropsWithoutRef<'main'>;
     /**
      * Callback function to handle sidebar toggle.
      * If not provided, the sidebar will use an internal function to manage collapsed state.
@@ -44,6 +57,10 @@ interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
      * This is also the min-width of the sidebar when it is not collapsable (hasSidebarToggle is false).
      */
     sidebarExpandedWidthMin?: number;
+    /**
+     * Additional props for the sidebar `<div>` element.
+     */
+    sidebarProps?: ComponentPropsWithoutRef<'div'>;
     /**
      * Additional class names
      */
@@ -52,5 +69,5 @@ interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * AppLayout UI component
  */
-export declare const AppLayout: ({ children, hasSidebarToggle, isSidebarCollapsed, labels, onSidebarToggle, sidebarCollapsedWidth, sidebarExpandedWidth, sidebarExpandedWidthMin, className, ...props }: AppLayoutProps) => React.JSX.Element;
+export declare const AppLayout: ({ children, containerWidth, hasSidebarToggle, isSidebarCollapsed, labels, mainContentElement, mainContentProps, onSidebarToggle, sidebarCollapsedWidth, sidebarExpandedWidth, sidebarExpandedWidthMin, sidebarProps, className, ...props }: AppLayoutProps) => React.JSX.Element;
 export {};

package/_dist/libs/types/custom-types.d.ts

@@ -97,7 +97,7 @@ export type SeparatorItemType = {
      */
     isSeparator: boolean;
 };
-export type SitePlanLevel = 'basic' | 'performance-small' | 'performance-medium' | 'performance-large' | 'performance-xl' | 'elite';
+export type SitePlanLevel = 'sandbox' | 'basic' | 'performance-small' | 'performance-medium' | 'performance-large' | 'performance-xl' | 'elite';
 export declare const SitePlanLevelLabel: Record<SitePlanLevel, string>;
 export type SiteStatus = 'active' | 'frozen';
 export type SiteType = 'drupal' | 'wordpress' | 'gatsby' | 'nextjs';

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "1.0.0-dev.267",
+	"version": "1.0.0-dev.269",
 	"description": "PDS toolkit built using the React framework",
 	"repository": {
 		"type": "git",