Should get ci to 🟢

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

Part of #9984

Documentation improvement will be done in a follow up

<!--
  Context about the problem that’s being addressed.
-->

### WHAT is this pull request doing?

<!--
  Summary of the changes committed.

Before / after screenshots are appreciated for UI changes. Make sure to
include alt text that describes the screenshot.

If you include an animated gif showing your change, wrapping it in a
details tag is recommended. Gifs usually autoplay, which can cause
accessibility issues for people reviewing your PR:

    <details>
      <summary>Summary of your gif(s)</summary>
      <img src="..." alt="Description of what the gif shows">
    </details>
-->

<!-- ℹ️ Delete the following for small / trivial changes -->

### How to 🎩

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

<!--
  Give as much information as needed to experiment with the component
  in the playground.
-->

<details>
<summary>Copy-paste this code in
<code>playground/Playground.tsx</code>:</summary>

```jsx
import React from 'react';
import {Page} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      {/* Add the code you want to test in here */}
    </Page>
  );
}
```

</details>

### 🎩 checklist

- [ ] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [ ] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

Fixes #9963 

<!--
  Context about the problem that’s being addressed.
-->

### WHAT is this pull request doing?

<!--
  Summary of the changes committed.

Before / after screenshots are appreciated for UI changes. Make sure to
include alt text that describes the screenshot.

If you include an animated gif showing your change, wrapping it in a
details tag is recommended. Gifs usually autoplay, which can cause
accessibility issues for people reviewing your PR:

    <details>
      <summary>Summary of your gif(s)</summary>
      <img src="..." alt="Description of what the gif shows">
    </details>
-->

<!-- ℹ️ Delete the following for small / trivial changes -->

- Change control-height to be 32px
- `Select` consolidate se23 styles

### How to 🎩

*
[Storybook](https://5d559397bae39100201eedc1-oiuqenxfoy.chromatic.com/?path=/story/all-components-select--all)
* [Prod
storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-select--all)

### 🎩 checklist

- [ ] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [ ] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

Fixes #10033

<!--
  Context about the problem that’s being addressed.
-->

### WHAT is this pull request doing?

Deprecates `borderless` prop in favor of `variant='borderless'`

### WHY are these changes introduced?

Part of #9984 #9985 #9983

### WHY are these changes introduced?

Fixes #9943

### WHAT is this pull request doing?

 Consolidate se23 logic and styles for `Layout` Component

### How to 🎩
Compare production and this PR's chromatic storybook to make sure styles
are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-layout--all&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-afpqefhquh.chromatic.com/?path=/story/all-components-layout--annotated)

### WHY are these changes introduced?

Fixes #9935

### WHAT is this pull request doing?

 Consolidate se23 logic and styles for `FormLayout` Component

### How to 🎩
Compare production and this PR's chromatic storybook to make sure styles
are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-formlayout--all&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-uozkfkbgfn.chromatic.com/?path=/story/all-components-formlayout--all)

### WHY are these changes introduced?

Resolves #9949 .

### WHAT is this pull request doing?

Consolidates se23 beta styles and logic for `Listbox`.

### How to 🎩

[Storybook](https://5d559397bae39100201eedc1-dojywcrcgy.chromatic.com/?path=/story/all-components-listbox--default)
[Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-listbox--default&globals=polarisSummerEditions2023:true)

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

### WHY are these changes introduced?

Fixes #9932

### WHAT is this pull request doing?

Consolidate se23 logic and styles for `DropZone` Component

### How to 🎩
Compare production and this PR's chromatic storybook to make sure styles
are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-dropzone--default&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-qvidvpjgoo.chromatic.com/?path=/story/all-components-dropzone--default)

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

Part of #9985

<!--
  Context about the problem that’s being addressed.
-->

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

Fixes #9947 

<!--
  Context about the problem that’s being addressed.
-->

### WHAT is this pull request doing?

<!--
  Summary of the changes committed.

Before / after screenshots are appreciated for UI changes. Make sure to
include alt text that describes the screenshot.

If you include an animated gif showing your change, wrapping it in a
details tag is recommended. Gifs usually autoplay, which can cause
accessibility issues for people reviewing your PR:

    <details>
      <summary>Summary of your gif(s)</summary>
      <img src="..." alt="Description of what the gif shows">
    </details>
-->

<!-- ℹ️ Delete the following for small / trivial changes -->

- consolidate se23 styles

### How to 🎩

*
[Storybook](https://5d559397bae39100201eedc1-vcnbnkugpz.chromatic.com/?path=/story/all-components-link--default)
* [Prod
storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-link--default&globals=polarisSummerEditions2023:true)

### 🎩 checklist

- [ ] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [ ] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

### WHY are these changes introduced?

Resolves #9948.

### WHAT is this pull request doing?

Consolidates se23 beta styles for `List`.

### How to 🎩

[Storybook](https://5d559397bae39100201eedc1-yvvnglksbe.chromatic.com/?path=/story/all-components-list--bulleted)
[Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-list--bulleted&globals=polarisSummerEditions2023:true)

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

### WHY are these changes introduced?

Fixes #9931

### WHAT is this pull request doing?

Consolidate se23 logic and styles for `DatePicker` Component
Add story delay for datepicker since the "All" test hasn't been
rendering in time on some PRs

### How to 🎩
Compare production and this PR's chromatic storybook to make sure styles
are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-datepicker--all&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-pxozkstezh.chromatic.com/?path=/story/all-components-datepicker--all)

### WHY are these changes introduced?

Fixes #9950

### WHAT is this pull request doing?

Consolidate se23 logic and styles for `MediaCard` Component

### How to 🎩
Compare production and this PR's chromatic storybook to make sure styles
are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-mediacard--default&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-tugvkbzhsc.chromatic.com/?path=/story/all-components-mediacard--default)

