Remove references to @Shopify/checkout-ui-extensions

README.md

@@ -4,11 +4,7 @@ This repo contains the packages that make up the UI extensibility framework for
 
 ## I just want to _build_ a UI Extension, not learn about them!
 
-If you’re ready to start building, you’ll want to refer to the documentation covering the components and APIs available to you. Where you’ll find that depends on what surface area of Shopify you are building an extension for:
-
-- Building an extension for the post-purchase page of the Shopify Checkout? You should read the documentation for [`@shopify/post-purchase-ui-extensions`](./packages/post-purchase-ui-extensions) (and [`@shopify/post-purchase-ui-extensions-react`](./packages/post-purchase-ui-extensions-react), if you use React)
-- Building an extension for other parts of the Shopify Checkout? You should read the documentation for [`@shopify/checkout-ui-extensions`](./packages/checkout-ui-extensions) (and [`@shopify/checkout-ui-extensions-react`](./packages/checkout-ui-extensions-react), if you use React)
-- Building an extension for the Shopify Admin? You should read the documentation for [`@shopify/admin-ui-extensions`](./packages/admin-ui-extensions) (and [`@shopify/admin-ui-extensions-react`](./packages/admin-ui-extensions-react), if you use React)
+Get started by adding your new UI extension APIs to the [`@shopify/ui-extensions` package](./packages/ui-extensions/). We also provide [a React library](./packages/ui-extensions-react/) you may need to update as well.
 
 If you want to learn a little more about the patterns found throughout these libraries, and the way that they are rendered into the applications they extend, read on!
 
