Merge pull request #1719 from Shopify/admin-banner-snippet

Fix code snippet in banner and export Parapragh in ui-extension-react…

.changeset/dirty-crabs-taste.md

@@ -0,0 +1,5 @@
+---
+'@shopify/ui-extensions-react': patch
+---
+
+Export Paragraph in ui-extensions-react/admin

packages/ui-extensions-react/src/surfaces/admin/components.ts

@@ -53,6 +53,8 @@ export {MoneyField} from './components/MoneyField/MoneyField';
 export type {MoneyFieldProps} from './components/MoneyField/MoneyField';
 export {NumberField} from './components/NumberField/NumberField';
 export type {NumberFieldProps} from './components/NumberField/NumberField';
+export {Paragraph} from './components/Paragraph/Paragraph';
+export type {ParagraphProps} from './components/Paragraph/Paragraph';
 export {PasswordField} from './components/PasswordField/PasswordField';
 export type {PasswordFieldProps} from './components/PasswordField/PasswordField';
 export {Pressable} from './components/Pressable/Pressable';

packages/ui-extensions-react/src/surfaces/admin/components/Banner/examples/basic-banner.example.tsx

@@ -2,14 +2,15 @@ import React from 'react';
 import {
   render,
   Banner,
+  Paragraph,
 } from '@shopify/ui-extensions-react/admin';
 
 render('Playground', () => <App />);
 
 function App() {
   return (
     <Banner title="Shipping rates changed" dismissible onDismiss={() => console.log('dismissed banner')}>
-      <p>Your store may be affected</p>
+      <Paragraph>Your store may be affected</Paragraph>
     </Banner>
   );
 }