diff --git a/.changeset/late-vans-trade.md b/.changeset/late-vans-trade.md new file mode 100644 index 00000000000..afcc5211663 --- /dev/null +++ b/.changeset/late-vans-trade.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': patch +--- + +Remove unnecessary stylelint-disable comments diff --git a/polaris-react/playground/DetailsPage.scss b/polaris-react/playground/DetailsPage.scss index a640c0e420f..d00b96945a8 100644 --- a/polaris-react/playground/DetailsPage.scss +++ b/polaris-react/playground/DetailsPage.scss @@ -1,12 +1,9 @@ @import '../src/styles/common'; .ContextControl { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; padding: 0 var(--p-space-3); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $top-bar-height; } diff --git a/polaris-react/src/components/ActionList/ActionList.scss b/polaris-react/src/components/ActionList/ActionList.scss index 85d389fd93d..b9a7a2e0c6a 100644 --- a/polaris-react/src/components/ActionList/ActionList.scss +++ b/polaris-react/src/components/ActionList/ActionList.scss @@ -12,9 +12,7 @@ @include unstyled-button; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY min-height: var(--pc-action-list-item-min-height); @@ -95,13 +93,9 @@ .Prefix { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include recolor-icon(var(--p-icon)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--pc-action-list-image-size); @@ -127,6 +121,5 @@ .Text { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include layout-flex-fix; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; } diff --git a/polaris-react/src/components/ActionMenu/ActionMenu.scss b/polaris-react/src/components/ActionMenu/ActionMenu.scss index 7a477c317cc..9006105de87 100644 --- a/polaris-react/src/components/ActionMenu/ActionMenu.scss +++ b/polaris-react/src/components/ActionMenu/ActionMenu.scss @@ -1,14 +1,11 @@ .ActionMenu { // Needed for JS calculations - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-end; @media print { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY + // stylelint-disable-next-line declaration-no-important -- Enforce print styles display: none !important; } } diff --git a/polaris-react/src/components/ActionMenu/components/Actions/Actions.scss b/polaris-react/src/components/ActionMenu/components/Actions/Actions.scss index 761b83fdbcc..75d3d26e71b 100644 --- a/polaris-react/src/components/ActionMenu/components/Actions/Actions.scss +++ b/polaris-react/src/components/ActionMenu/components/Actions/Actions.scss @@ -1,18 +1,13 @@ @import '../../../../styles/common'; .ActionsLayout { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: wrap; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-end; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; > * { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; } } diff --git a/polaris-react/src/components/AlphaStack/AlphaStack.scss b/polaris-react/src/components/AlphaStack/AlphaStack.scss index 1f2dbe2bf1e..67203540881 100644 --- a/polaris-react/src/components/AlphaStack/AlphaStack.scss +++ b/polaris-react/src/components/AlphaStack/AlphaStack.scss @@ -9,8 +9,6 @@ --pc-stack-gap-lg: var(--pc-stack-gap-md); --pc-stack-gap-xl: var(--pc-stack-gap-lg); // stylelint-enable - - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; // stylelint-disable-next-line -- local component custom property is required for flex direction flex-direction: var(--pc-stack-order); diff --git a/polaris-react/src/components/AppProvider/AppProvider.scss b/polaris-react/src/components/AppProvider/AppProvider.scss index 7f385c5448b..bf4ac6c0841 100644 --- a/polaris-react/src/components/AppProvider/AppProvider.scss +++ b/polaris-react/src/components/AppProvider/AppProvider.scss @@ -26,7 +26,6 @@ button { } html { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY font-size: 100%; diff --git a/polaris-react/src/components/Autocomplete/Autocomplete.scss b/polaris-react/src/components/Autocomplete/Autocomplete.scss index 259099bb491..e0b8dc1fe44 100644 --- a/polaris-react/src/components/Autocomplete/Autocomplete.scss +++ b/polaris-react/src/components/Autocomplete/Autocomplete.scss @@ -1,11 +1,7 @@ .Loading { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; padding: var(--p-space-2) var(--p-space-4); } diff --git a/polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.scss b/polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.scss index ae4cc471e05..5821abed819 100644 --- a/polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.scss +++ b/polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.scss @@ -25,9 +25,7 @@ .Action { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY min-height: var(--pc-mapped-actions-item-min-height); @@ -94,22 +92,16 @@ } .Content { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; } .Prefix { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include recolor-icon(var(--p-icon)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--pc-mapped-actions-image-size); @@ -136,7 +128,6 @@ .Text { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include layout-flex-fix; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; .ContentWrap { diff --git a/polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.scss b/polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.scss index 261683892ab..f559da8431f 100644 --- a/polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.scss +++ b/polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.scss @@ -1,9 +1,7 @@ @import '../../../../styles/common'; .Content { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY diff --git a/polaris-react/src/components/Avatar/Avatar.scss b/polaris-react/src/components/Avatar/Avatar.scss index c08fbf97a67..33a14d72744 100644 --- a/polaris-react/src/components/Avatar/Avatar.scss +++ b/polaris-react/src/components/Avatar/Avatar.scss @@ -5,9 +5,7 @@ --pc-avatar-medium-size: 40px; --pc-avatar-large-size: 60px; // stylelint-enable - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; overflow: hidden; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @@ -23,7 +21,6 @@ &::after { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY padding-bottom: 100%; @@ -110,15 +107,10 @@ } .Image { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 50%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 50%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; border-radius: inherit; transform: translate(-50%, -50%); @@ -126,27 +118,17 @@ } .Initials { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; } .Svg { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; } diff --git a/polaris-react/src/components/Backdrop/Backdrop.scss b/polaris-react/src/components/Backdrop/Backdrop.scss index 51df70ea602..0b9e69508be 100644 --- a/polaris-react/src/components/Backdrop/Backdrop.scss +++ b/polaris-react/src/components/Backdrop/Backdrop.scss @@ -1,16 +1,10 @@ .Backdrop { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; z-index: var(--p-z-index-10); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; background-color: var(--p-backdrop); animation: var(--p-keyframes-fade-in) var(--p-duration-200) 1 forwards; diff --git a/polaris-react/src/components/Badge/Badge.scss b/polaris-react/src/components/Badge/Badge.scss index 35f96f6ba62..7e9050df0ff 100644 --- a/polaris-react/src/components/Badge/Badge.scss +++ b/polaris-react/src/components/Badge/Badge.scss @@ -3,9 +3,7 @@ --pc-badge-horizontal-padding: var(--p-space-2); --pc-badge-vertical-padding: var(--p-space-05); // stylelint-enable - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline-flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY padding: var(--pc-badge-vertical-padding) var(--pc-badge-horizontal-padding); @@ -57,9 +55,7 @@ } .PipContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: grid; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; margin-left: calc(-1 * var(--p-space-05)); margin-right: var(--p-space-1); diff --git a/polaris-react/src/components/Badge/components/Pip/Pip.scss b/polaris-react/src/components/Badge/components/Pip/Pip.scss index 75e16480bfb..9fc73840535 100644 --- a/polaris-react/src/components/Badge/components/Pip/Pip.scss +++ b/polaris-react/src/components/Badge/components/Pip/Pip.scss @@ -3,7 +3,6 @@ --pc-pip-size: var(--p-space-2); --pc-pip-color: var(--p-icon); // stylelint-enable - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline-block; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY color: var(--pc-pip-color); @@ -14,7 +13,6 @@ // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY border: var(--p-border-width-2) solid var(--pc-pip-color); border-radius: var(--p-border-radius-full); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-shrink: 0; } diff --git a/polaris-react/src/components/Banner/Banner.scss b/polaris-react/src/components/Banner/Banner.scss index b85f2b309f7..0db4de80a4c 100644 --- a/polaris-react/src/components/Banner/Banner.scss +++ b/polaris-react/src/components/Banner/Banner.scss @@ -54,9 +54,7 @@ --pc-banner-secondary-action-horizontal-padding: var(--p-space-3); --pc-banner-secondary-action-vertical-padding: var(--p-space-2); // stylelint-enable - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; // stylelint-disable selector-max-class, selector-max-specificity -- generated by polaris-migrator DO NOT COPY @@ -151,11 +149,8 @@ padding: var(--p-space-4); .Dismiss { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: var(--p-space-3); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; } @@ -181,11 +176,8 @@ } .Dismiss { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: var(--p-space-5); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; } } @@ -201,7 +193,6 @@ .SecondaryAction { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include unstyled-button; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline-block; text-align: left; text-decoration: none; @@ -265,7 +256,6 @@ } .loading { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; color: transparent; pointer-events: none; @@ -274,11 +264,8 @@ .Spinner { // stylelint-disable-next-line -- Polaris component custom properties --pc-spinner-size: var(--p-space-5); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 50%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 50%; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY margin-top: calc(-1 * (var(--pc-spinner-size) / 2)); diff --git a/polaris-react/src/components/Breadcrumbs/Breadcrumbs.scss b/polaris-react/src/components/Breadcrumbs/Breadcrumbs.scss index e8a56262e29..40ba23db405 100644 --- a/polaris-react/src/components/Breadcrumbs/Breadcrumbs.scss +++ b/polaris-react/src/components/Breadcrumbs/Breadcrumbs.scss @@ -3,13 +3,9 @@ .Breadcrumb { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include unstyled-button; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY min-height: control-height(); @@ -56,7 +52,6 @@ .Content { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include truncate; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; } diff --git a/polaris-react/src/components/BulkActions/BulkActions.scss b/polaris-react/src/components/BulkActions/BulkActions.scss index 78b1cda5880..7d82b928112 100644 --- a/polaris-react/src/components/BulkActions/BulkActions.scss +++ b/polaris-react/src/components/BulkActions/BulkActions.scss @@ -18,15 +18,11 @@ $bulk-actions-button-stacking-order: ( /* stylelint-enable */ // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include text-style-input; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; flex-wrap: wrap; opacity: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; transition: var(--p-duration-100) var(--p-ease); transition-property: transform, opacity; @@ -42,35 +38,29 @@ $bulk-actions-button-stacking-order: ( &.Group-entering, &.Group-exiting { opacity: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; } &.Group-entered { opacity: 1; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; transform: translateY(0); } &.Group-exited { opacity: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } &.Group-measuring { transition: none; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; opacity: 0; } } .ButtonGroupWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-start; padding: var(--p-space-4); background: var(--p-surface); @@ -94,9 +84,7 @@ $bulk-actions-button-stacking-order: ( } .Group-measuring & { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: auto; } } @@ -105,7 +93,6 @@ $bulk-actions-button-stacking-order: ( white-space: nowrap; button { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; } } diff --git a/polaris-react/src/components/Button/Button.scss b/polaris-react/src/components/Button/Button.scss index e3ae0f30495..55d03e77204 100644 --- a/polaris-react/src/components/Button/Button.scss +++ b/polaris-react/src/components/Button/Button.scss @@ -57,69 +57,55 @@ // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY text-transform: initial; letter-spacing: initial; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; min-width: 1px; min-height: 1px; .Button:not(.plain) & { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; } } .textAlignLeft { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-start; text-align: left; .Content { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-start; } } .textAlignStart { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-start; text-align: start; .Content { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-start; } } .textAlignCenter { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; text-align: center; } .textAlignRight { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-end; text-align: right; .Content { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-end; } } .textAlignEnd { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-end; text-align: end; .Content { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-end; } } @@ -152,11 +138,8 @@ } .Spinner { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 50%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 50%; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY margin-top: calc(-1 * (var(--pc-button-spinner-size) / 2)); @@ -231,7 +214,6 @@ } .loading { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; &, @@ -527,7 +509,6 @@ } &.outline { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; border-color: currentColor; // stylelint-disable selector-max-class -- generated by polaris-migrator DO NOT COPY @@ -537,15 +518,10 @@ &::before { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; background-color: currentColor; opacity: 0; @@ -599,7 +575,6 @@ // stylelint-enable selector-max-specificity .ConnectedDisclosureWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; } @@ -609,7 +584,6 @@ margin-left: calc(-1 * var(--p-space-025)); border-top-left-radius: 0; border-bottom-left-radius: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; &:focus, diff --git a/polaris-react/src/components/ButtonGroup/ButtonGroup.scss b/polaris-react/src/components/ButtonGroup/ButtonGroup.scss index b6908207d3b..f68499559ab 100644 --- a/polaris-react/src/components/ButtonGroup/ButtonGroup.scss +++ b/polaris-react/src/components/ButtonGroup/ButtonGroup.scss @@ -3,10 +3,8 @@ --pc-button-group-item: 10; --pc-button-group-focused: 20; // stylelint-enable - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: wrap; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; margin-top: calc(-1 * var(--p-space-2)); margin-left: calc(-1 * var(--p-space-2)); @@ -28,14 +26,12 @@ } .segmented { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: nowrap; margin-top: 0; margin-left: 0; .Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-button-group-item); @@ -56,7 +52,6 @@ .fullWidth { .Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; } } diff --git a/polaris-react/src/components/CalloutCard/CalloutCard.scss b/polaris-react/src/components/CalloutCard/CalloutCard.scss index 457e66166bc..626c76489b0 100644 --- a/polaris-react/src/components/CalloutCard/CalloutCard.scss +++ b/polaris-react/src/components/CalloutCard/CalloutCard.scss @@ -1,22 +1,16 @@ @import '../../styles/common'; .CalloutCard { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; } .Image { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100px; @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; margin-left: var(--p-space-5); } @@ -27,7 +21,6 @@ } .Content { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; } @@ -40,16 +33,12 @@ } .Container { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; } .Dismiss { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; } diff --git a/polaris-react/src/components/Card/Card.scss b/polaris-react/src/components/Card/Card.scss index d55437d7296..f317a8f1323 100644 --- a/polaris-react/src/components/Card/Card.scss +++ b/polaris-react/src/components/Card/Card.scss @@ -37,7 +37,7 @@ .Section-hideOnPrint, .hideOnPrint { @media print { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY + // stylelint-disable-next-line declaration-no-important -- Enforce print styles display: none !important; } } @@ -146,9 +146,7 @@ } .Footer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-end; padding: 0 var(--p-space-4) var(--p-space-4); @@ -157,7 +155,6 @@ } &.LeftJustified { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-start; } diff --git a/polaris-react/src/components/CheckableButton/CheckableButton.scss b/polaris-react/src/components/CheckableButton/CheckableButton.scss index d81233e7e94..1bc790bde6c 100644 --- a/polaris-react/src/components/CheckableButton/CheckableButton.scss +++ b/polaris-react/src/components/CheckableButton/CheckableButton.scss @@ -11,9 +11,7 @@ // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY text-transform: initial; letter-spacing: initial; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; min-height: 36px; min-width: 36px; @@ -23,7 +21,6 @@ text-decoration: none; text-align: left; border-radius: var(--p-border-radius-1); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: auto; &:hover, @@ -43,7 +40,6 @@ } .Label { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1; white-space: nowrap; overflow: hidden; diff --git a/polaris-react/src/components/Checkbox/Checkbox.scss b/polaris-react/src/components/Checkbox/Checkbox.scss index e2d5234a641..0b1d317ca00 100644 --- a/polaris-react/src/components/Checkbox/Checkbox.scss +++ b/polaris-react/src/components/Checkbox/Checkbox.scss @@ -1,7 +1,6 @@ @import '../../styles/common'; .Checkbox { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; margin: var(--p-space-025); } @@ -57,13 +56,9 @@ .Backdrop { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include control-backdrop; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring($border-width: var(--p-border-width-2)); @@ -72,11 +67,8 @@ .Icon { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include recolor-icon(var(--p-icon-on-interactive)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 50%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 50%; transform-origin: 50% 50%; pointer-events: none; diff --git a/polaris-react/src/components/Choice/Choice.scss b/polaris-react/src/components/Choice/Choice.scss index aca415894e1..6fca1f5cb2d 100644 --- a/polaris-react/src/components/Choice/Choice.scss +++ b/polaris-react/src/components/Choice/Choice.scss @@ -1,15 +1,12 @@ @import '../../styles/common'; .Choice { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-start; padding: var(--p-space-1) 0; cursor: pointer; @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline-flex; } } @@ -52,11 +49,8 @@ // stylelint-disable-next-line -- Polaris component custom properties --pc-choice-size: 22px; } - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: stretch; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: var(--pc-choice-size); @@ -65,7 +59,6 @@ margin-right: var(--p-space-2); > * { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; } } diff --git a/polaris-react/src/components/Collapsible/Collapsible.scss b/polaris-react/src/components/Collapsible/Collapsible.scss index 8bec0c071c3..9d2815a945e 100644 --- a/polaris-react/src/components/Collapsible/Collapsible.scss +++ b/polaris-react/src/components/Collapsible/Collapsible.scss @@ -11,7 +11,6 @@ // Stop children from being focused when fully closed .isFullyClosed { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } @@ -20,7 +19,6 @@ // stylelint-disable-next-line declaration-no-important -- generated by polaris-migrator DO NOT COPY max-height: none !important; overflow: visible; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; } } diff --git a/polaris-react/src/components/ColorPicker/ColorPicker.scss b/polaris-react/src/components/ColorPicker/ColorPicker.scss index 8c259471c28..a9f3af3bb66 100644 --- a/polaris-react/src/components/ColorPicker/ColorPicker.scss +++ b/polaris-react/src/components/ColorPicker/ColorPicker.scss @@ -21,13 +21,11 @@ 0 1px 2px 0 var(--p-shadow-color-picker-dragger); // stylelint-enable user-select: none; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; } .MainColor { @include checkers; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; overflow: hidden; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @@ -36,9 +34,7 @@ width: var(--pc-color-picker-size); .fullWidth & { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-grow: 1; } @@ -61,19 +57,13 @@ &::after, &::before { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-color-picker-adjustments); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; pointer-events: none; border-radius: var(--p-border-radius-1); @@ -97,7 +87,6 @@ } .Dragger { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-color-picker-dragger); @@ -134,12 +123,10 @@ $vertical-picker-border-radius: calc(var(--pc-color-picker-size) * 0.5); .HuePicker, .AlphaPicker { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; overflow: hidden; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--pc-color-picker-size); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: var(--p-space-6); margin-left: var(--p-space-2); border-width: var(--p-border-radius-1); @@ -147,19 +134,13 @@ $vertical-picker-border-radius: calc(var(--pc-color-picker-size) * 0.5); &::after { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-color-picker-adjustments); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; pointer-events: none; border-radius: $vertical-picker-border-radius; @@ -192,25 +173,18 @@ $vertical-picker-border-radius: calc(var(--pc-color-picker-size) * 0.5); } .ColorLayer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-color-picker-z-index); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; pointer-events: none; } .Slidable { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; cursor: pointer; } diff --git a/polaris-react/src/components/Columns/Columns.scss b/polaris-react/src/components/Columns/Columns.scss index 3d0e366f2ea..8025b3e42d6 100644 --- a/polaris-react/src/components/Columns/Columns.scss +++ b/polaris-react/src/components/Columns/Columns.scss @@ -19,7 +19,6 @@ --pc-columns-grid-template-columns-lg ); // stylelint-enable - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: grid; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY grid-template-columns: var(--pc-columns-grid-template-columns-xs); diff --git a/polaris-react/src/components/Connected/Connected.scss b/polaris-react/src/components/Connected/Connected.scss index f7f045e8668..fcf0bb28935 100644 --- a/polaris-react/src/components/Connected/Connected.scss +++ b/polaris-react/src/components/Connected/Connected.scss @@ -4,18 +4,14 @@ --pc-connected-primary: 20; --pc-connected-focused: 30; // stylelint-enable - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; } .Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-connected-item); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; &:not(:first-child) { @@ -29,7 +25,6 @@ .Item-primary { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-connected-primary); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; } diff --git a/polaris-react/src/components/DataTable/DataTable.scss b/polaris-react/src/components/DataTable/DataTable.scss index 07836e815e5..94a1d2a5643 100644 --- a/polaris-react/src/components/DataTable/DataTable.scss +++ b/polaris-react/src/components/DataTable/DataTable.scss @@ -3,7 +3,6 @@ .DataTable { // stylelint-disable-next-line -- Polaris component custom properties --pc-data-table-first-column-width: 145px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; max-width: 100vw; background-color: var(--p-surface); @@ -13,25 +12,19 @@ .condensed { .Navigation { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; padding: var(--p-space-4) var(--p-space-2) 0; @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-end; } } } .Navigation { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; .IncreasedTableDensity & { @@ -40,9 +33,7 @@ } .Pip { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 6px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 6px; background: var(--p-text-subdued); border-radius: var(--p-border-radius-1); @@ -64,7 +55,6 @@ } .Table { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; border-spacing: 0; } @@ -107,13 +97,9 @@ .Cell-separate::after { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; border-right: var(--p-border-divider); } @@ -193,7 +179,6 @@ } .Icon { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; align-self: flex-end; opacity: 0; @@ -205,13 +190,9 @@ @include unstyled-button; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline-flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-end; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: baseline; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include recolor-icon(var(--p-icon-disabled)); @@ -260,7 +241,6 @@ } .Heading-left { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-start; flex-direction: row-reverse; } @@ -328,58 +308,43 @@ .StickyHeaderEnabled { .StickyHeaderWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; visibility: hidden; z-index: var(--p-z-index-1); } .StickyHeaderInner { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-direction: column; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; overflow: hidden; border-spacing: 0; &:not(.StickyHeaderInner-isSticky) { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: -9999px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: -9999px; } } .StickyHeaderTable { border-collapse: collapse; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; overflow-x: auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; scrollbar-width: none; &::-webkit-scrollbar { appearance: none; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 0; } .FixedFirstColumn { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: auto; } } @@ -396,15 +361,12 @@ } .FixedFirstColumn { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; background: inherit; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: 3; border-spacing: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; @media #{$p-breakpoints-md-down} { @@ -414,7 +376,6 @@ } .TooltipContent { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; overflow: hidden; white-space: nowrap; diff --git a/polaris-react/src/components/DatePicker/DatePicker.scss b/polaris-react/src/components/DatePicker/DatePicker.scss index adbabae37b4..b9c0aa344fc 100644 --- a/polaris-react/src/components/DatePicker/DatePicker.scss +++ b/polaris-react/src/components/DatePicker/DatePicker.scss @@ -3,12 +3,10 @@ .DatePicker { // stylelint-disable-next-line -- Polaris component custom properties --pc-date-picker-range-end-border-radius: var(--p-border-radius-6); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; } .MonthLayout { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--p-space-4)); @@ -16,7 +14,6 @@ } .MonthContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 230px; margin-top: var(--p-space-4); margin-left: var(--p-space-4); @@ -25,7 +22,6 @@ } .Month { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; table-layout: fixed; border-collapse: collapse; @@ -38,7 +34,6 @@ } .DayCell { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: (100% / 7); background: transparent; margin: 0; @@ -51,11 +46,8 @@ } .Day { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; margin: 0; padding: var(--p-space-2); @@ -147,7 +139,6 @@ } .EmptyDayCell { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: calc(100% / 7); margin: 0; padding: 0; @@ -168,20 +159,14 @@ } .Header { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: space-between; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; } .Title { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; margin-top: var(--p-space-05); padding-bottom: var(--p-space-1); diff --git a/polaris-react/src/components/DescriptionList/DescriptionList.scss b/polaris-react/src/components/DescriptionList/DescriptionList.scss index e3a97b741e3..c9b74d0cc6f 100644 --- a/polaris-react/src/components/DescriptionList/DescriptionList.scss +++ b/polaris-react/src/components/DescriptionList/DescriptionList.scss @@ -6,10 +6,8 @@ word-break: break-word; @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: wrap; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: flex-start; } } @@ -23,7 +21,6 @@ } @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 1 25%; padding: var(--p-space-4) var(--p-space-4) var(--p-space-4) 0; @@ -51,7 +48,6 @@ } @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 51%; padding: var(--p-space-4) 0; diff --git a/polaris-react/src/components/DropZone/DropZone.scss b/polaris-react/src/components/DropZone/DropZone.scss index d7db54ab312..f99f94a6572 100755 --- a/polaris-react/src/components/DropZone/DropZone.scss +++ b/polaris-react/src/components/DropZone/DropZone.scss @@ -11,13 +11,9 @@ $dropzone-stacking-order: ( ); @mixin reset-after { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; opacity: 1; transform: scale(1); @@ -33,28 +29,20 @@ $dropzone-stacking-order: ( --pc-drop-zone-outline: 29; --pc-drop-zone-overlay: 30; // stylelint-enable - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; background-color: var(--p-surface); border-radius: var(--p-border-radius-1); &::after { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-drop-zone-outline); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; border: var(--p-border-width-1) $dropzone-border-style transparent; border-radius: var(--p-border-radius-1); @@ -121,13 +109,11 @@ $dropzone-stacking-order: ( .sizeMedium { min-height: $dropzone-min-height-medium; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; } .sizeSmall { padding: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; min-height: $dropzone-min-height-small; } @@ -140,29 +126,20 @@ $dropzone-stacking-order: ( .Container { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring($border-width: 1px); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1; } .Overlay { @include set-border-radius; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-drop-zone-overlay); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; padding: var(--p-space-4); border: var(--p-border-width-1) $dropzone-border-style var(--p-interactive); diff --git a/polaris-react/src/components/DropZone/components/FileUpload/FileUpload.scss b/polaris-react/src/components/DropZone/components/FileUpload/FileUpload.scss index d06b81b267f..17f3b1dc605 100755 --- a/polaris-react/src/components/DropZone/components/FileUpload/FileUpload.scss +++ b/polaris-react/src/components/DropZone/components/FileUpload/FileUpload.scss @@ -3,13 +3,9 @@ .FileUpload { padding: var(--p-space-4); text-align: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; } @@ -28,9 +24,7 @@ .Action { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline-flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; border: none; border-radius: var(--p-border-radius-1); diff --git a/polaris-react/src/components/ExceptionList/ExceptionList.scss b/polaris-react/src/components/ExceptionList/ExceptionList.scss index 36a257c1ea2..567c5db9fa4 100644 --- a/polaris-react/src/components/ExceptionList/ExceptionList.scss +++ b/polaris-react/src/components/ExceptionList/ExceptionList.scss @@ -7,7 +7,6 @@ } .Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; padding-left: var(--p-space-6); color: var(--p-text-subdued); @@ -18,20 +17,13 @@ } .Icon { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; min-width: var(--p-space-5); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--p-space-5); margin-right: var(--p-space-1); @@ -50,9 +42,7 @@ } .Bullet { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 6px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 6px; border-radius: var(--p-border-radius-full); background-color: var(--p-icon-subdued); diff --git a/polaris-react/src/components/Filters/Filters.scss b/polaris-react/src/components/Filters/Filters.scss index 739412f99df..9dc91632339 100644 --- a/polaris-react/src/components/Filters/Filters.scss +++ b/polaris-react/src/components/Filters/Filters.scss @@ -4,112 +4,79 @@ $list-filters-header-height: $top-bar-height; $list-filters-footer-height: 70px; .Filters { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; } .FiltersContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-direction: column; } .FiltersContainerHeader { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; padding: var(--p-space-4) var(--p-space-5); border-bottom: var(--p-border-divider); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $list-filters-header-height; box-sizing: border-box; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: space-between; } .FiltersDesktopContainerContent { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable -- generated by polaris-migrator DO NOT COPY height: calc( 100% - #{$list-filters-footer-height} - #{$list-filters-header-height} ); - // stylelint-enable padding: var(--p-space-2); } .FiltersMobileContainerContent { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: calc(100% - #{$list-filters-header-height}); padding: var(--p-space-2); } .FiltersContainerFooter { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; padding: var(--p-space-4) var(--p-space-5); border-top: var(--p-border-divider); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $list-filters-footer-height; box-sizing: border-box; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: space-between; } .FiltersMobileContainerFooter { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; padding: var(--p-space-4) var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $list-filters-footer-height; box-sizing: border-box; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: space-between; } .EmptyFooterState { border-top: var(--p-border-divider); padding-top: var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; } .FilterTriggerContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; } .FilterTrigger { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; margin: 0; padding: var(--p-space-4) var(--p-space-5); @@ -145,21 +112,16 @@ $list-filters-footer-height: 70px; .AppliedFilterBadgeContainer { padding-top: var(--p-space-1); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; .open & { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } } .FilterTriggerLabelContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: space-between; } @@ -167,26 +129,19 @@ $list-filters-footer-height: 70px; &::before, &::after { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: calc(100% - var(--p-space-8)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--p-space-025); background-color: var(--p-surface-subdued); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; } &::before { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; } &::after { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; } } @@ -194,30 +149,22 @@ $list-filters-footer-height: 70px; .open.first { &::after { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: calc(100% - var(--p-space-8)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--p-space-025); background-color: var(--p-surface-subdued); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; } &::before { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } } .open ~ .open { &::before { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } } @@ -225,30 +172,22 @@ $list-filters-footer-height: 70px; .open.last { &::before { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: calc(100% - var(--p-space-8)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--p-space-025); background-color: var(--p-surface-subdued); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; } &::after { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } } .open + .last { &::before { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } } @@ -262,18 +201,12 @@ $list-filters-footer-height: 70px; } .Backdrop { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; z-index: var(--p-z-index-10); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; opacity: 0; } @@ -283,7 +216,6 @@ $list-filters-footer-height: 70px; } .TagsContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; padding-top: var(--p-space-2); flex-wrap: wrap; diff --git a/polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.scss b/polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.scss index f342fa52d6a..0c4da91f141 100644 --- a/polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.scss +++ b/polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.scss @@ -9,13 +9,10 @@ --pc-connceted-filter-control-item: 10; --pc-connceted-filter-control-focused: 20; // stylelint-enable -- polaris/conventions/polaris/custom-property-allowed-list - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-grow: 1; .CenterContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; min-width: 100px; } @@ -29,7 +26,6 @@ } .Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-connceted-filter-control-item); @@ -41,23 +37,16 @@ } .ProxyButtonContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: -1000px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: -1000px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 0; visibility: hidden; overflow: hidden; > * { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-shrink: 0; } } @@ -68,7 +57,6 @@ } .RightContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; .Item > div > button { @@ -77,7 +65,6 @@ } .Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-shrink: 0; } @@ -116,11 +103,9 @@ } .Wrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; } .AuxiliaryContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-grow: 0; } diff --git a/polaris-react/src/components/FooterHelp/FooterHelp.scss b/polaris-react/src/components/FooterHelp/FooterHelp.scss index 739c0e642e9..ddf04d8bc80 100644 --- a/polaris-react/src/components/FooterHelp/FooterHelp.scss +++ b/polaris-react/src/components/FooterHelp/FooterHelp.scss @@ -1,17 +1,13 @@ @import '../../styles/common'; .FooterHelp { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; margin: var(--p-space-5) 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; @media #{$p-breakpoints-sm-up} { margin: var(--p-space-5); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: auto; } } diff --git a/polaris-react/src/components/FormLayout/FormLayout.scss b/polaris-react/src/components/FormLayout/FormLayout.scss index 5a82a7dcce5..59486596d3f 100644 --- a/polaris-react/src/components/FormLayout/FormLayout.scss +++ b/polaris-react/src/components/FormLayout/FormLayout.scss @@ -11,13 +11,11 @@ $item-min-size: 220px; } .Items { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: wrap; } .Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 $item-min-size; margin-top: var(--p-space-4); margin-left: var(--p-space-5); diff --git a/polaris-react/src/components/Frame/Frame.scss b/polaris-react/src/components/Frame/Frame.scss index dd47e004f4b..5b45c4779c2 100644 --- a/polaris-react/src/components/Frame/Frame.scss +++ b/polaris-react/src/components/Frame/Frame.scss @@ -3,10 +3,8 @@ .Frame { // stylelint-disable-next-line -- Polaris component custom properties --pc-frame-button-size: var(--p-space-8); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; min-height: 100vh; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; background-color: var(--p-background); @@ -23,26 +21,19 @@ } .Navigation { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; z-index: var(--p-z-index-8); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: stretch; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; outline: none; transform: translateX(0%); @media print { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY + // stylelint-disable-next-line declaration-no-important -- Enforce print styles display: none !important; } @@ -51,13 +42,10 @@ z-index: 1; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: var(--pc-frame-offset); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; .hasTopBar & { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: $top-bar-height; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: calc(100% - #{$top-bar-height}); } } @@ -71,7 +59,6 @@ .Navigation-enterActive, .Navigation-exit, .Navigation-exitActive { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; } @@ -98,11 +85,8 @@ @include recolor-icon(var(--p-surface)); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 100%; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: var(--pc-frame-button-size); @@ -120,7 +104,7 @@ transition: opacity var(--p-duration-100) var(--p-ease); @media print { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY + // stylelint-disable-next-line declaration-no-important -- Enforce print styles display: none !important; } @@ -132,14 +116,12 @@ &:focus { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring($style: focused); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; border-radius: var(--p-border-radius-1); outline: none; } @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } @@ -153,20 +135,15 @@ } .TopBar { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; z-index: var(--p-z-index-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $top-bar-height; @media print { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY + // stylelint-disable-next-line declaration-no-important -- Enforce print styles display: none !important; } @@ -179,14 +156,10 @@ } .ContextualSaveBar { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; z-index: var(--p-z-index-5); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; @media #{$p-breakpoints-md-up} { @@ -198,11 +171,8 @@ } .Main { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: stretch; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @@ -235,23 +205,18 @@ } .Content { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY padding-bottom: var(--pc-frame-global-ribbon-height, 0); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include layout-flex-fix; } .GlobalRibbonContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; z-index: var(--p-z-index-3); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; @media #{$p-breakpoints-md-up} { @@ -275,18 +240,14 @@ } .LoadingBar { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; z-index: var(--p-z-index-6); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; @media print { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY + // stylelint-disable-next-line declaration-no-important -- Enforce print styles display: none !important; } @@ -305,7 +266,6 @@ .Skip { // stylelint-disable-next-line -- Polaris component custom properties --pc-frame-skip-vertical-offset: 10px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; z-index: var(--p-z-index-9); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY diff --git a/polaris-react/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.scss b/polaris-react/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.scss index 83954236aa2..bafc44274fc 100644 --- a/polaris-react/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.scss +++ b/polaris-react/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.scss @@ -7,9 +7,7 @@ --p-action-secondary-hovered: var(--p-action-secondary-hovered-dark); --p-action-secondary-pressed: var(--p-action-secondary-pressed-dark); /* stylelint-enable */ - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $top-bar-height; background: var(--p-surface-dark); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @@ -31,17 +29,12 @@ } .LogoContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 $layout-width-nav-base; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; padding: 0 var(--p-space-4); background-color: transparent; @@ -49,18 +42,13 @@ } .Contents { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: space-between; min-width: 1px; max-width: $layout-width-primary-max + $layout-width-secondary-max + $layout-width-inner-spacing-base; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; margin: 0 auto; padding: 0 var(--p-space-4); @@ -80,7 +68,6 @@ } .ActionContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-shrink: 0; } @@ -89,13 +76,10 @@ } .ContextControl { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: $layout-width-nav-base; } } diff --git a/polaris-react/src/components/Frame/components/Loading/Loading.scss b/polaris-react/src/components/Frame/components/Loading/Loading.scss index e749d83acd6..98711693fba 100644 --- a/polaris-react/src/components/Frame/components/Loading/Loading.scss +++ b/polaris-react/src/components/Frame/components/Loading/Loading.scss @@ -2,16 +2,13 @@ .Loading { overflow: hidden; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 3px; background-color: var(--p-surface); opacity: 1; } .Level { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; transform-origin: 0; background-color: var(--p-icon-success); diff --git a/polaris-react/src/components/Frame/components/Toast/Toast.scss b/polaris-react/src/components/Frame/components/Toast/Toast.scss index faa33d6177c..12d11ee0301 100644 --- a/polaris-react/src/components/Frame/components/Toast/Toast.scss +++ b/polaris-react/src/components/Frame/components/Toast/Toast.scss @@ -3,7 +3,6 @@ $Backdrop-opacity: 0.88; .Toast { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline-flex; max-width: 500px; padding: var(--p-space-2) var(--p-space-3); @@ -43,11 +42,9 @@ $Backdrop-opacity: 0.88; } .CloseButton { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; align-self: center; flex-direction: column; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-start; padding: 0; border: none; diff --git a/polaris-react/src/components/Frame/components/ToastManager/ToastManager.scss b/polaris-react/src/components/Frame/components/ToastManager/ToastManager.scss index ce3ad788b65..dd75f5d2413 100644 --- a/polaris-react/src/components/Frame/components/ToastManager/ToastManager.scss +++ b/polaris-react/src/components/Frame/components/ToastManager/ToastManager.scss @@ -11,27 +11,20 @@ } .ToastManager { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; z-index: var(--p-z-index-12); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; text-align: center; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: var(--pc-frame-global-ribbon-height); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-direction: column; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; } .ToastWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline-flex; opacity: 0; transition: transform var(--p-duration-400) ease, diff --git a/polaris-react/src/components/FullscreenBar/FullscreenBar.scss b/polaris-react/src/components/FullscreenBar/FullscreenBar.scss index 0ffba49a3b9..9a6daa67c1f 100644 --- a/polaris-react/src/components/FullscreenBar/FullscreenBar.scss +++ b/polaris-react/src/components/FullscreenBar/FullscreenBar.scss @@ -1,22 +1,16 @@ @import '../../styles/common'; .FullscreenBar { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $top-bar-height; box-shadow: var(--p-shadow-top-bar); background-color: var(--p-surface); } .BackAction { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 1 auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; padding-left: var(--p-space-3); padding-right: var(--p-space-3); diff --git a/polaris-react/src/components/Grid/Grid.scss b/polaris-react/src/components/Grid/Grid.scss index a74f2d770e4..dfe9ed86d74 100644 --- a/polaris-react/src/components/Grid/Grid.scss +++ b/polaris-react/src/components/Grid/Grid.scss @@ -14,7 +14,6 @@ --pc-grid-columns-lg: 12; --pc-grid-columns-xl: var(--pc-grid-columns-lg); // stylelint-enable - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: grid; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY gap: var(--pc-grid-gap-xs, var(--p-space-4)); diff --git a/polaris-react/src/components/Grid/components/Cell/Cell.scss b/polaris-react/src/components/Grid/components/Cell/Cell.scss index 1583a9082b7..a2746d9105f 100644 --- a/polaris-react/src/components/Grid/components/Cell/Cell.scss +++ b/polaris-react/src/components/Grid/components/Cell/Cell.scss @@ -51,7 +51,6 @@ @for $i from 1 through 6 { .Cell-#{$i}-column-xs { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY grid-column-end: span #{$i}; } } @@ -59,7 +58,6 @@ @media #{$p-breakpoints-sm-up} { @for $i from 1 through 6 { .Cell-#{$i}-column-sm { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY grid-column-end: span #{$i}; } } @@ -68,7 +66,6 @@ @media #{$p-breakpoints-md-up} { @for $i from 1 through 6 { .Cell-#{$i}-column-md { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY grid-column-end: span #{$i}; } } @@ -77,7 +74,6 @@ @media #{$p-breakpoints-lg-up} { @for $i from 1 through 12 { .Cell-#{$i}-column-lg { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY grid-column-end: span #{$i}; } } @@ -86,7 +82,6 @@ @media #{$p-breakpoints-xl-up} { @for $i from 1 through 12 { .Cell-#{$i}-column-xl { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY grid-column-end: span #{$i}; } } diff --git a/polaris-react/src/components/Icon/Icon.scss b/polaris-react/src/components/Icon/Icon.scss index 5478920a7bb..ced6e68680b 100644 --- a/polaris-react/src/components/Icon/Icon.scss +++ b/polaris-react/src/components/Icon/Icon.scss @@ -1,11 +1,8 @@ @import '../../styles/common'; .Icon { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 20px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 20px; max-height: 100%; max-width: 100%; @@ -17,25 +14,17 @@ } .hasBackdrop { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; margin: var(--p-space-1); &::before { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: calc(-1 * var(--p-space-1)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: calc(-1 * var(--p-space-1)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: calc(-1 * var(--p-space-1)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: calc(-1 * var(--p-space-1)); border-radius: var(--p-border-radius-full); } @@ -108,11 +97,8 @@ .Svg, .Img { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; max-width: 100%; max-height: 100%; diff --git a/polaris-react/src/components/IndexTable/IndexTable.scss b/polaris-react/src/components/IndexTable/IndexTable.scss index b7ebe93768c..44f335964e3 100644 --- a/polaris-react/src/components/IndexTable/IndexTable.scss +++ b/polaris-react/src/components/IndexTable/IndexTable.scss @@ -10,7 +10,6 @@ --pc-index-table-bulk-actions: 36; --pc-index-table-loading-panel: 37; // stylelint-enable - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; border-radius: inherit; } @@ -54,31 +53,21 @@ $loading-panel-height: 53px; .LoadingPanel { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--p-z-index-2); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; background: var(--p-surface); padding: var(--p-space-2) var(--p-space-4); box-shadow: var(--p-shadow-base); .LoadingPanelRow { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: nowrap; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; background: var(--p-surface-highlight-subdued); padding: var(--p-space-2); @@ -93,7 +82,6 @@ $loading-panel-height: 53px; } .Table { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; min-width: 100%; border-collapse: collapse; @@ -250,30 +238,23 @@ $loading-panel-height: 53px; --pc-index-table-checkbox-offset-left: 16px; --pc-index-table-checkbox-offset-right: 18px; // stylelint-enable - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: sticky; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY padding-left: var(--pc-index-table-checkbox-offset-left); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY padding-right: var(--pc-index-table-checkbox-offset-right); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: var(--p-space-5); } .TableHeadingSortButton { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: static; background: none; padding: 0; border: 0; cursor: pointer; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline-flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; font-weight: var(--p-font-weight-medium); color: var(--p-text-subdued); @@ -308,9 +289,7 @@ $loading-panel-height: 53px; .TableHeadingSortIcon { order: 1; opacity: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--p-space-5); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: var(--p-space-5); transition: opacity var(--p-duration-200) var(--p-ease-in) var(--p-duration-100); @@ -329,9 +308,7 @@ $loading-panel-height: 53px; } .TableHeadingSortSvg { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; max-width: 100%; max-height: 100%; @@ -347,7 +324,6 @@ $loading-panel-height: 53px; } .ColumnHeaderCheckboxWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; } @@ -372,9 +348,7 @@ $loading-panel-height: 53px; } .TableCell-first { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: sticky; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-index-table-sticky-cell); @@ -392,7 +366,6 @@ $loading-panel-height: 53px; // stylelint-disable-next-line selector-max-combinators, selector-max-class -- generated by polaris-migrator DO NOT COPY .TableCell-first + .TableCell { @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: sticky; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-index-table-sticky-cell); @@ -402,17 +375,13 @@ $loading-panel-height: 53px; .TableHeading-second { &:not(.TableHeading-unselectable) { @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: sticky; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; } } // stylelint-disable-next-line selector-max-class -- generated by polaris-migrator DO NOT COPY &.TableHeading-unselectable { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: sticky; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; } } @@ -421,12 +390,10 @@ $loading-panel-height: 53px; .Table-unselectable { // stylelint-disable-next-line selector-max-class, selector-max-specificity -- generated by polaris-migrator DO NOT COPY &.Table-sticky .TableCell:first-child { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; background-color: var(--p-surface); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-index-table-sticky-cell); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: sticky; } @@ -464,9 +431,7 @@ $loading-panel-height: 53px; .Table-sticky-last { .TableCell:last-child { @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: sticky; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; background-color: var(--p-surface); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @@ -476,9 +441,7 @@ $loading-panel-height: 53px; .TableHeading-last { @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: sticky; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; background-color: var(--p-surface); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @@ -519,13 +482,9 @@ $loading-panel-height: 53px; } .StickyTable { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; visibility: hidden; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @@ -533,31 +492,23 @@ $loading-panel-height: 53px; } .StickyTableHeader { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; &:not(.StickyTableHeader-isSticky) { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: -1000px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: -1000px; } } .StickyTableColumnHeader { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; } .StickyTableHeadings { overflow: hidden; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; } @@ -565,23 +516,19 @@ $loading-panel-height: 53px; padding-left: 0; @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } &.unselectable { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } } .StickyTableHeading-second-scrolling { padding: 0 var(--p-space-025) 0 var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; } } @@ -594,61 +541,45 @@ $loading-panel-height: 53px; .IndexTable:hover { .ScrollLeft { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; } .ScrollRight { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; } } .IndexTable .ScrollRight-onboarding { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; } .BulkActionsWrapper { visibility: visible; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-index-table-bulk-actions); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; margin-top: var(--p-space-4); pointer-events: none; } .BulkActionsWrapperSticky { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: calc(var(--p-space-10) - var(--p-space-1)); } .SelectAllActionsWrapper { visibility: visible; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-index-table-bulk-actions); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; padding: 0 var(--p-space-2) 0 var(--p-space-4); background: var(--p-surface); @@ -662,11 +593,9 @@ $loading-panel-height: 53px; $scroll-bar-size: var(--p-space-2); .ScrollBarContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: sticky; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-index-table-scroll-bar); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; padding: var(--p-space-05); background-color: var(--p-surface); @@ -680,13 +609,11 @@ $scroll-bar-size: var(--p-space-2); } .scrollBarContainerHidden { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } .ScrollBar { overflow-x: scroll; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; margin: 0; padding: 0; @@ -699,9 +626,7 @@ $scroll-bar-size: var(--p-space-2); .ScrollBar::-webkit-scrollbar { appearance: none; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $scroll-bar-size; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: $scroll-bar-size; background-color: transparent; } @@ -737,11 +662,9 @@ $scroll-bar-size: var(--p-space-2); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY transform: translateX(calc(-1 * var(--pc-index-table-translate-offset))); transition: transform var(--p-ease) var(--p-duration-200); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; border-top: var(--p-border-divider); filter: none; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; } @@ -759,13 +682,9 @@ $scroll-bar-size: var(--p-space-2); } .HeaderWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; min-height: 56px; padding: var(--p-space-2) var(--p-space-4); @@ -786,7 +705,6 @@ $scroll-bar-size: var(--p-space-2); } .ScrollBarContent { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 1px; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: var(--pc-index-table-scroll-bar-content-width); diff --git a/polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.scss b/polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.scss index 76ad2989440..0e8c232b2a5 100644 --- a/polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.scss +++ b/polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.scss @@ -6,25 +6,18 @@ $condensed-height: 44px; $condensed-width: 50px; .TableCellContentContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; } .Wrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; } .expanded { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: $expanded-width; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $expanded-height; padding-left: var(--p-space-4); } diff --git a/polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.scss b/polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.scss index a1f6b0e8338..9428182e73b 100644 --- a/polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.scss +++ b/polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.scss @@ -7,6 +7,5 @@ } .ScrollContainer::-webkit-scrollbar { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } diff --git a/polaris-react/src/components/Indicator/Indicator.scss b/polaris-react/src/components/Indicator/Indicator.scss index b0725298a11..46466a3edeb 100644 --- a/polaris-react/src/components/Indicator/Indicator.scss +++ b/polaris-react/src/components/Indicator/Indicator.scss @@ -7,7 +7,6 @@ &::before, &::after { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; background-color: var(--p-border-highlight); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY diff --git a/polaris-react/src/components/Inline/Inline.scss b/polaris-react/src/components/Inline/Inline.scss index 00b50633e9a..6645a52e8cf 100644 --- a/polaris-react/src/components/Inline/Inline.scss +++ b/polaris-react/src/components/Inline/Inline.scss @@ -2,7 +2,6 @@ .Inline { @include responsive-props('inline', 'gap', 'gap'); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-wrap: var(--pc-inline-wrap); diff --git a/polaris-react/src/components/InlineError/InlineError.scss b/polaris-react/src/components/InlineError/InlineError.scss index fbba38dd64c..b40bcf634ea 100644 --- a/polaris-react/src/components/InlineError/InlineError.scss +++ b/polaris-react/src/components/InlineError/InlineError.scss @@ -1,5 +1,4 @@ .InlineError { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; color: var(--p-text-critical); fill: var(--p-icon-critical); diff --git a/polaris-react/src/components/KeyboardKey/KeyboardKey.scss b/polaris-react/src/components/KeyboardKey/KeyboardKey.scss index c705663338f..4e404eea6b2 100644 --- a/polaris-react/src/components/KeyboardKey/KeyboardKey.scss +++ b/polaris-react/src/components/KeyboardKey/KeyboardKey.scss @@ -1,7 +1,6 @@ $key-base-dimension: 28px; .KeyboardKey { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $key-base-dimension; display: inline-flex; justify-content: center; diff --git a/polaris-react/src/components/Label/Label.scss b/polaris-react/src/components/Label/Label.scss index a26e7221bac..aab3fa23f33 100644 --- a/polaris-react/src/components/Label/Label.scss +++ b/polaris-react/src/components/Label/Label.scss @@ -10,9 +10,7 @@ } .Text { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; color: currentColor; -webkit-tap-highlight-color: transparent; diff --git a/polaris-react/src/components/Labelled/Labelled.scss b/polaris-react/src/components/Labelled/Labelled.scss index 6dae1836ff8..e115c4a327d 100644 --- a/polaris-react/src/components/Labelled/Labelled.scss +++ b/polaris-react/src/components/Labelled/Labelled.scss @@ -8,12 +8,9 @@ .LabelWrapper { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include text-breakword; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: wrap; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: space-between; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: baseline; margin-bottom: var(--p-space-1); } @@ -29,6 +26,5 @@ } .Action { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; } diff --git a/polaris-react/src/components/Layout/Layout.scss b/polaris-react/src/components/Layout/Layout.scss index a89b8244412..c04b26ee161 100644 --- a/polaris-react/src/components/Layout/Layout.scss +++ b/polaris-react/src/components/Layout/Layout.scss @@ -7,12 +7,9 @@ $one-third-basis: $layout-width-one-third-width-base; $relative-size: $primary-basis / $secondary-basis; .Layout { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: wrap; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: flex-start; margin-top: calc(-1 * var(--p-space-4)); margin-left: calc(-1 * var(--p-space-5)); @@ -31,42 +28,35 @@ $relative-size: $primary-basis / $secondary-basis; } .Section { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: $relative-size $relative-size $primary-basis; min-width: 51%; @media print { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 2 2 360px; } } .Section-secondary { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 $secondary-basis; min-width: 0; } .Section-fullWidth { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 100%; } .Section-oneHalf { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 $one-half-basis; min-width: 0; } .Section-oneThird { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 $one-third-basis; min-width: 0; } .AnnotatedSection { min-width: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 100%; } @@ -85,7 +75,6 @@ $relative-size: $primary-basis / $secondary-basis; } .AnnotationWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--p-space-4)); @@ -93,12 +82,10 @@ $relative-size: $primary-basis / $secondary-basis; } .AnnotationContent { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: $relative-size $relative-size $primary-basis; } .Annotation { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 $secondary-basis; padding: var(--p-space-4) var(--p-space-5) 0; diff --git a/polaris-react/src/components/LegacyCard/LegacyCard.scss b/polaris-react/src/components/LegacyCard/LegacyCard.scss index 1e8f2d3945f..a070f769955 100644 --- a/polaris-react/src/components/LegacyCard/LegacyCard.scss +++ b/polaris-react/src/components/LegacyCard/LegacyCard.scss @@ -37,7 +37,7 @@ .Section-hideOnPrint, .hideOnPrint { @media print { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY + // stylelint-disable-next-line declaration-no-important -- Enforce print styles display: none !important; } } @@ -146,9 +146,7 @@ } .Footer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-end; padding: 0 var(--p-space-4) var(--p-space-4); @@ -157,7 +155,6 @@ } &.LeftJustified { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-start; } diff --git a/polaris-react/src/components/LegacyStack/LegacyStack.scss b/polaris-react/src/components/LegacyStack/LegacyStack.scss index 4cafce8595f..2e29aa49c18 100644 --- a/polaris-react/src/components/LegacyStack/LegacyStack.scss +++ b/polaris-react/src/components/LegacyStack/LegacyStack.scss @@ -1,10 +1,8 @@ .LegacyStack { // stylelint-disable-next-line -- Polaris component custom properties --pc-stack-spacing: var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: wrap; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: stretch; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY margin-top: calc(-1 * var(--pc-stack-spacing)); @@ -55,63 +53,51 @@ } .distributionLeading { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-start; } .distributionTrailing { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-end; } .distributionCenter { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; } .distributionEqualSpacing { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: space-between; } .distributionFill > .Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; } .distributionFillEvenly > .Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; @supports (min-width: fit-content) { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 0 0%; min-width: fit-content; } } .alignmentLeading { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: flex-start; } .alignmentTrailing { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: flex-end; } .alignmentCenter { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; } .alignmentFill { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: stretch; } .alignmentBaseline { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: baseline; } @@ -125,12 +111,10 @@ } .Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; min-width: 0; } .Item-fill { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; } diff --git a/polaris-react/src/components/Link/Link.scss b/polaris-react/src/components/Link/Link.scss index adb53f015b5..8bfd69c7885 100644 --- a/polaris-react/src/components/Link/Link.scss +++ b/polaris-react/src/components/Link/Link.scss @@ -2,7 +2,6 @@ .Link { appearance: none; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline; text-align: inherit; padding: 0; @@ -24,26 +23,19 @@ } &:active { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; color: var(--p-interactive-pressed); &::before { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: -1; // this mimics the box model of the plain button backdrop - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: -2px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: -5px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: -2px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: -5px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; border-radius: var(--p-border-radius-1); } diff --git a/polaris-react/src/components/Listbox/components/Action/Action.scss b/polaris-react/src/components/Listbox/components/Action/Action.scss index 14513608a83..a15f33ca239 100644 --- a/polaris-react/src/components/Listbox/components/Action/Action.scss +++ b/polaris-react/src/components/Listbox/components/Action/Action.scss @@ -1,9 +1,7 @@ @import '../../../../styles/common'; .Action { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1; } diff --git a/polaris-react/src/components/Listbox/components/Loading/Loading.scss b/polaris-react/src/components/Listbox/components/Loading/Loading.scss index afbaf36cb17..169de63e002 100644 --- a/polaris-react/src/components/Listbox/components/Loading/Loading.scss +++ b/polaris-react/src/components/Listbox/components/Loading/Loading.scss @@ -9,7 +9,6 @@ $item-min-height: 40px; .Loading { padding: var(--p-space-2) var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: grid; place-items: center; } diff --git a/polaris-react/src/components/Listbox/components/Option/Option.scss b/polaris-react/src/components/Listbox/components/Option/Option.scss index 0a36a2a7d8d..50b36eca1f6 100644 --- a/polaris-react/src/components/Listbox/components/Option/Option.scss +++ b/polaris-react/src/components/Listbox/components/Option/Option.scss @@ -1,7 +1,6 @@ @import '../../../../styles/common'; .Option { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; margin: 0; padding: 0; diff --git a/polaris-react/src/components/Listbox/components/TextOption/TextOption.scss b/polaris-react/src/components/Listbox/components/TextOption/TextOption.scss index 2079cd08ab6..47b41aacc19 100644 --- a/polaris-react/src/components/Listbox/components/TextOption/TextOption.scss +++ b/polaris-react/src/components/Listbox/components/TextOption/TextOption.scss @@ -2,12 +2,10 @@ .TextOption { margin: var(--p-space-1) var(--p-space-2) 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1; border-radius: var(--p-border-radius-1); padding: var(--p-space-2) var(--p-space-2); cursor: pointer; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring; @@ -40,17 +38,11 @@ &.selected::before { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: calc(-1 * var(--p-space-1)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: var(--p-border-radius-1); background-color: var(--p-interactive); border-top-right-radius: var(--p-border-radius-1); @@ -77,9 +69,7 @@ li:first-of-type > .TextOption { } .Content { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; } diff --git a/polaris-react/src/components/MediaCard/MediaCard.scss b/polaris-react/src/components/MediaCard/MediaCard.scss index 7e4e1a5bb7d..41b3e50c4e4 100644 --- a/polaris-react/src/components/MediaCard/MediaCard.scss +++ b/polaris-react/src/components/MediaCard/MediaCard.scss @@ -1,11 +1,8 @@ @import '../../styles/common'; .MediaCard { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-flow: row wrap; @@ -22,7 +19,6 @@ overflow: hidden; &:not(.portrait) { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-basis: 40%; @media #{$p-breakpoints-md-up} { @@ -32,7 +28,6 @@ } &.sizeSmall { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-basis: 33%; } } @@ -44,27 +39,21 @@ } .InfoContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; &:not(.portrait) { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-basis: 60%; &.sizeSmall { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-basis: 67%; } } } .Popover { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; z-index: var(--p-z-index-2); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: var(--p-space-5); } diff --git a/polaris-react/src/components/MessageIndicator/MessageIndicator.scss b/polaris-react/src/components/MessageIndicator/MessageIndicator.scss index 262d8577c9e..b6e2438eb97 100644 --- a/polaris-react/src/components/MessageIndicator/MessageIndicator.scss +++ b/polaris-react/src/components/MessageIndicator/MessageIndicator.scss @@ -2,22 +2,16 @@ $indicator-size: 12px; $indicator-position: -3px; .MessageIndicatorWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; } .MessageIndicator { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: 1; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: $indicator-position; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: $indicator-position; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: $indicator-size; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $indicator-size; border-radius: var(--p-border-radius-full); background-color: var(--p-icon-highlight); diff --git a/polaris-react/src/components/Modal/Modal.scss b/polaris-react/src/components/Modal/Modal.scss index 71eb53b4264..79e5be9e9b9 100644 --- a/polaris-react/src/components/Modal/Modal.scss +++ b/polaris-react/src/components/Modal/Modal.scss @@ -3,14 +3,11 @@ $small-width: 620px; .Body { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; } .IFrame { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: $small-width; max-width: 100vw; border: none; diff --git a/polaris-react/src/components/Modal/components/Dialog/Dialog.scss b/polaris-react/src/components/Modal/components/Dialog/Dialog.scss index 210841ca131..c444cf45d70 100644 --- a/polaris-react/src/components/Modal/components/Dialog/Dialog.scss +++ b/polaris-react/src/components/Modal/components/Dialog/Dialog.scss @@ -10,28 +10,20 @@ $large-width: 980px; $breakpoints-height-limit-up: '(min-height: #{breakpoint($height-limit + $vertical-spacing)})'; .Container { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; z-index: var(--p-z-index-11); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-direction: column; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-end; // Allow passthrough of click events to dismiss modal on backdrop click // Resume pointer-events on .Modal below pointer-events: none; @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; } } @@ -42,18 +34,12 @@ $breakpoints-height-limit-up: '(min-height: #{breakpoint($height-limit + $vertic .Modal { pointer-events: initial; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-direction: column; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; max-height: calc(100vh - #{$vertical-spacing}); background: var(--p-surface); @@ -64,13 +50,11 @@ $breakpoints-height-limit-up: '(min-height: #{breakpoint($height-limit + $vertic } @media #{$p-breakpoints-md-down} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; max-height: 100%; } @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; max-width: $small-width; margin: 0 auto; @@ -107,10 +91,8 @@ $breakpoints-height-limit-up: '(min-height: #{breakpoint($height-limit + $vertic } &.fullScreen { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: unset; } } diff --git a/polaris-react/src/components/Modal/components/Section/Section.scss b/polaris-react/src/components/Modal/components/Section/Section.scss index 3a3b94d4b5b..212622955d8 100644 --- a/polaris-react/src/components/Modal/components/Section/Section.scss +++ b/polaris-react/src/components/Modal/components/Section/Section.scss @@ -1,7 +1,6 @@ $close-button-width: calc(var(--p-space-12) + var(--p-space-1)); .Section { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; &:not(:last-of-type) { diff --git a/polaris-react/src/components/Navigation/Navigation.scss b/polaris-react/src/components/Navigation/Navigation.scss index 41bcbf918ce..e43c477579c 100644 --- a/polaris-react/src/components/Navigation/Navigation.scss +++ b/polaris-react/src/components/Navigation/Navigation.scss @@ -8,16 +8,12 @@ $nav-max-width: 360px; .Navigation { // stylelint-disable-next-line -- Polaris component custom properties --pc-navigation-icon-size: 20px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-direction: column; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: stretch; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: $mobile-nav-width; min-width: $layout-width-nav-base; max-width: $nav-max-width; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; min-height: 100%; background-color: var(--p-background); @@ -39,7 +35,6 @@ $nav-max-width: 360px; } .UserMenu { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; } @@ -47,19 +42,15 @@ $nav-max-width: 360px; min-height: $top-bar-height; @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } } .PrimaryNavigation { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; overflow: auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; flex-direction: column; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: stretch; max-width: 100%; @@ -73,16 +64,11 @@ $nav-max-width: 360px; } .LogoContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; @media #{$p-breakpoints-md-down} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 $top-bar-height; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $top-bar-height; padding: 0 var(--p-space-2) 0 var(--p-space-4); background-color: var(--p-surface); @@ -102,7 +88,6 @@ $nav-max-width: 360px; .Logo, .LogoLink { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; } @@ -111,7 +96,6 @@ $disabled-fade: 0.6; .Item { @include nav-item-attributes; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; border-radius: var(--p-border-radius-1); @@ -130,15 +114,10 @@ $disabled-fade: 0.6; &::before { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 1px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 1px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: calc(-1 * var(--p-space-2)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: $active-indicator-width; background-color: var(--p-action-primary); border-top-right-radius: var(--p-border-radius-1); @@ -186,7 +165,6 @@ $disabled-fade: 0.6; .Badge { margin-left: var(--p-space-2); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline-flex; // stylelint-disable-next-line -- ensures badges are the same height as the text height: var(--p-font-line-height-2); @@ -231,7 +209,6 @@ $disabled-fade: 0.6; } .ItemWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; padding: 0 var(--p-space-2); } @@ -239,10 +216,8 @@ $disabled-fade: 0.6; .ItemInnerWrapper { // stylelint-disable-next-line -- required for absolute positioning of actions position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: nowrap; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; &.ItemInnerDisabled { @@ -255,7 +230,6 @@ $disabled-fade: 0.6; } .Text { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; font-size: var(--p-font-size-200); font-weight: var(--p-font-weight-medium); @@ -272,7 +246,7 @@ $disabled-fade: 0.6; } .Text-truncated { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY + // stylelint-disable-next-line value-no-vendor-prefix -- generated by polaris-migrator DO NOT COPY display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; @@ -362,17 +336,13 @@ $disabled-fade: 0.6; @include unstyled-button; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include recolor-icon($fill-color: var(--p-icon)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: nav(mobile-height); padding: var(--p-space-1) calc(var(--p-space-2) + var(--p-space-05)); border-radius: var(--p-border-radius-1); @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: nav(desktop-height); padding: var(--p-space-05); } @@ -385,8 +355,10 @@ $disabled-fade: 0.6; $fill-color: var(--p-icon-hovered), $filter-color: var(--p-filter-icon-action-primary) ); + // stylelint-enable @media (-ms-high-contrast: active) { + // stylelint-disable -- generated by polaris-migrator DO NOT COPY @include recolor-icon( $fill-color: var(--p-icon-on-interactive), $filter-color: var(--p-filter-icon-on-interactive) @@ -420,7 +392,6 @@ $disabled-fade: 0.6; // Secondary styles .SecondaryNavigation { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-basis: 100%; margin-left: 0; overflow-x: visible; @@ -511,7 +482,6 @@ $disabled-fade: 0.6; // Section styles .Section { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; margin: 0; padding: var(--p-space-4) 0; @@ -527,7 +497,6 @@ $disabled-fade: 0.6; } .Section-fill { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 0 auto; } @@ -538,15 +507,12 @@ $disabled-fade: 0.6; .SectionHeading { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY text-transform: none; // Adding this intentionally to override the default subheading styling. - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; min-height: nav(desktop-nav-height); padding-left: calc(var(--p-space-5) + var(--p-space-05)); > :first-child { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; margin-top: calc(var(--p-space-2) + var(--p-space-05)); margin-bottom: calc(var(--p-space-2) + var(--p-space-05)); @@ -567,26 +533,20 @@ $disabled-fade: 0.6; @include unstyled-button; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include recolor-icon($fill-color: var(--p-icon)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: nav(mobile-nav-height); margin-right: var(--p-space-1); padding: var(--p-space-1) var(--p-space-4); border-radius: var(--p-border-radius-1); @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: nav(desktop-nav-height); // stylelint-disable selector-max-combinators -- generated by polaris-migrator DO NOT COPY svg, img { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: var(--p-space-4); margin: var(--p-space-05); } @@ -673,12 +633,8 @@ $disabled-fade: 0.6; } .Indicator { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline-block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 10px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 10px; } diff --git a/polaris-react/src/components/Navigation/_variables.scss b/polaris-react/src/components/Navigation/_variables.scss index cb8564662b0..d5a0b9af89e 100644 --- a/polaris-react/src/components/Navigation/_variables.scss +++ b/polaris-react/src/components/Navigation/_variables.scss @@ -25,11 +25,8 @@ $nav-animation-variables: ( font-weight: var(--p-font-weight-semibold); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY line-height: 36px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-grow: 1; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: flex-start; max-width: 100%; padding: 0 var(--p-space-1) 0 var(--p-space-3); @@ -70,11 +67,8 @@ $nav-animation-variables: ( svg, img { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--p-space-5); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: var(--p-space-5); } @@ -82,9 +76,7 @@ $nav-animation-variables: ( svg, img { margin: var(--p-space-05); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: var(--p-space-4); } } @@ -109,13 +101,11 @@ $nav-animation-variables: ( $fill-color: var(--p-icon), $filter-color: var(--pc-navigation-filter-icon) ); + // stylelint-enable - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-shrink: 0; align-self: flex-start; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: nav(icon-size); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: nav(icon-size); margin-top: calc(var(--p-space-2) + var(--p-space-05)); margin-right: var(--p-space-3); @@ -154,15 +144,12 @@ $nav-animation-variables: ( // The regular nav items are wrapped in polaris icon components which add // the styles we're missing which causes the channel items to shift down svg { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; } } @mixin nav-list-item-attributes { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: wrap; @@ -178,7 +165,6 @@ $nav-animation-variables: ( } @mixin nav-item-text-attributes { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; margin-top: calc(var(--p-space-2) + var(--p-space-05)); margin-bottom: calc(var(--p-space-2) + var(--p-space-05)); @@ -198,23 +184,16 @@ $nav-animation-variables: ( } @mixin usermenu-section-attributes { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; margin-top: var(--p-space-4); &::before { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: calc(-1 * var(--p-space-2)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 1px; background-color: var(--p-surface-neutral); } diff --git a/polaris-react/src/components/OptionList/components/Checkbox/Checkbox.scss b/polaris-react/src/components/OptionList/components/Checkbox/Checkbox.scss index db130353224..9e3ee8cba44 100644 --- a/polaris-react/src/components/OptionList/components/Checkbox/Checkbox.scss +++ b/polaris-react/src/components/OptionList/components/Checkbox/Checkbox.scss @@ -1,9 +1,7 @@ @import '../../../../styles/common'; .Checkbox { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; margin: var(--p-space-025); // stylelint-disable-next-line selector-max-class -- generated by polaris-migrator DO NOT COPY @@ -57,13 +55,9 @@ .Backdrop { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include control-backdrop; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring($border-width: var(--p-border-width-2)); @@ -72,11 +66,8 @@ .Icon { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include recolor-icon(var(--p-icon-on-interactive)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 50%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 50%; transform-origin: 50% 50%; pointer-events: none; diff --git a/polaris-react/src/components/OptionList/components/Option/Option.scss b/polaris-react/src/components/OptionList/components/Option/Option.scss index af404958f3b..8828e4d6d4b 100644 --- a/polaris-react/src/components/OptionList/components/Option/Option.scss +++ b/polaris-react/src/components/OptionList/components/Option/Option.scss @@ -8,7 +8,6 @@ $control-vertical-adjustment: 2px; .Option { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include unstyled-button; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; min-height: $min-height; text-align: left; @@ -56,11 +55,8 @@ $control-vertical-adjustment: 2px; .Label, .SingleSelectOption { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: flex-start; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; cursor: pointer; border-radius: var(--p-border-radius-1); @@ -90,9 +86,7 @@ $control-vertical-adjustment: 2px; .Checkbox { box-sizing: border-box; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-shrink: 0; width: 20px; height: 20px; @@ -113,16 +107,13 @@ $control-vertical-adjustment: 2px; } .verticalAlignTop { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: flex-start; } .verticalAlignCenter { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; } .verticalAlignBottom { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: flex-end; } diff --git a/polaris-react/src/components/Page/Page.scss b/polaris-react/src/components/Page/Page.scss index a229ebcc0cf..d5079f0766a 100644 --- a/polaris-react/src/components/Page/Page.scss +++ b/polaris-react/src/components/Page/Page.scss @@ -10,7 +10,6 @@ $stacking-order: ( html, body { min-height: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; } @@ -21,7 +20,7 @@ body { // Ensure bottom margins of any children are contained &::after { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY + // stylelint-disable-next-line declaration-property-value-disallowed-list -- generated by polaris-migrator DO NOT COPY display: table; } } diff --git a/polaris-react/src/components/Page/components/Header/Header.scss b/polaris-react/src/components/Page/components/Header/Header.scss index 93fe3dda9d1..2e9265a621b 100644 --- a/polaris-react/src/components/Page/components/Header/Header.scss +++ b/polaris-react/src/components/Page/components/Header/Header.scss @@ -3,11 +3,9 @@ $action-menu-rollup-computed-width: 40px; .TitleWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY grid-area: title; margin-top: var(--p-space-1); align-self: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; @media #{$p-breakpoints-sm-up} { @@ -16,7 +14,6 @@ $action-menu-rollup-computed-width: 40px; } .BreadcrumbWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY grid-area: breadcrumbs; } @@ -48,9 +45,7 @@ $action-menu-rollup-computed-width: 40px; } .Row { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: space-between; &:first-child { @@ -71,17 +66,12 @@ $action-menu-rollup-computed-width: 40px; } .RightAlign { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY grid-area: actions; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; align-content: flex-end; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; align-self: flex-start; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-end; margin-left: var(--p-space-4); // Necessary for flex to realize this container doesn't want to wrap @@ -107,13 +97,9 @@ $action-menu-rollup-computed-width: 40px; } .Actions { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-end; text-align: right; } @@ -124,12 +110,9 @@ $action-menu-rollup-computed-width: 40px; } .Row { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: grid; gap: var(--p-space-2) var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY grid-template-columns: auto 1fr; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY grid-template-areas: 'breadcrumbs actions' 'title title'; + .Row { diff --git a/polaris-react/src/components/Page/components/Header/components/Title/Title.scss b/polaris-react/src/components/Page/components/Header/components/Title/Title.scss index 770f9a55b49..30bfd3876a6 100644 --- a/polaris-react/src/components/Page/components/Header/components/Title/Title.scss +++ b/polaris-react/src/components/Page/components/Header/components/Title/Title.scss @@ -23,21 +23,17 @@ } .TitleWithMetadataWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: wrap; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; row-gap: var(--p-space-2); .Title { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline; margin-right: var(--p-space-2); // stylelint-disable-next-line selector-max-combinators -- generated by polaris-migrator DO NOT COPY > * { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline; } } diff --git a/polaris-react/src/components/Popover/Popover.scss b/polaris-react/src/components/Popover/Popover.scss index a4cbfa49fea..1abd1a196e3 100644 --- a/polaris-react/src/components/Popover/Popover.scss +++ b/polaris-react/src/components/Popover/Popover.scss @@ -59,9 +59,7 @@ $vertical-motion-offset: -5px; } .Content { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-direction: column; border-radius: var(--p-border-radius-1); @@ -83,7 +81,6 @@ $vertical-motion-offset: -5px; } .Pane { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; max-width: 100%; @@ -98,7 +95,6 @@ $vertical-motion-offset: -5px; .Pane-fixed { overflow: visible; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; } @@ -119,7 +115,7 @@ $vertical-motion-offset: -5px; .PopoverOverlay-hideOnPrint { @media print { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY + // stylelint-disable-next-line declaration-no-important -- Enforce print styles display: none !important; } } diff --git a/polaris-react/src/components/PositionedOverlay/PositionedOverlay.scss b/polaris-react/src/components/PositionedOverlay/PositionedOverlay.scss index b8390998038..4d0d3abaf4b 100644 --- a/polaris-react/src/components/PositionedOverlay/PositionedOverlay.scss +++ b/polaris-react/src/components/PositionedOverlay/PositionedOverlay.scss @@ -1,11 +1,9 @@ .PositionedOverlay { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; z-index: var(--p-z-index-2); } .fixed { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; } diff --git a/polaris-react/src/components/ProgressBar/ProgressBar.scss b/polaris-react/src/components/ProgressBar/ProgressBar.scss index cbbf07d0761..63c79452d39 100644 --- a/polaris-react/src/components/ProgressBar/ProgressBar.scss +++ b/polaris-react/src/components/ProgressBar/ProgressBar.scss @@ -13,7 +13,6 @@ .ProgressBar { overflow: hidden; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY background-color: var(--pc-progress-bar-background); @@ -25,17 +24,14 @@ } .sizeSmall { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: progress-bar-height(small); } .sizeMedium { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: progress-bar-height(); } .sizeLarge { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: progress-bar-height(large); } @@ -68,7 +64,6 @@ } .Indicator { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: inherit; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY background-color: var(--pc-progress-bar-indicator); diff --git a/polaris-react/src/components/RadioButton/RadioButton.scss b/polaris-react/src/components/RadioButton/RadioButton.scss index 479a4c0bd18..51a6e23cecb 100644 --- a/polaris-react/src/components/RadioButton/RadioButton.scss +++ b/polaris-react/src/components/RadioButton/RadioButton.scss @@ -1,7 +1,6 @@ @import '../../styles/common'; .RadioButton { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; margin: var(--p-space-025); } @@ -53,17 +52,11 @@ // stylelint-disable-next-line -- Polaris component custom properties --pc-icon-size-small: 10px; } - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; border: var(--p-border-width-2) solid var(--p-border); border-radius: var(--p-border-radius-full); @@ -72,11 +65,8 @@ &::before { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 50%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 50%; opacity: 0; transform: translate(-50%, -50%) scale(0.1); diff --git a/polaris-react/src/components/RangeSlider/RangeSlider.scss b/polaris-react/src/components/RangeSlider/RangeSlider.scss index 1d9de05dc21..ef2158ff8e9 100644 --- a/polaris-react/src/components/RangeSlider/RangeSlider.scss +++ b/polaris-react/src/components/RangeSlider/RangeSlider.scss @@ -11,11 +11,9 @@ @mixin track-dashed { $dashedTrackColor: var(--p-border); content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--pc-range-slider-track-height); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; background-image: linear-gradient( to right, diff --git a/polaris-react/src/components/RangeSlider/components/DualThumb/DualThumb.scss b/polaris-react/src/components/RangeSlider/components/DualThumb/DualThumb.scss index 3cb2b4c6d65..479608eb0bd 100644 --- a/polaris-react/src/components/RangeSlider/components/DualThumb/DualThumb.scss +++ b/polaris-react/src/components/RangeSlider/components/DualThumb/DualThumb.scss @@ -4,24 +4,16 @@ $range-wrapper: 28px; .DualThumb { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; } .TrackWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; min-height: $range-wrapper; cursor: pointer; @@ -44,11 +36,9 @@ $range-wrapper: 28px; var(--pc-dual-thumb-unselected-range) var(--pc-range-slider-progress-upper), var(--pc-dual-thumb-unselected-range) 100%; // stylelint-enable - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: 1; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--pc-range-slider-track-height); @@ -93,7 +83,6 @@ $range-wrapper: 28px; .Thumbs { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring($size: 'wide', $border-width: 1px); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-range-slider-input); @@ -139,13 +128,11 @@ $range-wrapper: 28px; $range-output-size: 32px; .Prefix { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; margin-right: var(--p-space-2); } .Suffix { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; margin-left: var(--p-space-2); } @@ -153,7 +140,6 @@ $range-output-size: 32px; .Output { // stylelint-disable-next-line -- Polaris component custom properties --pc-range-slider-output-spacing: var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-range-slider-output); @@ -176,13 +162,10 @@ $range-output-size: 32px; } .OutputBubble { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; padding: 0 var(--p-space-2); min-width: $range-output-size; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $range-output-size; background-color: var(--p-surface); box-shadow: var(--p-shadow-popover); @@ -208,9 +191,7 @@ $range-output-size: 32px; // stylelint-enable selector-max-specificity, selector-max-combinators, selector-max-class -- generated by polaris-migrator DO NOT COPY > :first-child { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; margin: auto; } diff --git a/polaris-react/src/components/RangeSlider/components/SingleThumb/SingleThumb.scss b/polaris-react/src/components/RangeSlider/components/SingleThumb/SingleThumb.scss index 5fcbb85c679..b12a55747fd 100644 --- a/polaris-react/src/components/RangeSlider/components/SingleThumb/SingleThumb.scss +++ b/polaris-react/src/components/RangeSlider/components/SingleThumb/SingleThumb.scss @@ -2,9 +2,7 @@ @import '../../RangeSlider'; .SingleThumb { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; &.disabled { @@ -14,13 +12,9 @@ } .InputWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--pc-range-slider-thumb-size); @@ -36,7 +30,6 @@ } @media #{$p-breakpoints-sm-down} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 44px; } } @@ -48,13 +41,11 @@ } .Prefix { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; margin-right: var(--p-space-2); } .Suffix { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; margin-left: var(--p-space-2); } @@ -83,23 +74,19 @@ } &::-ms-tooltip { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include unstyled-input; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-range-slider-input); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include range-track-selectors { cursor: pointer; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--pc-range-slider-track-height); @@ -211,7 +198,6 @@ $range-output-translate-x: calc( .Output { // stylelint-disable-next-line -- Polaris component custom properties --pc-range-slider-output-spacing: var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-range-slider-output); @@ -240,14 +226,11 @@ $range-output-translate-x: calc( } .OutputBubble { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; box-shadow: var(--p-shadow-popover); padding: 0 var(--p-space-2); min-width: $range-output-size; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $range-output-size; background-color: var(--p-surface); border-radius: var(--p-border-radius-1); @@ -273,9 +256,7 @@ $range-output-translate-x: calc( // stylelint-enable selector-max-specificity, selector-max-combinators, selector-max-class > :first-child { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; margin: auto; } diff --git a/polaris-react/src/components/ResourceItem/ResourceItem.scss b/polaris-react/src/components/ResourceItem/ResourceItem.scss index 91eda6aee97..062af2541fc 100644 --- a/polaris-react/src/components/ResourceItem/ResourceItem.scss +++ b/polaris-react/src/components/ResourceItem/ResourceItem.scss @@ -51,17 +51,12 @@ .Link, .Button { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-resource-item-clickable-stacking-order); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; opacity: 0; } @@ -85,7 +80,6 @@ } @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; transform: translateX(0); margin-right: 0; @@ -156,7 +150,6 @@ // stylelint-disable-next-line selector-max-specificity, selector-max-combinators -- generated by polaris-migrator DO NOT COPY * + ul > &:first-of-type.focused::after { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 1px; } } diff --git a/polaris-react/src/components/ResourceList/ResourceList.scss b/polaris-react/src/components/ResourceList/ResourceList.scss index 34dfbf21e0b..fa85962fda3 100644 --- a/polaris-react/src/components/ResourceList/ResourceList.scss +++ b/polaris-react/src/components/ResourceList/ResourceList.scss @@ -9,15 +9,10 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)}) } @mixin resource-list-overlay { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; } @@ -34,7 +29,6 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)}) } .HeaderOuterWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; background-color: var(--p-surface); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @@ -63,13 +57,9 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)}) } .HeaderWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: flex-start; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; min-height: resource-list(header-min-height); padding: calc(var(--p-space-3) - var(--p-space-05)) var(--p-space-5); @@ -82,15 +72,11 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)}) } .HeaderContentWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: resource-list(content-wrapper-stacking-order); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: var(--p-space-5); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: var(--p-space-5); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; min-height: resource-list(header-content-min-height); opacity: 1; @@ -103,13 +89,9 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)}) .SortWrapper, .AlternateToolWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; .HeaderWrapper-hasSelect & { @@ -117,11 +99,8 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)}) } @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 1 auto; margin-left: var(--p-space-4); @@ -145,13 +124,11 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)}) .HeaderTitleWrapper { white-space: nowrap; text-overflow: ellipsis; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1; align-self: center; .HeaderWrapper-hasAlternateTool &, .HeaderWrapper-hasSort & { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } @@ -160,13 +137,11 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)}) .HeaderWrapper-hasSelect &, .HeaderWrapper-hasAlternateTool.HeaderWrapper-hasSelect &, .HeaderWrapper-hasSort.HeaderWrapper-hasSelect & { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } .HeaderWrapper-hasAlternateTool &, .HeaderWrapper-hasSort & { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; } } @@ -175,72 +150,53 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)}) .BulkActionsWrapper { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: resource-list(bulk-actions-wrapper-stacking-order); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; margin-top: var(--p-space-4); pointer-events: none; @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 1 auto; align-self: flex-start; } } .BulkActionsWrapperSticky { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: calc(var(--p-space-10) - var(--p-space-1)); } .SelectAllActionsWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: resource-list(bulk-actions-wrapper-stacking-order); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 1 auto; align-self: flex-start; } } .CheckableButtonWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; } } .SelectButtonWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: none; @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } } @@ -256,7 +212,6 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)}) } .ResourceListWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; } @@ -268,7 +223,6 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)}) } .ResourceList { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: resource-list(list-stacking-order); @@ -278,7 +232,6 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)}) } .ItemWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: resource-list(list-stacking-order); @@ -298,9 +251,7 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)}) @include resource-list-overlay; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: resource-list(spinner-stacking-order); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; } @@ -308,9 +259,7 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)}) @include resource-list-overlay; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: resource-list(overlay-stacking-order); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; background-color: var(--p-overlay); } diff --git a/polaris-react/src/components/ScrollLock/ScrollLock.scss b/polaris-react/src/components/ScrollLock/ScrollLock.scss index f64694a52e3..b4869159346 100644 --- a/polaris-react/src/components/ScrollLock/ScrollLock.scss +++ b/polaris-react/src/components/ScrollLock/ScrollLock.scss @@ -9,7 +9,6 @@ [data-lock-scrolling-wrapper] { overflow: hidden; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; } } diff --git a/polaris-react/src/components/Scrollable/Scrollable.scss b/polaris-react/src/components/Scrollable/Scrollable.scss index 0abdf2756db..5b55f4038de 100644 --- a/polaris-react/src/components/Scrollable/Scrollable.scss +++ b/polaris-react/src/components/Scrollable/Scrollable.scss @@ -10,7 +10,6 @@ --pc-scrollable-max-height: none; // stylelint-enable -webkit-overflow-scrolling: touch; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY max-height: var(--pc-scrollable-max-height); diff --git a/polaris-react/src/components/Select/Select.scss b/polaris-react/src/components/Select/Select.scss index 30bcb0ede45..4c9fc962c65 100644 --- a/polaris-react/src/components/Select/Select.scss +++ b/polaris-react/src/components/Select/Select.scss @@ -6,12 +6,10 @@ --pc-select-content: 20; --pc-select-input: 30; // stylelint-enable - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // IE 11 fix to remove default dropdown arrow select::-ms-expand { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } } @@ -46,15 +44,11 @@ .Content { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include text-style-input; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-select-content); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY min-height: control-height(); @@ -73,7 +67,6 @@ } .SelectedOption { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1; white-space: nowrap; overflow: hidden; @@ -97,19 +90,14 @@ // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY text-transform: initial; letter-spacing: initial; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // Required to solve a bug causing Safari 13 to crash https://bugs.webkit.org/show_bug.cgi?id=202055 text-rendering: auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-select-input); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; margin: 0; opacity: 0; @@ -125,13 +113,9 @@ .Backdrop { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-select-backdrop); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; border: var(--p-border-width-1) solid var(--p-border-shadow); border-radius: var(--p-border-radius-1); @@ -139,9 +123,7 @@ box-shadow: var(--p-shadow-button); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring($border-width: 1px); - // 'position' needs to sit below focus-ring since it will be overwritten - // with relative when the focus ring style is 'base' - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY + // stylelint-disable-next-line order/properties-order -- 'position' needs to sit below focus-ring since it will be overwritten with relative when the focus ring style is 'base' position: absolute; } @@ -198,7 +180,6 @@ .Backdrop { &::after { // Remove the dotted focus outline from the control-backdrop mixin. - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } } diff --git a/polaris-react/src/components/SelectAllActions/SelectAllActions.scss b/polaris-react/src/components/SelectAllActions/SelectAllActions.scss index 0e4a5b7266a..929dcae71a1 100644 --- a/polaris-react/src/components/SelectAllActions/SelectAllActions.scss +++ b/polaris-react/src/components/SelectAllActions/SelectAllActions.scss @@ -1,12 +1,9 @@ @import '../../styles/common'; .SelectAllActions { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; gap: var(--p-space-2); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-start; will-change: opacity; } @@ -14,19 +11,16 @@ .SelectAllActions-entering, .SelectAllActions-exiting { opacity: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; } .SelectAllActions-entered { opacity: 1; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; } .SelectAllActions-exited { opacity: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } diff --git a/polaris-react/src/components/SettingAction/SettingAction.scss b/polaris-react/src/components/SettingAction/SettingAction.scss index 607aa2c2c11..66d09644000 100644 --- a/polaris-react/src/components/SettingAction/SettingAction.scss +++ b/polaris-react/src/components/SettingAction/SettingAction.scss @@ -1,10 +1,8 @@ $feature-width: 350px; .SettingAction { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: wrap; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; margin-top: calc(-1 * var(--p-space-4)); margin-left: calc(-1 * var(--p-space-4)); @@ -12,7 +10,6 @@ $feature-width: 350px; .Setting, .Action { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; margin-top: var(--p-space-4); margin-left: var(--p-space-4); @@ -21,6 +18,5 @@ $feature-width: 350px; } .Setting { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 0 $feature-width; } diff --git a/polaris-react/src/components/Sheet/Sheet.scss b/polaris-react/src/components/Sheet/Sheet.scss index a8980e1a2e4..8dfd072e99e 100644 --- a/polaris-react/src/components/Sheet/Sheet.scss +++ b/polaris-react/src/components/Sheet/Sheet.scss @@ -3,13 +3,9 @@ $sheet-desktop-width: 380px; .Sheet { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; background-color: var(--p-surface); box-shadow: var(--p-shadow-modal); @@ -19,9 +15,7 @@ $sheet-desktop-width: 380px; } @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: $sheet-desktop-width; } @@ -31,22 +25,15 @@ $sheet-desktop-width: 380px; } .Container { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; z-index: var(--p-z-index-11); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: $sheet-desktop-width; } } diff --git a/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.scss b/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.scss index a2e58d1205b..74efae6810b 100644 --- a/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.scss +++ b/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.scss @@ -3,9 +3,7 @@ $body-text-last-line-width: 80%; .SkeletonBodyText { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--p-space-2); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; background-color: var(--p-surface-neutral); border-radius: var(--p-border-radius-1); @@ -15,7 +13,6 @@ $body-text-last-line-width: 80%; } &:last-child:not(:first-child) { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: $body-text-last-line-width; } diff --git a/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.scss b/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.scss index c6497d51b9d..690ba457e12 100644 --- a/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.scss +++ b/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.scss @@ -19,7 +19,6 @@ $skeleton-display-text-max-width: 120px; // stylelint-enable max-width: $skeleton-display-text-max-width; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; background-color: var(--p-surface-neutral); border-radius: var(--p-border-radius-1); diff --git a/polaris-react/src/components/SkeletonTabs/SkeletonTabs.scss b/polaris-react/src/components/SkeletonTabs/SkeletonTabs.scss index 553bab5f721..029eec69b50 100644 --- a/polaris-react/src/components/SkeletonTabs/SkeletonTabs.scss +++ b/polaris-react/src/components/SkeletonTabs/SkeletonTabs.scss @@ -1,13 +1,10 @@ .Tabs { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; border-bottom: var(--p-border-divider); } .Tab { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; padding: calc(var(--p-space-5) + var(--p-space-05)) var(--p-space-4); @@ -17,15 +14,10 @@ &::before { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: -1px; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: var(--p-space-3); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: var(--p-space-3); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--p-border-width-3); border-top-left-radius: var(--p-border-radius-1); border-top-right-radius: var(--p-border-radius-1); @@ -33,11 +25,9 @@ } .Tab-short { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 80px; } .Tab-long { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100px; } diff --git a/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.scss b/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.scss index fcf38f7b9d2..5581fb5cc4a 100644 --- a/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.scss +++ b/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.scss @@ -7,7 +7,6 @@ --pc-skeleton-thumbnail-medium-size: 60px; --pc-skeleton-thumbnail-large-size: 80px; // stylelint-enable - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; background-color: var(--p-surface-neutral); border-radius: var(--p-border-radius-1); diff --git a/polaris-react/src/components/Spinner/Spinner.scss b/polaris-react/src/components/Spinner/Spinner.scss index 57f6e8e8c4f..a1cb322264c 100644 --- a/polaris-react/src/components/Spinner/Spinner.scss +++ b/polaris-react/src/components/Spinner/Spinner.scss @@ -2,9 +2,7 @@ $small-size: 20px; $large-size: 44px; @mixin spinnerSize($size) { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $size; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: $size; } diff --git a/polaris-react/src/components/Stack/Stack.scss b/polaris-react/src/components/Stack/Stack.scss index 1c006935e5e..d5de1b61f63 100644 --- a/polaris-react/src/components/Stack/Stack.scss +++ b/polaris-react/src/components/Stack/Stack.scss @@ -1,10 +1,8 @@ .Stack { // stylelint-disable-next-line -- Polaris component custom properties --pc-stack-spacing: var(--p-space-4); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: wrap; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: stretch; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY margin-top: calc(-1 * var(--pc-stack-spacing)); @@ -55,63 +53,51 @@ } .distributionLeading { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-start; } .distributionTrailing { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-end; } .distributionCenter { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; } .distributionEqualSpacing { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: space-between; } .distributionFill > .Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; } .distributionFillEvenly > .Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; @supports (min-width: fit-content) { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 0 0%; min-width: fit-content; } } .alignmentLeading { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: flex-start; } .alignmentTrailing { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: flex-end; } .alignmentCenter { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; } .alignmentFill { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: stretch; } .alignmentBaseline { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: baseline; } @@ -125,12 +111,10 @@ } .Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; min-width: 0; } .Item-fill { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; } diff --git a/polaris-react/src/components/Tabs/Tabs.scss b/polaris-react/src/components/Tabs/Tabs.scss index af85d24f7e0..c38fc05d790 100644 --- a/polaris-react/src/components/Tabs/Tabs.scss +++ b/polaris-react/src/components/Tabs/Tabs.scss @@ -5,7 +5,6 @@ $item-min-width: 50px; $item-vertical-padding: $item-min-height * 0.5; .Tabs { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-wrap: wrap; margin: 0; @@ -17,12 +16,10 @@ $item-vertical-padding: $item-min-height * 0.5; flex-wrap: nowrap; .TabContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 100%; } .Title { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; padding: var(--p-space-2) var(--p-space-4); } @@ -30,13 +27,11 @@ $item-vertical-padding: $item-min-height * 0.5; .fillSpace { .TabContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; } } .TabContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; margin: 0; padding: 0; @@ -47,11 +42,8 @@ $item-vertical-padding: $item-min-height * 0.5; @include unstyled-button; color: var(--p-text-subdued); color: var(--p-text); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; min-width: 100%; // IE11 fix for overflowing flex items from parent container margin-top: var(--p-space-025); @@ -133,7 +125,6 @@ $item-vertical-padding: $item-min-height * 0.5; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring; border-radius: var(--p-border-radius-1); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; padding: var(--p-space-2) var(--p-space-4); min-width: $item-min-width; @@ -141,15 +132,10 @@ $item-vertical-padding: $item-min-height * 0.5; &::before { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: calc(-1 * var(--p-space-2)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: var(--p-border-width-3); border-top-left-radius: var(--p-border-radius-1); border-top-right-radius: var(--p-border-radius-1); @@ -157,12 +143,10 @@ $item-vertical-padding: $item-min-height * 0.5; } .titleWithIcon { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; } .Panel { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; &:focus { @@ -171,7 +155,6 @@ $item-vertical-padding: $item-min-height * 0.5; } .Panel-hidden { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } @@ -180,9 +163,7 @@ $item-vertical-padding: $item-min-height * 0.5; @include unstyled-button; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; min-height: $item-min-height; padding: $item-vertical-padding var(--p-space-4); @@ -215,19 +196,16 @@ $item-vertical-padding: $item-min-height * 0.5; } .DisclosureTab { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } .DisclosureTab-visible { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; } .DisclosureActivator { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; background-color: transparent; cursor: pointer; @@ -253,9 +231,7 @@ $item-vertical-padding: $item-min-height * 0.5; } .TabMeasurer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; visibility: hidden; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 0; } diff --git a/polaris-react/src/components/Tag/Tag.scss b/polaris-react/src/components/Tag/Tag.scss index fb3030e3654..0bf52200720 100644 --- a/polaris-react/src/components/Tag/Tag.scss +++ b/polaris-react/src/components/Tag/Tag.scss @@ -4,10 +4,8 @@ $height: 20px; $button-size: 20px; .Tag { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline-flex; max-width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; min-height: 28px; padding: 0 var(--p-space-2); @@ -99,13 +97,9 @@ $button-size: 20px; @include recolor-icon(var(--p-icon)); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include unstyled-button; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex-shrink: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $button-size; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: $button-size; margin: 0 var(--p-space-1); border-radius: var(--p-border-radius-full); @@ -140,7 +134,6 @@ $button-size: 20px; } .Link { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline-grid; color: var(--p-text); outline: none; diff --git a/polaris-react/src/components/Text/Text.scss b/polaris-react/src/components/Text/Text.scss index 75e72d554ad..124e307f3a1 100644 --- a/polaris-react/src/components/Text/Text.scss +++ b/polaris-react/src/components/Text/Text.scss @@ -6,7 +6,6 @@ } .block { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; } diff --git a/polaris-react/src/components/TextField/TextField.scss b/polaris-react/src/components/TextField/TextField.scss index 82d6b19c1f6..f16767390cc 100644 --- a/polaris-react/src/components/TextField/TextField.scss +++ b/polaris-react/src/components/TextField/TextField.scss @@ -10,11 +10,8 @@ $spinner-icon-size: 12px; // stylelint-enable // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include text-style-input; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; color: var(--p-text); cursor: text; @@ -91,15 +88,11 @@ $spinner-icon-size: 12px; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY text-transform: initial; letter-spacing: initial; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-text-field-contents); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 0%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; min-width: 0; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @@ -191,17 +184,12 @@ $spinner-icon-size: 12px; .Backdrop { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring($border-width: 1px); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-text-field-backdrop); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; background-color: var(--p-surface); border: var(--p-border-width-1) solid var(--p-border-shadow); @@ -213,11 +201,9 @@ $spinner-icon-size: 12px; .Prefix, .Suffix { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-text-field-contents); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 auto; color: var(--p-text-subdued); user-select: none; @@ -234,7 +220,6 @@ $spinner-icon-size: 12px; } .VerticalContent { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-text-field-contents); @@ -243,7 +228,6 @@ $spinner-icon-size: 12px; max-height: 140px; overflow: scroll; border: var(--p-border-transparent); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; > .Input { @@ -267,7 +251,6 @@ $spinner-icon-size: 12px; .AlignFieldBottom { align-self: flex-end; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; padding-bottom: var(--p-space-2); } @@ -300,12 +283,10 @@ $spinner-icon-size: 12px; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY margin: var(--pc-text-field-spinner-offset-large); color: var(--p-icon); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; visibility: hidden; align-self: stretch; flex-direction: column; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 22px; cursor: pointer; @@ -316,22 +297,15 @@ $spinner-icon-size: 12px; } .SpinnerIcon { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $spinner-icon-size; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: $spinner-icon-size; } .Resizer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 0; visibility: hidden; overflow: hidden; @@ -357,13 +331,9 @@ $spinner-icon-size: 12px; background: var(--p-surface-neutral); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY border-radius: var(--pc-text-field-spinner-border-radius); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 0%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; appearance: none; border: none; diff --git a/polaris-react/src/components/TextStyle/TextStyle.scss b/polaris-react/src/components/TextStyle/TextStyle.scss index 98a9765e5ec..1afcd54b5d0 100644 --- a/polaris-react/src/components/TextStyle/TextStyle.scss +++ b/polaris-react/src/components/TextStyle/TextStyle.scss @@ -13,12 +13,10 @@ } .variationCode { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; padding: 0 var(--p-space-1); border-radius: var(--p-border-radius-1); background-color: var(--p-surface-subdued); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline-block; font-size: var(--p-font-size-200); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @@ -26,15 +24,10 @@ &::after { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; border: var(--p-border-width-1) solid transparent; pointer-events: none; diff --git a/polaris-react/src/components/Thumbnail/Thumbnail.scss b/polaris-react/src/components/Thumbnail/Thumbnail.scss index 10b242f3ca5..18b2842619a 100644 --- a/polaris-react/src/components/Thumbnail/Thumbnail.scss +++ b/polaris-react/src/components/Thumbnail/Thumbnail.scss @@ -7,9 +7,7 @@ --pc-thumbnail-medium-size: 60px; --pc-thumbnail-large-size: 80px; // stylelint-enable - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; overflow: hidden; background: var(--p-surface); @@ -21,7 +19,6 @@ &::after { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY padding-bottom: 100%; @@ -53,15 +50,10 @@ } .Thumbnail > * { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; margin: auto; max-width: 100%; diff --git a/polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.scss b/polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.scss index 8ad00e8c633..8a76b024cb7 100644 --- a/polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.scss +++ b/polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.scss @@ -79,7 +79,6 @@ } .Content { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; background-color: var(--p-surface); color: var(--p-text); diff --git a/polaris-react/src/components/TopBar/TopBar.scss b/polaris-react/src/components/TopBar/TopBar.scss index dbc32cfba37..36ffe529733 100644 --- a/polaris-react/src/components/TopBar/TopBar.scss +++ b/polaris-react/src/components/TopBar/TopBar.scss @@ -4,11 +4,8 @@ $icon-size: 20px; .TopBar { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $top-bar-height; box-shadow: var(--p-shadow-top-bar); background-color: var(--p-surface); @@ -16,36 +13,27 @@ $icon-size: 20px; &::after { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; border-bottom: var(--p-border-width-1) solid transparent; } } .LogoDisplayControl { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; } } .LogoDisplayContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; } .LogoContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 0 0 $layout-width-nav-base; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; padding: 0 var(--p-space-2) 0 var(--p-space-4); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @@ -60,22 +48,17 @@ $icon-size: 20px; .Logo, .LogoLink { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; } .ContextControl { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: $layout-width-nav-base; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; } @media #{$p-breakpoints-xl-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: $layout-width-nav-base; } } @@ -83,7 +66,6 @@ $icon-size: 20px; .NavigationIcon { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include unstyled-button; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; align-self: center; margin-left: calc(var(--p-space-2) + var(--p-space-05)); @@ -103,19 +85,13 @@ $icon-size: 20px; // This increases hit point size. &::after { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: calc(-1 * var(--p-space-2)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: calc(-1 * var(--p-space-2)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: calc(100% + var(--p-space-5)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: calc(100% + var(--p-space-5)); } @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } @@ -136,19 +112,13 @@ $icon-size: 20px; .Contents { z-index: var(--p-z-index-1); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: flex-end; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; } } @@ -156,9 +126,7 @@ $icon-size: 20px; .SearchField { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include page-layout; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; margin: 0; max-width: none; diff --git a/polaris-react/src/components/TopBar/components/Menu/Menu.scss b/polaris-react/src/components/TopBar/components/Menu/Menu.scss index 13d01eb8bd2..4f633a007ca 100644 --- a/polaris-react/src/components/TopBar/components/Menu/Menu.scss +++ b/polaris-react/src/components/TopBar/components/Menu/Menu.scss @@ -10,11 +10,8 @@ $activator-variables: ( } .ActivatorWrapper { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $top-bar-height; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; } @@ -24,13 +21,9 @@ $activator-variables: ( // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring; color: var(--p-text); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; min-width: menu(min-width); padding: var(--p-space-1) var(--p-space-2); diff --git a/polaris-react/src/components/TopBar/components/Search/Search.scss b/polaris-react/src/components/TopBar/components/Search/Search.scss index 2afd67f2de8..67c8a8a13c9 100644 --- a/polaris-react/src/components/TopBar/components/Search/Search.scss +++ b/polaris-react/src/components/TopBar/components/Search/Search.scss @@ -2,24 +2,18 @@ @import '../../variables'; .Search { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; visibility: hidden; z-index: var(--p-z-index-8); pointer-events: none; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: $top-bar-height; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; box-shadow: var(--p-shadow-modal); overflow: hidden; @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 100%; max-width: $search-max-width; margin: var(--p-space-1) var(--p-space-5) 0; @@ -41,9 +35,7 @@ } .Results { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; flex-direction: column; max-height: calc(100vh - #{$top-bar-height}); diff --git a/polaris-react/src/components/TopBar/components/SearchDismissOverlay/SearchDismissOverlay.scss b/polaris-react/src/components/TopBar/components/SearchDismissOverlay/SearchDismissOverlay.scss index 0e843c2c763..46a33059327 100644 --- a/polaris-react/src/components/TopBar/components/SearchDismissOverlay/SearchDismissOverlay.scss +++ b/polaris-react/src/components/TopBar/components/SearchDismissOverlay/SearchDismissOverlay.scss @@ -2,16 +2,11 @@ @import '../../variables'; .SearchDismissOverlay { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: fixed; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; z-index: var(--p-z-index-7); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; } diff --git a/polaris-react/src/components/TopBar/components/SearchField/SearchField.scss b/polaris-react/src/components/TopBar/components/SearchField/SearchField.scss index 72338ebab30..d7494388950 100644 --- a/polaris-react/src/components/TopBar/components/SearchField/SearchField.scss +++ b/polaris-react/src/components/TopBar/components/SearchField/SearchField.scss @@ -14,16 +14,11 @@ $search-icon-width: calc(#{$icon-size} + var(--p-space-4)); --pc-search-field-action: 3; // stylelint-enable z-index: var(--p-z-index-11); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY flex: 1 1 auto; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; border: var(--p-border-transparent); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; max-width: $search-max-width; } @@ -76,9 +71,7 @@ $search-icon-width: calc(#{$icon-size} + var(--p-space-4)); @include text-style-input; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-search-field-input); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $new-input-height; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; padding: 0 0 0 $search-icon-width; border: none; @@ -103,17 +96,12 @@ $search-icon-width: calc(#{$icon-size} + var(--p-space-4)); .Icon { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include recolor-icon(var(--p-icon)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-search-field-icon); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 50%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: var(--p-space-2); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $icon-size; pointer-events: none; transform: translateY(-50%); @@ -124,7 +112,6 @@ $search-icon-width: calc(#{$icon-size} + var(--p-space-4)); @include recolor-icon(var(--p-icon)); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring($size: 'wide'); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-search-field-action); @@ -158,17 +145,12 @@ $search-icon-width: calc(#{$icon-size} + var(--p-space-4)); .Backdrop { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: var(--pc-search-field-backdrop); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; background-color: var(--p-surface-search-field); border-radius: var(--p-border-radius-1); diff --git a/polaris-react/src/components/TopBar/components/UserMenu/UserMenu.scss b/polaris-react/src/components/TopBar/components/UserMenu/UserMenu.scss index 95a0c781851..58294cf3e81 100644 --- a/polaris-react/src/components/TopBar/components/UserMenu/UserMenu.scss +++ b/polaris-react/src/components/TopBar/components/UserMenu/UserMenu.scss @@ -5,7 +5,6 @@ margin-left: var(--p-space-2); @media #{$p-breakpoints-md-down} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: none; } } diff --git a/polaris-react/src/components/Truncate/Truncate.scss b/polaris-react/src/components/Truncate/Truncate.scss index abdac640bed..8f3de04b954 100644 --- a/polaris-react/src/components/Truncate/Truncate.scss +++ b/polaris-react/src/components/Truncate/Truncate.scss @@ -1,5 +1,4 @@ .Truncate { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; overflow: hidden; white-space: nowrap; diff --git a/polaris-react/src/components/VideoThumbnail/VideoThumbnail.scss b/polaris-react/src/components/VideoThumbnail/VideoThumbnail.scss index 61783450b43..5ad50a6a692 100644 --- a/polaris-react/src/components/VideoThumbnail/VideoThumbnail.scss +++ b/polaris-react/src/components/VideoThumbnail/VideoThumbnail.scss @@ -3,7 +3,6 @@ $start-button-size: 60px; $progress-bar-height: 6px; .Thumbnail { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; // Accommodating 16:9 responsive block for video // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @@ -11,31 +10,22 @@ $progress-bar-height: 6px; background-size: cover; background-position: center center; background-repeat: no-repeat; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; } .ThumbnailContainer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; } .PlayButton { // stylelint-disable-next-line -- Polaris component custom properties --pc-play-button-focused-state-overlay: rgba(223, 227, 232, 0.3); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; padding: 0; border: none; @@ -71,9 +61,7 @@ $progress-bar-height: 6px; } .Timestamp { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; padding: var(--p-space-1) var(--p-space-2) var(--p-space-1) var(--p-space-1); margin-bottom: var(--p-space-4); @@ -87,22 +75,16 @@ $progress-bar-height: 6px; } .Progress { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; background-color: var(--p-surface); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: $progress-bar-height; overflow: hidden; } .Indicator { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: inherit; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; transform-origin: left; transform: scaleX(0); diff --git a/polaris-react/src/styles/foundation/_focus-ring.scss b/polaris-react/src/styles/foundation/_focus-ring.scss index aac274ff0fe..4d3f6158eed 100644 --- a/polaris-react/src/styles/foundation/_focus-ring.scss +++ b/polaris-react/src/styles/foundation/_focus-ring.scss @@ -17,24 +17,17 @@ $negative-offset: calc(-1 * #{$offset}); @if $style == 'base' { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; &::after { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY z-index: 1; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: $negative-offset; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY right: $negative-offset; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY bottom: $negative-offset; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: $negative-offset; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; pointer-events: none; box-shadow: 0 0 0 $negative-offset var(--p-focused); diff --git a/polaris-react/src/styles/shared/_accessibility.scss b/polaris-react/src/styles/shared/_accessibility.scss index c14e859ef83..f700b3042cb 100644 --- a/polaris-react/src/styles/shared/_accessibility.scss +++ b/polaris-react/src/styles/shared/_accessibility.scss @@ -6,16 +6,12 @@ @mixin visually-hidden { // Need to make sure we override any existing styles. // stylelint-disable declaration-no-important -- generated by polaris-migrator DO NOT COPY - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute !important; // Top position is required to prevent unexpected // scrolling with Sheet component // https://github.com/Shopify/polaris-react/pull/5208 - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 1px !important; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 1px !important; margin: 0 !important; padding: 0 !important; diff --git a/polaris-react/src/styles/shared/_buttons.scss b/polaris-react/src/styles/shared/_buttons.scss index 15443e1abff..caf56425e38 100644 --- a/polaris-react/src/styles/shared/_buttons.scss +++ b/polaris-react/src/styles/shared/_buttons.scss @@ -13,13 +13,9 @@ @include recolor-icon(var(--p-icon)); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include focus-ring($border-width: var(--p-border-width-1)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: inline-flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: center; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; min-height: 36px; min-width: 36px; @@ -223,9 +219,7 @@ } @mixin button-full-width { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; } diff --git a/polaris-react/src/styles/shared/_controls.scss b/polaris-react/src/styles/shared/_controls.scss index 3433a8cf1b8..9ab2a1aa2fe 100644 --- a/polaris-react/src/styles/shared/_controls.scss +++ b/polaris-react/src/styles/shared/_controls.scss @@ -16,7 +16,6 @@ @mixin control-backdrop($style: base) { @if $style == base { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; border: var(--p-border-width-2) solid var(--p-border); background-color: var(--p-surface); @@ -24,7 +23,6 @@ &::before { content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; top: calc(-1 * var(--p-border-width-2)); right: calc(-1 * var(--p-border-width-2)); diff --git a/polaris-react/src/styles/shared/_forms.scss b/polaris-react/src/styles/shared/_forms.scss index 6226e02d7cb..d9e28f04b8f 100644 --- a/polaris-react/src/styles/shared/_forms.scss +++ b/polaris-react/src/styles/shared/_forms.scss @@ -1,7 +1,6 @@ @mixin unstyled-input { margin: 0; padding: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: 100%; background-color: transparent; appearance: none; diff --git a/polaris-react/src/styles/shared/_interaction-state.scss b/polaris-react/src/styles/shared/_interaction-state.scss index fcf2dce107a..31469515f8e 100644 --- a/polaris-react/src/styles/shared/_interaction-state.scss +++ b/polaris-react/src/styles/shared/_interaction-state.scss @@ -1,17 +1,11 @@ @mixin list-selected-indicator { content: ''; background-color: var(--p-interactive); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY left: calc(-1 * var(--p-space-2)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY height: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: block; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY width: var(--p-border-width-3); border-top-right-radius: var(--p-border-radius-1); border-bottom-right-radius: var(--p-border-radius-1); diff --git a/polaris-react/src/styles/shared/_page.scss b/polaris-react/src/styles/shared/_page.scss index 5982f4af3d7..c01e31284a9 100644 --- a/polaris-react/src/styles/shared/_page.scss +++ b/polaris-react/src/styles/shared/_page.scss @@ -24,9 +24,7 @@ $page-max-width: $layout-width-primary-max + $layout-width-secondary-max + @include layout-flex-fix; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY @include text-breakword; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY align-items: baseline; flex-wrap: wrap; margin-top: calc(-1 * var(--p-space-2));