From 239731a440a401fc7509cde46e29cc8cdef99a33 Mon Sep 17 00:00:00 2001 From: Lo Kim Date: Tue, 18 Oct 2022 11:00:15 -0400 Subject: [PATCH 1/2] [Box] Fix reference to `width` prop --- polaris-react/src/components/Box/Box.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/polaris-react/src/components/Box/Box.tsx b/polaris-react/src/components/Box/Box.tsx index 4a7cbefb971..3413db8bb75 100644 --- a/polaris-react/src/components/Box/Box.tsx +++ b/polaris-react/src/components/Box/Box.tsx @@ -299,7 +299,7 @@ export const Box = forwardRef( ...(shadow ? {'--pc-box-shadow': `var(--p-shadow-${shadow})`} : undefined), - ...(width ? {'--pc-box-max-width': `${width}`} : undefined), + ...(width ? {'--pc-box-width': `${width}`} : undefined), } as React.CSSProperties; const className = classNames(styles.Box); From 7661e20fcba3904c3aba864c5e1e2fdd9561c838 Mon Sep 17 00:00:00 2001 From: Lo Kim Date: Tue, 18 Oct 2022 11:00:49 -0400 Subject: [PATCH 2/2] Add changeset --- .changeset/dry-apples-listen.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/dry-apples-listen.md diff --git a/.changeset/dry-apples-listen.md b/.changeset/dry-apples-listen.md new file mode 100644 index 00000000000..7632b1a6053 --- /dev/null +++ b/.changeset/dry-apples-listen.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': patch +--- + +Fixed reference to `width` custom property in `Box`