### WHY are these changes introduced?

Fixes #9942

### WHAT is this pull request doing?

Consolidate se23 logic and styles for `Labelled` Component

### How to 🎩
Compare production and this PR's chromatic storybook to make sure styles
are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-textfield--with-help-text&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-spdehluzut.chromatic.com/?path=/story/all-components-textfield--with-help-text)

### WHY are these changes introduced?

Fixes #9940

### WHAT is this pull request doing?

Consolidate se23 logic and styles for `InlineError` Component

### How to 🎩
Compare production and this PR's chromatic storybook to make sure styles
are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-inlineerror--default&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-aqogixplqr.chromatic.com/?path=/story/all-components-inlineerror--default)

### WHY are these changes introduced?

Fixes #9955

### WHAT is this pull request doing?

Consolidate se23 logic and styles for `PageActions` Component

### How to 🎩
Compare production and this PR's chromatic storybook to make sure styles
are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-pageactions--default&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-ddfrdxnifw.chromatic.com/?path=/story/all-components-pageactions--default)

### WHY are these changes introduced?

Fixes #9959

### WHAT is this pull request doing?

Consolidate se23 logic and styles for `PageActions` Component

### How to 🎩
Compare production and this PR's chromatic storybook to make sure styles
are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-progressbar--default&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-lasqorkejk.chromatic.com/?path=/story/all-components-progressbar--default)

### WHY are these changes introduced?

Fixes #9964

### WHAT is this pull request doing?

Consolidate se23 logic and styles for `SettingAction` Component

### How to 🎩
Compare production and this PR's chromatic storybook to make sure styles
are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-settingtoggle--with-deprecated-component&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-iqwftdxoka.chromatic.com/?path=/story/all-components-settingtoggle--with-deprecated-component)

### WHY are these changes introduced?

Resolves #9951.

### WHAT is this pull request doing?

Consolidates se23 beta styles and logic for `Modal`.

### How to 🎩

