[Page] print mode adjustments

[patsissons]

WHY are these changes introduced?

When printing a page, we don't want the breadcrumbs or actions to be visible.

WHAT is this pull request doing?

removing actions and breadcrumbs from Page header in print mode using the print media query mixin.

How to 🎩

🖥 Local development instructions
🗒 General tophatting guidelines
📄 Changelog guidelines

Run the playground below and click the Print action to view the print mode page without any nav or actions.

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

import React from 'react';
import {Page} from '../src';
import {PrintMinor} from '@shopify/polaris-icons';

export function Playground() {
  return (
    <Page
      breadcrumbs={[{content: 'Breadcrumbs', url: '#'}]}
      title="Print demo"
      primaryAction={{content: 'Primary Action', url: '#'}}
      secondaryActions={[
        {content: 'Print', icon: PrintMinor, onAction: window.print},
        {content: 'Secondary Action', url: '#'},
      ]}
      actionGroups={[
        {title: 'Action groups', actions: [{content: 'Action', url: '#'}]},
      ]}
      pagination={{hasNext: true}}
    >
      <p>Page content</p>
    </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
• For visual design changes, pinged one of @ HYPD, @ mirualves, @ sarahill, or @ ry5n to update the Polaris UI kit

[github-actions]

💦 Potential splash zone of changes introduced to src/**/*.tsx in this pull request:

Files modified	2
Files potentially affected	2

Details

All files potentially affected (total: 2)

• /src/components/Page/components/Header/Header.tsx
• /src/components/Page/Page.tsx

📄 UNRELEASED.md (total: 0)

Files potentially affected (total: 0)

🎨 src/components/Page/components/Header/Header.scss (total: 2)

Files potentially affected (total: 2)

• /src/components/Page/components/Header/Header.tsx
• /src/components/Page/Page.tsx

---

This comment automatically updates as changes are made to this pull request.
Feedback, troubleshooting: open an issue or reach out on Slack in #polaris-tooling.

[patsissons]

should we consider this a breaking change?

[chloerice]

I'd consider it a bug fix, as I think that you're right about this being expected behavior. @kaelig do you have an opinion on this?

[chloerice]

🎩 Looks good 👍 🚀