@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.
- package/_dist/components/inputs/Select/Select.d.ts +21 -2
- package/_dist/components/inputs/TextInput/TextInput.d.ts +1 -1
- package/_dist/components/inputs/input-utilities.d.ts +2 -0
- package/_dist/css/component-css/pds-checkbox-group.css +1 -1
- package/_dist/css/component-css/pds-checkbox.css +1 -1
- package/_dist/css/component-css/pds-index.css +3 -3
- package/_dist/css/component-css/pds-input-utilities.css +1 -1
- package/_dist/css/component-css/pds-nav-menu.css +1 -1
- package/_dist/css/component-css/pds-select.css +1 -1
- package/_dist/css/pds-components.css +3 -3
- package/_dist/css/pds-layouts.css +1 -1
- package/_dist/index.css +1 -1
- package/_dist/index.js +2625 -2554
- package/_dist/index.js.map +1 -1
- package/_dist/layouts/DashboardGlobal/DashboardGlobal.d.ts +9 -1
- package/_dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts +7 -2
- package/_dist/layouts/TwoItemLayout/TwoItemLayout.d.ts +7 -2
- package/_dist/layouts/layout-types.d.ts +1 -0
- package/package.json +1 -1
|
@@ -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 {};
|