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 3e7221758f8..38be6261794 100644 --- a/packages/carbon-web-components/CHANGELOG.md +++ b/packages/carbon-web-components/CHANGELOG.md @@ -3,9 +3,50 @@ 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.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](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/carbon-web-components +**Note:** Version bump only for package @carbon/web-components + + + + + +# 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 + + + + + +# [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/web-components diff --git a/packages/carbon-web-components/README.md b/packages/carbon-web-components/README.md index c71d5c80310..2af6280cd18 100644 --- a/packages/carbon-web-components/README.md +++ b/packages/carbon-web-components/README.md @@ -190,18 +190,18 @@ artifacts: #### How to install -To install `carbon-web-components` in your project, you will need to run the +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-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-web-components +yarn add @carbon/web-components ``` > NOTE: Carbon and Lit dependencies will be managed by Carbon Web Components @@ -224,7 +224,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), @@ -234,8 +234,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/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 @@ -320,8 +320,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/web-components/es/components-react/dropdown/dropdown.js'; +import BXDropdownItem from '@carbon/web-components/es/components-react/dropdown/dropdown-item.js'; const App = () => ( @@ -374,8 +374,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/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 28d7e4102ef..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-web-components/es/components/dropdown/dropdown'; -import '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/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 c315287304e..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-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/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 49b8c88d900..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-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/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 69d0c88ad47..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-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/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 79d01eb00be..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-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/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 6515bd05e91..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-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/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 0910feae6bc..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-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/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 9e5b4dda376..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-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/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 7c2c29007bf..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-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/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 bb7aca63965..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-web-components/es/components/data-table/index.js'; -import '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/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 66faf1d9bf9..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-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/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 cae4f3d4e3a..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-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/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 fb90c36e5ec..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-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/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 d7e80e48f8b..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-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/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 51fbf075703..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-web-components/es/components/form/index.js'; -import '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/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 d1b9b5456c6..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-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/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 21b7d27fc07..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-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/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 4a10dce7cc3..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-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/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 ebdea530165..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-web-components/es/components/modal/index.js'; -import '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/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 0e09442c46b..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-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/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 c24d94f564d..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-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/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 b0becc2e55b..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-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/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 011c6e71b36..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-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/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 7b07cd3062f..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-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/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 affef5a1401..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-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/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 0cfbc2fdd4f..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-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/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 6f2a021befb..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-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/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 bc2e5c2c1c8..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-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/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 7ee0cc8e923..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-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/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 4e14a2cb691..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-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/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 11312cdc840..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-web-components/es/components/skip-to-content/index.js'; -import '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/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 48ee7779575..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-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/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 ec4eb796a73..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-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/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 dba18f716d6..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-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/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 1c7511d8329..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-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/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 26bc66892fc..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-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/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 fb130564e72..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-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/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 9b3b00e5078..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-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/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 dcaaa44f275..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-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/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 ec5957e4786..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-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 a563b0f4ba7..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-web-components/es/components/dropdown/dropdown.js'; -import '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/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 dbe669ad1fc..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 @@ -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/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..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-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/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 4bd9ef15fc9..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-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/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 59e2292ba26..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-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/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 d4d0f90f39c..ef117d13cb4 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/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 0421da5f636..11e9a7db1a6 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/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 c33f35929b3..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 @@ -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/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 be46319ba77..b38c26f320d 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/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 ec0f1124756..03398498886 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/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 b6fccde6914..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 @@ -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/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 8b556226203..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 @@ -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/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 429acbf3936..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. ``` ## Focus management -`` puts focus on one of the following elements (in priority order) once it gets open: +`` 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 -`` enables "focus-wrapping" behavior after then. -It means that hitting tab key at the last sequential-focusable element in `` puts focus on the first sequential-focusable element, and hitting Shift-tab key at the first sequential-focusable element in `` puts focus on the last sequential-focusable element. +`` enables "focus-wrapping" behavior after then. It means that hitting +tab key at the last sequential-focusable element in `` puts focus on +the first sequential-focusable element, and hitting Shift-tab key at the first +sequential-focusable element in `` puts focus on the last +sequential-focusable element. -Once `` gets closed, it puts focus on the last focused element before it got open, typically the launcher button. +Once `` gets closed, it puts focus on the last focused element before +it got open, typically the launcher button. ## `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `open` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `open` attribute). ## `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `disabled` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute +(e.g. `` without `disabled` attribute). 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..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 @@ -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/web-components/es/components/multi-select/index.js'; ``` - ### 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 `` component. +If you'd like to have a search bar to filter through the dropdown options, you +can add the `filterable` boolean to the `` component. ```html @@ -51,38 +57,58 @@ If you'd like to have a search bar to filter through the dropdown options, you c ``` -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` - ${items.map(item => html` ${item.title} `)} + ${items.map( + (item) => + html` + ${item.title} + ` + )} `; ``` ## Selection -When user attempts to change selection in multi select item, `bx-multi-select-beingselected` event fires on ``, 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 ``, which has +the following properties in the event details: | Property | Description | | -------- | -------------------------------------------------------------- | | `item` | The `` 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 ``, `` keeps focusing on itself even +while the menu is open and user is navigating through arrow keys. Given that, +`` does not handle keyboard events by itself. +`` takes care of handling keyboard events for multi select +items and updates ``. ## `` attributes, properties and events -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `open` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `open` attribute). ## `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `disabled` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute +(e.g. `` without `disabled` attribute). 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..e4cff9bb379 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/web-components/es/components/notification/index.js'; ``` - ### HTML @@ -31,42 +30,52 @@ import 'carbon-web-components/es/components/notification/index.js'; + subtitle="Subtitle text goes here." +> ``` ## 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 + subtitle="Subtitle text goes here." +> ``` ## 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 + subtitle="Subtitle text goes here." +> ``` ## `` attributes, properties and events -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `open` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute +(e.g. `` without `open` attribute). ## `` attributes, properties and events -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `open` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute +(e.g. `` without `open` attribute). 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..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 @@ -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/web-components/es/components/number-input/index.js'; ``` - ### HTML @@ -32,17 +32,20 @@ import 'carbon-web-components/es/components/number-input/index.js'; Label text Optional helper text Something isn't right - Try a lower value, something less than 100 + Try a lower value, something less than 100 Value must be larger than 0 ``` ## Form item -If the input is part of a form, make sure to import and wrap the input with `` +If the input is part of a form, make sure to import and wrap the input with +`` ```javascript -import 'carbon-web-components/es/components/form/index.js'; +import '@carbon/web-components/es/components/form/index.js'; ``` ```html @@ -51,7 +54,9 @@ import 'carbon-web-components/es/components/form/index.js'; Label text Optional helper text Something isn't right - Try a lower value, something less than 100 + Try a lower value, something less than 100 Value must be larger than 0 @@ -67,6 +72,8 @@ For the skeleton variation, utilize ``. ## `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `mobile` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `mobile` attribute). 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..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 @@ -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/web-components/es/components/overflow-menu/index.js'; ``` - ### HTML @@ -42,7 +42,9 @@ import 'carbon-web-components/es/components/overflow-menu/index.js'; ## `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `open` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `open` attribute). @@ -52,6 +54,8 @@ Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ## `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `disabled` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute +(e.g. `` without `disabled` attribute). 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..5d66d792b0e 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/web-components/es/components/pagination/index.js'; ``` - ### HTML @@ -41,7 +41,9 @@ import 'carbon-web-components/es/components/pagination/index.js'; ## `` attributes, properties and events -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `at-last-page` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute +(e.g. `` without `at-last-page` attribute). 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..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 @@ -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/web-components/es/components/progress-indicator/index.js'; ``` - ### HTML ```html - - - - - + + + + + ``` ## Skeleton -For the skeleton variation, utilize `` and ``. +For the skeleton variation, utilize `` and +``. ```html @@ -53,12 +76,16 @@ For the skeleton variation, utilize `` and `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `vertical` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute +(e.g. `` without `vertical` attribute). ## `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `disabled` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `disabled` attribute). 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..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 @@ -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/web-components/es/components/radio-button/index.js'; ``` - ### HTML ```html - + - + ``` @@ -45,12 +52,16 @@ For the skeleton variation, utilize ``. ## `` attributes, properties and events -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `disabled` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute +(e.g. `` without `disabled` attribute). ## `` attributes, properties and events -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `disabled` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute +(e.g. `` without `disabled` attribute). 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..596b9bfbf5f 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/web-components/es/components/search/index.js'; ``` - ### HTML @@ -42,6 +43,8 @@ For the skeleton variation, utilize ``. ## `` attributes, properties and events -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `light` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `light` attribute). 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..11f89bcab1d 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/web-components/es/components/select/index.js'; ``` - ### HTML ```html - + Option 1 Option 2 @@ -43,18 +47,24 @@ import 'carbon-web-components/es/components/select/index.js'; ## `` attributes, properties and events -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `autofocus` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `autofocus` attribute). ## `` attributes, properties and events -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `disabled` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute +(e.g. `` without `disabled` attribute). ## `` attributes, properties and events -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `disabled` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `disabled` attribute). 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..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 @@ -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/web-components/es/components/skeleton-placeholder/index.js'; ``` - ### 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..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 @@ -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/web-components/es/components/skeleton-text/index.js'; ``` - ### 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 ``. +To create multiple lines of skeleton text, set the `type` property and use +multiple instances of ``. ```html 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..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 @@ -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/web-components/es/components/skip-to-content/index.js'; ``` - ### 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..79dc1bd5a6b 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/web-components/es/components/slider/index.js'; ``` - ### HTML ```html - + ``` ## With input box @@ -51,12 +57,16 @@ For the skeleton variation, utilize ``. ## `` attributes, properties and events -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `disabled` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `disabled` attribute). ## `` attributes, properties and events -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `light` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `light` attribute). 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..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 @@ -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/web-components/es/components/structured-list/index.js'; ``` - ### HTML @@ -41,24 +41,27 @@ import 'carbon-web-components/es/components/structured-list/index.js'; Row 1 Row 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna, finibus id tortor sed, aliquet bibendum augue. - Aenean posuere sem vel euismod dignissim.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui + magna, finibus id tortor sed, aliquet bibendum augue. Aenean posuere sem + vel euismod dignissim. Row 2 Row 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna, finibus id tortor sed, aliquet bibendum augue. - Aenean posuere sem vel euismod dignissim.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui + magna, finibus id tortor sed, aliquet bibendum augue. Aenean posuere sem + vel euismod dignissim. Row 3 Row 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna, finibus id tortor sed, aliquet bibendum augue. - Aenean posuere sem vel euismod dignissim.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui + magna, finibus id tortor sed, aliquet bibendum augue. Aenean posuere sem + vel euismod dignissim. @@ -100,12 +103,16 @@ For the skeleton variation, utilize ``. ## `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `has-selection` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the +attribute (e.g. `` without `has-selection` attribute). ## `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `selected` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute +(e.g. `` without `selected` attribute). 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..8045cfc8669 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/web-components/es/components/tabs/index.js'; ``` - ### HTML @@ -30,8 +29,16 @@ import 'carbon-web-components/es/components/tabs/index.js'; ```html Option 1 - Option 2 - Option 3 + Option 2 + Option 3 Option 4 Option 5 @@ -39,36 +46,51 @@ import 'carbon-web-components/es/components/tabs/index.js'; - @@ -76,7 +98,8 @@ import 'carbon-web-components/es/components/tabs/index.js'; ## Skeleton -For the skeleton variation, utilize `` and ``. +For the skeleton variation, utilize `` and +``. ```html @@ -96,6 +119,8 @@ Note: `bx-content-switcher-*` events are not fired from ``. ## `` attributes, properties and events -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `disabled` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `disabled` attribute). 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..0054c0dd7d9 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/web-components/es/components/tag/index.js'; ``` - ### HTML @@ -38,17 +39,23 @@ import 'carbon-web-components/es/components/tag/index.js'; ## Filter tag ```html - This is a tag + + This is a tag + ``` ## `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `disabled` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `disabled` attribute). ## `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `disabled` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `disabled` attribute). 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..ba79e47fa2f 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/web-components/es/components/textarea/index.js'; ``` - ### 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 `` +If the textarea is part of a form, make sure to import and wrap the textarea +with `` ```javascript -import 'carbon-web-components/es/components/form/index.js'; +import '@carbon/web-components/es/components/form/index.js'; ``` ```html @@ -65,6 +66,8 @@ For the skeleton variation, utilize ``. ## `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `autofocus` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `autofocus` attribute). 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..cd05d00bb6a 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/web-components/es/components/tile/index.js'; ``` - ### 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 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
@@ -74,40 +79,54 @@ Selectable tiles work well for presenting options to a user in a structured mann ## `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `selected` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `selected` attribute). ## Multi-selectable tile ```html - Multi-select Tile + + Multi-select Tile + ``` ## `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `selected` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute +(e.g. `` without `selected` attribute). ## 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 - + Above the fold content here - Below the fold content here + + Below the fold content here + ``` ## `` attributes, properties and events -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `expanded` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute +(e.g. `` without `expanded` attribute). 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..9adc57a0623 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/web-components/es/components/toggle/index.js'; ``` - ### HTML ```html - + ``` ## `` attributes, properties and events Note: `bx-checkbox-*` events are not fired from ``. -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `small` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `small` attribute). 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..356fd3814e3 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/web-components/es/components/tooltip/index.js'; ``` - ### HTML @@ -33,37 +31,52 @@ import 'carbon-web-components/es/components/tooltip/index.js';

- 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.

- Learn MoreCreate + + Learn MoreCreate + ``` ## 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 ### `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `open` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `open` attribute). ## 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 - + Definition Tooltip ``` @@ -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 - + ${Filter16()} ``` 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..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 @@ -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/web-components/es/components/ui-shell/index.js'; ``` - ### HTML ```html - - [Platform] + + [Platform] Link 1 Link 2 Link 3 - Sub-link 1 - Sub-link 2 - Sub-link 3 + Sub-link 1 + Sub-link 2 + Sub-link 3 - L0 menu item - L0 menu item - L0 menu item + + L0 menu item + + + L0 menu item + + + L0 menu item + - L0 menu item - L0 menu item - L0 menu item + + L0 menu item + + + L0 menu item + + + L0 menu item + - L0 menu item - L0 menu item - L0 menu item + + L0 menu item + + + L0 menu item + + + L0 menu item + L0 link @@ -82,19 +110,37 @@ Side nav in UI Shell consists of the following components: - L0 menu item - L0 menu item - L0 menu item + + L0 menu item + + + L0 menu item + + + L0 menu item + - L0 menu item - L0 menu item - L0 menu item + + L0 menu item + + + L0 menu item + + + L0 menu item + - L0 menu item - L0 menu item - L0 menu item + + L0 menu item + + + L0 menu item + + + L0 menu item + L0 link @@ -105,17 +151,23 @@ Side nav in UI Shell consists of the following components: ### Expanding/collapsing -`` has `expanded` attribute to make it expanded. In its collapsed state, hovering over the side nav expands it temporarily. +`` has `expanded` attribute to make it expanded. In its collapsed +state, hovering over the side nav expands it temporarily. `` can be made non-collapsible, by setting `fixed` attribute. ### Selecting a nav item -Unlike ``, etc., user gesture of side nav item won't update the selection by itself. The assumption is that following the link in ``/`` triggers routing in application, and application chooses which ``/`` to set `active` attribute to, with the new URL. +Unlike ``, etc., user gesture of side nav item won't update the +selection by itself. The assumption is that following the link in +``/`` triggers routing in application, and +application chooses which ``/`` to set +`active` attribute to, with the new URL. ### Using with header nav -If `` is used along with header (``), the side nav should be pushed down. To do that, add below style to your application: +If `` is used along with 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 { ### `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `expanded` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `expanded` attribute). ### `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `active` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `active` attribute). ### `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `active` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `active` attribute). ### `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `active` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute +(e.g. `` without `active` attribute). @@ -176,13 +236,17 @@ Header nav in UI Shell consists of the following components: ### `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `expanded` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute (e.g. +`` without `expanded` attribute). ### `` attributes and properties -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. ``) and `false` means not setting the attribute (e.g. `` without `active` attribute). +Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. +``) and `false` means not setting the attribute +(e.g. `` without `active` attribute). 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 7ec4c695d0f..e6e91c7c2c1 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -3,6 +3,22 @@ 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 + + + + + # [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 5eca72dc62e..3b9b6b6fdc1 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", "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.1", - "@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 9cbb1a26e88..94275ea8257 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 9c1e80da06f..2b5c98c505a 100644 --- a/packages/styles/CHANGELOG.md +++ b/packages/styles/CHANGELOG.md @@ -3,6 +3,22 @@ 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 + + + + + # [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..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.1", + "version": "1.41.0", "license": "Apache-2.0", "main": "dist/ibm-dotcom-styles.min.css", "module": "src/scss", 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/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/.storybook/preview.ts b/packages/web-components/.storybook/preview.ts index 86688afe50d..7d4e28f194d 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..21761ddf6e4 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 @@ -63,8 +63,7 @@ export const decorators = [ data-floating-menu-container data-modal-container role="main" - className={classes} - > + className={classes}> {result} diff --git a/packages/web-components/CHANGELOG.md b/packages/web-components/CHANGELOG.md index 4365a25f72a..6a587476e16 100644 --- a/packages/web-components/CHANGELOG.md +++ b/packages/web-components/CHANGELOG.md @@ -3,6 +3,30 @@ 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 + + + + + +# [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/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 `` 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 b697322c239..48762d5e97d 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", "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/carbon-web-components": "1.22.0-rc.1", - "@carbon/ibmdotcom-services": "1.41.0-rc.1", - "@carbon/ibmdotcom-styles": "1.41.0-rc.1", - "@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", "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", 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 6a897110faf..c84c38193fc 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 701b7d9a7c9..d4df7d5dea6 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 2c1f52fcdec..bd74a1a8e6f 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 49a9c4518d1..58492b2f1a4 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'; ``` @@ -36,14 +38,38 @@ import '@carbon/carbon-web-components/es/icons/arrow--right/20.js'; Lorem ipsum - Dolor sit amet - @@ -53,7 +79,7 @@ import '@carbon/carbon-web-components/es/icons/arrow--right/20.js'; ```html - + ``` @@ -64,6 +90,7 @@ import '@carbon/carbon-web-components/es/icons/arrow--right/20.js'; ``` + ## Props @@ -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 a739d788a90..eeeb73f772a 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 aa05769e67b..91245f54d22 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 9541101a056..d382265af96 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 38032a703f9..854a35c82ec 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 779c427e29f..ec1eafe9043 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 7e3b7b0396b..a8d814f41c4 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 0a5d2f2aac4..22da0bc8924 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 2dd683175b2..d2ca9c3342c 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 d771cf43f7c..0dbbd4484f3 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 88693004113..1dc668b3aad 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 579cf3f6581..507bab6b017 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 f522d6240ef..dbc28c8c3e8 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 e7350541f73..254de27cf5c 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'; - - - - # `` -> The Content Block - Card Static pattern is a variant of ``, and -> includes a card group, a single content item, and ends with a CTA. +> The Content Block - Card Static pattern is a variant of ``, +> 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'; ``` - + ### HTML ```html - - Ways to buy - - - Nunc convallis - - Most popular - -

