Layout::Flex & Layout::Grid - API documentation for gap (HDS-5067) (#2998)

Author: KristinLBradley

website/docs/layouts/flex/partials/code/component-api.md

@@ -28,7 +28,7 @@
   <C.Property @name="wrap" @type="boolean" @default="false">
     If a `@wrap` parameter is provided, the flex items can wrap onto multiple lines when there is not enough space in the container to fit them all in a single line.
   </C.Property>
-  <C.Property @name="gap" @type="enum|[enum,enum]" @values={{array "4" "8" "12" "16" "24" "32" "48"}}>
+  <C.Property @name="gap" @type="enum|[enum,enum]" @values={{array "0" "4" "8" "12" "16" "24" "32" "48"}} @default="0">
     Use the `@gap` argument to control the spacing between flex items. To differentiate the vertical and horizontal spacing between items when they wrap on multiple rows, provide an array of two values, where the first value refers to the vertical gap between "rows" of items (`row-gap` in CSS), and the second one to the horizontal spacing between "columns" of items (`column-gap` in CSS).
   </C.Property>
   <C.Property @name="isInline" @type="boolean" @default="false">

website/docs/layouts/grid/partials/code/component-api.md

@@ -23,7 +23,7 @@
     <br /><br />
     <em>Note: we only expose a subset of the values allowed for this property, which cover the most common use cases.</em>
   </C.Property>
-  <C.Property @name="gap" @type="enum" @values={{array "4" "8" "12" "16" "32" "48"}}>
+  <C.Property @name="gap" @type="enum" @values={{array "0" "4" "8" "12" "16" "32" "48"}} @default="0">
     The gap spacing between rows and columns of the grid. Specify as either a single value or array of two values for setting the row and column spacing separately.
   </C.Property>
   <C.Property @name="...attributes">