Mobile update for choice list

[aveline]

WHY are these changes introduced?

Fixes #5443

What is this pull request doing?

• Update styling of radio button on desktop and mobile
• Increase size of radio button and checkbox on mobile only
• Add spacing between ChoiceList items on mobile only

How to 🎩

🖥 Local development instructions
🗒 General tophatting guidelines
📄 Changelog guidelines

Copy-paste this code in playground/Playground.tsx:

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>
  );
}

🎩 checklist

• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility
• Updated the component's README.md with documentation changes
• Tophatted documentation changes in the style guide
• @nayeob-kim to update the Polaris UI kit

[github-actions]

size-limit report 📦

Path	Size
cjs	151.18 KB (+0.02% 🔺)
esm	87.53 KB (+0.03% 🔺)
esnext	138.5 KB (+0.08% 🔺)
css	37.84 KB (+0.18% 🔺)

[changeset-bot]

⚠️ No Changeset found

Latest commit: ff9f2c9

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[aveline]

/snapshot-release

[github-actions]

🤌 ✨ Thanks @aveline! Your snapshots have been shipped.

Test the snapshots by updating your package.json with the newly published versions:

yarn add @shopify/polaris-icons@0.0.0-snapshot-release-20220525214403

yarn add @shopify/polaris@0.0.0-snapshot-release-20220525214403

yarn add @shopify/polaris-tokens@0.0.0-snapshot-release-20220525214403

yarn add @shopify/stylelint-polaris@0.0.0-snapshot-release-20220525214403

[aveline]

/snapshot-release

[github-actions]

🫰✨ Thanks @aveline! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

yarn add @shopify/polaris-icons@0.0.0-snapshot-release-20220526211527

yarn add @shopify/polaris@0.0.0-snapshot-release-20220526211527

yarn add @shopify/polaris-tokens@0.0.0-snapshot-release-20220526211527

yarn add @shopify/stylelint-polaris@0.0.0-snapshot-release-20220526211527

[aveline]

/snapshot-release

[github-actions]

🫰✨ Thanks @aveline! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

yarn add @shopify/polaris@0.0.0-snapshot-release-20220526222521

[aveline]

/snapshot-release

[github-actions]

🫰✨ Thanks @aveline! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

yarn add @shopify/polaris@0.0.0-snapshot-release-20220526230852