- 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. -

- - - Nunc convallis -

- 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. -

- - - - Lorem ipsum dolor si amett - Contact us for a customized quote, discounted pricing, and financing options - or get started with a free trial today - - - - - Contact us ${Chat20({ slot: 'icon' })} - - - Free trial ${ArrowRight20({ slot: 'icon' })} - - - + + Ways to buy + + + Nunc convallis + + Most popular + +

+ 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. +

+ + + Nunc convallis +

+ 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. +

+ + + + Lorem ipsum dolor si amett + Contact us for a customized quote, discounted pricing, and financing + options - or get started with a free trial today + + + + + Contact us ${Chat20({ slot: 'icon' })} + + + Free trial ${ArrowRight20({ slot: 'icon' })} + + + ``` ## 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 | -| ---------------------------------- | -----------------------------------------------| ----------- | -| `` | `data-autoid="dds--content-block-card-static"` | Component | +| Web Components selector | Compatibility selector | Description | +| --------------------------------- | ---------------------------------------------- | ----------- | +| `` | `data-autoid="dds--content-block-card-static"` | Component | 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 165917d690d..45ce321dc31 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 3b64921024b..e3e67a4b226 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 d846e803e4a..49f7dda97f3 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 d5e224464f6..68a23637f39 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 a9a00867b0a..8557af55279 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'; - - - # `` > The Content Block - Simple pattern is a variant of ``, and @@ -40,21 +37,36 @@ import '@carbon/ibmdotcom-web-components/es/components/cta/text-cta.js'; ```html - Curabitur malesuada varius mi eu posuere - Lorem ipsum *dolor* sit amet + Curabitur malesuada varius mi eu posuere + Lorem ipsum *dolor* sit amet - + - + - + - Lorem ipsum dolor sit amet + Lorem ipsum dolor sit amet ``` @@ -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 - Curabitur malesuada varius mi eu posuere - Lorem ipsum *dolor* sit amet + Curabitur malesuada varius mi eu posuere + Lorem ipsum *dolor* sit amet - + - + - + - - Lorem ipsum dolor sit amet - - - - + + Lorem ipsum dolor sit amet + + + + ``` @@ -128,34 +155,49 @@ import '@carbon/ibmdotcom-web-components/es/components/link-list/index'; ```html - Curabitur malesuada varius mi eu posuere - Lorem ipsum *dolor* sit amet + Curabitur malesuada varius mi eu posuere + Lorem ipsum *dolor* sit amet - + - + - + - Tutorial - -

Containerization A Complete Guide

- - - -

Why should you use microservices and containers

- - + Tutorial + +

Containerization A Complete Guide

+ + + +

Why should you use microservices and containers

+ + - Lorem ipsum dolor sit amet + Lorem ipsum dolor sit amet ``` @@ -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 b9830a072e1..d46003727fb 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 eb847d78b5c..55fa39b1e09 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 a300f1833c0..91b5f857708 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 fd0f502033d..a54541a34df 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 = ( - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt + + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt +

- 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.

@@ -41,7 +45,10 @@ const card1 = ( ); const card2 = ( - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt + + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt +

Lorem ipsum dolor sit amet, consectetur adipiscing elit

@@ -51,7 +58,9 @@ const card2 = ( const App = () => ( Lorem ipsum dolor sit amet. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. + {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 c08354b5ac0..344eb43e6ae 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 d74e648a019..b8cdca2ad76 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 fcdd9f8ce3c..0772c4dc98d 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 b714ebd2fa6..c994834fdc0 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 b2a333588b5..0eca751ee19 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 973f5f0d9bc..286593e9450 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 '../../card-group/index'; import '../../carousel/index'; 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 cb9d9985b5e..9762ee50381 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 7c877803f16..2ddcce9423c 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 43633790a58..a9448139a79 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 ee99790f35d..3bc689fa4a4 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 5c79d89a47c..16c7b487bbe 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 a0fdb4381d6..5082745c630 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 0b7944bbbf0..dffa51c568e 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 3e58d4faa9c..1139faa4fa1 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 0ceb28b47d1..4134d1cf6b8 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 e810fb7af66..6a1b62d853b 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 08f25f9db17..ebc648f3989 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 8cdb4859a48..a0a9dccf38d 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 ce8fc188e73..16b6214fc9a 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 6989a4aa2d9..5f0da2e33e4 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 668fab463af..298925e5376 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 645d1b06f09..21c136b0b69 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 106cf9c82ea..f73f9432b92 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 d2e07e58a6d..c23667f75aa 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 90c4ad255cc..1b95e625ae2 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 9d376be3201..38d943d3294 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 6f453b059a5..e38c979328b 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 e4e4cdf88a9..c31a6377193 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 266e54b5c1d..1e294281ed5 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 0c19be0ed7b..011e6e29d8f 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 0f6c7e57dd7..d1d1a6e0de1 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 2d7bbf37bd5..652f38d744b 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 ebb44c25d81..d0bd45f18b5 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 031530f80b0..53b1728aaf6 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'; ``` @@ -41,55 +42,67 @@ import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20 Button 1 - - ... - + ... Button 2 - - ... - + ... - - - + + + ``` ## 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 - - LeadSpace title - Leadspace copy - - - Button 1 - - ... - - - - Button 2 - - ... - - - - - - - + + LeadSpace title + Leadspace copy + + + Button 1 + ... + + + Button 2 + ... + + + + + + ``` ## 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 @@ -97,23 +110,30 @@ If using the video player cta in the Leadspace, make sure to follow the guidelin LeadSpace copy - + Button 1 - - ... - + ... Button 2 - - ... - + ... - - - + + + ``` @@ -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 81479efea3b..d795bb4df06 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 4e633e3e57b..99828d29e32 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 57a2967d4a8..abddfbe42e8 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 c417633c38a..250f165b8cb 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 04510c2b7e1..85c7d8ebf12 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 a6e1f79adfd..ff50fd2f44f 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 bc00565de71..cbe63855d1c 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 f7a8ccb3a2d..9ab73727620 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 b55c480d279..b3670af7c80 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 bc43e6b2f7b..cde7c204e22 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 ff49539b47d..cf104296fa1 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..676c51bf146 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'; @@ -25,8 +25,7 @@ export const Default = (args) => { + localeList={localeData}> ); }; 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 c585225f7c1..e93f25d39fe 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 4bf12168e5f..bdd1ca1f0fe 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 cd608ce35c5..f690676d340 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 45562238d3c..43a3ba1beeb 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 933809ba489..8b7162f500d 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 6f8676e2aeb..3a8b1fd08ae 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 e913e2bff6f..7dd80d479a6 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 59ae76f8783..905a91dd31d 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 e7b18d3ab75..6b4d17f0f91 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 5abb1cfbb5a..f3f1b3e1fc0 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 14356789fc7..5462838b265 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 c391715b8c5..ed7ceba0c03 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 2ebf966e6b4..34f44b4c936 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 5da3c221c3a..1d565f1699a 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 a5a57db430d..81c44ab831a 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 457e3cd540c..52941d243d6 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 3ec3dcafd98..aee5661207f 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 d38fa7ea388..f849421203c 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 77bd2007407..c3aaf293ee0 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 0509ab26be7..7d020ca5b98 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 21db8933567..ab3b6f4c9fe 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 159c38be015..f7f3607b70c 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 0f9895e845f..5d0a229389b 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 3933f29ccfe..8fc41dd88fc 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 3a1dfbb625d..4c6eb59ed4e 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 4011cdd3526..e690cd33dec 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 0bb2be5c64d..45f3f49fabe 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 0b33eac512f..12dd1db7e58 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 e269fb43f7f..308d8674887 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 c4692278526..e8b52bdc701 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 b69eb0315bd..e4d96bb583d 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 08eb1213a85..ee0ef3781e6 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 d562555a250..1a229a7a5d4 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 796f445b0d5..9990c89451b 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 59548c9e656..20d11aea845 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 30224562481..6a5d78285f6 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 c4a183821f9..58e58ca1561 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 80de4bc8d45..15f611303cc 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 b3cf1335116..fd17ba70ea1 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 d0332862056..11d7212d05a 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 5bac8e66f18..b1a2fe8fd91 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 c6b909d65f1..590f9359d92 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 104d260b83e..b3b92902a81 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 ce0108b6642..da191bd2d57 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 5ae92c78c51..f2d77042dae 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 46babeac481..15e7c20335a 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 7aa585dfeda..7654468fc18 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 35f544a8466..77c84134743 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/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 24c67193b32..947ae373c3c 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,7 +11,7 @@ * @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(() => { 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 90e26585b1f..3d067fefe80 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) )};