@pantheon-systems/pds-toolkit-react 1.0.0-dev.232 → 1.0.0-dev.234

package/_dist/layouts/DocsLayout/DocsLayout.d.ts

@@ -0,0 +1,20 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './docs-layout.css';
+/**
+ * Prop types for DocsLayout
+ */
+interface DocsLayoutProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children to render in the layout.
+     */
+    children: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * DocsLayout UI component
+ */
+export declare const DocsLayout: ({ children, className, ...props }: DocsLayoutProps) => React.JSX.Element;
+export {};

package/_dist/layouts/FlexContainer/FlexContainer.d.ts

@@ -6,7 +6,7 @@ type FlexAlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseli
 type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
 type FlexJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
 type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
-type FlexGapOptions = GridGapOptions | 'none';
+type FlexGapOptions = GridGapOptions | 'minimal' | 'none';
 interface FlexContainerProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Aligns content when there is extra space in the cross-axis.

package/_dist/layouts/SidebarLayout/SidebarLayout.d.ts

@@ -5,7 +5,7 @@ import { GridGapOptions } from '@layouts/layout-types';
  */
 interface SidebarLayoutProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * Children to render in the layout.
+     * Children to render in the layout. All children must be assigned to a named slot — either 'sidebar' or 'content'.
      */
     children: ReactNode;
     /**

package/_dist/layouts/layout-types.d.ts

@@ -1,2 +1,2 @@
-export type GridGapOptions = 'narrow' | 'standard' | 'wide';
+export type GridGapOptions = 'wide' | 'standard' | 'narrow';
 export type VerticalAlignOptions = 'start' | 'center' | 'end';

package/_dist/mocks/data/navigation-items.d.ts

@@ -1,6 +1,16 @@
 import React from 'react';
 export declare const dialogMsgBase = "Activated menu item => ";
 import { UserMenuItem } from '@components/navigation/UserMenu/UserMenu';
+export declare const buttonNavSampleMenuItems: ({
+    linkContent: React.JSX.Element;
+    isActive: boolean;
+} | {
+    linkContent: React.JSX.Element;
+    isActive?: undefined;
+})[];
+export declare const buttonNavSampleMenuItemsRR: {
+    linkContent: React.JSX.Element;
+}[];
 export declare const blogMenuItems: {
     linkContent: React.JSX.Element;
 }[];

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "1.0.0-dev.232",
+	"version": "1.0.0-dev.234",
 	"description": "PDS toolkit built using the React framework",
 	"repository": {
 		"type": "git",
@@ -137,6 +137,7 @@
 		"@floating-ui/react-dom": "~1.3.0",
 		"@pantheon-systems/pds-design-tokens": "^1.0.0-dev.156",
 		"@reactuses/core": "^5.0.15",
+		"downshift": "^9.0.8",
 		"focus-trap-react": "^10.2.1",
 		"hash-sum": "^2.0.0",
 		"prism-react-renderer": "^2.4.1",