Add printHidden prop to Box

Author: kyledurand

.changeset/fresh-eyes-compete.md

@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': minor
+---
+
+Added `printHidden` prop to `Box`

polaris-react/src/components/Box/Box.scss

@@ -139,3 +139,10 @@
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   @include visually-hidden;
 }
+
+.printHidden {
+  @media print {
+    // stylelint-disable-next-line declaration-no-important -- generated by polaris-migrator DO NOT COPY
+    display: none !important;
+  }
+}

polaris-react/src/components/Box/Box.tsx

@@ -174,6 +174,8 @@ export interface BoxProps extends React.AriaAttributes {
   insetInlineEnd?: Spacing;
   /** Opacity of box */
   opacity?: string;
+  /** Visually hide the contents during print */
+  printHidden?: boolean;
   /** Visually hide the contents (still announced by screenreader) */
   visuallyHidden?: boolean;
   /** z-index of box */
@@ -217,6 +219,7 @@ export const Box = forwardRef<HTMLElement, BoxProps>(
       shadow,
       tabIndex,
       width,
+      printHidden,
       visuallyHidden,
       position,
       insetBlockStart,
@@ -326,6 +329,7 @@ export const Box = forwardRef<HTMLElement, BoxProps>(
     const className = classNames(
       styles.Box,
       visuallyHidden && styles.visuallyHidden,
+      printHidden && styles.printHidden,
       as === 'ul' && styles.listReset,
     );