[WIP][Layout foundations] Add alpha layout components

[laurkim]

WHY are these changes introduced?

Fixes #0000

WHAT is this pull request doing?

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

[github-actions[bot]]

size-limit report 📦

Path	Size
polaris-react-cjs	204.85 KB (+0.94% 🔺)
polaris-react-esm	131.19 KB (+1.25% 🔺)
polaris-react-esnext	186.46 KB (+1.49% 🔺)
polaris-react-css	41.45 KB (+1.92% 🔺)

[laurkim]

/snapit

[github-actions[bot]]

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

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

yarn add @shopify/[email protected]

yarn add @shopify/[email protected]

[aveline]

/snapit

[github-actions[bot]]

🫰✨ 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/[email protected]

yarn add @shopify/[email protected]

yarn add @shopify/[email protected]

yarn add @shopify/[email protected]

yarn add @shopify/[email protected]

[aveline]

/snapit

[aveline]

/stageit

[github-actions[bot]]

🚀 d05c43ed2ec3c579173a9e1ccb791066faf42637 is now deploying to staging. View status.

[github-actions[bot]]

🫰✨ 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/[email protected]

yarn add @shopify/[email protected]

yarn add @shopify/[email protected]

yarn add @shopify/[email protected]

yarn add @shopify/[email protected]

[sarahill]

@aveline Looks like some of the styles are missing from the examples? Attached a couple screenshot examples

AlphaCard

Box