@pantheon-systems/pds-toolkit-react 1.0.0-dev.185 → 1.0.0-dev.187

package/_dist/layouts/FlexContainer/FlexContainer.d.ts

@@ -1,27 +1,45 @@
-export function FlexContainer({ alignContent, alignItems, flexDirection, flexWrap, justifyContent, mobileFlex, spacing, children, className, ...props }: {
-    [x: string]: any;
-    alignContent: any;
-    alignItems: any;
-    flexDirection: any;
-    flexWrap: any;
-    justifyContent: any;
-    mobileFlex?: string;
-    spacing?: string;
-    children: any;
-    className: any;
-}): React.JSX.Element;
-export namespace FlexContainer {
-    namespace propTypes {
-        let alignContent: PropTypes.Requireable<string>;
-        let alignItems: PropTypes.Requireable<string>;
-        let flexDirection: PropTypes.Requireable<string>;
-        let flexWrap: PropTypes.Requireable<string>;
-        let justifyContent: PropTypes.Requireable<string>;
-        let mobileFlex: PropTypes.Requireable<string>;
-        let spacing: PropTypes.Requireable<string>;
-        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        let className: PropTypes.Requireable<string>;
-    }
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './flex-container.css';
+interface FlexContainerProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Align content
+     */
+    alignContent?: 'start' | 'end' | 'center';
+    /**
+     * Align items
+     */
+    alignItems?: 'start' | 'end' | 'center' | 'stretch' | 'baseline';
+    /**
+     * Flex direction
+     */
+    flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    /**
+     * Flex wrap
+     */
+    flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    /**
+     * Justify content
+     */
+    justifyContent?: 'start' | 'end' | 'center' | 'between';
+    /**
+     * How should the flex-direction at mobile (small breakpoint)
+     */
+    mobileFlex?: 'none' | 'reverse' | 'same';
+    /**
+     * Gap size
+     */
+    spacing?: 'narrow' | 'standard' | 'wide';
+    /**
+     * Container content
+     */
+    children: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+/**
+ * Flex Container UI component
+ */
+export declare const FlexContainer: ({ alignContent, alignItems, flexDirection, flexWrap, justifyContent, mobileFlex, spacing, children, className, ...props }: FlexContainerProps) => React.JSX.Element;
+export {};

package/_dist/layouts/StepperLayout/StepperLayout.d.ts

@@ -1,13 +1,17 @@
-export function StepperLayout({ children, className, ...props }: {
-    [x: string]: any;
-    children: any;
-    className: any;
-}): React.JSX.Element;
-export namespace StepperLayout {
-    namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let className: PropTypes.Requireable<string>;
-    }
+import React, { ReactNode } from 'react';
+import './stepper-layout.css';
+interface StepperLayoutProps {
+    /**
+     * Layout content.
+     */
+    children?: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+/**
+ * StepperLayout UI component
+ */
+export declare const StepperLayout: ({ children, className, ...props }: StepperLayoutProps) => React.JSX.Element;
+export {};

package/_dist/libs/components/utility-components.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { HeadingLevel } from '@libs/types/custom-types';
 interface HxProps {
-    baseClass: string;
+    baseClass?: string;
     children?: ReactNode;
     className?: string;
     level: HeadingLevel;

package/_dist/libs/types/custom-types.d.ts

@@ -9,3 +9,4 @@ export type FuiOffset = number | {
     alignmentAxis?: number | null;
 };
 export type HeadingLevel = 'h2' | 'h3' | 'h4' | 'span';
+export type SiteStatus = 'active' | 'frozen';

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "1.0.0-dev.185",
+	"version": "1.0.0-dev.187",
 	"description": "PDS toolkit built using the React framework",
 	"repository": {
 		"type": "git",