From 3ce21a162eee85fea5f3b2fca4dfe9c8b45cf962 Mon Sep 17 00:00:00 2001
From: Anna Wen <54281166+annawen1@users.noreply.github.com>
Date: Mon, 5 Dec 2022 15:36:02 -0500
Subject: [PATCH 1/5] chore(cwc): update references in storybook and
 codesandbox examples (#9722)

### Related Ticket(s)

{{Provide url(s) to the related ticket(s) that this pull request addresses}}

### Description

Updating the carbon-web-components references in the carbon-web-components' storybook docs and codesandbox examples.

### Changelog

**Changed**

1. `carbon-web-components/es` ---> `@carbon/carbon-web-components/es`
2. CDN urls
   `https://1.www.s81c.com/common/carbon/web-components/...` --> `https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/...`
3. Codesandbox links in the storybook docs
  `https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/...` --> `https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/...`


<!-- React and Web Component deploy previews are enabled by default. -->
<!-- To enable additional available deploy previews, apply the following -->
<!-- labels for the corresponding package: -->
<!-- *** "test: e2e": Codesandbox examples and e2e integration tests -->
<!-- *** "package: services": Services -->
<!-- *** "package: utilities": Utilities -->
<!-- *** "RTL": React / Web Components (RTL) -->
<!-- *** "feature flag": React / Web Components (experimental) -->
---
 packages/carbon-web-components/README.md      |  32 ++---
 .../angular/src/app/app.component.ts          |   4 +-
 .../basic/components/accordion/cdn.html       |   2 +-
 .../basic/components/accordion/src/index.js   |   2 +-
 .../basic/components/breadcrumb/cdn.html      |   2 +-
 .../basic/components/breadcrumb/src/index.js  |   2 +-
 .../basic/components/button/cdn.html          |   2 +-
 .../basic/components/button/src/index.js      |   2 +-
 .../basic/components/checkbox/cdn.html        |   2 +-
 .../basic/components/checkbox/src/index.js    |   2 +-
 .../basic/components/code-snippet/cdn.html    |   2 +-
 .../components/code-snippet/src/index.js      |   2 +-
 .../basic/components/combo-box/cdn.html       |   2 +-
 .../basic/components/combo-box/src/index.js   |   2 +-
 .../components/content-switcher/cdn.html      |   2 +-
 .../components/content-switcher/src/index.js  |   2 +-
 .../basic/components/copy-button/cdn.html     |   2 +-
 .../basic/components/copy-button/src/index.js |   2 +-
 .../basic/components/data-table/cdn.html      |   4 +-
 .../basic/components/data-table/src/index.js  |   4 +-
 .../basic/components/date-picker/cdn.html     |   2 +-
 .../basic/components/date-picker/src/index.js |   2 +-
 .../basic/components/dropdown/cdn.html        |   2 +-
 .../basic/components/dropdown/src/index.js    |   2 +-
 .../basic/components/file-uploader/cdn.html   |   2 +-
 .../components/file-uploader/src/index.js     |   2 +-
 .../basic/components/inline-loading/cdn.html  |   2 +-
 .../components/inline-loading/src/index.js    |   2 +-
 .../basic/components/input/cdn.html           |   2 +-
 .../basic/components/input/src/index.js       |   4 +-
 .../basic/components/link/cdn.html            |   2 +-
 .../basic/components/link/src/index.js        |   2 +-
 .../basic/components/list/cdn.html            |   2 +-
 .../basic/components/list/src/index.js        |   2 +-
 .../basic/components/loading/cdn.html         |   2 +-
 .../basic/components/loading/src/index.js     |   2 +-
 .../basic/components/modal/cdn.html           |   2 +-
 .../basic/components/modal/src/index.js       |   4 +-
 .../basic/components/multi-select/cdn.html    |   2 +-
 .../components/multi-select/src/index.js      |   2 +-
 .../basic/components/notification/cdn.html    |   2 +-
 .../components/notification/src/index.js      |   2 +-
 .../basic/components/number-input/cdn.html    |   2 +-
 .../components/number-input/src/index.js      |   2 +-
 .../basic/components/overflow-menu/cdn.html   |   2 +-
 .../components/overflow-menu/src/index.js     |   2 +-
 .../basic/components/pagination/cdn.html      |   2 +-
 .../basic/components/pagination/src/index.js  |   2 +-
 .../components/progress-indicator/cdn.html    |   2 +-
 .../progress-indicator/src/index.js           |   2 +-
 .../basic/components/radio-button/cdn.html    |   2 +-
 .../components/radio-button/src/index.js      |   2 +-
 .../basic/components/search/cdn.html          |   2 +-
 .../basic/components/search/src/index.js      |   2 +-
 .../basic/components/select/cdn.html          |   2 +-
 .../basic/components/select/src/index.js      |   2 +-
 .../components/skeleton-placeholder/cdn.html  |   2 +-
 .../skeleton-placeholder/src/index.js         |   2 +-
 .../basic/components/skeleton-text/cdn.html   |   2 +-
 .../components/skeleton-text/src/index.js     |   2 +-
 .../basic/components/skip-to-content/cdn.html |   4 +-
 .../components/skip-to-content/src/index.js   |   4 +-
 .../basic/components/slider/cdn.html          |   2 +-
 .../basic/components/slider/src/index.js      |   2 +-
 .../basic/components/structured-list/cdn.html |   2 +-
 .../components/structured-list/src/index.js   |   2 +-
 .../basic/components/tabs/cdn.html            |   2 +-
 .../basic/components/tabs/src/index.js        |   2 +-
 .../codesandbox/basic/components/tag/cdn.html |   2 +-
 .../basic/components/tag/src/index.js         |   2 +-
 .../basic/components/textarea/cdn.html        |   2 +-
 .../basic/components/textarea/src/index.js    |   2 +-
 .../basic/components/tile/cdn.html            |   2 +-
 .../basic/components/tile/src/index.js        |   2 +-
 .../basic/components/toggle/cdn.html          |   2 +-
 .../basic/components/toggle/src/index.js      |   2 +-
 .../basic/components/tooltip/cdn.html         |   2 +-
 .../basic/components/tooltip/src/index.js     |   2 +-
 .../basic/components/ui-shell/cdn.html        |   2 +-
 .../basic/components/ui-shell/src/index.js    |   2 +-
 .../examples/codesandbox/basic/src/index.js   |   4 +-
 .../examples/codesandbox/cdn/index.html       |  82 +++++------
 .../codesandbox/data-table/src/data.js        |   4 +-
 .../data-table/src/demo-data-table.js         |  54 +++----
 .../codesandbox/form/basic/src/index.js       |   8 +-
 .../codesandbox/form/redux-form/src/index.js  |   8 +-
 .../examples/codesandbox/ie/src/index.js      |   8 +-
 .../next/components/BXDropdownDemo.js         |   6 +-
 .../codesandbox/react-ssr/src/views/App.js    |   6 +-
 .../examples/codesandbox/react/src/index.js   |   6 +-
 .../examples/codesandbox/rtl/src/index.js     |   6 +-
 .../styling/custom-style/src/index.js         |   6 +-
 .../styling/theme-zoning/src/index.js         |  18 +--
 .../vue/src/components/HelloWorld.vue         |   4 +-
 .../components/accordion/accordion-story.mdx  |  42 ++++--
 .../breadcrumb/breadcrumb-story.mdx           |  15 +-
 .../src/components/button/button-story.mdx    |  24 ++--
 .../components/checkbox/checkbox-story.mdx    |  17 ++-
 .../code-snippet/code-snippet-story.mdx       |  28 ++--
 .../components/combo-box/combo-box-story.mdx  |  41 ++++--
 .../content-switcher-story.mdx                |  15 +-
 .../copy-button/copy-button-story.mdx         |  17 ++-
 .../data-table/data-table-story.mdx           |  57 +++++---
 .../date-picker/date-picker-story.mdx         |  44 ++++--
 .../components/dropdown/dropdown-story.mdx    |  25 ++--
 .../file-uploader/file-uploader-story.mdx     |  19 ++-
 .../src/components/icon/icon-story.mdx        |   5 +-
 .../inline-loading/inline-loading-story.mdx   |  23 +--
 .../src/components/input/input-story.mdx      |  21 +--
 .../src/components/link/link-story.mdx        |  23 +--
 .../src/components/list/list-story.mdx        |  11 +-
 .../src/components/loading/loading-story.mdx  |  19 +--
 .../src/components/modal/modal-story.mdx      |  49 ++++---
 .../multi-select/multi-select-story.mdx       |  54 +++++--
 .../notification/notification-story.mdx       |  31 ++--
 .../number-input/number-input-story.mdx       |  27 ++--
 .../overflow-menu/overflow-menu-story.mdx     |  20 +--
 .../pagination/pagination-story.mdx           |  16 ++-
 .../progress-indicator-story.mdx              |  55 +++++--
 .../radio-button/radio-button-story.mdx       |  29 ++--
 .../src/components/search/search-story.mdx    |  17 ++-
 .../src/components/select/select-story.mdx    |  28 ++--
 .../skeleton-placeholder-story.mdx            |   7 +-
 .../skeleton-text/skeleton-text-story.mdx     |  10 +-
 .../skip-to-content/skip-to-content-story.mdx |  10 +-
 .../src/components/slider/slider-story.mdx    |  26 ++--
 .../structured-list/structured-list-story.mdx |  33 +++--
 .../src/components/tabs/tabs-story.mdx        |  63 +++++---
 .../src/components/tag/tag-story.mdx          |  25 ++--
 .../components/textarea/textarea-story.mdx    |  19 +--
 .../src/components/tile/tile-story.mdx        |  75 ++++++----
 .../src/components/toggle/toggle-story.mdx    |  24 ++--
 .../src/components/tooltip/tooltip-story.mdx  |  54 ++++---
 .../components/ui-shell/ui-shell-story.mdx    | 136 +++++++++++++-----
 .../src/globals/internal/storybook-cdn.ts     |   2 +-
 .../masthead/masthead-custom-search.e2e.js    | 122 ++++++++--------
 136 files changed, 1094 insertions(+), 708 deletions(-)

diff --git a/packages/carbon-web-components/README.md b/packages/carbon-web-components/README.md
index f01f8d1b1b9..879ef14ab13 100644
--- a/packages/carbon-web-components/README.md
+++ b/packages/carbon-web-components/README.md
@@ -80,13 +80,13 @@ version `v1.16.0`):
 <!-- By `latest` tag -->
 <script
   type="module"
-  src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/accordion.min.js"
+  src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/accordion.min.js"
 ></script>
 
 <!-- By specific version -->
 <script
   type="module"
-  src="https://1.www.s81c.com/common/carbon/web-components/version/v1.16.0/accordion.min.js"
+  src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/version/v1.16.0/accordion.min.js"
 ></script>
 ```
 
@@ -141,13 +141,13 @@ extention from `.min.js` to `.rtl.min.js`. For example:
 <!-- By `latest` tag (RTL) -->
 <script
   type="module"
-  src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/accordion.rtl.min.js"
+  src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/accordion.rtl.min.js"
 ></script>
 
 <!-- By specific version (RTL) -->
 <script
   type="module"
-  src="https://1.www.s81c.com/common/carbon/web-components/version/v1.16.0/accordion.rtl.min.js"
+  src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/version/v1.16.0/accordion.rtl.min.js"
 ></script>
 ```
 
@@ -162,7 +162,7 @@ directly used once the script tag has been added to the page. For example:
   <head>
     <script
       type="module"
-      src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/dropdown.min.js"
+      src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/dropdown.min.js"
     ></script>
     <style type="text/css">
       // Suppresses the custom element until it has been defined
@@ -195,18 +195,18 @@ artifacts:
 
 #### How to install
 
-To install `carbon-web-components` in your project, you will need to run the
-following command using [npm](https://www.npmjs.com/):
+To install `@carbon/carbon-web-components` in your project, you will need to run
+the following command using [npm](https://www.npmjs.com/):
 
 ```bash
-npm install --save carbon-web-components
+npm install --save @carbon/carbon-web-components
 ```
 
 If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
 instead:
 
 ```bash
-yarn add carbon-web-components
+yarn add @carbon/carbon-web-components
 ```
 
 > NOTE: Carbon and Lit dependencies will be managed by Carbon Web Components
@@ -229,7 +229,7 @@ yarn add carbon-web-components
 
 Our example at [CodeSandbox](https://codesandbox.io) shows the most basic usage:
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic)
 
 The first thing you need is **setting up a module bundler** to resolve
 ECMAScript `import`s. The above example uses [Webpack](https://webpack.js.org),
@@ -239,8 +239,8 @@ Once you set up a module bundler, you can start importing our component modules,
 for example:
 
 ```javascript
-import 'carbon-web-components/es/components/dropdown/dropdown.js';
-import 'carbon-web-components/es/components/dropdown/dropdown-item.js';
+import '@carbon/carbon-web-components/es/components/dropdown/dropdown.js';
+import '@carbon/carbon-web-components/es/components/dropdown/dropdown-item.js';
 ```
 
 Once you've imported the component modules, you can use our components in the
@@ -325,8 +325,8 @@ example:
 ```javascript
 import React from 'react';
 import { render } from 'react-dom';
-import BXDropdown from 'carbon-web-components/es/components-react/dropdown/dropdown.js';
-import BXDropdownItem from 'carbon-web-components/es/components-react/dropdown/dropdown-item.js';
+import BXDropdown from '@carbon/carbon-web-components/es/components-react/dropdown/dropdown.js';
+import BXDropdownItem from '@carbon/carbon-web-components/es/components-react/dropdown/dropdown-item.js';
 
 const App = () => (
   <BXDropdown triggerContent="Select an item">
@@ -379,8 +379,8 @@ any additional steps!
 ## List of available components
 
 View available web components at:
-https://web-components.carbondesignsystem.com/. You can see usage information in
-several ways:
+https://www.ibm.com/standards/carbon/carbon-web-components. You can see usage
+information in several ways:
 
 1. Going to Docs tab, where it shows the usage and available attributes,
    properties and custom events.
diff --git a/packages/carbon-web-components/examples/codesandbox/angular/src/app/app.component.ts b/packages/carbon-web-components/examples/codesandbox/angular/src/app/app.component.ts
index 28d7e4102ef..f23db25be3a 100644
--- a/packages/carbon-web-components/examples/codesandbox/angular/src/app/app.component.ts
+++ b/packages/carbon-web-components/examples/codesandbox/angular/src/app/app.component.ts
@@ -8,8 +8,8 @@
  */
 
 import { Component } from '@angular/core';
-import 'carbon-web-components/es/components/dropdown/dropdown';
-import 'carbon-web-components/es/components/dropdown/dropdown-item';
+import '@carbon/carbon-web-components/es/components/dropdown/dropdown';
+import '@carbon/carbon-web-components/es/components/dropdown/dropdown-item';
 
 @Component({
   selector: 'app-root',
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/cdn.html
index 8636c40f35e..4e0bfcc0276 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/accordion.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/accordion.min.js"></script>
 </head>
 <body>
   <bx-accordion>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/src/index.js
index c315287304e..cdf4eac33bd 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/accordion/index.js';
+import '@carbon/carbon-web-components/es/components/accordion/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/cdn.html
index 1c5c7b1e65f..b2d94bdf796 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/breadcrumb.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/breadcrumb.min.js"></script>
 </head>
 <body>
   <bx-breadcrumb>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/src/index.js
index 49b8c88d900..136b9775d0d 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/breadcrumb/index.js';
+import '@carbon/carbon-web-components/es/components/breadcrumb/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/button/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/button/cdn.html
index 3f14c117dce..926c2c71310 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/button/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/button/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/button.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/button.min.js"></script>
 </head>
 <body>
   <bx-btn href="https://www.ibm.com">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/button/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/button/src/index.js
index 69d0c88ad47..354de2f9219 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/button/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/button/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/button/index.js';
+import '@carbon/carbon-web-components/es/components/button/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/cdn.html
index 5ceb117ee15..4fc6ec85801 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/checkbox.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/checkbox.min.js"></script>
 </head>
 <body>
   <bx-checkbox label-text="Lorem Ipsum"></bx-checkbox>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/src/index.js
index 79d01eb00be..83837daa83c 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/checkbox/index.js';
+import '@carbon/carbon-web-components/es/components/checkbox/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/cdn.html
index 2ce74afd9c9..4140a1cf0ff 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/code-snippet.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/code-snippet.min.js"></script>
 </head>
 <body>
   <bx-code-snippet>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/src/index.js
index 6515bd05e91..da03d7b3c05 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/code-snippet/index.js';
+import '@carbon/carbon-web-components/es/components/code-snippet/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/cdn.html
index b44172b6f93..b57f90e330d 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/combo-box.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/combo-box.min.js"></script>
 </head>
 <body>
   <bx-combo-box
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/src/index.js
index 0910feae6bc..d835cfe5630 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/combo-box/index.js';
+import '@carbon/carbon-web-components/es/components/combo-box/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/cdn.html
index 63403f8550a..a31d34925a2 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/content-switcher.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/content-switcher.min.js"></script>
 </head>
 <body>
   <bx-content-switcher>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/src/index.js
index 9e5b4dda376..f31f8ee9589 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/content-switcher/index.js';
+import '@carbon/carbon-web-components/es/components/content-switcher/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/cdn.html
index 552b3700b03..cd25c389bd8 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/copy-button.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/copy-button.min.js"></script>
 </head>
 <body>
   <bx-copy-button
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/src/index.js
index 7c2c29007bf..5f8dc0ce893 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/copy-button/index.js';
+import '@carbon/carbon-web-components/es/components/copy-button/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/cdn.html
index b6b39b5477d..47b866e59fb 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/cdn.html
@@ -18,8 +18,8 @@
         display: none;
       }
     </style>
-    <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/data-table.min.js"></script>
-    <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/pagination.min.js"></script>
+    <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/data-table.min.js"></script>
+    <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/pagination.min.js"></script>
   </head>
   <body>
     <h1>Default tabe</h1>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/src/index.js
index bb7aca63965..aa9cb2a46d3 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/src/index.js
@@ -7,5 +7,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/data-table/index.js';
-import 'carbon-web-components/es/components/pagination/index.js';
+import '@carbon/carbon-web-components/es/components/data-table/index.js';
+import '@carbon/carbon-web-components/es/components/pagination/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/cdn.html
index 02d36487a31..340261cc3d1 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/date-picker.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/date-picker.min.js"></script>
 </head>
 <body>
   <bx-date-picker>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/src/index.js
index 66faf1d9bf9..90416e1dde9 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/date-picker/index.js';
+import '@carbon/carbon-web-components/es/components/date-picker/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/cdn.html
index a01232feb0f..56d2c8a595a 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/dropdown.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/dropdown.min.js"></script>
 </head>
 <body>
   <bx-dropdown value="bar">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/src/index.js
index cae4f3d4e3a..7484fa432e2 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/dropdown/index.js';
+import '@carbon/carbon-web-components/es/components/dropdown/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/cdn.html
index 0e3e7de5b19..21910de26f4 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/file-uploader.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/file-uploader.min.js"></script>
 </head>
 <body>
   <bx-file-uploader helper-text="Only .jpg and .png files. 500kb max file size" label-text="Account photo">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/src/index.js
index fb90c36e5ec..163b39c1b5f 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/file-uploader/index.js';
+import '@carbon/carbon-web-components/es/components/file-uploader/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/cdn.html
index a55b33693d0..34dc31b1ca1 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/inline-loading.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/inline-loading.min.js"></script>
 </head>
 <body>
 <bx-inline-loading status="active">Loading data...</bx-inline-loading>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/src/index.js
index d7e80e48f8b..73e3247ad1c 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/inline-loading/index.js';
+import '@carbon/carbon-web-components/es/components/inline-loading/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/input/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/input/cdn.html
index bcee06f7ba8..5da420bc060 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/input/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/input/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/input.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/input.min.js"></script>
 </head>
 <body>
 <bx-form-item>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/input/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/input/src/index.js
index 51fbf075703..1f5a1cccd6d 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/input/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/input/src/index.js
@@ -7,5 +7,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/form/index.js';
-import 'carbon-web-components/es/components/input/index.js';
+import '@carbon/carbon-web-components/es/components/form/index.js';
+import '@carbon/carbon-web-components/es/components/input/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/link/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/link/cdn.html
index 6dbaad0f57f..e7d726128b5 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/link/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/link/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/link.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/link.min.js"></script>
 </head>
 <body>
   <bx-link href="https://www.ibm.com">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/link/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/link/src/index.js
index d1b9b5456c6..0e466fd5075 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/link/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/link/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/link/index.js';
+import '@carbon/carbon-web-components/es/components/link/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/list/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/list/cdn.html
index feae1140707..3db76689791 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/list/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/list/cdn.html
@@ -23,7 +23,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/list.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/list.min.js"></script>
 </head>
 <body>
   <h3>bx-ordered-list</h3>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/list/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/list/src/index.js
index 21b7d27fc07..c447cd69ae6 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/list/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/list/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/list/index.js';
+import '@carbon/carbon-web-components/es/components/list/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/loading/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/loading/cdn.html
index b39d29c9ee6..6c516601279 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/loading/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/loading/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/loading.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/loading.min.js"></script>
 </head>
 <body>
   <div style="position: relative; padding: 3rem; display: flex;">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/loading/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/loading/src/index.js
index 4a10dce7cc3..2f457774365 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/loading/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/loading/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/loading/index.js';
+import '@carbon/carbon-web-components/es/components/loading/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/modal/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/modal/cdn.html
index 8cdecc51bac..86594ef4b84 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/modal/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/modal/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/modal.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/modal.min.js"></script>
 </head>
 <body>
   <bx-btn id="modal-example-button">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/modal/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/modal/src/index.js
index ebdea530165..a13432eec9c 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/modal/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/modal/src/index.js
@@ -7,5 +7,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/modal/index.js';
-import 'carbon-web-components/es/components/button/index.js';
+import '@carbon/carbon-web-components/es/components/modal/index.js';
+import '@carbon/carbon-web-components/es/components/button/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/cdn.html
index 17015992e4d..644be680695 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/multi-select.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/multi-select.min.js"></script>
 </head>
 <body>
   <bx-multi-select
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/src/index.js
index 0e09442c46b..47622db93b9 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/multi-select/index.js';
+import '@carbon/carbon-web-components/es/components/multi-select/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/notification/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/notification/cdn.html
index 10b6080ed4b..ad547246a9f 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/notification/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/notification/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/notification.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/notification.min.js"></script>
 </head>
 <body>
   <bx-inline-notification
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/notification/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/notification/src/index.js
index c24d94f564d..d8ba3e810af 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/notification/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/notification/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/notification/index.js';
+import '@carbon/carbon-web-components/es/components/notification/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/cdn.html
index c0d57cb5557..3cc70d2179f 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/number-input.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/number-input.min.js"></script>
 </head>
 <body>
   <bx-number-input></bx-number-input>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/src/index.js
index b0becc2e55b..c848396dcbc 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/number-input/index.js';
+import '@carbon/carbon-web-components/es/components/number-input/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/cdn.html
index 9cebedbc3f4..2c027fd45d4 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/overflow-menu.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/overflow-menu.min.js"></script>
 </head>
 <body>
   <div data-floating-menu-container style="position: relative; padding: 3rem; display: flex; flex-direction: column; align-items: center;">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/src/index.js
index 011c6e71b36..16b5c82112f 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/overflow-menu/index.js';
+import '@carbon/carbon-web-components/es/components/overflow-menu/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/cdn.html
index aa88072367c..638c3167a7f 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/pagination.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/pagination.min.js"></script>
 </head>
 <body>
   <bx-pagination
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/src/index.js
index 7b07cd3062f..f9296eb7797 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/pagination/index.js';
+import '@carbon/carbon-web-components/es/components/pagination/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/cdn.html
index f10796ae266..1b3e1a5764c 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/progress-indicator.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/progress-indicator.min.js"></script>
 </head>
 <body>
   <bx-progress-indicator>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/src/index.js
index affef5a1401..289534e3d8a 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/progress-indicator/index.js';
+import '@carbon/carbon-web-components/es/components/progress-indicator/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/cdn.html
index 35f61d3f02a..795627ded0f 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/radio-button.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/radio-button.min.js"></script>
 </head>
 <body>
   <bx-radio-button-group
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/src/index.js
index 0cfbc2fdd4f..a24d2e21458 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/radio-button/index.js';
+import '@carbon/carbon-web-components/es/components/radio-button/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/search/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/search/cdn.html
index 76d0e1c2b78..50883abd319 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/search/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/search/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/search.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/search.min.js"></script>
 </head>
 <body>
   <bx-search label-text="Search"></bx-search>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/search/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/search/src/index.js
index 6f2a021befb..124225f9ad8 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/search/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/search/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/search/index.js';
+import '@carbon/carbon-web-components/es/components/search/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/select/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/select/cdn.html
index 55eb7ee2036..696dced303b 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/select/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/select/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/select.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/select.min.js"></script>
 </head>
 <body>
   <bx-select
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/select/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/select/src/index.js
index bc2e5c2c1c8..7d1a0d633fa 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/select/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/select/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/select/index.js';
+import '@carbon/carbon-web-components/es/components/select/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/cdn.html
index f8c5bf20943..920d9f4a90e 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/skeleton-placeholder.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/skeleton-placeholder.min.js"></script>
 </head>
 <body>
   <bx-skeleton-placeholder></bx-skeleton-placeholder>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/src/index.js
index 7ee0cc8e923..b5f1509a32b 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/skeleton-placeholder/index.js';
+import '@carbon/carbon-web-components/es/components/skeleton-placeholder/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/cdn.html
index 9062ed734ee..bb3bf0e6215 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/skeleton-text.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/skeleton-text.min.js"></script>
 </head>
 <body>
   <bx-skeleton-text></bx-skeleton-text>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/src/index.js
index 4e14a2cb691..3f1c7bf4601 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/skeleton-text/index.js';
+import '@carbon/carbon-web-components/es/components/skeleton-text/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/cdn.html
index 252993d17c9..ea58ad5fec0 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/cdn.html
@@ -19,8 +19,8 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/skip-to-content.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/button.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/skip-to-content.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/button.min.js"></script>
 </head>
 <body>
   <bx-skip-to-content href="#main-content"></bx-skip-to-content>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/src/index.js
index 11312cdc840..734e4a488a8 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/src/index.js
@@ -7,5 +7,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/skip-to-content/index.js';
-import 'carbon-web-components/es/components/button/index.js';
+import '@carbon/carbon-web-components/es/components/skip-to-content/index.js';
+import '@carbon/carbon-web-components/es/components/button/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/slider/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/slider/cdn.html
index ac02c3ce837..057460caebf 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/slider/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/slider/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/slider.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/slider.min.js"></script>
 </head>
 <body>
   <bx-slider
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/slider/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/slider/src/index.js
index 48ee7779575..f0a78a69106 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/slider/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/slider/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/slider/index.js';
+import '@carbon/carbon-web-components/es/components/slider/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/cdn.html
index 56458ae1b5b..036b94dbc04 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/structured-list.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/structured-list.min.js"></script>
 </head>
 <body>
   <bx-structured-list>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/src/index.js
index ec4eb796a73..5dd9d379b12 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/structured-list/index.js';
+import '@carbon/carbon-web-components/es/components/structured-list/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/cdn.html
index 9b66e5b129a..d769b37cf6e 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/tabs.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/tabs.min.js"></script>
 </head>
 <body>
   <bx-tabs
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/src/index.js
index dba18f716d6..6fecc3e28c6 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/tabs/index.js';
+import '@carbon/carbon-web-components/es/components/tabs/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tag/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/tag/cdn.html
index e4eecfede23..b7022312807 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tag/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tag/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/tag.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/tag.min.js"></script>
 </head>
 <body>
   <bx-tag type="gray" title="Clear selection">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tag/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/tag/src/index.js
index 1c7511d8329..31adbd6eb8e 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tag/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tag/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/tag/index.js';
+import '@carbon/carbon-web-components/es/components/tag/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/cdn.html
index 1a20ef43ee2..b08281271f0 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/textarea.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/textarea.min.js"></script>
 </head>
 <body>
   <bx-textarea placeholder="Optional placeholder text" rows="4" cols="50"></bx-textarea>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/src/index.js
index 26bc66892fc..1a8ac15ba83 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/textarea/index.js';
+import '@carbon/carbon-web-components/es/components/textarea/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tile/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/tile/cdn.html
index 7d4fc2df454..8f5359298e5 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tile/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tile/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/tile.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/tile.min.js"></script>
 </head>
 <body>
   <bx-clickable-tile>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tile/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/tile/src/index.js
index fb130564e72..208104678a8 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tile/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tile/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/tile/index.js';
+import '@carbon/carbon-web-components/es/components/tile/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/cdn.html
index a4eda871faf..ed3808fe9b1 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/toggle.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/toggle.min.js"></script>
 </head>
 <body>
   <bx-toggle
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/src/index.js
index 9b3b00e5078..0bf8d85c806 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/toggle/index.js';
+import '@carbon/carbon-web-components/es/components/toggle/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/cdn.html
index cfc53e3ed8e..4a11be168b1 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/tooltip.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/tooltip.min.js"></script>
 </head>
 <body>
   <div data-floating-menu-container style="position: relative; padding: 3rem; display: flex; flex-direction: column; align-items: center;">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/src/index.js
index dcaaa44f275..720925c9948 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/tooltip/index.js';
+import '@carbon/carbon-web-components/es/components/tooltip/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/cdn.html
index aeeb18323b1..c01cb2232cb 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/ui-shell.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/ui-shell.min.js"></script>
 </head>
 <body>
   <bx-header aria-label="IBM Platform Name">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/src/index.js
index ec5957e4786..adaed1a2e36 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/ui-shell/index.js';
+import '@carbon/carbon-web-components/es/components/ui-shell/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/src/index.js
index a563b0f4ba7..1dd235e1f15 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/src/index.js
@@ -7,5 +7,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/dropdown/dropdown.js';
-import 'carbon-web-components/es/components/dropdown/dropdown-item.js';
+import '@carbon/carbon-web-components/es/components/dropdown/dropdown.js';
+import '@carbon/carbon-web-components/es/components/dropdown/dropdown-item.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/cdn/index.html b/packages/carbon-web-components/examples/codesandbox/cdn/index.html
index eefee5a79e6..f02d81a2cef 100644
--- a/packages/carbon-web-components/examples/codesandbox/cdn/index.html
+++ b/packages/carbon-web-components/examples/codesandbox/cdn/index.html
@@ -13,47 +13,47 @@
         href="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/canary/plex.css"/>
   <link rel="stylesheet"
         href="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/canary/grid.css"/>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/accordion.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/breadcrumb.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/button.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/checkbox.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/code-snippet.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/combo-box.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/content-switcher.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/copy-button.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/data-table.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/date-picker.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/dropdown.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/file-uploader.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/floating-menu.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/form.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/inline-loading.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/input.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/link.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/list.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/loading.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/modal.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/multi-select.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/notification.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/number-input.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/overflow-menu.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/pagination.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/progress-indicator.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/radio-button.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/search.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/select.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/skeleton-placeholder.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/skeleton-text.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/skip-to-content.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/slider.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/structured-list.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/tabs.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/tag.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/textarea.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/tile.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/toggle.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/tooltip.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/ui-shell.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/accordion.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/breadcrumb.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/button.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/checkbox.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/code-snippet.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/combo-box.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/content-switcher.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/copy-button.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/data-table.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/date-picker.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/dropdown.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/file-uploader.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/floating-menu.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/form.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/inline-loading.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/input.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/link.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/list.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/loading.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/modal.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/multi-select.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/notification.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/number-input.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/overflow-menu.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/pagination.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/progress-indicator.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/radio-button.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/search.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/select.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/skeleton-placeholder.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/skeleton-text.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/skip-to-content.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/slider.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/structured-list.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/tabs.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/tag.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/textarea.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/tile.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/toggle.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/tooltip.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/ui-shell.min.js"></script>
 
   <style>
     h3 {
diff --git a/packages/carbon-web-components/examples/codesandbox/data-table/src/data.js b/packages/carbon-web-components/examples/codesandbox/data-table/src/data.js
index dbe669ad1fc..7e97f45c61e 100644
--- a/packages/carbon-web-components/examples/codesandbox/data-table/src/data.js
+++ b/packages/carbon-web-components/examples/codesandbox/data-table/src/data.js
@@ -1,13 +1,13 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { TABLE_SORT_DIRECTION } from 'carbon-web-components/es/components/data-table/table-header-cell';
+import { TABLE_SORT_DIRECTION } from '@carbon/carbon-web-components/es/components/data-table/table-header-cell';
 
 export const columns = [
   {
diff --git a/packages/carbon-web-components/examples/codesandbox/data-table/src/demo-data-table.js b/packages/carbon-web-components/examples/codesandbox/data-table/src/demo-data-table.js
index 71305018d86..1fa3cc71c3d 100644
--- a/packages/carbon-web-components/examples/codesandbox/data-table/src/demo-data-table.js
+++ b/packages/carbon-web-components/examples/codesandbox/data-table/src/demo-data-table.js
@@ -10,33 +10,33 @@
 import debounce from 'lodash-es/debounce';
 import { repeat } from 'lit-html/directives/repeat';
 import { html, property, customElement, LitElement } from 'lit-element';
-import ifNonNull from 'carbon-web-components/es/globals/directives/if-non-null';
-import Delete16 from 'carbon-web-components/es/icons/delete/16';
-import Download16 from 'carbon-web-components/es/icons/download/16';
-import Settings16 from 'carbon-web-components/es/icons/settings/16';
-import 'carbon-web-components/es/components/button/button';
-import 'carbon-web-components/es/components/overflow-menu/overflow-menu';
-import 'carbon-web-components/es/components/overflow-menu/overflow-menu-body';
-import 'carbon-web-components/es/components/overflow-menu/overflow-menu-item';
-import 'carbon-web-components/es/components/pagination/pagination';
-import 'carbon-web-components/es/components/pagination/page-sizes-select';
-import 'carbon-web-components/es/components/pagination/pages-select';
-import { TABLE_COLOR_SCHEME, TABLE_SIZE } from 'carbon-web-components/es/components/data-table/table';
-import 'carbon-web-components/es/components/data-table/table-head';
-import 'carbon-web-components/es/components/data-table/table-header-row';
-import { TABLE_SORT_DIRECTION } from 'carbon-web-components/es/components/data-table/table-header-cell';
-import 'carbon-web-components/es/components/data-table/table-body';
-import 'carbon-web-components/es/components/data-table/table-row';
-import 'carbon-web-components/es/components/data-table/table-cell';
-import 'carbon-web-components/es/components/data-table/table-header-expand-row';
-import 'carbon-web-components/es/components/data-table/table-expand-row';
-import 'carbon-web-components/es/components/data-table/table-expanded-row';
-import 'carbon-web-components/es/components/data-table/table-toolbar';
-import 'carbon-web-components/es/components/data-table/table-toolbar-content';
-import 'carbon-web-components/es/components/data-table/table-toolbar-search';
-import 'carbon-web-components/es/components/data-table/table-batch-actions';
-import 'carbon-web-components/es/components/data-table/table-header-cell-skeleton';
-import 'carbon-web-components/es/components/data-table/table-cell-skeleton';
+import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null';
+import Delete16 from '@carbon/carbon-web-components/es/icons/delete/16';
+import Download16 from '@carbon/carbon-web-components/es/icons/download/16';
+import Settings16 from '@carbon/carbon-web-components/es/icons/settings/16';
+import '@carbon/carbon-web-components/es/components/button/button';
+import '@carbon/carbon-web-components/es/components/overflow-menu/overflow-menu';
+import '@carbon/carbon-web-components/es/components/overflow-menu/overflow-menu-body';
+import '@carbon/carbon-web-components/es/components/overflow-menu/overflow-menu-item';
+import '@carbon/carbon-web-components/es/components/pagination/pagination';
+import '@carbon/carbon-web-components/es/components/pagination/page-sizes-select';
+import '@carbon/carbon-web-components/es/components/pagination/pages-select';
+import { TABLE_COLOR_SCHEME, TABLE_SIZE } from '@carbon/carbon-web-components/es/components/data-table/table';
+import '@carbon/carbon-web-components/es/components/data-table/table-head';
+import '@carbon/carbon-web-components/es/components/data-table/table-header-row';
+import { TABLE_SORT_DIRECTION } from '@carbon/carbon-web-components/es/components/data-table/table-header-cell';
+import '@carbon/carbon-web-components/es/components/data-table/table-body';
+import '@carbon/carbon-web-components/es/components/data-table/table-row';
+import '@carbon/carbon-web-components/es/components/data-table/table-cell';
+import '@carbon/carbon-web-components/es/components/data-table/table-header-expand-row';
+import '@carbon/carbon-web-components/es/components/data-table/table-expand-row';
+import '@carbon/carbon-web-components/es/components/data-table/table-expanded-row';
+import '@carbon/carbon-web-components/es/components/data-table/table-toolbar';
+import '@carbon/carbon-web-components/es/components/data-table/table-toolbar-content';
+import '@carbon/carbon-web-components/es/components/data-table/table-toolbar-search';
+import '@carbon/carbon-web-components/es/components/data-table/table-batch-actions';
+import '@carbon/carbon-web-components/es/components/data-table/table-header-cell-skeleton';
+import '@carbon/carbon-web-components/es/components/data-table/table-cell-skeleton';
 
 /**
  * @param row A table row.
diff --git a/packages/carbon-web-components/examples/codesandbox/form/basic/src/index.js b/packages/carbon-web-components/examples/codesandbox/form/basic/src/index.js
index 4bd9ef15fc9..db82d20e94c 100644
--- a/packages/carbon-web-components/examples/codesandbox/form/basic/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/form/basic/src/index.js
@@ -7,10 +7,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/button/button.js';
-import 'carbon-web-components/es/components/form/form-item.js';
-import 'carbon-web-components/es/components/input/input.js';
-import 'carbon-web-components/es/components/notification/inline-notification.js';
+import '@carbon/carbon-web-components/es/components/button/button.js';
+import '@carbon/carbon-web-components/es/components/form/form-item.js';
+import '@carbon/carbon-web-components/es/components/input/input.js';
+import '@carbon/carbon-web-components/es/components/notification/inline-notification.js';
 
 const submit = async (formData) => {
   // Simulates server latency
diff --git a/packages/carbon-web-components/examples/codesandbox/form/redux-form/src/index.js b/packages/carbon-web-components/examples/codesandbox/form/redux-form/src/index.js
index 59e2292ba26..7f1377c5fb7 100644
--- a/packages/carbon-web-components/examples/codesandbox/form/redux-form/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/form/redux-form/src/index.js
@@ -12,10 +12,10 @@ import { render } from 'react-dom';
 import { Provider } from 'react-redux';
 import { createStore, combineReducers } from 'redux';
 import { Field, SubmissionError, reduxForm, reducer as reduxFormReducer } from 'redux-form';
-import BXBtn from 'carbon-web-components/es/components-react/button/button.js';
-import BXFormItem from 'carbon-web-components/es/components-react/form/form-item.js';
-import BXInput from 'carbon-web-components/es/components-react/input/input.js';
-import BXInlineNotification from 'carbon-web-components/es/components-react/notification/inline-notification.js';
+import BXBtn from '@carbon/carbon-web-components/es/components-react/button/button.js';
+import BXFormItem from '@carbon/carbon-web-components/es/components-react/form/form-item.js';
+import BXInput from '@carbon/carbon-web-components/es/components-react/input/input.js';
+import BXInlineNotification from '@carbon/carbon-web-components/es/components-react/notification/inline-notification.js';
 import './index.css';
 
 const reducer = combineReducers({
diff --git a/packages/carbon-web-components/examples/codesandbox/ie/src/index.js b/packages/carbon-web-components/examples/codesandbox/ie/src/index.js
index d4d0f90f39c..44ac48daedc 100644
--- a/packages/carbon-web-components/examples/codesandbox/ie/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/ie/src/index.js
@@ -1,12 +1,12 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2020
+ * Copyright IBM Corp. 2019, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/polyfills';
-import 'carbon-web-components/es/components/dropdown/dropdown';
-import 'carbon-web-components/es/components/dropdown/dropdown-item';
+import '@carbon/carbon-web-components/es/polyfills';
+import '@carbon/carbon-web-components/es/components/dropdown/dropdown';
+import '@carbon/carbon-web-components/es/components/dropdown/dropdown-item';
diff --git a/packages/carbon-web-components/examples/codesandbox/next/components/BXDropdownDemo.js b/packages/carbon-web-components/examples/codesandbox/next/components/BXDropdownDemo.js
index 0421da5f636..513689e4ee5 100644
--- a/packages/carbon-web-components/examples/codesandbox/next/components/BXDropdownDemo.js
+++ b/packages/carbon-web-components/examples/codesandbox/next/components/BXDropdownDemo.js
@@ -1,15 +1,15 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
 import React from 'react';
-import BXDropdown from 'carbon-web-components/es/components-react/dropdown/dropdown.js';
-import BXDropdownItem from 'carbon-web-components/es/components-react/dropdown/dropdown-item.js';
+import BXDropdown from '@carbon/carbon-web-components/es/components-react/dropdown/dropdown.js';
+import BXDropdownItem from '@carbon/carbon-web-components/es/components-react/dropdown/dropdown-item.js';
 import styles from './BXDropdownDemo.module.css';
 
 const App = () => (
diff --git a/packages/carbon-web-components/examples/codesandbox/react-ssr/src/views/App.js b/packages/carbon-web-components/examples/codesandbox/react-ssr/src/views/App.js
index c33f35929b3..dac5dd41470 100644
--- a/packages/carbon-web-components/examples/codesandbox/react-ssr/src/views/App.js
+++ b/packages/carbon-web-components/examples/codesandbox/react-ssr/src/views/App.js
@@ -1,15 +1,15 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
 import React from 'react';
-import BXDropdown from 'carbon-web-components/es/components-react/dropdown/dropdown.js';
-import BXDropdownItem from 'carbon-web-components/es/components-react/dropdown/dropdown-item.js';
+import BXDropdown from '@carbon/carbon-web-components/es/components-react/dropdown/dropdown.js';
+import BXDropdownItem from '@carbon/carbon-web-components/es/components-react/dropdown/dropdown-item.js';
 
 const App = () => (
   <>
diff --git a/packages/carbon-web-components/examples/codesandbox/react/src/index.js b/packages/carbon-web-components/examples/codesandbox/react/src/index.js
index be46319ba77..2cb6847fa64 100644
--- a/packages/carbon-web-components/examples/codesandbox/react/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/react/src/index.js
@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -9,8 +9,8 @@
 
 import React from 'react';
 import { render } from 'react-dom';
-import BXDropdown from 'carbon-web-components/es/components-react/dropdown/dropdown.js';
-import BXDropdownItem from 'carbon-web-components/es/components-react/dropdown/dropdown-item.js';
+import BXDropdown from '@carbon/carbon-web-components/es/components-react/dropdown/dropdown.js';
+import BXDropdownItem from '@carbon/carbon-web-components/es/components-react/dropdown/dropdown-item.js';
 import './index.css';
 
 const App = () => (
diff --git a/packages/carbon-web-components/examples/codesandbox/rtl/src/index.js b/packages/carbon-web-components/examples/codesandbox/rtl/src/index.js
index ec0f1124756..1fba4898e18 100644
--- a/packages/carbon-web-components/examples/codesandbox/rtl/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/rtl/src/index.js
@@ -1,11 +1,11 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2020
+ * Copyright IBM Corp. 2019, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/slider/slider';
-import 'carbon-web-components/es/components/slider/slider-input';
+import '@carbon/carbon-web-components/es/components/slider/slider';
+import '@carbon/carbon-web-components/es/components/slider/slider-input';
diff --git a/packages/carbon-web-components/examples/codesandbox/styling/custom-style/src/index.js b/packages/carbon-web-components/examples/codesandbox/styling/custom-style/src/index.js
index b6fccde6914..64d48520f9b 100644
--- a/packages/carbon-web-components/examples/codesandbox/styling/custom-style/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/styling/custom-style/src/index.js
@@ -1,15 +1,15 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2020
+ * Copyright IBM Corp. 2019, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
 import { css } from 'lit-element';
-import BXDropdown from 'carbon-web-components/es/components/dropdown/dropdown.js';
-import 'carbon-web-components/es/components/dropdown/dropdown-item.js';
+import BXDropdown from '@carbon/carbon-web-components/es/components/dropdown/dropdown.js';
+import '@carbon/carbon-web-components/es/components/dropdown/dropdown-item.js';
 
 class MyDropdown extends BXDropdown {}
 
diff --git a/packages/carbon-web-components/examples/codesandbox/styling/theme-zoning/src/index.js b/packages/carbon-web-components/examples/codesandbox/styling/theme-zoning/src/index.js
index 8b556226203..e50b3860858 100644
--- a/packages/carbon-web-components/examples/codesandbox/styling/theme-zoning/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/styling/theme-zoning/src/index.js
@@ -1,18 +1,18 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2020
+ * Copyright IBM Corp. 2019, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import 'carbon-web-components/es/components/button/button.js';
-import 'carbon-web-components/es/components/ui-shell/header.js';
-import 'carbon-web-components/es/components/ui-shell/header-nav.js';
-import 'carbon-web-components/es/components/ui-shell/header-nav-item.js';
-import 'carbon-web-components/es/components/ui-shell/header-menu.js';
-import 'carbon-web-components/es/components/ui-shell/header-menu-item.js';
-import 'carbon-web-components/es/components/ui-shell/header-menu-button.js';
-import 'carbon-web-components/es/components/ui-shell/header-name.js';
+import '@carbon/carbon-web-components/es/components/button/button.js';
+import '@carbon/carbon-web-components/es/components/ui-shell/header.js';
+import '@carbon/carbon-web-components/es/components/ui-shell/header-nav.js';
+import '@carbon/carbon-web-components/es/components/ui-shell/header-nav-item.js';
+import '@carbon/carbon-web-components/es/components/ui-shell/header-menu.js';
+import '@carbon/carbon-web-components/es/components/ui-shell/header-menu-item.js';
+import '@carbon/carbon-web-components/es/components/ui-shell/header-menu-button.js';
+import '@carbon/carbon-web-components/es/components/ui-shell/header-name.js';
 import './index.scss';
diff --git a/packages/carbon-web-components/examples/codesandbox/vue/src/components/HelloWorld.vue b/packages/carbon-web-components/examples/codesandbox/vue/src/components/HelloWorld.vue
index 429acbf3936..dc091ec7c1a 100644
--- a/packages/carbon-web-components/examples/codesandbox/vue/src/components/HelloWorld.vue
+++ b/packages/carbon-web-components/examples/codesandbox/vue/src/components/HelloWorld.vue
@@ -18,8 +18,8 @@ LICENSE file in the root directory of this source tree.
 </template>
 
 <script>
-import 'carbon-web-components/es/components/dropdown/dropdown';
-import 'carbon-web-components/es/components/dropdown/dropdown-item';
+import '@carbon/carbon-web-components/es/components/dropdown/dropdown';
+import '@carbon/carbon-web-components/es/components/dropdown/dropdown-item';
 
 export default {
   name: 'HelloWorld',
diff --git a/packages/carbon-web-components/src/components/accordion/accordion-story.mdx b/packages/carbon-web-components/src/components/accordion/accordion-story.mdx
index 44ebf56fb74..7536cd24e35 100644
--- a/packages/carbon-web-components/src/components/accordion/accordion-story.mdx
+++ b/packages/carbon-web-components/src/components/accordion/accordion-story.mdx
@@ -4,19 +4,24 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Accordion
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/accordion)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/accordion)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/accordion)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/accordion)
 
-The accordion component delivers large amounts of content in a small space through progressive disclosure.
-That is, the user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion. Accordions work especially well on mobile interfaces or whenever vertical space is at a premium.
+The accordion component delivers large amounts of content in a small space
+through progressive disclosure. That is, the user gets key details about the
+underlying content and can choose to expand that content within the constraints
+of the accordion. Accordions work especially well on mobile interfaces or
+whenever vertical space is at a premium.
 
-Avoid “nested” accordions—that is, collapsible content within collapsible content. This type of pattern goes against UX best practices.
+Avoid “nested” accordions—that is, collapsible content within collapsible
+content. This type of pattern goes against UX best practices.
 
 The Carbon accordion allows for multiple sections to be expanded simultaneously.
 
-A chevron is used to indicate the “expand/collapse” action, though the entire header area is clickable for the same action.
+A chevron is used to indicate the “expand/collapse” action, though the entire
+header area is clickable for the same action.
 
 ## Getting started
 
@@ -25,11 +30,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/accordion/index.js';
+import '@carbon/carbon-web-components/es/components/accordion/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['accordion'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -38,20 +42,26 @@ import 'carbon-web-components/es/components/accordion/index.js';
 <bx-accordion>
   <bx-accordion-item title-text="Lorem Ipsum">
     <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat.
     </p>
   </bx-accordion-item>
   <bx-accordion-item title-text="Lorem Ipsum">
     <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat.
     </p>
   </bx-accordion-item>
   <bx-accordion-item title-text="Lorem Ipsum">
     <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat.
     </p>
   </bx-accordion-item>
 </bx-accordion>
@@ -59,6 +69,8 @@ import 'carbon-web-components/es/components/accordion/index.js';
 
 ## `<bx-accordion-item>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-accordion-item open>`) and `false` means not setting the attribute (e.g. `<bx-accordion-item>` without `open` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-accordion-item open>`) and `false` means not setting the attribute (e.g.
+`<bx-accordion-item>` without `open` attribute).
 
 <Props of="bx-accordion-item" />
diff --git a/packages/carbon-web-components/src/components/breadcrumb/breadcrumb-story.mdx b/packages/carbon-web-components/src/components/breadcrumb/breadcrumb-story.mdx
index 8a26cefe941..05c16265c8b 100644
--- a/packages/carbon-web-components/src/components/breadcrumb/breadcrumb-story.mdx
+++ b/packages/carbon-web-components/src/components/breadcrumb/breadcrumb-story.mdx
@@ -4,10 +4,10 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Breadcrumb
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/breadcrumb)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/breadcrumb)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb)
 
 ## Getting started
 
@@ -16,11 +16,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/breadcrumb/index.js';
+import '@carbon/carbon-web-components/es/components/breadcrumb/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['breadcrumb'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -34,7 +33,9 @@ import 'carbon-web-components/es/components/breadcrumb/index.js';
     <bx-breadcrumb-link href="/#">Breadcrumb 2</bx-breadcrumb-link>
   </bx-breadcrumb-item>
   <bx-breadcrumb-item>
-    <bx-breadcrumb-link href="/#" aria-current="page">Breadcrumb 3</bx-breadcrumb-link>
+    <bx-breadcrumb-link href="/#" aria-current="page"
+      >Breadcrumb 3</bx-breadcrumb-link
+    >
   </bx-breadcrumb-item>
 </bx-breadcrumb>
 ```
@@ -58,7 +59,9 @@ import 'carbon-web-components/es/components/breadcrumb/index.js';
     </bx-breadcrumb-overflow-menu>
   </bx-breadcrumb-item>
   <bx-breadcrumb-item>
-    <bx-breadcrumb-link href="/#" aria-current="page">Breadcrumb 3</bx-breadcrumb-link>
+    <bx-breadcrumb-link href="/#" aria-current="page"
+      >Breadcrumb 3</bx-breadcrumb-link
+    >
   </bx-breadcrumb-item>
 </bx-breadcrumb>
 ```
diff --git a/packages/carbon-web-components/src/components/button/button-story.mdx b/packages/carbon-web-components/src/components/button/button-story.mdx
index 404d25e146f..5996b2cdd8f 100644
--- a/packages/carbon-web-components/src/components/button/button-story.mdx
+++ b/packages/carbon-web-components/src/components/button/button-story.mdx
@@ -4,22 +4,27 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Button
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/button)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/button)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/button)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/button)
 
-Buttons are used to initialize an action, either in the background or foreground of an experience.
+Buttons are used to initialize an action, either in the background or foreground
+of an experience.
 
 There are several kinds of buttons:
 
 - Primary buttons should be used for the principal call to action on the page.
 - Secondary buttons should be used for secondary actions on each page.
-- Danger buttons should be used for a negative action (such as Delete) on the page.
+- Danger buttons should be used for a negative action (such as Delete) on the
+  page.
 
-Small buttons may be used when there is not enough space for a regular sized button. This issue is most often found in tables. Small buttons should have three words or fewer.
+Small buttons may be used when there is not enough space for a regular sized
+button. This issue is most often found in tables. Small buttons should have
+three words or fewer.
 
-When words are not enough, icons can be used in buttons to better communicate what the button does. Icons are always paired with text.
+When words are not enough, icons can be used in buttons to better communicate
+what the button does. Icons are always paired with text.
 
 ## Getting started
 
@@ -28,11 +33,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/button/index.js';
+import '@carbon/carbon-web-components/es/components/button/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['button'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -51,6 +55,8 @@ For the skeleton variation, utilize `<bx-btn-skeleton>`.
 
 ## `<bx-btn>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-btn autofocus>`) and `false` means not setting the attribute (e.g. `<bx-btn>` without `autofocus` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-btn autofocus>`) and `false` means not setting the attribute (e.g.
+`<bx-btn>` without `autofocus` attribute).
 
 <Props of="bx-btn" />
diff --git a/packages/carbon-web-components/src/components/checkbox/checkbox-story.mdx b/packages/carbon-web-components/src/components/checkbox/checkbox-story.mdx
index 95293d95b17..e6a0d57f8d5 100644
--- a/packages/carbon-web-components/src/components/checkbox/checkbox-story.mdx
+++ b/packages/carbon-web-components/src/components/checkbox/checkbox-story.mdx
@@ -4,12 +4,13 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Check box
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/checkbox)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/checkbox)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox)
 
-Check box in `carbon-web-components` represents a combination of a check box and its label.
+Check box in `carbon-web-components` represents a combination of a check box and
+its label.
 
 ## Getting started
 
@@ -18,11 +19,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/checkbox/index.js';
+import '@carbon/carbon-web-components/es/components/checkbox/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['checkbox'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -33,8 +33,11 @@ import 'carbon-web-components/es/components/checkbox/index.js';
 
 ## `<bx-checkbox>` attributes, properties and events
 
-Unlike regular checkbox, `<bx-checkbox>` does _not_ fire `change` event. Please use `bx-checkbox-changed` event instead.
+Unlike regular checkbox, `<bx-checkbox>` does _not_ fire `change` event. Please
+use `bx-checkbox-changed` event instead.
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-checkbox checked>`) and `false` means not setting the attribute (e.g. `<bx-checkbox>` without `checked` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-checkbox checked>`) and `false` means not setting the attribute (e.g.
+`<bx-checkbox>` without `checked` attribute).
 
 <Props of="bx-checkbox" />
diff --git a/packages/carbon-web-components/src/components/code-snippet/code-snippet-story.mdx b/packages/carbon-web-components/src/components/code-snippet/code-snippet-story.mdx
index df9f736fcfd..945523ca057 100644
--- a/packages/carbon-web-components/src/components/code-snippet/code-snippet-story.mdx
+++ b/packages/carbon-web-components/src/components/code-snippet/code-snippet-story.mdx
@@ -4,12 +4,13 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Code snippet
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/code-snippet)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/code-snippet)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet)
 
-Code snippets are small blocks of reusable code that can be inserted in a code file.
+Code snippets are small blocks of reusable code that can be inserted in a code
+file.
 
 ## Getting started
 
@@ -18,19 +19,20 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/code-snippet/index.js';
+import '@carbon/carbon-web-components/es/components/code-snippet/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['code-snippet'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
 
 ```html
 <bx-code-snippet>
-  node -v Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, veritatis voluptate id incidunt molestiae officia
-  possimus, quasi itaque alias, architecto hic, dicta fugit? Debitis delectus quidem explicabo vitae laboriosam!
+  node -v Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis,
+  veritatis voluptate id incidunt molestiae officia possimus, quasi itaque
+  alias, architecto hic, dicta fugit? Debitis delectus quidem explicabo vitae
+  laboriosam!
 </bx-code-snippet>
 ```
 
@@ -40,8 +42,10 @@ The Terminal style is for single-line.
 
 ```html
 <bx-code-snippet>
-  node -v Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, veritatis voluptate id incidunt molestiae officia
-  possimus, quasi itaque alias, architecto hic, dicta fugit? Debitis delectus quidem explicabo vitae laboriosam!
+  node -v Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis,
+  veritatis voluptate id incidunt molestiae officia possimus, quasi itaque
+  alias, architecto hic, dicta fugit? Debitis delectus quidem explicabo vitae
+  laboriosam!
 </bx-code-snippet>
 ```
 
@@ -51,8 +55,10 @@ The Code style is for larger, multi-line code snippets.
 
 ```html
 <bx-code-snippet type="multi">
-  node -v Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, veritatis voluptate id incidunt molestiae officia
-  possimus, quasi itaque alias, architecto hic, dicta fugit? Debitis delectus quidem explicabo vitae laboriosam!
+  node -v Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis,
+  veritatis voluptate id incidunt molestiae officia possimus, quasi itaque
+  alias, architecto hic, dicta fugit? Debitis delectus quidem explicabo vitae
+  laboriosam!
 </bx-code-snippet>
 ```
 
diff --git a/packages/carbon-web-components/src/components/combo-box/combo-box-story.mdx b/packages/carbon-web-components/src/components/combo-box/combo-box-story.mdx
index 95322b95f68..dbc4d787b11 100644
--- a/packages/carbon-web-components/src/components/combo-box/combo-box-story.mdx
+++ b/packages/carbon-web-components/src/components/combo-box/combo-box-story.mdx
@@ -4,17 +4,18 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Combo box
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/combo-box)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/combo-box)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box)
 
-Combo box realizes a notion of "filterable dropdown".
-By default, the dropdown displays a label when closed. When the user hovers over the label area, a text cursor will appear.
-The drawer opens on click (anywhere in the field) and the user can type to filter through the list of options below.
-Once the user begins typing, the close (X) icon will appear to the right of the label.
-This will clear any user-inputted text.
-Selecting an item from the dropdown will close the drawer and the selected option will replace the default label.
+Combo box realizes a notion of "filterable dropdown". By default, the dropdown
+displays a label when closed. When the user hovers over the label area, a text
+cursor will appear. The drawer opens on click (anywhere in the field) and the
+user can type to filter through the list of options below. Once the user begins
+typing, the close (X) icon will appear to the right of the label. This will
+clear any user-inputted text. Selecting an item from the dropdown will close the
+drawer and the selected option will replace the default label.
 
 ## Getting started
 
@@ -23,17 +24,20 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/combo-box/index.js';
+import '@carbon/carbon-web-components/es/components/combo-box/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['combo-box'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
 
 ```html
-<bx-combo-box helper-text="Optional helper text" label-text="Combo box title" trigger-content="Filter...">
+<bx-combo-box
+  helper-text="Optional helper text"
+  label-text="Combo box title"
+  trigger-content="Filter..."
+>
   <bx-combo-box-item value="all">Option 1</bx-combo-box-item>
   <bx-combo-box-item value="cloudFoundry">Option 2</bx-combo-box-item>
   <bx-combo-box-item value="staging">Option 3</bx-combo-box-item>
@@ -47,22 +51,29 @@ import 'carbon-web-components/es/components/combo-box/index.js';
 
 ## Selection
 
-When user attempts to select a combo box item, `bx-combo-box-beingselected` event fires on `<bx-combo-box>`, which has the following properties in the event details:
+When user attempts to select a combo box item, `bx-combo-box-beingselected`
+event fires on `<bx-combo-box>`, which has the following properties in the event
+details:
 
 | Property | Description                               |
 | -------- | ----------------------------------------- |
 | `item`   | The `<bx-combo-box-item>` being selected. |
 
-`bx-combo-box-beingselected` bubbles and is cancelable. Canceling this event means canceling change in selection.
+`bx-combo-box-beingselected` bubbles and is cancelable. Canceling this event
+means canceling change in selection.
 
 ## `<bx-combo-box>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-combo-box open>`) and `false` means not setting the attribute (e.g. `<bx-combo-box>` without `open` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-combo-box open>`) and `false` means not setting the attribute (e.g.
+`<bx-combo-box>` without `open` attribute).
 
 <Props of="bx-combo-box" />
 
 ## `<bx-combo-box-item>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-combo-box-item disabled>`) and `false` means not setting the attribute (e.g. `<bx-combo-box-item>` without `disabled` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-combo-box-item disabled>`) and `false` means not setting the attribute
+(e.g. `<bx-combo-box-item>` without `disabled` attribute).
 
 <Props of="bx-combo-box-item" />
diff --git a/packages/carbon-web-components/src/components/content-switcher/content-switcher-story.mdx b/packages/carbon-web-components/src/components/content-switcher/content-switcher-story.mdx
index 02fe08ce6b6..b145b66d471 100644
--- a/packages/carbon-web-components/src/components/content-switcher/content-switcher-story.mdx
+++ b/packages/carbon-web-components/src/components/content-switcher/content-switcher-story.mdx
@@ -4,12 +4,14 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Content switcher
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/content-switcher)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/content-switcher)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher)
 
-Content switcher manipulates the content shown following an exclusive or “either/or” pattern. It is used to toggle between two or more content sections within the same space on screen. Only one section can be shown at a time.
+Content switcher manipulates the content shown following an exclusive or
+“either/or” pattern. It is used to toggle between two or more content sections
+within the same space on screen. Only one section can be shown at a time.
 
 ## Getting started
 
@@ -18,11 +20,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/content-switcher/index.js';
+import '@carbon/carbon-web-components/es/components/content-switcher/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['content-switcher'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -30,7 +31,9 @@ import 'carbon-web-components/es/components/content-switcher/index.js';
 ```html
 <bx-content-switcher>
   <bx-content-switcher-item value="all">Option 1</bx-content-switcher-item>
-  <bx-content-switcher-item value="cloudFoundry" disabled>Option 2</bx-content-switcher-item>
+  <bx-content-switcher-item value="cloudFoundry" disabled
+    >Option 2</bx-content-switcher-item
+  >
   <bx-content-switcher-item value="staging">Option 3</bx-content-switcher-item>
   <bx-content-switcher-item value="dea">Option 4</bx-content-switcher-item>
   <bx-content-switcher-item value="router">Option 5</bx-content-switcher-item>
diff --git a/packages/carbon-web-components/src/components/copy-button/copy-button-story.mdx b/packages/carbon-web-components/src/components/copy-button/copy-button-story.mdx
index f2de08b59d6..1eeec5c10f7 100644
--- a/packages/carbon-web-components/src/components/copy-button/copy-button-story.mdx
+++ b/packages/carbon-web-components/src/components/copy-button/copy-button-story.mdx
@@ -4,13 +4,14 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Copy button
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/copy-button)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/copy-button)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button)
 
-Copy button provides the interface of copy button and its feedback tooltip.
-No actual copy is performed, but application can listen to `click` event of `<bx-copy-button>` and interact with the clipboard.
+Copy button provides the interface of copy button and its feedback tooltip. No
+actual copy is performed, but application can listen to `click` event of
+`<bx-copy-button>` and interact with the clipboard.
 
 ## Getting started
 
@@ -19,17 +20,19 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/copy-button/index.js';
+import '@carbon/carbon-web-components/es/components/copy-button/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['copy-button'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
 
 ```html
-<bx-copy-button button-assistive-text="Copy to clipboard" feedback-text="Copied!"></bx-copy-button>
+<bx-copy-button
+  button-assistive-text="Copy to clipboard"
+  feedback-text="Copied!"
+></bx-copy-button>
 ```
 
 ## `<bx-copy-button>` attributes and properties
diff --git a/packages/carbon-web-components/src/components/data-table/data-table-story.mdx b/packages/carbon-web-components/src/components/data-table/data-table-story.mdx
index 65f75ae88f0..9366b392198 100644
--- a/packages/carbon-web-components/src/components/data-table/data-table-story.mdx
+++ b/packages/carbon-web-components/src/components/data-table/data-table-story.mdx
@@ -4,16 +4,17 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Data table
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/data-table)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/data-table)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/data-table)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/data-table)
 
 ## Getting started
 
 Here's a quick example to get you started.
 
-Data table in `carbon-web-components` focuses on primitives that constructs table UI, consisting of the following:
+Data table in `carbon-web-components` focuses on primitives that constructs
+table UI, consisting of the following:
 
 | Tag                      | Description     | HTML tag counterpart |
 | ------------------------ | --------------- | -------------------- |
@@ -29,11 +30,10 @@ Data table in `carbon-web-components` focuses on primitives that constructs tabl
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/data-table/index.js';
+import '@carbon/carbon-web-components/es/components/data-table/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['data-table'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -71,9 +71,11 @@ import 'carbon-web-components/es/components/data-table/index.js';
 
 ## Row selection
 
-Adding `selection-name` attribute to `<bx-table-row>`/`<bx-table-header-row>` shows the selection UI in the table row.
+Adding `selection-name` attribute to `<bx-table-row>`/`<bx-table-header-row>`
+shows the selection UI in the table row.
 
-The logic of row selection needs to be handled on by the application code. When user attempts to change row selection, the following events fire:
+The logic of row selection needs to be handled on by the application code. When
+user attempts to change row selection, the following events fire:
 
 | Element                 | Event                           | Description                                                   |
 | ----------------------- | ------------------------------- | ------------------------------------------------------------- |
@@ -86,11 +88,17 @@ Both of above events have the following properties in the event details:
 | ---------- | ------------------------ |
 | `selected` | The new selection state. |
 
-Both of above events bubble and are cancelable. Canceling those events mean canceling change in selection.
+Both of above events bubble and are cancelable. Canceling those events mean
+canceling change in selection.
 
-Application code should listen to those events update its internal state of table rows. To do so, it's convenient to add a `data-` attribte to each table rows so the delegated event handler can see which row the events are from.
+Application code should listen to those events update its internal state of
+table rows. To do so, it's convenient to add a `data-` attribte to each table
+rows so the delegated event handler can see which row the events are from.
 
-Here's an example of [`lit-html`](https://lit-html.polymer-project.org). Note that those events are native DOM events, and thus something like `document.addEventListener('bx-table-row-change-selection', event => { ... })` works, too:
+Here's an example of [`lit-html`](https://lit-html.polymer-project.org). Note
+that those events are native DOM events, and thus something like
+`document.addEventListener('bx-table-row-change-selection', event => { ... })`
+works, too:
 
 ```javascript
 /**
@@ -160,20 +168,31 @@ html`
 
 ## Sorting
 
-Adding `sort-direction` attribute to `<bx-table-header-cell>` shows the sorting UI in the table header cell.
+Adding `sort-direction` attribute to `<bx-table-header-cell>` shows the sorting
+UI in the table header cell.
 
-The logic of sorting needs to be handled on by the application code. When user attempts to change sorting, `bx-table-header-cell-sort` event is fired, with the following properties in the event details:
+The logic of sorting needs to be handled on by the application code. When user
+attempts to change sorting, `bx-table-header-cell-sort` event is fired, with the
+following properties in the event details:
 
 | Property           | Description             |
 | ------------------ | ----------------------- |
 | `oldSortDirection` | The old sort direction. |
 | `sortDirection`    | The new sort direction. |
 
-`bx-table-header-cell-sort` event bubbles and is cancelable. Canceling `bx-table-header-cell-sort` event means canceling change in sort direction.
+`bx-table-header-cell-sort` event bubbles and is cancelable. Canceling
+`bx-table-header-cell-sort` event means canceling change in sort direction.
 
-Application code should listen to those events update its internal state of sorting. An example of the logic needed is available in our codesandbox example above. To do so, it's convenient to add a `data-` attribte to each table header cells so the delegated event handler can see which table column the events are from.
+Application code should listen to those events update its internal state of
+sorting. An example of the logic needed is available in our codesandbox example
+above. To do so, it's convenient to add a `data-` attribte to each table header
+cells so the delegated event handler can see which table column the events are
+from.
 
-Here's an example of [`lit-html`](https://lit-html.polymer-project.org). Note that those events are native DOM events, and thus something like `document.addEventListener('bx-table-header-cell-sort', event => { ... })` works, too:
+Here's an example of [`lit-html`](https://lit-html.polymer-project.org). Note
+that those events are native DOM events, and thus something like
+`document.addEventListener('bx-table-header-cell-sort', event => { ... })`
+works, too:
 
 ```javascript
 /**
@@ -243,7 +262,9 @@ For the skeleton variation, utilize `<bx-table-header-cell-skeleton>`.
       <bx-table-header-cell-skeleton>Protocol</bx-table-header-cell-skeleton>
       <bx-table-header-cell-skeleton>Port</bx-table-header-cell-skeleton>
       <bx-table-header-cell-skeleton>Rule</bx-table-header-cell-skeleton>
-      <bx-table-header-cell-skeleton>Attached Groups</bx-table-header-cell-skeleton>
+      <bx-table-header-cell-skeleton
+        >Attached Groups</bx-table-header-cell-skeleton
+      >
       <bx-table-header-cell-skeleton>Status</bx-table-header-cell-skeleton>
     </bx-table-header-row>
   </bx-table-head>
@@ -278,7 +299,9 @@ For the skeleton variation, utilize `<bx-table-header-cell-skeleton>`.
 
 ## Attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-table sort>`) and `false` means not setting the attribute (e.g. `<bx-table>` without `sort` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-table sort>`) and `false` means not setting the attribute (e.g.
+`<bx-table>` without `sort` attribute).
 
 ### `<bx-table>`
 
diff --git a/packages/carbon-web-components/src/components/date-picker/date-picker-story.mdx b/packages/carbon-web-components/src/components/date-picker/date-picker-story.mdx
index 21ea836e071..f9a95ba4169 100644
--- a/packages/carbon-web-components/src/components/date-picker/date-picker-story.mdx
+++ b/packages/carbon-web-components/src/components/date-picker/date-picker-story.mdx
@@ -4,12 +4,13 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Date picker
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/date-picker)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/date-picker)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker)
 
-Date and time pickers allow users to select a single or a range of dates and times.
+Date and time pickers allow users to select a single or a range of dates and
+times.
 
 ## Getting started
 
@@ -18,18 +19,18 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/date-picker/index.js';
+import '@carbon/carbon-web-components/es/components/date-picker/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['date-picker'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
 
 ```html
 <bx-date-picker>
-  <bx-date-picker-input label-text="Date Picker label" placeholder="mm/dd/yyyy"> </bx-date-picker-input>
+  <bx-date-picker-input label-text="Date Picker label" placeholder="mm/dd/yyyy">
+  </bx-date-picker-input>
 </bx-date-picker>
 ```
 
@@ -39,7 +40,12 @@ A single Date Picker consists of an input field and a calendar.
 
 ```html
 <bx-date-picker>
-  <bx-date-picker-input kind="single" label-text="Date Picker label" placeholder="mm/dd/yyyy"> </bx-date-picker-input>
+  <bx-date-picker-input
+    kind="single"
+    label-text="Date Picker label"
+    placeholder="mm/dd/yyyy"
+  >
+  </bx-date-picker-input>
 </bx-date-picker>
 ```
 
@@ -49,8 +55,20 @@ A range Date Picker consists of two input fields and a calendar.
 
 ```html
 <bx-date-picker>
-  <bx-date-picker-input kind="from" label-text="Date Picker label" placeholder="mm/dd/yyyy" size="lg"> </bx-date-picker-input>
-  <bx-date-picker-input kind="to" label-text="Date Picker label" placeholder="mm/dd/yyyy" size="lg"> </bx-date-picker-input>
+  <bx-date-picker-input
+    kind="from"
+    label-text="Date Picker label"
+    placeholder="mm/dd/yyyy"
+    size="lg"
+  >
+  </bx-date-picker-input>
+  <bx-date-picker-input
+    kind="to"
+    label-text="Date Picker label"
+    placeholder="mm/dd/yyyy"
+    size="lg"
+  >
+  </bx-date-picker-input>
 </bx-date-picker>
 ```
 
@@ -81,12 +99,16 @@ For the skeleton variation, utilize `<bx-date-picker-input-skeleton>`.
 
 ## `<bx-date-picker>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-date-picker open>`) and `false` means not setting the attribute (e.g. `<bx-date-picker>` without `open` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-date-picker open>`) and `false` means not setting the attribute (e.g.
+`<bx-date-picker>` without `open` attribute).
 
 <Props of="bx-date-picker" />
 
 ## `<bx-date-picker-input>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-date-picker-input light>`) and `false` means not setting the attribute (e.g. `<bx-date-picker-input>` without `light` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-date-picker-input light>`) and `false` means not setting the attribute
+(e.g. `<bx-date-picker-input>` without `light` attribute).
 
 <Props of="bx-date-picker-input" />
diff --git a/packages/carbon-web-components/src/components/dropdown/dropdown-story.mdx b/packages/carbon-web-components/src/components/dropdown/dropdown-story.mdx
index a1bb322f521..13cb1d998e4 100644
--- a/packages/carbon-web-components/src/components/dropdown/dropdown-story.mdx
+++ b/packages/carbon-web-components/src/components/dropdown/dropdown-story.mdx
@@ -4,12 +4,13 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Dropdown
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/dropdown)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/dropdown)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown)
 
-Dropdown presents a list of options that can be used to filter or sort existing content.
+Dropdown presents a list of options that can be used to filter or sort existing
+content.
 
 ## Getting started
 
@@ -18,11 +19,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/dropdown/index.js';
+import '@carbon/carbon-web-components/es/components/dropdown/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['dropdown'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -37,13 +37,16 @@ import 'carbon-web-components/es/components/dropdown/index.js';
 
 ## Selection
 
-When user attempts to select a dropdown item, `bx-dropdown-beingselected` event fires on `<bx-dropdown>`, which has the following properties in the event details:
+When user attempts to select a dropdown item, `bx-dropdown-beingselected` event
+fires on `<bx-dropdown>`, which has the following properties in the event
+details:
 
 | Property | Description                              |
 | -------- | ---------------------------------------- |
 | `item`   | The `<bx-dropdown-item>` being selected. |
 
-`bx-dropdown-beingselected` bubbles and is cancelable. Canceling this event means canceling change in selection.
+`bx-dropdown-beingselected` bubbles and is cancelable. Canceling this event
+means canceling change in selection.
 
 ## Skeleton
 
@@ -55,12 +58,16 @@ For the skeleton variation, utilize `<bx-dropdown-skeleton>`.
 
 ## `<bx-dropdown>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-dropdown open>`) and `false` means not setting the attribute (e.g. `<bx-dropdown>` without `open` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-dropdown open>`) and `false` means not setting the attribute (e.g.
+`<bx-dropdown>` without `open` attribute).
 
 <Props of="bx-dropdown" />
 
 ## `<bx-dropdown-item>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-dropdown-item disabled>`) and `false` means not setting the attribute (e.g. `<bx-dropdown-item>` without `disabled` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-dropdown-item disabled>`) and `false` means not setting the attribute (e.g.
+`<bx-dropdown-item>` without `disabled` attribute).
 
 <Props of="bx-dropdown-item" />
diff --git a/packages/carbon-web-components/src/components/file-uploader/file-uploader-story.mdx b/packages/carbon-web-components/src/components/file-uploader/file-uploader-story.mdx
index d10d8fbeeec..5bce40dce15 100644
--- a/packages/carbon-web-components/src/components/file-uploader/file-uploader-story.mdx
+++ b/packages/carbon-web-components/src/components/file-uploader/file-uploader-story.mdx
@@ -4,12 +4,13 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # File uploader
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/file-uploader)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/file-uploader)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader)
 
-File uploaders allow users to select one or more files to upload to a specific location.
+File uploaders allow users to select one or more files to upload to a specific
+location.
 
 ## Getting started
 
@@ -18,17 +19,19 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/file-uploader/index.js';
+import '@carbon/carbon-web-components/es/components/file-uploader/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['file-uploader'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
 
 ```html
-<bx-file-uploader helper-text="Only .jpg and .png files. 500kb max file size" label-text="Account photo">
+<bx-file-uploader
+  helper-text="Only .jpg and .png files. 500kb max file size"
+  label-text="Account photo"
+>
   <bx-file-drop-container accept="image/jpeg image/png" multiple="true">
     Drag and drop files here or click to upload
   </bx-file-drop-container>
@@ -41,6 +44,8 @@ import 'carbon-web-components/es/components/file-uploader/index.js';
 
 ## `<bx-file-uploader-item>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-file-uploader-item invalid>`) and `false` means not setting the attribute (e.g. `<bx-file-uploader-item>` without `invalid` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-file-uploader-item invalid>`) and `false` means not setting the attribute
+(e.g. `<bx-file-uploader-item>` without `invalid` attribute).
 
 <Props of="bx-file-uploader-item" />
diff --git a/packages/carbon-web-components/src/components/icon/icon-story.mdx b/packages/carbon-web-components/src/components/icon/icon-story.mdx
index 1e637516902..710c0c0035d 100644
--- a/packages/carbon-web-components/src/components/icon/icon-story.mdx
+++ b/packages/carbon-web-components/src/components/icon/icon-story.mdx
@@ -11,7 +11,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import Add16 from 'carbon-web-components/es/icons/add/16';
+import Add16 from '@carbon/carbon-web-components/es/icons/add/16';
 
 function App() {
   return (
@@ -24,4 +24,5 @@ function App() {
   );
 ```
 
-Icon library can be found [here](https://www.carbondesignsystem.com/guidelines/icons/library).
+Icon library can be found
+[here](https://www.carbondesignsystem.com/guidelines/icons/library).
diff --git a/packages/carbon-web-components/src/components/inline-loading/inline-loading-story.mdx b/packages/carbon-web-components/src/components/inline-loading/inline-loading-story.mdx
index 65007ebf483..72494ae58f1 100644
--- a/packages/carbon-web-components/src/components/inline-loading/inline-loading-story.mdx
+++ b/packages/carbon-web-components/src/components/inline-loading/inline-loading-story.mdx
@@ -4,19 +4,21 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Inline loading
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/inline-loading)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/inline-loading)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading)
 
-Inline loading spinners are used when performing actions.
-They help notify user’s that their action is being processed.
-The waiting experience is a crucial design opportunity.
-Although it may not be obvious what is occurring on the back-end, we can communicate clearly to reassure the user that progress is happening.
+Inline loading spinners are used when performing actions. They help notify
+user’s that their action is being processed. The waiting experience is a crucial
+design opportunity. Although it may not be obvious what is occurring on the
+back-end, we can communicate clearly to reassure the user that progress is
+happening.
 
-It is best practice to use an Inline loading component for any Create, Update, or Delete actions.
-The component provides feedback to the user about the progress of the action they took.
-This could be in a table, after a primary or secondary button click, or even in a modal.
+It is best practice to use an Inline loading component for any Create, Update,
+or Delete actions. The component provides feedback to the user about the
+progress of the action they took. This could be in a table, after a primary or
+secondary button click, or even in a modal.
 
 ## Getting started
 
@@ -25,11 +27,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/inline-loading/index.js';
+import '@carbon/carbon-web-components/es/components/inline-loading/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['inline-loading'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
diff --git a/packages/carbon-web-components/src/components/input/input-story.mdx b/packages/carbon-web-components/src/components/input/input-story.mdx
index 413633ae877..a0071d99309 100644
--- a/packages/carbon-web-components/src/components/input/input-story.mdx
+++ b/packages/carbon-web-components/src/components/input/input-story.mdx
@@ -4,13 +4,14 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Input
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/input)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/input)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/input)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/input)
 
-Text fields enable the user to interact with and input data.
-A single line field is used when the input anticipated by the user is a single line of text as opposed to a paragraph.
+Text fields enable the user to interact with and input data. A single line field
+is used when the input anticipated by the user is a single line of text as
+opposed to a paragraph.
 
 ## Getting started
 
@@ -19,7 +20,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/input/index.js';
+import '@carbon/carbon-web-components/es/components/input/index.js';
 ```
 
 ### HTML
@@ -34,14 +35,14 @@ import 'carbon-web-components/es/components/input/index.js';
 
 ## Form item
 
-If the input is part of a form, make sure to import and wrap the input with `<bx-form-item>`
+If the input is part of a form, make sure to import and wrap the input with
+`<bx-form-item>`
 
 ```javascript
-import 'carbon-web-components/es/components/form/index.js';
+import '@carbon/carbon-web-components/es/components/form/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['form'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ```html
@@ -56,6 +57,8 @@ import 'carbon-web-components/es/components/form/index.js';
 
 ## `<bx-input>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-input required>`) and `false` means not setting the attribute (e.g. `<bx-input>` without `required` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-input required>`) and `false` means not setting the attribute (e.g.
+`<bx-input>` without `required` attribute).
 
 <Props of="bx-input" />
diff --git a/packages/carbon-web-components/src/components/link/link-story.mdx b/packages/carbon-web-components/src/components/link/link-story.mdx
index 128dfbea886..5b1ffde134d 100644
--- a/packages/carbon-web-components/src/components/link/link-story.mdx
+++ b/packages/carbon-web-components/src/components/link/link-story.mdx
@@ -4,12 +4,13 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Link
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/link)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/link)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/link)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/link)
 
-Represents a link. Provided for convenience purpose, you can alternatively use `<a class="bx--link">` with Carbon style in place in light DOM.
+Represents a link. Provided for convenience purpose, you can alternatively use
+`<a class="bx--link">` with Carbon style in place in light DOM.
 
 ## Getting started
 
@@ -18,11 +19,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/list/index.js';
+import '@carbon/carbon-web-components/es/components/list/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['list'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -35,18 +35,19 @@ import 'carbon-web-components/es/components/list/index.js';
 
 Import the desired icon and incorporate with the link text:
 
-```javascript
-import Download16 from 'carbon-web-components/es/icons/download/16';
+````javascript
+import Download16 from '@carbon/carbon-web-components/es/icons/download/16';
 
 function App() {
   return (
     html`<bx-link href="https://www.ibm.com"> Download ${Download16({ slot: 'icon' })}</bx-link>`
   );
 
-```
-
-## `<bx-link>` attributes and properties
+```## `<bx-link>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-link disabled>`) and `false` means not setting the attribute (e.g. `<bx-link>` without `disabled` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-link disabled>`) and `false` means not setting the attribute (e.g.
+`<bx-link>` without `disabled` attribute).
 
 <Props of="bx-link" />
+````
diff --git a/packages/carbon-web-components/src/components/list/list-story.mdx b/packages/carbon-web-components/src/components/list/list-story.mdx
index 640f17b91a8..2f89e51f212 100644
--- a/packages/carbon-web-components/src/components/list/list-story.mdx
+++ b/packages/carbon-web-components/src/components/list/list-story.mdx
@@ -6,10 +6,10 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 Represents a list.
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/list)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/list)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/list)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/list)
 
 ## Getting started
 
@@ -18,11 +18,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/list/index.js';
+import '@carbon/carbon-web-components/es/components/list/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['list'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -71,6 +70,8 @@ import 'carbon-web-components/es/components/list/index.js';
 
 ## `<bx-list-item>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-list nested>`) and `false` means not setting the attribute (e.g. `<bx-list>` without `nested` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-list nested>`) and `false` means not setting the attribute (e.g.
+`<bx-list>` without `nested` attribute).
 
 <Props of="bx-list-item" />
diff --git a/packages/carbon-web-components/src/components/loading/loading-story.mdx b/packages/carbon-web-components/src/components/loading/loading-story.mdx
index 20dedef7a4b..803d3ce2d12 100644
--- a/packages/carbon-web-components/src/components/loading/loading-story.mdx
+++ b/packages/carbon-web-components/src/components/loading/loading-story.mdx
@@ -4,14 +4,16 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Loading
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/loading)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/loading)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/loading)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/loading)
 
-Loading spinners are used when retrieving data or performing slow computations, and help to notify users that loading is underway.
-The waiting experience is a crucial design opportunity.
-Although it may not be obvious what is occurring on the back-end, we can communicate clearly to reassure the user that progress is happening.
+Loading spinners are used when retrieving data or performing slow computations,
+and help to notify users that loading is underway. The waiting experience is a
+crucial design opportunity. Although it may not be obvious what is occurring on
+the back-end, we can communicate clearly to reassure the user that progress is
+happening.
 
 ## Getting started
 
@@ -20,11 +22,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/loading/index.js';
+import '@carbon/carbon-web-components/es/components/loading/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['loading'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -37,6 +38,8 @@ import 'carbon-web-components/es/components/loading/index.js';
 
 ## `<bx-loading>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-loading inactive>`) and `false` means not setting the attribute (e.g. `<bx-loading>` without `inactive` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-loading inactive>`) and `false` means not setting the attribute (e.g.
+`<bx-loading>` without `inactive` attribute).
 
 <Props of="bx-loading" />
diff --git a/packages/carbon-web-components/src/components/modal/modal-story.mdx b/packages/carbon-web-components/src/components/modal/modal-story.mdx
index 9b68fd4e01e..9c7a57686fd 100644
--- a/packages/carbon-web-components/src/components/modal/modal-story.mdx
+++ b/packages/carbon-web-components/src/components/modal/modal-story.mdx
@@ -4,14 +4,15 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Modal
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/modal)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/modal)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/modal)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/modal)
 
-Modals interrupt user workflow by design.
-They are most effective when a task must be completed before a user can continue.
-While effective when used correctly, modals should be used sparingly to limit disruption to a user experience.
+Modals interrupt user workflow by design. They are most effective when a task
+must be completed before a user can continue. While effective when used
+correctly, modals should be used sparingly to limit disruption to a user
+experience.
 
 ## Getting started
 
@@ -20,12 +21,11 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/modal/index.js';
-import 'carbon-web-components/es/components/button/index.js';
+import '@carbon/carbon-web-components/es/components/modal/index.js';
+import '@carbon/carbon-web-components/es/components/button/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['modal', 'button'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -41,39 +41,52 @@ import 'carbon-web-components/es/components/button/index.js';
   </bx-modal-header>
   <bx-modal-body><p>Modal text description</p></bx-modal-body>
   <bx-modal-footer>
-    <bx-modal-footer-button kind="secondary" data-modal-close>Cancel</bx-modal-footer-button>
+    <bx-modal-footer-button kind="secondary" data-modal-close
+      >Cancel</bx-modal-footer-button
+    >
     <bx-modal-footer-button kind="primary">Save</bx-modal-footer-button>
   </bx-modal-footer>
 </bx-modal>
 
 <script type="text/javascript">
-  document.getElementById('modal-example-button').addEventListener('click', () => {
-    document.getElementById('modal-example').open = true;
-  });
+  document
+    .getElementById('modal-example-button')
+    .addEventListener('click', () => {
+      document.getElementById('modal-example').open = true;
+    });
 </script>
 ```
 
 ## Focus management
 
-`<bx-modal>` puts focus on one of the following elements (in priority order) once it gets open:
+`<bx-modal>` puts focus on one of the following elements (in priority order)
+once it gets open:
 
 1. An programmatic-focusable element with `data-modal-primary-focus` attribute
 2. The primary button in modal footer
 3. The first sequential-focusable child element
 
-`<bx-modal>` enables "focus-wrapping" behavior after then.
-It means that hitting tab key at the last sequential-focusable element in `<bx-modal>` puts focus on the first sequential-focusable element, and hitting Shift-tab key at the first sequential-focusable element in `<bx-modal>` puts focus on the last sequential-focusable element.
+`<bx-modal>` enables "focus-wrapping" behavior after then. It means that hitting
+tab key at the last sequential-focusable element in `<bx-modal>` puts focus on
+the first sequential-focusable element, and hitting Shift-tab key at the first
+sequential-focusable element in `<bx-modal>` puts focus on the last
+sequential-focusable element.
 
-Once `<bx-modal>` gets closed, it puts focus on the last focused element before it got open, typically the launcher button.
+Once `<bx-modal>` gets closed, it puts focus on the last focused element before
+it got open, typically the launcher button.
 
 ## `<bx-modal>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-modal open>`) and `false` means not setting the attribute (e.g. `<bx-modal>` without `open` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-modal open>`) and `false` means not setting the attribute (e.g.
+`<bx-modal>` without `open` attribute).
 
 <Props of="bx-modal" />
 
 ## `<bx-modal-footer-button>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-modal-footer-button disabled>`) and `false` means not setting the attribute (e.g. `<bx-modal-footer-button>` without `disabled` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-modal-footer-button disabled>`) and `false` means not setting the attribute
+(e.g. `<bx-modal-footer-button>` without `disabled` attribute).
 
 <Props of="bx-modal-footer-button" />
diff --git a/packages/carbon-web-components/src/components/multi-select/multi-select-story.mdx b/packages/carbon-web-components/src/components/multi-select/multi-select-story.mdx
index 58fd3ac706d..2b1b727ab6b 100644
--- a/packages/carbon-web-components/src/components/multi-select/multi-select-story.mdx
+++ b/packages/carbon-web-components/src/components/multi-select/multi-select-story.mdx
@@ -4,16 +4,22 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Multi select
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/multi-select)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/multi-select)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select)
 
 Multi select is used when user needs to select multiple options from a dropdown.
 
-The label remains persistent within the dropdown. Once the user chooses an option from the list, a number badge will appear to the left of the label containing the total number of selected items. Selected options float to the top of the list in alphanumeric order.
+The label remains persistent within the dropdown. Once the user chooses an
+option from the list, a number badge will appear to the left of the label
+containing the total number of selected items. Selected options float to the top
+of the list in alphanumeric order.
 
-To clear all selected items from a list, hover over the number badge and click the “x” icon next to the value. To help with clarity, a browser tooltip appears when the user hovers over the “x” (or close) icon to indicate the click action results.
+To clear all selected items from a list, hover over the number badge and click
+the “x” icon next to the value. To help with clarity, a browser tooltip appears
+when the user hovers over the “x” (or close) icon to indicate the click action
+results.
 
 ## Getting started
 
@@ -22,11 +28,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/multi-select/index.js';
+import '@carbon/carbon-web-components/es/components/multi-select/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['multi-select'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -41,7 +46,8 @@ import 'carbon-web-components/es/components/multi-select/index.js';
 
 ## Filter mode
 
-If you'd like to have a search bar to filter through the dropdown options, you can add the `filterable` boolean to the `<bx-multi-select>` component.
+If you'd like to have a search bar to filter through the dropdown options, you
+can add the `filterable` boolean to the `<bx-multi-select>` component.
 
 ```html
 <bx-multi-select value="foo,baz" filterable>
@@ -51,38 +57,58 @@ If you'd like to have a search bar to filter through the dropdown options, you c
 </bx-multi-select>
 ```
 
-Often you want to render the multi select items from your data. Below is an example of [`lit-html`](https://lit-html.polymer-project.org), but similar stories apply to React, Angular, Vue, Backbone, Knockout and many others:
+Often you want to render the multi select items from your data. Below is an
+example of [`lit-html`](https://lit-html.polymer-project.org), but similar
+stories apply to React, Angular, Vue, Backbone, Knockout and many others:
 
 ```javascript
 html`
   <bx-multi-select>
-    ${items.map(item => html` <bx-multi-select-item value="${item.value}">${item.title}</bx-multi-select-item> `)}
+    ${items.map(
+      item =>
+        html`
+          <bx-multi-select-item value="${item.value}"
+            >${item.title}</bx-multi-select-item
+          >
+        `
+    )}
   </bx-multi-select>
 `;
 ```
 
 ## Selection
 
-When user attempts to change selection in multi select item, `bx-multi-select-beingselected` event fires on `<bx-multi-select>`, which has the following properties in the event details:
+When user attempts to change selection in multi select item,
+`bx-multi-select-beingselected` event fires on `<bx-multi-select>`, which has
+the following properties in the event details:
 
 | Property | Description                                                    |
 | -------- | -------------------------------------------------------------- |
 | `item`   | The `<bx-multi-select-item>` whose selection is being changed. |
 
-`bx-multi-select-beingselected` bubbles and is cancelable. Canceling this event means canceling change in selection.
+`bx-multi-select-beingselected` bubbles and is cancelable. Canceling this event
+means canceling change in selection.
 
 ## Note on keyboard navigation
 
-Similar to native `<select>`, `<bx-multi-select>` keeps focusing on itself even while the menu is open and user is navigating through arrow keys. Given that, `<bx-multi-select-item>` does not handle keyboard events by itself. `<bx-multi-select>` takes care of handling keyboard events for multi select items and updates `<bx-multi-select-item>`.
+Similar to native `<select>`, `<bx-multi-select>` keeps focusing on itself even
+while the menu is open and user is navigating through arrow keys. Given that,
+`<bx-multi-select-item>` does not handle keyboard events by itself.
+`<bx-multi-select>` takes care of handling keyboard events for multi select
+items and updates `<bx-multi-select-item>`.
 
 ## `<bx-multi-select>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-multi-select open>`) and `false` means not setting the attribute (e.g. `<bx-multi-select>` without `open` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-multi-select open>`) and `false` means not setting the attribute (e.g.
+`<bx-multi-select>` without `open` attribute).
 
 <Props of="bx-multi-select" />
 
 ## `<bx-multi-select-item>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-multi-select-item disabled>`) and `false` means not setting the attribute (e.g. `<bx-multi-select-item>` without `disabled` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-multi-select-item disabled>`) and `false` means not setting the attribute
+(e.g. `<bx-multi-select-item>` without `disabled` attribute).
 
 <Props of="bx-multi-select-item" />
diff --git a/packages/carbon-web-components/src/components/notification/notification-story.mdx b/packages/carbon-web-components/src/components/notification/notification-story.mdx
index 0c0aae17e61..a73537aa4fa 100644
--- a/packages/carbon-web-components/src/components/notification/notification-story.mdx
+++ b/packages/carbon-web-components/src/components/notification/notification-story.mdx
@@ -4,10 +4,10 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Notification
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/notification)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/notification)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/notification)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/notification)
 
 Notifications are messages that communicate information to the user.
 
@@ -18,11 +18,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/notification/index.js';
+import '@carbon/carbon-web-components/es/components/notification/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['notification'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -31,42 +30,52 @@ import 'carbon-web-components/es/components/notification/index.js';
 <bx-inline-notification
   style="min-width: 30rem; margin-bottom: .5rem"
   title="Notification title"
-  subtitle="Subtitle text goes here.">
+  subtitle="Subtitle text goes here."
+>
 </bx-inline-notification>
 ```
 
 ## Inline notification
 
-Inline notifications show up in task flows, to notify users of the status of an action. They usually appear at the top of the primary content area.
+Inline notifications show up in task flows, to notify users of the status of an
+action. They usually appear at the top of the primary content area.
 
 ```html
 <bx-inline-notification
   style="min-width: 30rem; margin-bottom: .5rem"
   title="Notification title"
-  subtitle="Subtitle text goes here.">
+  subtitle="Subtitle text goes here."
+>
 </bx-inline-notification>
 ```
 
 ## Toast notification
 
-Toasts are a non-modal, time-based window elements used to display short messages; they usually appear at the bottom of the screen and disappear after a few seconds.
+Toasts are a non-modal, time-based window elements used to display short
+messages; they usually appear at the bottom of the screen and disappear after a
+few seconds.
 
 ```html
 <bx-toast-notification
   style="min-width: 30rem; margin-bottom: 0.5rem;"
   title="Notification title"
-  subtitle="Subtitle text goes here.">
+  subtitle="Subtitle text goes here."
+>
 </bx-toast-notification>
 ```
 
 ## `<bx-inline-notification>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-inline-notification open>`) and `false` means not setting the attribute (e.g. `<bx-inline-notification>` without `open` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-inline-notification open>`) and `false` means not setting the attribute
+(e.g. `<bx-inline-notification>` without `open` attribute).
 
 <Props of="bx-inline-notification" />
 
 ## `<bx-toast-notification>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-toast-notification open>`) and `false` means not setting the attribute (e.g. `<bx-toast-notification>` without `open` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-toast-notification open>`) and `false` means not setting the attribute
+(e.g. `<bx-toast-notification>` without `open` attribute).
 
 <Props of="bx-toast-notification" />
diff --git a/packages/carbon-web-components/src/components/number-input/number-input-story.mdx b/packages/carbon-web-components/src/components/number-input/number-input-story.mdx
index 6429925ee09..b8d6c202954 100644
--- a/packages/carbon-web-components/src/components/number-input/number-input-story.mdx
+++ b/packages/carbon-web-components/src/components/number-input/number-input-story.mdx
@@ -4,12 +4,13 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Number input
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/number-input)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/number-input)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/number-input)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/number-input)
 
-Number inputs are similar to text inputs, but contain controls used to increase or decrease an incremental value.
+Number inputs are similar to text inputs, but contain controls used to increase
+or decrease an incremental value.
 
 ## Getting started
 
@@ -18,11 +19,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/number-input/index.js';
+import '@carbon/carbon-web-components/es/components/number-input/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['number-input'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -32,17 +32,20 @@ import 'carbon-web-components/es/components/number-input/index.js';
   <span slot="label-text">Label text</span>
   <span slot="helper-text">Optional helper text</span>
   <span slot="validity-message">Something isn't right</span>
-  <span slot="validity-message-max">Try a lower value, something less than 100</span>
+  <span slot="validity-message-max"
+    >Try a lower value, something less than 100</span
+  >
   <span slot="validity-message-min">Value must be larger than 0</span>
 </bx-number-input>
 ```
 
 ## Form item
 
-If the input is part of a form, make sure to import and wrap the input with `<bx-form-item>`
+If the input is part of a form, make sure to import and wrap the input with
+`<bx-form-item>`
 
 ```javascript
-import 'carbon-web-components/es/components/form/index.js';
+import '@carbon/carbon-web-components/es/components/form/index.js';
 ```
 
 ```html
@@ -51,7 +54,9 @@ import 'carbon-web-components/es/components/form/index.js';
     <span slot="label-text">Label text</span>
     <span slot="helper-text">Optional helper text</span>
     <span slot="validity-message">Something isn't right</span>
-    <span slot="validity-message-max">Try a lower value, something less than 100</span>
+    <span slot="validity-message-max"
+      >Try a lower value, something less than 100</span
+    >
     <span slot="validity-message-min">Value must be larger than 0</span>
   </bx-number-input>
 </bx-form-item>
@@ -67,6 +72,8 @@ For the skeleton variation, utilize `<bx-number-input-skeleton>`.
 
 ## `<bx-number-input>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-number-input mobile>`) and `false` means not setting the attribute (e.g. `<bx-number-input>` without `mobile` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-number-input mobile>`) and `false` means not setting the attribute (e.g.
+`<bx-number-input>` without `mobile` attribute).
 
 <Props of="bx-number-input" />
diff --git a/packages/carbon-web-components/src/components/overflow-menu/overflow-menu-story.mdx b/packages/carbon-web-components/src/components/overflow-menu/overflow-menu-story.mdx
index 574f685415a..1830e8cc0aa 100644
--- a/packages/carbon-web-components/src/components/overflow-menu/overflow-menu-story.mdx
+++ b/packages/carbon-web-components/src/components/overflow-menu/overflow-menu-story.mdx
@@ -4,13 +4,14 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Overflow menu
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/overflow-menu)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/overflow-menu)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu)
 
-Overflow menu is used when additional options are available to the user and there is a space constraint.
-Create overflow menu item components for each option on the menu.
+Overflow menu is used when additional options are available to the user and
+there is a space constraint. Create overflow menu item components for each
+option on the menu.
 
 ## Getting started
 
@@ -19,11 +20,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/overflow-menu/index.js';
+import '@carbon/carbon-web-components/es/components/overflow-menu/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['overflow-menu'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -42,7 +42,9 @@ import 'carbon-web-components/es/components/overflow-menu/index.js';
 
 ## `<bx-overflow-menu>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-overflow-menu open>`) and `false` means not setting the attribute (e.g. `<bx-overflow-menu>` without `open` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-overflow-menu open>`) and `false` means not setting the attribute (e.g.
+`<bx-overflow-menu>` without `open` attribute).
 
 <Props of="bx-overflow-menu" />
 
@@ -52,6 +54,8 @@ Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
 
 ## `<bx-overflow-menu-item>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-overflow-menu-item disabled>`) and `false` means not setting the attribute (e.g. `<bx-overflow-menu-item>` without `disabled` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-overflow-menu-item disabled>`) and `false` means not setting the attribute
+(e.g. `<bx-overflow-menu-item>` without `disabled` attribute).
 
 <Props of="bx-overflow-menu-item" />
diff --git a/packages/carbon-web-components/src/components/pagination/pagination-story.mdx b/packages/carbon-web-components/src/components/pagination/pagination-story.mdx
index 5e803f576d7..6e1dde8d0ed 100644
--- a/packages/carbon-web-components/src/components/pagination/pagination-story.mdx
+++ b/packages/carbon-web-components/src/components/pagination/pagination-story.mdx
@@ -4,13 +4,14 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Pagination
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/pagination)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/pagination)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/pagination)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/pagination)
 
-The pagination component is used to switch through multiple pages of items, when only a maxium number of items can be displayed per page.
-Can be used in combination with other components like data table.
+The pagination component is used to switch through multiple pages of items, when
+only a maxium number of items can be displayed per page. Can be used in
+combination with other components like data table.
 
 ## Getting started
 
@@ -19,11 +20,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/pagination/index.js';
+import '@carbon/carbon-web-components/es/components/pagination/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['pagination'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -41,7 +41,9 @@ import 'carbon-web-components/es/components/pagination/index.js';
 
 ## `<bx-pagination>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-pagination at-last-page>`) and `false` means not setting the attribute (e.g. `<bx-pagination>` without `at-last-page` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-pagination at-last-page>`) and `false` means not setting the attribute
+(e.g. `<bx-pagination>` without `at-last-page` attribute).
 
 <Props of="bx-pagination" />
 
diff --git a/packages/carbon-web-components/src/components/progress-indicator/progress-indicator-story.mdx b/packages/carbon-web-components/src/components/progress-indicator/progress-indicator-story.mdx
index 8aecaaa3d86..ce71c81c042 100644
--- a/packages/carbon-web-components/src/components/progress-indicator/progress-indicator-story.mdx
+++ b/packages/carbon-web-components/src/components/progress-indicator/progress-indicator-story.mdx
@@ -4,14 +4,18 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Progress indicator
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/progress-indicator)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/progress-indicator)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator)
 
-Progress indicator is a visual representation of a users progress through a set of steps. They guide the user through a number of steps in order to complete a specified process.
+Progress indicator is a visual representation of a users progress through a set
+of steps. They guide the user through a number of steps in order to complete a
+specified process.
 
-Use progress indicators to keep the user on track when completing a specific task. By dividing the end goal into smaller, sub-tasks, it increases the percentage of completeness as each task is completed.
+Use progress indicators to keep the user on track when completing a specific
+task. By dividing the end goal into smaller, sub-tasks, it increases the
+percentage of completeness as each task is completed.
 
 ## Getting started
 
@@ -20,28 +24,47 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/progress-indicator/index.js';
+import '@carbon/carbon-web-components/es/components/progress-indicator/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['progress-indicator'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
 
 ```html
 <bx-progress-indicator>
-  <bx-progress-step label-text="Label" secondary-label-text="Secondary label" state="invalid"></bx-progress-step>
-  <bx-progress-step label-text="Label" secondary-label-text="Secondary label" state="complete"></bx-progress-step>
-  <bx-progress-step label-text="Label" secondary-label-text="Secondary label" state="current"></bx-progress-step>
-  <bx-progress-step disabled label-text="Label" secondary-label-text="Secondary label"></bx-progress-step>
-  <bx-progress-step label-text="Label" secondary-label-text="Secondary label"></bx-progress-step>
+  <bx-progress-step
+    label-text="Label"
+    secondary-label-text="Secondary label"
+    state="invalid"
+  ></bx-progress-step>
+  <bx-progress-step
+    label-text="Label"
+    secondary-label-text="Secondary label"
+    state="complete"
+  ></bx-progress-step>
+  <bx-progress-step
+    label-text="Label"
+    secondary-label-text="Secondary label"
+    state="current"
+  ></bx-progress-step>
+  <bx-progress-step
+    disabled
+    label-text="Label"
+    secondary-label-text="Secondary label"
+  ></bx-progress-step>
+  <bx-progress-step
+    label-text="Label"
+    secondary-label-text="Secondary label"
+  ></bx-progress-step>
 </bx-progress-indicator>
 ```
 
 ## Skeleton
 
-For the skeleton variation, utilize `<bx-progress-indicator-skeleton>` and `<bx-progress-step-skeleton>`.
+For the skeleton variation, utilize `<bx-progress-indicator-skeleton>` and
+`<bx-progress-step-skeleton>`.
 
 ```html
 <bx-progress-indicator-skeleton>
@@ -53,12 +76,16 @@ For the skeleton variation, utilize `<bx-progress-indicator-skeleton>` and `<bx-
 
 ## `<bx-progress-indicator>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-progress-indicator vertical>`) and `false` means not setting the attribute (e.g. `<bx-progress-indicator>` without `vertical` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-progress-indicator vertical>`) and `false` means not setting the attribute
+(e.g. `<bx-progress-indicator>` without `vertical` attribute).
 
 <Props of="bx-progress-indicator" />
 
 ## `<bx-progress-step>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-progress-step disabled>`) and `false` means not setting the attribute (e.g. `<bx-progress-step>` without `disabled` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-progress-step disabled>`) and `false` means not setting the attribute (e.g.
+`<bx-progress-step>` without `disabled` attribute).
 
 <Props of="bx-progress-step" />
diff --git a/packages/carbon-web-components/src/components/radio-button/radio-button-story.mdx b/packages/carbon-web-components/src/components/radio-button/radio-button-story.mdx
index a80948b56fd..03c35f33ed2 100644
--- a/packages/carbon-web-components/src/components/radio-button/radio-button-story.mdx
+++ b/packages/carbon-web-components/src/components/radio-button/radio-button-story.mdx
@@ -4,12 +4,13 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Radio button
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/radio-button)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/radio-button)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button)
 
-Radio buttons are used when a list of two or more options are mutually exclusive, meaning the user must select only one option.
+Radio buttons are used when a list of two or more options are mutually
+exclusive, meaning the user must select only one option.
 
 ## Getting started
 
@@ -18,19 +19,25 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/radio-button/index.js';
+import '@carbon/carbon-web-components/es/components/radio-button/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['radio-button'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
 
 ```html
-<bx-radio-button-group label-position="right" orientation="horizontal" name="radio-group">
+<bx-radio-button-group
+  label-position="right"
+  orientation="horizontal"
+  name="radio-group"
+>
   <bx-radio-button label-text="Radio button" value="all"></bx-radio-button>
-  <bx-radio-button label-text="Radio button" value="cloudFoundry"></bx-radio-button>
+  <bx-radio-button
+    label-text="Radio button"
+    value="cloudFoundry"
+  ></bx-radio-button>
   <bx-radio-button label-text="Radio button" value="staging"></bx-radio-button>
 </bx-radio-button-group>
 ```
@@ -45,12 +52,16 @@ For the skeleton variation, utilize `<bx-radio-button-skeleton>`.
 
 ## `<bx-radio-button-group>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-radio-button-group disabled>`) and `false` means not setting the attribute (e.g. `<bx-radio-button-group>` without `disabled` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-radio-button-group disabled>`) and `false` means not setting the attribute
+(e.g. `<bx-radio-button-group>` without `disabled` attribute).
 
 <Props of="bx-radio-button-group" />
 
 ## `<bx-radio-button-group>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-radio-button-group disabled>`) and `false` means not setting the attribute (e.g. `<bx-radio-button-group>` without `disabled` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-radio-button-group disabled>`) and `false` means not setting the attribute
+(e.g. `<bx-radio-button-group>` without `disabled` attribute).
 
 <Props of="bx-radio-button-group" />
diff --git a/packages/carbon-web-components/src/components/search/search-story.mdx b/packages/carbon-web-components/src/components/search/search-story.mdx
index 6ffc6e14a48..cc50e0ea123 100644
--- a/packages/carbon-web-components/src/components/search/search-story.mdx
+++ b/packages/carbon-web-components/src/components/search/search-story.mdx
@@ -4,13 +4,15 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Search
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/search)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/search)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/search)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/search)
 
-Search enables users to specify a word or a phrase to find particular relevant pieces of content without the use of navigation.
-Search can be used as the primary means of discovering content, or as a filter to aid the user in finding content.
+Search enables users to specify a word or a phrase to find particular relevant
+pieces of content without the use of navigation. Search can be used as the
+primary means of discovering content, or as a filter to aid the user in finding
+content.
 
 ## Getting started
 
@@ -19,11 +21,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/search/index.js';
+import '@carbon/carbon-web-components/es/components/search/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['search'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -42,6 +43,8 @@ For the skeleton variation, utilize `<bx-search-skeleton>`.
 
 ## `<bx-search>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-search light>`) and `false` means not setting the attribute (e.g. `<bx-search>` without `light` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-search light>`) and `false` means not setting the attribute (e.g.
+`<bx-search>` without `light` attribute).
 
 <Props of="bx-search" />
diff --git a/packages/carbon-web-components/src/components/select/select-story.mdx b/packages/carbon-web-components/src/components/select/select-story.mdx
index 388f42384be..c8bb49e3849 100644
--- a/packages/carbon-web-components/src/components/select/select-story.mdx
+++ b/packages/carbon-web-components/src/components/select/select-story.mdx
@@ -4,12 +4,13 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Select
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/select)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/select)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/select)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/select)
 
-The select component allows users to choose one option from a list. It is used in forms for users to submit data.
+The select component allows users to choose one option from a list. It is used
+in forms for users to submit data.
 
 ## Getting started
 
@@ -18,17 +19,20 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/select/index.js';
+import '@carbon/carbon-web-components/es/components/select/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['select'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
 
 ```html
-<bx-select helper-text="Optional helper text" label-text="Select" placeholder="Optional placeholder text">
+<bx-select
+  helper-text="Optional helper text"
+  label-text="Select"
+  placeholder="Optional placeholder text"
+>
   <bx-select-item-group label="Category 1">
     <bx-select-item value="all">Option 1</bx-select-item>
     <bx-select-item value="cloudFoundry">Option 2</bx-select-item>
@@ -43,18 +47,24 @@ import 'carbon-web-components/es/components/select/index.js';
 
 ## `<bx-select>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-select autofocus>`) and `false` means not setting the attribute (e.g. `<bx-select>` without `autofocus` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-select autofocus>`) and `false` means not setting the attribute (e.g.
+`<bx-select>` without `autofocus` attribute).
 
 <Props of="bx-select" />
 
 ## `<bx-select-item-group>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-select-item-group disabled>`) and `false` means not setting the attribute (e.g. `<bx-select-item-group>` without `disabled` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-select-item-group disabled>`) and `false` means not setting the attribute
+(e.g. `<bx-select-item-group>` without `disabled` attribute).
 
 <Props of="bx-select-item-group" />
 
 ## `<bx-select-item>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-select-item disabled>`) and `false` means not setting the attribute (e.g. `<bx-select-item>` without `disabled` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-select-item disabled>`) and `false` means not setting the attribute (e.g.
+`<bx-select-item>` without `disabled` attribute).
 
 <Props of="bx-select-item" />
diff --git a/packages/carbon-web-components/src/components/skeleton-placeholder/skeleton-placeholder-story.mdx b/packages/carbon-web-components/src/components/skeleton-placeholder/skeleton-placeholder-story.mdx
index 6fd803e80ff..38c38b9c7b5 100644
--- a/packages/carbon-web-components/src/components/skeleton-placeholder/skeleton-placeholder-story.mdx
+++ b/packages/carbon-web-components/src/components/skeleton-placeholder/skeleton-placeholder-story.mdx
@@ -4,10 +4,10 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Skeleton placeholder
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/skeleton-placeholder)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/skeleton-placeholder)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder)
 
 ## Getting started
 
@@ -16,11 +16,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/skeleton-placeholder/index.js';
+import '@carbon/carbon-web-components/es/components/skeleton-placeholder/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['skeleton-placeholder'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
diff --git a/packages/carbon-web-components/src/components/skeleton-text/skeleton-text-story.mdx b/packages/carbon-web-components/src/components/skeleton-text/skeleton-text-story.mdx
index aaa4073e2f6..d285364a5b3 100644
--- a/packages/carbon-web-components/src/components/skeleton-text/skeleton-text-story.mdx
+++ b/packages/carbon-web-components/src/components/skeleton-text/skeleton-text-story.mdx
@@ -4,10 +4,10 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Skeleton text
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/skeleton-text)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/skeleton-text)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text)
 
 ## Getting started
 
@@ -16,11 +16,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/skeleton-text/index.js';
+import '@carbon/carbon-web-components/es/components/skeleton-text/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['skeleton-text'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -31,7 +30,8 @@ import 'carbon-web-components/es/components/skeleton-text/index.js';
 
 ### Lines
 
-To create multiple lines of skeleton text, set the `type` property and use multiple instances of `<bx-skeleton-text>`.
+To create multiple lines of skeleton text, set the `type` property and use
+multiple instances of `<bx-skeleton-text>`.
 
 ```html
 <bx-skeleton-text type="line"></bx-skeleton-text>
diff --git a/packages/carbon-web-components/src/components/skip-to-content/skip-to-content-story.mdx b/packages/carbon-web-components/src/components/skip-to-content/skip-to-content-story.mdx
index 3fdbfb8cdcf..9125362b616 100644
--- a/packages/carbon-web-components/src/components/skip-to-content/skip-to-content-story.mdx
+++ b/packages/carbon-web-components/src/components/skip-to-content/skip-to-content-story.mdx
@@ -3,12 +3,13 @@ import { Props } from '@storybook/addon-docs/blocks';
 # Skip to content
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/skip-to-content)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/skip-to-content)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content)
 
-The skip to content component works as an naivgation link that help users move around a page with keyboard.
+The skip to content component works as an naivgation link that help users move
+around a page with keyboard.
 
 ## Getting started
 
@@ -17,11 +18,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/skip-to-content/index.js';
+import '@carbon/carbon-web-components/es/components/skip-to-content/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['skip-to-content'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
diff --git a/packages/carbon-web-components/src/components/slider/slider-story.mdx b/packages/carbon-web-components/src/components/slider/slider-story.mdx
index fa5dedb2ee7..4710412bff4 100644
--- a/packages/carbon-web-components/src/components/slider/slider-story.mdx
+++ b/packages/carbon-web-components/src/components/slider/slider-story.mdx
@@ -4,12 +4,13 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Slider
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/slider)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/slider)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/slider)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/slider)
 
-Sliders provide a visual indication of adjustable content, where the user can move the handle along a horizontal track to increase or decrease the value.
+Sliders provide a visual indication of adjustable content, where the user can
+move the handle along a horizontal track to increase or decrease the value.
 
 ## Getting started
 
@@ -18,17 +19,22 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/slider/index.js';
+import '@carbon/carbon-web-components/es/components/slider/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['slider'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
 
 ```html
-<bx-slider label-text="Slider" max="100" min="0" step="1" value="50"></bx-slider>
+<bx-slider
+  label-text="Slider"
+  max="100"
+  min="0"
+  step="1"
+  value="50"
+></bx-slider>
 ```
 
 ## With input box
@@ -51,12 +57,16 @@ For the skeleton variation, utilize `<bx-slider-skeleton>`.
 
 ## `<bx-slider>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-slider disabled>`) and `false` means not setting the attribute (e.g. `<bx-slider>` without `disabled` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-slider disabled>`) and `false` means not setting the attribute (e.g.
+`<bx-slider>` without `disabled` attribute).
 
 <Props of="bx-slider" />
 
 ## `<bx-slider-input>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-slider-input light>`) and `false` means not setting the attribute (e.g. `<bx-slider-input>` without `light` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-slider-input light>`) and `false` means not setting the attribute (e.g.
+`<bx-slider-input>` without `light` attribute).
 
 <Props of="bx-slider-input" />
diff --git a/packages/carbon-web-components/src/components/structured-list/structured-list-story.mdx b/packages/carbon-web-components/src/components/structured-list/structured-list-story.mdx
index fd4a1a9423a..4b9248216a8 100644
--- a/packages/carbon-web-components/src/components/structured-list/structured-list-story.mdx
+++ b/packages/carbon-web-components/src/components/structured-list/structured-list-story.mdx
@@ -4,12 +4,13 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Structured list
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/structured-list)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/structured-list)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list)
 
-Structured Lists group content that is similar or related, such as terms or definitions.
+Structured Lists group content that is similar or related, such as terms or
+definitions.
 
 ## Getting started
 
@@ -18,11 +19,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/structured-list/index.js';
+import '@carbon/carbon-web-components/es/components/structured-list/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['structured-list'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -41,24 +41,27 @@ import 'carbon-web-components/es/components/structured-list/index.js';
       <bx-structured-list-cell>Row 1</bx-structured-list-cell>
       <bx-structured-list-cell>Row 1</bx-structured-list-cell>
       <bx-structured-list-cell
-        >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna, finibus id tortor sed, aliquet bibendum augue.
-        Aenean posuere sem vel euismod dignissim.</bx-structured-list-cell
+        >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui
+        magna, finibus id tortor sed, aliquet bibendum augue. Aenean posuere sem
+        vel euismod dignissim.</bx-structured-list-cell
       >
     </bx-structured-list-row>
     <bx-structured-list-row>
       <bx-structured-list-cell>Row 2</bx-structured-list-cell>
       <bx-structured-list-cell>Row 2</bx-structured-list-cell>
       <bx-structured-list-cell
-        >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna, finibus id tortor sed, aliquet bibendum augue.
-        Aenean posuere sem vel euismod dignissim.</bx-structured-list-cell
+        >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui
+        magna, finibus id tortor sed, aliquet bibendum augue. Aenean posuere sem
+        vel euismod dignissim.</bx-structured-list-cell
       >
     </bx-structured-list-row>
     <bx-structured-list-row>
       <bx-structured-list-cell>Row 3</bx-structured-list-cell>
       <bx-structured-list-cell>Row 3</bx-structured-list-cell>
       <bx-structured-list-cell
-        >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna, finibus id tortor sed, aliquet bibendum augue.
-        Aenean posuere sem vel euismod dignissim.</bx-structured-list-cell
+        >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui
+        magna, finibus id tortor sed, aliquet bibendum augue. Aenean posuere sem
+        vel euismod dignissim.</bx-structured-list-cell
       >
     </bx-structured-list-row>
   </bx-structured-list-body>
@@ -100,12 +103,16 @@ For the skeleton variation, utilize `<bx-structured-list-header-cell-skeleton>`.
 
 ## `<bx-structured-list>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-structured-list has-selection>`) and `false` means not setting the attribute (e.g. `<bx-structured-list>` without `has-selection` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-structured-list has-selection>`) and `false` means not setting the
+attribute (e.g. `<bx-structured-list>` without `has-selection` attribute).
 
 <Props of="bx-structured-list" />
 
 ## `<bx-structured-list-row>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-structured-list-row selected>`) and `false` means not setting the attribute (e.g. `<bx-structured-list-row>` without `selected` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-structured-list-row selected>`) and `false` means not setting the attribute
+(e.g. `<bx-structured-list-row>` without `selected` attribute).
 
 <Props of="bx-structured-list-row" />
diff --git a/packages/carbon-web-components/src/components/tabs/tabs-story.mdx b/packages/carbon-web-components/src/components/tabs/tabs-story.mdx
index fe240bfcc17..80e0fea53ed 100644
--- a/packages/carbon-web-components/src/components/tabs/tabs-story.mdx
+++ b/packages/carbon-web-components/src/components/tabs/tabs-story.mdx
@@ -4,10 +4,10 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Tabs
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/tabs)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/tabs)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/tabs)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/tabs)
 
 Tabs are used to quickly navigate between views within the same context.
 
@@ -18,11 +18,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/tabs/index.js';
+import '@carbon/carbon-web-components/es/components/tabs/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['tabs'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -30,8 +29,16 @@ import 'carbon-web-components/es/components/tabs/index.js';
 ```html
 <bx-tabs trigger-content="Select an item" value="staging">
   <bx-tab id="tab-all" target="panel-all" value="all">Option 1</bx-tab>
-  <bx-tab id="tab-cloudFoundry" target="panel-cloudFoundry" disabled value="cloudFoundry">Option 2</bx-tab>
-  <bx-tab id="tab-staging" target="panel-staging" value="staging">Option 3</bx-tab>
+  <bx-tab
+    id="tab-cloudFoundry"
+    target="panel-cloudFoundry"
+    disabled
+    value="cloudFoundry"
+    >Option 2</bx-tab
+  >
+  <bx-tab id="tab-staging" target="panel-staging" value="staging"
+    >Option 3</bx-tab
+  >
   <bx-tab id="tab-dea" target="panel-dea" value="dea">Option 4</bx-tab>
   <bx-tab id="tab-router" target="panel-router" value="router">Option 5</bx-tab>
 </bx-tabs>
@@ -39,36 +46,51 @@ import 'carbon-web-components/es/components/tabs/index.js';
   <div id="panel-all" role="tabpanel" aria-labelledby="tab-all" hidden>
     <h4>Content for option 1</h4>
     <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat.
     </p>
   </div>
-  <div id="panel-cloudFoundry" role="tabpanel" aria-labelledby="tab-cloudFoundry" hidden>
+  <div
+    id="panel-cloudFoundry"
+    role="tabpanel"
+    aria-labelledby="tab-cloudFoundry"
+    hidden
+  >
     <h4>Content for option 2</h4>
     <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat.
     </p>
   </div>
   <div id="panel-staging" role="tabpanel" aria-labelledby="tab-staging" hidden>
     <h4>Content for option 3</h4>
     <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat.
     </p>
   </div>
   <div id="panel-dea" role="tabpanel" aria-labelledby="tab-dea" hidden>
     <h4>Content for option 4</h4>
     <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat.
     </p>
   </div>
   <div id="panel-router" role="tabpanel" aria-labelledby="tab-router" hidden>
     <h4>Content for option 5</h4>
     <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat.
     </p>
   </div>
 </div>
@@ -76,7 +98,8 @@ import 'carbon-web-components/es/components/tabs/index.js';
 
 ## Skeleton
 
-For the skeleton variation, utilize `<bx-tabs-skeleton>` and `<bx-tab-skeleton>`.
+For the skeleton variation, utilize `<bx-tabs-skeleton>` and
+`<bx-tab-skeleton>`.
 
 ```html
 <bx-tabs-skeleton>
@@ -96,6 +119,8 @@ Note: `bx-content-switcher-*` events are not fired from `<bx-tabs>`.
 
 ## `<bx-tab>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-tab disabled>`) and `false` means not setting the attribute (e.g. `<bx-tab>` without `disabled` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-tab disabled>`) and `false` means not setting the attribute (e.g.
+`<bx-tab>` without `disabled` attribute).
 
 <Props of="bx-tab" />
diff --git a/packages/carbon-web-components/src/components/tag/tag-story.mdx b/packages/carbon-web-components/src/components/tag/tag-story.mdx
index 698510daf8c..e24d985179a 100644
--- a/packages/carbon-web-components/src/components/tag/tag-story.mdx
+++ b/packages/carbon-web-components/src/components/tag/tag-story.mdx
@@ -4,16 +4,18 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Tag
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/tag)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/tag)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/tag)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/tag)
 
-Tags are used for items that need to be labeled, categorized, or organized using keywords that describe them.
+Tags are used for items that need to be labeled, categorized, or organized using
+keywords that describe them.
 
 Multiple or single tags can be used to categorize items.
 
-Use tags when content is mapped to multiple categories, and the user needs a way to differentiate between them.
+Use tags when content is mapped to multiple categories, and the user needs a way
+to differentiate between them.
 
 ## Getting started
 
@@ -22,11 +24,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/tag/index.js';
+import '@carbon/carbon-web-components/es/components/tag/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['tag'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -38,17 +39,23 @@ import 'carbon-web-components/es/components/tag/index.js';
 ## Filter tag
 
 ```html
-<bx-filter-tag open type="gray" title="Clear selection"> This is a tag </bx-filter-tag>
+<bx-filter-tag open type="gray" title="Clear selection">
+  This is a tag
+</bx-filter-tag>
 ```
 
 ## `<bx-tag>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-tag disabled>`) and `false` means not setting the attribute (e.g. `<bx-tag>` without `disabled` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-tag disabled>`) and `false` means not setting the attribute (e.g.
+`<bx-tag>` without `disabled` attribute).
 
 <Props of="bx-tag" />
 
 ## `<bx-filter-tag>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-filter-tag disabled>`) and `false` means not setting the attribute (e.g. `<bx-filter-tag>` without `disabled` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-filter-tag disabled>`) and `false` means not setting the attribute (e.g.
+`<bx-filter-tag>` without `disabled` attribute).
 
 <Props of="bx-filter-tag" />
diff --git a/packages/carbon-web-components/src/components/textarea/textarea-story.mdx b/packages/carbon-web-components/src/components/textarea/textarea-story.mdx
index b6c27592007..ac32432fed3 100644
--- a/packages/carbon-web-components/src/components/textarea/textarea-story.mdx
+++ b/packages/carbon-web-components/src/components/textarea/textarea-story.mdx
@@ -4,12 +4,13 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Textarea
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/textarea)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/textarea)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/textarea)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/textarea)
 
-Text inputs enable the user to interact with and input content and data. This component can be used for long and short form entries.
+Text inputs enable the user to interact with and input content and data. This
+component can be used for long and short form entries.
 
 Textarea is a multi-line variant of text input.
 
@@ -20,11 +21,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/textarea/index.js';
+import '@carbon/carbon-web-components/es/components/textarea/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['textarea'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -39,10 +39,11 @@ import 'carbon-web-components/es/components/textarea/index.js';
 
 ## Form item
 
-If the textarea is part of a form, make sure to import and wrap the textarea with `<bx-form-item>`
+If the textarea is part of a form, make sure to import and wrap the textarea
+with `<bx-form-item>`
 
 ```javascript
-import 'carbon-web-components/es/components/form/index.js';
+import '@carbon/carbon-web-components/es/components/form/index.js';
 ```
 
 ```html
@@ -65,6 +66,8 @@ For the skeleton variation, utilize `<bx-textarea-skeleton>`.
 
 ## `<bx-textarea>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-textarea autofocus>`) and `false` means not setting the attribute (e.g. `<bx-textarea>` without `autofocus` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-textarea autofocus>`) and `false` means not setting the attribute (e.g.
+`<bx-textarea>` without `autofocus` attribute).
 
 <Props of="bx-textarea" />
diff --git a/packages/carbon-web-components/src/components/tile/tile-story.mdx b/packages/carbon-web-components/src/components/tile/tile-story.mdx
index cada7826fbd..7117d46b260 100644
--- a/packages/carbon-web-components/src/components/tile/tile-story.mdx
+++ b/packages/carbon-web-components/src/components/tile/tile-story.mdx
@@ -4,18 +4,21 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Tile
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/tile)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/tile)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/tile)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/tile)
 
-Tiles are a highly flexible component for displaying a wide variety of content, including informational, getting started, how-to, next steps, and more.
+Tiles are a highly flexible component for displaying a wide variety of content,
+including informational, getting started, how-to, next steps, and more.
 
-Carbon ships a basic tile structure that responds to the grid.
-Tiles have no pre-set styles for the content within them. You can customize tiles to fit your specific use case.
+Carbon ships a basic tile structure that responds to the grid. Tiles have no
+pre-set styles for the content within them. You can customize tiles to fit your
+specific use case.
 
-When using a call-to-action (CTA) within a tile, use a secondary button.
-Primary buttons should be reserved for the most important action a user can take on the page.
+When using a call-to-action (CTA) within a tile, use a secondary button. Primary
+buttons should be reserved for the most important action a user can take on the
+page.
 
 ## Getting started
 
@@ -24,11 +27,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/tile/index.js';
+import '@carbon/carbon-web-components/es/components/tile/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['tile'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -39,15 +41,16 @@ import 'carbon-web-components/es/components/tile/index.js';
 
 ## Read-only tile (default)
 
-Read-only tiles are used to display information to the user, such as features or services offered.
-Read-only tiles are often seen on marketing pages to promote content.
-These tiles can have internal calls-to-action (CTAs), such as a button or a link.
+Read-only tiles are used to display information to the user, such as features or
+services offered. Read-only tiles are often seen on marketing pages to promote
+content. These tiles can have internal calls-to-action (CTAs), such as a button
+or a link.
 
 ## Clickable tile
 
-Clickable tiles can be used as navigational items, where the entire tile is a clickable state,
-which redirects the user to a new page.
-Clickable tiles cannot contain separate internal CTAs.
+Clickable tiles can be used as navigational items, where the entire tile is a
+clickable state, which redirects the user to a new page. Clickable tiles cannot
+contain separate internal CTAs.
 
 ```html
 <bx-clickable-tile> Clickable tile </bx-clickable-tile>
@@ -59,9 +62,11 @@ Clickable tiles cannot contain separate internal CTAs.
 
 ## Selectable tile
 
-Selectable tiles work like a radio button, where the entire tile is a click target.
-Selectable tiles may contain internal CTAs (like links to docs) if the internal CTA is given its own click target.
-Selectable tiles work well for presenting options to a user in a structured manner, such as a set of pricing plans.
+Selectable tiles work like a radio button, where the entire tile is a click
+target. Selectable tiles may contain internal CTAs (like links to docs) if the
+internal CTA is given its own click target. Selectable tiles work well for
+presenting options to a user in a structured manner, such as a set of pricing
+plans.
 
 ```html
 <fieldset>
@@ -74,40 +79,54 @@ Selectable tiles work well for presenting options to a user in a structured mann
 
 ## `<bx-radio-tile>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-radio-tile selected>`) and `false` means not setting the attribute (e.g. `<bx-radio-tile>` without `selected` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-radio-tile selected>`) and `false` means not setting the attribute (e.g.
+`<bx-radio-tile>` without `selected` attribute).
 
 <Props of="bx-radio-tile" />
 
 ## Multi-selectable tile
 
 ```html
-<bx-selectable-tile name="selectable-tile"> Multi-select Tile </bx-selectable-tile>
+<bx-selectable-tile name="selectable-tile">
+  Multi-select Tile
+</bx-selectable-tile>
 ```
 
 ## `<bx-selectable-tile>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-selectable-tile selected>`) and `false` means not setting the attribute (e.g. `<bx-selectable-tile>` without `selected` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-selectable-tile selected>`) and `false` means not setting the attribute
+(e.g. `<bx-selectable-tile>` without `selected` attribute).
 
 <Props of="bx-selectable-tile" />
 
 ## Expandable tile
 
-Expandable tiles are helpful for hiding/showing larger amounts of content to a user.
-They can only be stacked in a single column, and cannot live in a row or horizontal grid.
-When expanded, tiles push content down the page.
-Expandable tiles may contain internal CTAs (like links to docs) if the internal CTA is given its own click target.
+Expandable tiles are helpful for hiding/showing larger amounts of content to a
+user. They can only be stacked in a single column, and cannot live in a row or
+horizontal grid. When expanded, tiles push content down the page. Expandable
+tiles may contain internal CTAs (like links to docs) if the internal CTA is
+given its own click target.
 
 ```html
 <bx-expandable-tile>
-  <bx-tile-above-the-fold-content slot="above-the-fold-content" style="height: 200px">
+  <bx-tile-above-the-fold-content
+    slot="above-the-fold-content"
+    style="height: 200px"
+  >
     Above the fold content here
   </bx-tile-above-the-fold-content>
-  <bx-tile-below-the-fold-content style="height: 300px"> Below the fold content here </bx-tile-below-the-fold-content>
+  <bx-tile-below-the-fold-content style="height: 300px">
+    Below the fold content here
+  </bx-tile-below-the-fold-content>
 </bx-expandable-tile>
 ```
 
 ## `<bx-expandable-tile>` attributes, properties and events
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-expandable-tile expanded>`) and `false` means not setting the attribute (e.g. `<bx-expandable-tile>` without `expanded` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-expandable-tile expanded>`) and `false` means not setting the attribute
+(e.g. `<bx-expandable-tile>` without `expanded` attribute).
 
 <Props of="bx-expandable-tile" />
diff --git a/packages/carbon-web-components/src/components/toggle/toggle-story.mdx b/packages/carbon-web-components/src/components/toggle/toggle-story.mdx
index a4e7d770c6a..098330a5496 100644
--- a/packages/carbon-web-components/src/components/toggle/toggle-story.mdx
+++ b/packages/carbon-web-components/src/components/toggle/toggle-story.mdx
@@ -4,16 +4,17 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Toggle
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/toggle)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/toggle)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/toggle)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/toggle)
 
 Toggle is a control that is used to quickly switch between two possible states.
-Toggles are only used for these binary actions that occur immediately after the user “flips” the toggle switch.
-They are commonly used for “on/off” switches.
+Toggles are only used for these binary actions that occur immediately after the
+user “flips” the toggle switch. They are commonly used for “on/off” switches.
 
-Use `small` property/attribute to make it more compact in size, so they can be used in use cases such as data tables.
+Use `small` property/attribute to make it more compact in size, so they can be
+used in use cases such as data tables.
 
 ## Getting started
 
@@ -22,23 +23,28 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/toggle/index.js';
+import '@carbon/carbon-web-components/es/components/toggle/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['toggle'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
 
 ```html
-<bx-toggle checked-text="On" label-text="Toggle" unchecked-text="Off"></bx-toggle>
+<bx-toggle
+  checked-text="On"
+  label-text="Toggle"
+  unchecked-text="Off"
+></bx-toggle>
 ```
 
 ## `<bx-toggle>` attributes, properties and events
 
 Note: `bx-checkbox-*` events are not fired from `<bx-toggle>`.
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-toggle small>`) and `false` means not setting the attribute (e.g. `<bx-toggle>` without `small` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-toggle small>`) and `false` means not setting the attribute (e.g.
+`<bx-toggle>` without `small` attribute).
 
 <Props of="bx-toggle" />
diff --git a/packages/carbon-web-components/src/components/tooltip/tooltip-story.mdx b/packages/carbon-web-components/src/components/tooltip/tooltip-story.mdx
index ae944ee4938..40756028a9e 100644
--- a/packages/carbon-web-components/src/components/tooltip/tooltip-story.mdx
+++ b/packages/carbon-web-components/src/components/tooltip/tooltip-story.mdx
@@ -4,14 +4,13 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # Tooltip
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/tooltip)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/tooltip)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip)
 
-Tooltips provide additional information upon hover or focus.
-The information should be contextual, useful, and nonessential information.
-Keep tooltips short.
+Tooltips provide additional information upon hover or focus. The information
+should be contextual, useful, and nonessential information. Keep tooltips short.
 
 ## Getting started
 
@@ -20,11 +19,10 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/tooltip/index.js';
+import '@carbon/carbon-web-components/es/components/tooltip/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['tooltip'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
@@ -33,37 +31,52 @@ import 'carbon-web-components/es/components/tooltip/index.js';
 <bx-tooltip>
   <bx-tooltip-body>
     <p>
-      This is some tooltip text. This box shows the maximum amount of text that should appear inside. If more room is needed
-      please use a modal instead.
+      This is some tooltip text. This box shows the maximum amount of text that
+      should appear inside. If more room is needed please use a modal instead.
     </p>
-    <bx-tooltip-footer> <a href="#" class="bx--link">Learn More</a><bx-btn kind="primary">Create</bx-btn> </bx-tooltip-footer>
+    <bx-tooltip-footer>
+      <a href="#" class="bx--link">Learn More</a
+      ><bx-btn kind="primary">Create</bx-btn>
+    </bx-tooltip-footer>
   </bx-tooltip-body>
 </bx-tooltip>
 ```
 
 ## Interactive tooltip (default)
 
-Interactive tooltips may contain rich text and other interactive elements like buttons or links. In general, hiding interactive content in a tooltip is discouraged. Interactive tooltips are best used for onboarding experiences and product tours.
+Interactive tooltips may contain rich text and other interactive elements like
+buttons or links. In general, hiding interactive content in a tooltip is
+discouraged. Interactive tooltips are best used for onboarding experiences and
+product tours.
 
-- If a user may need to visit an external resource, like while using a form, include a link in your interactive tooltip
-- Don’t use without a label. Consider the context a user needs before clicking a link
+- If a user may need to visit an external resource, like while using a form,
+  include a link in your interactive tooltip
+- Don’t use without a label. Consider the context a user needs before clicking a
+  link
 
 ### `<bx-tooltip>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-tooltip open>`) and `false` means not setting the attribute (e.g. `<bx-tooltip>` without `open` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-tooltip open>`) and `false` means not setting the attribute (e.g.
+`<bx-tooltip>` without `open` attribute).
 
 <Props of="bx-tooltip" />
 
 ## Definition tooltip
 
-The definition tooltip provides additional help or defines an item or term. It may be used on the label of a UI element, or on a word embedded in a paragraph.
+The definition tooltip provides additional help or defines an item or term. It
+may be used on the label of a UI element, or on a word embedded in a paragraph.
 
 - Should contain brief, read-only text
 - Use on proper nouns, technical terms, or acronyms with two letters or more
 - Do not use a definition tooltip on words with fewer than two letters
 
 ```html
-<bx-tooltip-definition alignment="center" body-text="Brief description of the dotted, underlined word above." direction="bottom">
+<bx-tooltip-definition
+  alignment="center"
+  body-text="Brief description of the dotted, underlined word above."
+  direction="bottom"
+>
   Definition Tooltip
 </bx-tooltip-definition>
 ```
@@ -74,12 +87,17 @@ The definition tooltip provides additional help or defines an item or term. It m
 
 ## Icon tooltip
 
-An icon tooltip is used to clarify the action or name of an interactive icon button.
+An icon tooltip is used to clarify the action or name of an interactive icon
+button.
 
 - The tooltip content should only contain one or two words.
 
 ```html
-<bx-tooltip-icon alignment="center" body-text="Brief description of the dotted, underlined word above." direction="bottom">
+<bx-tooltip-icon
+  alignment="center"
+  body-text="Brief description of the dotted, underlined word above."
+  direction="bottom"
+>
   ${Filter16()}
 </bx-tooltip-icon>
 ```
diff --git a/packages/carbon-web-components/src/components/ui-shell/ui-shell-story.mdx b/packages/carbon-web-components/src/components/ui-shell/ui-shell-story.mdx
index a54d06d5c33..eacea0bb3f1 100644
--- a/packages/carbon-web-components/src/components/ui-shell/ui-shell-story.mdx
+++ b/packages/carbon-web-components/src/components/ui-shell/ui-shell-story.mdx
@@ -4,10 +4,10 @@ import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 # UI Shell
 
 > 💡 Check our
-> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/ui-shell)
+> [CodeSandbox](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell)
 > example implementation.
 
-[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-web-components/tree/main/examples/codesandbox/basic/components/ui-shell)
+[![Edit carbon-web-components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell)
 
 UI Shell in Carbon Design System consists of several component groups.
 
@@ -18,46 +18,74 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import 'carbon-web-components/es/components/ui-shell/index.js';
+import '@carbon/carbon-web-components/es/components/ui-shell/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['ui-shell'] })}`} />
-
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
 
 ```html
 <bx-header aria-label="IBM Platform Name">
-  <bx-header-menu-button button-label-active="Close menu" button-label-inactive="Open menu"></bx-header-menu-button>
-  <bx-header-name href="javascript:void 0" prefix="IBM">[Platform]</bx-header-name>
+  <bx-header-menu-button
+    button-label-active="Close menu"
+    button-label-inactive="Open menu"
+  ></bx-header-menu-button>
+  <bx-header-name href="javascript:void 0" prefix="IBM"
+    >[Platform]</bx-header-name
+  >
   <bx-header-nav menu-bar-label="IBM [Platform]">
     <bx-header-nav-item href="javascript:void 0">Link 1</bx-header-nav-item>
     <bx-header-nav-item href="javascript:void 0">Link 2</bx-header-nav-item>
     <bx-header-nav-item href="javascript:void 0">Link 3</bx-header-nav-item>
     <bx-header-menu menu-label="Link 4" trigger-content="Link 4">
-      <bx-header-menu-item href="javascript:void 0">Sub-link 1</bx-header-menu-item>
-      <bx-header-menu-item href="javascript:void 0">Sub-link 2</bx-header-menu-item>
-      <bx-header-menu-item href="javascript:void 0">Sub-link 3</bx-header-menu-item>
+      <bx-header-menu-item href="javascript:void 0"
+        >Sub-link 1</bx-header-menu-item
+      >
+      <bx-header-menu-item href="javascript:void 0"
+        >Sub-link 2</bx-header-menu-item
+      >
+      <bx-header-menu-item href="javascript:void 0"
+        >Sub-link 3</bx-header-menu-item
+      >
     </bx-header-menu>
   </bx-header-nav>
 </bx-header>
 <bx-side-nav aria-label="Side navigation" expanded>
   <bx-side-nav-items>
     <bx-side-nav-menu title="L0 menu">
-      <bx-side-nav-menu-item href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
-      <bx-side-nav-menu-item href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
-      <bx-side-nav-menu-item href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
     </bx-side-nav-menu>
     <bx-side-nav-menu title="L0 menu">
-      <bx-side-nav-menu-item href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
-      <bx-side-nav-menu-item active aria-current="page" href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
-      <bx-side-nav-menu-item href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item active aria-current="page" href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
     </bx-side-nav-menu>
     <bx-side-nav-menu title="L0 menu">
-      <bx-side-nav-menu-item href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
-      <bx-side-nav-menu-item href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
-      <bx-side-nav-menu-item href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
     </bx-side-nav-menu>
     <bx-side-nav-divider></bx-side-nav-divider>
     <bx-side-nav-link href="javascript:void(0)">L0 link</bx-side-nav-link>
@@ -82,19 +110,37 @@ Side nav in UI Shell consists of the following components:
 <bx-side-nav aria-label="Side navigation" expanded>
   <bx-side-nav-items>
     <bx-side-nav-menu title="L0 menu">
-      <bx-side-nav-menu-item href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
-      <bx-side-nav-menu-item href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
-      <bx-side-nav-menu-item href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
     </bx-side-nav-menu>
     <bx-side-nav-menu title="L0 menu">
-      <bx-side-nav-menu-item href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
-      <bx-side-nav-menu-item active aria-current="page" href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
-      <bx-side-nav-menu-item href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item active aria-current="page" href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
     </bx-side-nav-menu>
     <bx-side-nav-menu title="L0 menu">
-      <bx-side-nav-menu-item href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
-      <bx-side-nav-menu-item href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
-      <bx-side-nav-menu-item href="www.ibm.com"> L0 menu item </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
+      <bx-side-nav-menu-item href="www.ibm.com">
+        L0 menu item
+      </bx-side-nav-menu-item>
     </bx-side-nav-menu>
     <bx-side-nav-divider></bx-side-nav-divider>
     <bx-side-nav-link href="javascript:void(0)">L0 link</bx-side-nav-link>
@@ -105,17 +151,23 @@ Side nav in UI Shell consists of the following components:
 
 ### Expanding/collapsing
 
-`<bx-side-nav>` has `expanded` attribute to make it expanded. In its collapsed state, hovering over the side nav expands it temporarily.
+`<bx-side-nav>` has `expanded` attribute to make it expanded. In its collapsed
+state, hovering over the side nav expands it temporarily.
 
 `<bx-side-nav>` can be made non-collapsible, by setting `fixed` attribute.
 
 ### Selecting a nav item
 
-Unlike `<bx-dropdown>`, etc., user gesture of side nav item won't update the selection by itself. The assumption is that following the link in `<side-nav-link>`/`<side-nav-menu-item>` triggers routing in application, and application chooses which `<side-nav-link>`/`<side-nav-menu-item>` to set `active` attribute to, with the new URL.
+Unlike `<bx-dropdown>`, etc., user gesture of side nav item won't update the
+selection by itself. The assumption is that following the link in
+`<side-nav-link>`/`<side-nav-menu-item>` triggers routing in application, and
+application chooses which `<side-nav-link>`/`<side-nav-menu-item>` to set
+`active` attribute to, with the new URL.
 
 ### Using with header nav
 
-If `<bx-side-nav>` is used along with header (`<bx-header>`), the side nav should be pushed down. To do that, add below style to your application:
+If `<bx-side-nav>` is used along with header (`<bx-header>`), the side nav
+should be pushed down. To do that, add below style to your application:
 
 ```css
 bx-header ~ bx-side-nav {
@@ -126,25 +178,33 @@ bx-header ~ bx-side-nav {
 
 ### `<bx-side-nav>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-side-nav expanded>`) and `false` means not setting the attribute (e.g. `<bx-side-nav>` without `expanded` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-side-nav expanded>`) and `false` means not setting the attribute (e.g.
+`<bx-side-nav>` without `expanded` attribute).
 
 <Props of="bx-side-nav" />
 
 ### `<bx-side-nav-link>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-side-nav-link active>`) and `false` means not setting the attribute (e.g. `<bx-side-nav-link>` without `active` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-side-nav-link active>`) and `false` means not setting the attribute (e.g.
+`<bx-side-nav-link>` without `active` attribute).
 
 <Props of="bx-side-nav-link" />
 
 ### `<bx-side-nav-menu>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-side-nav-menu active>`) and `false` means not setting the attribute (e.g. `<bx-side-nav-menu>` without `active` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-side-nav-menu active>`) and `false` means not setting the attribute (e.g.
+`<bx-side-nav-menu>` without `active` attribute).
 
 <Props of="bx-side-nav-menu" />
 
 ### `<bx-side-nav-menu-item>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-side-nav-menu-item active>`) and `false` means not setting the attribute (e.g. `<bx-side-nav-menu-item>` without `active` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-side-nav-menu-item active>`) and `false` means not setting the attribute
+(e.g. `<bx-side-nav-menu-item>` without `active` attribute).
 
 <Props of="bx-side-nav-menu-item" />
 
@@ -176,13 +236,17 @@ Header nav in UI Shell consists of the following components:
 
 ### `<bx-header-menu>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-header-menu expanded>`) and `false` means not setting the attribute (e.g. `<bx-header-menu>` without `expanded` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-header-menu expanded>`) and `false` means not setting the attribute (e.g.
+`<bx-header-menu>` without `expanded` attribute).
 
 <Props of="bx-header-menu" />
 
 ### `<bx-header-menu-button>` attributes and properties
 
-Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. `<bx-header-menu-button active>`) and `false` means not setting the attribute (e.g. `<bx-header-menu-button>` without `active` attribute).
+Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
+`<bx-header-menu-button active>`) and `false` means not setting the attribute
+(e.g. `<bx-header-menu-button>` without `active` attribute).
 
 <Props of="bx-header-menu-button" />
 
diff --git a/packages/carbon-web-components/src/globals/internal/storybook-cdn.ts b/packages/carbon-web-components/src/globals/internal/storybook-cdn.ts
index 2bf6efea212..f82c5d0a0e1 100644
--- a/packages/carbon-web-components/src/globals/internal/storybook-cdn.ts
+++ b/packages/carbon-web-components/src/globals/internal/storybook-cdn.ts
@@ -25,7 +25,7 @@ function _renderScript(components, tag, isRTL = false) {
   let scripts = '';
   const rtl = isRTL ? '.rtl' : '';
   components.forEach((component) => {
-    scripts += `<script type="module" src="https://1.www.s81c.com/common/carbon/web-components/${tag}/${component}${rtl}.min.js"></script>\n`;
+    scripts += `<script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/${tag}/${component}${rtl}.min.js"></script>\n`;
   });
   return scripts;
 }
diff --git a/packages/web-components/tests/e2e-storybook/cypress/integration/masthead/masthead-custom-search.e2e.js b/packages/web-components/tests/e2e-storybook/cypress/integration/masthead/masthead-custom-search.e2e.js
index 9e9154cb51c..d5e452b6baa 100644
--- a/packages/web-components/tests/e2e-storybook/cypress/integration/masthead/masthead-custom-search.e2e.js
+++ b/packages/web-components/tests/e2e-storybook/cypress/integration/masthead/masthead-custom-search.e2e.js
@@ -11,64 +11,66 @@
  * @type {string}
  * @private
  */
-const _pathCustomSearch = '/iframe.html?id=components-masthead--with-custom-typeahead';
+ const _pathCustomSearch = '/iframe.html?id=components-masthead--with-custom-typeahead';
 
-describe('dds-masthead | custom search (desktop)', () => {
-  beforeEach(() => {
-    cy.visit(`/${_pathCustomSearch}`);
-    cy.injectAxe();
-    cy.viewport(1280, 780);
-
-    cy.waitUntil(() => cy.get('[data-autoid="dds--masthead-default__l0-nav0"]').should('not.be.empty'));
-  });
-
-  it('should check a11y', () => {
-    cy.checkAxeA11y();
-  });
-
-  it('should open the search bar on click', () => {
-    cy.get('dds-masthead > dds-search-with-typeahead')
-      .shadow()
-      .find('.bx--header__search--search')
-      .click();
-
-    cy.takeSnapshots();
-  });
-
-  it('should display grouped results with hrefs', () => {
-    // Mock grouped search typeahead API
-    cy.intercept('https://ibmdocs-dev.mybluemix.net/docs/api/v1/suggest?query=cloud&lang=undefined&categories=&limit=6', {
-      fixture: 'grouped-typeahead.json',
-    });
-
-    cy.get('dds-masthead > dds-search-with-typeahead')
-      .shadow()
-      .find('.bx--header__search--search')
-      .click();
-
-    cy.get('dds-masthead > dds-search-with-typeahead')
-      .shadow()
-      .find('.react-autosuggest__container > input')
-      .type('cloud', { force: true });
-
-    cy.get('dds-search-with-typeahead-item:not([groupTitle])').should('have.length', 12);
-
-    const groupedItem = cy.get('dds-search-with-typeahead-item[groupTitle]');
-    groupedItem.then($item => {
-      expect($item).to.have.length(1);
-      expect($item.attr('text')).to.eq('Product pages');
-    });
-
-    cy.get('dds-search-with-typeahead-item').each(($item, $index) => {
-      if ($index == 6) {
-        expect($item).to.have.attr('groupTitle');
-      } else if ($index > 6) {
-        expect($item).to.have.attr('href');
-      }
-
-      expect($item).to.have.attr('text');
-    });
-
-    cy.takeSnapshots();
-  });
-});
+ describe('dds-masthead | custom search (desktop)', () => {
+   beforeEach(() => {
+     cy.visit(`/${_pathCustomSearch}`);
+     cy.injectAxe();
+     cy.viewport(1280, 780);
+ 
+     cy.waitUntil(() => cy.get('[data-autoid="dds--masthead-default__l0-nav0"]').should('not.be.empty'));
+   });
+ 
+   it('should check a11y', () => {
+     cy.checkAxeA11y();
+   });
+ 
+   it('should open the search bar on click', () => {
+     cy.get('dds-masthead > dds-search-with-typeahead')
+       .shadow()
+       .find('.bx--header__search--search')
+       .click();
+ 
+     cy.takeSnapshots();
+   });
+ 
+   /** commenting out test until we can figure out why it keeps failing */
+   // it('should display grouped results with hrefs', () => {
+   //   // Mock grouped search typeahead API
+   //   cy.intercept('https://ibmdocs-dev.mybluemix.net/docs/api/v1/suggest?query=cloud&lang=undefined&categories=&limit=6', {
+   //     fixture: 'grouped-typeahead.json',
+   //   });
+ 
+   //   cy.get('dds-masthead > dds-search-with-typeahead')
+   //     .shadow()
+   //     .find('.bx--header__search--search')
+   //     .click();
+ 
+   //   cy.get('dds-masthead > dds-search-with-typeahead')
+   //     .shadow()
+   //     .find('.react-autosuggest__container > input')
+   //     .type('cloud', { force: true });
+ 
+   //   cy.get('dds-search-with-typeahead-item:not([groupTitle])').should('have.length', 12);
+ 
+   //   const groupedItem = cy.get('dds-search-with-typeahead-item[groupTitle]');
+   //   groupedItem.then($item => {
+   //     expect($item).to.have.length(1);
+   //     expect($item.attr('text')).to.eq('Product pages');
+   //   });
+ 
+   //   cy.get('dds-search-with-typeahead-item').each(($item, $index) => {
+   //     if ($index == 6) {
+   //       expect($item).to.have.attr('groupTitle');
+   //     } else if ($index > 6) {
+   //       expect($item).to.have.attr('href');
+   //     }
+ 
+   //     expect($item).to.have.attr('text');
+   //   });
+ 
+   //   cy.takeSnapshots();
+   // });
+ });
+ 
\ No newline at end of file

From c33b605a75c145e42f20339a1f883e4cbfcf1f36 Mon Sep 17 00:00:00 2001
From: ibmdotcom-bot <digdes@us.ibm.com>
Date: Mon, 5 Dec 2022 21:55:02 +0000
Subject: [PATCH 2/5] chore(release): publish

 - @carbon/carbon-web-components@1.22.0-rc.2
 - @carbon/ibmdotcom-web-components@1.26.0-rc.2
---
 packages/carbon-web-components/CHANGELOG.md | 8 ++++++++
 packages/carbon-web-components/package.json | 2 +-
 packages/web-components/CHANGELOG.md        | 8 ++++++++
 packages/web-components/package.json        | 4 ++--
 4 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/packages/carbon-web-components/CHANGELOG.md b/packages/carbon-web-components/CHANGELOG.md
index 3e7221758f8..dde24e5be5a 100644
--- a/packages/carbon-web-components/CHANGELOG.md
+++ b/packages/carbon-web-components/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.22.0-rc.2](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/carbon-web-components@1.22.0-rc.1...@carbon/carbon-web-components@1.22.0-rc.2) (2022-12-05)
+
+**Note:** Version bump only for package @carbon/carbon-web-components
+
+
+
+
+
 # [1.22.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/carbon-web-components@1.22.0-rc.0...@carbon/carbon-web-components@1.22.0-rc.1) (2022-11-23)
 
 **Note:** Version bump only for package @carbon/carbon-web-components
diff --git a/packages/carbon-web-components/package.json b/packages/carbon-web-components/package.json
index 6355f8bb9bf..e08d6fe2c12 100644
--- a/packages/carbon-web-components/package.json
+++ b/packages/carbon-web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@carbon/carbon-web-components",
-  "version": "1.22.0-rc.1",
+  "version": "1.22.0-rc.2",
   "publishConfig": {
     "access": "public"
   },
diff --git a/packages/web-components/CHANGELOG.md b/packages/web-components/CHANGELOG.md
index 4365a25f72a..1a27cea643f 100644
--- a/packages/web-components/CHANGELOG.md
+++ b/packages/web-components/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.26.0-rc.2](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-web-components@1.26.0-rc.1...@carbon/ibmdotcom-web-components@1.26.0-rc.2) (2022-12-05)
+
+**Note:** Version bump only for package @carbon/ibmdotcom-web-components
+
+
+
+
+
 # [1.26.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-web-components@1.26.0-rc.0...@carbon/ibmdotcom-web-components@1.26.0-rc.1) (2022-11-23)
 
 
diff --git a/packages/web-components/package.json b/packages/web-components/package.json
index d1ac30eafa2..860b8071680 100644
--- a/packages/web-components/package.json
+++ b/packages/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@carbon/ibmdotcom-web-components",
-  "version": "1.26.0-rc.1",
+  "version": "1.26.0-rc.2",
   "description": "Carbon for IBM.com Web Components",
   "license": "Apache-2.0",
   "exports": {
@@ -88,7 +88,7 @@
     "wca": "web-component-analyzer analyze src --outFile custom-elements.json"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "1.22.0-rc.1",
+    "@carbon/carbon-web-components": "1.22.0-rc.2",
     "@carbon/ibmdotcom-services": "1.41.0-rc.1",
     "@carbon/ibmdotcom-styles": "1.41.0-rc.1",
     "@carbon/ibmdotcom-utilities": "1.41.0-rc.1",

From 4e9edfec5d4b6fe2a89d6758369a152dcb7efb63 Mon Sep 17 00:00:00 2001
From: Anna Wen <54281166+annawen1@users.noreply.github.com>
Date: Tue, 6 Dec 2022 09:32:14 -0500
Subject: [PATCH 3/5] chore(cwc): update references to carbon web components in
 monorepo (#9723)

### Related Ticket(s)

{{Provide url(s) to the related ticket(s) that this pull request addresses}}

### Description

Update references for carbon-web-components to new npm package name (`@carbon/web-components`) and revert changes to cwc CDN links.

<!-- React and Web Component deploy previews are enabled by default. -->
<!-- To enable additional available deploy previews, apply the following -->
<!-- labels for the corresponding package: -->
<!-- *** "test: e2e": Codesandbox examples and e2e integration tests -->
<!-- *** "package: services": Services -->
<!-- *** "package: utilities": Utilities -->
<!-- *** "RTL": React / Web Components (RTL) -->
<!-- *** "feature flag": React / Web Components (experimental) -->
---
 .github/workflows/deploy-canary.yml           |   6 +-
 .github/workflows/deploy-next.yml             |   6 +-
 packages/carbon-web-components/CHANGELOG.md   |   8 +-
 packages/carbon-web-components/README.md      |  26 ++--
 .../examples/codesandbox/angular/package.json |   2 +-
 .../angular/src/app/app.component.ts          |   4 +-
 .../basic/components/accordion/cdn.html       |   2 +-
 .../basic/components/accordion/package.json   |   2 +-
 .../basic/components/accordion/src/index.js   |   2 +-
 .../basic/components/breadcrumb/cdn.html      |   2 +-
 .../basic/components/breadcrumb/package.json  |   2 +-
 .../basic/components/breadcrumb/src/index.js  |   2 +-
 .../basic/components/button/cdn.html          |   2 +-
 .../basic/components/button/package.json      |   2 +-
 .../basic/components/button/src/index.js      |   2 +-
 .../basic/components/checkbox/cdn.html        |   2 +-
 .../basic/components/checkbox/package.json    |   2 +-
 .../basic/components/checkbox/src/index.js    |   2 +-
 .../basic/components/code-snippet/cdn.html    |   2 +-
 .../components/code-snippet/package.json      |   2 +-
 .../components/code-snippet/src/index.js      |   2 +-
 .../basic/components/combo-box/cdn.html       |   2 +-
 .../basic/components/combo-box/package.json   |   2 +-
 .../basic/components/combo-box/src/index.js   |   2 +-
 .../components/content-switcher/cdn.html      |   2 +-
 .../components/content-switcher/package.json  |   2 +-
 .../components/content-switcher/src/index.js  |   2 +-
 .../basic/components/copy-button/cdn.html     |   2 +-
 .../basic/components/copy-button/package.json |   2 +-
 .../basic/components/copy-button/src/index.js |   2 +-
 .../basic/components/data-table/cdn.html      |   4 +-
 .../basic/components/data-table/package.json  |   2 +-
 .../basic/components/data-table/src/index.js  |   4 +-
 .../basic/components/date-picker/cdn.html     |   2 +-
 .../basic/components/date-picker/package.json |   2 +-
 .../basic/components/date-picker/src/index.js |   2 +-
 .../basic/components/dropdown/cdn.html        |   2 +-
 .../basic/components/dropdown/package.json    |   2 +-
 .../basic/components/dropdown/src/index.js    |   2 +-
 .../basic/components/file-uploader/cdn.html   |   2 +-
 .../components/file-uploader/package.json     |   2 +-
 .../components/file-uploader/src/index.js     |   2 +-
 .../basic/components/inline-loading/cdn.html  |   2 +-
 .../components/inline-loading/package.json    |   2 +-
 .../components/inline-loading/src/index.js    |   2 +-
 .../basic/components/input/cdn.html           |   2 +-
 .../basic/components/input/package.json       |   2 +-
 .../basic/components/input/src/index.js       |   4 +-
 .../basic/components/link/cdn.html            |   2 +-
 .../basic/components/link/package.json        |   2 +-
 .../basic/components/link/src/index.js        |   2 +-
 .../basic/components/list/cdn.html            |   2 +-
 .../basic/components/list/package.json        |   2 +-
 .../basic/components/list/src/index.js        |   2 +-
 .../basic/components/loading/cdn.html         |   2 +-
 .../basic/components/loading/package.json     |   2 +-
 .../basic/components/loading/src/index.js     |   2 +-
 .../basic/components/modal/cdn.html           |   2 +-
 .../basic/components/modal/package.json       |   2 +-
 .../basic/components/modal/src/index.js       |   4 +-
 .../basic/components/multi-select/cdn.html    |   2 +-
 .../components/multi-select/package.json      |   2 +-
 .../components/multi-select/src/index.js      |   2 +-
 .../basic/components/notification/cdn.html    |   2 +-
 .../components/notification/package.json      |   2 +-
 .../components/notification/src/index.js      |   2 +-
 .../basic/components/number-input/cdn.html    |   2 +-
 .../components/number-input/package.json      |   2 +-
 .../components/number-input/src/index.js      |   2 +-
 .../basic/components/overflow-menu/cdn.html   |   2 +-
 .../components/overflow-menu/package.json     |   2 +-
 .../components/overflow-menu/src/index.js     |   2 +-
 .../basic/components/pagination/cdn.html      |   2 +-
 .../basic/components/pagination/package.json  |   2 +-
 .../basic/components/pagination/src/index.js  |   2 +-
 .../components/progress-indicator/cdn.html    |   2 +-
 .../progress-indicator/package.json           |   2 +-
 .../progress-indicator/src/index.js           |   2 +-
 .../basic/components/radio-button/cdn.html    |   2 +-
 .../components/radio-button/package.json      |   2 +-
 .../components/radio-button/src/index.js      |   2 +-
 .../basic/components/search/cdn.html          |   2 +-
 .../basic/components/search/package.json      |   2 +-
 .../basic/components/search/src/index.js      |   2 +-
 .../basic/components/select/cdn.html          |   2 +-
 .../basic/components/select/package.json      |   2 +-
 .../basic/components/select/src/index.js      |   2 +-
 .../components/skeleton-placeholder/cdn.html  |   2 +-
 .../skeleton-placeholder/package.json         |   2 +-
 .../skeleton-placeholder/src/index.js         |   2 +-
 .../basic/components/skeleton-text/cdn.html   |   2 +-
 .../components/skeleton-text/package.json     |   2 +-
 .../components/skeleton-text/src/index.js     |   2 +-
 .../basic/components/skip-to-content/cdn.html |   4 +-
 .../components/skip-to-content/package.json   |   2 +-
 .../components/skip-to-content/src/index.js   |   4 +-
 .../basic/components/slider/cdn.html          |   2 +-
 .../basic/components/slider/package.json      |   2 +-
 .../basic/components/slider/src/index.js      |   2 +-
 .../basic/components/structured-list/cdn.html |   2 +-
 .../components/structured-list/package.json   |   2 +-
 .../components/structured-list/src/index.js   |   2 +-
 .../basic/components/tabs/cdn.html            |   2 +-
 .../basic/components/tabs/package.json        |   2 +-
 .../basic/components/tabs/src/index.js        |   2 +-
 .../codesandbox/basic/components/tag/cdn.html |   2 +-
 .../basic/components/tag/package.json         |   2 +-
 .../basic/components/tag/src/index.js         |   2 +-
 .../basic/components/textarea/cdn.html        |   2 +-
 .../basic/components/textarea/package.json    |   2 +-
 .../basic/components/textarea/src/index.js    |   2 +-
 .../basic/components/tile/cdn.html            |   2 +-
 .../basic/components/tile/package.json        |   2 +-
 .../basic/components/tile/src/index.js        |   2 +-
 .../basic/components/toggle/cdn.html          |   2 +-
 .../basic/components/toggle/package.json      |   2 +-
 .../basic/components/toggle/src/index.js      |   2 +-
 .../basic/components/tooltip/cdn.html         |   2 +-
 .../basic/components/tooltip/package.json     |   2 +-
 .../basic/components/tooltip/src/index.js     |   2 +-
 .../basic/components/ui-shell/cdn.html        |   2 +-
 .../basic/components/ui-shell/package.json    |   2 +-
 .../basic/components/ui-shell/src/index.js    |   2 +-
 .../examples/codesandbox/basic/package.json   |   2 +-
 .../examples/codesandbox/basic/src/index.js   |   4 +-
 .../examples/codesandbox/cdn/index.html       |  82 +++++-----
 .../codesandbox/data-table/package.json       |   2 +-
 .../codesandbox/data-table/src/data.js        |   2 +-
 .../data-table/src/demo-data-table.js         |  54 +++----
 .../codesandbox/form/basic/package.json       |   2 +-
 .../codesandbox/form/basic/src/index.js       |   8 +-
 .../codesandbox/form/redux-form/package.json  |   2 +-
 .../codesandbox/form/redux-form/src/index.js  |   8 +-
 .../examples/codesandbox/ie/package.json      |   2 +-
 .../examples/codesandbox/ie/src/index.js      |   6 +-
 .../next/components/BXDropdownDemo.js         |   4 +-
 .../examples/codesandbox/next/package.json    |   2 +-
 .../codesandbox/react-ssr/package.json        |   2 +-
 .../codesandbox/react-ssr/src/views/App.js    |   4 +-
 .../examples/codesandbox/react/package.json   |   2 +-
 .../examples/codesandbox/react/src/index.js   |   4 +-
 .../examples/codesandbox/rtl/package.json     |   2 +-
 .../examples/codesandbox/rtl/src/index.js     |   4 +-
 .../styling/custom-style/package.json         |   2 +-
 .../styling/custom-style/src/index.js         |   4 +-
 .../styling/theme-zoning/package.json         |   2 +-
 .../styling/theme-zoning/src/index.js         |  16 +-
 .../examples/codesandbox/vue/package.json     |   2 +-
 .../vue/src/components/HelloWorld.vue         |   4 +-
 packages/carbon-web-components/package.json   |   4 +-
 .../components/accordion/accordion-story.mdx  |   2 +-
 .../breadcrumb/breadcrumb-story.mdx           |   2 +-
 .../src/components/button/button-story.mdx    |   2 +-
 .../components/checkbox/checkbox-story.mdx    |   2 +-
 .../code-snippet/code-snippet-story.mdx       |   2 +-
 .../components/combo-box/combo-box-story.mdx  |   2 +-
 .../content-switcher-story.mdx                |   2 +-
 .../copy-button/copy-button-story.mdx         |   2 +-
 .../data-table/data-table-story.mdx           |   2 +-
 .../date-picker/date-picker-story.mdx         |   2 +-
 .../components/dropdown/dropdown-story.mdx    |   2 +-
 .../file-uploader/file-uploader-story.mdx     |   2 +-
 .../src/components/icon/icon-story.mdx        |   2 +-
 .../inline-loading/inline-loading-story.mdx   |   2 +-
 .../src/components/input/input-story.mdx      |   4 +-
 .../src/components/link/link-story.mdx        |   4 +-
 .../src/components/list/list-story.mdx        |   2 +-
 .../src/components/loading/loading-story.mdx  |   2 +-
 .../src/components/modal/modal-story.mdx      |   4 +-
 .../multi-select/multi-select-story.mdx       |   4 +-
 .../notification/notification-story.mdx       |   2 +-
 .../number-input/number-input-story.mdx       |   4 +-
 .../overflow-menu/overflow-menu-story.mdx     |   2 +-
 .../pagination/pagination-story.mdx           |   2 +-
 .../progress-indicator-story.mdx              |   2 +-
 .../radio-button/radio-button-story.mdx       |   2 +-
 .../src/components/search/search-story.mdx    |   2 +-
 .../src/components/select/select-story.mdx    |   2 +-
 .../skeleton-placeholder-story.mdx            |   2 +-
 .../skeleton-text/skeleton-text-story.mdx     |   2 +-
 .../skip-to-content/skip-to-content-story.mdx |   2 +-
 .../src/components/slider/slider-story.mdx    |   2 +-
 .../structured-list/structured-list-story.mdx |   2 +-
 .../src/components/tabs/tabs-story.mdx        |   2 +-
 .../src/components/tag/tag-story.mdx          |   2 +-
 .../components/textarea/textarea-story.mdx    |   4 +-
 .../src/components/tile/tile-story.mdx        |   2 +-
 .../src/components/toggle/toggle-story.mdx    |   2 +-
 .../src/components/tooltip/tooltip-story.mdx  |   2 +-
 .../components/ui-shell/ui-shell-story.mdx    |   2 +-
 .../src/globals/internal/storybook-cdn.ts     |   2 +-
 .../filter-panel/_filter-panel.scss           |   2 +-
 .../_search-with-typeahead.scss               |   4 +-
 .../structured-list/_structured-list.scss     |   2 +-
 .../tabs-extended/_tabs-extended.scss         |   2 +-
 packages/web-components/.storybook/preview.ts |   2 +-
 .../.storybook/react/preview.tsx              |   2 +-
 .../web-components/IMPLEMENTATION_NOTES.md    |   2 +-
 .../web-components/docs/coding-conventions.md |   4 +-
 .../content-group-cards/src/index.js          |   2 +-
 .../content-group-pictograms/src/index.js     |   2 +-
 .../usage/webpack-handlebars/package.json     |   2 +-
 .../usage/webpack-rtl/package.json            |   2 +-
 .../gulp-tasks/build/modules/icons.js         |   2 +-
 packages/web-components/package.json          |   2 +-
 .../src/component-mixins/cta/cta.ts           |  24 +--
 .../src/component-mixins/cta/video.ts         |  10 +-
 .../back-to-top/__stories__/data/content.ts   |   2 +-
 .../src/components/back-to-top/back-to-top.ts |   6 +-
 .../__stories__/background-media.stories.ts   |   2 +-
 .../background-media/background-media.scss    |   2 +-
 .../background-media/background-media.ts      |   4 +-
 .../__stories__/README.stories.mdx            |  51 +++++--
 .../__stories__/button-group.stories.ts       |   6 +-
 .../components/button-group/button-group.ts   |   2 +-
 .../src/components/button/button.scss         |   2 +-
 .../src/components/button/button.ts           |   6 +-
 .../__stories__/callout-quote.stories.ts      |   2 +-
 .../__stories__/card-group.stories.ts         |   2 +-
 .../__stories__/card-in-card.stories.ts       |   4 +-
 .../components/card-in-card/card-in-card.ts   |   2 +-
 .../__stories__/card-link.stories.ts          |   6 +-
 .../card-section-carousel.stories.ts          |   4 +-
 .../card-section-offset.stories.ts            |   4 +-
 .../__tests__/card-section-offset.test.ts     |   2 +-
 .../card-section-simple.stories.ts            |   2 +-
 .../__tests__/card-section-simple.test.ts     |   4 +-
 .../card/__stories__/card.stories.ts          |   6 +-
 .../src/components/card/card.ts               |   2 +-
 .../carousel/__stories__/carousel.stories.ts  |   4 +-
 .../carousel/__tests__/carousel.test.ts       |   2 +-
 .../src/components/carousel/carousel.ts       |  12 +-
 .../__stories__/README.stories.mdx            | 109 +++++++-------
 .../content-block-card-static.stories.ts      |   4 +-
 .../content-block-card-static.test.ts         |   2 +-
 .../content-block-cards.stories.ts            |   2 +-
 .../__tests__/content-block-cards.test.ts     |   4 +-
 .../content-block-media.stories.ts            |   2 +-
 .../content-block-mixed.stories.ts            |   4 +-
 .../content-block-segmented.stories.ts        |   2 +-
 .../__stories__/README.stories.mdx            | 142 ++++++++++++------
 .../content-block-simple.stories.ts           |   8 +-
 .../__tests__/content-block-simple.test.ts    |   2 +-
 .../__stories__/content-block.stories.ts      |   2 +-
 .../content-group-banner.stories.ts           |   4 +-
 .../__stories__/README.stories.react.mdx      |  23 ++-
 .../content-group-cards.stories.ts            |   2 +-
 .../__tests__/content-group-cards.test.ts     |   2 +-
 .../__stories__/README.stories.react.mdx      |   6 +-
 .../content-group-pictograms.stories.ts       |   2 +-
 .../content-group-simple.stories.ts           |   2 +-
 .../content-item-horizontal.stories.ts        |   2 +-
 .../content-item-horizontal-media.ts          |   4 +-
 .../__tests__/content-item.test.ts            |   2 +-
 .../__stories__/content-section.stories.ts    |   4 +-
 .../__stories__/cta-block.stories.ts          |   6 +-
 .../cta-block/__tests__/cta-block.test.ts     |   2 +-
 .../__stories__/cta-section.stories.ts        |   4 +-
 .../components/cta/__stories__/cta.stories.ts |   2 +-
 .../src/components/cta/card-cta.ts            |   2 +-
 .../src/components/cta/feature-cta.ts         |   2 +-
 .../src/components/cta/video-cta-composite.ts |   6 +-
 .../dotcom-shell/__stories__/data/content.ts  |   2 +-
 .../__stories__/dotcom-shell.stories.ts       |   2 +-
 .../__stories__/expressive-modal.stories.ts   |   6 +-
 .../expressive-modal/expressive-modal-body.ts |   2 +-
 .../expressive-modal-close-button.ts          |   2 +-
 .../expressive-modal-footer.ts                |   2 +-
 .../expressive-modal-header.ts                |   2 +-
 .../expressive-modal-heading.ts               |   2 +-
 .../expressive-modal/expressive-modal.scss    |   2 +-
 .../expressive-modal/expressive-modal.ts      |   6 +-
 .../__stories__/feature-card.stories.ts       |   4 +-
 .../__stories__/feature-section.stories.ts    |   2 +-
 .../filter-panel/filter-group-item.ts         |   2 +-
 .../components/filter-panel/filter-group.ts   |   2 +-
 .../filter-panel/filter-modal-button.ts       |   2 +-
 .../filter-panel/filter-modal-footer.ts       |   2 +-
 .../filter-panel/filter-modal-heading.ts      |   2 +-
 .../filter-panel/filter-panel-checkbox.ts     |   6 +-
 .../filter-panel/filter-panel-composite.ts    |   8 +-
 .../filter-panel-input-select-item.ts         |   4 +-
 .../filter-panel/filter-panel-input-select.ts |   4 +-
 .../filter-panel/filter-panel-modal.ts        |   6 +-
 .../components/filter-panel/filter-panel.scss |   2 +-
 .../components/filter-panel/filter-panel.ts   |   4 +-
 .../footer/__stories__/footer.stories.ts      |   2 +-
 .../footer/__tests__/footer-logo.test.ts      |   2 +-
 .../footer/__tests__/footer-nav-group.test.ts |   2 +-
 .../footer/__tests__/footer-nav-item.test.ts  |   2 +-
 .../src/components/footer/combo-box.ts        |   4 +-
 .../src/components/footer/defs.ts             |   2 +-
 .../src/components/footer/dropdown.ts         |   8 +-
 .../src/components/footer/footer-composite.ts |  10 +-
 .../src/components/footer/footer-logo.ts      |   4 +-
 .../src/components/footer/footer-nav-group.ts |   2 +-
 .../src/components/footer/footer-nav-item.ts  |   2 +-
 .../footer/language-selector-desktop.ts       |   6 +-
 .../footer/language-selector-mobile.ts        |   4 +-
 .../src/components/footer/locale-button.ts    |   6 +-
 .../__stories__/horizontal-rule.stories.ts    |   2 +-
 .../__tests__/horizontal-rule.test.ts         |   2 +-
 .../image-with-caption/image-with-caption.ts  |   6 +-
 .../image/__stories__/image.stories.ts        |   2 +-
 .../src/components/image/image.ts             |   6 +-
 .../__stories__/leadspace-block.stories.ts    |   4 +-
 .../leadspace/__stories__/README.stories.mdx  | 120 +++++++++------
 .../__stories__/leadspace.stories.ts          |   8 +-
 .../components/leadspace/breadcrumb-item.ts   |   2 +-
 .../components/leadspace/breadcrumb-link.ts   |   2 +-
 .../src/components/leadspace/breadcrumb.ts    |   2 +-
 .../src/components/leadspace/leadspace.scss   |   2 +-
 .../__stories__/leaving-ibm.stories.ts        |   2 +-
 .../leaving-ibm/leaving-ibm-composite.ts      |  14 +-
 .../leaving-ibm/leaving-ibm-modal-body.ts     |   6 +-
 .../leaving-ibm/leaving-ibm-modal-heading.ts  |   2 +-
 .../leaving-ibm/leaving-ibm-modal.ts          |   4 +-
 .../components/leaving-ibm/leaving-ibm.scss   |   2 +-
 .../lightbox-media-viewer.stories.ts          |   4 +-
 .../__tests__/lightbox-image-viewer.test.ts   |   2 +-
 .../lightbox-video-player-composite.test.ts   |   2 +-
 .../__tests__/lightbox-video-player.test.ts   |   2 +-
 .../lightbox-image-viewer.ts                  |   2 +-
 .../lightbox-media-viewer-body.ts             |   2 +-
 .../lightbox-video-player-composite.ts        |   4 +-
 .../__stories__/link-list-section.stories.ts  |   2 +-
 .../__stories__/link-list.stories.ts          |   4 +-
 .../__stories__/link-with-icon.stories.ts     |   4 +-
 .../link-with-icon/link-with-icon.ts          |   2 +-
 .../locale-modal.stories.react.tsx            |   2 +-
 .../__stories__/locale-modal.stories.ts       |   2 +-
 .../__tests__/locale-item.test.ts             |   2 +-
 .../__tests__/locale-modal-composite.test.ts  |   2 +-
 .../__tests__/locale-modal.test.ts            |   2 +-
 .../__tests__/locale-search.test.ts           |   2 +-
 .../__tests__/region-item.test.ts             |   6 +-
 .../components/locale-modal/locale-item.ts    |   2 +-
 .../locale-modal/locale-modal-composite.ts    |   2 +-
 .../components/locale-modal/locale-modal.ts   |  10 +-
 .../components/locale-modal/locale-search.ts  |   2 +-
 .../components/locale-modal/region-item.ts    |   6 +-
 .../src/components/locale-modal/regions.ts    |   2 +-
 .../__stories__/logo-grid.stories.ts          |   2 +-
 .../src/components/markdown/markdown.ts       |   8 +-
 .../__stories__/cloud-masthead.stories.ts     |   2 +-
 .../masthead/__stories__/masthead.stories.ts  |   2 +-
 .../scoped-search-masthead.stories.ts         |   2 +-
 .../masthead/__tests__/left-nav-menu.test.ts  |   2 +-
 .../masthead/__tests__/left-nav.test.ts       |   4 +-
 .../__tests__/masthead-composite.test.ts      |   2 +-
 .../masthead/__tests__/masthead-logo.test.ts  |   2 +-
 .../__tests__/masthead-profile.test.ts        |   6 +-
 .../masthead/cloud/cloud-left-nav-item.ts     |   2 +-
 .../cloud/cloud-masthead-composite.ts         |   2 +-
 .../masthead/cloud/cloud-masthead-profile.ts  |   2 +-
 .../cloud/cloud-megamenu-category-heading.ts  |   2 +-
 .../cloud/cloud-megamenu-category-link.ts     |   2 +-
 .../masthead/cloud/cloud-megamenu-tab.ts      |   2 +-
 .../masthead/cloud/cloud-megamenu-tabs.ts     |   2 +-
 .../src/components/masthead/left-nav-item.ts  |   2 +-
 .../components/masthead/left-nav-menu-item.ts |   2 +-
 .../masthead/left-nav-menu-section.ts         |  12 +-
 .../src/components/masthead/left-nav-menu.ts  |   4 +-
 .../src/components/masthead/left-nav-name.ts  |   4 +-
 .../src/components/masthead/left-nav.ts       |   6 +-
 .../components/masthead/masthead-composite.ts |   4 +-
 .../masthead/masthead-global-bar.ts           |   6 +-
 .../src/components/masthead/masthead-logo.ts  |   8 +-
 .../masthead/masthead-menu-button.ts          |   6 +-
 .../masthead/masthead-profile-item.ts         |   2 +-
 .../components/masthead/masthead-profile.ts   |  10 +-
 .../src/components/masthead/masthead.scss     |   6 +-
 .../masthead/megamenu-category-group.ts       |   4 +-
 .../masthead/megamenu-category-link.ts        |   2 +-
 .../masthead/megamenu-link-with-icon.ts       |   2 +-
 .../masthead/megamenu-right-navigation.ts     |   2 +-
 .../components/masthead/skip-to-content.ts    |   2 +-
 .../src/components/masthead/top-nav-item.ts   |   2 +-
 .../components/masthead/top-nav-menu-item.ts  |   2 +-
 .../src/components/masthead/top-nav-menu.ts   |   2 +-
 .../src/components/masthead/top-nav-name.ts   |   2 +-
 .../src/components/masthead/top-nav.ts        |  12 +-
 .../__stories__/pictogram-item.stories.ts     |   2 +-
 .../__stories__/pricing-table.stories.ts      |   2 +-
 .../pricing-table-annotation-toggle.ts        |   4 +-
 .../pricing-table/pricing-table-cell.ts       |   4 +-
 .../components/pricing-table/pricing-table.ts |   4 +-
 .../quote/__stories__/quote.stories.ts        |   2 +-
 .../__tests__/search-with-typeahead.test.ts   |   2 +-
 .../scoped-search-dropdown-mobile.ts          |   8 +-
 .../search-with-typeahead.ts                  |  14 +-
 .../src/components/search/search.scss         |   2 +-
 .../src/components/search/search.ts           |   4 +-
 .../src/components/structured-list/index.ts   |   4 +-
 .../structured-list/structured-list-body.ts   |   2 +-
 .../structured-list/structured-list-cell.ts   |   8 +-
 .../structured-list/structured-list-head.ts   |   2 +-
 .../structured-list-header-cell.ts            |   2 +-
 .../structured-list-header-row.ts             |   2 +-
 .../structured-list/structured-list-row.ts    |   2 +-
 .../__stories__/table-of-contents.stories.ts  |   2 +-
 .../table-of-contents/table-of-contents.ts    |  10 +-
 .../tabs-extended-media.stories.ts            |   2 +-
 .../__stories__/tabs-extended.stories.ts      |   4 +-
 .../components/tabs-extended/tabs-extended.ts |   2 +-
 .../__stories__/tag-group.stories.react.tsx   |   2 +-
 .../__stories__/tag-group.stories.ts          |   2 +-
 .../tag-group/__tests__/tag-group.test.ts     |   2 +-
 .../tag-link/__stories__/tag-link.stories.ts  |   2 +-
 .../tag-link/__tests__/tag-link.test.ts       |   2 +-
 .../src/components/tag-link/tag-link.ts       |   2 +-
 .../__stories__/video-player.stories.ts       |   2 +-
 .../__tests__/video-player-composite.test.ts  |   2 +-
 .../__tests__/video-player.test.ts            |   2 +-
 .../video-player/video-player-composite.ts    |   6 +-
 .../components/video-player/video-player.ts   |   4 +-
 ...plugin-create-react-custom-element-type.js |   4 +-
 .../tools/babel-plugin-resource-cjs-paths.js  |   8 +-
 .../web-components/tools/get-rollup-config.js |   2 +-
 .../tools/rollup-plugin-ibmdotcom-icon.js     |   2 +-
 .../tools/svg-result-ibmdotcom-icon-loader.js |   2 +-
 421 files changed, 992 insertions(+), 879 deletions(-)

diff --git a/.github/workflows/deploy-canary.yml b/.github/workflows/deploy-canary.yml
index 79c02c5887f..4ec7fa64df5 100644
--- a/.github/workflows/deploy-canary.yml
+++ b/.github/workflows/deploy-canary.yml
@@ -25,7 +25,7 @@ jobs:
       - name: Install dependencies
         run: yarn install --offline
       - name: Build project
-        run: yarn lerna run --scope @carbon/carbon-web-components build
+        run: yarn lerna run --scope @carbon/web-components build
 
       - name: Set env vars
         uses: ./.github/actions/set-dotenv
@@ -35,7 +35,7 @@ jobs:
           KALTURA_PARTNER_ID: ${{ secrets.KALTURA_PARTNER_ID }}
           KALTURA_UICONF_ID: ${{ secrets.KALTURA_UICONF_ID }}
           PROFILE_HOST: ${{ secrets.PROFILE_HOST }}
-      - name: Building @carbon/carbon-web-components storybook
+      - name: Building @carbon/web-components storybook
         run: yarn build-storybook
         working-directory: packages/carbon-web-components
       - name: Move storybook to build folder
@@ -44,7 +44,7 @@ jobs:
           mkdir -p builds
           mv packages/carbon-web-components/storybook-static builds/carbon-web-components
 
-      - name: Deploying @carbon/carbon-web-components storybook to Github Pages
+      - name: Deploying @carbon/web-components storybook to Github Pages
         run: |
           git config --global user.email ${{ secrets.BOT_EMAIL }}
           git config --global user.name ${{ secrets.BOT_NAME }}
diff --git a/.github/workflows/deploy-next.yml b/.github/workflows/deploy-next.yml
index fd63e422636..78f88a7dde3 100644
--- a/.github/workflows/deploy-next.yml
+++ b/.github/workflows/deploy-next.yml
@@ -25,7 +25,7 @@ jobs:
       - name: Install dependencies
         run: yarn install --offline
       - name: Build project
-        run: yarn lerna run --scope @carbon/carbon-web-components build
+        run: yarn lerna run --scope @carbon/web-components build
 
       - name: Set env vars
         uses: ./.github/actions/set-dotenv
@@ -35,7 +35,7 @@ jobs:
           KALTURA_PARTNER_ID: ${{ secrets.KALTURA_PARTNER_ID }}
           KALTURA_UICONF_ID: ${{ secrets.KALTURA_UICONF_ID }}
           PROFILE_HOST: ${{ secrets.PROFILE_HOST }}
-      - name: Building @carbon/carbon-web-components (next) storybook
+      - name: Building @carbon/web-components (next) storybook
         run: yarn build-storybook
         working-directory: packages/carbon-web-components
       - name: Move storybook to build folder
@@ -44,7 +44,7 @@ jobs:
           mkdir -p builds
           mv packages/carbon-web-components/storybook-static builds/carbon-web-components
 
-      - name: Deploying @carbon/carbon-web-components (next) storybook to Github Pages
+      - name: Deploying @carbon/web-components (next) storybook to Github Pages
         run: |
           git config --global user.email ${{ secrets.BOT_EMAIL }}
           git config --global user.name ${{ secrets.BOT_NAME }}
diff --git a/packages/carbon-web-components/CHANGELOG.md b/packages/carbon-web-components/CHANGELOG.md
index dde24e5be5a..149eb67e4ce 100644
--- a/packages/carbon-web-components/CHANGELOG.md
+++ b/packages/carbon-web-components/CHANGELOG.md
@@ -3,17 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [1.22.0-rc.2](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/carbon-web-components@1.22.0-rc.1...@carbon/carbon-web-components@1.22.0-rc.2) (2022-12-05)
+# [1.22.0-rc.2](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/web-components@1.22.0-rc.1...@carbon/web-components@1.22.0-rc.2) (2022-12-05)
 
-**Note:** Version bump only for package @carbon/carbon-web-components
+**Note:** Version bump only for package @carbon/web-components
 
 
 
 
 
-# [1.22.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/carbon-web-components@1.22.0-rc.0...@carbon/carbon-web-components@1.22.0-rc.1) (2022-11-23)
+# [1.22.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/web-components@1.22.0-rc.0...@carbon/web-components@1.22.0-rc.1) (2022-11-23)
 
-**Note:** Version bump only for package @carbon/carbon-web-components
+**Note:** Version bump only for package @carbon/web-components
 
 
 
diff --git a/packages/carbon-web-components/README.md b/packages/carbon-web-components/README.md
index 879ef14ab13..46d79549be5 100644
--- a/packages/carbon-web-components/README.md
+++ b/packages/carbon-web-components/README.md
@@ -80,13 +80,13 @@ version `v1.16.0`):
 <!-- By `latest` tag -->
 <script
   type="module"
-  src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/accordion.min.js"
+  src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/accordion.min.js"
 ></script>
 
 <!-- By specific version -->
 <script
   type="module"
-  src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/version/v1.16.0/accordion.min.js"
+  src="https://1.www.s81c.com/common/carbon/web-components/version/v1.16.0/accordion.min.js"
 ></script>
 ```
 
@@ -141,13 +141,13 @@ extention from `.min.js` to `.rtl.min.js`. For example:
 <!-- By `latest` tag (RTL) -->
 <script
   type="module"
-  src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/accordion.rtl.min.js"
+  src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/accordion.rtl.min.js"
 ></script>
 
 <!-- By specific version (RTL) -->
 <script
   type="module"
-  src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/version/v1.16.0/accordion.rtl.min.js"
+  src="https://1.www.s81c.com/common/carbon/web-components/version/v1.16.0/accordion.rtl.min.js"
 ></script>
 ```
 
@@ -162,7 +162,7 @@ directly used once the script tag has been added to the page. For example:
   <head>
     <script
       type="module"
-      src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/dropdown.min.js"
+      src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/dropdown.min.js"
     ></script>
     <style type="text/css">
       // Suppresses the custom element until it has been defined
@@ -195,18 +195,18 @@ artifacts:
 
 #### How to install
 
-To install `@carbon/carbon-web-components` in your project, you will need to run
-the following command using [npm](https://www.npmjs.com/):
+To install `@carbon/web-components` in your project, you will need to run the
+following command using [npm](https://www.npmjs.com/):
 
 ```bash
-npm install --save @carbon/carbon-web-components
+npm install --save @carbon/web-components
 ```
 
 If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
 instead:
 
 ```bash
-yarn add @carbon/carbon-web-components
+yarn add @carbon/web-components
 ```
 
 > NOTE: Carbon and Lit dependencies will be managed by Carbon Web Components
@@ -239,8 +239,8 @@ Once you set up a module bundler, you can start importing our component modules,
 for example:
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/dropdown/dropdown.js';
-import '@carbon/carbon-web-components/es/components/dropdown/dropdown-item.js';
+import '@carbon/web-components/es/components/dropdown/dropdown.js';
+import '@carbon/web-components/es/components/dropdown/dropdown-item.js';
 ```
 
 Once you've imported the component modules, you can use our components in the
@@ -325,8 +325,8 @@ example:
 ```javascript
 import React from 'react';
 import { render } from 'react-dom';
-import BXDropdown from '@carbon/carbon-web-components/es/components-react/dropdown/dropdown.js';
-import BXDropdownItem from '@carbon/carbon-web-components/es/components-react/dropdown/dropdown-item.js';
+import BXDropdown from '@carbon/web-components/es/components-react/dropdown/dropdown.js';
+import BXDropdownItem from '@carbon/web-components/es/components-react/dropdown/dropdown-item.js';
 
 const App = () => (
   <BXDropdown triggerContent="Select an item">
diff --git a/packages/carbon-web-components/examples/codesandbox/angular/package.json b/packages/carbon-web-components/examples/codesandbox/angular/package.json
index a5199f0fa6a..b6ab15b98e9 100644
--- a/packages/carbon-web-components/examples/codesandbox/angular/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/angular/package.json
@@ -18,7 +18,7 @@
     "@angular/platform-browser-dynamic": "^8.0.0",
     "@angular/router": "^8.0.0",
     "@babel/runtime": "^7.8.0",
-    "@carbon/carbon-web-components": "latest",
+    "@carbon/web-components": "latest",
     "rxjs": "^6.0.0",
     "tslib": "^1.10.0",
     "zone.js": "~0.9.0"
diff --git a/packages/carbon-web-components/examples/codesandbox/angular/src/app/app.component.ts b/packages/carbon-web-components/examples/codesandbox/angular/src/app/app.component.ts
index f23db25be3a..fe595b2cf86 100644
--- a/packages/carbon-web-components/examples/codesandbox/angular/src/app/app.component.ts
+++ b/packages/carbon-web-components/examples/codesandbox/angular/src/app/app.component.ts
@@ -8,8 +8,8 @@
  */
 
 import { Component } from '@angular/core';
-import '@carbon/carbon-web-components/es/components/dropdown/dropdown';
-import '@carbon/carbon-web-components/es/components/dropdown/dropdown-item';
+import '@carbon/web-components/es/components/dropdown/dropdown';
+import '@carbon/web-components/es/components/dropdown/dropdown-item';
 
 @Component({
   selector: 'app-root',
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/cdn.html
index 4e0bfcc0276..8636c40f35e 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/accordion.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/accordion.min.js"></script>
 </head>
 <body>
   <bx-accordion>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/package.json
index ff2aab598ea..c6f76dd679b 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/src/index.js
index cdf4eac33bd..9131b90d745 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/accordion/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/accordion/index.js';
+import '@carbon/web-components/es/components/accordion/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/cdn.html
index b2d94bdf796..1c5c7b1e65f 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/breadcrumb.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/breadcrumb.min.js"></script>
 </head>
 <body>
   <bx-breadcrumb>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/package.json
index 14447d7317c..8e8d6b1557d 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/src/index.js
index 136b9775d0d..74bd526e58a 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/breadcrumb/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/breadcrumb/index.js';
+import '@carbon/web-components/es/components/breadcrumb/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/button/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/button/cdn.html
index 926c2c71310..3f14c117dce 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/button/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/button/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/button.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/button.min.js"></script>
 </head>
 <body>
   <bx-btn href="https://www.ibm.com">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/button/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/button/package.json
index 9bb2c451452..a1bf470121b 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/button/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/button/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/button/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/button/src/index.js
index 354de2f9219..f2d6d95e02f 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/button/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/button/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/button/index.js';
+import '@carbon/web-components/es/components/button/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/cdn.html
index 4fc6ec85801..5ceb117ee15 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/checkbox.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/checkbox.min.js"></script>
 </head>
 <body>
   <bx-checkbox label-text="Lorem Ipsum"></bx-checkbox>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/package.json
index de20cf0f351..e5d0f5b6d24 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/src/index.js
index 83837daa83c..b365548d751 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/checkbox/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/checkbox/index.js';
+import '@carbon/web-components/es/components/checkbox/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/cdn.html
index 4140a1cf0ff..2ce74afd9c9 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/code-snippet.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/code-snippet.min.js"></script>
 </head>
 <body>
   <bx-code-snippet>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/package.json
index f8f2c0f277c..da8829e9cb2 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/src/index.js
index da03d7b3c05..5726d23f905 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/code-snippet/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/code-snippet/index.js';
+import '@carbon/web-components/es/components/code-snippet/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/cdn.html
index b57f90e330d..b44172b6f93 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/combo-box.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/combo-box.min.js"></script>
 </head>
 <body>
   <bx-combo-box
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/package.json
index cf6142e8cef..891f5c105bf 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/src/index.js
index d835cfe5630..f8b60a617a5 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/combo-box/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/combo-box/index.js';
+import '@carbon/web-components/es/components/combo-box/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/cdn.html
index a31d34925a2..63403f8550a 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/content-switcher.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/content-switcher.min.js"></script>
 </head>
 <body>
   <bx-content-switcher>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/package.json
index 67a85d10a48..57c4c5e93dd 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/src/index.js
index f31f8ee9589..cb4eafe5991 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/content-switcher/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/content-switcher/index.js';
+import '@carbon/web-components/es/components/content-switcher/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/cdn.html
index cd25c389bd8..552b3700b03 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/copy-button.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/copy-button.min.js"></script>
 </head>
 <body>
   <bx-copy-button
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/package.json
index 8fd262ac0cb..3ad24505708 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/src/index.js
index 5f8dc0ce893..660f88613c7 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/copy-button/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/copy-button/index.js';
+import '@carbon/web-components/es/components/copy-button/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/cdn.html
index 47b866e59fb..b6b39b5477d 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/cdn.html
@@ -18,8 +18,8 @@
         display: none;
       }
     </style>
-    <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/data-table.min.js"></script>
-    <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/pagination.min.js"></script>
+    <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/data-table.min.js"></script>
+    <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/pagination.min.js"></script>
   </head>
   <body>
     <h1>Default tabe</h1>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/package.json
index d086c1cbb18..c50173a2866 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/src/index.js
index aa9cb2a46d3..a54ebc9e05a 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/data-table/src/index.js
@@ -7,5 +7,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/data-table/index.js';
-import '@carbon/carbon-web-components/es/components/pagination/index.js';
+import '@carbon/web-components/es/components/data-table/index.js';
+import '@carbon/web-components/es/components/pagination/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/cdn.html
index 340261cc3d1..02d36487a31 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/date-picker.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/date-picker.min.js"></script>
 </head>
 <body>
   <bx-date-picker>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/package.json
index 266064dcd7c..1ad29669955 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/src/index.js
index 90416e1dde9..d3f9f751f64 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/date-picker/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/date-picker/index.js';
+import '@carbon/web-components/es/components/date-picker/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/cdn.html
index 56d2c8a595a..a01232feb0f 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/dropdown.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/dropdown.min.js"></script>
 </head>
 <body>
   <bx-dropdown value="bar">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/package.json
index 64ea9d163b6..e318a6cf575 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/src/index.js
index 7484fa432e2..65d36e655a1 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/dropdown/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/dropdown/index.js';
+import '@carbon/web-components/es/components/dropdown/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/cdn.html
index 21910de26f4..0e3e7de5b19 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/file-uploader.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/file-uploader.min.js"></script>
 </head>
 <body>
   <bx-file-uploader helper-text="Only .jpg and .png files. 500kb max file size" label-text="Account photo">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/package.json
index a557a535cf3..2a29d6fb5d3 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/src/index.js
index 163b39c1b5f..8e7aad49b7c 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/file-uploader/index.js';
+import '@carbon/web-components/es/components/file-uploader/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/cdn.html
index 34dc31b1ca1..a55b33693d0 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/inline-loading.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/inline-loading.min.js"></script>
 </head>
 <body>
 <bx-inline-loading status="active">Loading data...</bx-inline-loading>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/package.json
index c86457615a9..2a2ab3ec75e 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/src/index.js
index 73e3247ad1c..eab15d638ec 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/inline-loading/index.js';
+import '@carbon/web-components/es/components/inline-loading/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/input/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/input/cdn.html
index 5da420bc060..bcee06f7ba8 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/input/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/input/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/input.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/input.min.js"></script>
 </head>
 <body>
 <bx-form-item>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/input/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/input/package.json
index 067fb5142a6..315dbaf87f9 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/input/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/input/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/input/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/input/src/index.js
index 1f5a1cccd6d..ddfd2b6fcb4 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/input/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/input/src/index.js
@@ -7,5 +7,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/form/index.js';
-import '@carbon/carbon-web-components/es/components/input/index.js';
+import '@carbon/web-components/es/components/form/index.js';
+import '@carbon/web-components/es/components/input/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/link/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/link/cdn.html
index e7d726128b5..6dbaad0f57f 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/link/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/link/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/link.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/link.min.js"></script>
 </head>
 <body>
   <bx-link href="https://www.ibm.com">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/link/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/link/package.json
index a30aaf4c8d2..b9c82f2ee97 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/link/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/link/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/link/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/link/src/index.js
index 0e466fd5075..a7fd3decfab 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/link/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/link/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/link/index.js';
+import '@carbon/web-components/es/components/link/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/list/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/list/cdn.html
index 3db76689791..feae1140707 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/list/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/list/cdn.html
@@ -23,7 +23,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/list.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/list.min.js"></script>
 </head>
 <body>
   <h3>bx-ordered-list</h3>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/list/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/list/package.json
index 2c13106d23c..a484ec3b962 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/list/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/list/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/list/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/list/src/index.js
index c447cd69ae6..e8f24ec4e30 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/list/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/list/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/list/index.js';
+import '@carbon/web-components/es/components/list/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/loading/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/loading/cdn.html
index 6c516601279..b39d29c9ee6 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/loading/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/loading/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/loading.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/loading.min.js"></script>
 </head>
 <body>
   <div style="position: relative; padding: 3rem; display: flex;">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/loading/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/loading/package.json
index 50bd39e69db..068e4091de1 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/loading/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/loading/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/loading/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/loading/src/index.js
index 2f457774365..5c0e2a05929 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/loading/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/loading/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/loading/index.js';
+import '@carbon/web-components/es/components/loading/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/modal/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/modal/cdn.html
index 86594ef4b84..8cdecc51bac 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/modal/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/modal/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/modal.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/modal.min.js"></script>
 </head>
 <body>
   <bx-btn id="modal-example-button">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/modal/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/modal/package.json
index e3c5764c876..2efc1bd45ab 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/modal/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/modal/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/modal/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/modal/src/index.js
index a13432eec9c..26736b5ce65 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/modal/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/modal/src/index.js
@@ -7,5 +7,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/modal/index.js';
-import '@carbon/carbon-web-components/es/components/button/index.js';
+import '@carbon/web-components/es/components/modal/index.js';
+import '@carbon/web-components/es/components/button/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/cdn.html
index 644be680695..17015992e4d 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/multi-select.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/multi-select.min.js"></script>
 </head>
 <body>
   <bx-multi-select
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/package.json
index e4e7e831bd7..0f159a42694 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/src/index.js
index 47622db93b9..9f4a0f9cce3 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/multi-select/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/multi-select/index.js';
+import '@carbon/web-components/es/components/multi-select/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/notification/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/notification/cdn.html
index ad547246a9f..10b6080ed4b 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/notification/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/notification/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/notification.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/notification.min.js"></script>
 </head>
 <body>
   <bx-inline-notification
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/notification/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/notification/package.json
index d288221786c..ddf189f782c 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/notification/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/notification/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/notification/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/notification/src/index.js
index d8ba3e810af..507b425ebce 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/notification/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/notification/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/notification/index.js';
+import '@carbon/web-components/es/components/notification/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/cdn.html
index 3cc70d2179f..c0d57cb5557 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/number-input.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/number-input.min.js"></script>
 </head>
 <body>
   <bx-number-input></bx-number-input>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/package.json
index 61bca89948b..9454c672efa 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/src/index.js
index c848396dcbc..4525cda82a1 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/number-input/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/number-input/index.js';
+import '@carbon/web-components/es/components/number-input/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/cdn.html
index 2c027fd45d4..9cebedbc3f4 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/overflow-menu.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/overflow-menu.min.js"></script>
 </head>
 <body>
   <div data-floating-menu-container style="position: relative; padding: 3rem; display: flex; flex-direction: column; align-items: center;">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/package.json
index 2624f16dfe0..ea390688165 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/src/index.js
index 16b5c82112f..d184ca2d71d 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/overflow-menu/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/overflow-menu/index.js';
+import '@carbon/web-components/es/components/overflow-menu/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/cdn.html
index 638c3167a7f..aa88072367c 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/pagination.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/pagination.min.js"></script>
 </head>
 <body>
   <bx-pagination
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/package.json
index 897a240e56f..6f29af972c5 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/src/index.js
index f9296eb7797..ac8d2f62976 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/pagination/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/pagination/index.js';
+import '@carbon/web-components/es/components/pagination/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/cdn.html
index 1b3e1a5764c..f10796ae266 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/progress-indicator.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/progress-indicator.min.js"></script>
 </head>
 <body>
   <bx-progress-indicator>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/package.json
index ffde4944e34..196eb083852 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/src/index.js
index 289534e3d8a..15ae8f08ec7 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/progress-indicator/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/progress-indicator/index.js';
+import '@carbon/web-components/es/components/progress-indicator/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/cdn.html
index 795627ded0f..35f61d3f02a 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/radio-button.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/radio-button.min.js"></script>
 </head>
 <body>
   <bx-radio-button-group
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/package.json
index 780bc7cac76..b3f3d2bf0b8 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/src/index.js
index a24d2e21458..a13a1691d13 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/radio-button/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/radio-button/index.js';
+import '@carbon/web-components/es/components/radio-button/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/search/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/search/cdn.html
index 50883abd319..76d0e1c2b78 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/search/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/search/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/search.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/search.min.js"></script>
 </head>
 <body>
   <bx-search label-text="Search"></bx-search>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/search/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/search/package.json
index 77a5d1e0a07..3bb7c60f6d4 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/search/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/search/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/search/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/search/src/index.js
index 124225f9ad8..658287d766b 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/search/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/search/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/search/index.js';
+import '@carbon/web-components/es/components/search/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/select/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/select/cdn.html
index 696dced303b..55eb7ee2036 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/select/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/select/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/select.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/select.min.js"></script>
 </head>
 <body>
   <bx-select
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/select/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/select/package.json
index 5a496fa61f2..3c635293a20 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/select/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/select/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/select/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/select/src/index.js
index 7d1a0d633fa..6b8c93d7f38 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/select/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/select/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/select/index.js';
+import '@carbon/web-components/es/components/select/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/cdn.html
index 920d9f4a90e..f8c5bf20943 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/skeleton-placeholder.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/skeleton-placeholder.min.js"></script>
 </head>
 <body>
   <bx-skeleton-placeholder></bx-skeleton-placeholder>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/package.json
index 77ed5ed465c..5b21474fedf 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/src/index.js
index b5f1509a32b..4cb7090c667 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-placeholder/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/skeleton-placeholder/index.js';
+import '@carbon/web-components/es/components/skeleton-placeholder/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/cdn.html
index bb3bf0e6215..9062ed734ee 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/skeleton-text.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/skeleton-text.min.js"></script>
 </head>
 <body>
   <bx-skeleton-text></bx-skeleton-text>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/package.json
index fb445511a8a..49e7f6bde90 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/src/index.js
index 3f1c7bf4601..8ca45e3ed11 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/skeleton-text/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/skeleton-text/index.js';
+import '@carbon/web-components/es/components/skeleton-text/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/cdn.html
index ea58ad5fec0..252993d17c9 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/cdn.html
@@ -19,8 +19,8 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/skip-to-content.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/button.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/skip-to-content.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/button.min.js"></script>
 </head>
 <body>
   <bx-skip-to-content href="#main-content"></bx-skip-to-content>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/package.json
index 9f2c346aee0..7c2bc8638c8 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/src/index.js
index 734e4a488a8..f47771c6db6 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/skip-to-content/src/index.js
@@ -7,5 +7,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/skip-to-content/index.js';
-import '@carbon/carbon-web-components/es/components/button/index.js';
+import '@carbon/web-components/es/components/skip-to-content/index.js';
+import '@carbon/web-components/es/components/button/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/slider/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/slider/cdn.html
index 057460caebf..ac02c3ce837 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/slider/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/slider/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/slider.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/slider.min.js"></script>
 </head>
 <body>
   <bx-slider
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/slider/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/slider/package.json
index 4ad8f9c2579..573693b87af 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/slider/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/slider/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/slider/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/slider/src/index.js
index f0a78a69106..6549510e7cc 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/slider/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/slider/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/slider/index.js';
+import '@carbon/web-components/es/components/slider/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/cdn.html
index 036b94dbc04..56458ae1b5b 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/structured-list.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/structured-list.min.js"></script>
 </head>
 <body>
   <bx-structured-list>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/package.json
index a95cc49fd00..3454cf9d65d 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/src/index.js
index 5dd9d379b12..1e83b957c59 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/structured-list/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/structured-list/index.js';
+import '@carbon/web-components/es/components/structured-list/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/cdn.html
index d769b37cf6e..9b66e5b129a 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/tabs.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/tabs.min.js"></script>
 </head>
 <body>
   <bx-tabs
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/package.json
index 6e7aedc9f74..f5c2d548e30 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/src/index.js
index 6fecc3e28c6..ee86f214ffb 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tabs/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/tabs/index.js';
+import '@carbon/web-components/es/components/tabs/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tag/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/tag/cdn.html
index b7022312807..e4eecfede23 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tag/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tag/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/tag.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/tag.min.js"></script>
 </head>
 <body>
   <bx-tag type="gray" title="Clear selection">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tag/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/tag/package.json
index d89ad0e5b96..c5ca7e7014c 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tag/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tag/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tag/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/tag/src/index.js
index 31adbd6eb8e..c87b9a59c0a 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tag/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tag/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/tag/index.js';
+import '@carbon/web-components/es/components/tag/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/cdn.html
index b08281271f0..1a20ef43ee2 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/textarea.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/textarea.min.js"></script>
 </head>
 <body>
   <bx-textarea placeholder="Optional placeholder text" rows="4" cols="50"></bx-textarea>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/package.json
index 444b0ac1ebf..359db6d32bc 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/src/index.js
index 1a8ac15ba83..613f3468f3c 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/textarea/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/textarea/index.js';
+import '@carbon/web-components/es/components/textarea/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tile/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/tile/cdn.html
index 8f5359298e5..7d4fc2df454 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tile/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tile/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/tile.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/tile.min.js"></script>
 </head>
 <body>
   <bx-clickable-tile>
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tile/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/tile/package.json
index 2ee2c90aaf3..ff7d635da8f 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tile/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tile/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tile/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/tile/src/index.js
index 208104678a8..4b82297648c 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tile/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tile/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/tile/index.js';
+import '@carbon/web-components/es/components/tile/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/cdn.html
index ed3808fe9b1..a4eda871faf 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/toggle.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/toggle.min.js"></script>
 </head>
 <body>
   <bx-toggle
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/package.json
index f6feeb6ebd4..f71e8d214a6 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/src/index.js
index 0bf8d85c806..e3da67b6af5 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/toggle/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/toggle/index.js';
+import '@carbon/web-components/es/components/toggle/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/cdn.html
index 4a11be168b1..cfc53e3ed8e 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/tooltip.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/tooltip.min.js"></script>
 </head>
 <body>
   <div data-floating-menu-container style="position: relative; padding: 3rem; display: flex; flex-direction: column; align-items: center;">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/package.json
index 5d2f8a6ace0..156fba19914 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/src/index.js
index 720925c9948..e60b6e18fe5 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/tooltip/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/tooltip/index.js';
+import '@carbon/web-components/es/components/tooltip/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/cdn.html b/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/cdn.html
index c01cb2232cb..aeeb18323b1 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/cdn.html
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/cdn.html
@@ -19,7 +19,7 @@
       display: none;
     }
   </style>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/ui-shell.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/ui-shell.min.js"></script>
 </head>
 <body>
   <bx-header aria-label="IBM Platform Name">
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/package.json b/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/package.json
index a78e33a85e8..c1ebc7cddc6 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/package.json
@@ -11,7 +11,7 @@
     "start": "parcel index.html --port=9000 --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0-0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/src/index.js
index adaed1a2e36..6d44e3a8426 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/components/ui-shell/src/index.js
@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/ui-shell/index.js';
+import '@carbon/web-components/es/components/ui-shell/index.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/package.json b/packages/carbon-web-components/examples/codesandbox/basic/package.json
index 17e28ff303b..c73f4bd8cf1 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/basic/package.json
@@ -8,7 +8,7 @@
     "start": "webpack serve"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "html-webpack-plugin": "^4.5.0",
diff --git a/packages/carbon-web-components/examples/codesandbox/basic/src/index.js b/packages/carbon-web-components/examples/codesandbox/basic/src/index.js
index 1dd235e1f15..2593964af6a 100644
--- a/packages/carbon-web-components/examples/codesandbox/basic/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/basic/src/index.js
@@ -7,5 +7,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/dropdown/dropdown.js';
-import '@carbon/carbon-web-components/es/components/dropdown/dropdown-item.js';
+import '@carbon/web-components/es/components/dropdown/dropdown.js';
+import '@carbon/web-components/es/components/dropdown/dropdown-item.js';
diff --git a/packages/carbon-web-components/examples/codesandbox/cdn/index.html b/packages/carbon-web-components/examples/codesandbox/cdn/index.html
index f02d81a2cef..eefee5a79e6 100644
--- a/packages/carbon-web-components/examples/codesandbox/cdn/index.html
+++ b/packages/carbon-web-components/examples/codesandbox/cdn/index.html
@@ -13,47 +13,47 @@
         href="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/canary/plex.css"/>
   <link rel="stylesheet"
         href="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/canary/grid.css"/>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/accordion.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/breadcrumb.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/button.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/checkbox.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/code-snippet.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/combo-box.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/content-switcher.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/copy-button.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/data-table.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/date-picker.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/dropdown.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/file-uploader.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/floating-menu.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/form.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/inline-loading.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/input.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/link.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/list.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/loading.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/modal.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/multi-select.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/notification.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/number-input.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/overflow-menu.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/pagination.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/progress-indicator.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/radio-button.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/search.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/select.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/skeleton-placeholder.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/skeleton-text.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/skip-to-content.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/slider.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/structured-list.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/tabs.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/tag.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/textarea.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/tile.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/toggle.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/tooltip.min.js"></script>
-  <script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/tag/latest/ui-shell.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/accordion.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/breadcrumb.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/button.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/checkbox.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/code-snippet.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/combo-box.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/content-switcher.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/copy-button.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/data-table.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/date-picker.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/dropdown.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/file-uploader.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/floating-menu.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/form.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/inline-loading.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/input.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/link.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/list.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/loading.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/modal.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/multi-select.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/notification.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/number-input.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/overflow-menu.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/pagination.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/progress-indicator.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/radio-button.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/search.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/select.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/skeleton-placeholder.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/skeleton-text.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/skip-to-content.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/slider.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/structured-list.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/tabs.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/tag.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/textarea.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/tile.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/toggle.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/tooltip.min.js"></script>
+  <script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/ui-shell.min.js"></script>
 
   <style>
     h3 {
diff --git a/packages/carbon-web-components/examples/codesandbox/data-table/package.json b/packages/carbon-web-components/examples/codesandbox/data-table/package.json
index 27beb7c7bb5..6d7a9da6a41 100644
--- a/packages/carbon-web-components/examples/codesandbox/data-table/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/data-table/package.json
@@ -10,7 +10,7 @@
     "start": "parcel index.html --no-hmr"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest",
+    "@carbon/web-components": "latest",
     "lit-element": "^2.5.1",
     "lit-html": "^1.4.1",
     "lodash-es": "^4.17.0"
diff --git a/packages/carbon-web-components/examples/codesandbox/data-table/src/data.js b/packages/carbon-web-components/examples/codesandbox/data-table/src/data.js
index 7e97f45c61e..be62357705b 100644
--- a/packages/carbon-web-components/examples/codesandbox/data-table/src/data.js
+++ b/packages/carbon-web-components/examples/codesandbox/data-table/src/data.js
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { TABLE_SORT_DIRECTION } from '@carbon/carbon-web-components/es/components/data-table/table-header-cell';
+import { TABLE_SORT_DIRECTION } from '@carbon/web-components/es/components/data-table/table-header-cell';
 
 export const columns = [
   {
diff --git a/packages/carbon-web-components/examples/codesandbox/data-table/src/demo-data-table.js b/packages/carbon-web-components/examples/codesandbox/data-table/src/demo-data-table.js
index 1fa3cc71c3d..21c9a618fa8 100644
--- a/packages/carbon-web-components/examples/codesandbox/data-table/src/demo-data-table.js
+++ b/packages/carbon-web-components/examples/codesandbox/data-table/src/demo-data-table.js
@@ -10,33 +10,33 @@
 import debounce from 'lodash-es/debounce';
 import { repeat } from 'lit-html/directives/repeat';
 import { html, property, customElement, LitElement } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null';
-import Delete16 from '@carbon/carbon-web-components/es/icons/delete/16';
-import Download16 from '@carbon/carbon-web-components/es/icons/download/16';
-import Settings16 from '@carbon/carbon-web-components/es/icons/settings/16';
-import '@carbon/carbon-web-components/es/components/button/button';
-import '@carbon/carbon-web-components/es/components/overflow-menu/overflow-menu';
-import '@carbon/carbon-web-components/es/components/overflow-menu/overflow-menu-body';
-import '@carbon/carbon-web-components/es/components/overflow-menu/overflow-menu-item';
-import '@carbon/carbon-web-components/es/components/pagination/pagination';
-import '@carbon/carbon-web-components/es/components/pagination/page-sizes-select';
-import '@carbon/carbon-web-components/es/components/pagination/pages-select';
-import { TABLE_COLOR_SCHEME, TABLE_SIZE } from '@carbon/carbon-web-components/es/components/data-table/table';
-import '@carbon/carbon-web-components/es/components/data-table/table-head';
-import '@carbon/carbon-web-components/es/components/data-table/table-header-row';
-import { TABLE_SORT_DIRECTION } from '@carbon/carbon-web-components/es/components/data-table/table-header-cell';
-import '@carbon/carbon-web-components/es/components/data-table/table-body';
-import '@carbon/carbon-web-components/es/components/data-table/table-row';
-import '@carbon/carbon-web-components/es/components/data-table/table-cell';
-import '@carbon/carbon-web-components/es/components/data-table/table-header-expand-row';
-import '@carbon/carbon-web-components/es/components/data-table/table-expand-row';
-import '@carbon/carbon-web-components/es/components/data-table/table-expanded-row';
-import '@carbon/carbon-web-components/es/components/data-table/table-toolbar';
-import '@carbon/carbon-web-components/es/components/data-table/table-toolbar-content';
-import '@carbon/carbon-web-components/es/components/data-table/table-toolbar-search';
-import '@carbon/carbon-web-components/es/components/data-table/table-batch-actions';
-import '@carbon/carbon-web-components/es/components/data-table/table-header-cell-skeleton';
-import '@carbon/carbon-web-components/es/components/data-table/table-cell-skeleton';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null';
+import Delete16 from '@carbon/web-components/es/icons/delete/16';
+import Download16 from '@carbon/web-components/es/icons/download/16';
+import Settings16 from '@carbon/web-components/es/icons/settings/16';
+import '@carbon/web-components/es/components/button/button';
+import '@carbon/web-components/es/components/overflow-menu/overflow-menu';
+import '@carbon/web-components/es/components/overflow-menu/overflow-menu-body';
+import '@carbon/web-components/es/components/overflow-menu/overflow-menu-item';
+import '@carbon/web-components/es/components/pagination/pagination';
+import '@carbon/web-components/es/components/pagination/page-sizes-select';
+import '@carbon/web-components/es/components/pagination/pages-select';
+import { TABLE_COLOR_SCHEME, TABLE_SIZE } from '@carbon/web-components/es/components/data-table/table';
+import '@carbon/web-components/es/components/data-table/table-head';
+import '@carbon/web-components/es/components/data-table/table-header-row';
+import { TABLE_SORT_DIRECTION } from '@carbon/web-components/es/components/data-table/table-header-cell';
+import '@carbon/web-components/es/components/data-table/table-body';
+import '@carbon/web-components/es/components/data-table/table-row';
+import '@carbon/web-components/es/components/data-table/table-cell';
+import '@carbon/web-components/es/components/data-table/table-header-expand-row';
+import '@carbon/web-components/es/components/data-table/table-expand-row';
+import '@carbon/web-components/es/components/data-table/table-expanded-row';
+import '@carbon/web-components/es/components/data-table/table-toolbar';
+import '@carbon/web-components/es/components/data-table/table-toolbar-content';
+import '@carbon/web-components/es/components/data-table/table-toolbar-search';
+import '@carbon/web-components/es/components/data-table/table-batch-actions';
+import '@carbon/web-components/es/components/data-table/table-header-cell-skeleton';
+import '@carbon/web-components/es/components/data-table/table-cell-skeleton';
 
 /**
  * @param row A table row.
diff --git a/packages/carbon-web-components/examples/codesandbox/form/basic/package.json b/packages/carbon-web-components/examples/codesandbox/form/basic/package.json
index b1c83535451..a5b393d4d00 100644
--- a/packages/carbon-web-components/examples/codesandbox/form/basic/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/form/basic/package.json
@@ -8,7 +8,7 @@
     "start": "webpack serve"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "html-webpack-plugin": "^4.5.0",
diff --git a/packages/carbon-web-components/examples/codesandbox/form/basic/src/index.js b/packages/carbon-web-components/examples/codesandbox/form/basic/src/index.js
index db82d20e94c..b35ce8937da 100644
--- a/packages/carbon-web-components/examples/codesandbox/form/basic/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/form/basic/src/index.js
@@ -7,10 +7,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/button/button.js';
-import '@carbon/carbon-web-components/es/components/form/form-item.js';
-import '@carbon/carbon-web-components/es/components/input/input.js';
-import '@carbon/carbon-web-components/es/components/notification/inline-notification.js';
+import '@carbon/web-components/es/components/button/button.js';
+import '@carbon/web-components/es/components/form/form-item.js';
+import '@carbon/web-components/es/components/input/input.js';
+import '@carbon/web-components/es/components/notification/inline-notification.js';
 
 const submit = async (formData) => {
   // Simulates server latency
diff --git a/packages/carbon-web-components/examples/codesandbox/form/redux-form/package.json b/packages/carbon-web-components/examples/codesandbox/form/redux-form/package.json
index 4f0ba8d7eb1..8db0183f838 100644
--- a/packages/carbon-web-components/examples/codesandbox/form/redux-form/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/form/redux-form/package.json
@@ -8,7 +8,7 @@
     "start": "webpack serve"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest",
+    "@carbon/web-components": "latest",
     "prop-types": "^15.7.0",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
diff --git a/packages/carbon-web-components/examples/codesandbox/form/redux-form/src/index.js b/packages/carbon-web-components/examples/codesandbox/form/redux-form/src/index.js
index 7f1377c5fb7..a18bfebc320 100644
--- a/packages/carbon-web-components/examples/codesandbox/form/redux-form/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/form/redux-form/src/index.js
@@ -12,10 +12,10 @@ import { render } from 'react-dom';
 import { Provider } from 'react-redux';
 import { createStore, combineReducers } from 'redux';
 import { Field, SubmissionError, reduxForm, reducer as reduxFormReducer } from 'redux-form';
-import BXBtn from '@carbon/carbon-web-components/es/components-react/button/button.js';
-import BXFormItem from '@carbon/carbon-web-components/es/components-react/form/form-item.js';
-import BXInput from '@carbon/carbon-web-components/es/components-react/input/input.js';
-import BXInlineNotification from '@carbon/carbon-web-components/es/components-react/notification/inline-notification.js';
+import BXBtn from '@carbon/web-components/es/components-react/button/button.js';
+import BXFormItem from '@carbon/web-components/es/components-react/form/form-item.js';
+import BXInput from '@carbon/web-components/es/components-react/input/input.js';
+import BXInlineNotification from '@carbon/web-components/es/components-react/notification/inline-notification.js';
 import './index.css';
 
 const reducer = combineReducers({
diff --git a/packages/carbon-web-components/examples/codesandbox/ie/package.json b/packages/carbon-web-components/examples/codesandbox/ie/package.json
index 30ef29d2d9d..3bf1e12d205 100644
--- a/packages/carbon-web-components/examples/codesandbox/ie/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/ie/package.json
@@ -20,7 +20,7 @@
     "@webcomponents/url": "^0.7.0",
     "@webcomponents/webcomponents-platform": "^1.0.0",
     "babel-loader": "^8.0.0",
-    "@carbon/carbon-web-components": "latest",
+    "@carbon/web-components": "latest",
     "core-js": "^3.0.0",
     "es6-promise": "^4.1.0",
     "html-webpack-plugin": "^3.2.0",
diff --git a/packages/carbon-web-components/examples/codesandbox/ie/src/index.js b/packages/carbon-web-components/examples/codesandbox/ie/src/index.js
index 44ac48daedc..ef117d13cb4 100644
--- a/packages/carbon-web-components/examples/codesandbox/ie/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/ie/src/index.js
@@ -7,6 +7,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/polyfills';
-import '@carbon/carbon-web-components/es/components/dropdown/dropdown';
-import '@carbon/carbon-web-components/es/components/dropdown/dropdown-item';
+import '@carbon/web-components/es/polyfills';
+import '@carbon/web-components/es/components/dropdown/dropdown';
+import '@carbon/web-components/es/components/dropdown/dropdown-item';
diff --git a/packages/carbon-web-components/examples/codesandbox/next/components/BXDropdownDemo.js b/packages/carbon-web-components/examples/codesandbox/next/components/BXDropdownDemo.js
index 513689e4ee5..11e9a7db1a6 100644
--- a/packages/carbon-web-components/examples/codesandbox/next/components/BXDropdownDemo.js
+++ b/packages/carbon-web-components/examples/codesandbox/next/components/BXDropdownDemo.js
@@ -8,8 +8,8 @@
  */
 
 import React from 'react';
-import BXDropdown from '@carbon/carbon-web-components/es/components-react/dropdown/dropdown.js';
-import BXDropdownItem from '@carbon/carbon-web-components/es/components-react/dropdown/dropdown-item.js';
+import BXDropdown from '@carbon/web-components/es/components-react/dropdown/dropdown.js';
+import BXDropdownItem from '@carbon/web-components/es/components-react/dropdown/dropdown-item.js';
 import styles from './BXDropdownDemo.module.css';
 
 const App = () => (
diff --git a/packages/carbon-web-components/examples/codesandbox/next/package.json b/packages/carbon-web-components/examples/codesandbox/next/package.json
index b280a81b26f..2e2c7c9dbe3 100644
--- a/packages/carbon-web-components/examples/codesandbox/next/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/next/package.json
@@ -8,7 +8,7 @@
     "start": "echo 'Running Next in Node 12.16.3+. If you have such Node version in your system just `next` here will work.' && ./node_modules/node/node_modules/.bin/node ./node_modules/.bin/next"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest",
+    "@carbon/web-components": "latest",
     "next": "^10.0.0",
     "node": "^12.16.3",
     "react": "^17.0.0",
diff --git a/packages/carbon-web-components/examples/codesandbox/react-ssr/package.json b/packages/carbon-web-components/examples/codesandbox/react-ssr/package.json
index c4a61eada7d..23c7896bfc2 100644
--- a/packages/carbon-web-components/examples/codesandbox/react-ssr/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/react-ssr/package.json
@@ -10,7 +10,7 @@
     "start": "echo 'Running server in Node 12.16.3+. If you have such Node version in your system just `node app.js` here will work.' && ./node_modules/node/node_modules/.bin/node app.js"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest",
+    "@carbon/web-components": "latest",
     "express": "^4.17.0",
     "prop-types": "^15.7.0",
     "react": "^16.12.0",
diff --git a/packages/carbon-web-components/examples/codesandbox/react-ssr/src/views/App.js b/packages/carbon-web-components/examples/codesandbox/react-ssr/src/views/App.js
index dac5dd41470..6b1da3f99bd 100644
--- a/packages/carbon-web-components/examples/codesandbox/react-ssr/src/views/App.js
+++ b/packages/carbon-web-components/examples/codesandbox/react-ssr/src/views/App.js
@@ -8,8 +8,8 @@
  */
 
 import React from 'react';
-import BXDropdown from '@carbon/carbon-web-components/es/components-react/dropdown/dropdown.js';
-import BXDropdownItem from '@carbon/carbon-web-components/es/components-react/dropdown/dropdown-item.js';
+import BXDropdown from '@carbon/web-components/es/components-react/dropdown/dropdown.js';
+import BXDropdownItem from '@carbon/web-components/es/components-react/dropdown/dropdown-item.js';
 
 const App = () => (
   <>
diff --git a/packages/carbon-web-components/examples/codesandbox/react/package.json b/packages/carbon-web-components/examples/codesandbox/react/package.json
index f5f3008c218..c6386721d40 100644
--- a/packages/carbon-web-components/examples/codesandbox/react/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/react/package.json
@@ -8,7 +8,7 @@
     "start": "webpack serve"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest",
+    "@carbon/web-components": "latest",
     "prop-types": "^15.7.0",
     "react": "^16.12.0",
     "react-dom": "^16.12.0"
diff --git a/packages/carbon-web-components/examples/codesandbox/react/src/index.js b/packages/carbon-web-components/examples/codesandbox/react/src/index.js
index 2cb6847fa64..b38c26f320d 100644
--- a/packages/carbon-web-components/examples/codesandbox/react/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/react/src/index.js
@@ -9,8 +9,8 @@
 
 import React from 'react';
 import { render } from 'react-dom';
-import BXDropdown from '@carbon/carbon-web-components/es/components-react/dropdown/dropdown.js';
-import BXDropdownItem from '@carbon/carbon-web-components/es/components-react/dropdown/dropdown-item.js';
+import BXDropdown from '@carbon/web-components/es/components-react/dropdown/dropdown.js';
+import BXDropdownItem from '@carbon/web-components/es/components-react/dropdown/dropdown-item.js';
 import './index.css';
 
 const App = () => (
diff --git a/packages/carbon-web-components/examples/codesandbox/rtl/package.json b/packages/carbon-web-components/examples/codesandbox/rtl/package.json
index abdee15f821..633b1e1bb88 100644
--- a/packages/carbon-web-components/examples/codesandbox/rtl/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/rtl/package.json
@@ -14,7 +14,7 @@
     "@babel/preset-env": "^7.8.0",
     "@babel/runtime": "^7.8.0",
     "accept-language-parser": "^1.5.0",
-    "@carbon/carbon-web-components": "latest",
+    "@carbon/web-components": "latest",
     "classnames": "^2.2.0",
     "es6-promise": "^4.1.0",
     "html-webpack-plugin": "^3.2.0",
diff --git a/packages/carbon-web-components/examples/codesandbox/rtl/src/index.js b/packages/carbon-web-components/examples/codesandbox/rtl/src/index.js
index 1fba4898e18..03398498886 100644
--- a/packages/carbon-web-components/examples/codesandbox/rtl/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/rtl/src/index.js
@@ -7,5 +7,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/slider/slider';
-import '@carbon/carbon-web-components/es/components/slider/slider-input';
+import '@carbon/web-components/es/components/slider/slider';
+import '@carbon/web-components/es/components/slider/slider-input';
diff --git a/packages/carbon-web-components/examples/codesandbox/styling/custom-style/package.json b/packages/carbon-web-components/examples/codesandbox/styling/custom-style/package.json
index f9ea60e56ae..fe8402bb8ab 100644
--- a/packages/carbon-web-components/examples/codesandbox/styling/custom-style/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/styling/custom-style/package.json
@@ -8,7 +8,7 @@
     "start": "webpack serve"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest",
+    "@carbon/web-components": "latest",
     "lit-element": "^2.5.1"
   },
   "devDependencies": {
diff --git a/packages/carbon-web-components/examples/codesandbox/styling/custom-style/src/index.js b/packages/carbon-web-components/examples/codesandbox/styling/custom-style/src/index.js
index 64d48520f9b..ce706e264b4 100644
--- a/packages/carbon-web-components/examples/codesandbox/styling/custom-style/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/styling/custom-style/src/index.js
@@ -8,8 +8,8 @@
  */
 
 import { css } from 'lit-element';
-import BXDropdown from '@carbon/carbon-web-components/es/components/dropdown/dropdown.js';
-import '@carbon/carbon-web-components/es/components/dropdown/dropdown-item.js';
+import BXDropdown from '@carbon/web-components/es/components/dropdown/dropdown.js';
+import '@carbon/web-components/es/components/dropdown/dropdown-item.js';
 
 class MyDropdown extends BXDropdown {}
 
diff --git a/packages/carbon-web-components/examples/codesandbox/styling/theme-zoning/package.json b/packages/carbon-web-components/examples/codesandbox/styling/theme-zoning/package.json
index 36dda417100..50e5c152119 100644
--- a/packages/carbon-web-components/examples/codesandbox/styling/theme-zoning/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/styling/theme-zoning/package.json
@@ -8,7 +8,7 @@
     "start": "webpack serve"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest"
+    "@carbon/web-components": "latest"
   },
   "devDependencies": {
     "autoprefixer": "^9.0.0",
diff --git a/packages/carbon-web-components/examples/codesandbox/styling/theme-zoning/src/index.js b/packages/carbon-web-components/examples/codesandbox/styling/theme-zoning/src/index.js
index e50b3860858..db96f4f9891 100644
--- a/packages/carbon-web-components/examples/codesandbox/styling/theme-zoning/src/index.js
+++ b/packages/carbon-web-components/examples/codesandbox/styling/theme-zoning/src/index.js
@@ -7,12 +7,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '@carbon/carbon-web-components/es/components/button/button.js';
-import '@carbon/carbon-web-components/es/components/ui-shell/header.js';
-import '@carbon/carbon-web-components/es/components/ui-shell/header-nav.js';
-import '@carbon/carbon-web-components/es/components/ui-shell/header-nav-item.js';
-import '@carbon/carbon-web-components/es/components/ui-shell/header-menu.js';
-import '@carbon/carbon-web-components/es/components/ui-shell/header-menu-item.js';
-import '@carbon/carbon-web-components/es/components/ui-shell/header-menu-button.js';
-import '@carbon/carbon-web-components/es/components/ui-shell/header-name.js';
+import '@carbon/web-components/es/components/button/button.js';
+import '@carbon/web-components/es/components/ui-shell/header.js';
+import '@carbon/web-components/es/components/ui-shell/header-nav.js';
+import '@carbon/web-components/es/components/ui-shell/header-nav-item.js';
+import '@carbon/web-components/es/components/ui-shell/header-menu.js';
+import '@carbon/web-components/es/components/ui-shell/header-menu-item.js';
+import '@carbon/web-components/es/components/ui-shell/header-menu-button.js';
+import '@carbon/web-components/es/components/ui-shell/header-name.js';
 import './index.scss';
diff --git a/packages/carbon-web-components/examples/codesandbox/vue/package.json b/packages/carbon-web-components/examples/codesandbox/vue/package.json
index 0b06ddd4cab..0f5f0ff2061 100644
--- a/packages/carbon-web-components/examples/codesandbox/vue/package.json
+++ b/packages/carbon-web-components/examples/codesandbox/vue/package.json
@@ -7,7 +7,7 @@
     "serve": "vue-cli-service serve"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest",
+    "@carbon/web-components": "latest",
     "vue": "^2.5.0"
   },
   "devDependencies": {
diff --git a/packages/carbon-web-components/examples/codesandbox/vue/src/components/HelloWorld.vue b/packages/carbon-web-components/examples/codesandbox/vue/src/components/HelloWorld.vue
index dc091ec7c1a..74edcd43355 100644
--- a/packages/carbon-web-components/examples/codesandbox/vue/src/components/HelloWorld.vue
+++ b/packages/carbon-web-components/examples/codesandbox/vue/src/components/HelloWorld.vue
@@ -18,8 +18,8 @@ LICENSE file in the root directory of this source tree.
 </template>
 
 <script>
-import '@carbon/carbon-web-components/es/components/dropdown/dropdown';
-import '@carbon/carbon-web-components/es/components/dropdown/dropdown-item';
+import '@carbon/web-components/es/components/dropdown/dropdown';
+import '@carbon/web-components/es/components/dropdown/dropdown-item';
 
 export default {
   name: 'HelloWorld',
diff --git a/packages/carbon-web-components/package.json b/packages/carbon-web-components/package.json
index e08d6fe2c12..cb2957b6a26 100644
--- a/packages/carbon-web-components/package.json
+++ b/packages/carbon-web-components/package.json
@@ -1,10 +1,10 @@
 {
-  "name": "@carbon/carbon-web-components",
+  "name": "@carbon/web-components",
   "version": "1.22.0-rc.2",
   "publishConfig": {
     "access": "public"
   },
-  "description": "Carbon for IBM.com Carbon web components",
+  "description": "Carbon web components",
   "license": "Apache-2.0",
   "repository": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components",
   "bugs": "https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues",
diff --git a/packages/carbon-web-components/src/components/accordion/accordion-story.mdx b/packages/carbon-web-components/src/components/accordion/accordion-story.mdx
index 7536cd24e35..43f80d67dbc 100644
--- a/packages/carbon-web-components/src/components/accordion/accordion-story.mdx
+++ b/packages/carbon-web-components/src/components/accordion/accordion-story.mdx
@@ -30,7 +30,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/accordion/index.js';
+import '@carbon/web-components/es/components/accordion/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['accordion'] })}`} />
diff --git a/packages/carbon-web-components/src/components/breadcrumb/breadcrumb-story.mdx b/packages/carbon-web-components/src/components/breadcrumb/breadcrumb-story.mdx
index 05c16265c8b..c32a35dcca7 100644
--- a/packages/carbon-web-components/src/components/breadcrumb/breadcrumb-story.mdx
+++ b/packages/carbon-web-components/src/components/breadcrumb/breadcrumb-story.mdx
@@ -16,7 +16,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/breadcrumb/index.js';
+import '@carbon/web-components/es/components/breadcrumb/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['breadcrumb'] })}`} />
diff --git a/packages/carbon-web-components/src/components/button/button-story.mdx b/packages/carbon-web-components/src/components/button/button-story.mdx
index 5996b2cdd8f..2f021bc43a1 100644
--- a/packages/carbon-web-components/src/components/button/button-story.mdx
+++ b/packages/carbon-web-components/src/components/button/button-story.mdx
@@ -33,7 +33,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/button/index.js';
+import '@carbon/web-components/es/components/button/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['button'] })}`} />
diff --git a/packages/carbon-web-components/src/components/checkbox/checkbox-story.mdx b/packages/carbon-web-components/src/components/checkbox/checkbox-story.mdx
index e6a0d57f8d5..ff065ef806b 100644
--- a/packages/carbon-web-components/src/components/checkbox/checkbox-story.mdx
+++ b/packages/carbon-web-components/src/components/checkbox/checkbox-story.mdx
@@ -19,7 +19,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/checkbox/index.js';
+import '@carbon/web-components/es/components/checkbox/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['checkbox'] })}`} />
diff --git a/packages/carbon-web-components/src/components/code-snippet/code-snippet-story.mdx b/packages/carbon-web-components/src/components/code-snippet/code-snippet-story.mdx
index 945523ca057..b98a57357dc 100644
--- a/packages/carbon-web-components/src/components/code-snippet/code-snippet-story.mdx
+++ b/packages/carbon-web-components/src/components/code-snippet/code-snippet-story.mdx
@@ -19,7 +19,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/code-snippet/index.js';
+import '@carbon/web-components/es/components/code-snippet/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['code-snippet'] })}`} />
diff --git a/packages/carbon-web-components/src/components/combo-box/combo-box-story.mdx b/packages/carbon-web-components/src/components/combo-box/combo-box-story.mdx
index dbc4d787b11..30fc0063523 100644
--- a/packages/carbon-web-components/src/components/combo-box/combo-box-story.mdx
+++ b/packages/carbon-web-components/src/components/combo-box/combo-box-story.mdx
@@ -24,7 +24,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/combo-box/index.js';
+import '@carbon/web-components/es/components/combo-box/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['combo-box'] })}`} />
diff --git a/packages/carbon-web-components/src/components/content-switcher/content-switcher-story.mdx b/packages/carbon-web-components/src/components/content-switcher/content-switcher-story.mdx
index b145b66d471..4e551b8614d 100644
--- a/packages/carbon-web-components/src/components/content-switcher/content-switcher-story.mdx
+++ b/packages/carbon-web-components/src/components/content-switcher/content-switcher-story.mdx
@@ -20,7 +20,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/content-switcher/index.js';
+import '@carbon/web-components/es/components/content-switcher/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['content-switcher'] })}`} />
diff --git a/packages/carbon-web-components/src/components/copy-button/copy-button-story.mdx b/packages/carbon-web-components/src/components/copy-button/copy-button-story.mdx
index 1eeec5c10f7..3c8bf815f80 100644
--- a/packages/carbon-web-components/src/components/copy-button/copy-button-story.mdx
+++ b/packages/carbon-web-components/src/components/copy-button/copy-button-story.mdx
@@ -20,7 +20,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/copy-button/index.js';
+import '@carbon/web-components/es/components/copy-button/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['copy-button'] })}`} />
diff --git a/packages/carbon-web-components/src/components/data-table/data-table-story.mdx b/packages/carbon-web-components/src/components/data-table/data-table-story.mdx
index 9366b392198..bfab025d27b 100644
--- a/packages/carbon-web-components/src/components/data-table/data-table-story.mdx
+++ b/packages/carbon-web-components/src/components/data-table/data-table-story.mdx
@@ -30,7 +30,7 @@ table UI, consisting of the following:
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/data-table/index.js';
+import '@carbon/web-components/es/components/data-table/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['data-table'] })}`} />
diff --git a/packages/carbon-web-components/src/components/date-picker/date-picker-story.mdx b/packages/carbon-web-components/src/components/date-picker/date-picker-story.mdx
index f9a95ba4169..b51f43803b4 100644
--- a/packages/carbon-web-components/src/components/date-picker/date-picker-story.mdx
+++ b/packages/carbon-web-components/src/components/date-picker/date-picker-story.mdx
@@ -19,7 +19,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/date-picker/index.js';
+import '@carbon/web-components/es/components/date-picker/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['date-picker'] })}`} />
diff --git a/packages/carbon-web-components/src/components/dropdown/dropdown-story.mdx b/packages/carbon-web-components/src/components/dropdown/dropdown-story.mdx
index 13cb1d998e4..e17141ab127 100644
--- a/packages/carbon-web-components/src/components/dropdown/dropdown-story.mdx
+++ b/packages/carbon-web-components/src/components/dropdown/dropdown-story.mdx
@@ -19,7 +19,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/dropdown/index.js';
+import '@carbon/web-components/es/components/dropdown/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['dropdown'] })}`} />
diff --git a/packages/carbon-web-components/src/components/file-uploader/file-uploader-story.mdx b/packages/carbon-web-components/src/components/file-uploader/file-uploader-story.mdx
index 5bce40dce15..fea329540da 100644
--- a/packages/carbon-web-components/src/components/file-uploader/file-uploader-story.mdx
+++ b/packages/carbon-web-components/src/components/file-uploader/file-uploader-story.mdx
@@ -19,7 +19,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/file-uploader/index.js';
+import '@carbon/web-components/es/components/file-uploader/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['file-uploader'] })}`} />
diff --git a/packages/carbon-web-components/src/components/icon/icon-story.mdx b/packages/carbon-web-components/src/components/icon/icon-story.mdx
index 710c0c0035d..06460544696 100644
--- a/packages/carbon-web-components/src/components/icon/icon-story.mdx
+++ b/packages/carbon-web-components/src/components/icon/icon-story.mdx
@@ -11,7 +11,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import Add16 from '@carbon/carbon-web-components/es/icons/add/16';
+import Add16 from '@carbon/web-components/es/icons/add/16';
 
 function App() {
   return (
diff --git a/packages/carbon-web-components/src/components/inline-loading/inline-loading-story.mdx b/packages/carbon-web-components/src/components/inline-loading/inline-loading-story.mdx
index 72494ae58f1..9f512e3e19d 100644
--- a/packages/carbon-web-components/src/components/inline-loading/inline-loading-story.mdx
+++ b/packages/carbon-web-components/src/components/inline-loading/inline-loading-story.mdx
@@ -27,7 +27,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/inline-loading/index.js';
+import '@carbon/web-components/es/components/inline-loading/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['inline-loading'] })}`} />
diff --git a/packages/carbon-web-components/src/components/input/input-story.mdx b/packages/carbon-web-components/src/components/input/input-story.mdx
index a0071d99309..04eb8ee45e2 100644
--- a/packages/carbon-web-components/src/components/input/input-story.mdx
+++ b/packages/carbon-web-components/src/components/input/input-story.mdx
@@ -20,7 +20,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/input/index.js';
+import '@carbon/web-components/es/components/input/index.js';
 ```
 
 ### HTML
@@ -39,7 +39,7 @@ If the input is part of a form, make sure to import and wrap the input with
 `<bx-form-item>`
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/form/index.js';
+import '@carbon/web-components/es/components/form/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['form'] })}`} />
diff --git a/packages/carbon-web-components/src/components/link/link-story.mdx b/packages/carbon-web-components/src/components/link/link-story.mdx
index 5b1ffde134d..aaf749c58b0 100644
--- a/packages/carbon-web-components/src/components/link/link-story.mdx
+++ b/packages/carbon-web-components/src/components/link/link-story.mdx
@@ -19,7 +19,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/list/index.js';
+import '@carbon/web-components/es/components/list/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['list'] })}`} />
@@ -36,7 +36,7 @@ import '@carbon/carbon-web-components/es/components/list/index.js';
 Import the desired icon and incorporate with the link text:
 
 ````javascript
-import Download16 from '@carbon/carbon-web-components/es/icons/download/16';
+import Download16 from '@carbon/web-components/es/icons/download/16';
 
 function App() {
   return (
diff --git a/packages/carbon-web-components/src/components/list/list-story.mdx b/packages/carbon-web-components/src/components/list/list-story.mdx
index 2f89e51f212..4d3b6035d92 100644
--- a/packages/carbon-web-components/src/components/list/list-story.mdx
+++ b/packages/carbon-web-components/src/components/list/list-story.mdx
@@ -18,7 +18,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/list/index.js';
+import '@carbon/web-components/es/components/list/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['list'] })}`} />
diff --git a/packages/carbon-web-components/src/components/loading/loading-story.mdx b/packages/carbon-web-components/src/components/loading/loading-story.mdx
index 803d3ce2d12..943f7eaafbd 100644
--- a/packages/carbon-web-components/src/components/loading/loading-story.mdx
+++ b/packages/carbon-web-components/src/components/loading/loading-story.mdx
@@ -22,7 +22,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/loading/index.js';
+import '@carbon/web-components/es/components/loading/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['loading'] })}`} />
diff --git a/packages/carbon-web-components/src/components/modal/modal-story.mdx b/packages/carbon-web-components/src/components/modal/modal-story.mdx
index 9c7a57686fd..243c3b59040 100644
--- a/packages/carbon-web-components/src/components/modal/modal-story.mdx
+++ b/packages/carbon-web-components/src/components/modal/modal-story.mdx
@@ -21,8 +21,8 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/modal/index.js';
-import '@carbon/carbon-web-components/es/components/button/index.js';
+import '@carbon/web-components/es/components/modal/index.js';
+import '@carbon/web-components/es/components/button/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['modal', 'button'] })}`} />
diff --git a/packages/carbon-web-components/src/components/multi-select/multi-select-story.mdx b/packages/carbon-web-components/src/components/multi-select/multi-select-story.mdx
index 2b1b727ab6b..6810db97576 100644
--- a/packages/carbon-web-components/src/components/multi-select/multi-select-story.mdx
+++ b/packages/carbon-web-components/src/components/multi-select/multi-select-story.mdx
@@ -28,7 +28,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/multi-select/index.js';
+import '@carbon/web-components/es/components/multi-select/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['multi-select'] })}`} />
@@ -65,7 +65,7 @@ stories apply to React, Angular, Vue, Backbone, Knockout and many others:
 html`
   <bx-multi-select>
     ${items.map(
-      item =>
+      (item) =>
         html`
           <bx-multi-select-item value="${item.value}"
             >${item.title}</bx-multi-select-item
diff --git a/packages/carbon-web-components/src/components/notification/notification-story.mdx b/packages/carbon-web-components/src/components/notification/notification-story.mdx
index a73537aa4fa..e4cff9bb379 100644
--- a/packages/carbon-web-components/src/components/notification/notification-story.mdx
+++ b/packages/carbon-web-components/src/components/notification/notification-story.mdx
@@ -18,7 +18,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/notification/index.js';
+import '@carbon/web-components/es/components/notification/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['notification'] })}`} />
diff --git a/packages/carbon-web-components/src/components/number-input/number-input-story.mdx b/packages/carbon-web-components/src/components/number-input/number-input-story.mdx
index b8d6c202954..787bc20e154 100644
--- a/packages/carbon-web-components/src/components/number-input/number-input-story.mdx
+++ b/packages/carbon-web-components/src/components/number-input/number-input-story.mdx
@@ -19,7 +19,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/number-input/index.js';
+import '@carbon/web-components/es/components/number-input/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['number-input'] })}`} />
@@ -45,7 +45,7 @@ If the input is part of a form, make sure to import and wrap the input with
 `<bx-form-item>`
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/form/index.js';
+import '@carbon/web-components/es/components/form/index.js';
 ```
 
 ```html
diff --git a/packages/carbon-web-components/src/components/overflow-menu/overflow-menu-story.mdx b/packages/carbon-web-components/src/components/overflow-menu/overflow-menu-story.mdx
index 1830e8cc0aa..26c110df0fa 100644
--- a/packages/carbon-web-components/src/components/overflow-menu/overflow-menu-story.mdx
+++ b/packages/carbon-web-components/src/components/overflow-menu/overflow-menu-story.mdx
@@ -20,7 +20,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/overflow-menu/index.js';
+import '@carbon/web-components/es/components/overflow-menu/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['overflow-menu'] })}`} />
diff --git a/packages/carbon-web-components/src/components/pagination/pagination-story.mdx b/packages/carbon-web-components/src/components/pagination/pagination-story.mdx
index 6e1dde8d0ed..5d66d792b0e 100644
--- a/packages/carbon-web-components/src/components/pagination/pagination-story.mdx
+++ b/packages/carbon-web-components/src/components/pagination/pagination-story.mdx
@@ -20,7 +20,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/pagination/index.js';
+import '@carbon/web-components/es/components/pagination/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['pagination'] })}`} />
diff --git a/packages/carbon-web-components/src/components/progress-indicator/progress-indicator-story.mdx b/packages/carbon-web-components/src/components/progress-indicator/progress-indicator-story.mdx
index ce71c81c042..9cb931d763a 100644
--- a/packages/carbon-web-components/src/components/progress-indicator/progress-indicator-story.mdx
+++ b/packages/carbon-web-components/src/components/progress-indicator/progress-indicator-story.mdx
@@ -24,7 +24,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/progress-indicator/index.js';
+import '@carbon/web-components/es/components/progress-indicator/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['progress-indicator'] })}`} />
diff --git a/packages/carbon-web-components/src/components/radio-button/radio-button-story.mdx b/packages/carbon-web-components/src/components/radio-button/radio-button-story.mdx
index 03c35f33ed2..30960aebdb4 100644
--- a/packages/carbon-web-components/src/components/radio-button/radio-button-story.mdx
+++ b/packages/carbon-web-components/src/components/radio-button/radio-button-story.mdx
@@ -19,7 +19,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/radio-button/index.js';
+import '@carbon/web-components/es/components/radio-button/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['radio-button'] })}`} />
diff --git a/packages/carbon-web-components/src/components/search/search-story.mdx b/packages/carbon-web-components/src/components/search/search-story.mdx
index cc50e0ea123..596b9bfbf5f 100644
--- a/packages/carbon-web-components/src/components/search/search-story.mdx
+++ b/packages/carbon-web-components/src/components/search/search-story.mdx
@@ -21,7 +21,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/search/index.js';
+import '@carbon/web-components/es/components/search/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['search'] })}`} />
diff --git a/packages/carbon-web-components/src/components/select/select-story.mdx b/packages/carbon-web-components/src/components/select/select-story.mdx
index c8bb49e3849..11f89bcab1d 100644
--- a/packages/carbon-web-components/src/components/select/select-story.mdx
+++ b/packages/carbon-web-components/src/components/select/select-story.mdx
@@ -19,7 +19,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/select/index.js';
+import '@carbon/web-components/es/components/select/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['select'] })}`} />
diff --git a/packages/carbon-web-components/src/components/skeleton-placeholder/skeleton-placeholder-story.mdx b/packages/carbon-web-components/src/components/skeleton-placeholder/skeleton-placeholder-story.mdx
index 38c38b9c7b5..ed6d4e3298b 100644
--- a/packages/carbon-web-components/src/components/skeleton-placeholder/skeleton-placeholder-story.mdx
+++ b/packages/carbon-web-components/src/components/skeleton-placeholder/skeleton-placeholder-story.mdx
@@ -16,7 +16,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/skeleton-placeholder/index.js';
+import '@carbon/web-components/es/components/skeleton-placeholder/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['skeleton-placeholder'] })}`} />
diff --git a/packages/carbon-web-components/src/components/skeleton-text/skeleton-text-story.mdx b/packages/carbon-web-components/src/components/skeleton-text/skeleton-text-story.mdx
index d285364a5b3..e22f6a135c1 100644
--- a/packages/carbon-web-components/src/components/skeleton-text/skeleton-text-story.mdx
+++ b/packages/carbon-web-components/src/components/skeleton-text/skeleton-text-story.mdx
@@ -16,7 +16,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/skeleton-text/index.js';
+import '@carbon/web-components/es/components/skeleton-text/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['skeleton-text'] })}`} />
diff --git a/packages/carbon-web-components/src/components/skip-to-content/skip-to-content-story.mdx b/packages/carbon-web-components/src/components/skip-to-content/skip-to-content-story.mdx
index 9125362b616..5ebc9287798 100644
--- a/packages/carbon-web-components/src/components/skip-to-content/skip-to-content-story.mdx
+++ b/packages/carbon-web-components/src/components/skip-to-content/skip-to-content-story.mdx
@@ -18,7 +18,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/skip-to-content/index.js';
+import '@carbon/web-components/es/components/skip-to-content/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['skip-to-content'] })}`} />
diff --git a/packages/carbon-web-components/src/components/slider/slider-story.mdx b/packages/carbon-web-components/src/components/slider/slider-story.mdx
index 4710412bff4..79dc1bd5a6b 100644
--- a/packages/carbon-web-components/src/components/slider/slider-story.mdx
+++ b/packages/carbon-web-components/src/components/slider/slider-story.mdx
@@ -19,7 +19,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/slider/index.js';
+import '@carbon/web-components/es/components/slider/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['slider'] })}`} />
diff --git a/packages/carbon-web-components/src/components/structured-list/structured-list-story.mdx b/packages/carbon-web-components/src/components/structured-list/structured-list-story.mdx
index 4b9248216a8..7738360d744 100644
--- a/packages/carbon-web-components/src/components/structured-list/structured-list-story.mdx
+++ b/packages/carbon-web-components/src/components/structured-list/structured-list-story.mdx
@@ -19,7 +19,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/structured-list/index.js';
+import '@carbon/web-components/es/components/structured-list/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['structured-list'] })}`} />
diff --git a/packages/carbon-web-components/src/components/tabs/tabs-story.mdx b/packages/carbon-web-components/src/components/tabs/tabs-story.mdx
index 80e0fea53ed..8045cfc8669 100644
--- a/packages/carbon-web-components/src/components/tabs/tabs-story.mdx
+++ b/packages/carbon-web-components/src/components/tabs/tabs-story.mdx
@@ -18,7 +18,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/tabs/index.js';
+import '@carbon/web-components/es/components/tabs/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['tabs'] })}`} />
diff --git a/packages/carbon-web-components/src/components/tag/tag-story.mdx b/packages/carbon-web-components/src/components/tag/tag-story.mdx
index e24d985179a..0054c0dd7d9 100644
--- a/packages/carbon-web-components/src/components/tag/tag-story.mdx
+++ b/packages/carbon-web-components/src/components/tag/tag-story.mdx
@@ -24,7 +24,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/tag/index.js';
+import '@carbon/web-components/es/components/tag/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['tag'] })}`} />
diff --git a/packages/carbon-web-components/src/components/textarea/textarea-story.mdx b/packages/carbon-web-components/src/components/textarea/textarea-story.mdx
index ac32432fed3..ba79e47fa2f 100644
--- a/packages/carbon-web-components/src/components/textarea/textarea-story.mdx
+++ b/packages/carbon-web-components/src/components/textarea/textarea-story.mdx
@@ -21,7 +21,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/textarea/index.js';
+import '@carbon/web-components/es/components/textarea/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['textarea'] })}`} />
@@ -43,7 +43,7 @@ If the textarea is part of a form, make sure to import and wrap the textarea
 with `<bx-form-item>`
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/form/index.js';
+import '@carbon/web-components/es/components/form/index.js';
 ```
 
 ```html
diff --git a/packages/carbon-web-components/src/components/tile/tile-story.mdx b/packages/carbon-web-components/src/components/tile/tile-story.mdx
index 7117d46b260..cd05d00bb6a 100644
--- a/packages/carbon-web-components/src/components/tile/tile-story.mdx
+++ b/packages/carbon-web-components/src/components/tile/tile-story.mdx
@@ -27,7 +27,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/tile/index.js';
+import '@carbon/web-components/es/components/tile/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['tile'] })}`} />
diff --git a/packages/carbon-web-components/src/components/toggle/toggle-story.mdx b/packages/carbon-web-components/src/components/toggle/toggle-story.mdx
index 098330a5496..9adc57a0623 100644
--- a/packages/carbon-web-components/src/components/toggle/toggle-story.mdx
+++ b/packages/carbon-web-components/src/components/toggle/toggle-story.mdx
@@ -23,7 +23,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/toggle/index.js';
+import '@carbon/web-components/es/components/toggle/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['toggle'] })}`} />
diff --git a/packages/carbon-web-components/src/components/tooltip/tooltip-story.mdx b/packages/carbon-web-components/src/components/tooltip/tooltip-story.mdx
index 40756028a9e..356fd3814e3 100644
--- a/packages/carbon-web-components/src/components/tooltip/tooltip-story.mdx
+++ b/packages/carbon-web-components/src/components/tooltip/tooltip-story.mdx
@@ -19,7 +19,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/tooltip/index.js';
+import '@carbon/web-components/es/components/tooltip/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['tooltip'] })}`} />
diff --git a/packages/carbon-web-components/src/components/ui-shell/ui-shell-story.mdx b/packages/carbon-web-components/src/components/ui-shell/ui-shell-story.mdx
index eacea0bb3f1..62ecc71df17 100644
--- a/packages/carbon-web-components/src/components/ui-shell/ui-shell-story.mdx
+++ b/packages/carbon-web-components/src/components/ui-shell/ui-shell-story.mdx
@@ -18,7 +18,7 @@ Here's a quick example to get you started.
 ### JS (via import)
 
 ```javascript
-import '@carbon/carbon-web-components/es/components/ui-shell/index.js';
+import '@carbon/web-components/es/components/ui-shell/index.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['ui-shell'] })}`} />
diff --git a/packages/carbon-web-components/src/globals/internal/storybook-cdn.ts b/packages/carbon-web-components/src/globals/internal/storybook-cdn.ts
index f82c5d0a0e1..2bf6efea212 100644
--- a/packages/carbon-web-components/src/globals/internal/storybook-cdn.ts
+++ b/packages/carbon-web-components/src/globals/internal/storybook-cdn.ts
@@ -25,7 +25,7 @@ function _renderScript(components, tag, isRTL = false) {
   let scripts = '';
   const rtl = isRTL ? '.rtl' : '';
   components.forEach((component) => {
-    scripts += `<script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/carbon-web-components/${tag}/${component}${rtl}.min.js"></script>\n`;
+    scripts += `<script type="module" src="https://1.www.s81c.com/common/carbon/web-components/${tag}/${component}${rtl}.min.js"></script>\n`;
   });
   return scripts;
 }
diff --git a/packages/styles/scss/components/filter-panel/_filter-panel.scss b/packages/styles/scss/components/filter-panel/_filter-panel.scss
index 1020a4e0874..577e11b184f 100644
--- a/packages/styles/scss/components/filter-panel/_filter-panel.scss
+++ b/packages/styles/scss/components/filter-panel/_filter-panel.scss
@@ -9,7 +9,7 @@
 @import '../../globals/imports';
 @import 'carbon-components/scss/components/accordion/keyframes';
 @import 'carbon-components/scss/components/accordion/accordion';
-@import '@carbon/carbon-web-components/scss/components/checkbox/checkbox';
+@import '@carbon/web-components/scss/components/checkbox/checkbox';
 
 @mixin filter-panel {
   .#{$prefix}--filter__heading {
diff --git a/packages/styles/scss/components/search-with-typeahead/_search-with-typeahead.scss b/packages/styles/scss/components/search-with-typeahead/_search-with-typeahead.scss
index 627c46ed7b5..7881206e974 100644
--- a/packages/styles/scss/components/search-with-typeahead/_search-with-typeahead.scss
+++ b/packages/styles/scss/components/search-with-typeahead/_search-with-typeahead.scss
@@ -7,8 +7,8 @@
 
 @import 'carbon-components/scss/components/ui-shell/header';
 @import 'carbon-components/scss/components/ui-shell/side-nav';
-@import '@carbon/carbon-web-components/scss/components/dropdown/dropdown';
-@import '@carbon/carbon-web-components/scss/components/select/select';
+@import '@carbon/web-components/scss/components/dropdown/dropdown';
+@import '@carbon/web-components/scss/components/select/select';
 
 @import '../../globals/vars';
 @import '../../globals/imports';
diff --git a/packages/styles/scss/components/structured-list/_structured-list.scss b/packages/styles/scss/components/structured-list/_structured-list.scss
index adfb9f0bdca..be3e627703f 100644
--- a/packages/styles/scss/components/structured-list/_structured-list.scss
+++ b/packages/styles/scss/components/structured-list/_structured-list.scss
@@ -7,7 +7,7 @@
 
 @import '../../globals/imports';
 @import '../../globals/vars';
-@import '@carbon/carbon-web-components/scss/components/structured-list/structured-list';
+@import '@carbon/web-components/scss/components/structured-list/structured-list';
 
 // Overridden column spanning
 @mixin structured-list-colspan($colNumber) {
diff --git a/packages/styles/scss/components/tabs-extended/_tabs-extended.scss b/packages/styles/scss/components/tabs-extended/_tabs-extended.scss
index 8c7342b2b3e..3b286b96abe 100644
--- a/packages/styles/scss/components/tabs-extended/_tabs-extended.scss
+++ b/packages/styles/scss/components/tabs-extended/_tabs-extended.scss
@@ -9,7 +9,7 @@
 @import '../link-list/index';
 @import 'carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/layout/breakpoint';
 @import 'carbon-components/scss/components/tabs/tabs';
-@import '@carbon/carbon-web-components/scss/components/tooltip/tooltip';
+@import '@carbon/web-components/scss/components/tooltip/tooltip';
 @import 'carbon-components/scss/components/accordion/accordion';
 @import 'carbon-components/scss/components/accordion/keyframes';
 
diff --git a/packages/web-components/.storybook/preview.ts b/packages/web-components/.storybook/preview.ts
index b0bb688d683..69f154150a9 100644
--- a/packages/web-components/.storybook/preview.ts
+++ b/packages/web-components/.storybook/preview.ts
@@ -12,7 +12,7 @@ import { classMap } from 'lit-html/directives/class-map';
 import coreEvents from '@storybook/core-events';
 import addons from '@storybook/addons';
 
-import '@carbon/carbon-web-components/es/components/skip-to-content/skip-to-content.js';
+import '@carbon/web-components/es/components/skip-to-content/skip-to-content.js';
 
 import { withKnobs } from '@storybook/addon-knobs';
 import { CURRENT_THEME } from '@carbon/storybook-addon-theme/es/shared';
diff --git a/packages/web-components/.storybook/react/preview.tsx b/packages/web-components/.storybook/react/preview.tsx
index c3e653b50d2..e795e889abf 100644
--- a/packages/web-components/.storybook/react/preview.tsx
+++ b/packages/web-components/.storybook/react/preview.tsx
@@ -12,7 +12,7 @@ import React, { StrictMode } from 'react';
 import coreEvents from '@storybook/core-events';
 import addons from '@storybook/addons';
 import { withKnobs } from '@storybook/addon-knobs';
-import BXSkipToContent from '@carbon/carbon-web-components/es/components-react/skip-to-content/skip-to-content';
+import BXSkipToContent from '@carbon/web-components/es/components-react/skip-to-content/skip-to-content';
 import { CURRENT_THEME } from '@carbon/storybook-addon-theme/es/shared';
 import containerStyles from './container.scss'; // eslint-disable-line import/first
 
diff --git a/packages/web-components/IMPLEMENTATION_NOTES.md b/packages/web-components/IMPLEMENTATION_NOTES.md
index 63fb7930936..67b2e3c345d 100644
--- a/packages/web-components/IMPLEMENTATION_NOTES.md
+++ b/packages/web-components/IMPLEMENTATION_NOTES.md
@@ -291,7 +291,7 @@ custom element:
 ```javascript
 import createCustomElementType, {
   booleanSerializer,
-} from '@carbon/carbon-web-components/es/globals/wrappers/createCustomElementType.js';
+} from '@carbon/web-components/es/globals/wrappers/createCustomElementType.js';
 
 const BXDropdown = createCustomElementType('bx-dropdown', {
   disabled: {
diff --git a/packages/web-components/docs/coding-conventions.md b/packages/web-components/docs/coding-conventions.md
index 95daa5f0356..167dce68aec 100644
--- a/packages/web-components/docs/coding-conventions.md
+++ b/packages/web-components/docs/coding-conventions.md
@@ -87,8 +87,8 @@ Here's an example seen in `<bx-modal>` code:
 
 ```typescript
 ...
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/HostListener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/HostListener.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/HostListener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/HostListener.js';
 ...
 
 @customElement(`${prefix}-modal` as any)
diff --git a/packages/web-components/examples/codesandbox/components-react/content-group-cards/src/index.js b/packages/web-components/examples/codesandbox/components-react/content-group-cards/src/index.js
index abafb2c6009..a758455ce58 100644
--- a/packages/web-components/examples/codesandbox/components-react/content-group-cards/src/index.js
+++ b/packages/web-components/examples/codesandbox/components-react/content-group-cards/src/index.js
@@ -9,7 +9,7 @@
 
 import React from 'react';
 import { render } from 'react-dom';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 import DDSContentGroupCardsItem from '@carbon/ibmdotcom-web-components/es/components-react/content-group-cards/content-group-cards-item';
 import DDSCardHeading from '@carbon/ibmdotcom-web-components/es/components-react/card/card-heading';
 import DDSCardFooter from '@carbon/ibmdotcom-web-components/es/components-react/card/card-footer';
diff --git a/packages/web-components/examples/codesandbox/components-react/content-group-pictograms/src/index.js b/packages/web-components/examples/codesandbox/components-react/content-group-pictograms/src/index.js
index 092a592bd1b..d0f08ce6594 100644
--- a/packages/web-components/examples/codesandbox/components-react/content-group-pictograms/src/index.js
+++ b/packages/web-components/examples/codesandbox/components-react/content-group-pictograms/src/index.js
@@ -9,7 +9,7 @@
 
 import React from 'react';
 import { render } from 'react-dom';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 // eslint-disable-next-line max-len
 import DDSContentGroupPictograms from '@carbon/ibmdotcom-web-components/es/components-react/content-group-pictograms/content-group-pictograms';
 import DDSContentGroupHeading from '@carbon/ibmdotcom-web-components/es/components-react/content-group/content-group-heading';
diff --git a/packages/web-components/examples/codesandbox/usage/webpack-handlebars/package.json b/packages/web-components/examples/codesandbox/usage/webpack-handlebars/package.json
index a88e215b34c..6613c587626 100644
--- a/packages/web-components/examples/codesandbox/usage/webpack-handlebars/package.json
+++ b/packages/web-components/examples/codesandbox/usage/webpack-handlebars/package.json
@@ -19,7 +19,7 @@
     "webpack-dev-server": "^3.11.0"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest",
+    "@carbon/web-components": "latest",
     "@carbon/ibmdotcom-services": "canary",
     "@carbon/ibmdotcom-web-components": "canary",
     "accept-language-parser": "^1.5.0",
diff --git a/packages/web-components/examples/codesandbox/usage/webpack-rtl/package.json b/packages/web-components/examples/codesandbox/usage/webpack-rtl/package.json
index de94c6e4eff..3a4368b31c5 100644
--- a/packages/web-components/examples/codesandbox/usage/webpack-rtl/package.json
+++ b/packages/web-components/examples/codesandbox/usage/webpack-rtl/package.json
@@ -12,7 +12,7 @@
     "webpack-dev-server": "^3.11.0"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "latest",
+    "@carbon/web-components": "latest",
     "@carbon/ibmdotcom-web-components": "canary",
     "accept-language-parser": "^1.5.0",
     "lit-element": "^2.4.0",
diff --git a/packages/web-components/gulp-tasks/build/modules/icons.js b/packages/web-components/gulp-tasks/build/modules/icons.js
index c2498d9c91e..4302ae38180 100644
--- a/packages/web-components/gulp-tasks/build/modules/icons.js
+++ b/packages/web-components/gulp-tasks/build/modules/icons.js
@@ -41,7 +41,7 @@ async function icons() {
           const descriptor = await descriptorFromSVG(String(file.contents));
           file.contents = Buffer.from(`
                 import { svg } from 'lit-html';
-                import spread from '@carbon/carbon-web-components/es/globals/directives/spread.js';
+                import spread from '@carbon/web-components/es/globals/directives/spread.js';
                 const svgResultIBMdotcomIcon = ${createSVGResultFromIconDescriptor(descriptor)};
                 export default svgResultIBMdotcomIcon;
               `);
diff --git a/packages/web-components/package.json b/packages/web-components/package.json
index 860b8071680..beaeae995cb 100644
--- a/packages/web-components/package.json
+++ b/packages/web-components/package.json
@@ -88,7 +88,7 @@
     "wca": "web-component-analyzer analyze src --outFile custom-elements.json"
   },
   "dependencies": {
-    "@carbon/carbon-web-components": "1.22.0-rc.2",
+    "@carbon/web-components": "1.22.0-rc.2",
     "@carbon/ibmdotcom-services": "1.41.0-rc.1",
     "@carbon/ibmdotcom-styles": "1.41.0-rc.1",
     "@carbon/ibmdotcom-utilities": "1.41.0-rc.1",
diff --git a/packages/web-components/src/component-mixins/cta/cta.ts b/packages/web-components/src/component-mixins/cta/cta.ts
index a1638f6c61e..c37882c867d 100644
--- a/packages/web-components/src/component-mixins/cta/cta.ts
+++ b/packages/web-components/src/component-mixins/cta/cta.ts
@@ -9,18 +9,18 @@
 
 import { html } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ArrowDown20 from '@carbon/carbon-web-components/es/icons/arrow--down/20.js';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
-import Download20 from '@carbon/carbon-web-components/es/icons/download/20.js';
-import Launch20 from '@carbon/carbon-web-components/es/icons/launch/20.js';
-import PlayOutline20 from '@carbon/carbon-web-components/es/icons/play--outline/20.js';
-import Blog20 from '@carbon/carbon-web-components/es/icons/blog/20.js';
-import DocumentPDF20 from '@carbon/carbon-web-components/es/icons/document--pdf/20.js';
-import NewTab20 from '@carbon/carbon-web-components/es/icons/new-tab/20.js';
-import Phone20 from '@carbon/carbon-web-components/es/icons/phone/20.js';
-import Calendar20 from '@carbon/carbon-web-components/es/icons/calendar/20.js';
-import Email20 from '@carbon/carbon-web-components/es/icons/email/20.js';
-import Chat20 from '@carbon/carbon-web-components/es/icons/chat/20.js';
+import ArrowDown20 from '@carbon/web-components/es/icons/arrow--down/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
+import Download20 from '@carbon/web-components/es/icons/download/20.js';
+import Launch20 from '@carbon/web-components/es/icons/launch/20.js';
+import PlayOutline20 from '@carbon/web-components/es/icons/play--outline/20.js';
+import Blog20 from '@carbon/web-components/es/icons/blog/20.js';
+import DocumentPDF20 from '@carbon/web-components/es/icons/document--pdf/20.js';
+import NewTab20 from '@carbon/web-components/es/icons/new-tab/20.js';
+import Phone20 from '@carbon/web-components/es/icons/phone/20.js';
+import Calendar20 from '@carbon/web-components/es/icons/calendar/20.js';
+import Email20 from '@carbon/web-components/es/icons/email/20.js';
+import Chat20 from '@carbon/web-components/es/icons/chat/20.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import { Constructor } from '../../globals/defs';
 import { CTA_TYPE } from '../../components/cta/defs';
diff --git a/packages/web-components/src/component-mixins/cta/video.ts b/packages/web-components/src/component-mixins/cta/video.ts
index fe2c8f47a07..3eb989032f5 100644
--- a/packages/web-components/src/component-mixins/cta/video.ts
+++ b/packages/web-components/src/component-mixins/cta/video.ts
@@ -7,11 +7,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import ArrowDown20 from '@carbon/carbon-web-components/es/icons/arrow--down/20.js';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
-import Download20 from '@carbon/carbon-web-components/es/icons/download/20.js';
-import Launch20 from '@carbon/carbon-web-components/es/icons/launch/20.js';
-import PlayOutline20 from '@carbon/carbon-web-components/es/icons/play--outline/20.js';
+import ArrowDown20 from '@carbon/web-components/es/icons/arrow--down/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
+import Download20 from '@carbon/web-components/es/icons/download/20.js';
+import Launch20 from '@carbon/web-components/es/icons/launch/20.js';
+import PlayOutline20 from '@carbon/web-components/es/icons/play--outline/20.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import { Constructor } from '../../globals/defs';
 import { CTA_TYPE } from '../../components/cta/defs';
diff --git a/packages/web-components/src/components/back-to-top/__stories__/data/content.ts b/packages/web-components/src/components/back-to-top/__stories__/data/content.ts
index 1460462e4ed..011889605f8 100644
--- a/packages/web-components/src/components/back-to-top/__stories__/data/content.ts
+++ b/packages/web-components/src/components/back-to-top/__stories__/data/content.ts
@@ -15,7 +15,7 @@ import '../../../cta-section/index';
 import '../../../link-list/index';
 import '../../../cta/index';
 
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 import imgLg1x1 from '../../../../../../storybook-images/assets/960/fpo--1x1--960x960--006.jpg';
 import leadspaceImg from '../../../../../../storybook-images/assets/leadspace/leadspaceMax2.jpg';
 
diff --git a/packages/web-components/src/components/back-to-top/back-to-top.ts b/packages/web-components/src/components/back-to-top/back-to-top.ts
index 0f680398d52..9225ddc28dd 100644
--- a/packages/web-components/src/components/back-to-top/back-to-top.ts
+++ b/packages/web-components/src/components/back-to-top/back-to-top.ts
@@ -8,11 +8,11 @@
  */
 
 import { html, property, customElement, LitElement } from 'lit-element';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import throttle from 'lodash-es/throttle.js';
-import UpToTop20 from '@carbon/carbon-web-components/es/icons/up-to-top/20.js';
+import UpToTop20 from '@carbon/web-components/es/icons/up-to-top/20.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './back-to-top.scss';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
diff --git a/packages/web-components/src/components/background-media/__stories__/background-media.stories.ts b/packages/web-components/src/components/background-media/__stories__/background-media.stories.ts
index 21437214a38..bed41ea6fec 100644
--- a/packages/web-components/src/components/background-media/__stories__/background-media.stories.ts
+++ b/packages/web-components/src/components/background-media/__stories__/background-media.stories.ts
@@ -10,7 +10,7 @@
 import '../index';
 import '../../video-player/video-player-container';
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { text, select, number } from '@storybook/addon-knobs';
 import imgMax from '../../../../../storybook-images/assets/leadspace/leadspaceMax.jpg';
 import imgLg16x9 from '../../../../../storybook-images/assets/leadspace/fpo--leadspace--16x9--1594x891--005.jpg';
diff --git a/packages/web-components/src/components/background-media/background-media.scss b/packages/web-components/src/components/background-media/background-media.scss
index 379bbaf557e..6bf31c496b5 100644
--- a/packages/web-components/src/components/background-media/background-media.scss
+++ b/packages/web-components/src/components/background-media/background-media.scss
@@ -7,7 +7,7 @@
 
 @import '@carbon/ibmdotcom-styles/scss/globals/vars';
 @import '@carbon/ibmdotcom-styles/scss/components/background-media/background-media';
-@import '@carbon/carbon-web-components/scss/components/tooltip/tooltip';
+@import '@carbon/web-components/scss/components/tooltip/tooltip';
 
 .#{$prefix}--background-media--video {
   aspect-ratio: 16 / 9; /* stylelint-disable-line property-no-unknown */
diff --git a/packages/web-components/src/components/background-media/background-media.ts b/packages/web-components/src/components/background-media/background-media.ts
index a4c10ee7c2a..e7bd260cc9c 100644
--- a/packages/web-components/src/components/background-media/background-media.ts
+++ b/packages/web-components/src/components/background-media/background-media.ts
@@ -10,8 +10,8 @@
 import { html, property, customElement } from 'lit-element';
 import { classMap } from 'lit-html/directives/class-map.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import pauseIcon from '@carbon/carbon-web-components/es/icons/pause--outline--filled/32.js';
-import playIcon from '@carbon/carbon-web-components/es/icons/play--filled/32.js';
+import pauseIcon from '@carbon/web-components/es/icons/pause--outline--filled/32.js';
+import playIcon from '@carbon/web-components/es/icons/play--filled/32.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './background-media.scss';
 import { GRADIENT_DIRECTION, MOBILE_POSITION } from './defs';
diff --git a/packages/web-components/src/components/button-group/__stories__/README.stories.mdx b/packages/web-components/src/components/button-group/__stories__/README.stories.mdx
index a2c89f385de..b8bb7371ca5 100644
--- a/packages/web-components/src/components/button-group/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/button-group/__stories__/README.stories.mdx
@@ -1,12 +1,14 @@
-import { Preview, Props, Description, Story } from '@storybook/addon-docs/blocks';
+import {
+  Preview,
+  Props,
+  Description,
+  Story,
+} from '@storybook/addon-docs/blocks';
 import '../button-group';
 import '../button-group-item';
 import contributing from '../../../../../../docs/contributing-license.md';
 import { cdnJs, cdnCss } from '../../../globals/internal/storybook-cdn';
 
-
-
-
 # Button Group
 
 > 💡 Check our
@@ -23,7 +25,7 @@ Here's a quick example to get you started.
 
 ```javascript
 import '@carbon/ibmdotcom-web-components/es/components/button-group/index.js';
-import '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
+import '@carbon/web-components/es/icons/arrow--right/20.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['button-group'] })}`} />
@@ -36,14 +38,38 @@ import '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
 <dds-button-group>
   <dds-button-group-item href="https://example.com">
     Lorem ipsum
-    <svg slot="icon" focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="20" height="20" viewBox="0 0 20 20">
-      <path d="M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"></path>
+    <svg
+      slot="icon"
+      focusable="false"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      fill="currentColor"
+      aria-hidden="true"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+    >
+      <path
+        d="M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"
+      ></path>
     </svg>
   </dds-button-group-item>
   <dds-button-group-item href="https://example.com">
     Dolor sit amet
-    <svg slot="icon" focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="20" height="20" viewBox="0 0 20 20">
-      <path d="M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"></path>
+    <svg
+      slot="icon"
+      focusable="false"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      fill="currentColor"
+      aria-hidden="true"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+    >
+      <path
+        d="M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"
+      ></path>
     </svg>
   </dds-button-group-item>
 </dds-button-group>
@@ -53,7 +79,7 @@ import '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
 
 ```html
 <dds-button-group>
-  <dds-button-group-item @click=${this._handleClick}></dds-button-group-item>
+  <dds-button-group-item @click="${this._handleClick}"></dds-button-group-item>
 </dds-button-group>
 ```
 
@@ -64,6 +90,7 @@ import '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
   <dds-button-group-item onclick="handleClick()"></dds-button-group-item>
 </dds-button-group>
 ```
+
 ## Props
 
 <Props of="dds-button-group" />
@@ -74,7 +101,9 @@ import '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
 
 ## Stable selectors
 
-See [our README](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components#stable-selectors-for-analytics-and-integratione2e-testing-in-web-components) to see how Web Components selector and `data-autoid` should be used.
+See
+[our README](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components#stable-selectors-for-analytics-and-integratione2e-testing-in-web-components)
+to see how Web Components selector and `data-autoid` should be used.
 
 | Web Components selector   | Compatibility selector                 | Description |
 | ------------------------- | -------------------------------------- | ----------- |
diff --git a/packages/web-components/src/components/button-group/__stories__/button-group.stories.ts b/packages/web-components/src/components/button-group/__stories__/button-group.stories.ts
index 75ec654400b..d4c945383b9 100644
--- a/packages/web-components/src/components/button-group/__stories__/button-group.stories.ts
+++ b/packages/web-components/src/components/button-group/__stories__/button-group.stories.ts
@@ -9,9 +9,9 @@
 
 import { number, select, text } from '@storybook/addon-knobs';
 import { html } from 'lit-element';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
-import ArrowDown20 from '@carbon/carbon-web-components/es/icons/arrow--down/20.js';
-import Pdf20 from '@carbon/carbon-web-components/es/icons/PDF/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
+import ArrowDown20 from '@carbon/web-components/es/icons/arrow--down/20.js';
+import Pdf20 from '@carbon/web-components/es/icons/PDF/20.js';
 import readme from './README.stories.mdx';
 import '../index';
 import textNullable from '../../../../.storybook/knob-text-nullable';
diff --git a/packages/web-components/src/components/button-group/button-group.ts b/packages/web-components/src/components/button-group/button-group.ts
index 31c70071cf1..bcc3b0b86f1 100644
--- a/packages/web-components/src/components/button-group/button-group.ts
+++ b/packages/web-components/src/components/button-group/button-group.ts
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { customElement, html, LitElement } from 'lit-element';
-import { BUTTON_KIND } from '@carbon/carbon-web-components/es/components/button/defs.js';
+import { BUTTON_KIND } from '@carbon/web-components/es/components/button/defs.js';
 import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
 import styles from './button-group.scss';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
diff --git a/packages/web-components/src/components/button/button.scss b/packages/web-components/src/components/button/button.scss
index 18a10acfa0b..9eb3defcb39 100644
--- a/packages/web-components/src/components/button/button.scss
+++ b/packages/web-components/src/components/button/button.scss
@@ -6,7 +6,7 @@
 //
 
 @import '@carbon/ibmdotcom-styles/scss/globals/vars';
-@import '@carbon/carbon-web-components/scss/components/button/button';
+@import '@carbon/web-components/scss/components/button/button';
 @import '../../globals/scss/box-sizing';
 
 :host(#{$dds-prefix}-button-expressive) {
diff --git a/packages/web-components/src/components/button/button.ts b/packages/web-components/src/components/button/button.ts
index 1a7b74f9c3b..8023d032a68 100644
--- a/packages/web-components/src/components/button/button.ts
+++ b/packages/web-components/src/components/button/button.ts
@@ -10,13 +10,13 @@
 import { classMap } from 'lit-html/directives/class-map.js';
 import { html, property, state, customElement, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
 import {
   BUTTON_ICON_LAYOUT,
   BUTTON_KIND,
   BUTTON_SIZE,
-} from '@carbon/carbon-web-components/es/components/button/button.js';
+} from '@carbon/web-components/es/components/button/button.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './button.scss';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
diff --git a/packages/web-components/src/components/callout-quote/__stories__/callout-quote.stories.ts b/packages/web-components/src/components/callout-quote/__stories__/callout-quote.stories.ts
index 78c0d8e8875..58327b415ce 100644
--- a/packages/web-components/src/components/callout-quote/__stories__/callout-quote.stories.ts
+++ b/packages/web-components/src/components/callout-quote/__stories__/callout-quote.stories.ts
@@ -9,7 +9,7 @@
 
 import '../index';
 import '../callout-link-with-icon';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
 import { html } from 'lit-element';
 import { select } from '@storybook/addon-knobs';
 import { QUOTE_TYPES } from '../../quote/quote';
diff --git a/packages/web-components/src/components/card-group/__stories__/card-group.stories.ts b/packages/web-components/src/components/card-group/__stories__/card-group.stories.ts
index 85c390c7ded..f8ee41003bf 100644
--- a/packages/web-components/src/components/card-group/__stories__/card-group.stories.ts
+++ b/packages/web-components/src/components/card-group/__stories__/card-group.stories.ts
@@ -14,7 +14,7 @@ import '../index';
 import '../../cta/video-cta-container';
 import { html } from 'lit-element';
 import { select, number, boolean } from '@storybook/addon-knobs';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 // eslint-disable-next-line sort-imports
 import imgXlg4x3 from '../../../../../storybook-images/assets/1312/fpo--4x3--1312x984--003.jpg';
 import imgXlg16x9 from '../../../../../storybook-images/assets/1312/fpo--16x9--1312x738--005.jpg';
diff --git a/packages/web-components/src/components/card-in-card/__stories__/card-in-card.stories.ts b/packages/web-components/src/components/card-in-card/__stories__/card-in-card.stories.ts
index add91752d0f..2421310f4e6 100644
--- a/packages/web-components/src/components/card-in-card/__stories__/card-in-card.stories.ts
+++ b/packages/web-components/src/components/card-in-card/__stories__/card-in-card.stories.ts
@@ -12,9 +12,9 @@ import '../../image/image';
 import '../index';
 import '../../cta/card-cta-footer';
 import '../../cta/video-cta-container';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { boolean } from '@storybook/addon-knobs';
 
 import imgXlg16x9 from '../../../../../storybook-images/assets/1312/fpo--16x9--1312x738--005.jpg';
diff --git a/packages/web-components/src/components/card-in-card/card-in-card.ts b/packages/web-components/src/components/card-in-card/card-in-card.ts
index 7de82beca6c..48d5c58f742 100644
--- a/packages/web-components/src/components/card-in-card/card-in-card.ts
+++ b/packages/web-components/src/components/card-in-card/card-in-card.ts
@@ -9,7 +9,7 @@
 
 import { css, customElement, html } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import PlayVideo from '@carbon/ibmdotcom-styles/icons/svg/play-video.svg';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import DDSCardCTA, { CTA_TYPE } from '../cta/card-cta';
diff --git a/packages/web-components/src/components/card-link/__stories__/card-link.stories.ts b/packages/web-components/src/components/card-link/__stories__/card-link.stories.ts
index 68320a8d26b..682f4787e86 100644
--- a/packages/web-components/src/components/card-link/__stories__/card-link.stories.ts
+++ b/packages/web-components/src/components/card-link/__stories__/card-link.stories.ts
@@ -9,9 +9,9 @@
 
 import { boolean } from '@storybook/addon-knobs';
 import { html } from 'lit-element';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
-import Error20 from '@carbon/carbon-web-components/es/icons/error/20.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
+import Error20 from '@carbon/web-components/es/icons/error/20.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import readme from './README.stories.mdx';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 import '../index';
diff --git a/packages/web-components/src/components/card-section-carousel/__stories__/card-section-carousel.stories.ts b/packages/web-components/src/components/card-section-carousel/__stories__/card-section-carousel.stories.ts
index d7c6bc8b44f..980af415a61 100644
--- a/packages/web-components/src/components/card-section-carousel/__stories__/card-section-carousel.stories.ts
+++ b/packages/web-components/src/components/card-section-carousel/__stories__/card-section-carousel.stories.ts
@@ -8,8 +8,8 @@
  */
 
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
 import '../index';
 import styles from './card-section-carousel.stories.scss';
 import readme from './README.stories.mdx';
diff --git a/packages/web-components/src/components/card-section-offset/__stories__/card-section-offset.stories.ts b/packages/web-components/src/components/card-section-offset/__stories__/card-section-offset.stories.ts
index 8b025422c82..86927382371 100644
--- a/packages/web-components/src/components/card-section-offset/__stories__/card-section-offset.stories.ts
+++ b/packages/web-components/src/components/card-section-offset/__stories__/card-section-offset.stories.ts
@@ -8,8 +8,8 @@
  */
 
 import { html } from 'lit-element';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { select } from '@storybook/addon-knobs';
 import readme from './README.stories.mdx';
 import '../index';
diff --git a/packages/web-components/src/components/card-section-offset/__tests__/card-section-offset.test.ts b/packages/web-components/src/components/card-section-offset/__tests__/card-section-offset.test.ts
index 6da69c2834f..966efa733e3 100644
--- a/packages/web-components/src/components/card-section-offset/__tests__/card-section-offset.test.ts
+++ b/packages/web-components/src/components/card-section-offset/__tests__/card-section-offset.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 
 import '../card-section-offset';
 
diff --git a/packages/web-components/src/components/card-section-simple/__stories__/card-section-simple.stories.ts b/packages/web-components/src/components/card-section-simple/__stories__/card-section-simple.stories.ts
index 8e1f4575b93..edb4f6f55e5 100644
--- a/packages/web-components/src/components/card-section-simple/__stories__/card-section-simple.stories.ts
+++ b/packages/web-components/src/components/card-section-simple/__stories__/card-section-simple.stories.ts
@@ -9,7 +9,7 @@
 
 import { html } from 'lit-element';
 import { boolean } from '@storybook/addon-knobs';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import readme from './README.stories.mdx';
 import imgLg4x3 from '../../../../../storybook-images/assets/720/fpo--4x3--720x540--005.jpg';
 import textNullable from '../../../../.storybook/knob-text-nullable';
diff --git a/packages/web-components/src/components/card-section-simple/__tests__/card-section-simple.test.ts b/packages/web-components/src/components/card-section-simple/__tests__/card-section-simple.test.ts
index cabd8cc4b24..fa8a6f46137 100644
--- a/packages/web-components/src/components/card-section-simple/__tests__/card-section-simple.test.ts
+++ b/packages/web-components/src/components/card-section-simple/__tests__/card-section-simple.test.ts
@@ -8,8 +8,8 @@
  */
 
 import { html, render } from 'lit-html';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import '../../card/card-heading';
 import '../card-section-simple';
 
diff --git a/packages/web-components/src/components/card/__stories__/card.stories.ts b/packages/web-components/src/components/card/__stories__/card.stories.ts
index 69cd3454956..cc418cfd57c 100644
--- a/packages/web-components/src/components/card/__stories__/card.stories.ts
+++ b/packages/web-components/src/components/card/__stories__/card.stories.ts
@@ -9,12 +9,12 @@
 
 import '../../image/image';
 import '../../tag-group/tag-group';
-import '@carbon/carbon-web-components/es/components/tag/tag.js';
+import '@carbon/web-components/es/components/tag/tag.js';
 import '../index';
 import { boolean, select } from '@storybook/addon-knobs';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import imgXlg4x3 from '../../../../../storybook-images/assets/1312/fpo--4x3--1312x984--003.jpg';
 import logoMicrosoft2x1 from '../../../../../storybook-images/assets/logos/logo-microsoft--2x1.png';
 import { PICTOGRAM_PLACEMENT } from '../defs';
diff --git a/packages/web-components/src/components/card/card.ts b/packages/web-components/src/components/card/card.ts
index a6ae7935a3d..190bcc0e16a 100644
--- a/packages/web-components/src/components/card/card.ts
+++ b/packages/web-components/src/components/card/card.ts
@@ -16,7 +16,7 @@ import {
   query,
 } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import BXLink from '@carbon/carbon-web-components/es/components/link/link.js';
+import BXLink from '@carbon/web-components/es/components/link/link.js';
 import markdownToHtml from '@carbon/ibmdotcom-utilities/es/utilities/markdownToHtml/markdownToHtml.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import { BASIC_COLOR_SCHEME } from '../../globals/defs';
diff --git a/packages/web-components/src/components/carousel/__stories__/carousel.stories.ts b/packages/web-components/src/components/carousel/__stories__/carousel.stories.ts
index fd922e3e993..61dc3163574 100644
--- a/packages/web-components/src/components/carousel/__stories__/carousel.stories.ts
+++ b/packages/web-components/src/components/carousel/__stories__/carousel.stories.ts
@@ -12,8 +12,8 @@ import { html } from 'lit-element';
 // Below path will be there when an application installs `carbon-web-components` package.
 // In our dev env, we auto-generate the file and re-map below path to to point to the generated file.
 // @ts-ignore
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
 import '../../card/index';
 import '../../cta/index';
 import '../../image/index';
diff --git a/packages/web-components/src/components/carousel/__tests__/carousel.test.ts b/packages/web-components/src/components/carousel/__tests__/carousel.test.ts
index d88496c6c41..567d5b4cc29 100644
--- a/packages/web-components/src/components/carousel/__tests__/carousel.test.ts
+++ b/packages/web-components/src/components/carousel/__tests__/carousel.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import MockResizeObserver from '../../../../tests/utils/mock-resize-observer';
 import DDSCarousel from '../carousel';
 // Above import is interface-only ref and thus code won't be brought into the build
diff --git a/packages/web-components/src/components/carousel/carousel.ts b/packages/web-components/src/components/carousel/carousel.ts
index dab042e96ac..4e5d8494b61 100644
--- a/packages/web-components/src/components/carousel/carousel.ts
+++ b/packages/web-components/src/components/carousel/carousel.ts
@@ -18,12 +18,12 @@ import {
 } from 'lit-element';
 import 'wicg-inert';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import CaretLeft20 from '@carbon/carbon-web-components/es/icons/caret--left/20.js';
-import CaretRight20 from '@carbon/carbon-web-components/es/icons/caret--right/20.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
-import { selectorTabbable } from '@carbon/carbon-web-components/es/globals/settings.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import CaretLeft20 from '@carbon/web-components/es/icons/caret--left/20.js';
+import CaretRight20 from '@carbon/web-components/es/icons/caret--right/20.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
+import { selectorTabbable } from '@carbon/web-components/es/globals/settings.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import sameHeight from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/sameHeight/sameHeight';
 import styles from './carousel.scss';
diff --git a/packages/web-components/src/components/content-block-card-static/__stories__/README.stories.mdx b/packages/web-components/src/components/content-block-card-static/__stories__/README.stories.mdx
index e3cc92ecbec..e69b8db225c 100644
--- a/packages/web-components/src/components/content-block-card-static/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/content-block-card-static/__stories__/README.stories.mdx
@@ -3,14 +3,10 @@ import markdownContents from '../../../../docs/markdown-contents.md';
 import contributing from '../../../../../../docs/contributing-license.md';
 import { cdnJs, cdnCss } from '../../../globals/internal/storybook-cdn';
 
-
-
-
-
 # `<dds-content-block-card-static>`
 
-> The Content Block - Card Static pattern is a variant of `<dds-content-block>`, and
-> includes a card group, a single content item, and ends with a CTA.
+> The Content Block - Card Static pattern is a variant of `<dds-content-block>`,
+> and includes a card group, a single content item, and ends with a CTA.
 
 > 💡 Check our
 > [CodeSandbox](https://githubbox.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/examples/codesandbox/components/content-block-card-static)
@@ -20,8 +16,8 @@ import { cdnJs, cdnCss } from '../../../globals/internal/storybook-cdn';
 
 ## Feature Flag
 
-This component is currently behind a feature flag, in order to use it you'll need
-to add the following into your `.env` file.
+This component is currently behind a feature flag, in order to use it you'll
+need to add the following into your `.env` file.
 
 ```
   DDS_CONTENT_BLOCK_CARD_STATIC=true
@@ -37,56 +33,63 @@ Here's a quick example to get you started.
 import '@carbon/ibmdotcom-web-components/es/components/content-block-card-static/index.js';
 
 // with tags
-import '@carbon/carbon-web-components/es/components/tag/tag.js';
+import '@carbon/web-components/es/components/tag/tag.js';
 
 // Optional icons for Button Group
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
-import Chat20 from '@carbon/carbon-web-components/es/icons/chat/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
+import Chat20 from '@carbon/web-components/es/icons/chat/20.js';
 ```
 
-<Description markdown={`${cdnJs({ components: ['content-block-card-static', 'tag'] })}`} />
+<Description
+  markdown={`${cdnJs({ components: ['content-block-card-static', 'tag'] })}`}
+/>
 
 <Description markdown={`${cdnCss()}`} />
 
 ### HTML
 
 ```html
-  <dds-content-block-card-static>
-    <dds-content-block-heading>Ways to buy</dds-content-block-heading>
-    <dds-card-group>
-      <dds-card-group-item>
-        <dds-card-heading>Nunc convallis</dds-card-heading>
-        <dds-tag-group>
-          <bx-tag>Most popular</bx-tag>
-        </dds-tag-group>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et ultricies est. Mauris iaculis eget dolor nec hendrerit.
-          Phasellus at elit sollicitudin, sodales nulla quis, consequat libero.
-        </p>
-      </dds-card-group-item>
-      <dds-card-group-item>
-        <dds-card-heading>Nunc convallis</dds-card-heading>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et ultricies est. Mauris iaculis eget dolor nec hendrerit.
-          Phasellus at elit sollicitudin, sodales nulla quis, consequat libero.
-        </p>
-      </dds-card-group-item>
-    </dds-card-group>
-    <dds-content-item>
-      <dds-content-item-heading>Lorem ipsum dolor si amett</dds-content-item-heading>
-      <dds-content-item-copy
-        >Contact us for a customized quote, discounted pricing, and financing options - or get started with a free trial today
-      </dds-content-item-copy>
-    </dds-content-item>
-    <dds-button-group slot="footer">
-      <dds-button-group-item href="https://example.com">
-        Contact us ${Chat20({ slot: 'icon' })}
-      </dds-button-group-item>
-      <dds-button-group-item href="https://example.com">
-        Free trial ${ArrowRight20({ slot: 'icon' })}
-      </dds-button-group-item>
-    </dds-button-group>
-  </dds-content-block-card-static>
+<dds-content-block-card-static>
+  <dds-content-block-heading>Ways to buy</dds-content-block-heading>
+  <dds-card-group>
+    <dds-card-group-item>
+      <dds-card-heading>Nunc convallis</dds-card-heading>
+      <dds-tag-group>
+        <bx-tag>Most popular</bx-tag>
+      </dds-tag-group>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et
+        ultricies est. Mauris iaculis eget dolor nec hendrerit. Phasellus at
+        elit sollicitudin, sodales nulla quis, consequat libero.
+      </p>
+    </dds-card-group-item>
+    <dds-card-group-item>
+      <dds-card-heading>Nunc convallis</dds-card-heading>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et
+        ultricies est. Mauris iaculis eget dolor nec hendrerit. Phasellus at
+        elit sollicitudin, sodales nulla quis, consequat libero.
+      </p>
+    </dds-card-group-item>
+  </dds-card-group>
+  <dds-content-item>
+    <dds-content-item-heading
+      >Lorem ipsum dolor si amett</dds-content-item-heading
+    >
+    <dds-content-item-copy
+      >Contact us for a customized quote, discounted pricing, and financing
+      options - or get started with a free trial today
+    </dds-content-item-copy>
+  </dds-content-item>
+  <dds-button-group slot="footer">
+    <dds-button-group-item href="https://example.com">
+      Contact us ${Chat20({ slot: 'icon' })}
+    </dds-button-group-item>
+    <dds-button-group-item href="https://example.com">
+      Free trial ${ArrowRight20({ slot: 'icon' })}
+    </dds-button-group-item>
+  </dds-button-group>
+</dds-content-block-card-static>
 ```
 
 ## Props
@@ -96,10 +99,12 @@ import Chat20 from '@carbon/carbon-web-components/es/icons/chat/20.js';
 
 ## Stable selectors
 
-See [our README](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components#stable-selectors-for-analytics-and-integratione2e-testing-in-web-components) to see how Web Components selector and `data-autoid` should be used.
+See
+[our README](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components#stable-selectors-for-analytics-and-integratione2e-testing-in-web-components)
+to see how Web Components selector and `data-autoid` should be used.
 
-| Web Components selector            | Compatibility selector                         | Description |
-| ---------------------------------- | -----------------------------------------------| ----------- |
-| `<dds-content-block-card-static>`  | `data-autoid="dds--content-block-card-static"` | Component   |
+| Web Components selector           | Compatibility selector                         | Description |
+| --------------------------------- | ---------------------------------------------- | ----------- |
+| `<dds-content-block-card-static>` | `data-autoid="dds--content-block-card-static"` | Component   |
 
 <Description markdown={contributing} />
diff --git a/packages/web-components/src/components/content-block-card-static/__stories__/content-block-card-static.stories.ts b/packages/web-components/src/components/content-block-card-static/__stories__/content-block-card-static.stories.ts
index c09aab573b1..d63a306419e 100644
--- a/packages/web-components/src/components/content-block-card-static/__stories__/content-block-card-static.stories.ts
+++ b/packages/web-components/src/components/content-block-card-static/__stories__/content-block-card-static.stories.ts
@@ -9,8 +9,8 @@
 
 import '../index';
 import { html } from 'lit-element';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
-import Chat20 from '@carbon/carbon-web-components/es/icons/chat/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
+import Chat20 from '@carbon/web-components/es/icons/chat/20.js';
 // eslint-disable-next-line sort-imports
 import readme from './README.stories.mdx';
 import textNullable from '../../../../.storybook/knob-text-nullable';
diff --git a/packages/web-components/src/components/content-block-card-static/__tests__/content-block-card-static.test.ts b/packages/web-components/src/components/content-block-card-static/__tests__/content-block-card-static.test.ts
index 189b2b28496..757549bc781 100644
--- a/packages/web-components/src/components/content-block-card-static/__tests__/content-block-card-static.test.ts
+++ b/packages/web-components/src/components/content-block-card-static/__tests__/content-block-card-static.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 import '../index';
 
 const template = (props?) => {
diff --git a/packages/web-components/src/components/content-block-cards/__stories__/content-block-cards.stories.ts b/packages/web-components/src/components/content-block-cards/__stories__/content-block-cards.stories.ts
index bb59717dc88..c7f5c1515bb 100644
--- a/packages/web-components/src/components/content-block-cards/__stories__/content-block-cards.stories.ts
+++ b/packages/web-components/src/components/content-block-cards/__stories__/content-block-cards.stories.ts
@@ -9,7 +9,7 @@
 
 import '../index';
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { select } from '@storybook/addon-knobs';
 // eslint-disable-next-line sort-imports
 import { CTA_TYPE } from '../../cta/defs';
diff --git a/packages/web-components/src/components/content-block-cards/__tests__/content-block-cards.test.ts b/packages/web-components/src/components/content-block-cards/__tests__/content-block-cards.test.ts
index e61a5aabb74..03655c5af75 100644
--- a/packages/web-components/src/components/content-block-cards/__tests__/content-block-cards.test.ts
+++ b/packages/web-components/src/components/content-block-cards/__tests__/content-block-cards.test.ts
@@ -8,8 +8,8 @@
  */
 
 import { html, render } from 'lit-html';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import '../../card/card-heading';
 import '../content-block-cards';
 
diff --git a/packages/web-components/src/components/content-block-media/__stories__/content-block-media.stories.ts b/packages/web-components/src/components/content-block-media/__stories__/content-block-media.stories.ts
index 7d360807d7e..8a8277e391b 100644
--- a/packages/web-components/src/components/content-block-media/__stories__/content-block-media.stories.ts
+++ b/packages/web-components/src/components/content-block-media/__stories__/content-block-media.stories.ts
@@ -12,7 +12,7 @@ import '../../cta/index';
 import '../../link-list/link-list';
 import '../../link-list/link-list-heading';
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { select } from '@storybook/addon-knobs';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 import imgLg16x9 from '../../../../../storybook-images/assets/720/fpo--16x9--720x405--002.jpg';
diff --git a/packages/web-components/src/components/content-block-mixed/__stories__/content-block-mixed.stories.ts b/packages/web-components/src/components/content-block-mixed/__stories__/content-block-mixed.stories.ts
index 9a4fa6e7d01..6690c6180d5 100644
--- a/packages/web-components/src/components/content-block-mixed/__stories__/content-block-mixed.stories.ts
+++ b/packages/web-components/src/components/content-block-mixed/__stories__/content-block-mixed.stories.ts
@@ -13,9 +13,9 @@ import '../../content-block-cards/index';
 import '../../content-group-cards/index';
 import '../../content-group-pictograms/index';
 import '../../content-group-simple/index';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { select } from '@storybook/addon-knobs';
 import imgLg16x9 from '../../../../../storybook-images/assets/720/fpo--16x9--720x405--001.jpg';
 import imgMd16x9 from '../../../../../storybook-images/assets/480/fpo--16x9--480x270--001.jpg';
diff --git a/packages/web-components/src/components/content-block-segmented/__stories__/content-block-segmented.stories.ts b/packages/web-components/src/components/content-block-segmented/__stories__/content-block-segmented.stories.ts
index ac5e631938a..b13b90542bd 100644
--- a/packages/web-components/src/components/content-block-segmented/__stories__/content-block-segmented.stories.ts
+++ b/packages/web-components/src/components/content-block-segmented/__stories__/content-block-segmented.stories.ts
@@ -12,7 +12,7 @@ import '../../video-player/video-player-container';
 import '../../link-list/index';
 import '../../cta/index';
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { select } from '@storybook/addon-knobs';
 // eslint-disable-next-line sort-imports
 import { CTA_STYLE, CTA_TYPE } from '../../cta/defs';
diff --git a/packages/web-components/src/components/content-block-simple/__stories__/README.stories.mdx b/packages/web-components/src/components/content-block-simple/__stories__/README.stories.mdx
index 3683bac51ca..cde32fb2c3d 100644
--- a/packages/web-components/src/components/content-block-simple/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/content-block-simple/__stories__/README.stories.mdx
@@ -3,9 +3,6 @@ import markdownContents from '../../../../docs/markdown-contents.md';
 import contributing from '../../../../../../docs/contributing-license.md';
 import { cdnJs, cdnCss } from '../../../globals/internal/storybook-cdn';
 
-
-
-
 # `<dds-content-block-simple>`
 
 > The Content Block - Simple pattern is a variant of `<dds-content-block>`, and
@@ -40,21 +37,36 @@ import '@carbon/ibmdotcom-web-components/es/components/cta/text-cta.js';
 
 ```html
 <dds-content-block-simple>
-  <dds-content-block-heading>Curabitur malesuada varius mi eu posuere</dds-content-block-heading>
-  <dds-content-block-copy size="sm">Lorem ipsum *dolor* sit amet</dds-content-block-copy>
+  <dds-content-block-heading
+    >Curabitur malesuada varius mi eu posuere</dds-content-block-heading
+  >
+  <dds-content-block-copy size="sm"
+    >Lorem ipsum *dolor* sit amet</dds-content-block-copy
+  >
   <dds-image
     slot="media"
     alt="Image alt text"
     default-src="http://fpoimg.com/672x378?text=16:9&bg_color=ee5396&text_color=161616"
   >
-    <dds-image-item media="(min-width: 672px)" srcset="http://fpoimg.com/672x378?text=16:9&bg_color=ee5396&text_color=161616">
+    <dds-image-item
+      media="(min-width: 672px)"
+      srcset="http://fpoimg.com/672x378?text=16:9&bg_color=ee5396&text_color=161616"
+    >
     </dds-image-item>
-    <dds-image-item media="(min-width: 400px)" srcset="http://fpoimg.com/400x225?text=16:9&bg_color=ee5396&text_color=161616">
+    <dds-image-item
+      media="(min-width: 400px)"
+      srcset="http://fpoimg.com/400x225?text=16:9&bg_color=ee5396&text_color=161616"
+    >
     </dds-image-item>
-    <dds-image-item media="(min-width: 320px)" srcset="http://fpoimg.com/672x672?text=16:9&bg_color=ee5396&text_color=161616">
+    <dds-image-item
+      media="(min-width: 320px)"
+      srcset="http://fpoimg.com/672x672?text=16:9&bg_color=ee5396&text_color=161616"
+    >
     </dds-image-item>
   </dds-image>
-  <dds-text-cta slot="footer" href="https://www.ibm.com/" cta-type="local">Lorem ipsum dolor sit amet</dds-text-cta>
+  <dds-text-cta slot="footer" href="https://www.ibm.com/" cta-type="local"
+    >Lorem ipsum dolor sit amet</dds-text-cta
+  >
 </dds-content-block-simple>
 ```
 
@@ -67,45 +79,60 @@ import '@carbon/ibmdotcom-web-components/es/components/content-block-simple/inde
 
 // with card link CTA
 import '@carbon/ibmdotcom-web-components/es/components/cta/card-link-cta.js';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
 ```
 
 ### HTML
 
 ```html
 <dds-content-block-simple>
-  <dds-content-block-heading>Curabitur malesuada varius mi eu posuere</dds-content-block-heading>
-  <dds-content-block-copy size="sm">Lorem ipsum *dolor* sit amet</dds-content-block-copy>
+  <dds-content-block-heading
+    >Curabitur malesuada varius mi eu posuere</dds-content-block-heading
+  >
+  <dds-content-block-copy size="sm"
+    >Lorem ipsum *dolor* sit amet</dds-content-block-copy
+  >
   <dds-image
     slot="media"
     alt="Image alt text"
     default-src="http://fpoimg.com/672x378?text=16:9&bg_color=ee5396&text_color=161616"
   >
-    <dds-image-item media="(min-width: 672px)" srcset="http://fpoimg.com/672x378?text=16:9&bg_color=ee5396&text_color=161616">
+    <dds-image-item
+      media="(min-width: 672px)"
+      srcset="http://fpoimg.com/672x378?text=16:9&bg_color=ee5396&text_color=161616"
+    >
     </dds-image-item>
-    <dds-image-item media="(min-width: 400px)" srcset="http://fpoimg.com/400x225?text=16:9&bg_color=ee5396&text_color=161616">
+    <dds-image-item
+      media="(min-width: 400px)"
+      srcset="http://fpoimg.com/400x225?text=16:9&bg_color=ee5396&text_color=161616"
+    >
     </dds-image-item>
-    <dds-image-item media="(min-width: 320px)" srcset="http://fpoimg.com/672x672?text=16:9&bg_color=ee5396&text_color=161616">
+    <dds-image-item
+      media="(min-width: 320px)"
+      srcset="http://fpoimg.com/672x672?text=16:9&bg_color=ee5396&text_color=161616"
+    >
     </dds-image-item>
   </dds-image>
-    <dds-card-link-cta slot="footer" cta-type="local" href="https://www.ibm.com/">
-      <dds-card-link-heading>Lorem ipsum dolor sit amet</dds-card-link-heading>
-      <dds-card-cta-footer>
-        <svg
-          slot="icon"
-          focusable="false"
-          preserveAspectRatio="xMidYMid meet"
-          xmlns="http://www.w3.org/2000/svg"
-          fill="currentColor"
-          aria-hidden="true"
-          width="20"
-          height="20"
-          viewBox="0 0 20 20"
-        >
-          <path d="M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"></path>
-        </svg>
-      </dds-card-cta-footer>
-    </dds-card-link-cta>
+  <dds-card-link-cta slot="footer" cta-type="local" href="https://www.ibm.com/">
+    <dds-card-link-heading>Lorem ipsum dolor sit amet</dds-card-link-heading>
+    <dds-card-cta-footer>
+      <svg
+        slot="icon"
+        focusable="false"
+        preserveAspectRatio="xMidYMid meet"
+        xmlns="http://www.w3.org/2000/svg"
+        fill="currentColor"
+        aria-hidden="true"
+        width="20"
+        height="20"
+        viewBox="0 0 20 20"
+      >
+        <path
+          d="M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"
+        ></path>
+      </svg>
+    </dds-card-cta-footer>
+  </dds-card-link-cta>
 </dds-content-block-simple>
 ```
 
@@ -128,34 +155,49 @@ import '@carbon/ibmdotcom-web-components/es/components/link-list/index';
 
 ```html
 <dds-content-block-simple>
-  <dds-content-block-heading>Curabitur malesuada varius mi eu posuere</dds-content-block-heading>
-  <dds-content-block-copy size="sm">Lorem ipsum *dolor* sit amet</dds-content-block-copy>
+  <dds-content-block-heading
+    >Curabitur malesuada varius mi eu posuere</dds-content-block-heading
+  >
+  <dds-content-block-copy size="sm"
+    >Lorem ipsum *dolor* sit amet</dds-content-block-copy
+  >
   <dds-image
     slot="media"
     alt="Image alt text"
     default-src="http://fpoimg.com/672x378?text=16:9&bg_color=ee5396&text_color=161616"
   >
-    <dds-image-item media="(min-width: 672px)" srcset="http://fpoimg.com/672x378?text=16:9&bg_color=ee5396&text_color=161616">
+    <dds-image-item
+      media="(min-width: 672px)"
+      srcset="http://fpoimg.com/672x378?text=16:9&bg_color=ee5396&text_color=161616"
+    >
     </dds-image-item>
-    <dds-image-item media="(min-width: 400px)" srcset="http://fpoimg.com/400x225?text=16:9&bg_color=ee5396&text_color=161616">
+    <dds-image-item
+      media="(min-width: 400px)"
+      srcset="http://fpoimg.com/400x225?text=16:9&bg_color=ee5396&text_color=161616"
+    >
     </dds-image-item>
-    <dds-image-item media="(min-width: 320px)" srcset="http://fpoimg.com/672x672?text=16:9&bg_color=ee5396&text_color=161616">
+    <dds-image-item
+      media="(min-width: 320px)"
+      srcset="http://fpoimg.com/672x672?text=16:9&bg_color=ee5396&text_color=161616"
+    >
     </dds-image-item>
   </dds-image>
 
   <dds-link-list type="default" slot="complementary">
-      <dds-link-list-heading>Tutorial</dds-link-list-heading>
-      <dds-link-list-item-card-cta href="${ifNonNull(href)}" cta-type="local">
-        <p>Containerization A Complete Guide</p>
-        <dds-card-cta-footer></dds-card-cta-footer>
-      </dds-link-list-item-card-cta>
-      <dds-link-list-item-card-cta href="${ifNonNull(href)}" cta-type="external">
-        <p>Why should you use microservices and containers</p>
-        <dds-card-cta-footer></dds-card-cta-footer>
-      </dds-link-list-item-card-cta>
+    <dds-link-list-heading>Tutorial</dds-link-list-heading>
+    <dds-link-list-item-card-cta href="${ifNonNull(href)}" cta-type="local">
+      <p>Containerization A Complete Guide</p>
+      <dds-card-cta-footer></dds-card-cta-footer>
+    </dds-link-list-item-card-cta>
+    <dds-link-list-item-card-cta href="${ifNonNull(href)}" cta-type="external">
+      <p>Why should you use microservices and containers</p>
+      <dds-card-cta-footer></dds-card-cta-footer>
+    </dds-link-list-item-card-cta>
   </dds-link-list>
 
-  <dds-text-cta slot="footer" href="https://www.ibm.com/" cta-type="local">Lorem ipsum dolor sit amet</dds-text-cta>
+  <dds-text-cta slot="footer" href="https://www.ibm.com/" cta-type="local"
+    >Lorem ipsum dolor sit amet</dds-text-cta
+  >
 </dds-content-block-simple>
 ```
 
@@ -166,7 +208,9 @@ import '@carbon/ibmdotcom-web-components/es/components/link-list/index';
 
 ## Stable selectors
 
-See [our README](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components#stable-selectors-for-analytics-and-integratione2e-testing-in-web-components) to see how Web Components selector and `data-autoid` should be used.
+See
+[our README](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components#stable-selectors-for-analytics-and-integratione2e-testing-in-web-components)
+to see how Web Components selector and `data-autoid` should be used.
 
 | Web Components selector       | Compatibility selector                      | Description |
 | ----------------------------- | ------------------------------------------- | ----------- |
diff --git a/packages/web-components/src/components/content-block-simple/__stories__/content-block-simple.stories.ts b/packages/web-components/src/components/content-block-simple/__stories__/content-block-simple.stories.ts
index 7f8a431cc8a..7392fb7e840 100644
--- a/packages/web-components/src/components/content-block-simple/__stories__/content-block-simple.stories.ts
+++ b/packages/web-components/src/components/content-block-simple/__stories__/content-block-simple.stories.ts
@@ -11,11 +11,11 @@ import '../index';
 import '../../cta/index';
 import '../../link-list/index';
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { select } from '@storybook/addon-knobs';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
-import ArrowDown20 from '@carbon/carbon-web-components/es/icons/arrow--down/20.js';
-import Launch20 from '@carbon/carbon-web-components/es/icons/launch/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
+import ArrowDown20 from '@carbon/web-components/es/icons/arrow--down/20.js';
+import Launch20 from '@carbon/web-components/es/icons/launch/20.js';
 import { CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME } from '../../content-block/content-block';
 import { CONTENT_BLOCK_COPY_SIZE } from '../../content-block/content-block-copy';
 import { CTA_STYLE, CTA_TYPE } from '../../cta/defs';
diff --git a/packages/web-components/src/components/content-block-simple/__tests__/content-block-simple.test.ts b/packages/web-components/src/components/content-block-simple/__tests__/content-block-simple.test.ts
index f92425faf3f..1376b907465 100644
--- a/packages/web-components/src/components/content-block-simple/__tests__/content-block-simple.test.ts
+++ b/packages/web-components/src/components/content-block-simple/__tests__/content-block-simple.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME } from '../../content-block/content-block';
 import '../content-block-simple';
 
diff --git a/packages/web-components/src/components/content-block/__stories__/content-block.stories.ts b/packages/web-components/src/components/content-block/__stories__/content-block.stories.ts
index 327f3bebcba..a282c41105c 100644
--- a/packages/web-components/src/components/content-block/__stories__/content-block.stories.ts
+++ b/packages/web-components/src/components/content-block/__stories__/content-block.stories.ts
@@ -12,7 +12,7 @@ import '../../cta/index';
 import '../../card-link/index';
 import { html } from 'lit-element';
 import { boolean, optionsKnob } from '@storybook/addon-knobs';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
 import { CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME } from '../content-block';
 import imgLg16x9 from '../../../../../storybook-images/assets/720/fpo--16x9--720x405--002.jpg';
 import imgMd16x9 from '../../../../../storybook-images/assets/480/fpo--16x9--480x270--002.jpg';
diff --git a/packages/web-components/src/components/content-group-banner/__stories__/content-group-banner.stories.ts b/packages/web-components/src/components/content-group-banner/__stories__/content-group-banner.stories.ts
index 4213d85df24..c863ef993ee 100644
--- a/packages/web-components/src/components/content-group-banner/__stories__/content-group-banner.stories.ts
+++ b/packages/web-components/src/components/content-group-banner/__stories__/content-group-banner.stories.ts
@@ -8,8 +8,8 @@
  */
 
 import { html } from 'lit-element';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { select } from '@storybook/addon-knobs';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 import '../index';
diff --git a/packages/web-components/src/components/content-group-cards/__stories__/README.stories.react.mdx b/packages/web-components/src/components/content-group-cards/__stories__/README.stories.react.mdx
index 38a93562ba4..b20403b8f49 100644
--- a/packages/web-components/src/components/content-group-cards/__stories__/README.stories.react.mdx
+++ b/packages/web-components/src/components/content-group-cards/__stories__/README.stories.react.mdx
@@ -20,7 +20,7 @@ Here's a quick example to get you started.
 ### JS
 
 ```js
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 import DDSContentGroupCardsItem from '@carbon/ibmdotcom-web-components/es/components-react/content-group-cards/content-group-cards-item';
 import DDSCardHeading from '@carbon/ibmdotcom-web-components/es/components-react/card/card-heading';
 import DDSCardFooter from '@carbon/ibmdotcom-web-components/es/components-react/card/card-footer';
@@ -30,9 +30,13 @@ import DDSContentGroupCopy from '@carbon/ibmdotcom-web-components/es/components-
 
 const card1 = (
   <DDSContentGroupCardsItem href="https://www.example.com">
-    <DDSCardHeading>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</DDSCardHeading>
+    <DDSCardHeading>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+      tempor incididunt
+    </DDSCardHeading>
     <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua.
     </p>
     <DDSCardFooter icon-placement="left">
       <ArrowRight20 slot="icon" />
@@ -41,7 +45,10 @@ const card1 = (
 );
 const card2 = (
   <DDSContentGroupCardsItem href="https://www.example.com">
-    <DDSCardHeading>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</DDSCardHeading>
+    <DDSCardHeading>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+      tempor incididunt
+    </DDSCardHeading>
     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
     <DDSCardFooter icon-placement="left">
       <ArrowRight20 slot="icon" />
@@ -51,7 +58,9 @@ const card2 = (
 const App = () => (
   <DDSContentGroupCards>
     <DDSContentGroupHeading>Lorem ipsum dolor sit amet.</DDSContentGroupHeading>
-    <DDSContentGroupCopy>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</DDSContentGroupCopy>
+    <DDSContentGroupCopy>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+    </DDSContentGroupCopy>
     {card1}
     {card2}
     {card1}
@@ -66,7 +75,9 @@ const App = () => (
 
 ## Stable selectors
 
-See [our README](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components#stable-selectors-for-analytics-and-integratione2e-testing-in-web-components) to see how Web Components selector and `data-autoid` should be used.
+See
+[our README](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components#stable-selectors-for-analytics-and-integratione2e-testing-in-web-components)
+to see how Web Components selector and `data-autoid` should be used.
 
 | Web Components selector          | Compatibility selector                        | Description |
 | -------------------------------- | --------------------------------------------- | ----------- |
diff --git a/packages/web-components/src/components/content-group-cards/__stories__/content-group-cards.stories.ts b/packages/web-components/src/components/content-group-cards/__stories__/content-group-cards.stories.ts
index 179452f35bd..5075d45bcb2 100644
--- a/packages/web-components/src/components/content-group-cards/__stories__/content-group-cards.stories.ts
+++ b/packages/web-components/src/components/content-group-cards/__stories__/content-group-cards.stories.ts
@@ -8,7 +8,7 @@
  */
 
 import { html } from 'lit-element';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 import readme from './README.stories.mdx';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 import '../index';
diff --git a/packages/web-components/src/components/content-group-cards/__tests__/content-group-cards.test.ts b/packages/web-components/src/components/content-group-cards/__tests__/content-group-cards.test.ts
index 11f05f1b682..cc4791c2c76 100644
--- a/packages/web-components/src/components/content-group-cards/__tests__/content-group-cards.test.ts
+++ b/packages/web-components/src/components/content-group-cards/__tests__/content-group-cards.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 import '../../card/card-heading';
 import '../content-group-cards';
 import '../content-group-cards-item';
diff --git a/packages/web-components/src/components/content-group-pictograms/__stories__/README.stories.react.mdx b/packages/web-components/src/components/content-group-pictograms/__stories__/README.stories.react.mdx
index f8bcddacf02..0f39f04a429 100644
--- a/packages/web-components/src/components/content-group-pictograms/__stories__/README.stories.react.mdx
+++ b/packages/web-components/src/components/content-group-pictograms/__stories__/README.stories.react.mdx
@@ -20,7 +20,7 @@ Here's a quick example to get you started.
 ### JS
 
 ```js
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 // eslint-disable-next-line max-len
 import DDSContentGroupPictograms from '@carbon/ibmdotcom-web-components/es/components-react/content-group-pictograms/content-group-pictograms';
 import DDSContentGroupHeading from '@carbon/ibmdotcom-web-components/es/components-react/content-group/content-group-heading';
@@ -88,7 +88,9 @@ const App = () => (
 
 ## Stable selectors
 
-See [our README](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components#stable-selectors-for-analytics-and-integratione2e-testing-in-web-components) to see how Web Components selector and `data-autoid` should be used.
+See
+[our README](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components#stable-selectors-for-analytics-and-integratione2e-testing-in-web-components)
+to see how Web Components selector and `data-autoid` should be used.
 
 | Web Components selector          | Compatibility selector                        | Description |
 | -------------------------------- | --------------------------------------------- | ----------- |
diff --git a/packages/web-components/src/components/content-group-pictograms/__stories__/content-group-pictograms.stories.ts b/packages/web-components/src/components/content-group-pictograms/__stories__/content-group-pictograms.stories.ts
index 39c5abe4477..975f709cb2d 100644
--- a/packages/web-components/src/components/content-group-pictograms/__stories__/content-group-pictograms.stories.ts
+++ b/packages/web-components/src/components/content-group-pictograms/__stories__/content-group-pictograms.stories.ts
@@ -10,7 +10,7 @@
 
 import '../index';
 import { html } from 'lit-element';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 import readme from './README.stories.mdx';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 import styles from './content-group-pictograms.stories.scss';
diff --git a/packages/web-components/src/components/content-group-simple/__stories__/content-group-simple.stories.ts b/packages/web-components/src/components/content-group-simple/__stories__/content-group-simple.stories.ts
index 8ffbab93b80..07ae568a964 100644
--- a/packages/web-components/src/components/content-group-simple/__stories__/content-group-simple.stories.ts
+++ b/packages/web-components/src/components/content-group-simple/__stories__/content-group-simple.stories.ts
@@ -10,7 +10,7 @@
 import '../index';
 import '../../cta/index';
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { select } from '@storybook/addon-knobs';
 // eslint-disable-next-line sort-imports
 import { CTA_TYPE } from '../../cta/defs';
diff --git a/packages/web-components/src/components/content-item-horizontal/__stories__/content-item-horizontal.stories.ts b/packages/web-components/src/components/content-item-horizontal/__stories__/content-item-horizontal.stories.ts
index 4b4b0c120f9..4b7dab0c788 100644
--- a/packages/web-components/src/components/content-item-horizontal/__stories__/content-item-horizontal.stories.ts
+++ b/packages/web-components/src/components/content-item-horizontal/__stories__/content-item-horizontal.stories.ts
@@ -8,7 +8,7 @@
  */
 
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { select } from '@storybook/addon-knobs';
 import readme from './README.stories.mdx';
 import textNullable from '../../../../.storybook/knob-text-nullable';
diff --git a/packages/web-components/src/components/content-item-horizontal/content-item-horizontal-media.ts b/packages/web-components/src/components/content-item-horizontal/content-item-horizontal-media.ts
index dcd3764a850..981ecf943ac 100644
--- a/packages/web-components/src/components/content-item-horizontal/content-item-horizontal-media.ts
+++ b/packages/web-components/src/components/content-item-horizontal/content-item-horizontal-media.ts
@@ -16,8 +16,8 @@ import {
 } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import { baseFontSize, breakpoints } from '@carbon/layout';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import DDSContentItem from '../content-item/content-item';
 import styles from './content-item-horizontal-media.scss';
diff --git a/packages/web-components/src/components/content-item/__tests__/content-item.test.ts b/packages/web-components/src/components/content-item/__tests__/content-item.test.ts
index e6d8fb1b726..042313dc234 100644
--- a/packages/web-components/src/components/content-item/__tests__/content-item.test.ts
+++ b/packages/web-components/src/components/content-item/__tests__/content-item.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { BASIC_COLOR_SCHEME } from '../../../globals/defs';
 import '../content-item';
 import '../content-item-copy';
diff --git a/packages/web-components/src/components/content-section/__stories__/content-section.stories.ts b/packages/web-components/src/components/content-section/__stories__/content-section.stories.ts
index 09971ad5869..926801e6350 100644
--- a/packages/web-components/src/components/content-section/__stories__/content-section.stories.ts
+++ b/packages/web-components/src/components/content-section/__stories__/content-section.stories.ts
@@ -8,8 +8,8 @@
  */
 
 import { html } from 'lit-element';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { optionsKnob } from '@storybook/addon-knobs';
 import '../index';
 import '../../cta/text-cta';
diff --git a/packages/web-components/src/components/cta-block/__stories__/cta-block.stories.ts b/packages/web-components/src/components/cta-block/__stories__/cta-block.stories.ts
index 178a63a2b83..f9568913d5c 100644
--- a/packages/web-components/src/components/cta-block/__stories__/cta-block.stories.ts
+++ b/packages/web-components/src/components/cta-block/__stories__/cta-block.stories.ts
@@ -8,10 +8,10 @@
  */
 
 import { boolean, number, select } from '@storybook/addon-knobs';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
-import Launch20 from '@carbon/carbon-web-components/es/icons/launch/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
+import Launch20 from '@carbon/web-components/es/icons/launch/20';
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import readme from './README.stories.mdx';
 import styles from './cta-block.stories.scss';
 import textNullable from '../../../../.storybook/knob-text-nullable';
diff --git a/packages/web-components/src/components/cta-block/__tests__/cta-block.test.ts b/packages/web-components/src/components/cta-block/__tests__/cta-block.test.ts
index 2b9080fbe0c..a3ebfb6e079 100644
--- a/packages/web-components/src/components/cta-block/__tests__/cta-block.test.ts
+++ b/packages/web-components/src/components/cta-block/__tests__/cta-block.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import '../cta-block';
 
 const template = (props?) => {
diff --git a/packages/web-components/src/components/cta-section/__stories__/cta-section.stories.ts b/packages/web-components/src/components/cta-section/__stories__/cta-section.stories.ts
index 04846374297..90555bd3ee9 100644
--- a/packages/web-components/src/components/cta-section/__stories__/cta-section.stories.ts
+++ b/packages/web-components/src/components/cta-section/__stories__/cta-section.stories.ts
@@ -8,9 +8,9 @@
  */
 
 import { select, number, boolean } from '@storybook/addon-knobs';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import readme from './README.stories.mdx';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 import '../../link-list/index';
diff --git a/packages/web-components/src/components/cta/__stories__/cta.stories.ts b/packages/web-components/src/components/cta/__stories__/cta.stories.ts
index bed8de40dae..26c94c38eb6 100644
--- a/packages/web-components/src/components/cta/__stories__/cta.stories.ts
+++ b/packages/web-components/src/components/cta/__stories__/cta.stories.ts
@@ -17,7 +17,7 @@ import '../feature-cta-footer';
 import '../text-cta';
 import '../../button-group/index';
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { select, boolean } from '@storybook/addon-knobs';
 import { icons as ctaIcons } from '../../../component-mixins/cta/cta';
 // eslint-disable-next-line sort-imports
diff --git a/packages/web-components/src/components/cta/card-cta.ts b/packages/web-components/src/components/cta/card-cta.ts
index c81daf6f36a..83f58017bf0 100644
--- a/packages/web-components/src/components/cta/card-cta.ts
+++ b/packages/web-components/src/components/cta/card-cta.ts
@@ -10,7 +10,7 @@
 import { html, property, customElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import PlayVideo from '@carbon/ibmdotcom-styles/icons/svg/play-video.svg';
 import {
   formatVideoCaption,
diff --git a/packages/web-components/src/components/cta/feature-cta.ts b/packages/web-components/src/components/cta/feature-cta.ts
index 3570ce90b94..8e9a4fa8a68 100644
--- a/packages/web-components/src/components/cta/feature-cta.ts
+++ b/packages/web-components/src/components/cta/feature-cta.ts
@@ -10,7 +10,7 @@
 import { property, customElement, html } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import PlayVideo from '@carbon/ibmdotcom-styles/icons/svg/play-video.svg';
 import {
   formatVideoCaption,
diff --git a/packages/web-components/src/components/cta/video-cta-composite.ts b/packages/web-components/src/components/cta/video-cta-composite.ts
index a36012cd707..9f52967eb51 100644
--- a/packages/web-components/src/components/cta/video-cta-composite.ts
+++ b/packages/web-components/src/components/cta/video-cta-composite.ts
@@ -9,9 +9,9 @@
 
 import { html, property, state, customElement, LitElement } from 'lit-element';
 import on from 'carbon-components/es/globals/js/misc/on.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import KalturaPlayerAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer';
 import ModalRenderMixin from '../../globals/mixins/modal-render';
diff --git a/packages/web-components/src/components/dotcom-shell/__stories__/data/content.ts b/packages/web-components/src/components/dotcom-shell/__stories__/data/content.ts
index ab605506e4e..2e84f3089b1 100644
--- a/packages/web-components/src/components/dotcom-shell/__stories__/data/content.ts
+++ b/packages/web-components/src/components/dotcom-shell/__stories__/data/content.ts
@@ -7,7 +7,7 @@
  */
 
 import { html } from 'lit-element';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 import logosGroup from '../../../logo-grid/__stories__/data/logos.js';
 import { TOC_TYPES } from '../../../table-of-contents/defs';
 
diff --git a/packages/web-components/src/components/dotcom-shell/__stories__/dotcom-shell.stories.ts b/packages/web-components/src/components/dotcom-shell/__stories__/dotcom-shell.stories.ts
index 1849b21200a..d01a376f2a6 100644
--- a/packages/web-components/src/components/dotcom-shell/__stories__/dotcom-shell.stories.ts
+++ b/packages/web-components/src/components/dotcom-shell/__stories__/dotcom-shell.stories.ts
@@ -10,7 +10,7 @@
 import { html } from 'lit-element';
 import { boolean, select, object } from '@storybook/addon-knobs';
 import on from 'carbon-components/es/globals/js/misc/on.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import inPercy from '@percy-io/in-percy';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 import DDSLeftNav from '../../masthead/left-nav';
diff --git a/packages/web-components/src/components/expressive-modal/__stories__/expressive-modal.stories.ts b/packages/web-components/src/components/expressive-modal/__stories__/expressive-modal.stories.ts
index 840b15bd5b7..70a7fa944f6 100644
--- a/packages/web-components/src/components/expressive-modal/__stories__/expressive-modal.stories.ts
+++ b/packages/web-components/src/components/expressive-modal/__stories__/expressive-modal.stories.ts
@@ -10,9 +10,9 @@
 import { html } from 'lit-element';
 import { action } from '@storybook/addon-actions';
 import { boolean, select } from '@storybook/addon-knobs';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
-import '@carbon/carbon-web-components/es/components/button/button.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
+import '@carbon/web-components/es/components/button/button.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 import { EXPRESSIVE_MODAL_SIZE } from '../defs';
 import '../index';
diff --git a/packages/web-components/src/components/expressive-modal/expressive-modal-body.ts b/packages/web-components/src/components/expressive-modal/expressive-modal-body.ts
index 05581e4507a..f583c55963a 100644
--- a/packages/web-components/src/components/expressive-modal/expressive-modal-body.ts
+++ b/packages/web-components/src/components/expressive-modal/expressive-modal-body.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement } from 'lit-element';
-import BXModalBody from '@carbon/carbon-web-components/es/components/modal/modal-body.js';
+import BXModalBody from '@carbon/web-components/es/components/modal/modal-body.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './expressive-modal.scss';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
diff --git a/packages/web-components/src/components/expressive-modal/expressive-modal-close-button.ts b/packages/web-components/src/components/expressive-modal/expressive-modal-close-button.ts
index 12142b44477..9e89b50935c 100644
--- a/packages/web-components/src/components/expressive-modal/expressive-modal-close-button.ts
+++ b/packages/web-components/src/components/expressive-modal/expressive-modal-close-button.ts
@@ -8,7 +8,7 @@
  */
 
 import { property, customElement } from 'lit-element';
-import BXModalCloseButton from '@carbon/carbon-web-components/es/components/modal/modal-close-button.js';
+import BXModalCloseButton from '@carbon/web-components/es/components/modal/modal-close-button.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import { EXPRESSIVE_MODAL_SIZE } from './defs';
 import styles from './expressive-modal.scss';
diff --git a/packages/web-components/src/components/expressive-modal/expressive-modal-footer.ts b/packages/web-components/src/components/expressive-modal/expressive-modal-footer.ts
index 1b76e7bc53c..e3683441034 100644
--- a/packages/web-components/src/components/expressive-modal/expressive-modal-footer.ts
+++ b/packages/web-components/src/components/expressive-modal/expressive-modal-footer.ts
@@ -8,7 +8,7 @@
  */
 
 import { property, customElement } from 'lit-element';
-import BXModalFooter from '@carbon/carbon-web-components/es/components/modal/modal-footer.js';
+import BXModalFooter from '@carbon/web-components/es/components/modal/modal-footer.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './expressive-modal.scss';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
diff --git a/packages/web-components/src/components/expressive-modal/expressive-modal-header.ts b/packages/web-components/src/components/expressive-modal/expressive-modal-header.ts
index e2a930c9344..1c0fec5687b 100644
--- a/packages/web-components/src/components/expressive-modal/expressive-modal-header.ts
+++ b/packages/web-components/src/components/expressive-modal/expressive-modal-header.ts
@@ -8,7 +8,7 @@
  */
 
 import { property, customElement } from 'lit-element';
-import BXModalHeader from '@carbon/carbon-web-components/es/components/modal/modal-header.js';
+import BXModalHeader from '@carbon/web-components/es/components/modal/modal-header.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './expressive-modal.scss';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
diff --git a/packages/web-components/src/components/expressive-modal/expressive-modal-heading.ts b/packages/web-components/src/components/expressive-modal/expressive-modal-heading.ts
index d17de2dbd48..25795ee7a4f 100644
--- a/packages/web-components/src/components/expressive-modal/expressive-modal-heading.ts
+++ b/packages/web-components/src/components/expressive-modal/expressive-modal-heading.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement } from 'lit-element';
-import BXModalHeading from '@carbon/carbon-web-components/es/components/modal/modal-heading.js';
+import BXModalHeading from '@carbon/web-components/es/components/modal/modal-heading.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './expressive-modal.scss';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
diff --git a/packages/web-components/src/components/expressive-modal/expressive-modal.scss b/packages/web-components/src/components/expressive-modal/expressive-modal.scss
index 657e88a5883..954cfe218ad 100644
--- a/packages/web-components/src/components/expressive-modal/expressive-modal.scss
+++ b/packages/web-components/src/components/expressive-modal/expressive-modal.scss
@@ -7,7 +7,7 @@
 
 @import '@carbon/ibmdotcom-styles/scss/globals/vars';
 @import '@carbon/ibmdotcom-styles/scss/components/expressive-modal/expressive-modal';
-@import '@carbon/carbon-web-components/scss/components/modal/modal';
+@import '@carbon/web-components/scss/components/modal/modal';
 @import '../../globals/scss/box-sizing';
 
 :host(#{$dds-prefix}-expressive-modal) {
diff --git a/packages/web-components/src/components/expressive-modal/expressive-modal.ts b/packages/web-components/src/components/expressive-modal/expressive-modal.ts
index 5aebc2464fc..c83877ee8f8 100644
--- a/packages/web-components/src/components/expressive-modal/expressive-modal.ts
+++ b/packages/web-components/src/components/expressive-modal/expressive-modal.ts
@@ -20,9 +20,9 @@ import {
 } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import on from 'carbon-components/es/globals/js/misc/on.js';
-import { selectorTabbable } from '@carbon/carbon-web-components/es/globals/settings.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import { selectorTabbable } from '@carbon/web-components/es/globals/settings.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import { EXPRESSIVE_MODAL_SIZE, EXPRESSIVE_MODAL_MODE } from './defs';
diff --git a/packages/web-components/src/components/feature-card/__stories__/feature-card.stories.ts b/packages/web-components/src/components/feature-card/__stories__/feature-card.stories.ts
index 727ed3f4acf..27518882266 100644
--- a/packages/web-components/src/components/feature-card/__stories__/feature-card.stories.ts
+++ b/packages/web-components/src/components/feature-card/__stories__/feature-card.stories.ts
@@ -11,9 +11,9 @@ import '../../card/index';
 import '../../image/image';
 import '../index';
 
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import mediumImgLg1x1 from '../../../../../storybook-images/assets/720/fpo--1x1--720x720--004.jpg';
 
 import imgLg1x1 from '../../../../../storybook-images/assets/720/fpo--1x1--720x720--002.jpg';
diff --git a/packages/web-components/src/components/feature-section/__stories__/feature-section.stories.ts b/packages/web-components/src/components/feature-section/__stories__/feature-section.stories.ts
index 8967c28086f..e5028f4fcd0 100644
--- a/packages/web-components/src/components/feature-section/__stories__/feature-section.stories.ts
+++ b/packages/web-components/src/components/feature-section/__stories__/feature-section.stories.ts
@@ -10,7 +10,7 @@
 import '../index';
 
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { select } from '@storybook/addon-knobs';
 
 import imgXlg1x1 from '../../../../../storybook-images/assets/1584/fpo--1x1--1584x1584--002.jpg';
diff --git a/packages/web-components/src/components/filter-panel/filter-group-item.ts b/packages/web-components/src/components/filter-panel/filter-group-item.ts
index 75aec26e00c..03333034b8b 100644
--- a/packages/web-components/src/components/filter-panel/filter-group-item.ts
+++ b/packages/web-components/src/components/filter-panel/filter-group-item.ts
@@ -9,7 +9,7 @@
 
 import { customElement, property, query, state } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import BXAccordionItem from '@carbon/carbon-web-components/es/components/accordion/accordion-item.js';
+import BXAccordionItem from '@carbon/web-components/es/components/accordion/accordion-item.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './filter-panel.scss';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
diff --git a/packages/web-components/src/components/filter-panel/filter-group.ts b/packages/web-components/src/components/filter-panel/filter-group.ts
index a3f0f329f37..9f68419f6ba 100644
--- a/packages/web-components/src/components/filter-panel/filter-group.ts
+++ b/packages/web-components/src/components/filter-panel/filter-group.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement } from 'lit-element';
-import BXAccordion from '@carbon/carbon-web-components/es/components/accordion/accordion.js';
+import BXAccordion from '@carbon/web-components/es/components/accordion/accordion.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import './filter-panel-input-select';
diff --git a/packages/web-components/src/components/filter-panel/filter-modal-button.ts b/packages/web-components/src/components/filter-panel/filter-modal-button.ts
index 61caac0ce59..9fe93578e68 100644
--- a/packages/web-components/src/components/filter-panel/filter-modal-button.ts
+++ b/packages/web-components/src/components/filter-panel/filter-modal-button.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement } from 'lit-element';
-import BXModalFooterButton from '@carbon/carbon-web-components/es/components/modal/modal-footer-button.js';
+import BXModalFooterButton from '@carbon/web-components/es/components/modal/modal-footer-button.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import styles from './filter-panel.scss';
diff --git a/packages/web-components/src/components/filter-panel/filter-modal-footer.ts b/packages/web-components/src/components/filter-panel/filter-modal-footer.ts
index 223978207d7..8628f0fbd1d 100644
--- a/packages/web-components/src/components/filter-panel/filter-modal-footer.ts
+++ b/packages/web-components/src/components/filter-panel/filter-modal-footer.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement } from 'lit-element';
-import BXModalFooter from '@carbon/carbon-web-components/es/components/modal/modal-footer.js';
+import BXModalFooter from '@carbon/web-components/es/components/modal/modal-footer.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import './filter-panel-input-select';
diff --git a/packages/web-components/src/components/filter-panel/filter-modal-heading.ts b/packages/web-components/src/components/filter-panel/filter-modal-heading.ts
index 7addcd88140..7cfa84cb584 100644
--- a/packages/web-components/src/components/filter-panel/filter-modal-heading.ts
+++ b/packages/web-components/src/components/filter-panel/filter-modal-heading.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement } from 'lit-element';
-import BXModalHeading from '@carbon/carbon-web-components/es/components/modal/modal-heading.js';
+import BXModalHeading from '@carbon/web-components/es/components/modal/modal-heading.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import styles from './filter-panel.scss';
diff --git a/packages/web-components/src/components/filter-panel/filter-panel-checkbox.ts b/packages/web-components/src/components/filter-panel/filter-panel-checkbox.ts
index cca09fc7527..5b6bc691ec7 100644
--- a/packages/web-components/src/components/filter-panel/filter-panel-checkbox.ts
+++ b/packages/web-components/src/components/filter-panel/filter-panel-checkbox.ts
@@ -8,10 +8,10 @@
  */
 
 import { customElement } from 'lit-element';
-import BXCheckbox from '@carbon/carbon-web-components/es/components/checkbox/checkbox.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
+import BXCheckbox from '@carbon/web-components/es/components/checkbox/checkbox.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
-import '@carbon/carbon-web-components/es/components/modal/modal.js';
+import '@carbon/web-components/es/components/modal/modal.js';
 import styles from './filter-panel.scss';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 
diff --git a/packages/web-components/src/components/filter-panel/filter-panel-composite.ts b/packages/web-components/src/components/filter-panel/filter-panel-composite.ts
index a740eb8ab10..ab7e310546a 100644
--- a/packages/web-components/src/components/filter-panel/filter-panel-composite.ts
+++ b/packages/web-components/src/components/filter-panel/filter-panel-composite.ts
@@ -16,18 +16,18 @@ import {
   TemplateResult,
 } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import Filter from '@carbon/carbon-web-components/es/icons/filter/16.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import Filter from '@carbon/web-components/es/icons/filter/16.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import { baseFontSize, breakpoints } from '@carbon/layout';
 import './filter-group';
 import './filter-panel';
 import './filter-panel-modal';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import styles from './filter-panel.scss';
-import '@carbon/carbon-web-components/es/components/checkbox/checkbox.js';
+import '@carbon/web-components/es/components/checkbox/checkbox.js';
 import DDSFilterGroupItem from './filter-group-item';
 import DDSFilterPanelCheckbox from './filter-panel-checkbox';
 import DDSFilterPanelInputSelect from './filter-panel-input-select';
diff --git a/packages/web-components/src/components/filter-panel/filter-panel-input-select-item.ts b/packages/web-components/src/components/filter-panel/filter-panel-input-select-item.ts
index 9cbad7b145e..9c9bfdcd100 100644
--- a/packages/web-components/src/components/filter-panel/filter-panel-input-select-item.ts
+++ b/packages/web-components/src/components/filter-panel/filter-panel-input-select-item.ts
@@ -9,8 +9,8 @@
 
 import { customElement, html, property, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import Close from '@carbon/carbon-web-components/es/icons/close/16.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
+import Close from '@carbon/web-components/es/icons/close/16.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import styles from './filter-panel.scss';
diff --git a/packages/web-components/src/components/filter-panel/filter-panel-input-select.ts b/packages/web-components/src/components/filter-panel/filter-panel-input-select.ts
index aa4e6e31bd6..e9b9c83021e 100644
--- a/packages/web-components/src/components/filter-panel/filter-panel-input-select.ts
+++ b/packages/web-components/src/components/filter-panel/filter-panel-input-select.ts
@@ -9,8 +9,8 @@
 
 import { customElement, html, property, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import Close from '@carbon/carbon-web-components/es/icons/close/16.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
+import Close from '@carbon/web-components/es/icons/close/16.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import styles from './filter-panel.scss';
diff --git a/packages/web-components/src/components/filter-panel/filter-panel-modal.ts b/packages/web-components/src/components/filter-panel/filter-panel-modal.ts
index 1f4c0ff0ba0..eb7395e1a08 100644
--- a/packages/web-components/src/components/filter-panel/filter-panel-modal.ts
+++ b/packages/web-components/src/components/filter-panel/filter-panel-modal.ts
@@ -9,16 +9,16 @@
 
 import { customElement, html, property } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import './filter-group';
 import './filter-modal-button';
 import './filter-modal-heading';
-import BXModal from '@carbon/carbon-web-components/es/components/modal/modal.js';
+import BXModal from '@carbon/web-components/es/components/modal/modal.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import './filter-modal-footer';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import styles from './filter-panel.scss';
-import '@carbon/carbon-web-components/es/components/checkbox/checkbox.js';
+import '@carbon/web-components/es/components/checkbox/checkbox.js';
 
 const { prefix } = settings;
 const { stablePrefix: ddsPrefix } = ddsSettings;
diff --git a/packages/web-components/src/components/filter-panel/filter-panel.scss b/packages/web-components/src/components/filter-panel/filter-panel.scss
index 5b02f016cc6..9b3fb64a41f 100644
--- a/packages/web-components/src/components/filter-panel/filter-panel.scss
+++ b/packages/web-components/src/components/filter-panel/filter-panel.scss
@@ -8,7 +8,7 @@
  */
 
 @import '@carbon/ibmdotcom-styles/scss/components/filter-panel/filter-panel';
-@import '@carbon/carbon-web-components/scss/components/modal/modal';
+@import '@carbon/web-components/scss/components/modal/modal';
 
 :host(#{$dds-prefix}-filter-panel-modal) {
   @extend :host(#{$prefix}-modal);
diff --git a/packages/web-components/src/components/filter-panel/filter-panel.ts b/packages/web-components/src/components/filter-panel/filter-panel.ts
index edcc326e4a7..04ca0a8a68d 100644
--- a/packages/web-components/src/components/filter-panel/filter-panel.ts
+++ b/packages/web-components/src/components/filter-panel/filter-panel.ts
@@ -9,8 +9,8 @@
 
 import { customElement, html, LitElement, property } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import Reset from '@carbon/carbon-web-components/es/icons/reset/16.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import Reset from '@carbon/web-components/es/icons/reset/16.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import styles from './filter-panel.scss';
diff --git a/packages/web-components/src/components/footer/__stories__/footer.stories.ts b/packages/web-components/src/components/footer/__stories__/footer.stories.ts
index fad2e665cde..1ad42b2e44e 100644
--- a/packages/web-components/src/components/footer/__stories__/footer.stories.ts
+++ b/packages/web-components/src/components/footer/__stories__/footer.stories.ts
@@ -8,7 +8,7 @@
  */
 
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { boolean, object } from '@storybook/addon-knobs';
 import inPercy from '@percy-io/in-percy';
 import { FOOTER_SIZE } from '../footer';
diff --git a/packages/web-components/src/components/footer/__tests__/footer-logo.test.ts b/packages/web-components/src/components/footer/__tests__/footer-logo.test.ts
index 3470aaaad8a..287bf0c9537 100644
--- a/packages/web-components/src/components/footer/__tests__/footer-logo.test.ts
+++ b/packages/web-components/src/components/footer/__tests__/footer-logo.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import '../footer-logo';
 
 const template = (props?) => {
diff --git a/packages/web-components/src/components/footer/__tests__/footer-nav-group.test.ts b/packages/web-components/src/components/footer/__tests__/footer-nav-group.test.ts
index ae6e8f64c56..de5e4db9061 100644
--- a/packages/web-components/src/components/footer/__tests__/footer-nav-group.test.ts
+++ b/packages/web-components/src/components/footer/__tests__/footer-nav-group.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import EventManager from '../../../../tests/utils/event-manager';
 import DDSFooterNavGroup from '../footer-nav-group';
 // Above import is interface-only ref and thus code won't be brought into the build
diff --git a/packages/web-components/src/components/footer/__tests__/footer-nav-item.test.ts b/packages/web-components/src/components/footer/__tests__/footer-nav-item.test.ts
index bc65ce853ff..81fd14c6be9 100644
--- a/packages/web-components/src/components/footer/__tests__/footer-nav-item.test.ts
+++ b/packages/web-components/src/components/footer/__tests__/footer-nav-item.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import '../footer-nav-item';
 
 const template = (props?) => {
diff --git a/packages/web-components/src/components/footer/combo-box.ts b/packages/web-components/src/components/footer/combo-box.ts
index 88407f9e9dc..240fda0aefb 100644
--- a/packages/web-components/src/components/footer/combo-box.ts
+++ b/packages/web-components/src/components/footer/combo-box.ts
@@ -10,8 +10,8 @@
 import settings from 'carbon-components/es/globals/js/settings.js';
 import { TemplateResult } from 'lit-html';
 import { html, property, query, customElement } from 'lit-element';
-import BXComboBoxItem from '@carbon/carbon-web-components/es/components/combo-box/combo-box-item.js';
-import Close16 from '@carbon/carbon-web-components/es/icons/close/16.js';
+import BXComboBoxItem from '@carbon/web-components/es/components/combo-box/combo-box-item.js';
+import Close16 from '@carbon/web-components/es/icons/close/16.js';
 import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
 import { findIndex, forEach } from '../../globals/internal/collection-helpers';
 import DDSDropdown, { DROPDOWN_KEYBOARD_ACTION } from './dropdown';
diff --git a/packages/web-components/src/components/footer/defs.ts b/packages/web-components/src/components/footer/defs.ts
index 5ab75aad6e8..c2759fee3f0 100644
--- a/packages/web-components/src/components/footer/defs.ts
+++ b/packages/web-components/src/components/footer/defs.ts
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export { FORM_ELEMENT_COLOR_SCHEME as DROPDOWN_COLOR_SCHEME } from '@carbon/carbon-web-components/es/globals/shared-enums.js';
+export { FORM_ELEMENT_COLOR_SCHEME as DROPDOWN_COLOR_SCHEME } from '@carbon/web-components/es/globals/shared-enums.js';
 
 /**
  * Footer size.
diff --git a/packages/web-components/src/components/footer/dropdown.ts b/packages/web-components/src/components/footer/dropdown.ts
index c79bfe723b7..7f89829278f 100644
--- a/packages/web-components/src/components/footer/dropdown.ts
+++ b/packages/web-components/src/components/footer/dropdown.ts
@@ -12,10 +12,10 @@ import { classMap } from 'lit-html/directives/class-map.js';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { html, query, customElement, property } from 'lit-element';
 import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
-import BXDropdown from '@carbon/carbon-web-components/es/components/dropdown/dropdown.js';
-import BXDropdownItem from '@carbon/carbon-web-components/es/components/dropdown/dropdown-item.js';
-import ChevronDown16 from '@carbon/carbon-web-components/es/icons/chevron--down/16.js';
-import WarningFilled16 from '@carbon/carbon-web-components/es/icons/warning--filled/16.js';
+import BXDropdown from '@carbon/web-components/es/components/dropdown/dropdown.js';
+import BXDropdownItem from '@carbon/web-components/es/components/dropdown/dropdown-item.js';
+import ChevronDown16 from '@carbon/web-components/es/icons/chevron--down/16.js';
+import WarningFilled16 from '@carbon/web-components/es/icons/warning--filled/16.js';
 import {
   DROPDOWN_COLOR_SCHEME,
   DROPDOWN_KEYBOARD_ACTION,
diff --git a/packages/web-components/src/components/footer/footer-composite.ts b/packages/web-components/src/components/footer/footer-composite.ts
index 87e35080bd4..467e74eae6d 100644
--- a/packages/web-components/src/components/footer/footer-composite.ts
+++ b/packages/web-components/src/components/footer/footer-composite.ts
@@ -8,9 +8,9 @@
  */
 
 import { html, property, customElement, LitElement } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import LocaleAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/Locale/Locale';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import HybridRenderMixin from '../../globals/mixins/hybrid-render';
@@ -37,8 +37,8 @@ import './legal-nav-item';
 import './legal-nav-cookie-preferences-placeholder';
 import './language-selector-desktop';
 import './language-selector-mobile';
-import '@carbon/carbon-web-components/es/components/combo-box/combo-box-item.js';
-import '@carbon/carbon-web-components/es/components/select/select-item.js';
+import '@carbon/web-components/es/components/combo-box/combo-box-item.js';
+import '@carbon/web-components/es/components/select/select-item.js';
 
 const { stablePrefix: ddsPrefix } = ddsSettings;
 
diff --git a/packages/web-components/src/components/footer/footer-logo.ts b/packages/web-components/src/components/footer/footer-logo.ts
index c31db783fe0..d331c44ed44 100644
--- a/packages/web-components/src/components/footer/footer-logo.ts
+++ b/packages/web-components/src/components/footer/footer-logo.ts
@@ -9,8 +9,8 @@
 
 import { html, svg, property, customElement, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import IBM8BarLogoH65White from '@carbon/ibmdotcom-styles/icons/svg/IBM-8bar-logo--h65-white.svg';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
diff --git a/packages/web-components/src/components/footer/footer-nav-group.ts b/packages/web-components/src/components/footer/footer-nav-group.ts
index ece8c2e0590..47c94f766ef 100644
--- a/packages/web-components/src/components/footer/footer-nav-group.ts
+++ b/packages/web-components/src/components/footer/footer-nav-group.ts
@@ -9,7 +9,7 @@
 
 import { html, property, state, customElement, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ChevronRight16 from '@carbon/carbon-web-components/es/icons/chevron--right/16.js';
+import ChevronRight16 from '@carbon/web-components/es/icons/chevron--right/16.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import Handle from '../../globals/internal/handle';
diff --git a/packages/web-components/src/components/footer/footer-nav-item.ts b/packages/web-components/src/components/footer/footer-nav-item.ts
index a6d3fce0eca..966bd17805b 100644
--- a/packages/web-components/src/components/footer/footer-nav-item.ts
+++ b/packages/web-components/src/components/footer/footer-nav-item.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, property, customElement } from 'lit-element';
-import BXLink from '@carbon/carbon-web-components/es/components/link/link.js';
+import BXLink from '@carbon/web-components/es/components/link/link.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './footer.scss';
diff --git a/packages/web-components/src/components/footer/language-selector-desktop.ts b/packages/web-components/src/components/footer/language-selector-desktop.ts
index 73b256c8188..f0a42661da7 100644
--- a/packages/web-components/src/components/footer/language-selector-desktop.ts
+++ b/packages/web-components/src/components/footer/language-selector-desktop.ts
@@ -8,9 +8,9 @@
  */
 
 import { property, customElement, query, state } from 'lit-element';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
-import BXComboBoxItem from '@carbon/carbon-web-components/es/components/combo-box/combo-box-item.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
+import BXComboBoxItem from '@carbon/web-components/es/components/combo-box/combo-box-item.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import { LANGUAGE_SELECTOR_STYLE_SCHEME } from './defs';
 import DDSComboBox, { DROPDOWN_SIZE } from './combo-box';
diff --git a/packages/web-components/src/components/footer/language-selector-mobile.ts b/packages/web-components/src/components/footer/language-selector-mobile.ts
index 47d2274027a..0f5e61b8ce1 100644
--- a/packages/web-components/src/components/footer/language-selector-mobile.ts
+++ b/packages/web-components/src/components/footer/language-selector-mobile.ts
@@ -8,8 +8,8 @@
  */
 
 import { property, customElement } from 'lit-element';
-import BXSelect from '@carbon/carbon-web-components/es/components/select/select.js';
-import { INPUT_SIZE } from '@carbon/carbon-web-components/es/components/input/input.js';
+import BXSelect from '@carbon/web-components/es/components/select/select.js';
+import { INPUT_SIZE } from '@carbon/web-components/es/components/input/input.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './footer.scss';
 
diff --git a/packages/web-components/src/components/footer/locale-button.ts b/packages/web-components/src/components/footer/locale-button.ts
index c05b836677a..b51acbaf18d 100644
--- a/packages/web-components/src/components/footer/locale-button.ts
+++ b/packages/web-components/src/components/footer/locale-button.ts
@@ -8,9 +8,9 @@
  */
 
 import { html, property, customElement, LitElement } from 'lit-element';
-import EarthFilled16 from '@carbon/carbon-web-components/es/icons/earth--filled/16.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import EarthFilled16 from '@carbon/web-components/es/icons/earth--filled/16.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import { FOOTER_SIZE } from './footer';
diff --git a/packages/web-components/src/components/horizontal-rule/__stories__/horizontal-rule.stories.ts b/packages/web-components/src/components/horizontal-rule/__stories__/horizontal-rule.stories.ts
index 9fd97cbba87..b61b2eb88b7 100644
--- a/packages/web-components/src/components/horizontal-rule/__stories__/horizontal-rule.stories.ts
+++ b/packages/web-components/src/components/horizontal-rule/__stories__/horizontal-rule.stories.ts
@@ -9,7 +9,7 @@
 
 import { select } from '@storybook/addon-knobs';
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import '../horizontal-rule';
 import readme from './README.stories.mdx';
 
diff --git a/packages/web-components/src/components/horizontal-rule/__tests__/horizontal-rule.test.ts b/packages/web-components/src/components/horizontal-rule/__tests__/horizontal-rule.test.ts
index 0d371778650..42694c14b0b 100644
--- a/packages/web-components/src/components/horizontal-rule/__tests__/horizontal-rule.test.ts
+++ b/packages/web-components/src/components/horizontal-rule/__tests__/horizontal-rule.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import '../horizontal-rule';
 
 const template = (props?) => {
diff --git a/packages/web-components/src/components/image-with-caption/image-with-caption.ts b/packages/web-components/src/components/image-with-caption/image-with-caption.ts
index b6a30465a20..48809be33f3 100644
--- a/packages/web-components/src/components/image-with-caption/image-with-caption.ts
+++ b/packages/web-components/src/components/image-with-caption/image-with-caption.ts
@@ -10,14 +10,14 @@
 import { html, property, customElement, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import on from 'carbon-components/es/globals/js/misc/on.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
 import '../expressive-modal/expressive-modal';
 import '../expressive-modal/expressive-modal-close-button';
 import '../image/image';
 import '../lightbox-media-viewer/lightbox-image-viewer';
 import '../button/button';
-import ZoomIn20 from '@carbon/carbon-web-components/es/icons/zoom--in/20.js';
+import ZoomIn20 from '@carbon/web-components/es/icons/zoom--in/20.js';
 import deprecate from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/deprecate/deprecate';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './image-with-caption.scss';
diff --git a/packages/web-components/src/components/image/__stories__/image.stories.ts b/packages/web-components/src/components/image/__stories__/image.stories.ts
index 83672d0e6c2..58c5e2440b1 100644
--- a/packages/web-components/src/components/image/__stories__/image.stories.ts
+++ b/packages/web-components/src/components/image/__stories__/image.stories.ts
@@ -9,7 +9,7 @@
 
 import '../image';
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { select, boolean } from '@storybook/addon-knobs';
 // eslint-disable-next-line sort-imports
 import imgLg16x9 from '../../../../../storybook-images/assets/720/fpo--16x9--720x405--005.jpg';
diff --git a/packages/web-components/src/components/image/image.ts b/packages/web-components/src/components/image/image.ts
index eae98241485..ad7d85c8bc6 100644
--- a/packages/web-components/src/components/image/image.ts
+++ b/packages/web-components/src/components/image/image.ts
@@ -11,13 +11,13 @@ import { html, property, customElement, LitElement, state } from 'lit-element';
 import { classMap } from 'lit-html/directives/class-map.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import on from 'carbon-components/es/globals/js/misc/on.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
 import '../expressive-modal/expressive-modal';
 import '../expressive-modal/expressive-modal-close-button';
 import '../lightbox-media-viewer/lightbox-image-viewer';
 import '../button/button';
-import ZoomIn20 from '@carbon/carbon-web-components/es/icons/zoom--in/20.js';
+import ZoomIn20 from '@carbon/web-components/es/icons/zoom--in/20.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './image.scss';
 import ModalRenderMixin from '../../globals/mixins/modal-render';
diff --git a/packages/web-components/src/components/leadspace-block/__stories__/leadspace-block.stories.ts b/packages/web-components/src/components/leadspace-block/__stories__/leadspace-block.stories.ts
index dfe9dfe2387..4941f610bf2 100644
--- a/packages/web-components/src/components/leadspace-block/__stories__/leadspace-block.stories.ts
+++ b/packages/web-components/src/components/leadspace-block/__stories__/leadspace-block.stories.ts
@@ -9,8 +9,8 @@
 
 import { html } from 'lit-element';
 import { text } from '@storybook/addon-knobs';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
-import Download20 from '@carbon/carbon-web-components/es/icons/download/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
+import Download20 from '@carbon/web-components/es/icons/download/20';
 
 import '../index';
 import '../../link-list/index';
diff --git a/packages/web-components/src/components/leadspace/__stories__/README.stories.mdx b/packages/web-components/src/components/leadspace/__stories__/README.stories.mdx
index 025b2a087df..7cd7c84241f 100644
--- a/packages/web-components/src/components/leadspace/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/leadspace/__stories__/README.stories.mdx
@@ -1,12 +1,13 @@
-import { Preview, Props, Description, Story } from '@storybook/addon-docs/blocks';
+import {
+  Preview,
+  Props,
+  Description,
+  Story,
+} from '@storybook/addon-docs/blocks';
 import '../leadspace';
 import contributing from '../../../../../../docs/contributing-license.md';
 import { cdnJs, cdnCss } from '../../../globals/internal/storybook-cdn';
 
-
-
-
-
 # LeadSpace
 
 > 💡 Check our
@@ -25,7 +26,7 @@ Here's a quick example to get you started.
 import '@carbon/ibmdotcom-web-components/es/components/leadspace/index.js';
 
 // icon for the button
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
 ```
 
 <Description markdown={`${cdnJs({ components: ['leadspace'] })}`} />
@@ -41,55 +42,67 @@ import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20
   <dds-button-group slot="action">
     <dds-button-group-item href="www.example.com">
       Button 1
-      <svg ...>
-        ...
-      </svg>
+      <svg ...>...</svg>
     </dds-button-group-item>
     <dds-button-group-item href="www.example.com">
       Button 2
-      <svg ...>
-        ...
-      </svg>
+      <svg ...>...</svg>
     </dds-button-group-item>
   </dds-button-group>
-  <dds-background-media mobile-position="bottom" opacity="100" alt="alt text" default-src="https://picsum.photos/id/1076/1056/480">
-    <dds-image-item media="(min-width: 672px)" srcset="https://picsum.photos/id/1076/672/400"></dds-image-item>
-    <dds-image-item media="(min-width: 0)" srcset="https://picsum.photos/id/1076/320/370"></dds-image-item>
+  <dds-background-media
+    mobile-position="bottom"
+    opacity="100"
+    alt="alt text"
+    default-src="https://picsum.photos/id/1076/1056/480"
+  >
+    <dds-image-item
+      media="(min-width: 672px)"
+      srcset="https://picsum.photos/id/1076/672/400"
+    ></dds-image-item>
+    <dds-image-item
+      media="(min-width: 0)"
+      srcset="https://picsum.photos/id/1076/320/370"
+    ></dds-image-item>
   </dds-background-media>
 </dds-leadspace>
 ```
 
 ## Using a background video
 
-It is possible to display a video instead of an image. To do so, use the `video-player-container` component within the `background-media` componet as such:
+It is possible to display a video instead of an image. To do so, use the
+`video-player-container` component within the `background-media` componet as
+such:
 
 ```html
-    <dds-leadspace>
-      <dds-leadspace-heading>LeadSpace title</dds-leadspace-heading>
-      Leadspace copy
-      <dds-button-group slot="action">
-        <dds-button-group-item href="www.example.com">
-          Button 1
-          <svg ...>
-            ...
-          </svg>
-        </dds-button-group-item>
-        <dds-button-group-item href="www.example.com">
-          Button 2
-          <svg ...>
-            ...
-          </svg>
-        </dds-button-group-item>
-      </dds-button-group>
-      <dds-background-media mobile-position="bottom" opacity="100">
-        <dds-video-player-container video-id="1_9h94wo6b" background-mode="true"></dds-video-player-container>
-      </dds-background-media>
-    </dds-leadspace>
+<dds-leadspace>
+  <dds-leadspace-heading>LeadSpace title</dds-leadspace-heading>
+  Leadspace copy
+  <dds-button-group slot="action">
+    <dds-button-group-item href="www.example.com">
+      Button 1
+      <svg ...>...</svg>
+    </dds-button-group-item>
+    <dds-button-group-item href="www.example.com">
+      Button 2
+      <svg ...>...</svg>
+    </dds-button-group-item>
+  </dds-button-group>
+  <dds-background-media mobile-position="bottom" opacity="100">
+    <dds-video-player-container
+      video-id="1_9h94wo6b"
+      background-mode="true"
+    ></dds-video-player-container>
+  </dds-background-media>
+</dds-leadspace>
 ```
 
 ## Using video player CTA button
 
-If using the video player cta in the Leadspace, make sure to follow the guidelines in the [CTA documentation](/?path=/docs/components-cta--text#using-a-video-player). As the Leadspace reserves the "action" slot for its CTAs, make sure to include `slot='action'` as an attribute to `video-cta-container`:
+If using the video player cta in the Leadspace, make sure to follow the
+guidelines in the
+[CTA documentation](/?path=/docs/components-cta--text#using-a-video-player). As
+the Leadspace reserves the "action" slot for its CTAs, make sure to include
+`slot='action'` as an attribute to `video-cta-container`:
 
 ```html
 <dds-leadspace alt="alt text" default-src="www.example.com">
@@ -97,23 +110,30 @@ If using the video player cta in the Leadspace, make sure to follow the guidelin
   LeadSpace copy
   <dds-video-cta-container slot="action">
     <dds-button-group slot="action">
-      <dds-button-cta cta-type='video' href="1_9h94wo6b">
+      <dds-button-cta cta-type="video" href="1_9h94wo6b">
         Button 1
-        <svg ...>
-          ...
-        </svg>
+        <svg ...>...</svg>
       </dds-button-cta>
       <dds-button-group-item href="www.example.com">
         Button 2
-        <svg ...>
-          ...
-        </svg>
+        <svg ...>...</svg>
       </dds-button-group-item>
     </dds-button-group>
   </dds-video-cta-container>
-  <dds-background-media mobile-position="bottom" opacity="100" alt="alt text" default-src="https://picsum.photos/id/1076/1056/480">
-    <dds-image-item media="(min-width: 672px)" srcset="https://picsum.photos/id/1076/672/400"></dds-image-item>
-    <dds-image-item media="(min-width: 0)" srcset="https://picsum.photos/id/1076/320/370"></dds-image-item>
+  <dds-background-media
+    mobile-position="bottom"
+    opacity="100"
+    alt="alt text"
+    default-src="https://picsum.photos/id/1076/1056/480"
+  >
+    <dds-image-item
+      media="(min-width: 672px)"
+      srcset="https://picsum.photos/id/1076/672/400"
+    ></dds-image-item>
+    <dds-image-item
+      media="(min-width: 0)"
+      srcset="https://picsum.photos/id/1076/320/370"
+    ></dds-image-item>
   </dds-background-media>
 </dds-leadspace>
 ```
@@ -124,7 +144,9 @@ If using the video player cta in the Leadspace, make sure to follow the guidelin
 
 ## Stable selectors
 
-See [our README](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components#stable-selectors-for-analytics-and-integratione2e-testing-in-web-components) to see how Web Components selector and `data-autoid` should be used.
+See
+[our README](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components#stable-selectors-for-analytics-and-integratione2e-testing-in-web-components)
+to see how Web Components selector and `data-autoid` should be used.
 
 | Web Components selector | Compatibility selector         | Description |
 | ----------------------- | ------------------------------ | ----------- |
diff --git a/packages/web-components/src/components/leadspace/__stories__/leadspace.stories.ts b/packages/web-components/src/components/leadspace/__stories__/leadspace.stories.ts
index 139697b3db8..cc645425cd6 100644
--- a/packages/web-components/src/components/leadspace/__stories__/leadspace.stories.ts
+++ b/packages/web-components/src/components/leadspace/__stories__/leadspace.stories.ts
@@ -9,10 +9,10 @@
 
 import { text, select, number } from '@storybook/addon-knobs';
 import { html } from 'lit-element';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
-import ArrowDown20 from '@carbon/carbon-web-components/es/icons/arrow--down/20.js';
-import Pdf20 from '@carbon/carbon-web-components/es/icons/PDF/20.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
+import ArrowDown20 from '@carbon/web-components/es/icons/arrow--down/20.js';
+import Pdf20 from '@carbon/web-components/es/icons/PDF/20.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 
 // Above import is interface-only ref and thus code won't be brought into the build
 import '../index';
diff --git a/packages/web-components/src/components/leadspace/breadcrumb-item.ts b/packages/web-components/src/components/leadspace/breadcrumb-item.ts
index 2a13df87317..6ae46ee4821 100644
--- a/packages/web-components/src/components/leadspace/breadcrumb-item.ts
+++ b/packages/web-components/src/components/leadspace/breadcrumb-item.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement } from 'lit-element';
-import BXBreadcrumbItem from '@carbon/carbon-web-components/es/components/breadcrumb/breadcrumb-item.js';
+import BXBreadcrumbItem from '@carbon/web-components/es/components/breadcrumb/breadcrumb-item.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import styles from './leadspace.scss';
diff --git a/packages/web-components/src/components/leadspace/breadcrumb-link.ts b/packages/web-components/src/components/leadspace/breadcrumb-link.ts
index e832b6bc444..b696d2cd440 100644
--- a/packages/web-components/src/components/leadspace/breadcrumb-link.ts
+++ b/packages/web-components/src/components/leadspace/breadcrumb-link.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement } from 'lit-element';
-import BXBreadcrumbLink from '@carbon/carbon-web-components/es/components/breadcrumb/breadcrumb-link.js';
+import BXBreadcrumbLink from '@carbon/web-components/es/components/breadcrumb/breadcrumb-link.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import styles from './leadspace.scss';
diff --git a/packages/web-components/src/components/leadspace/breadcrumb.ts b/packages/web-components/src/components/leadspace/breadcrumb.ts
index c1be2fdda01..d3c21b69815 100644
--- a/packages/web-components/src/components/leadspace/breadcrumb.ts
+++ b/packages/web-components/src/components/leadspace/breadcrumb.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement } from 'lit-element';
-import BXBreadcrumb from '@carbon/carbon-web-components/es/components/breadcrumb/breadcrumb.js';
+import BXBreadcrumb from '@carbon/web-components/es/components/breadcrumb/breadcrumb.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import styles from './leadspace.scss';
diff --git a/packages/web-components/src/components/leadspace/leadspace.scss b/packages/web-components/src/components/leadspace/leadspace.scss
index ac0be5f1433..7ef94a2384f 100644
--- a/packages/web-components/src/components/leadspace/leadspace.scss
+++ b/packages/web-components/src/components/leadspace/leadspace.scss
@@ -7,7 +7,7 @@
 
 @import '@carbon/ibmdotcom-styles/scss/globals/vars';
 @import '@carbon/ibmdotcom-styles/scss/components/leadspace/leadspace';
-@import '@carbon/carbon-web-components/scss/components/breadcrumb/breadcrumb';
+@import '@carbon/web-components/scss/components/breadcrumb/breadcrumb';
 
 :host(#{$dds-prefix}-leadspace) {
   display: block;
diff --git a/packages/web-components/src/components/leaving-ibm/__stories__/leaving-ibm.stories.ts b/packages/web-components/src/components/leaving-ibm/__stories__/leaving-ibm.stories.ts
index a093dbcb9a8..c7c3bfaa285 100644
--- a/packages/web-components/src/components/leaving-ibm/__stories__/leaving-ibm.stories.ts
+++ b/packages/web-components/src/components/leaving-ibm/__stories__/leaving-ibm.stories.ts
@@ -9,7 +9,7 @@
 
 import { html } from 'lit-element';
 import { text, select } from '@storybook/addon-knobs';
-import Launch20 from '@carbon/carbon-web-components/es/icons/launch/20.js';
+import Launch20 from '@carbon/web-components/es/icons/launch/20.js';
 import styles from './leaving-ibm.stories.scss';
 import mediumImgLg1x1 from '../../../../../storybook-images/assets/720/fpo--1x1--720x720--004.jpg';
 import '../index';
diff --git a/packages/web-components/src/components/leaving-ibm/leaving-ibm-composite.ts b/packages/web-components/src/components/leaving-ibm/leaving-ibm-composite.ts
index c539b0200e7..d7d082e5fe5 100644
--- a/packages/web-components/src/components/leaving-ibm/leaving-ibm-composite.ts
+++ b/packages/web-components/src/components/leaving-ibm/leaving-ibm-composite.ts
@@ -8,9 +8,9 @@
  */
 
 import { html, property, customElement, LitElement } from 'lit-element';
-import BXModal from '@carbon/carbon-web-components/es/components/modal/modal.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
+import BXModal from '@carbon/web-components/es/components/modal/modal.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import {
   LeavingIBMLabels,
@@ -21,10 +21,10 @@ import './leaving-ibm-modal-body';
 import './leaving-ibm-modal-heading';
 import './leaving-ibm-modal-supplemental';
 import ModalRenderMixin from '../../globals/mixins/modal-render';
-import '@carbon/carbon-web-components/es/components/modal/modal-header.js';
-import '@carbon/carbon-web-components/es/components/modal/modal-close-button.js';
-import '@carbon/carbon-web-components/es/components/modal/modal-footer.js';
-import '@carbon/carbon-web-components/es/components/button/button.js';
+import '@carbon/web-components/es/components/modal/modal-header.js';
+import '@carbon/web-components/es/components/modal/modal-close-button.js';
+import '@carbon/web-components/es/components/modal/modal-footer.js';
+import '@carbon/web-components/es/components/button/button.js';
 import styles from './leaving-ibm.scss';
 
 const { stablePrefix: ddsPrefix } = ddsSettings;
diff --git a/packages/web-components/src/components/leaving-ibm/leaving-ibm-modal-body.ts b/packages/web-components/src/components/leaving-ibm/leaving-ibm-modal-body.ts
index 94f2cf79493..e43310e79b0 100644
--- a/packages/web-components/src/components/leaving-ibm/leaving-ibm-modal-body.ts
+++ b/packages/web-components/src/components/leaving-ibm/leaving-ibm-modal-body.ts
@@ -8,10 +8,10 @@
  */
 
 import { customElement, html, property } from 'lit-element';
-import BXModalBody from '@carbon/carbon-web-components/es/components/modal/modal-body.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import BXModalBody from '@carbon/web-components/es/components/modal/modal-body.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
-import '@carbon/carbon-web-components/es/components/link/link.js';
+import '@carbon/web-components/es/components/link/link.js';
 import styles from './leaving-ibm.scss';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 
diff --git a/packages/web-components/src/components/leaving-ibm/leaving-ibm-modal-heading.ts b/packages/web-components/src/components/leaving-ibm/leaving-ibm-modal-heading.ts
index 49172c07c0e..721e62ec35e 100644
--- a/packages/web-components/src/components/leaving-ibm/leaving-ibm-modal-heading.ts
+++ b/packages/web-components/src/components/leaving-ibm/leaving-ibm-modal-heading.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement } from 'lit-element';
-import BXModalHeading from '@carbon/carbon-web-components/es/components/modal/modal-heading.js';
+import BXModalHeading from '@carbon/web-components/es/components/modal/modal-heading.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './leaving-ibm.scss';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
diff --git a/packages/web-components/src/components/leaving-ibm/leaving-ibm-modal.ts b/packages/web-components/src/components/leaving-ibm/leaving-ibm-modal.ts
index 9ccb0f82d87..64391be33cd 100644
--- a/packages/web-components/src/components/leaving-ibm/leaving-ibm-modal.ts
+++ b/packages/web-components/src/components/leaving-ibm/leaving-ibm-modal.ts
@@ -10,8 +10,8 @@
 import { property, customElement } from 'lit-element';
 import BXModal, {
   MODAL_SIZE,
-} from '@carbon/carbon-web-components/es/components/modal/modal.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
+} from '@carbon/web-components/es/components/modal/modal.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import styles from './leaving-ibm.scss';
diff --git a/packages/web-components/src/components/leaving-ibm/leaving-ibm.scss b/packages/web-components/src/components/leaving-ibm/leaving-ibm.scss
index c4422204765..09c2cd6da20 100644
--- a/packages/web-components/src/components/leaving-ibm/leaving-ibm.scss
+++ b/packages/web-components/src/components/leaving-ibm/leaving-ibm.scss
@@ -6,7 +6,7 @@
 //
 
 @import '@carbon/ibmdotcom-styles/scss/globals/vars';
-@import '@carbon/carbon-web-components/scss/components/modal/modal';
+@import '@carbon/web-components/scss/components/modal/modal';
 
 :host(#{$dds-prefix}-leaving-ibm-composite),
 :host(#{$dds-prefix}-leaving-ibm-container) {
diff --git a/packages/web-components/src/components/lightbox-media-viewer/__stories__/lightbox-media-viewer.stories.ts b/packages/web-components/src/components/lightbox-media-viewer/__stories__/lightbox-media-viewer.stories.ts
index 9facda46b95..0b08e04597d 100644
--- a/packages/web-components/src/components/lightbox-media-viewer/__stories__/lightbox-media-viewer.stories.ts
+++ b/packages/web-components/src/components/lightbox-media-viewer/__stories__/lightbox-media-viewer.stories.ts
@@ -10,8 +10,8 @@
 import { html } from 'lit-element';
 import { action } from '@storybook/addon-actions';
 import { boolean, select } from '@storybook/addon-knobs';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import '@carbon/carbon-web-components/es/components/modal/modal-close-button.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import '@carbon/web-components/es/components/modal/modal-close-button.js';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 import '../index';
 import '../../carousel/index';
diff --git a/packages/web-components/src/components/lightbox-media-viewer/__tests__/lightbox-image-viewer.test.ts b/packages/web-components/src/components/lightbox-media-viewer/__tests__/lightbox-image-viewer.test.ts
index 7a285ed1f89..6c2c955148c 100644
--- a/packages/web-components/src/components/lightbox-media-viewer/__tests__/lightbox-image-viewer.test.ts
+++ b/packages/web-components/src/components/lightbox-media-viewer/__tests__/lightbox-image-viewer.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import '../lightbox-image-viewer';
 
 const template = (props?) => {
diff --git a/packages/web-components/src/components/lightbox-media-viewer/__tests__/lightbox-video-player-composite.test.ts b/packages/web-components/src/components/lightbox-media-viewer/__tests__/lightbox-video-player-composite.test.ts
index 9811cb11db5..7c2d701b34d 100644
--- a/packages/web-components/src/components/lightbox-media-viewer/__tests__/lightbox-video-player-composite.test.ts
+++ b/packages/web-components/src/components/lightbox-media-viewer/__tests__/lightbox-video-player-composite.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import DDSLightboxVideoPlayer from '../lightbox-video-player';
 import DDSLightboxVideoPlayerComposite from '../lightbox-video-player-composite';
 // Above import is interface-only ref and thus code won't be brought into the build
diff --git a/packages/web-components/src/components/lightbox-media-viewer/__tests__/lightbox-video-player.test.ts b/packages/web-components/src/components/lightbox-media-viewer/__tests__/lightbox-video-player.test.ts
index 9bb7b90ea7a..caaa05bb4a3 100644
--- a/packages/web-components/src/components/lightbox-media-viewer/__tests__/lightbox-video-player.test.ts
+++ b/packages/web-components/src/components/lightbox-media-viewer/__tests__/lightbox-video-player.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import '../lightbox-video-player';
 
 const template = (props?) => {
diff --git a/packages/web-components/src/components/lightbox-media-viewer/lightbox-image-viewer.ts b/packages/web-components/src/components/lightbox-media-viewer/lightbox-image-viewer.ts
index 33066b1158a..c580914ed96 100644
--- a/packages/web-components/src/components/lightbox-media-viewer/lightbox-image-viewer.ts
+++ b/packages/web-components/src/components/lightbox-media-viewer/lightbox-image-viewer.ts
@@ -9,7 +9,7 @@
 
 import { html, property, customElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import DDSLightboxMediaViewerBody from './lightbox-media-viewer-body';
 import '../expressive-modal/expressive-modal';
diff --git a/packages/web-components/src/components/lightbox-media-viewer/lightbox-media-viewer-body.ts b/packages/web-components/src/components/lightbox-media-viewer/lightbox-media-viewer-body.ts
index 1bb59f69a22..9760249b011 100644
--- a/packages/web-components/src/components/lightbox-media-viewer/lightbox-media-viewer-body.ts
+++ b/packages/web-components/src/components/lightbox-media-viewer/lightbox-media-viewer-body.ts
@@ -9,7 +9,7 @@
 
 import { html, LitElement, TemplateResult } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './lightbox-media-viewer.scss';
 
diff --git a/packages/web-components/src/components/lightbox-media-viewer/lightbox-video-player-composite.ts b/packages/web-components/src/components/lightbox-media-viewer/lightbox-video-player-composite.ts
index 224952017e7..c3308e7991d 100644
--- a/packages/web-components/src/components/lightbox-media-viewer/lightbox-video-player-composite.ts
+++ b/packages/web-components/src/components/lightbox-media-viewer/lightbox-video-player-composite.ts
@@ -9,8 +9,8 @@
 
 import { html, property, customElement } from 'lit-element';
 import on from 'carbon-components/es/globals/js/misc/on.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import { MediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI.d';
 import ModalRenderMixin from '../../globals/mixins/modal-render';
diff --git a/packages/web-components/src/components/link-list-section/__stories__/link-list-section.stories.ts b/packages/web-components/src/components/link-list-section/__stories__/link-list-section.stories.ts
index 1bcf958d7ba..6eedac5252e 100644
--- a/packages/web-components/src/components/link-list-section/__stories__/link-list-section.stories.ts
+++ b/packages/web-components/src/components/link-list-section/__stories__/link-list-section.stories.ts
@@ -8,7 +8,7 @@
  */
 
 import { html } from 'lit-element';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
 import '../index';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 import readme from './README.stories.mdx';
diff --git a/packages/web-components/src/components/link-list/__stories__/link-list.stories.ts b/packages/web-components/src/components/link-list/__stories__/link-list.stories.ts
index 1844a72b914..ac1c1a8907f 100644
--- a/packages/web-components/src/components/link-list/__stories__/link-list.stories.ts
+++ b/packages/web-components/src/components/link-list/__stories__/link-list.stories.ts
@@ -8,8 +8,8 @@
  */
 
 import { html } from 'lit-element';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { select } from '@storybook/addon-knobs';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 import { CTA_TYPE } from '../../cta/defs';
diff --git a/packages/web-components/src/components/link-with-icon/__stories__/link-with-icon.stories.ts b/packages/web-components/src/components/link-with-icon/__stories__/link-with-icon.stories.ts
index a108827c271..c61206ad27e 100644
--- a/packages/web-components/src/components/link-with-icon/__stories__/link-with-icon.stories.ts
+++ b/packages/web-components/src/components/link-with-icon/__stories__/link-with-icon.stories.ts
@@ -10,8 +10,8 @@
 import { html } from 'lit-element';
 import { action } from '@storybook/addon-actions';
 import { boolean, select } from '@storybook/addon-knobs';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 import readme from './README.stories.mdx';
 import { ICON_PLACEMENT } from '../link-with-icon';
diff --git a/packages/web-components/src/components/link-with-icon/link-with-icon.ts b/packages/web-components/src/components/link-with-icon/link-with-icon.ts
index 660a47ac861..c9beea8b1aa 100644
--- a/packages/web-components/src/components/link-with-icon/link-with-icon.ts
+++ b/packages/web-components/src/components/link-with-icon/link-with-icon.ts
@@ -10,7 +10,7 @@
 import { html, customElement, TemplateResult, property } from 'lit-element';
 import BXLink, {
   LINK_SIZE,
-} from '@carbon/carbon-web-components/es/components/link/link.js';
+} from '@carbon/web-components/es/components/link/link.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import { ICON_PLACEMENT } from '../../globals/defs';
diff --git a/packages/web-components/src/components/locale-modal/__stories__/locale-modal.stories.react.tsx b/packages/web-components/src/components/locale-modal/__stories__/locale-modal.stories.react.tsx
index 91865516ad9..a473f904ec3 100644
--- a/packages/web-components/src/components/locale-modal/__stories__/locale-modal.stories.react.tsx
+++ b/packages/web-components/src/components/locale-modal/__stories__/locale-modal.stories.react.tsx
@@ -12,7 +12,7 @@ import React from 'react';
 // In our dev env, we auto-generate the file and re-map below path to to point to the generated file.
 // @ts-ignore
 import DDSLocaleModalContainer from '@carbon/ibmdotcom-web-components/es/components-react/locale-modal/locale-modal-container.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import localeData from './locale-data.json';
 
 import readme from './README.stories.react.mdx';
diff --git a/packages/web-components/src/components/locale-modal/__stories__/locale-modal.stories.ts b/packages/web-components/src/components/locale-modal/__stories__/locale-modal.stories.ts
index 80051ce8ac9..6c1d2cb1329 100644
--- a/packages/web-components/src/components/locale-modal/__stories__/locale-modal.stories.ts
+++ b/packages/web-components/src/components/locale-modal/__stories__/locale-modal.stories.ts
@@ -9,7 +9,7 @@
 
 import { html } from 'lit-element';
 import inPercy from '@percy-io/in-percy';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 import localeData from './locale-data.json';
 import styles from './locale-modal.stories.scss';
diff --git a/packages/web-components/src/components/locale-modal/__tests__/locale-item.test.ts b/packages/web-components/src/components/locale-modal/__tests__/locale-item.test.ts
index d788e40c9bd..942a8c82f34 100644
--- a/packages/web-components/src/components/locale-modal/__tests__/locale-item.test.ts
+++ b/packages/web-components/src/components/locale-modal/__tests__/locale-item.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import '../locale-item';
 
 const template = (props?) => {
diff --git a/packages/web-components/src/components/locale-modal/__tests__/locale-modal-composite.test.ts b/packages/web-components/src/components/locale-modal/__tests__/locale-modal-composite.test.ts
index cdc9ec7849c..a77af563883 100644
--- a/packages/web-components/src/components/locale-modal/__tests__/locale-modal-composite.test.ts
+++ b/packages/web-components/src/components/locale-modal/__tests__/locale-modal-composite.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { LocaleList } from '../../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';
 // Above import is interface-only ref and thus code won't be brought into the build
 import '../locale-modal-container';
diff --git a/packages/web-components/src/components/locale-modal/__tests__/locale-modal.test.ts b/packages/web-components/src/components/locale-modal/__tests__/locale-modal.test.ts
index 3c0c3e7aaa3..a85d95472dd 100644
--- a/packages/web-components/src/components/locale-modal/__tests__/locale-modal.test.ts
+++ b/packages/web-components/src/components/locale-modal/__tests__/locale-modal.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import '../locale-modal';
 import '../regions';
 import '../region-item';
diff --git a/packages/web-components/src/components/locale-modal/__tests__/locale-search.test.ts b/packages/web-components/src/components/locale-modal/__tests__/locale-search.test.ts
index ea51f5e155d..eeb0e483177 100644
--- a/packages/web-components/src/components/locale-modal/__tests__/locale-search.test.ts
+++ b/packages/web-components/src/components/locale-modal/__tests__/locale-search.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import DDSSearch from '../../search/search';
 import DDSLocaleSearch from '../locale-search';
 import '../locale-item';
diff --git a/packages/web-components/src/components/locale-modal/__tests__/region-item.test.ts b/packages/web-components/src/components/locale-modal/__tests__/region-item.test.ts
index 8b16bafe85e..6f83c547f7d 100644
--- a/packages/web-components/src/components/locale-modal/__tests__/region-item.test.ts
+++ b/packages/web-components/src/components/locale-modal/__tests__/region-item.test.ts
@@ -8,9 +8,9 @@
  */
 
 import { html, render } from 'lit-html';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
-import Error20 from '@carbon/carbon-web-components/es/icons/error/20.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
+import Error20 from '@carbon/web-components/es/icons/error/20.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import '../region-item';
 
 const template = (props?) => {
diff --git a/packages/web-components/src/components/locale-modal/locale-item.ts b/packages/web-components/src/components/locale-modal/locale-item.ts
index 2d3dc6a1b8f..f78b116fe8f 100644
--- a/packages/web-components/src/components/locale-modal/locale-item.ts
+++ b/packages/web-components/src/components/locale-modal/locale-item.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, property, customElement } from 'lit-element';
-import BXLink from '@carbon/carbon-web-components/es/components/link/link.js';
+import BXLink from '@carbon/web-components/es/components/link/link.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './locale-modal.scss';
diff --git a/packages/web-components/src/components/locale-modal/locale-modal-composite.ts b/packages/web-components/src/components/locale-modal/locale-modal-composite.ts
index 5049c7e5ec5..d2f7e5ff4f3 100644
--- a/packages/web-components/src/components/locale-modal/locale-modal-composite.ts
+++ b/packages/web-components/src/components/locale-modal/locale-modal-composite.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, property, customElement, LitElement } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import LocaleAPI from '@carbon/ibmdotcom-services/es/services/Locale/Locale.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import altlangs from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/altlangs/altlangs.js';
diff --git a/packages/web-components/src/components/locale-modal/locale-modal.ts b/packages/web-components/src/components/locale-modal/locale-modal.ts
index 481a29092f8..f0cd5d4e8da 100644
--- a/packages/web-components/src/components/locale-modal/locale-modal.ts
+++ b/packages/web-components/src/components/locale-modal/locale-modal.ts
@@ -9,11 +9,11 @@
 
 import { html, property, state, customElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ArrowLeft20 from '@carbon/carbon-web-components/es/icons/arrow--left/20.js';
-import EarthFilled16 from '@carbon/carbon-web-components/es/icons/earth--filled/16.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import { selectorTabbable } from '@carbon/carbon-web-components/es/globals/settings.js';
+import ArrowLeft20 from '@carbon/web-components/es/icons/arrow--left/20.js';
+import EarthFilled16 from '@carbon/web-components/es/icons/earth--filled/16.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import { selectorTabbable } from '@carbon/web-components/es/globals/settings.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import DDSExpressiveModal from '../expressive-modal/expressive-modal';
 import '../expressive-modal/expressive-modal-header';
diff --git a/packages/web-components/src/components/locale-modal/locale-search.ts b/packages/web-components/src/components/locale-modal/locale-search.ts
index 9bf81b16194..10539b403c4 100644
--- a/packages/web-components/src/components/locale-modal/locale-search.ts
+++ b/packages/web-components/src/components/locale-modal/locale-search.ts
@@ -16,7 +16,7 @@ import {
   LitElement,
 } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import { INPUT_SIZE } from '@carbon/carbon-web-components/es/components/input/input.js';
+import { INPUT_SIZE } from '@carbon/web-components/es/components/input/input.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import ThrottedInputMixin from '../../globals/mixins/throttled-input';
 import { forEach } from '../../globals/internal/collection-helpers';
diff --git a/packages/web-components/src/components/locale-modal/region-item.ts b/packages/web-components/src/components/locale-modal/region-item.ts
index 42191ae94cf..13b66fcbb5e 100644
--- a/packages/web-components/src/components/locale-modal/region-item.ts
+++ b/packages/web-components/src/components/locale-modal/region-item.ts
@@ -9,9 +9,9 @@
 
 import { html, property, customElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
-import BXLink from '@carbon/carbon-web-components/es/components/link/link.js';
-import Error20 from '@carbon/carbon-web-components/es/icons/error/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
+import BXLink from '@carbon/web-components/es/components/link/link.js';
+import Error20 from '@carbon/web-components/es/icons/error/20.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './locale-modal.scss';
 
diff --git a/packages/web-components/src/components/locale-modal/regions.ts b/packages/web-components/src/components/locale-modal/regions.ts
index 25f7d94e718..c4e39be7d2a 100644
--- a/packages/web-components/src/components/locale-modal/regions.ts
+++ b/packages/web-components/src/components/locale-modal/regions.ts
@@ -10,7 +10,7 @@
 import { html, property, customElement, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
-import '@carbon/carbon-web-components/es/components/search/search.js';
+import '@carbon/web-components/es/components/search/search.js';
 import styles from './locale-modal.scss';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 
diff --git a/packages/web-components/src/components/logo-grid/__stories__/logo-grid.stories.ts b/packages/web-components/src/components/logo-grid/__stories__/logo-grid.stories.ts
index 9783caf2bee..231deeb71ab 100644
--- a/packages/web-components/src/components/logo-grid/__stories__/logo-grid.stories.ts
+++ b/packages/web-components/src/components/logo-grid/__stories__/logo-grid.stories.ts
@@ -15,7 +15,7 @@ import '../../card-link/card-link-heading';
 import '../../card/card-footer';
 import { boolean, text, select } from '@storybook/addon-knobs';
 import { html } from 'lit-element';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
 import logos from './data/logos.js';
 import readme from './README.stories.mdx';
 import textNullable from '../../../../.storybook/knob-text-nullable';
diff --git a/packages/web-components/src/components/markdown/markdown.ts b/packages/web-components/src/components/markdown/markdown.ts
index 74e2c0eec69..b0eb464c641 100644
--- a/packages/web-components/src/components/markdown/markdown.ts
+++ b/packages/web-components/src/components/markdown/markdown.ts
@@ -11,10 +11,10 @@ import { render } from 'lit-html';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
 import { html, property, customElement, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import '@carbon/carbon-web-components/es/components/link/link.js';
-import '@carbon/carbon-web-components/es/components/list/ordered-list.js';
-import '@carbon/carbon-web-components/es/components/list/unordered-list.js';
-import '@carbon/carbon-web-components/es/components/list/list-item.js';
+import '@carbon/web-components/es/components/link/link.js';
+import '@carbon/web-components/es/components/list/ordered-list.js';
+import '@carbon/web-components/es/components/list/unordered-list.js';
+import '@carbon/web-components/es/components/list/list-item.js';
 import markdownToHtml from '@carbon/ibmdotcom-utilities/es/utilities/markdownToHtml/markdownToHtml.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './markdown.scss';
diff --git a/packages/web-components/src/components/masthead/__stories__/cloud-masthead.stories.ts b/packages/web-components/src/components/masthead/__stories__/cloud-masthead.stories.ts
index 3a82c604334..4a78a08f102 100644
--- a/packages/web-components/src/components/masthead/__stories__/cloud-masthead.stories.ts
+++ b/packages/web-components/src/components/masthead/__stories__/cloud-masthead.stories.ts
@@ -10,7 +10,7 @@
 import { html } from 'lit-element';
 import { select } from '@storybook/addon-knobs';
 import on from 'carbon-components/es/globals/js/misc/on.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import inPercy from '@percy-io/in-percy';
 import DDSLeftNav from '../left-nav';
 import '../masthead-container';
diff --git a/packages/web-components/src/components/masthead/__stories__/masthead.stories.ts b/packages/web-components/src/components/masthead/__stories__/masthead.stories.ts
index 497dd92d2c9..7f65f488506 100644
--- a/packages/web-components/src/components/masthead/__stories__/masthead.stories.ts
+++ b/packages/web-components/src/components/masthead/__stories__/masthead.stories.ts
@@ -10,7 +10,7 @@
 import { html } from 'lit-element';
 import { boolean, select } from '@storybook/addon-knobs';
 import on from 'carbon-components/es/globals/js/misc/on.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import inPercy from '@percy-io/in-percy';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 import DDSLeftNav from '../left-nav';
diff --git a/packages/web-components/src/components/masthead/__stories__/scoped-search-masthead.stories.ts b/packages/web-components/src/components/masthead/__stories__/scoped-search-masthead.stories.ts
index a8dcb6e1167..77aa1d24431 100644
--- a/packages/web-components/src/components/masthead/__stories__/scoped-search-masthead.stories.ts
+++ b/packages/web-components/src/components/masthead/__stories__/scoped-search-masthead.stories.ts
@@ -10,7 +10,7 @@
 import { html } from 'lit-element';
 import { boolean, select } from '@storybook/addon-knobs';
 import on from 'carbon-components/es/globals/js/misc/on.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import inPercy from '@percy-io/in-percy';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 import DDSLeftNav from '../left-nav';
diff --git a/packages/web-components/src/components/masthead/__tests__/left-nav-menu.test.ts b/packages/web-components/src/components/masthead/__tests__/left-nav-menu.test.ts
index 64158cd63a6..b2adbf6a21d 100644
--- a/packages/web-components/src/components/masthead/__tests__/left-nav-menu.test.ts
+++ b/packages/web-components/src/components/masthead/__tests__/left-nav-menu.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import '../left-nav-menu';
 
 const template = (props?) => {
diff --git a/packages/web-components/src/components/masthead/__tests__/left-nav.test.ts b/packages/web-components/src/components/masthead/__tests__/left-nav.test.ts
index 2898cf19f9b..1303a5ad997 100644
--- a/packages/web-components/src/components/masthead/__tests__/left-nav.test.ts
+++ b/packages/web-components/src/components/masthead/__tests__/left-nav.test.ts
@@ -8,8 +8,8 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import { SIDE_NAV_USAGE_MODE } from '@carbon/carbon-web-components/es/components/ui-shell/side-nav.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import { SIDE_NAV_USAGE_MODE } from '@carbon/web-components/es/components/ui-shell/side-nav.js';
 import '../left-nav';
 import DDSLeftNavOverlay from '../left-nav-overlay';
 
diff --git a/packages/web-components/src/components/masthead/__tests__/masthead-composite.test.ts b/packages/web-components/src/components/masthead/__tests__/masthead-composite.test.ts
index 9a35777bb26..a0b9e106fb1 100644
--- a/packages/web-components/src/components/masthead/__tests__/masthead-composite.test.ts
+++ b/packages/web-components/src/components/masthead/__tests__/masthead-composite.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import EventManager from '../../../../tests/utils/event-manager';
 import { MastheadLink } from '../../../internal/vendor/@carbon/ibmdotcom-services-store/types/translateAPI.d';
 import DDSMastheadComposite from '../masthead-composite';
diff --git a/packages/web-components/src/components/masthead/__tests__/masthead-logo.test.ts b/packages/web-components/src/components/masthead/__tests__/masthead-logo.test.ts
index e8aad4f66c4..d5d8f43395c 100644
--- a/packages/web-components/src/components/masthead/__tests__/masthead-logo.test.ts
+++ b/packages/web-components/src/components/masthead/__tests__/masthead-logo.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import '../masthead-logo';
 
 const template = (props?) => {
diff --git a/packages/web-components/src/components/masthead/__tests__/masthead-profile.test.ts b/packages/web-components/src/components/masthead/__tests__/masthead-profile.test.ts
index 81be86c46be..25a97b19cb1 100644
--- a/packages/web-components/src/components/masthead/__tests__/masthead-profile.test.ts
+++ b/packages/web-components/src/components/masthead/__tests__/masthead-profile.test.ts
@@ -8,9 +8,9 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import User20 from '@carbon/carbon-web-components/es/icons/user/20.js';
-import UserOnline20 from '@carbon/carbon-web-components/es/icons/user--online/20.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import User20 from '@carbon/web-components/es/icons/user/20.js';
+import UserOnline20 from '@carbon/web-components/es/icons/user--online/20.js';
 import DDSMastheadProfile from '../masthead-profile';
 
 const template = (props?) => {
diff --git a/packages/web-components/src/components/masthead/cloud/cloud-left-nav-item.ts b/packages/web-components/src/components/masthead/cloud/cloud-left-nav-item.ts
index 6de6b79e302..4bbc68a9cbf 100644
--- a/packages/web-components/src/components/masthead/cloud/cloud-left-nav-item.ts
+++ b/packages/web-components/src/components/masthead/cloud/cloud-left-nav-item.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement } from 'lit-element';
-import BXSideNavLink from '@carbon/carbon-web-components/es/components/ui-shell/side-nav-link.js';
+import BXSideNavLink from '@carbon/web-components/es/components/ui-shell/side-nav-link.js';
 import ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './cloud-masthead.scss';
 
diff --git a/packages/web-components/src/components/masthead/cloud/cloud-masthead-composite.ts b/packages/web-components/src/components/masthead/cloud/cloud-masthead-composite.ts
index 3759c936589..6a44bbf2cf6 100644
--- a/packages/web-components/src/components/masthead/cloud/cloud-masthead-composite.ts
+++ b/packages/web-components/src/components/masthead/cloud/cloud-masthead-composite.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement, html, property } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import { globalInit } from '../../../internal/vendor/@carbon/ibmdotcom-services/services/global/global';
 import './cloud-button-cta';
diff --git a/packages/web-components/src/components/masthead/cloud/cloud-masthead-profile.ts b/packages/web-components/src/components/masthead/cloud/cloud-masthead-profile.ts
index 5baee325715..5749021dc5c 100644
--- a/packages/web-components/src/components/masthead/cloud/cloud-masthead-profile.ts
+++ b/packages/web-components/src/components/masthead/cloud/cloud-masthead-profile.ts
@@ -10,7 +10,7 @@
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { html, customElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import User20 from '@carbon/carbon-web-components/es/icons/user/20.js';
+import User20 from '@carbon/web-components/es/icons/user/20.js';
 import ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './cloud-masthead.scss';
 import DDSMastheadProfile from '../masthead-profile';
diff --git a/packages/web-components/src/components/masthead/cloud/cloud-megamenu-category-heading.ts b/packages/web-components/src/components/masthead/cloud/cloud-megamenu-category-heading.ts
index 650c874756e..ea8be0f1294 100644
--- a/packages/web-components/src/components/masthead/cloud/cloud-megamenu-category-heading.ts
+++ b/packages/web-components/src/components/masthead/cloud/cloud-megamenu-category-heading.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, customElement, LitElement, property } from 'lit-element';
-import ArrowRight32 from '@carbon/carbon-web-components/es/icons/arrow--right/32.js';
+import ArrowRight32 from '@carbon/web-components/es/icons/arrow--right/32.js';
 import ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './cloud-masthead.scss';
 
diff --git a/packages/web-components/src/components/masthead/cloud/cloud-megamenu-category-link.ts b/packages/web-components/src/components/masthead/cloud/cloud-megamenu-category-link.ts
index 2b08a4d230e..19657786e92 100644
--- a/packages/web-components/src/components/masthead/cloud/cloud-megamenu-category-link.ts
+++ b/packages/web-components/src/components/masthead/cloud/cloud-megamenu-category-link.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, property, customElement } from 'lit-element';
-import BXLink from '@carbon/carbon-web-components/es/components/link/link.js';
+import BXLink from '@carbon/web-components/es/components/link/link.js';
 import ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './cloud-masthead.scss';
 
diff --git a/packages/web-components/src/components/masthead/cloud/cloud-megamenu-tab.ts b/packages/web-components/src/components/masthead/cloud/cloud-megamenu-tab.ts
index a623c8467a2..f96a618da12 100644
--- a/packages/web-components/src/components/masthead/cloud/cloud-megamenu-tab.ts
+++ b/packages/web-components/src/components/masthead/cloud/cloud-megamenu-tab.ts
@@ -9,7 +9,7 @@
 
 import { customElement, html } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import BXTab from '@carbon/carbon-web-components/es/components/tabs/tab.js';
+import BXTab from '@carbon/web-components/es/components/tabs/tab.js';
 import ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './cloud-masthead.scss';
 
diff --git a/packages/web-components/src/components/masthead/cloud/cloud-megamenu-tabs.ts b/packages/web-components/src/components/masthead/cloud/cloud-megamenu-tabs.ts
index 73610efcf83..d0f5b011ca9 100644
--- a/packages/web-components/src/components/masthead/cloud/cloud-megamenu-tabs.ts
+++ b/packages/web-components/src/components/masthead/cloud/cloud-megamenu-tabs.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement } from 'lit-element';
-import BXTabs from '@carbon/carbon-web-components/es/components/tabs/tabs.js';
+import BXTabs from '@carbon/web-components/es/components/tabs/tabs.js';
 import ddsSettings from '../../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './cloud-masthead.scss';
 
diff --git a/packages/web-components/src/components/masthead/left-nav-item.ts b/packages/web-components/src/components/masthead/left-nav-item.ts
index 5b3fbeb95e7..9bcf722c26b 100644
--- a/packages/web-components/src/components/masthead/left-nav-item.ts
+++ b/packages/web-components/src/components/masthead/left-nav-item.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement } from 'lit-element';
-import BXSideNavLink from '@carbon/carbon-web-components/es/components/ui-shell/side-nav-link.js';
+import BXSideNavLink from '@carbon/web-components/es/components/ui-shell/side-nav-link.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './masthead.scss';
 
diff --git a/packages/web-components/src/components/masthead/left-nav-menu-item.ts b/packages/web-components/src/components/masthead/left-nav-menu-item.ts
index 1f0179a5b89..fb33d4eb446 100644
--- a/packages/web-components/src/components/masthead/left-nav-menu-item.ts
+++ b/packages/web-components/src/components/masthead/left-nav-menu-item.ts
@@ -10,7 +10,7 @@
 import { classMap } from 'lit-html/directives/class-map.js';
 import { html, customElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import BXSideNavMenuItem from '@carbon/carbon-web-components/es/components/ui-shell/side-nav-menu-item.js';
+import BXSideNavMenuItem from '@carbon/web-components/es/components/ui-shell/side-nav-menu-item.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './masthead.scss';
 
diff --git a/packages/web-components/src/components/masthead/left-nav-menu-section.ts b/packages/web-components/src/components/masthead/left-nav-menu-section.ts
index 8999eddb3d6..5c3a0594cfd 100644
--- a/packages/web-components/src/components/masthead/left-nav-menu-section.ts
+++ b/packages/web-components/src/components/masthead/left-nav-menu-section.ts
@@ -9,12 +9,12 @@
 
 import { html, property, customElement, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
-import ChevronLeft20 from '@carbon/carbon-web-components/es/icons/chevron--left/20.js';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
-import { selectorTabbable } from '@carbon/carbon-web-components/es/globals/settings.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
+import ChevronLeft20 from '@carbon/web-components/es/icons/chevron--left/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
+import { selectorTabbable } from '@carbon/web-components/es/globals/settings.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import { forEach } from '../../globals/internal/collection-helpers';
 import styles from './masthead.scss';
diff --git a/packages/web-components/src/components/masthead/left-nav-menu.ts b/packages/web-components/src/components/masthead/left-nav-menu.ts
index 03cf6e5e8b8..9e1ebe6061c 100644
--- a/packages/web-components/src/components/masthead/left-nav-menu.ts
+++ b/packages/web-components/src/components/masthead/left-nav-menu.ts
@@ -10,8 +10,8 @@
 import { classMap } from 'lit-html/directives/class-map.js';
 import { html, property, customElement, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ChevronDown20 from '@carbon/carbon-web-components/es/icons/chevron--down/20.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
+import ChevronDown20 from '@carbon/web-components/es/icons/chevron--down/20.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './masthead.scss';
 
diff --git a/packages/web-components/src/components/masthead/left-nav-name.ts b/packages/web-components/src/components/masthead/left-nav-name.ts
index 922b0378974..bba59217a26 100644
--- a/packages/web-components/src/components/masthead/left-nav-name.ts
+++ b/packages/web-components/src/components/masthead/left-nav-name.ts
@@ -9,8 +9,8 @@
 
 import { html, property, customElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import BXHeaderName from '@carbon/carbon-web-components/es/components/ui-shell/header-name.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import BXHeaderName from '@carbon/web-components/es/components/ui-shell/header-name.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './masthead.scss';
 import DDSLeftNav from './left-nav';
diff --git a/packages/web-components/src/components/masthead/left-nav.ts b/packages/web-components/src/components/masthead/left-nav.ts
index 023ec9989c8..1022b7140e2 100644
--- a/packages/web-components/src/components/masthead/left-nav.ts
+++ b/packages/web-components/src/components/masthead/left-nav.ts
@@ -10,11 +10,11 @@
 import findLast from 'lodash-es/findLast.js';
 import { html, query, property, customElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import { selectorTabbable } from '@carbon/carbon-web-components/es/globals/settings.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
+import { selectorTabbable } from '@carbon/web-components/es/globals/settings.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
 import BXSideNav, {
   SIDE_NAV_USAGE_MODE,
-} from '@carbon/carbon-web-components/es/components/ui-shell/side-nav.js';
+} from '@carbon/web-components/es/components/ui-shell/side-nav.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import focuswrap from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/focuswrap/focuswrap';
 import { find, forEach } from '../../globals/internal/collection-helpers';
diff --git a/packages/web-components/src/components/masthead/masthead-composite.ts b/packages/web-components/src/components/masthead/masthead-composite.ts
index 58d5e5c90da..61e10acc4cf 100644
--- a/packages/web-components/src/components/masthead/masthead-composite.ts
+++ b/packages/web-components/src/components/masthead/masthead-composite.ts
@@ -9,8 +9,8 @@
 
 import { html, property, customElement, LitElement } from 'lit-element';
 import { nothing } from 'lit-html';
-import ArrowRight16 from '@carbon/carbon-web-components/es/icons/arrow--right/16.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ArrowRight16 from '@carbon/web-components/es/icons/arrow--right/16.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';
 import root from 'window-or-global';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
diff --git a/packages/web-components/src/components/masthead/masthead-global-bar.ts b/packages/web-components/src/components/masthead/masthead-global-bar.ts
index da352582fe3..27f3107242a 100644
--- a/packages/web-components/src/components/masthead/masthead-global-bar.ts
+++ b/packages/web-components/src/components/masthead/masthead-global-bar.ts
@@ -9,9 +9,9 @@
 
 import { classMap } from 'lit-html/directives/class-map.js';
 import { html, property, customElement, LitElement } from 'lit-element';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './masthead.scss';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
diff --git a/packages/web-components/src/components/masthead/masthead-logo.ts b/packages/web-components/src/components/masthead/masthead-logo.ts
index ccb4babd198..e85e0fed9bf 100644
--- a/packages/web-components/src/components/masthead/masthead-logo.ts
+++ b/packages/web-components/src/components/masthead/masthead-logo.ts
@@ -8,11 +8,11 @@
  */
 
 import { html, state, property, customElement } from 'lit-element';
-import BXLink from '@carbon/carbon-web-components/es/components/link/link.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import BXLink from '@carbon/web-components/es/components/link/link.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
 import IBM8BarLogoH23 from '@carbon/ibmdotcom-styles/icons/svg/IBM-8bar-logo--h23.svg';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './masthead.scss';
diff --git a/packages/web-components/src/components/masthead/masthead-menu-button.ts b/packages/web-components/src/components/masthead/masthead-menu-button.ts
index 508291e1b7b..86c550e0b63 100644
--- a/packages/web-components/src/components/masthead/masthead-menu-button.ts
+++ b/packages/web-components/src/components/masthead/masthead-menu-button.ts
@@ -9,10 +9,10 @@
 
 import { classMap } from 'lit-html/directives/class-map.js';
 import { html, state, property, query, customElement } from 'lit-element';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import BXHeaderMenuButton from '@carbon/carbon-web-components/es/components/ui-shell/header-menu-button.js';
+import BXHeaderMenuButton from '@carbon/web-components/es/components/ui-shell/header-menu-button.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import focuswrap from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/focuswrap/focuswrap';
 import Handle from '../../globals/internal/handle';
diff --git a/packages/web-components/src/components/masthead/masthead-profile-item.ts b/packages/web-components/src/components/masthead/masthead-profile-item.ts
index 3d80ea76f73..e477a9d2e45 100644
--- a/packages/web-components/src/components/masthead/masthead-profile-item.ts
+++ b/packages/web-components/src/components/masthead/masthead-profile-item.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement } from 'lit-element';
-import BXHeaderMenuItem from '@carbon/carbon-web-components/es/components/ui-shell/header-menu-item.js';
+import BXHeaderMenuItem from '@carbon/web-components/es/components/ui-shell/header-menu-item.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './masthead.scss';
 
diff --git a/packages/web-components/src/components/masthead/masthead-profile.ts b/packages/web-components/src/components/masthead/masthead-profile.ts
index 29ab2716911..b80f5c33777 100644
--- a/packages/web-components/src/components/masthead/masthead-profile.ts
+++ b/packages/web-components/src/components/masthead/masthead-profile.ts
@@ -10,11 +10,11 @@
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { html, property, query, customElement, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import User20 from '@carbon/carbon-web-components/es/icons/user/20.js';
-import UserOnline20 from '@carbon/carbon-web-components/es/icons/user--online/20.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
+import User20 from '@carbon/web-components/es/icons/user/20.js';
+import UserOnline20 from '@carbon/web-components/es/icons/user--online/20.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './masthead.scss';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
diff --git a/packages/web-components/src/components/masthead/masthead.scss b/packages/web-components/src/components/masthead/masthead.scss
index 4de5a473832..20812bc5990 100644
--- a/packages/web-components/src/components/masthead/masthead.scss
+++ b/packages/web-components/src/components/masthead/masthead.scss
@@ -13,9 +13,9 @@
 @import '@carbon/ibmdotcom-styles/scss/components/masthead/masthead-top-nav-name';
 @import '@carbon/ibmdotcom-styles/scss/components/search-with-typeahead/search-with-typeahead';
 @import '@carbon/ibmdotcom-styles/scss/components/masthead/masthead-l1';
-@import '@carbon/carbon-web-components/scss/components/tooltip/tooltip';
-@import '@carbon/carbon-web-components/scss/components/ui-shell/header';
-@import '@carbon/carbon-web-components/scss/components/ui-shell/side-nav';
+@import '@carbon/web-components/scss/components/tooltip/tooltip';
+@import '@carbon/web-components/scss/components/ui-shell/header';
+@import '@carbon/web-components/scss/components/ui-shell/side-nav';
 @import '@carbon/ibmdotcom-styles/scss/components/masthead/masthead-megamenu';
 @import '../../globals/scss/box-sizing';
 
diff --git a/packages/web-components/src/components/masthead/megamenu-category-group.ts b/packages/web-components/src/components/masthead/megamenu-category-group.ts
index a55e9d3d908..29b852f659e 100644
--- a/packages/web-components/src/components/masthead/megamenu-category-group.ts
+++ b/packages/web-components/src/components/masthead/megamenu-category-group.ts
@@ -8,8 +8,8 @@
  */
 
 import { html, customElement, LitElement, property } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import ArrowRight16 from '@carbon/carbon-web-components/es/icons/arrow--right/16.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import ArrowRight16 from '@carbon/web-components/es/icons/arrow--right/16.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './masthead.scss';
diff --git a/packages/web-components/src/components/masthead/megamenu-category-link.ts b/packages/web-components/src/components/masthead/megamenu-category-link.ts
index 185d1726b57..5f5da2a3484 100644
--- a/packages/web-components/src/components/masthead/megamenu-category-link.ts
+++ b/packages/web-components/src/components/masthead/megamenu-category-link.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, property, customElement } from 'lit-element';
-import BXLink from '@carbon/carbon-web-components/es/components/link/link.js';
+import BXLink from '@carbon/web-components/es/components/link/link.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './masthead.scss';
 
diff --git a/packages/web-components/src/components/masthead/megamenu-link-with-icon.ts b/packages/web-components/src/components/masthead/megamenu-link-with-icon.ts
index 4ef1bd0de98..566a076e7c4 100644
--- a/packages/web-components/src/components/masthead/megamenu-link-with-icon.ts
+++ b/packages/web-components/src/components/masthead/megamenu-link-with-icon.ts
@@ -8,7 +8,7 @@
  */
 
 import { css, customElement, property } from 'lit-element';
-import BXLink from '@carbon/carbon-web-components/es/components/link/link.js';
+import BXLink from '@carbon/web-components/es/components/link/link.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import { MEGAMENU_LINK_WITH_ICON_STYLE_SCHEME } from './defs';
 import styles from './masthead.scss';
diff --git a/packages/web-components/src/components/masthead/megamenu-right-navigation.ts b/packages/web-components/src/components/masthead/megamenu-right-navigation.ts
index 32eb21afed0..767a75b2afb 100644
--- a/packages/web-components/src/components/masthead/megamenu-right-navigation.ts
+++ b/packages/web-components/src/components/masthead/megamenu-right-navigation.ts
@@ -9,7 +9,7 @@
 
 import { html, property, customElement, LitElement } from 'lit-element';
 import { classMap } from 'lit-html/directives/class-map.js';
-import ArrowRight16 from '@carbon/carbon-web-components/es/icons/arrow--right/16.js';
+import ArrowRight16 from '@carbon/web-components/es/icons/arrow--right/16.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import { MEGAMENU_RIGHT_NAVIGATION_STYLE_SCHEME } from './defs';
diff --git a/packages/web-components/src/components/masthead/skip-to-content.ts b/packages/web-components/src/components/masthead/skip-to-content.ts
index 7d116bfc912..4cd8028f58a 100644
--- a/packages/web-components/src/components/masthead/skip-to-content.ts
+++ b/packages/web-components/src/components/masthead/skip-to-content.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement, property } from 'lit-element';
-import BXSkipToContent from '@carbon/carbon-web-components/es/components/skip-to-content/skip-to-content.js';
+import BXSkipToContent from '@carbon/web-components/es/components/skip-to-content/skip-to-content.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './masthead.scss';
 
diff --git a/packages/web-components/src/components/masthead/top-nav-item.ts b/packages/web-components/src/components/masthead/top-nav-item.ts
index 8cd898a81c7..2ec223b0ba8 100644
--- a/packages/web-components/src/components/masthead/top-nav-item.ts
+++ b/packages/web-components/src/components/masthead/top-nav-item.ts
@@ -8,7 +8,7 @@
  */
 
 import { property, query, customElement } from 'lit-element';
-import BXHeaderNavItem from '@carbon/carbon-web-components/es/components/ui-shell/header-nav-item.js';
+import BXHeaderNavItem from '@carbon/web-components/es/components/ui-shell/header-nav-item.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './masthead.scss';
 
diff --git a/packages/web-components/src/components/masthead/top-nav-menu-item.ts b/packages/web-components/src/components/masthead/top-nav-menu-item.ts
index 137ea96c47f..201efdf160a 100644
--- a/packages/web-components/src/components/masthead/top-nav-menu-item.ts
+++ b/packages/web-components/src/components/masthead/top-nav-menu-item.ts
@@ -8,7 +8,7 @@
  */
 
 import { customElement } from 'lit-element';
-import BXHeaderMenuItem from '@carbon/carbon-web-components/es/components/ui-shell/header-menu-item.js';
+import BXHeaderMenuItem from '@carbon/web-components/es/components/ui-shell/header-menu-item.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './masthead.scss';
 
diff --git a/packages/web-components/src/components/masthead/top-nav-menu.ts b/packages/web-components/src/components/masthead/top-nav-menu.ts
index 6d5f99e49cf..89582faa043 100644
--- a/packages/web-components/src/components/masthead/top-nav-menu.ts
+++ b/packages/web-components/src/components/masthead/top-nav-menu.ts
@@ -8,7 +8,7 @@
  */
 
 import { property, query, customElement } from 'lit-element';
-import BXHeaderMenu from '@carbon/carbon-web-components/es/components/ui-shell/header-menu.js';
+import BXHeaderMenu from '@carbon/web-components/es/components/ui-shell/header-menu.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './masthead.scss';
 
diff --git a/packages/web-components/src/components/masthead/top-nav-name.ts b/packages/web-components/src/components/masthead/top-nav-name.ts
index 92fd10357d0..ead81762308 100644
--- a/packages/web-components/src/components/masthead/top-nav-name.ts
+++ b/packages/web-components/src/components/masthead/top-nav-name.ts
@@ -9,7 +9,7 @@
 
 import { html, customElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import DDSMastheadTopNav from './top-nav';
 import DDSLeftNavName from './left-nav-name';
diff --git a/packages/web-components/src/components/masthead/top-nav.ts b/packages/web-components/src/components/masthead/top-nav.ts
index d979a279dd1..30726f9af3e 100644
--- a/packages/web-components/src/components/masthead/top-nav.ts
+++ b/packages/web-components/src/components/masthead/top-nav.ts
@@ -10,12 +10,12 @@
 import { classMap } from 'lit-html/directives/class-map.js';
 import { html, property, state, query, customElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import CaretLeft20 from '@carbon/carbon-web-components/es/icons/caret--left/20.js';
-import CaretRight20 from '@carbon/carbon-web-components/es/icons/caret--right/20.js';
-import BXHeaderNav from '@carbon/carbon-web-components/es/components/ui-shell/header-nav.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import CaretLeft20 from '@carbon/web-components/es/icons/caret--left/20.js';
+import CaretRight20 from '@carbon/web-components/es/icons/caret--right/20.js';
+import BXHeaderNav from '@carbon/web-components/es/components/ui-shell/header-nav.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import styles from './masthead.scss';
diff --git a/packages/web-components/src/components/pictogram-item/__stories__/pictogram-item.stories.ts b/packages/web-components/src/components/pictogram-item/__stories__/pictogram-item.stories.ts
index a0202cb57d1..ca9ca9ef1a6 100644
--- a/packages/web-components/src/components/pictogram-item/__stories__/pictogram-item.stories.ts
+++ b/packages/web-components/src/components/pictogram-item/__stories__/pictogram-item.stories.ts
@@ -9,7 +9,7 @@
 
 import { html } from 'lit-element';
 import '../index';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 import { select } from '@storybook/addon-knobs';
 import styles from './pictogram-item.stories.scss';
 import { COLOR_OPTIONS } from '../defs';
diff --git a/packages/web-components/src/components/pricing-table/__stories__/pricing-table.stories.ts b/packages/web-components/src/components/pricing-table/__stories__/pricing-table.stories.ts
index ce7954fc6fb..26d33c1f434 100644
--- a/packages/web-components/src/components/pricing-table/__stories__/pricing-table.stories.ts
+++ b/packages/web-components/src/components/pricing-table/__stories__/pricing-table.stories.ts
@@ -11,7 +11,7 @@ import { html, TemplateResult } from 'lit-element';
 import { number, text } from '@storybook/addon-knobs';
 import readme from './README.stories.mdx';
 import '../index';
-import '@carbon/carbon-web-components/es/components/tooltip/index.js';
+import '@carbon/web-components/es/components/tooltip/index.js';
 import textNullable from '../../../../.storybook/knob-text-nullable';
 import { PRICING_TABLE_HEADER_CELL_TYPES } from '../defs';
 import styles from './pricing-table.stories.scss';
diff --git a/packages/web-components/src/components/pricing-table/pricing-table-annotation-toggle.ts b/packages/web-components/src/components/pricing-table/pricing-table-annotation-toggle.ts
index cd320fe82d0..2f51c1ee0a7 100644
--- a/packages/web-components/src/components/pricing-table/pricing-table-annotation-toggle.ts
+++ b/packages/web-components/src/components/pricing-table/pricing-table-annotation-toggle.ts
@@ -9,8 +9,8 @@
 
 import { customElement, html, LitElement, property } from 'lit-element';
 import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
-import ChevronDown16 from '@carbon/carbon-web-components/es/icons/chevron--down/16.js';
-import Close16 from '@carbon/carbon-web-components/es/icons/close/16.js';
+import ChevronDown16 from '@carbon/web-components/es/icons/chevron--down/16.js';
+import Close16 from '@carbon/web-components/es/icons/close/16.js';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import styles from './pricing-table.scss';
 import DDSPricingTableRow from './pricing-table-row';
diff --git a/packages/web-components/src/components/pricing-table/pricing-table-cell.ts b/packages/web-components/src/components/pricing-table/pricing-table-cell.ts
index 1802ba85719..3fbfaddd8e6 100644
--- a/packages/web-components/src/components/pricing-table/pricing-table-cell.ts
+++ b/packages/web-components/src/components/pricing-table/pricing-table-cell.ts
@@ -10,8 +10,8 @@
 import { customElement, html } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import DDSStructuredListCell from '../structured-list/structured-list-cell';
 import DDSPricingTableGroup from './pricing-table-group';
diff --git a/packages/web-components/src/components/pricing-table/pricing-table.ts b/packages/web-components/src/components/pricing-table/pricing-table.ts
index 8515a15e545..4255ebb7aff 100644
--- a/packages/web-components/src/components/pricing-table/pricing-table.ts
+++ b/packages/web-components/src/components/pricing-table/pricing-table.ts
@@ -9,8 +9,8 @@
 
 import { customElement, property, query, html } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
 import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
 import { slow01 } from '@carbon/motion/es/index';
 import StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';
diff --git a/packages/web-components/src/components/quote/__stories__/quote.stories.ts b/packages/web-components/src/components/quote/__stories__/quote.stories.ts
index d19dd392dc3..7ca8ed4e093 100644
--- a/packages/web-components/src/components/quote/__stories__/quote.stories.ts
+++ b/packages/web-components/src/components/quote/__stories__/quote.stories.ts
@@ -9,7 +9,7 @@
 
 import { select } from '@storybook/addon-knobs';
 import { html } from 'lit-element';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
 import { QUOTE_TYPES, QUOTE_COLOR_SCHEMES } from '../quote';
 import '../index';
 import '../quote-link-with-icon';
diff --git a/packages/web-components/src/components/search-with-typeahead/__tests__/search-with-typeahead.test.ts b/packages/web-components/src/components/search-with-typeahead/__tests__/search-with-typeahead.test.ts
index 442874526e0..ef38d91efdb 100644
--- a/packages/web-components/src/components/search-with-typeahead/__tests__/search-with-typeahead.test.ts
+++ b/packages/web-components/src/components/search-with-typeahead/__tests__/search-with-typeahead.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { find } from '../../../globals/internal/collection-helpers';
 import EventManager from '../../../../tests/utils/event-manager';
 import DDSSearchWithTypeahead from '../search-with-typeahead';
diff --git a/packages/web-components/src/components/search-with-typeahead/scoped-search-dropdown-mobile.ts b/packages/web-components/src/components/search-with-typeahead/scoped-search-dropdown-mobile.ts
index 4e6109b84b8..492e7bd8351 100644
--- a/packages/web-components/src/components/search-with-typeahead/scoped-search-dropdown-mobile.ts
+++ b/packages/web-components/src/components/search-with-typeahead/scoped-search-dropdown-mobile.ts
@@ -9,12 +9,12 @@
 
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import Filter20 from '@carbon/carbon-web-components/es/icons/filter/20.js';
+import Filter20 from '@carbon/web-components/es/icons/filter/20.js';
 import { property, customElement, html } from 'lit-element';
-import BXSelect from '@carbon/carbon-web-components/es/components/select/select.js';
-import { INPUT_SIZE } from '@carbon/carbon-web-components/es/components/input/input.js';
+import BXSelect from '@carbon/web-components/es/components/select/select.js';
+import { INPUT_SIZE } from '@carbon/web-components/es/components/input/input.js';
 import { classMap } from 'lit-html/directives/class-map.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import { filter } from '../../globals/internal/collection-helpers';
 import styles from './search-with-typeahead.scss';
diff --git a/packages/web-components/src/components/search-with-typeahead/search-with-typeahead.ts b/packages/web-components/src/components/search-with-typeahead/search-with-typeahead.ts
index 1acbce83686..f0192ab25c5 100644
--- a/packages/web-components/src/components/search-with-typeahead/search-with-typeahead.ts
+++ b/packages/web-components/src/components/search-with-typeahead/search-with-typeahead.ts
@@ -7,18 +7,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { classMap } from 'lit-html/directives/class-map.js';
 import { html, property, query, customElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import Close20 from '@carbon/carbon-web-components/es/icons/close/20.js';
-import Search20 from '@carbon/carbon-web-components/es/icons/search/20.js';
+import Close20 from '@carbon/web-components/es/icons/close/20.js';
+import Search20 from '@carbon/web-components/es/icons/search/20.js';
 import BXDropdown, {
   DROPDOWN_KEYBOARD_ACTION,
-} from '@carbon/carbon-web-components/es/components/dropdown/dropdown.js';
-import BXDropdownItem from '@carbon/carbon-web-components/es/components/dropdown/dropdown-item.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+} from '@carbon/web-components/es/components/dropdown/dropdown.js';
+import BXDropdownItem from '@carbon/web-components/es/components/dropdown/dropdown-item.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import { baseFontSize, breakpoints } from '@carbon/layout';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import SearchTypeaheadAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/SearchTypeahead/SearchTypeahead';
diff --git a/packages/web-components/src/components/search/search.scss b/packages/web-components/src/components/search/search.scss
index c1c26084c4e..6e7c1cb1233 100644
--- a/packages/web-components/src/components/search/search.scss
+++ b/packages/web-components/src/components/search/search.scss
@@ -5,7 +5,7 @@
 // LICENSE file in the root directory of this source tree.
 //
 
-@import '@carbon/carbon-web-components/scss/components/search/search';
+@import '@carbon/web-components/scss/components/search/search';
 @import '@carbon/ibmdotcom-styles/scss/globals/vars';
 @import '../../globals/scss/box-sizing';
 
diff --git a/packages/web-components/src/components/search/search.ts b/packages/web-components/src/components/search/search.ts
index 8f26e98afa9..5fc9bee58b5 100644
--- a/packages/web-components/src/components/search/search.ts
+++ b/packages/web-components/src/components/search/search.ts
@@ -8,11 +8,11 @@
  */
 
 import { customElement } from 'lit-element';
-import BXSearch from '@carbon/carbon-web-components/es/components/search/search.js';
+import BXSearch from '@carbon/web-components/es/components/search/search.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './search.scss';
 
-export { SEARCH_COLOR_SCHEME } from '@carbon/carbon-web-components/es/components/search/search.js';
+export { SEARCH_COLOR_SCHEME } from '@carbon/web-components/es/components/search/search.js';
 
 const { stablePrefix: ddsPrefix } = ddsSettings;
 
diff --git a/packages/web-components/src/components/structured-list/index.ts b/packages/web-components/src/components/structured-list/index.ts
index cfb64a13629..89e8f1be478 100644
--- a/packages/web-components/src/components/structured-list/index.ts
+++ b/packages/web-components/src/components/structured-list/index.ts
@@ -15,5 +15,5 @@ import './structured-list-body';
 import './structured-list-group';
 import './structured-list-row';
 import './structured-list-cell';
-import '@carbon/carbon-web-components/es/components/tooltip/index.js';
-import '@carbon/carbon-web-components/es/components/tag/index.js';
+import '@carbon/web-components/es/components/tooltip/index.js';
+import '@carbon/web-components/es/components/tag/index.js';
diff --git a/packages/web-components/src/components/structured-list/structured-list-body.ts b/packages/web-components/src/components/structured-list/structured-list-body.ts
index c19557fadf3..d5dba3f4f87 100644
--- a/packages/web-components/src/components/structured-list/structured-list-body.ts
+++ b/packages/web-components/src/components/structured-list/structured-list-body.ts
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import BXStructuredListBody from '@carbon/carbon-web-components/es/components/structured-list/structured-list-body.js';
+import BXStructuredListBody from '@carbon/web-components/es/components/structured-list/structured-list-body.js';
 import { customElement } from 'lit-element';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './structured-list.scss';
diff --git a/packages/web-components/src/components/structured-list/structured-list-cell.ts b/packages/web-components/src/components/structured-list/structured-list-cell.ts
index 124a410388b..43c44a48bd3 100644
--- a/packages/web-components/src/components/structured-list/structured-list-cell.ts
+++ b/packages/web-components/src/components/structured-list/structured-list-cell.ts
@@ -7,11 +7,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import BXStructuredListCell from '@carbon/carbon-web-components/es/components/structured-list/structured-list-cell.js';
+import BXStructuredListCell from '@carbon/web-components/es/components/structured-list/structured-list-cell.js';
 import { customElement, property, html } from 'lit-element';
-import Info16 from '@carbon/carbon-web-components/es/icons/information/16.js';
-import Checkmark20 from '@carbon/carbon-web-components/es/icons/checkmark/20.js';
-import Error20 from '@carbon/carbon-web-components/es/icons/error/20.js';
+import Info16 from '@carbon/web-components/es/icons/information/16.js';
+import Checkmark20 from '@carbon/web-components/es/icons/checkmark/20.js';
+import Error20 from '@carbon/web-components/es/icons/error/20.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import DDSStructuredListGroup from './structured-list-group';
 import styles from './structured-list.scss';
diff --git a/packages/web-components/src/components/structured-list/structured-list-head.ts b/packages/web-components/src/components/structured-list/structured-list-head.ts
index 9b640e4a20a..418fc03ab7a 100644
--- a/packages/web-components/src/components/structured-list/structured-list-head.ts
+++ b/packages/web-components/src/components/structured-list/structured-list-head.ts
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import BXStructuredListHead from '@carbon/carbon-web-components/es/components/structured-list/structured-list-head.js';
+import BXStructuredListHead from '@carbon/web-components/es/components/structured-list/structured-list-head.js';
 import { customElement } from 'lit-element';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './structured-list.scss';
diff --git a/packages/web-components/src/components/structured-list/structured-list-header-cell.ts b/packages/web-components/src/components/structured-list/structured-list-header-cell.ts
index c779217e7e3..624c9d0a3fd 100644
--- a/packages/web-components/src/components/structured-list/structured-list-header-cell.ts
+++ b/packages/web-components/src/components/structured-list/structured-list-header-cell.ts
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import BXStructuredListHeaderCell from '@carbon/carbon-web-components/es/components/structured-list/structured-list-header-cell.js';
+import BXStructuredListHeaderCell from '@carbon/web-components/es/components/structured-list/structured-list-header-cell.js';
 import { customElement } from 'lit-element';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './structured-list.scss';
diff --git a/packages/web-components/src/components/structured-list/structured-list-header-row.ts b/packages/web-components/src/components/structured-list/structured-list-header-row.ts
index d65d7739523..519175beb1e 100644
--- a/packages/web-components/src/components/structured-list/structured-list-header-row.ts
+++ b/packages/web-components/src/components/structured-list/structured-list-header-row.ts
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import BXStructuredListHeaderRow from '@carbon/carbon-web-components/es/components/structured-list/structured-list-header-row.js';
+import BXStructuredListHeaderRow from '@carbon/web-components/es/components/structured-list/structured-list-header-row.js';
 import { customElement } from 'lit-element';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './structured-list.scss';
diff --git a/packages/web-components/src/components/structured-list/structured-list-row.ts b/packages/web-components/src/components/structured-list/structured-list-row.ts
index 27ed2f69178..54fcf52b1a5 100644
--- a/packages/web-components/src/components/structured-list/structured-list-row.ts
+++ b/packages/web-components/src/components/structured-list/structured-list-row.ts
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import BXStructuredListRow from '@carbon/carbon-web-components/es/components/structured-list/structured-list-row.js';
+import BXStructuredListRow from '@carbon/web-components/es/components/structured-list/structured-list-row.js';
 import { customElement } from 'lit-element';
 import { html } from 'lit-html';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
diff --git a/packages/web-components/src/components/table-of-contents/__stories__/table-of-contents.stories.ts b/packages/web-components/src/components/table-of-contents/__stories__/table-of-contents.stories.ts
index d99b74099cf..6868fb6c7ef 100644
--- a/packages/web-components/src/components/table-of-contents/__stories__/table-of-contents.stories.ts
+++ b/packages/web-components/src/components/table-of-contents/__stories__/table-of-contents.stories.ts
@@ -10,7 +10,7 @@
 import { nothing } from 'lit-html';
 import { html } from 'lit-element';
 import { boolean, select, text } from '@storybook/addon-knobs';
-import ArrowLeft20 from '@carbon/carbon-web-components/es/icons/arrow--left/20.js';
+import ArrowLeft20 from '@carbon/web-components/es/icons/arrow--left/20.js';
 import '../table-of-contents';
 import '../../horizontal-rule/horizontal-rule';
 import '../../image/image';
diff --git a/packages/web-components/src/components/table-of-contents/table-of-contents.ts b/packages/web-components/src/components/table-of-contents/table-of-contents.ts
index bd798bb13a8..5d5c785c336 100644
--- a/packages/web-components/src/components/table-of-contents/table-of-contents.ts
+++ b/packages/web-components/src/components/table-of-contents/table-of-contents.ts
@@ -19,13 +19,13 @@ import {
   customElement,
   LitElement,
 } from 'lit-element';
-import CaretLeft20 from '@carbon/carbon-web-components/es/icons/caret--left/20.js';
-import CaretRight20 from '@carbon/carbon-web-components/es/icons/caret--right/20.js';
+import CaretLeft20 from '@carbon/web-components/es/icons/caret--left/20.js';
+import CaretRight20 from '@carbon/web-components/es/icons/caret--right/20.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import { baseFontSize, breakpoints } from '@carbon/layout';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
-import TableOfContents20 from '@carbon/carbon-web-components/es/icons/table-of-contents/20.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
+import TableOfContents20 from '@carbon/web-components/es/icons/table-of-contents/20.js';
 import throttle from 'lodash-es/throttle.js';
 import StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
diff --git a/packages/web-components/src/components/tabs-extended-media/__stories__/tabs-extended-media.stories.ts b/packages/web-components/src/components/tabs-extended-media/__stories__/tabs-extended-media.stories.ts
index f62416246cb..07a1efbaf34 100644
--- a/packages/web-components/src/components/tabs-extended-media/__stories__/tabs-extended-media.stories.ts
+++ b/packages/web-components/src/components/tabs-extended-media/__stories__/tabs-extended-media.stories.ts
@@ -8,7 +8,7 @@
  */
 
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { boolean, select } from '@storybook/addon-knobs';
 import readme from './README.stories.mdx';
 import '../index';
diff --git a/packages/web-components/src/components/tabs-extended/__stories__/tabs-extended.stories.ts b/packages/web-components/src/components/tabs-extended/__stories__/tabs-extended.stories.ts
index 4d320f09a01..9600d054ef1 100644
--- a/packages/web-components/src/components/tabs-extended/__stories__/tabs-extended.stories.ts
+++ b/packages/web-components/src/components/tabs-extended/__stories__/tabs-extended.stories.ts
@@ -11,9 +11,9 @@ import { html } from 'lit-element';
 import '../index';
 import '../../content-block-media/index';
 import '../../card-group/index';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import { select } from '@storybook/addon-knobs';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 import { ORIENTATION } from '../defs';
 import readme from './README.stories.mdx';
 
diff --git a/packages/web-components/src/components/tabs-extended/tabs-extended.ts b/packages/web-components/src/components/tabs-extended/tabs-extended.ts
index 1cb13159aa2..8cfa24f6472 100644
--- a/packages/web-components/src/components/tabs-extended/tabs-extended.ts
+++ b/packages/web-components/src/components/tabs-extended/tabs-extended.ts
@@ -18,7 +18,7 @@ import {
 } from 'lit-element';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
 import { classMap } from 'lit-html/directives/class-map.js';
-import ChevronRight20 from '@carbon/carbon-web-components/es/icons/chevron--right/20.js';
+import ChevronRight20 from '@carbon/web-components/es/icons/chevron--right/20.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import DDSTab from './tab';
diff --git a/packages/web-components/src/components/tag-group/__stories__/tag-group.stories.react.tsx b/packages/web-components/src/components/tag-group/__stories__/tag-group.stories.react.tsx
index 8a9e00a8fdb..88a0448ce55 100644
--- a/packages/web-components/src/components/tag-group/__stories__/tag-group.stories.react.tsx
+++ b/packages/web-components/src/components/tag-group/__stories__/tag-group.stories.react.tsx
@@ -15,7 +15,7 @@ import DDSTagLink from '@carbon/ibmdotcom-web-components/es/components-react/tag
 // @ts-ignore
 import DDSTagGroup from '@carbon/ibmdotcom-web-components/es/components-react/tag-group/tag-group';
 import { Tag } from 'carbon-components-react';
-import '@carbon/carbon-web-components/es/components/tag/tag.js';
+import '@carbon/web-components/es/components/tag/tag.js';
 import readme from './README.stories.react.mdx';
 
 const tagTitles = [
diff --git a/packages/web-components/src/components/tag-group/__stories__/tag-group.stories.ts b/packages/web-components/src/components/tag-group/__stories__/tag-group.stories.ts
index cfb57fa26d7..7147319010b 100644
--- a/packages/web-components/src/components/tag-group/__stories__/tag-group.stories.ts
+++ b/packages/web-components/src/components/tag-group/__stories__/tag-group.stories.ts
@@ -11,7 +11,7 @@ import { html } from 'lit-element';
 import { select } from '@storybook/addon-knobs';
 import readme from './README.stories.mdx';
 import '../index';
-import '@carbon/carbon-web-components/es/components/tag/tag.js';
+import '@carbon/web-components/es/components/tag/tag.js';
 
 const tagTitles = [
   'Cloud',
diff --git a/packages/web-components/src/components/tag-group/__tests__/tag-group.test.ts b/packages/web-components/src/components/tag-group/__tests__/tag-group.test.ts
index 7ea1d47e1a3..11e311ac18e 100644
--- a/packages/web-components/src/components/tag-group/__tests__/tag-group.test.ts
+++ b/packages/web-components/src/components/tag-group/__tests__/tag-group.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import '../tag-group';
 import '../../tag-link/tag-link';
 
diff --git a/packages/web-components/src/components/tag-link/__stories__/tag-link.stories.ts b/packages/web-components/src/components/tag-link/__stories__/tag-link.stories.ts
index a7f4de25788..0139e265372 100644
--- a/packages/web-components/src/components/tag-link/__stories__/tag-link.stories.ts
+++ b/packages/web-components/src/components/tag-link/__stories__/tag-link.stories.ts
@@ -8,7 +8,7 @@
  */
 
 import { html } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import readme from './README.stories.mdx';
 import '../tag-link';
 import textNullable from '../../../../.storybook/knob-text-nullable';
diff --git a/packages/web-components/src/components/tag-link/__tests__/tag-link.test.ts b/packages/web-components/src/components/tag-link/__tests__/tag-link.test.ts
index 515f6959586..da8eecf4246 100644
--- a/packages/web-components/src/components/tag-link/__tests__/tag-link.test.ts
+++ b/packages/web-components/src/components/tag-link/__tests__/tag-link.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import '../tag-link';
 
 const template = (props?) => {
diff --git a/packages/web-components/src/components/tag-link/tag-link.ts b/packages/web-components/src/components/tag-link/tag-link.ts
index 3e1d2fa8830..692dc0ef9b1 100644
--- a/packages/web-components/src/components/tag-link/tag-link.ts
+++ b/packages/web-components/src/components/tag-link/tag-link.ts
@@ -9,7 +9,7 @@
 
 import { html, property, customElement, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import styles from './tag-link.scss';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
diff --git a/packages/web-components/src/components/video-player/__stories__/video-player.stories.ts b/packages/web-components/src/components/video-player/__stories__/video-player.stories.ts
index 948f1567890..85be6a089cb 100644
--- a/packages/web-components/src/components/video-player/__stories__/video-player.stories.ts
+++ b/packages/web-components/src/components/video-player/__stories__/video-player.stories.ts
@@ -9,7 +9,7 @@
 
 import { html } from 'lit-element';
 import { boolean, text } from '@storybook/addon-knobs';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import readme from './README.stories.mdx';
 import '../video-player-container';
 import '../../lightbox-media-viewer/lightbox-video-player-container';
diff --git a/packages/web-components/src/components/video-player/__tests__/video-player-composite.test.ts b/packages/web-components/src/components/video-player/__tests__/video-player-composite.test.ts
index 8bea92c21ed..58bfd205853 100644
--- a/packages/web-components/src/components/video-player/__tests__/video-player-composite.test.ts
+++ b/packages/web-components/src/components/video-player/__tests__/video-player-composite.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import DDSVideoPlayer from '../video-player';
 import DDSVideoPlayerComposite from '../video-player-composite';
 // Above import is interface-only ref and thus code won't be brought into the build
diff --git a/packages/web-components/src/components/video-player/__tests__/video-player.test.ts b/packages/web-components/src/components/video-player/__tests__/video-player.test.ts
index 8820c1bb0d7..86463ad88ba 100644
--- a/packages/web-components/src/components/video-player/__tests__/video-player.test.ts
+++ b/packages/web-components/src/components/video-player/__tests__/video-player.test.ts
@@ -8,7 +8,7 @@
  */
 
 import { html, render } from 'lit-html';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import {
   VIDEO_PLAYER_CONTENT_STATE,
   VIDEO_PLAYER_PLAYING_MODE,
diff --git a/packages/web-components/src/components/video-player/video-player-composite.ts b/packages/web-components/src/components/video-player/video-player-composite.ts
index 2b8b2c8a154..6fd6152b45c 100644
--- a/packages/web-components/src/components/video-player/video-player-composite.ts
+++ b/packages/web-components/src/components/video-player/video-player-composite.ts
@@ -8,9 +8,9 @@
  */
 
 import { html, property, customElement, LitElement } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import KalturaPlayerAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer';
 import HybridRenderMixin from '../../globals/mixins/hybrid-render';
diff --git a/packages/web-components/src/components/video-player/video-player.ts b/packages/web-components/src/components/video-player/video-player.ts
index e00049bd0c4..0e237a3ed61 100644
--- a/packages/web-components/src/components/video-player/video-player.ts
+++ b/packages/web-components/src/components/video-player/video-player.ts
@@ -10,8 +10,8 @@
 import { html, property, customElement, LitElement } from 'lit-element';
 import { classMap } from 'lit-html/directives/class-map.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
 import PlayVideo from '@carbon/ibmdotcom-styles/icons/svg/play-video.svg';
 import {
   formatVideoCaption,
diff --git a/packages/web-components/tools/babel-plugin-create-react-custom-element-type.js b/packages/web-components/tools/babel-plugin-create-react-custom-element-type.js
index 415400f6071..a6f77ea5c15 100644
--- a/packages/web-components/tools/babel-plugin-create-react-custom-element-type.js
+++ b/packages/web-components/tools/babel-plugin-create-react-custom-element-type.js
@@ -61,7 +61,7 @@ function createMetadataVisitor(api) {
         .get('source')
         .node.value.replace(
           /^@carbon\/carbon-web-components[\\/]es[\\/]components[\\/]/,
-          '@carbon/carbon-web-components/es/components-react/'
+          '@carbon/web-components/es/components-react/'
         );
     }
     return undefined;
@@ -374,7 +374,7 @@ module.exports = function generateCreateReactCustomElementType(
         ),
       ],
       t.stringLiteral(
-        '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.js'
+        '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js'
       )
     );
   };
diff --git a/packages/web-components/tools/babel-plugin-resource-cjs-paths.js b/packages/web-components/tools/babel-plugin-resource-cjs-paths.js
index 9660973df6b..cf9ec67d516 100644
--- a/packages/web-components/tools/babel-plugin-resource-cjs-paths.js
+++ b/packages/web-components/tools/babel-plugin-resource-cjs-paths.js
@@ -40,11 +40,11 @@ module.exports = function resourceCJSPaths(babel) {
           declaration.source.value = source
             .replace(
               /^@carbon\/carbon-web-components\/es\/components-react/i,
-              '@carbon/carbon-web-components/lib/components-react-node'
+              '@carbon/web-components/lib/components-react-node'
             )
             .replace(
               /^@carbon\/carbon-web-components\/es\/components/i,
-              '@carbon/carbon-web-components/lib/components-react-node'
+              '@carbon/web-components/lib/components-react-node'
             );
           path.replaceWith(declaration);
         } else if (
@@ -87,11 +87,11 @@ module.exports = function resourceCJSPaths(babel) {
           declaration.source.value = source
             .replace(
               /^@carbon\/carbon-web-components\/es\/components-react/i,
-              '@carbon/carbon-web-components/lib/components-react-node'
+              '@carbon/web-components/lib/components-react-node'
             )
             .replace(
               /^@carbon\/carbon-web-components\/es\/components/i,
-              '@carbon/carbon-web-components/lib/components-react-node'
+              '@carbon/web-components/lib/components-react-node'
             );
           path.replaceWith(declaration);
         } else if (
diff --git a/packages/web-components/tools/get-rollup-config.js b/packages/web-components/tools/get-rollup-config.js
index c913d72393b..36f55346282 100644
--- a/packages/web-components/tools/get-rollup-config.js
+++ b/packages/web-components/tools/get-rollup-config.js
@@ -172,7 +172,7 @@ function getRollupConfig({
           '@carbon/ibmdotcom-utilities',
           '@carbon/ibmdotcom-services',
           '@carbon/ibmdotcom-styles',
-          '@carbon/carbon-web-components',
+          '@carbon/web-components',
           'carbon-components',
         ],
         extensions: ['.js', '.ts'],
diff --git a/packages/web-components/tools/rollup-plugin-ibmdotcom-icon.js b/packages/web-components/tools/rollup-plugin-ibmdotcom-icon.js
index 3fbc99d29df..2205fd308da 100644
--- a/packages/web-components/tools/rollup-plugin-ibmdotcom-icon.js
+++ b/packages/web-components/tools/rollup-plugin-ibmdotcom-icon.js
@@ -51,7 +51,7 @@ function rollupPluginIBMdotcomIcon({ include = /\.svg$/i, exclude } = {}) {
 
       const code = [
         `import { svg } from 'lit-html'`,
-        `import spread from '@carbon/carbon-web-components/es/globals/directives/spread'`,
+        `import spread from '@carbon/web-components/es/globals/directives/spread'`,
         `export default ${createSVGResultFromIconDescriptor(
           await descriptorFromSVG(contents)
         )}`,
diff --git a/packages/web-components/tools/svg-result-ibmdotcom-icon-loader.js b/packages/web-components/tools/svg-result-ibmdotcom-icon-loader.js
index 46c2c3f8de7..37e4ea16374 100644
--- a/packages/web-components/tools/svg-result-ibmdotcom-icon-loader.js
+++ b/packages/web-components/tools/svg-result-ibmdotcom-icon-loader.js
@@ -71,7 +71,7 @@ function svgResultIBMDotcomIconLoader(content) {
           null,
           `
           import { svg } from 'lit-html';
-          import spread from '@carbon/carbon-web-components/es/globals/directives/spread.js';
+          import spread from '@carbon/web-components/es/globals/directives/spread.js';
           const svgResultCarbonIcon = ${createSVGResultFromIconDescriptor(
             convertAttrs(svgNode)
           )};

From be4a8a7975e19121b1a3d868a3d96a3e1662ce83 Mon Sep 17 00:00:00 2001
From: ibmdotcom-bot <digdes@us.ibm.com>
Date: Tue, 6 Dec 2022 16:16:58 +0000
Subject: [PATCH 4/5] chore(release): publish

 - @carbon/web-components@1.22.0-rc.3
 - @carbon/ibmdotcom-react@1.41.0-rc.2
 - @carbon/ibmdotcom-styles@1.41.0-rc.2
 - @carbon/ibmdotcom-web-components@1.26.0-rc.3
---
 packages/carbon-web-components/CHANGELOG.md | 25 +++++++++++++++++++++
 packages/carbon-web-components/package.json |  2 +-
 packages/react/CHANGELOG.md                 |  8 +++++++
 packages/react/package.json                 |  4 ++--
 packages/styles/CHANGELOG.md                |  8 +++++++
 packages/styles/package.json                |  2 +-
 packages/web-components/CHANGELOG.md        |  8 +++++++
 packages/web-components/package.json        |  6 ++---
 8 files changed, 56 insertions(+), 7 deletions(-)

diff --git a/packages/carbon-web-components/CHANGELOG.md b/packages/carbon-web-components/CHANGELOG.md
index 149eb67e4ce..db82ed5787f 100644
--- a/packages/carbon-web-components/CHANGELOG.md
+++ b/packages/carbon-web-components/CHANGELOG.md
@@ -3,6 +3,31 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 1.22.0-rc.3 (2022-12-06)
+
+
+
+# 1.41.0-rc.2 (2022-12-05)
+
+
+
+# 1.41.0-rc.1 (2022-11-23)
+
+
+
+# 1.41.0-rc.0 (2022-11-22)
+
+
+### Bug Fixes
+
+* **cwc:** percy update ([5ac2674](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/5ac2674bdac3d7d033335c693e36a1ae33042242))
+* **cwc:** update package.json & karma test ([a52ab2f](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/a52ab2f5937d9576c79c63748065a1dcf03ee2b0))
+* **packages:** update versions to get working storybooks ([42d8eee](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/commit/42d8eeee12c732c56599de24861252159e91905b))
+
+
+
+
+
 # [1.22.0-rc.2](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/web-components@1.22.0-rc.1...@carbon/web-components@1.22.0-rc.2) (2022-12-05)
 
 **Note:** Version bump only for package @carbon/web-components
diff --git a/packages/carbon-web-components/package.json b/packages/carbon-web-components/package.json
index cb2957b6a26..d3c9d9ce620 100644
--- a/packages/carbon-web-components/package.json
+++ b/packages/carbon-web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@carbon/web-components",
-  "version": "1.22.0-rc.2",
+  "version": "1.22.0-rc.3",
   "publishConfig": {
     "access": "public"
   },
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 7ec4c695d0f..d64ff044baa 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.41.0-rc.2](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-react@1.41.0-rc.1...@carbon/ibmdotcom-react@1.41.0-rc.2) (2022-12-06)
+
+**Note:** Version bump only for package @carbon/ibmdotcom-react
+
+
+
+
+
 # [1.41.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-react@1.41.0-rc.0...@carbon/ibmdotcom-react@1.41.0-rc.1) (2022-11-23)
 
 **Note:** Version bump only for package @carbon/ibmdotcom-react
diff --git a/packages/react/package.json b/packages/react/package.json
index 7b1cc80f254..5a924d62dc6 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibmdotcom-react",
   "description": "Carbon for IBM.com React Components",
-  "version": "1.41.0-rc.1",
+  "version": "1.41.0-rc.2",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -63,7 +63,7 @@
   "dependencies": {
     "@babel/runtime": "^7.5.5",
     "@carbon/ibmdotcom-services": "1.41.0-rc.1",
-    "@carbon/ibmdotcom-styles": "1.41.0-rc.1",
+    "@carbon/ibmdotcom-styles": "1.41.0-rc.2",
     "@carbon/ibmdotcom-utilities": "1.41.0-rc.1",
     "@carbon/telemetry": "^0.1.0",
     "autosuggest-highlight": "^3.1.1",
diff --git a/packages/styles/CHANGELOG.md b/packages/styles/CHANGELOG.md
index 9c1e80da06f..e861ccd2e98 100644
--- a/packages/styles/CHANGELOG.md
+++ b/packages/styles/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.41.0-rc.2](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-styles@1.41.0-rc.1...@carbon/ibmdotcom-styles@1.41.0-rc.2) (2022-12-06)
+
+**Note:** Version bump only for package @carbon/ibmdotcom-styles
+
+
+
+
+
 # [1.41.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-styles@1.41.0-rc.0...@carbon/ibmdotcom-styles@1.41.0-rc.1) (2022-11-23)
 
 
diff --git a/packages/styles/package.json b/packages/styles/package.json
index ab50fe063b5..7cab3c20a0e 100644
--- a/packages/styles/package.json
+++ b/packages/styles/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibmdotcom-styles",
   "description": "Carbon for IBM.com Styles",
-  "version": "1.41.0-rc.1",
+  "version": "1.41.0-rc.2",
   "license": "Apache-2.0",
   "main": "dist/ibm-dotcom-styles.min.css",
   "module": "src/scss",
diff --git a/packages/web-components/CHANGELOG.md b/packages/web-components/CHANGELOG.md
index 1a27cea643f..69916d9752a 100644
--- a/packages/web-components/CHANGELOG.md
+++ b/packages/web-components/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.26.0-rc.3](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-web-components@1.26.0-rc.2...@carbon/ibmdotcom-web-components@1.26.0-rc.3) (2022-12-06)
+
+**Note:** Version bump only for package @carbon/ibmdotcom-web-components
+
+
+
+
+
 # [1.26.0-rc.2](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-web-components@1.26.0-rc.1...@carbon/ibmdotcom-web-components@1.26.0-rc.2) (2022-12-05)
 
 **Note:** Version bump only for package @carbon/ibmdotcom-web-components
diff --git a/packages/web-components/package.json b/packages/web-components/package.json
index beaeae995cb..61566c0bd7b 100644
--- a/packages/web-components/package.json
+++ b/packages/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@carbon/ibmdotcom-web-components",
-  "version": "1.26.0-rc.2",
+  "version": "1.26.0-rc.3",
   "description": "Carbon for IBM.com Web Components",
   "license": "Apache-2.0",
   "exports": {
@@ -88,13 +88,13 @@
     "wca": "web-component-analyzer analyze src --outFile custom-elements.json"
   },
   "dependencies": {
-    "@carbon/web-components": "1.22.0-rc.2",
     "@carbon/ibmdotcom-services": "1.41.0-rc.1",
-    "@carbon/ibmdotcom-styles": "1.41.0-rc.1",
+    "@carbon/ibmdotcom-styles": "1.41.0-rc.2",
     "@carbon/ibmdotcom-utilities": "1.41.0-rc.1",
     "@carbon/layout": "10.37.0",
     "@carbon/motion": "^11.0.0",
     "@carbon/telemetry": "0.1.0",
+    "@carbon/web-components": "1.22.0-rc.3",
     "carbon-components": "10.58.5",
     "lit-element": "2.5.1",
     "lit-html": "1.4.1",

From caac1d59b6ed878c03f0a64355b6d7a0ec4ec58f Mon Sep 17 00:00:00 2001
From: ibmdotcom-bot <digdes@us.ibm.com>
Date: Tue, 6 Dec 2022 18:47:26 +0000
Subject: [PATCH 5/5] chore(release): publish

 - @carbon/web-components@1.22.0
 - @carbon/eslint-config-ibmdotcom@1.32.0
 - @carbon/eslint-plugin-ibmdotcom-import-rules@1.31.0
 - @carbon/eslint-plugin-react-prop-type-comments@1.31.0
 - @carbon/ibmdotcom-react@1.41.0
 - @carbon/ibmdotcom-services-store@1.41.0
 - @carbon/ibmdotcom-services@1.41.0
 - @carbon/storybook-addon-theme@1.32.0
 - @carbon/stylelint-config-ibmdotcom@1.31.0
 - @carbon/ibmdotcom-styles@1.41.0
 - @carbon/ibmdotcom-utilities@1.41.0
 - @carbon/ibmdotcom-web-components@1.26.0
---
 packages/carbon-web-components/CHANGELOG.md          |  8 ++++++++
 packages/carbon-web-components/package.json          |  2 +-
 packages/eslint-config-ibmdotcom/CHANGELOG.md        |  8 ++++++++
 packages/eslint-config-ibmdotcom/package.json        |  4 ++--
 .../CHANGELOG.md                                     |  8 ++++++++
 .../package.json                                     |  2 +-
 .../CHANGELOG.md                                     |  8 ++++++++
 .../package.json                                     |  2 +-
 packages/react/CHANGELOG.md                          |  8 ++++++++
 packages/react/package.json                          | 10 +++++-----
 packages/services-store/CHANGELOG.md                 |  8 ++++++++
 packages/services-store/package.json                 |  6 +++---
 packages/services/CHANGELOG.md                       |  8 ++++++++
 packages/services/package.json                       |  4 ++--
 packages/storybook-addon-theme/CHANGELOG.md          |  8 ++++++++
 packages/storybook-addon-theme/package.json          |  2 +-
 packages/stylelint-config-ibmdotcom/CHANGELOG.md     |  8 ++++++++
 packages/stylelint-config-ibmdotcom/package.json     |  2 +-
 packages/styles/CHANGELOG.md                         |  8 ++++++++
 packages/styles/package.json                         |  2 +-
 packages/utilities/CHANGELOG.md                      |  8 ++++++++
 packages/utilities/package.json                      |  2 +-
 packages/web-components/CHANGELOG.md                 |  8 ++++++++
 packages/web-components/package.json                 | 12 ++++++------
 24 files changed, 121 insertions(+), 25 deletions(-)

diff --git a/packages/carbon-web-components/CHANGELOG.md b/packages/carbon-web-components/CHANGELOG.md
index db82ed5787f..38be6261794 100644
--- a/packages/carbon-web-components/CHANGELOG.md
+++ b/packages/carbon-web-components/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.22.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/web-components@1.22.0-rc.3...@carbon/web-components@1.22.0) (2022-12-06)
+
+**Note:** Version bump only for package @carbon/web-components
+
+
+
+
+
 # 1.22.0-rc.3 (2022-12-06)
 
 
diff --git a/packages/carbon-web-components/package.json b/packages/carbon-web-components/package.json
index d3c9d9ce620..6e165ef6896 100644
--- a/packages/carbon-web-components/package.json
+++ b/packages/carbon-web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@carbon/web-components",
-  "version": "1.22.0-rc.3",
+  "version": "1.22.0",
   "publishConfig": {
     "access": "public"
   },
diff --git a/packages/eslint-config-ibmdotcom/CHANGELOG.md b/packages/eslint-config-ibmdotcom/CHANGELOG.md
index 0a2fc82f701..e39a6796ee2 100644
--- a/packages/eslint-config-ibmdotcom/CHANGELOG.md
+++ b/packages/eslint-config-ibmdotcom/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.32.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/eslint-config-ibmdotcom@1.32.0-rc.0...@carbon/eslint-config-ibmdotcom@1.32.0) (2022-12-06)
+
+**Note:** Version bump only for package @carbon/eslint-config-ibmdotcom
+
+
+
+
+
 # [1.32.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/eslint-config-ibmdotcom@1.31.0...@carbon/eslint-config-ibmdotcom@1.32.0-rc.0) (2022-11-22)
 
 **Note:** Version bump only for package @carbon/eslint-config-ibmdotcom
diff --git a/packages/eslint-config-ibmdotcom/package.json b/packages/eslint-config-ibmdotcom/package.json
index dc3c3f05d98..800550259fe 100644
--- a/packages/eslint-config-ibmdotcom/package.json
+++ b/packages/eslint-config-ibmdotcom/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/eslint-config-ibmdotcom",
   "private": true,
-  "version": "1.32.0-rc.0",
+  "version": "1.32.0",
   "description": "ESLint configuration for Carbon for IBM.com",
   "license": "Apache-2.0",
   "main": "index.js",
@@ -18,7 +18,7 @@
     "eslint": "^6.8.0"
   },
   "dependencies": {
-    "@carbon/eslint-plugin-react-prop-type-comments": "1.31.0-rc.0",
+    "@carbon/eslint-plugin-react-prop-type-comments": "1.31.0",
     "@typescript-eslint/eslint-plugin": "^5.43.0",
     "@typescript-eslint/parser": "^5.43.0",
     "babel-eslint": "^10.1.0",
diff --git a/packages/eslint-plugin-ibmdotcom-import-rules/CHANGELOG.md b/packages/eslint-plugin-ibmdotcom-import-rules/CHANGELOG.md
index bc287e1003f..42951388b2f 100644
--- a/packages/eslint-plugin-ibmdotcom-import-rules/CHANGELOG.md
+++ b/packages/eslint-plugin-ibmdotcom-import-rules/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.31.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/eslint-plugin-ibmdotcom-import-rules@1.31.0-rc.0...@carbon/eslint-plugin-ibmdotcom-import-rules@1.31.0) (2022-12-06)
+
+**Note:** Version bump only for package @carbon/eslint-plugin-ibmdotcom-import-rules
+
+
+
+
+
 # [1.31.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/eslint-plugin-ibmdotcom-import-rules@1.30.0...@carbon/eslint-plugin-ibmdotcom-import-rules@1.31.0-rc.0) (2022-11-22)
 
 **Note:** Version bump only for package @carbon/eslint-plugin-ibmdotcom-import-rules
diff --git a/packages/eslint-plugin-ibmdotcom-import-rules/package.json b/packages/eslint-plugin-ibmdotcom-import-rules/package.json
index eafeac74860..e814c7a461e 100644
--- a/packages/eslint-plugin-ibmdotcom-import-rules/package.json
+++ b/packages/eslint-plugin-ibmdotcom-import-rules/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/eslint-plugin-ibmdotcom-import-rules",
   "private": true,
-  "version": "1.31.0-rc.0",
+  "version": "1.31.0",
   "description": "ESLint plugin for Carbon for IBM.com checking imports",
   "license": "Apache-2.0",
   "main": "lib/index.js",
diff --git a/packages/eslint-plugin-react-prop-type-comments/CHANGELOG.md b/packages/eslint-plugin-react-prop-type-comments/CHANGELOG.md
index b1a318d1fb5..a3459cec45c 100644
--- a/packages/eslint-plugin-react-prop-type-comments/CHANGELOG.md
+++ b/packages/eslint-plugin-react-prop-type-comments/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.31.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/eslint-plugin-react-prop-type-comments@1.31.0-rc.0...@carbon/eslint-plugin-react-prop-type-comments@1.31.0) (2022-12-06)
+
+**Note:** Version bump only for package @carbon/eslint-plugin-react-prop-type-comments
+
+
+
+
+
 # [1.31.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/eslint-plugin-react-prop-type-comments@1.30.0...@carbon/eslint-plugin-react-prop-type-comments@1.31.0-rc.0) (2022-11-22)
 
 **Note:** Version bump only for package @carbon/eslint-plugin-react-prop-type-comments
diff --git a/packages/eslint-plugin-react-prop-type-comments/package.json b/packages/eslint-plugin-react-prop-type-comments/package.json
index bf0e946d276..06c63cd15b7 100644
--- a/packages/eslint-plugin-react-prop-type-comments/package.json
+++ b/packages/eslint-plugin-react-prop-type-comments/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/eslint-plugin-react-prop-type-comments",
   "private": true,
-  "version": "1.31.0-rc.0",
+  "version": "1.31.0",
   "description": "ESLint plugin for Carbon for IBM.com checking React prop type comments",
   "license": "Apache-2.0",
   "main": "lib/index.js",
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index d64ff044baa..e6e91c7c2c1 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.41.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-react@1.41.0-rc.2...@carbon/ibmdotcom-react@1.41.0) (2022-12-06)
+
+**Note:** Version bump only for package @carbon/ibmdotcom-react
+
+
+
+
+
 # [1.41.0-rc.2](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-react@1.41.0-rc.1...@carbon/ibmdotcom-react@1.41.0-rc.2) (2022-12-06)
 
 **Note:** Version bump only for package @carbon/ibmdotcom-react
diff --git a/packages/react/package.json b/packages/react/package.json
index 5a924d62dc6..d85471dff9b 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibmdotcom-react",
   "description": "Carbon for IBM.com React Components",
-  "version": "1.41.0-rc.2",
+  "version": "1.41.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -62,9 +62,9 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.5.5",
-    "@carbon/ibmdotcom-services": "1.41.0-rc.1",
-    "@carbon/ibmdotcom-styles": "1.41.0-rc.2",
-    "@carbon/ibmdotcom-utilities": "1.41.0-rc.1",
+    "@carbon/ibmdotcom-services": "1.41.0",
+    "@carbon/ibmdotcom-styles": "1.41.0",
+    "@carbon/ibmdotcom-utilities": "1.41.0",
     "@carbon/telemetry": "^0.1.0",
     "autosuggest-highlight": "^3.1.1",
     "carbon-components": "10.58.5",
@@ -85,7 +85,7 @@
     "@babel/preset-react": "~7.12.1",
     "@carbon/icons-react": "10.49.0",
     "@carbon/pictograms-react": "11.34.0",
-    "@carbon/storybook-addon-theme": "1.32.0-rc.0",
+    "@carbon/storybook-addon-theme": "1.32.0",
     "@percy-io/in-percy": "^0.1.11",
     "@percy/cli": "^1.8.1",
     "@percy/cypress": "^3.1.1",
diff --git a/packages/services-store/CHANGELOG.md b/packages/services-store/CHANGELOG.md
index ecb93d379ce..7bda8c86be2 100644
--- a/packages/services-store/CHANGELOG.md
+++ b/packages/services-store/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.41.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-services-store@1.41.0-rc.1...@carbon/ibmdotcom-services-store@1.41.0) (2022-12-06)
+
+**Note:** Version bump only for package @carbon/ibmdotcom-services-store
+
+
+
+
+
 # [1.41.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-services-store@1.41.0-rc.0...@carbon/ibmdotcom-services-store@1.41.0-rc.1) (2022-11-23)
 
 **Note:** Version bump only for package @carbon/ibmdotcom-services-store
diff --git a/packages/services-store/package.json b/packages/services-store/package.json
index 2ee924a68ad..2fa82171271 100644
--- a/packages/services-store/package.json
+++ b/packages/services-store/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibmdotcom-services-store",
   "private": true,
-  "version": "1.41.0-rc.1",
+  "version": "1.41.0",
   "description": "Redux store for Carbon for IBM.com Services",
   "license": "Apache-2.0",
   "main": "lib/store.js",
@@ -30,8 +30,8 @@
     "test:unit": "yarn jest"
   },
   "dependencies": {
-    "@carbon/ibmdotcom-services": "1.41.0-rc.1",
-    "@carbon/ibmdotcom-utilities": "1.41.0-rc.1",
+    "@carbon/ibmdotcom-services": "1.41.0",
+    "@carbon/ibmdotcom-utilities": "1.41.0",
     "carbon-components": "10.58.3",
     "redux": "^4.0.0",
     "redux-logger": "^3.0.0",
diff --git a/packages/services/CHANGELOG.md b/packages/services/CHANGELOG.md
index 8238f732744..c8861e97071 100644
--- a/packages/services/CHANGELOG.md
+++ b/packages/services/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.41.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-services@1.41.0-rc.1...@carbon/ibmdotcom-services@1.41.0) (2022-12-06)
+
+**Note:** Version bump only for package @carbon/ibmdotcom-services
+
+
+
+
+
 # [1.41.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-services@1.41.0-rc.0...@carbon/ibmdotcom-services@1.41.0-rc.1) (2022-11-23)
 
 **Note:** Version bump only for package @carbon/ibmdotcom-services
diff --git a/packages/services/package.json b/packages/services/package.json
index 44e6cc6347d..dbb00bd6826 100644
--- a/packages/services/package.json
+++ b/packages/services/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibmdotcom-services",
   "description": "Carbon for IBM.com Services",
-  "version": "1.41.0-rc.1",
+  "version": "1.41.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.5.0",
-    "@carbon/ibmdotcom-utilities": "1.41.0-rc.1",
+    "@carbon/ibmdotcom-utilities": "1.41.0",
     "@carbon/telemetry": "0.1.0",
     "axios": "^0.27.2",
     "marked": "^4.0.10",
diff --git a/packages/storybook-addon-theme/CHANGELOG.md b/packages/storybook-addon-theme/CHANGELOG.md
index 56d3a6a576e..fa1b7342ce3 100644
--- a/packages/storybook-addon-theme/CHANGELOG.md
+++ b/packages/storybook-addon-theme/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.32.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/storybook-addon-theme@1.32.0-rc.0...@carbon/storybook-addon-theme@1.32.0) (2022-12-06)
+
+**Note:** Version bump only for package @carbon/storybook-addon-theme
+
+
+
+
+
 # [1.32.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/storybook-addon-theme@1.31.0...@carbon/storybook-addon-theme@1.32.0-rc.0) (2022-11-22)
 
 **Note:** Version bump only for package @carbon/storybook-addon-theme
diff --git a/packages/storybook-addon-theme/package.json b/packages/storybook-addon-theme/package.json
index 9e58028170e..72a06b5f36b 100644
--- a/packages/storybook-addon-theme/package.json
+++ b/packages/storybook-addon-theme/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/storybook-addon-theme",
   "private": true,
-  "version": "1.32.0-rc.0",
+  "version": "1.32.0",
   "description": "Storybook add-on for Carbon theme chooser",
   "license": "Apache-2.0",
   "main": "es/index.js",
diff --git a/packages/stylelint-config-ibmdotcom/CHANGELOG.md b/packages/stylelint-config-ibmdotcom/CHANGELOG.md
index 13a1ba74818..dbb706bac47 100644
--- a/packages/stylelint-config-ibmdotcom/CHANGELOG.md
+++ b/packages/stylelint-config-ibmdotcom/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.31.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/stylelint-config-ibmdotcom@1.31.0-rc.0...@carbon/stylelint-config-ibmdotcom@1.31.0) (2022-12-06)
+
+**Note:** Version bump only for package @carbon/stylelint-config-ibmdotcom
+
+
+
+
+
 # [1.31.0-rc.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/stylelint-config-ibmdotcom@1.30.0...@carbon/stylelint-config-ibmdotcom@1.31.0-rc.0) (2022-11-22)
 
 **Note:** Version bump only for package @carbon/stylelint-config-ibmdotcom
diff --git a/packages/stylelint-config-ibmdotcom/package.json b/packages/stylelint-config-ibmdotcom/package.json
index ba9128465b1..43f11a32a0a 100644
--- a/packages/stylelint-config-ibmdotcom/package.json
+++ b/packages/stylelint-config-ibmdotcom/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/stylelint-config-ibmdotcom",
   "private": true,
-  "version": "1.31.0-rc.0",
+  "version": "1.31.0",
   "description": "Stylelint configuration for Carbon for IBM.com",
   "license": "Apache-2.0",
   "main": "index.js",
diff --git a/packages/styles/CHANGELOG.md b/packages/styles/CHANGELOG.md
index e861ccd2e98..2b5c98c505a 100644
--- a/packages/styles/CHANGELOG.md
+++ b/packages/styles/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.41.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-styles@1.41.0-rc.2...@carbon/ibmdotcom-styles@1.41.0) (2022-12-06)
+
+**Note:** Version bump only for package @carbon/ibmdotcom-styles
+
+
+
+
+
 # [1.41.0-rc.2](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-styles@1.41.0-rc.1...@carbon/ibmdotcom-styles@1.41.0-rc.2) (2022-12-06)
 
 **Note:** Version bump only for package @carbon/ibmdotcom-styles
diff --git a/packages/styles/package.json b/packages/styles/package.json
index 7cab3c20a0e..f9d497bed5f 100644
--- a/packages/styles/package.json
+++ b/packages/styles/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibmdotcom-styles",
   "description": "Carbon for IBM.com Styles",
-  "version": "1.41.0-rc.2",
+  "version": "1.41.0",
   "license": "Apache-2.0",
   "main": "dist/ibm-dotcom-styles.min.css",
   "module": "src/scss",
diff --git a/packages/utilities/CHANGELOG.md b/packages/utilities/CHANGELOG.md
index 6e0d98fd2b7..838b872af2b 100644
--- a/packages/utilities/CHANGELOG.md
+++ b/packages/utilities/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.41.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-utilities@1.41.0-rc.1...@carbon/ibmdotcom-utilities@1.41.0) (2022-12-06)
+
+**Note:** Version bump only for package @carbon/ibmdotcom-utilities
+
+
+
+
+
 # [1.41.0-rc.1](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-utilities@1.41.0-rc.0...@carbon/ibmdotcom-utilities@1.41.0-rc.1) (2022-11-23)
 
 
diff --git a/packages/utilities/package.json b/packages/utilities/package.json
index 39f1739a0d8..04491800b1d 100644
--- a/packages/utilities/package.json
+++ b/packages/utilities/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibmdotcom-utilities",
   "description": "Carbon for IBM.com Utilities",
-  "version": "1.41.0-rc.1",
+  "version": "1.41.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
diff --git a/packages/web-components/CHANGELOG.md b/packages/web-components/CHANGELOG.md
index 69916d9752a..6a587476e16 100644
--- a/packages/web-components/CHANGELOG.md
+++ b/packages/web-components/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.26.0](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-web-components@1.26.0-rc.3...@carbon/ibmdotcom-web-components@1.26.0) (2022-12-06)
+
+**Note:** Version bump only for package @carbon/ibmdotcom-web-components
+
+
+
+
+
 # [1.26.0-rc.3](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/compare/@carbon/ibmdotcom-web-components@1.26.0-rc.2...@carbon/ibmdotcom-web-components@1.26.0-rc.3) (2022-12-06)
 
 **Note:** Version bump only for package @carbon/ibmdotcom-web-components
diff --git a/packages/web-components/package.json b/packages/web-components/package.json
index 61566c0bd7b..8bb5ce7d6da 100644
--- a/packages/web-components/package.json
+++ b/packages/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@carbon/ibmdotcom-web-components",
-  "version": "1.26.0-rc.3",
+  "version": "1.26.0",
   "description": "Carbon for IBM.com Web Components",
   "license": "Apache-2.0",
   "exports": {
@@ -88,13 +88,13 @@
     "wca": "web-component-analyzer analyze src --outFile custom-elements.json"
   },
   "dependencies": {
-    "@carbon/ibmdotcom-services": "1.41.0-rc.1",
-    "@carbon/ibmdotcom-styles": "1.41.0-rc.2",
-    "@carbon/ibmdotcom-utilities": "1.41.0-rc.1",
+    "@carbon/ibmdotcom-services": "1.41.0",
+    "@carbon/ibmdotcom-styles": "1.41.0",
+    "@carbon/ibmdotcom-utilities": "1.41.0",
     "@carbon/layout": "10.37.0",
     "@carbon/motion": "^11.0.0",
     "@carbon/telemetry": "0.1.0",
-    "@carbon/web-components": "1.22.0-rc.3",
+    "@carbon/web-components": "1.22.0",
     "carbon-components": "10.58.5",
     "lit-element": "2.5.1",
     "lit-html": "1.4.1",
@@ -129,7 +129,7 @@
     "@babel/preset-react": "~7.12.0",
     "@babel/template": "~7.12.0",
     "@babel/traverse": "~7.12.0",
-    "@carbon/ibmdotcom-services-store": "1.41.0-rc.1",
+    "@carbon/ibmdotcom-services-store": "1.41.0",
     "@carbon/icon-helpers": "10.34.0",
     "@carbon/icons": "10.48.0",
     "@carbon/type": "10.45.1",