Merge pull request #2542 from Shopify/js-add-row-column-gap

Adds row and column gap for POS stack
Shopify · Dec 18, 2024 · f0006c1 · f0006c1
2 parents c2092ff + 772dd9e
commit f0006c1
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/packages/ui-extensions/src/surfaces/point-of-sale/render/components/shared/inner-layouts.ts b/packages/ui-extensions/src/surfaces/point-of-sale/render/components/shared/inner-layouts.ts
@@ -8,6 +8,24 @@ export interface GapProps {
    * @default 'none'
    */
   gap?: SpacingKeyword;
+
+  /**
+   * Adjust spacing between elements in the block axis.
+   *
+   * This overrides the row value of `gap`.
+   *
+   * @default '' - meaning no override
+   */
+  rowGap?: SpacingKeyword | '';
+
+  /**
+   * Adjust spacing between elements in the inline axis.
+   *
+   * This overrides the column value of `gap`.
+   *
+   * @default '' - meaning no override
+   */
+  columnGap?: SpacingKeyword | '';
 }
 
 export type ContentPosition = 'center' | 'start' | 'end';