feat: update to use the gap value

sf-tejas-nadkarni · sf-tejas-nadkarni · commit a8d3afada8b2 · 2026-03-05T11:44:50.000-08:00
diff --git a/packages/template-retail-react-app/app/components/header/index.jsx b/packages/template-retail-react-app/app/components/header/index.jsx
@@ -177,7 +177,7 @@ const Header = ({
                 <Flex
                     wrap="wrap"
                     alignItems={['baseline', 'baseline', 'baseline', 'center']}
-                    {...styles.headerFlex}
+                    gap={3}
                 >
                     <IconButton
                         aria-label={intl.formatMessage({
diff --git a/packages/template-retail-react-app/app/theme/components/project/header.js b/packages/template-retail-react-app/app/theme/components/project/header.js
@@ -21,9 +21,6 @@ export default {
             paddingTop: [1, 1, 2, 4],
             paddingBottom: [3, 3, 2, 4]
         },
-        headerFlex: {
-            gap: 3
-        },
         searchContainer: {
             order: [2, 2, 2, 'inherit'],
             width: ['full', 'full', 'full', 60],
@@ -85,7 +82,6 @@ export default {
     parts: [
         'container',
         'content',
-        'headerFlex',
         'searchContainer',
         'bodyContainer',
         'logo',

Original file line number	Diff line number	Diff line change
`@@ -177,7 +177,7 @@ const Header = ({`
`177`	`177`	`<Flex`
`178`	`178`	`wrap="wrap"`
`179`	`179`	`alignItems={['baseline', 'baseline', 'baseline', 'center']}`
`180`		`- {...styles.headerFlex}`
	`180`	`+ gap={3}`
`181`	`181`	`>`
`182`	`182`	`<IconButton`
`183`	`183`	`aria-label={intl.formatMessage({`