@pantheon-systems/pds-toolkit-react 1.0.0-dev.187 → 1.0.0-dev.189
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/Avatar/Avatar.d.ts +7 -3
- package/_dist/components/Icon/Icon.d.ts +17 -1
- package/_dist/components/Popover/Popover.d.ts +6 -5
- package/_dist/components/badges/IndicatorBadge/IndicatorBadge.d.ts +1 -1
- package/_dist/components/buttons/Button/Button.d.ts +55 -2
- package/_dist/components/cards/LinksCard/LinksCard.d.ts +28 -16
- package/_dist/components/cards/LinksCard/links-card-sample-data.d.ts +2 -0
- package/_dist/components/expansion-panels/ExpansionPanel/ExpansionPanel.d.ts +30 -17
- package/_dist/components/expansion-panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts +23 -14
- package/_dist/components/notifications/Toaster/Toast.d.ts +45 -29
- package/_dist/components/notifications/Toaster/Toaster.d.ts +26 -13
- package/_dist/components/notifications/Toaster/useToast.d.ts +13 -2
- package/_dist/css/component-css/pds-avatar.css +1 -1
- package/_dist/css/component-css/pds-dashboard-nav.css +1 -1
- package/_dist/css/component-css/pds-index.css +7 -5
- package/_dist/css/component-css/pds-indicator-badge.css +3 -1
- package/_dist/css/component-css/pds-links-card.css +1 -1
- package/_dist/css/component-css/pds-user-menu.css +1 -1
- package/_dist/css/component-css/pds-workspace-selector.css +1 -1
- package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +511 -323
- package/_dist/css/pds-components.css +7 -5
- package/_dist/css/pds-core.css +49 -1
- package/_dist/index.css +1 -1
- package/_dist/index.d.ts +9 -8
- package/_dist/index.js +3587 -3732
- package/_dist/index.js.map +1 -1
- package/_dist/layouts/DashboardLayout/DashboardLayout.d.ts +1 -5
- package/_dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts +24 -14
- package/_dist/layouts/TwoItemLayout/TwoItemLayout.d.ts +28 -16
- package/_dist/libs/types/custom-types.d.ts +1 -0
- package/package.json +1 -1
|
@@ -13,10 +13,6 @@ export interface DashboardLayoutProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
13
13
|
* Whether to include a sidebar toggle button.
|
|
14
14
|
*/
|
|
15
15
|
hasSidebarToggle?: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* Whether the sidebar should be expanded by default.
|
|
18
|
-
*/
|
|
19
|
-
initialSidebarExpanded?: boolean;
|
|
20
16
|
/**
|
|
21
17
|
* A fully-formed link element using the router of your choice. The link text will be used as the aria-label. If the logo should not be a link, set to `null`.
|
|
22
18
|
*/
|
|
@@ -49,4 +45,4 @@ export interface DashboardLayoutProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
49
45
|
/**
|
|
50
46
|
* DashboardLayout UI component
|
|
51
47
|
*/
|
|
52
|
-
export declare const DashboardLayout: ({ children, hasSidebarToggle,
|
|
48
|
+
export declare const DashboardLayout: ({ children, hasSidebarToggle, isAdmin, logoLinkContent, sidebarCollapsedWidth, sidebarExpandedWidth, sidebarToggleLabel, skiplinkText, className, ...props }: DashboardLayoutProps) => React.JSX.Element;
|
|
@@ -1,15 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import React, { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { GridGapOptions } from '@layouts/layout-types';
|
|
3
|
+
import '../../utilities/grid/grid.css';
|
|
4
|
+
/**
|
|
5
|
+
* Prop types for TwoItemLayout
|
|
6
|
+
*/
|
|
7
|
+
interface TwoItemLayoutProps extends ComponentPropsWithoutRef<'div'> {
|
|
8
|
+
/**
|
|
9
|
+
* Item content.
|
|
10
|
+
*/
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Width of gap between items.
|
|
14
|
+
*/
|
|
15
|
+
gridGap?: GridGapOptions;
|
|
16
|
+
/**
|
|
17
|
+
* Additional class names
|
|
18
|
+
*/
|
|
19
|
+
className?: string;
|
|
13
20
|
}
|
|
14
|
-
|
|
15
|
-
|
|
21
|
+
/**
|
|
22
|
+
* ThreeItemLayout UI component.
|
|
23
|
+
*/
|
|
24
|
+
export declare const ThreeItemLayout: ({ children, gridGap, className, ...props }: TwoItemLayoutProps) => React.JSX.Element;
|
|
25
|
+
export {};
|
|
@@ -1,17 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
1
|
+
import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
import { GridGapOptions } from '@layouts/layout-types';
|
|
3
|
+
import '../../utilities/grid/grid.css';
|
|
4
|
+
/**
|
|
5
|
+
* Prop types for TwoItemLayout
|
|
6
|
+
*/
|
|
7
|
+
interface TwoItemLayoutProps extends ComponentPropsWithoutRef<'div'> {
|
|
8
|
+
/**
|
|
9
|
+
* Item content.
|
|
10
|
+
*/
|
|
11
|
+
children?: ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Width of gap between items.
|
|
14
|
+
*/
|
|
15
|
+
gridGap?: GridGapOptions;
|
|
16
|
+
/**
|
|
17
|
+
* Layout variant for column widths.
|
|
18
|
+
*/
|
|
19
|
+
layoutVariant?: 'equal' | 'one-third-start' | 'one-third-end';
|
|
20
|
+
/**
|
|
21
|
+
* Additional class names
|
|
22
|
+
*/
|
|
23
|
+
className?: string;
|
|
15
24
|
}
|
|
16
|
-
|
|
17
|
-
|
|
25
|
+
/**
|
|
26
|
+
* TwoItemLayout UI component.
|
|
27
|
+
*/
|
|
28
|
+
export declare const TwoItemLayout: ({ children, gridGap, layoutVariant, className, ...props }: TwoItemLayoutProps) => React.JSX.Element;
|
|
29
|
+
export {};
|
|
@@ -8,5 +8,6 @@ export type FuiOffset = number | {
|
|
|
8
8
|
crossAxis?: number;
|
|
9
9
|
alignmentAxis?: number | null;
|
|
10
10
|
};
|
|
11
|
+
export type FuiPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
|
|
11
12
|
export type HeadingLevel = 'h2' | 'h3' | 'h4' | 'span';
|
|
12
13
|
export type SiteStatus = 'active' | 'frozen';
|