@pantheon-systems/pds-toolkit-react 1.0.0-dev.187 → 1.0.0-dev.188
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 +9 -1
- package/_dist/components/Popover/Popover.d.ts +6 -5
- package/_dist/components/expansion-panels/ExpansionPanel/ExpansionPanel.d.ts +30 -17
- package/_dist/components/expansion-panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts +23 -14
- package/_dist/css/component-css/pds-avatar.css +1 -1
- package/_dist/css/component-css/pds-index.css +2 -2
- 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 +22 -12
- package/_dist/css/pds-components.css +2 -2
- package/_dist/css/pds-core.css +1 -1
- package/_dist/index.css +1 -1
- package/_dist/index.d.ts +4 -4
- package/_dist/index.js +2406 -2460
- package/_dist/index.js.map +1 -1
- 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
|
@@ -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';
|