@@ -72,7 +68,7 @@ shopify.extend('Checkout::Dynamic::Render', (root) => {
 // Or, if you are using our NPM libraries, we offer a bit of sugar over the
 // global:
 
-import {extend} from '@shopify/checkout-ui-extensions';
+import {extend} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   root.appendChild(root.createText('Hello world!'));

packages/ui-extensions-react/documentation/hooks.md

@@ -32,7 +32,7 @@ import {
   render,
   Text,
   useShippingAddress,
-} from '@shopify/checkout-ui-extensions-react';
+} from '@shopify/ui-extensions-react/react';
 
 render('Checkout::Dynamic::Render', () => <App />);
 

packages/ui-extensions/src/surfaces/checkout/components/Banner/examples/basic-banner.example.ts

@@ -1,4 +1,4 @@
-import {extend, Banner} from '@shopify/checkout-ui-extensions';
+import {extend, Banner} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const banner = root.createComponent(Banner, {

packages/ui-extensions/src/surfaces/checkout/components/BlockLayout/examples/basic-blockLayout.example.ts

@@ -1,4 +1,4 @@
-import {extend, BlockLayout, View} from '@shopify/checkout-ui-extensions';
+import {extend, BlockLayout, View} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const blockLayout = root.createComponent(

packages/ui-extensions/src/surfaces/checkout/components/BlockSpacer/examples/basic-blockspacer.example.ts

@@ -1,4 +1,4 @@
-import {extend, BlockSpacer, View} from '@shopify/checkout-ui-extensions';
+import {extend, BlockSpacer, View} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const blockSpacer = root.createComponent(View, undefined, [

packages/ui-extensions/src/surfaces/checkout/components/BlockStack/examples/basic-blockstack.example.ts

@@ -1,4 +1,4 @@
-import {extend, BlockStack, View} from '@shopify/checkout-ui-extensions';
+import {extend, BlockStack, View} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const blockStack = root.createComponent(BlockStack, undefined, [

packages/ui-extensions/src/surfaces/checkout/components/Button/examples/basic-button.example.ts

@@ -1,4 +1,4 @@
-import {extend, Button} from '@shopify/checkout-ui-extensions';
+import {extend, Button} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const button = root.createComponent(

packages/ui-extensions/src/surfaces/checkout/components/Checkbox/examples/basic-checkbox.example.ts

@@ -1,4 +1,4 @@
-import {extend, Checkbox} from '@shopify/checkout-ui-extensions';
+import {extend, Checkbox} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const checkbox = root.createComponent(

packages/ui-extensions/src/surfaces/checkout/components/Choice/examples/basic-choice.example.ts

@@ -4,7 +4,7 @@ import {
   Choice,
   BlockStack,
   InlineStack,
-} from '@shopify/checkout-ui-extensions';
+} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const choiceList = root.createComponent(

packages/ui-extensions/src/surfaces/checkout/components/ChoiceList/examples/basic-choicelist.example.ts

@@ -4,7 +4,7 @@ import {
   Choice,
   BlockStack,
   InlineStack,
-} from '@shopify/checkout-ui-extensions';
+} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const choiceList = root.createComponent(

packages/ui-extensions/src/surfaces/checkout/components/Divider/examples/basic-divider.example.ts

@@ -1,4 +1,4 @@
-import {extend, Divider} from '@shopify/checkout-ui-extensions';
+import {extend, Divider} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const divider = root.createComponent(Divider);

packages/ui-extensions/src/surfaces/checkout/components/Form/examples/basic-form.example.ts

@@ -7,7 +7,7 @@ import {
   GridItem,
   TextField,
   View,
-} from '@shopify/checkout-ui-extensions';
+} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const fields = root.createComponent(

packages/ui-extensions/src/surfaces/checkout/components/Grid/examples/basic-grid.example.ts

@@ -1,4 +1,4 @@
-import {extend, Grid, View} from '@shopify/checkout-ui-extensions';
+import {extend, Grid, View} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const grid = root.createComponent(

packages/ui-extensions/src/surfaces/checkout/components/GridItem/examples/basic-griditem.example.ts

@@ -1,4 +1,4 @@
-import {extend, Grid, GridItem, View} from '@shopify/checkout-ui-extensions';
+import {extend, Grid, GridItem, View} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const grid = root.createComponent(

packages/ui-extensions/src/surfaces/checkout/components/Heading/examples/basic-heading.example.ts

@@ -1,4 +1,4 @@
-import {extend, Heading} from '@shopify/checkout-ui-extensions';
+import {extend, Heading} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const heading = root.createComponent(Heading, undefined, 'Store name');

packages/ui-extensions/src/surfaces/checkout/components/HeadingGroup/examples/basic-headinggroup.example.ts

@@ -3,7 +3,7 @@ import {
   HeadingGroup,
   Heading,
   View,
-} from '@shopify/checkout-ui-extensions';
+} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const headingGroup = root.createComponent(View, undefined, [

packages/ui-extensions/src/surfaces/checkout/components/Icon/examples/basic-icon.example.ts

@@ -1,4 +1,4 @@
-import {extend, Icon} from '@shopify/checkout-ui-extensions';
+import {extend, Icon} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const icon = root.createComponent(Icon, {source: 'discount'});

packages/ui-extensions/src/surfaces/checkout/components/Image/examples/basic-image.example.ts

@@ -1,4 +1,4 @@
-import {extend, Image} from '@shopify/checkout-ui-extensions';
+import {extend, Image} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const image = root.createComponent(Image, {

packages/ui-extensions/src/surfaces/checkout/components/InlineLayout/examples/basic-inlineLayout.example.ts

@@ -1,4 +1,4 @@
-import {extend, InlineLayout, View} from '@shopify/checkout-ui-extensions';
+import {extend, InlineLayout, View} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const inlineLayout = root.createComponent(

packages/ui-extensions/src/surfaces/checkout/components/InlineSpacer/examples/basic-inlinespacer.example.ts

@@ -3,7 +3,7 @@ import {
   InlineSpacer,
   InlineStack,
   View,
-} from '@shopify/checkout-ui-extensions';
+} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const inlineSpacer = root.createComponent(InlineStack, {spacing: 'none'}, [

packages/ui-extensions/src/surfaces/checkout/components/InlineStack/examples/basic-inlinestack.example.ts

@@ -1,4 +1,4 @@
-import {extend, InlineStack, View} from '@shopify/checkout-ui-extensions';
+import {extend, InlineStack, View} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const inlineStack = root.createComponent(

packages/ui-extensions/src/surfaces/checkout/components/Link/examples/basic-link.example.ts

@@ -1,4 +1,4 @@
-import {extend, Link} from '@shopify/checkout-ui-extensions';
+import {extend, Link} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const link = root.createComponent(

packages/ui-extensions/src/surfaces/checkout/components/List/examples/basic-list.example.ts

@@ -1,4 +1,4 @@
-import {extend, List, ListItem} from '@shopify/checkout-ui-extensions';
+import {extend, List, ListItem} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const list = root.createComponent(List, undefined, [

packages/ui-extensions/src/surfaces/checkout/components/ListItem/examples/basic-listitem.example.ts

@@ -1,4 +1,4 @@
-import {extend, List, ListItem} from '@shopify/checkout-ui-extensions';
+import {extend, List, ListItem} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const list = root.createComponent(List, undefined, [

packages/ui-extensions/src/surfaces/checkout/components/PhoneField/examples/basic-phonefield.example.ts

@@ -1,4 +1,4 @@
-import {extend, PhoneField} from '@shopify/checkout-ui-extensions';
+import {extend, PhoneField} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const phoneField = root.createComponent(PhoneField, {

packages/ui-extensions/src/surfaces/checkout/components/Pressable/examples/basic-pressable.example.ts

@@ -4,7 +4,7 @@ import {
   InlineLayout,
   Pressable,
   Text,
-} from '@shopify/checkout-ui-extensions';
+} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const pressable = root.createComponent(

packages/ui-extensions/src/surfaces/checkout/components/ScrollView/examples/basic-scrollview.example.ts

@@ -1,4 +1,4 @@
-import {extend, ScrollView, View} from '@shopify/checkout-ui-extensions';
+import {extend, ScrollView, View} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const scrollView = root.createComponent(ScrollView, {maxBlockSize: 400}, [

packages/ui-extensions/src/surfaces/checkout/components/Select/examples/basic-select.example.ts

@@ -1,4 +1,4 @@
-import {extend, Select} from '@shopify/checkout-ui-extensions';
+import {extend, Select} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const select = root.createComponent(Select, {

packages/ui-extensions/src/surfaces/checkout/components/SkeletonImage/examples/basic-skeletonimage.example.ts

@@ -1,4 +1,4 @@
-import {extend, SkeletonImage} from '@shopify/checkout-ui-extensions';
+import {extend, SkeletonImage} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const skeletonImage = root.createComponent(SkeletonImage, {

packages/ui-extensions/src/surfaces/checkout/components/SkeletonText/examples/basic-skeletontext.example.ts

@@ -1,4 +1,4 @@
-import {extend, SkeletonText} from '@shopify/checkout-ui-extensions';
+import {extend, SkeletonText} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const skeletonText = root.createComponent(SkeletonText);

packages/ui-extensions/src/surfaces/checkout/components/SkeletonTextBlock/examples/basic-skeletontextblock.example.ts

@@ -1,4 +1,4 @@
-import {extend, SkeletonTextBlock} from '@shopify/checkout-ui-extensions';
+import {extend, SkeletonTextBlock} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const skeletonTextBlock = root.createComponent(SkeletonTextBlock);

packages/ui-extensions/src/surfaces/checkout/components/Spinner/examples/basic-spinner.example.ts

@@ -1,4 +1,4 @@
-import {extend, Spinner} from '@shopify/checkout-ui-extensions';
+import {extend, Spinner} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const spinner = root.createComponent(Spinner);

packages/ui-extensions/src/surfaces/checkout/components/Stepper/examples/basic-stepper.example.ts

@@ -1,4 +1,4 @@
-import {extend, Stepper} from '@shopify/checkout-ui-extensions';
+import {extend, Stepper} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const stepper = root.createComponent(Stepper, {

packages/ui-extensions/src/surfaces/checkout/components/Tag/examples/basic-tag.example.ts

@@ -1,4 +1,4 @@
-import {extend, Tag} from '@shopify/checkout-ui-extensions';
+import {extend, Tag} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const tag = root.createComponent(Tag, {icon: 'discount'}, 'SPRING');

packages/ui-extensions/src/surfaces/checkout/components/Text/examples/basic-text.example.ts

@@ -1,4 +1,4 @@
-import {extend, Text, BlockStack} from '@shopify/checkout-ui-extensions';
+import {extend, Text, BlockStack} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const text = root.createComponent(BlockStack, undefined, [

packages/ui-extensions/src/surfaces/checkout/components/TextBlock/examples/basic-textblock.example.ts

@@ -1,4 +1,4 @@
-import {extend, TextBlock, BlockStack} from '@shopify/checkout-ui-extensions';
+import {extend, TextBlock, BlockStack} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const textBlock = root.createComponent(BlockStack, undefined, [

packages/ui-extensions/src/surfaces/checkout/components/TextField/examples/basic-textfield.example.ts

@@ -1,4 +1,4 @@
-import {extend, TextField} from '@shopify/checkout-ui-extensions';
+import {extend, TextField} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const textfield = root.createComponent(TextField, {

packages/ui-extensions/src/surfaces/checkout/components/Tooltip/examples/basic-tooltip.example.ts

@@ -3,7 +3,7 @@ import {
   Icon,
   Pressable,
   Tooltip,
-} from '@shopify/checkout-ui-extensions';
+} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const tooltipFragment = root.createFragment();

packages/ui-extensions/src/surfaces/checkout/components/View/examples/basic-view.example.ts

@@ -1,4 +1,4 @@
-import {extend, View} from '@shopify/checkout-ui-extensions';
+import {extend, View} from '@shopify/ui-extensions/checkout';
 
 extend('Checkout::Dynamic::Render', (root) => {
   const view = root.createComponent(