From 55a23abce2d418287ee39c7ce165dfbe7bfb507e Mon Sep 17 00:00:00 2001 From: Matt Kubej Date: Tue, 23 May 2023 14:49:33 +0000 Subject: [PATCH] [Form] inherit border radius of parent --- .changeset/tough-sloths-sell.md | 5 +++++ polaris-react/src/components/Form/Form.scss | 3 +++ polaris-react/src/components/Form/Form.tsx | 3 +++ 3 files changed, 11 insertions(+) create mode 100644 .changeset/tough-sloths-sell.md create mode 100644 polaris-react/src/components/Form/Form.scss diff --git a/.changeset/tough-sloths-sell.md b/.changeset/tough-sloths-sell.md new file mode 100644 index 00000000000..9b57dd3b49e --- /dev/null +++ b/.changeset/tough-sloths-sell.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': patch +--- + +Fixed `Form` by inheriting border radius of parent diff --git a/polaris-react/src/components/Form/Form.scss b/polaris-react/src/components/Form/Form.scss new file mode 100644 index 00000000000..22075db20aa --- /dev/null +++ b/polaris-react/src/components/Form/Form.scss @@ -0,0 +1,3 @@ +.Form { + border-radius: inherit; +} diff --git a/polaris-react/src/components/Form/Form.tsx b/polaris-react/src/components/Form/Form.tsx index 8e4874d5109..e874e1b7eff 100644 --- a/polaris-react/src/components/Form/Form.tsx +++ b/polaris-react/src/components/Form/Form.tsx @@ -3,6 +3,8 @@ import React, {useCallback} from 'react'; import {Text} from '../Text'; import {useI18n} from '../../utilities/i18n'; +import styles from './Form.scss'; + type Enctype = | 'application/x-www-form-urlencoded' | 'multipart/form-data' @@ -88,6 +90,7 @@ export function Form({ noValidate={noValidate} target={target} onSubmit={handleSubmit} + className={styles.Form} > {submitMarkup} {children}