@pantheon-systems/pds-toolkit-react 1.0.0-dev.209 → 1.0.0-dev.210

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -13,6 +13,14 @@ interface DashboardGlobalProps extends ComponentPropsWithoutRef<'div'> {
13
13
  * Is the dashboard in admin mode?
14
14
  */
15
15
  isAdmin?: boolean;
16
+ /**
17
+ * Is the sidebar expanded?
18
+ */
19
+ isSidebarExpanded?: boolean;
20
+ /**
21
+ * Function to set the sidebar expanded state.
22
+ */
23
+ setIsSidebarExpanded?: (isOpen: boolean) => void;
16
24
  /**
17
25
  * Whether to include a sidebar toggle button.
18
26
  */
@@ -45,5 +53,5 @@ interface DashboardGlobalProps extends ComponentPropsWithoutRef<'div'> {
45
53
  /**
46
54
  * DashboardGlobal UI component
47
55
  */
48
- export declare const DashboardGlobal: ({ children, hasSidebarToggle, isAdmin, logoLinkContent, sidebarCollapsedWidth, sidebarExpandedWidth, sidebarToggleLabel, skiplinkText, className, ...props }: DashboardGlobalProps) => React.JSX.Element;
56
+ export declare const DashboardGlobal: ({ children, hasSidebarToggle, isAdmin, logoLinkContent, sidebarCollapsedWidth, sidebarExpandedWidth, sidebarToggleLabel, skiplinkText, isSidebarExpanded, setIsSidebarExpanded, className, ...props }: DashboardGlobalProps) => React.JSX.Element;
49
57
  export {};
@@ -1,6 +1,7 @@
1
1
  import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { GridGapOptions } from '@layouts/layout-types';
2
+ import { GridGapOptions, VerticalAlignOptions } from '@layouts/layout-types';
3
3
  import '../../utilities/grid/grid.css';
4
+ import './three-item-layout.css';
4
5
  /**
5
6
  * Prop types for TwoItemLayout
6
7
  */
@@ -13,6 +14,10 @@ interface TwoItemLayoutProps extends ComponentPropsWithoutRef<'div'> {
13
14
  * Width of gap between items.
14
15
  */
15
16
  gridGap?: GridGapOptions;
17
+ /**
18
+ * Vertical alignment of items.
19
+ */
20
+ verticalAlign?: VerticalAlignOptions;
16
21
  /**
17
22
  * Additional class names
18
23
  */
@@ -21,5 +26,5 @@ interface TwoItemLayoutProps extends ComponentPropsWithoutRef<'div'> {
21
26
  /**
22
27
  * ThreeItemLayout UI component.
23
28
  */
24
- export declare const ThreeItemLayout: ({ children, gridGap, className, ...props }: TwoItemLayoutProps) => React.JSX.Element;
29
+ export declare const ThreeItemLayout: ({ children, gridGap, verticalAlign, className, ...props }: TwoItemLayoutProps) => React.JSX.Element;
25
30
  export {};
@@ -1,6 +1,7 @@
1
1
  import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { GridGapOptions } from '@layouts/layout-types';
2
+ import { GridGapOptions, VerticalAlignOptions } from '@layouts/layout-types';
3
3
  import '../../utilities/grid/grid.css';
4
+ import './two-item-layout.css';
4
5
  /**
5
6
  * Prop types for TwoItemLayout
6
7
  */
@@ -17,6 +18,10 @@ interface TwoItemLayoutProps extends ComponentPropsWithoutRef<'div'> {
17
18
  * Layout variant for column widths.
18
19
  */
19
20
  layoutVariant?: 'equal' | 'one-third-start' | 'one-third-end';
21
+ /**
22
+ * Vertical alignment of items.
23
+ */
24
+ verticalAlign?: VerticalAlignOptions;
20
25
  /**
21
26
  * Additional class names
22
27
  */
@@ -25,5 +30,5 @@ interface TwoItemLayoutProps extends ComponentPropsWithoutRef<'div'> {
25
30
  /**
26
31
  * TwoItemLayout UI component.
27
32
  */
28
- export declare const TwoItemLayout: ({ children, gridGap, layoutVariant, className, ...props }: TwoItemLayoutProps) => React.JSX.Element;
33
+ export declare const TwoItemLayout: ({ children, gridGap, layoutVariant, verticalAlign, className, ...props }: TwoItemLayoutProps) => React.JSX.Element;
29
34
  export {};
@@ -1 +1,2 @@
1
1
  export type GridGapOptions = 'narrow' | 'standard' | 'wide';
2
+ export type VerticalAlignOptions = 'start' | 'center' | 'end';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-toolkit-react",
3
3
  "technology": "React",
4
- "version": "1.0.0-dev.209",
4
+ "version": "1.0.0-dev.210",
5
5
  "description": "PDS toolkit built using the React framework",
6
6
  "repository": {
7
7
  "type": "git",