Docs fix Box implementation to use more specific padding values first before defaulting to the overarching padding value

Author: gwyneplaine

polaris.shopify.com/src/components/Box/index.tsx

@@ -41,15 +41,39 @@ export const Box = forwardRef(
       minWidth,
       maxWidth,
       padding = '0',
+      paddingBlockStart,
+      paddingBlockEnd,
+      paddingInlineStart,
+      paddingInlineEnd,
       ...props
     },
     forwardedRef,
   ) => {
     const style = {
-      ...getResponsiveProps('box', 'padding-block-start', 'space', padding),
-      ...getResponsiveProps('box', 'padding-block-end', 'space', padding),
-      ...getResponsiveProps('box', 'padding-inline-start', 'space', padding),
-      ...getResponsiveProps('box', 'padding-inline-end', 'space', padding),
+      ...getResponsiveProps(
+        'box',
+        'padding-block-start',
+        'space',
+        paddingBlockStart || padding,
+      ),
+      ...getResponsiveProps(
+        'box',
+        'padding-block-end',
+        'space',
+        paddingBlockEnd || padding,
+      ),
+      ...getResponsiveProps(
+        'box',
+        'padding-inline-start',
+        'space',
+        paddingInlineStart || padding,
+      ),
+      ...getResponsiveProps(
+        'box',
+        'padding-inline-end',
+        'space',
+        paddingInlineEnd || padding,
+      ),
       '--pc-box-min-height': minHeight,
       '--px-box-min-width': minWidth,
       '--px-box-max-width': maxWidth,