[Layout foundations] Remove description from children props

Author: laurkim

polaris-react/src/components/AlphaCard/AlphaCard.tsx

@@ -15,7 +15,6 @@ type CardBackgroundColorTokenScale = Extract<
 >;
 
 export interface AlphaCardProps {
-  /** Elements to display inside card */
   children?: React.ReactNode;
   /** Background color
    * @default 'surface'

polaris-react/src/components/AlphaStack/AlphaStack.tsx

@@ -17,12 +17,11 @@ type Element = 'div' | 'ul' | 'ol' | 'fieldset';
 type Gap = ResponsiveProp<SpacingSpaceScale>;
 
 export interface AlphaStackProps {
+  children?: React.ReactNode;
   /** HTML Element type
    * @default 'div'
    */
   as?: Element;
-  /** Elements to display inside stack */
-  children?: React.ReactNode;
   /** Vertical alignment of children
    * @default 'start'
    */

polaris-react/src/components/Bleed/Bleed.tsx

@@ -6,8 +6,7 @@ import {sanitizeCustomProperties} from '../../utilities/css';
 import styles from './Bleed.scss';
 
 export interface BleedProps {
-  /** Elements to display inside bleed */
-  children: React.ReactNode;
+  children?: React.ReactNode;
   /** Negative horizontal space around children
    * @default '5'
    */

polaris-react/src/components/Box/Box.tsx

@@ -69,12 +69,11 @@ export type BackgroundColors =
   | ColorsSurfaceTokenAlias;
 
 export interface BoxProps {
+  children?: React.ReactNode;
   /** HTML Element type
    * @default 'div'
    */
   as?: Element;
-  /** Elements to display inside box */
-  children?: React.ReactNode;
   /** Background color */
   background?: BackgroundColors;
   /** Border style */

polaris-react/src/components/Columns/Columns.tsx

@@ -19,7 +19,6 @@ type Columns = {
 type Gap = ResponsiveProp<SpacingSpaceScale>;
 
 export interface ColumnsProps {
-  /** Elements to display inside columns */
   children?: React.ReactNode;
   /** The number of columns to display
    * @default {xs: 6, sm: 6, md: 6, lg: 6, xl: 6}

polaris-react/src/components/Inline/Inline.tsx

@@ -13,7 +13,6 @@ type Align =
 type BlockAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
 
 export interface InlineProps {
-  /** Elements to display inside stack */
   children?: React.ReactNode;
   /** Horizontal alignment of children
    * @default 'start'

polaris-react/src/components/Tiles/Tiles.tsx

@@ -15,8 +15,7 @@ type Gap = {
 };
 
 export interface TilesProps {
-  /** Elements to display inside tiles */
-  children: React.ReactNode;
+  children?: React.ReactNode;
   /** The number of columns to display
    * @default {xs: 6, sm: 6, md: 6, lg: 6, xl: 6}
    */