Update props

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

packages/canon/report.api.md

@@ -283,9 +283,57 @@ export const Field: {
   }) => React_2.JSX.Element;
 };
 
+// @public (undocumented)
+export const Flex: ForwardRefExoticComponent<
+  FlexProps & RefAttributes<HTMLDivElement>
+>;
+
 // @public (undocumented)
 export type FlexDirection = 'row' | 'column';
 
+// @public (undocumented)
+export type FlexOwnProps = GetPropDefTypes<typeof flexPropDefs>;
+
+// @public (undocumented)
+export const flexPropDefs: {
+  align: {
+    type: 'enum';
+    className: string;
+    values: readonly ['start', 'center', 'end', 'baseline', 'stretch'];
+    responsive: true;
+  };
+  direction: {
+    type: 'enum';
+    className: string;
+    values: readonly ['row', 'column', 'row-reverse', 'column-reverse'];
+    responsive: true;
+  };
+  justify: {
+    type: 'enum';
+    className: string;
+    values: readonly ['start', 'center', 'end', 'between'];
+    responsive: true;
+  };
+};
+
+// @public (undocumented)
+export interface FlexProps extends SpaceProps {
+  // (undocumented)
+  align?: FlexOwnProps['align'];
+  // (undocumented)
+  children: React.ReactNode;
+  // (undocumented)
+  className?: string;
+  // (undocumented)
+  direction?: FlexOwnProps['direction'];
+  // (undocumented)
+  gap?: GapProps['gap'];
+  // (undocumented)
+  justify?: FlexOwnProps['justify'];
+  // (undocumented)
+  style?: React.CSSProperties;
+}
+
 // @public (undocumented)
 export type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
 
@@ -589,37 +637,6 @@ export type IconProps = {
 // @public (undocumented)
 export const icons: IconMap;
 
-// @public (undocumented)
-export const Inline: ForwardRefExoticComponent<
-  InlineProps & RefAttributes<HTMLElement>
->;
-
-// @public (undocumented)
-export interface InlineProps extends SpaceProps {
-  // (undocumented)
-  align?:
-    | 'left'
-    | 'center'
-    | 'right'
-    | Partial<Record<Breakpoint, 'left' | 'center' | 'right'>>;
-  // (undocumented)
-  alignY?:
-    | 'top'
-    | 'center'
-    | 'bottom'
-    | Partial<Record<Breakpoint, 'top' | 'center' | 'bottom'>>;
-  // (undocumented)
-  as?: AsProps;
-  // (undocumented)
-  children: React.ReactNode;
-  // (undocumented)
-  className?: string;
-  // (undocumented)
-  gap?: UtilityProps['gap'];
-  // (undocumented)
-  style?: React.CSSProperties;
-}
-
 // @public (undocumented)
 export const Input: React_2.ForwardRefExoticComponent<
   InputProps & React_2.RefAttributes<HTMLInputElement>
@@ -853,39 +870,6 @@ export interface SpaceProps {
   py?: Responsive<Space>;
 }
 
-// @public (undocumented)
-export const Stack: ForwardRefExoticComponent<
-  StackProps & RefAttributes<HTMLDivElement>
->;
-
-// @public (undocumented)
-export type StackOwnProps = GetPropDefTypes<typeof stackPropDefs>;
-
-// @public (undocumented)
-export const stackPropDefs: {
-  align: {
-    type: 'enum';
-    className: string;
-    values: readonly ['start', 'center', 'end', 'baseline', 'stretch'];
-    responsive: true;
-    default: 'stretch';
-  };
-};
-
-// @public (undocumented)
-export interface StackProps extends SpaceProps {
-  // (undocumented)
-  align?: StackOwnProps['align'];
-  // (undocumented)
-  children: React.ReactNode;
-  // (undocumented)
-  className?: string;
-  // (undocumented)
-  gap?: GapProps['gap'];
-  // (undocumented)
-  style?: React.CSSProperties;
-}
-
 // @public (undocumented)
 export type StringPropDef = {
   type: 'string';

packages/canon/src/components/Flex/index.ts

@@ -14,5 +14,6 @@
  * limitations under the License.
  */
 export { Flex } from './Flex';
+export { flexPropDefs } from './Flex.props';
 export type { FlexProps } from './types';
 export type { FlexOwnProps } from './Flex.props';

packages/canon/src/components/Flex/styles.css

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { Stack } from './Stack';
-export { stackPropDefs } from './Stack.props';
-export type { StackProps } from './types';
-export type { StackOwnProps } from './Stack.props';
+
+.canon-Flex {
+  display: flex;
+}