@pantheon-systems/pds-toolkit-react 1.0.0-dev.186 → 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.
Files changed (32) hide show
  1. package/_dist/components/Avatar/Avatar.d.ts +7 -3
  2. package/_dist/components/CTASlice/CTASlice.d.ts +50 -33
  3. package/_dist/components/Icon/Icon.d.ts +9 -1
  4. package/_dist/components/PlatformIcon/PlatformIcon.d.ts +11 -12
  5. package/_dist/components/Popover/Popover.d.ts +6 -5
  6. package/_dist/components/Stepper/Stepper.d.ts +48 -45
  7. package/_dist/components/cards/Card/Card.d.ts +28 -29
  8. package/_dist/components/cards/CardHeading/CardHeading.d.ts +32 -0
  9. package/_dist/components/cards/SiteCard/SiteCard.d.ts +43 -23
  10. package/_dist/components/expansion-panels/ExpansionPanel/ExpansionPanel.d.ts +30 -17
  11. package/_dist/components/expansion-panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts +23 -14
  12. package/_dist/components/navigation/DashboardSearch/SiteOptionDisplay.d.ts +2 -1
  13. package/_dist/css/component-css/pds-avatar.css +1 -1
  14. package/_dist/css/component-css/pds-card-heading.css +1 -0
  15. package/_dist/css/component-css/pds-card.css +1 -1
  16. package/_dist/css/component-css/pds-index.css +3 -3
  17. package/_dist/css/component-css/pds-site-card.css +1 -1
  18. package/_dist/css/component-css/pds-user-menu.css +1 -1
  19. package/_dist/css/component-css/pds-workspace-selector.css +1 -1
  20. package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +22 -12
  21. package/_dist/css/pds-components.css +3 -3
  22. package/_dist/css/pds-core.css +1 -1
  23. package/_dist/index.css +1 -1
  24. package/_dist/index.d.ts +11 -10
  25. package/_dist/index.js +4346 -4570
  26. package/_dist/index.js.map +1 -1
  27. package/_dist/layouts/StepperLayout/StepperLayout.d.ts +16 -12
  28. package/_dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts +24 -14
  29. package/_dist/layouts/TwoItemLayout/TwoItemLayout.d.ts +28 -16
  30. package/_dist/libs/components/utility-components.d.ts +1 -1
  31. package/_dist/libs/types/custom-types.d.ts +2 -0
  32. package/package.json +1 -1
@@ -1,13 +1,17 @@
1
- export function StepperLayout({ children, className, ...props }: {
2
- [x: string]: any;
3
- children: any;
4
- className: any;
5
- }): React.JSX.Element;
6
- export namespace StepperLayout {
7
- namespace propTypes {
8
- let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
9
- let className: PropTypes.Requireable<string>;
10
- }
1
+ import React, { ReactNode } from 'react';
2
+ import './stepper-layout.css';
3
+ interface StepperLayoutProps {
4
+ /**
5
+ * Layout content.
6
+ */
7
+ children?: ReactNode;
8
+ /**
9
+ * Additional class names
10
+ */
11
+ className?: string;
11
12
  }
12
- import React from 'react';
13
- import PropTypes from 'prop-types';
13
+ /**
14
+ * StepperLayout UI component
15
+ */
16
+ export declare const StepperLayout: ({ children, className, ...props }: StepperLayoutProps) => React.JSX.Element;
17
+ export {};
@@ -1,15 +1,25 @@
1
- export function ThreeItemLayout({ children, gridGap, className, ...props }: {
2
- [x: string]: any;
3
- children: any;
4
- gridGap?: string;
5
- className: any;
6
- }): React.JSX.Element;
7
- export namespace ThreeItemLayout {
8
- namespace propTypes {
9
- let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
10
- let gridGap: PropTypes.Requireable<string>;
11
- let className: PropTypes.Requireable<string>;
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
- import React from 'react';
15
- import PropTypes from 'prop-types';
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
- export function TwoItemLayout({ children, gridGap, layoutVariant, className, ...props }: {
2
- [x: string]: any;
3
- children: any;
4
- gridGap?: string;
5
- layoutVariant?: string;
6
- className: any;
7
- }): React.JSX.Element;
8
- export namespace TwoItemLayout {
9
- namespace propTypes {
10
- let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
11
- let gridGap: PropTypes.Requireable<string>;
12
- let layoutVariant: PropTypes.Requireable<string>;
13
- let className: PropTypes.Requireable<string>;
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
- import React from 'react';
17
- import PropTypes from 'prop-types';
25
+ /**
26
+ * TwoItemLayout UI component.
27
+ */
28
+ export declare const TwoItemLayout: ({ children, gridGap, layoutVariant, className, ...props }: TwoItemLayoutProps) => React.JSX.Element;
29
+ export {};
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { HeadingLevel } from '@libs/types/custom-types';
3
3
  interface HxProps {
4
- baseClass: string;
4
+ baseClass?: string;
5
5
  children?: ReactNode;
6
6
  className?: string;
7
7
  level: HeadingLevel;
@@ -8,4 +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';
13
+ export type SiteStatus = 'active' | 'frozen';
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.186",
4
+ "version": "1.0.0-dev.188",
5
5
  "description": "PDS toolkit built using the React framework",
6
6
  "repository": {
7
7
  "type": "git",