diff --git a/UNRELEASED-v9.md b/UNRELEASED-v9.md index 250d0c548cb..ff678e8604f 100644 --- a/UNRELEASED-v9.md +++ b/UNRELEASED-v9.md @@ -39,6 +39,7 @@ Use [the changelog guidelines](/documentation/Versioning%20and%20changelog.md) t - Removed the `font-family()` function and replaced any instances with tokens ([#4940](https://github.com/Shopify/polaris-react/pull/4940)) - Removed the `available-names()` scss function ([#4967](https://github.com/Shopify/polaris-react/pull/4967)) - Removed the `unstyled-link()` mixin and replaced any instances with values ([#4951](https://github.com/Shopify/polaris-react/pull/4951)) +- Removed the `unstyled-list()` mixin and replaced any instances with values ([#4960](https://github.com/Shopify/polaris-react/pull/4960)) ### New components diff --git a/src/components/Navigation/Navigation.scss b/src/components/Navigation/Navigation.scss index 81f24bb3b61..a04690adf87 100644 --- a/src/components/Navigation/Navigation.scss +++ b/src/components/Navigation/Navigation.scss @@ -252,7 +252,9 @@ $secondary-item-font-size: 15px; } .List { - @include unstyled-list; + margin: 0; + padding: 0; + list-style: none; } .Item { @@ -326,11 +328,12 @@ $secondary-item-font-size: 15px; // Section styles .Section { - @include unstyled-list; flex: 0 0 auto; + margin: 0; padding: var(--p-space-4) 0; padding-top: 0; @include safe-area-for(padding-left, 0, left); + list-style: none; + .Section { padding-top: var(--p-space-1); @@ -438,7 +441,9 @@ $secondary-item-font-size: 15px; } .List { - @include unstyled-list; + margin: 0; + padding: 0; + list-style: none; } .Indicator { diff --git a/src/components/OptionList/OptionList.scss b/src/components/OptionList/OptionList.scss index fd0c6aa3eaa..9dba875d991 100644 --- a/src/components/OptionList/OptionList.scss +++ b/src/components/OptionList/OptionList.scss @@ -1,12 +1,15 @@ @import '../../styles/common'; .OptionList { - @include unstyled-list; + margin: 0; padding: var(--p-space-2); + list-style: none; } .Options { - @include unstyled-list; + margin: 0; + padding: 0; + list-style: none; } .Title { diff --git a/src/styles/_common.scss b/src/styles/_common.scss index 4fef0c9cc19..ef82fe7a005 100644 --- a/src/styles/_common.scss +++ b/src/styles/_common.scss @@ -17,7 +17,6 @@ @import './shared/forms'; @import './shared/icons'; @import './shared/layout'; -@import './shared/lists'; @import './shared/page'; @import './shared/typography'; @import './shared/skeleton'; diff --git a/src/styles/_public-api.scss b/src/styles/_public-api.scss index 47989598f0f..cf01a30861b 100644 --- a/src/styles/_public-api.scss +++ b/src/styles/_public-api.scss @@ -27,7 +27,6 @@ @import './shared/forms'; @import './shared/icons'; @import './shared/layout'; -@import './shared/lists'; @import './shared/page'; @import './shared/typography'; @import './shared/skeleton'; diff --git a/src/styles/shared/_lists.scss b/src/styles/shared/_lists.scss deleted file mode 100644 index ffd72f2433a..00000000000 --- a/src/styles/shared/_lists.scss +++ /dev/null @@ -1,5 +0,0 @@ -@mixin unstyled-list { - margin: 0; - padding: 0; - list-style: none; -}