[Storybook](https://5d559397bae39100201eedc1-tqhardweqn.chromatic.com/?path=/story/all-components-modal--default)
[Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-modal--default&globals=polarisSummerEditions2023:true)

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

### WHY are these changes introduced?

Resolves #9970.

### WHAT is this pull request doing?

Consolidates se23 beta styles for `Tag`.

### How to 🎩

[Storybook](https://5d559397bae39100201eedc1-mobppokpoq.chromatic.com/?path=/story/all-components-tag--default)
[Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-tag--default&globals=polarisSummerEditions2023:true)

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

### WHY are these changes introduced?

Fixes #9977

### WHAT is this pull request doing?

- Removes the `shape` prop from `Avatar` as now there is only the
squircle shape
- Cleaned up the `Avatar` stories

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

Fixes #9958

<!--
  Context about the problem that’s being addressed.
-->

### WHAT is this pull request doing?

- `Popover` consolidate se23 logic
- `Popover` consolidate se23 styles

### How to 🎩

-
[Storybook](https://5d559397bae39100201eedc1-qinvshnolg.chromatic.com/?path=/story/all-components-popover--all)
- [Production
storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-popover--all&globals=polarisSummerEditions2023:true)

### 🎩 checklist

- [ ] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [ ] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

Fixes #9972 


### WHAT is this pull request doing?

- `TextField` consolidate se23 logic
- `TextField` consolidate se23 styles


### How to 🎩

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

<!--
  Give as much information as needed to experiment with the component
  in the playground.
-->

<details>
<summary>Copy-paste this code in
<code>playground/Playground.tsx</code>:</summary>

```jsx
import React from 'react';
import {Page} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      {/* Add the code you want to test in here */}
    </Page>
  );
}
```

</details>

### 🎩 checklist

-
[Storybook](https://5d559397bae39100201eedc1-ijxwodqxyd.chromatic.com/?path=/story/all-components-textfield--all)
- [Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-textfield--all&globals=polarisSummerEditions2023:true)

### WHY are these changes introduced?

Fixes #9965

### WHAT is this pull request doing?

Consolidate se23 logic and styles for `ShadowBevel` Component

### How to 🎩
* Compare production and this PR's chromatic storybook to make sure
styles are the same
* `polarisSummerEditions2023ShadowBevelOptOut` toggle shouldn't do
anything now


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-shadowbevel--default&globals=polarisSummerEditions2023:true)
[This PR]()

### WHY are these changes introduced?

Resolves #9969.

### WHAT is this pull request doing?

Consolidates se23 beta styles and logic for `Tabs`.

### How to 🎩

[Storybook](https://5d559397bae39100201eedc1-wlmykaxxmr.chromatic.com/?path=/story/all-components-tabs--all)
[Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-tabs--all&globals=polarisSummerEditions2023:true)

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

### WHY are these changes introduced?

Fixes #10047

### WHAT is this pull request doing?

- Adds `variant` and `tone` props
- Removes `primary`, `outline`, `plain`, `monochrome`, and
`primarySuccess` booleans
- Updates props on usages of `Button`
- Renames `primaryPlain` variant to `tertiary`

### WHY are these changes introduced?

Resolves #9957.
Fixes #10159.

### WHAT is this pull request doing?

Consolidates se23 beta styles and logic for `Pagination`.
Fixes focus ring issue on ButtonGroup due to `clip-path` styles.

### How to 🎩
[Pagination
Storybook](https://5d559397bae39100201eedc1-yzawhweukw.chromatic.com/?path=/story/all-components-pagination--default)
[Pagination Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-pagination--default&globals=polarisSummerEditions2023:true)

[ButtonGroup
Storybook](https://5d559397bae39100201eedc1-yzawhweukw.chromatic.com/?path=/story/all-components-buttongroup--with-segmented-buttons)
[ButtonGroup Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-buttongroup--with-segmented-buttons&globals=polarisSummerEditions2023:true)

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

### WHY are these changes introduced?

Resolves #9976.

### WHAT is this pull request doing?

Consolidates se23 beta styles for `VideoThumbanil`.

### How to 🎩

[Storybook](https://5d559397bae39100201eedc1-haozjmfzql.chromatic.com/?path=/story/all-components-videothumbnail--all)
[Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-videothumbnail--all&globals=polarisSummerEditions2023:true)

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

### WHY are these changes introduced?

Resolves #9974.

### WHAT is this pull request doing?

Consolidates se23 beta styles and logic for `TooltipOverlay`.
Updates copy for keyboard nav tooltips in `Pagination` to match copy in
admin.

### How to 🎩

[Storybook](https://5d559397bae39100201eedc1-tewmslxdlb.chromatic.com/?path=/story/all-components-tooltip--all)
[Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-tooltip--all&globals=polarisSummerEditions2023:true)

[Pagination
Storybook](https://5d559397bae39100201eedc1-tewmslxdlb.chromatic.com/?path=/story/all-components-pagination--with-keyboard-navigation)

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

### WHY are these changes introduced?

Fixes #0000 <!-- link to issue if one exists -->

### WHAT is this pull request doing?

Removes `destructive` boolean prop from `Button`

### WHY are these changes introduced?

Fixes #9937

### WHAT is this pull request doing?

* Consolidate se23 logic and styles for the `FullscreenBar` Component

### How to 🎩
* Compare production and this PR's chromatic storybook to make sure
styles are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-fullscreenbar--all&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-duqojrtsgy.chromatic.com/?path=/story/all-components-fullscreenbar--all)

### WHY are these changes introduced?

Fixes #9961

### WHAT is this pull request doing?

* Consolidate se23 logic and styles for the `ResourceItem` Component

### How to 🎩
* Compare production and this PR's chromatic storybook to make sure
styles are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-resourceitem--default&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-ganribjzxv.chromatic.com/?path=/story/all-components-resourceitem--default)

### WHY are these changes introduced?

Fixes #9973

### WHAT is this pull request doing?

* Consolidate se23 logic and styles for the `Thumbnail` Component

### How to 🎩
* Compare production and this PR's chromatic storybook to make sure
styles are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-thumbnail--all&globals=polarisSummerEditions2023:true)
[This PR]()

### WHY are these changes introduced?

Fixes #9930

### WHAT is this pull request doing?

* Consolidate se23 logic and styles for `DataTable` Component

### How to 🎩
* Compare production and this PR's chromatic storybook to make sure
styles are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-datatable--default&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-bhdulauigv.chromatic.com/?path=/story/all-components-datatable--default)

### WHY are these changes introduced?

Resolves #9954.

### WHAT is this pull request doing?

Consolidates se23 beta styles and logic for `Page`.
Removes `divider` prop as the styles were modified to reset pre-uplift
styles in an earlier [PR](#9537).

### How to 🎩

[Storybook](https://5d559397bae39100201eedc1-rojuobnovi.chromatic.com/?path=/story/all-components-page--default)
[Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-page--default&globals=polarisSummerEditions2023:true)

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

Fixes #9953 
Fixes #10197

### WHAT is this pull request doing?

- `OptionList` consolidate se23 logic
- `OptionList` consolidate se23 styles
- Remove custom `Checkbox` component in favour of the standard Polaris
Checkbox
- Removes the `optionRole` prop from the `OptionList` component. This is
presently being used to toggle the `presentation` role on the custom
checkbox input. This PR removes this prop for a few reasons:
  - Its no longer used, since the custom Checkbox has been deleted. 
- The functionality it was providing (toggling presentation role)
doesn't seem to be [supported by
browsers](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/presentation_role).
The browser ignores the `presentation` role on all focusable elements
(including inputs). See excerpt from MDN below
- A cursory [Grokt](https://grokt.shopify.io/results?q=optionRole)
search, rules out internal usage of this prop
  
![Screenshot 2023-08-23 at 10 16 07
am](https://github.com/Shopify/polaris/assets/12119389/fbf6718b-ad35-46ee-ad00-6c79840ff02b)

  
### How to 🎩

- Storybook
- Prod storybook

### 🎩 checklist

- [ ] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [ ] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

### WHY are these changes introduced?

Fixes #9936

### WHAT is this pull request doing?

* Consolidate se23 logic and styles for the `Frame` Component

### How to 🎩
* Compare production and this PR's chromatic storybook to make sure
styles are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-frame--in-an-application&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-rtnpgpgkqd.chromatic.com/?path=/story/all-components-frame--in-an-application)

### WHY are these changes introduced?

Resolves #9952.

### WHAT is this pull request doing?

Consolidates se23 beta styles and logic for `Navigation`.

### How to 🎩

[Storybook](https://5d559397bae39100201eedc1-lecmsuzwza.chromatic.com/?path=/story/all-components-navigation--default)
[Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-navigation--default&globals=polarisSummerEditions2023:true)

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

### WHY are these changes introduced?

Fixes #9944

### WHAT is this pull request doing?

* Consolidate se23 logic and styles for the `LegacyCard` Component

### How to 🎩
* Compare production and this PR's chromatic storybook to make sure
styles are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-legacycard--all&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-uabmwvpwiv.chromatic.com/?path=/story/all-components-legacycard--all)

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

Fixes #10126

<!--
  Context about the problem that’s being addressed.
-->

### WHAT is this pull request doing?

Removes all code related to connectedDisclosure
Updates the split example to use Popover, ActionList, and ButtonGroup

### WHAT is this pull request doing?

Update `ButtonGroup` variant styles to match the changes from
#10090

### How to 🎩

Check that this story is getting the plain button group item variant

|Next branch|This PR|Production|
|-|-|-|
|<img width="321" alt="Screenshot 2023-08-24 at 2 36 27 PM"
src="https://github.com/Shopify/polaris/assets/20652326/54bff50b-f4b1-4540-a891-7f3c4a7afaf7">|<img
width="306" alt="Screenshot 2023-08-24 at 2 37 27 PM"
src="https://github.com/Shopify/polaris/assets/20652326/3dd5578e-51ad-4469-82fe-61db3440b936">|<img
width="303" alt="Screenshot 2023-08-24 at 2 37 12 PM"
src="https://github.com/Shopify/polaris/assets/20652326/7141b6a8-9589-4746-a7d7-eb9229a6c61d">|

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

Fixes #10208

<!--
  Context about the problem that’s being addressed.
-->

### WHAT is this pull request doing?

* Removes `backdrop`
* Replaces `color` with `tone`
* Matches warning tone to warning icon color

<!--
  Summary of the changes committed.

Before / after screenshots are appreciated for UI changes. Make sure to
include alt text that describes the screenshot.

If you include an animated gif showing your change, wrapping it in a
details tag is recommended. Gifs usually autoplay, which can cause
accessibility issues for people reviewing your PR:

    <details>
      <summary>Summary of your gif(s)</summary>
      <img src="..." alt="Description of what the gif shows">
    </details>
-->

<!-- ℹ️ Delete the following for small / trivial changes -->

---------

Co-authored-by: Sara Hill <sara.hill@shopify.com>

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

Fixes #9934

<!--
  Context about the problem that’s being addressed.
-->

### WHAT is this pull request doing?

- consolidate se23 logic
- consolidate se23 styles

### How to 🎩

-
[Storybook](https://5d559397bae39100201eedc1-avqvvftkub.chromatic.com/?path=/story/all-components-filters--with-a-resource-list)
- [Prod
storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-filters--with-a-resource-list&globals=polarisSummerEditions2023:true)

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [ ] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

### WHY are these changes introduced?

Resolves #9975.

### WHAT is this pull request doing?

Consolidates se23 beta styles and logic for `TopBar`.

### How to 🎩

[Storybook](https://5d559397bae39100201eedc1-hkusscolus.chromatic.com/?path=/story/all-components-topbar--default)
[Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-topbar--default&globals=polarisSummerEditions2023:true)

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

Didn't save the file

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

Fixes #10050

<!--
  Context about the problem that’s being addressed.
-->

### WHAT is this pull request doing?

Changes the status prop on banner to tone

### WHY are these changes introduced?

Fixes #9945

### WHAT is this pull request doing?

* Consolidate se23 logic and styles for the `LegacyFilters` Component

### How to 🎩
* Compare production and this PR's chromatic storybook to make sure
styles are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-legacyfilters--with-a-resource-list&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-vzjpjlwiop.chromatic.com/?path=/story/all-components-legacyfilters--with-a-resource-list)

### WHY are these changes introduced?

Resolves #10035.

Updates existing `tall-chickens-repeat` changeset with all the component
consolidation work (included any in progress/ready for review/up
next/backlog PRs as well).

Adds changesets for
[OptionList](#10177) `optionRole`
and [Page](#10187) `divider` prop
removal.

### WHY are these changes introduced?

Resolves #9946.

### WHAT is this pull request doing?

Consolidates se23 beta styles and logic for `LegacyTabs`.

### How to 🎩

[Storybook](https://5d559397bae39100201eedc1-yxlghuvhen.chromatic.com/?path=/story/all-components-legacytabs--all)
[Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-legacytabs--all&globals=polarisSummerEditions2023:true)

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

…iant` (#9997)

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

Fixes #9981

Removing boolean props from various components. Renaming spacing prop to
`gap` for consistency

<!--
  Context about the problem that’s being addressed.
-->

### WHAT is this pull request doing?
* Replaces the `segmented` boolean prop with a `variant='segmented'`
prop
* Updates `ButtonGroup` story
* Updates css attributed selector in `Button` to match
`variant='segmented'`
* Renames `spacing` to `gap`
<!--
  Summary of the changes committed.

Before / after screenshots are appreciated for UI changes. Make sure to
include alt text that describes the screenshot.

If you include an animated gif showing your change, wrapping it in a
details tag is recommended. Gifs usually autoplay, which can cause
accessibility issues for people reviewing your PR:

    <details>
      <summary>Summary of your gif(s)</summary>
      <img src="..." alt="Description of what the gif shows">
    </details>
-->

<!-- ℹ️ Delete the following for small / trivial changes -->

### How to 🎩
Review in storybook, there should be no visual changes

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

<!--
  Give as much information as needed to experiment with the component
  in the playground.
-->

<details>
<summary>Copy-paste this code in
<code>playground/Playground.tsx</code>:</summary>

```jsx
import React from 'react';
import {Page} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      {/* Add the code you want to test in here */}
    </Page>
  );
}
```

</details>

### 🎩 checklist

- [ ] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [ ] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

---------

Co-authored-by: kyledurand <kyle.durand@shopify.com>

…#10236)

### WHY are these changes introduced?

Resolves #10194.
Removes shadow bevel opt out logic (except for storybook as that's a
separate issue).

### How to 🎩

[Banner
Storybook](https://5d559397bae39100201eedc1-tnqlfybcue.chromatic.com/?path=/story/all-components-banner--all)
[Banner Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-banner--all&globals=polarisSummerEditions2023:true)

[AppProvider
Storybook](https://5d559397bae39100201eedc1-tnqlfybcue.chromatic.com/?path=/story/all-components-appprovider--default)
[AppProvider Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-appprovider--default&globals=polarisSummerEditions2023:true)

> Note: small spacing diff in Banner all story is expected because it
was updated in `next`. Story matches what's in `next`.

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: Jess Telford <jess.telford@shopify.com>
Co-authored-by: Kyle Durand <kyledurand@users.noreply.github.com>
Co-authored-by: Joel Warrington <joel.warrington@shopify.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Matt Lavoie <44816587+m4thieulavoie@users.noreply.github.com>
Co-authored-by: aveline <aveline@users.noreply.github.com>
Co-authored-by: Aaron Casanova <32409546+aaronccasanova@users.noreply.github.com>
Co-authored-by: Ash <siavash.etemadieh@shopify.com>
Co-authored-by: shopify-github-actions-access[bot] <109624739+shopify-github-actions-access[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Maxime Cloutier <maxime.cloutier@shopify.com>
Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
Co-authored-by: Peter Lazzarino <peter.lazzarino@shopify.com>

Some `.stories` files had left over se23 logic. This cleans them up!

…10143)

### WHY are these changes introduced?

Fixes #9966
Fixes #9967

### WHAT is this pull request doing?

* Consolidate se23 logic and styles for `SkeletonThumbnail` Component
* Consolidate se23 logic and styles for `SkeletonPage` Component

### How to 🎩
* Compare production and this PR's chromatic storybook to make sure
styles are the same

[Production skeleton
page](https://storybook.polaris.shopify.com/?path=/story/all-components-skeletonpage--with-dynamic-content&globals=polarisSummerEditions2023:true)
[This PR skeleton
page](https://5d559397bae39100201eedc1-zxhtnbvnuu.chromatic.com/?path=/story/all-components-skeletonpage--with-dynamic-content)

[Production skeleton
thumbnail](https://storybook.polaris.shopify.com/?path=/story/all-components-skeletonthumbnail--all&globals=polarisSummerEditions2023:true)
[This PR skeleton
thumbnail](https://5d559397bae39100201eedc1-zxhtnbvnuu.chromatic.com/?path=/story/all-components-skeletonthumbnail--all)

### WHAT is this pull request doing?

* Consolidates `se23` styles in scss files that were either missed or
added back in as part of bad rebases
* Renames stylelint comments that include `se23`

### How to 🎩

Tophatting links are in the file changes per component

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?
#10238 merged in changes from main, inclusive of removing the
`polaris-cli` and `polaris-codemods` packages. Unfortunately these
changes were not reflected in the changeset config resulting in errors
when running `yarn changeset` due to ignores being set up for the
aforementioned removed packages.

Error:
![Screenshot 2023-08-28 at 11 06 56
am](https://github.com/Shopify/polaris/assets/12119389/143d9e19-375d-4f37-a591-dd2d46511cca)


<!--
  Context about the problem that’s being addressed.
-->

### WHAT is this pull request doing?

* Removes removed packages (`polaris-cli` `polaris-codemods`) from
changest config ignore.

<!-- ℹ️ Delete the following for small / trivial changes -->

### How to 🎩

Run `yarn changeset` locally on branch.

…10228)

Fixes #10227 

### WHAT is this pull request doing?

* Removes unused disabled states in `FilterPill.scss`
* Removes unused disabled states in `FilterPill.tsx`

<!-- ℹ️ Delete the following for small / trivial changes -->

### How to 🎩

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

<!--
  Give as much information as needed to experiment with the component
  in the playground.
-->

<details>
<summary>Copy-paste this code in
<code>playground/Playground.tsx</code>:</summary>

```jsx
import React from 'react';
import {Page} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      {/* Add the code you want to test in here */}
    </Page>
  );
}
```

</details>

### 🎩 checklist

- [ ] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [ ] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

Fixes #9938 

### WHAT is this pull request doing?

* Consolidate se23 styles 
* Consolidate se23 logic
* Remove custom `FilterButton` and replace it with direct invocations of
the Polaris Button instead. This seems safe to do because:
* even though we export `FilterButton` from the root of `IndexFilters`,
we do not actually expose it directly from the `polaris-react`
[entrypoint](https://github.com/Shopify/polaris/blob/2c718dc3ecf9393119cd1e08c387b648db78449a/polaris-react/src/index.ts#L190).
* AFAIK, noone is reaching into our cjs/esm builds to grab`FilterButton`
(see
[grokt](https://grokt.shopify.io/results?q=%40shopify%2Fpolaris%2F.*%2Fcomponents%2FIndexFilters))
* Just to be sure, also doesn't look like anyone is importing
`FilterButton` from @shopify/polaris either. (see
[grokt](https://grokt.shopify.io/results?q=FilterButton))
* That said I can see an argument being made for providing convenience
wrappers to alleviate repetitive config, so deferring to the team. 👍
Happy to revert if necessary 👍

### How to 🎩

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

<!--
  Give as much information as needed to experiment with the component
  in the playground.
-->

<details>
<summary>Copy-paste this code in
<code>playground/Playground.tsx</code>:</summary>

```jsx
import React from 'react';
import {Page} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      {/* Add the code you want to test in here */}
    </Page>
  );
}
```

</details>

### 🎩 checklist

- [ ] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [ ] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

### WHY are these changes introduced?

Part of #10191

### WHAT is this pull request doing?
- Force test providers to `polarisSummerEditions2023: true`, this is
temporary until we clean up the AppProvider
- Delete `.github/workflows/ci.yml`
- Rename `.github/workflows/ci-experimental.yml` to
`.github/workflows/ci.yml`
- Consolidate any tests that use the flag

### Tophat
- Make sure there isn't an experimental CI check anymore and that CI
passes

### WHY are these changes introduced?
Part of #10191

<img width="1276" alt="Screenshot 2023-08-25 at 1 28 07 PM"
src="https://github.com/Shopify/polaris/assets/20652326/9e245dd7-ebab-4225-92c7-4438f2f986e2">

### WHAT is this pull request doing?

- Delete`.github/workflows/ci-a11y-vrt.yml`
- Rename `.github/workflows/ci-a11y-vrt-experimental.yml` to
`.github/workflows/ci-a11y-vrt.yml`
- Removes feature toggles from storybook

> Note: I kept the panel and features object so that we can easily add
them back in the future

### Tophat
- Make sure storybook on the PR is with the feature flag on
- Make sure the toggles are not there anymore
- Make sure there isn't an experimental Accessibility and visual
regression check anymore and that CI passes

### WHAT is this pull request doing?

* Consolidates `se23` logic in tsx files that were either missed or
added back in as part of bad rebases

### How to 🎩

Tophatting links are in the file changes per component

### WHY are these changes introduced?

Resolves #10254.

### WHAT is this pull request doing?

Clean up .scss files that were still referencing se23 in stylelint
comments.
Clean up old variables in ResourceItem that were created for se23 but we
can just use the values directly now.
Consolidate se23 logic for **new ActionList subcomponent SearchField**
(didn't exist when we previously consolidated ActionList):
- Clean up se23 logic in SearchField.scss
- Add new story to show ActionList with search field
- Fix focus-ring issue on SearchField

### How to 🎩

[New ActionList with Search
story](https://5d559397bae39100201eedc1-okwxqlsbwm.chromatic.com/?path=/story/all-components-actionlist--with-search)

[ResourceItem
story](https://5d559397bae39100201eedc1-okwxqlsbwm.chromatic.com/?path=/story/all-components-resourceitem--default)
[ResourceItem story
prod](https://storybook.polaris.shopify.com/?path=/story/all-components-resourceitem--default&globals=polarisSummerEditions2023:true)

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

Closes #10208

Closes #10267

- [x] Change color to tone
- [x] Map warning to caution

Fixes #10259

Closes #10269

Closes #10247

Low hanging fruit, not used in web, not mentioned in coverage site
either
https://coverage.polaris.shopify.io/usage/component?repo=shopify%2Fweb&type=components&element=%3CPage%3E

### WHY are these changes introduced?

Resolves #10175.

Focus ring was broken on ResourceItem prior to uplift and was flagged
during se23 clean up.

### WHAT is this pull request doing?

Fixes minor issue on ResourceList.stories.tsx where LegacyCard was not
using the correct border radius on xs screens (should match IndexTable
where border-radius is set to `0` for xs screens).

Fixes focus ring styles by opting to use `offset` property as opposed to
the `focus-ring` mixin.
    <details>
      <summary>ResourceItem focus state — before</summary>
<img
src="https://github.com/Shopify/polaris/assets/26749317/0f2fc337-34d5-483d-b62b-df907277ff22"
alt="ResourceItem focus state — before">
    </details>
    <details>
      <summary>ResourceItem focus state — after</summary>
<img
src="https://github.com/Shopify/polaris/assets/26749317/383eb27e-0c2b-40d4-ab90-52205312ce73"
alt="ResourceItem focus state — after">
    </details>

### How to 🎩

[ResourceItem
Storybook](https://5d559397bae39100201eedc1-egkosgfazl.chromatic.com/?path=/story/all-components-resourceitem--default)
[ResourceItem Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-resourceitem--default&globals=polarisSummerEditions2023:true)

[BulkActions
Storybook](https://5d559397bae39100201eedc1-egkosgfazl.chromatic.com/?path=/story/all-components-resourcelist--with-bulk-actions)
[BulkActions Prod
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-resourcelist--with-bulk-actions&globals=polarisSummerEditions2023:true)

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

### WHY are these changes introduced?

Closes Shopify/app-ui#395

This implementation was initially done using a custom SearchField
because TextField caused a circular dependency in ActionList. This is no
longer a problem so I switched the custom SearchField for the TextField
to delete duplication

### How to 🎩

- Run the playground and add items to the "more actions" of the
DetailsPage so it reaches more than 8
- Make sure the search input still displays properly and filters the
items as expected

Closes #10272

### WHY are these changes introduced?

We are moving away from the boolean props for `Button` styling in favour
of variants

### WHAT is this pull request doing?

Deprecates the `removeUnderline` prop

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

Fixes https://github.com/Shopify/polaris/issues/10277ds

<!--
  Context about the problem that’s being addressed.
-->

### WHAT is this pull request doing?

Replaces status prop with tone
Removes experimental prefix from values

This PR adds async translations requested in #10307, which was opened by
@kyledurand.

It will append multiple commits and may add, modify, or delete
translations. Feel free to merge the PR any time; we'll open a new PR if
any more translations come in.

[Check the source PR's overall translation progress
here.](https://translation-platform.shopify.io/repos/Shopify/polaris/pulls/10307/progress)

## Before you deploy
- Check translations for malicious HTML.

## Merge conflicts?
<details>

If this PR has been open long enough that it has drifted out of sync
from the base branch and it has developed merge conflicts as a result,
follow these steps, in order:

1. Close this PR.
2. Run the following Spy command in Slack:

> `@spy translation-platform force-pull Shopify/polaris
pull_request_number=10307`

Translation Platform command will recreate the translation commits based
on the latest commit on the base branch and open a new PR.

</details>

## Missing completed translations?
<details>

If the translations were completed within the last several hours,
Translation Platform may just be holding on to them for a bit to see if
any others come in before creating a commit (multiple file changes are
committed together to reduce noise).

If it's been a while and completed translations are still missing, or if
you're just in a hurry, you can run the following Spy command in Slack
to download or re-download any completed translations to this PR:

> `@spy translation-platform force-pull Shopify/polaris
pull_request_number=10307`

- The translations might have been added to the source PR, but the PR
was rebased before it was shipped and the translations were accidentally
dropped.
- A later change to the translation files might have overwritten the
previously downloaded translations.
- Translation Platform might have failed to download the translations--
if you suspect this to be the case, please reach out at the link below.

</details>

## Questions?
Visit [#help-localization](https://shopify.slack.com/messages/C7TJQLVC7)
for questions about this pull request.

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

### WHY are these changes introduced?

Part of #10161

### WHAT is this pull request doing?

Adds instructions to run the `Button` migration

This PR adds async translations requested in #10307, which was opened by
@kyledurand.

It will append multiple commits and may add, modify, or delete
translations. Feel free to merge the PR any time; we'll open a new PR if
any more translations come in.

[Check the source PR's overall translation progress
here.](https://translation-platform.shopify.io/repos/Shopify/polaris/pulls/10307/progress)

## Before you deploy
- Check translations for malicious HTML.

## Merge conflicts?
<details>

If this PR has been open long enough that it has drifted out of sync
from the base branch and it has developed merge conflicts as a result,
follow these steps, in order:

1. Close this PR.
2. Run the following Spy command in Slack:

> `@spy translation-platform force-pull Shopify/polaris
pull_request_number=10307`

Translation Platform command will recreate the translation commits based
on the latest commit on the base branch and open a new PR.

</details>

## Missing completed translations?
<details>

If the translations were completed within the last several hours,
Translation Platform may just be holding on to them for a bit to see if
any others come in before creating a commit (multiple file changes are
committed together to reduce noise).

If it's been a while and completed translations are still missing, or if
you're just in a hurry, you can run the following Spy command in Slack
to download or re-download any completed translations to this PR:

> `@spy translation-platform force-pull Shopify/polaris
pull_request_number=10307`

- The translations might have been added to the source PR, but the PR
was rebased before it was shipped and the translations were accidentally
dropped.
- A later change to the translation files might have overwritten the
previously downloaded translations.
- Translation Platform might have failed to download the translations--
if you suspect this to be the case, please reach out at the link below.

</details>

## Questions?
Visit [#help-localization](https://shopify.slack.com/messages/C7TJQLVC7)
for questions about this pull request.

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

We want to leverage MDX to support richer content in our documentation
site. MDX will allow us to easily create and use customized components
to be used in `.md` files, and greatly simplifies our rendering and
templating process.

### ⚠️ Disclaimer ⚠️ 
This is merging into the `next` branch in order to minimize merge
conflicts with `v12` work

We want to merge in this PR in its current state in order to unblock
documentation writing for component updates. In order to get things
unblocked as quickly as possible, we are leaving some pages/builds
broken intentionally while we complete the migration.

Known issues include:

* parts of some patterns pages are broken because they are referencing
the names of old layout components that are in the process of renaming
and api changes
* some styling throughout the site may be a bit wonky while we migrate
scss files and components

To see a list of minor issues please refer to the [project
backlog](https://github.com/orgs/Shopify/projects/2250/views/118?type=beta)

<!--
  Context about the problem that’s being addressed.
-->

### WHAT is this pull request doing?
* replacing `react-markdown` with `next-mdx-remote` for our markdown
renderer
* removing most of the old `<!-- [component] -->` usages and swapping
them out for mdx components
``` 
<!-- dodont -->

// becomes

<DoDont></DoDont>

// in .md files
```
* makes various content changes to `.md` files to make sure they are
compatible with MDX
* Start to replace/rebuild/create some components using `polaris-react`
layout primitives
<!--
  Summary of the changes committed.

Before / after screenshots are appreciated for UI changes. Make sure to
include alt text that describes the screenshot.

If you include an animated gif showing your change, wrapping it in a
details tag is recommended. Gifs usually autoplay, which can cause
accessibility issues for people reviewing your PR:

    <details>
      <summary>Summary of your gif(s)</summary>
      <img src="..." alt="Description of what the gif shows">
    </details>
-->

<!-- ℹ️ Delete the following for small / trivial changes -->

### How to 🎩

1. Run the `dev` process for the website
2. Click through the website and make sure pages are working
3. Make note of the above known issues. If you discover another issue
that isn't already documented please open an issue in the
[backlog](https://github.com/orgs/Shopify/projects/2250/views/118?type=beta)
and leave a comment in the PR

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

<!--
  Give as much information as needed to experiment with the component
  in the playground.
-->

<details>
<summary>Copy-paste this code in
<code>playground/Playground.tsx</code>:</summary>

```jsx
import React from 'react';
import {Page} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      {/* Add the code you want to test in here */}
    </Page>
  );
}
```

</details>

### 🎩 checklist

- [ ] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [ ] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

---------

Co-authored-by: Jess Telford <jess.telford@shopify.com>
Co-authored-by: Charles Lee <charles.lee@shopify.com>
Co-authored-by: Lo Kim <lo.kim@shopify.com>

Fixes #10364

Removing more unnecessary route handlers now that we have generic MDX
rendering on `pages/[...slug]` 🎉

Also picked up a couple little fixes (as seperate commits in this PR)
along the way.

`/components`
<img width="581" alt="Screenshot 2023-09-08 at 4 34 23 pm"
src="https://github.com/Shopify/polaris/assets/612020/849e5832-e49e-422d-8d1b-b2811fe98de9">

`/components/<category>`
<img width="586" alt="Screenshot 2023-09-08 at 4 34 43 pm"
src="https://github.com/Shopify/polaris/assets/612020/c741dfcf-6b8a-4f15-82aa-d51c612b47f3">

Updates `next` branch with latest changes from `main`.
- Resolves conflicts
- Updates renamed components or breaking prop changes
([commit](fb5bc9b))
- Updates any new se23 styles or logic
([commit](e6784cd))

> 🚨 Please verify that changes in the last linked commit above look as
expected in
[storybook](https://5d559397bae39100201eedc1-autktgiyhr.chromatic.com/?path=/story/playground--details-page).

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: Jess Telford <jess.telford@shopify.com>
Co-authored-by: Kyle Durand <kyledurand@users.noreply.github.com>
Co-authored-by: Joel Warrington <joel.warrington@shopify.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Sam Rose <11774595+samrose3@users.noreply.github.com>
Co-authored-by: Matt Lavoie <44816587+m4thieulavoie@users.noreply.github.com>
Co-authored-by: aveline <aveline@users.noreply.github.com>
Co-authored-by: Aaron Casanova <32409546+aaronccasanova@users.noreply.github.com>
Co-authored-by: Ash <siavash.etemadieh@shopify.com>
Co-authored-by: shopify-github-actions-access[bot] <109624739+shopify-github-actions-access[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Maxime Cloutier <maxime.cloutier@shopify.com>
Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
Co-authored-by: Peter Lazzarino <peter.lazzarino@shopify.com>
Co-authored-by: James Highfield <james.highfield@shopify.com>
Co-authored-by: Marten Bjork <marten.bjork@shopify.com>
Co-authored-by: Joe Thomas <joe.thomas@shopify.com>
Co-authored-by: zak warsame <42528878+zakwarsame@users.noreply.github.com>
Co-authored-by: Chloe Rice <chloerice@users.noreply.github.com>
Co-authored-by: Marc Thomas <marc.thomas@shopify.com>
Co-authored-by: Laura Griffee <laura@mailzone.com>

<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

### WHY are these changes introduced?

Fixes #10366 - replace `VerticalStack` with `BlockStack` in patterns
examples <!-- link to issue if one exists -->

Also fixes:
* `/patterns` status banner spacing
* hydration error due to whitespace in second Lede
<!--
  Context about the problem that’s being addressed.
-->

<img width="2032" alt="Screenshot 2023-09-08 at 12 59 59 PM"
src="https://github.com/Shopify/polaris/assets/4642404/3ca77108-34cf-491e-8cf4-b052c6fa547d">


### WHAT is this pull request doing?

<!--
  Summary of the changes committed.

Before / after screenshots are appreciated for UI changes. Make sure to
include alt text that describes the screenshot.

If you include an animated gif showing your change, wrapping it in a
details tag is recommended. Gifs usually autoplay, which can cause
accessibility issues for people reviewing your PR:

    <details>
      <summary>Summary of your gif(s)</summary>
      <img src="..." alt="Description of what the gif shows">
    </details>
-->

<!-- ℹ️ Delete the following for small / trivial changes -->

### How to 🎩

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

<!--
  Give as much information as needed to experiment with the component
  in the playground.
-->

<details>
<summary>Copy-paste this code in
<code>playground/Playground.tsx</code>:</summary>

```jsx
import React from 'react';
import {Page} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      {/* Add the code you want to test in here */}
    </Page>
  );
}
```

</details>

### 🎩 checklist

- [ ] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [ ] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

---------

Co-authored-by: Lo Kim <lo.kim@shopify.com>

### WHY are these changes introduced?

Fixes #9939 

### WHAT is this pull request doing?

- `IndexTable` consolidate se23 logic
- `IndexTable` consolidate se23 styles

### How to 🎩
-
[Storybook](https://5d559397bae39100201eedc1-jsgyqvgaeb.chromatic.com/?path=/story/all-components-indextable--with-all-of-its-elements)
- [Production
storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-indextable--with-all-of-its-elements&globals=polarisSummerEditions2023:true)

### 🎩 checklist

- [ ] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [ ] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide