@pantheon-systems/pds-toolkit-react 1.0.0-dev.184 → 1.0.0-dev.186

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/package.json

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