diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md index 233d510a0ab6..83450fab1a6e 100644 --- a/.github/CONTRIBUTING.md +++ b/.github/CONTRIBUTING.md @@ -20,7 +20,7 @@ contributing environment. Please take a look at our Before contributing to Carbon, you should make sure you have the following tools installed: -- [Node.js](https://nodejs.org/en/download/) v16 or above here or follow their +- [Node.js](https://nodejs.org/en/download/) v18 or above here or follow their installation through a package manager [here](https://nodejs.org/en/download/package-manager/)) - If you're on macOS, we recommend using @@ -44,6 +44,8 @@ With that all in place, you're ready to start contributing to Carbon! ## Start contributing +## - Setting up your environment - + ### 1. Fork the repo: Go to @@ -93,7 +95,28 @@ upstream git@github.com:carbon-design-system/carbon.git (fetch) upstream git@github.com:carbon-design-system/carbon.git (push) ``` -### 4. Work in a branch +Great job on getting to this point! Now it's time to code :computer: + +## - Setting up your code - + +### 1. Find or create an issue + +Before you start coding, if you have an issue in mind that you'd like to tackle, +please first [search](https://github.com/IBM/carbon-components/issues) the +issues to see if a similar issue you'd like to work on has already been +submitted. If a similar issue has been submitted, assign yourself or ask to be +assigned to the issue by posting a comment. + +If the issue does not exist, please make a new issue. Issues give us context +about what you are contributing and expedite the process to getting your +contributions merged into Carbon. It's a win for everybody :tada: + +If you have no idea what you'd like to contribute, take a look at our backlog of +issues and take your pick! Our issues with the label +[`good first issue`](https://github.com/carbon-design-system/carbon/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue+%F0%9F%91%8B%22) +are a great starting point. 👋 + +### 2. Work in a branch When contributing to Carbon, your work should always be done in a branch off of your repo, this is also how you will submit your pull request when your work is @@ -107,7 +130,7 @@ git pull origin main git checkout -b {your-branch-name} ``` -### 5. Build and start the development server +### 3. Build and start the development server From the root directory of your fork, run: @@ -144,7 +167,7 @@ For information about our coding style, such as how we name our classes and our file structure, go to our [developer handbook](https://github.com/carbon-design-system/carbon/blob/main/docs/developer-handbook.md#coding-style) -### 6. Test your JavaScript code +### 4. Test your JavaScript code If you're contributing to our JavaScript code, test your changes by running our test commands: @@ -156,7 +179,7 @@ yarn test For more extensive testing information, see our [developer handbook](https://github.com/carbon-design-system/carbon/blob/main/docs/developer-handbook.md#common-tasks) -### 7. Add yourself to the contributor list +### 5. Add yourself to the contributor list We want to make sure everyone is recognized for their contributions to Carbon! To add yourself to the `all-contributors` table in the README, you'll need to @@ -175,15 +198,7 @@ Then, you'll need to generate the updated `all-contributors` table by running yarn all-contributors generate ``` -### 8. Make a pull request - -**Note:** Before you make a pull request, -[search](https://github.com/IBM/carbon-components/issues) the issues to see if a -similar issue has already been submitted. If a similar issue has been submitted, -assign yourself or ask to be assigned to the issue by posting a comment. If the -issue does not exist, please make a new issue. Issues give us context about what -you are contributing and expedite the process to getting your contributions -merged into Carbon. It's a win for everybody :tada: +### 6. Make a pull request When you're at a good stopping place and you're ready for feedback from other contributors and maintainers, **push your commits to your fork**: diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index a0b6b0a4f1d2..b8ad8d213504 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -16,10 +16,10 @@ jobs: runs-on: ubuntu-latest steps: - uses: actions/checkout@v3 - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' - name: Run yarn dedupe run: yarn dedupe --check @@ -27,10 +27,10 @@ jobs: runs-on: ubuntu-latest steps: - uses: actions/checkout@v3 - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' - name: Install dependencies run: yarn install --immutable --immutable-cache - name: Check formatting of project files @@ -40,10 +40,10 @@ jobs: runs-on: ubuntu-latest steps: - uses: actions/checkout@v3 - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' - name: Install dependencies run: yarn install --immutable --immutable-cache - name: Lint JavaScript files @@ -55,10 +55,10 @@ jobs: runs-on: ubuntu-latest steps: - uses: actions/checkout@v3 - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' - uses: actions/cache@v3 id: cache with: @@ -81,10 +81,10 @@ jobs: runs-on: ubuntu-latest steps: - uses: actions/checkout@v3 - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' - uses: actions/cache@v3 id: cache with: @@ -120,10 +120,10 @@ jobs: runs-on: ubuntu-latest steps: - uses: actions/checkout@v3 - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' - uses: actions/cache@v3 id: cache with: @@ -178,10 +178,10 @@ jobs: runs-on: ubuntu-latest steps: - uses: actions/checkout@v3 - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' - uses: actions/cache@v3 id: cache with: diff --git a/.github/workflows/deploy-packages.yml b/.github/workflows/deploy-packages.yml index db76d60b0595..8e3588a1bef5 100644 --- a/.github/workflows/deploy-packages.yml +++ b/.github/workflows/deploy-packages.yml @@ -20,10 +20,10 @@ jobs: with: repository: carbon-design-system/carbon-website ref: main - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' registry-url: 'https://registry.npmjs.org' - name: Update dependencies run: | @@ -63,10 +63,10 @@ jobs: with: repository: carbon-design-system/design-language-website ref: master - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' registry-url: 'https://registry.npmjs.org' - name: Update dependencies run: | diff --git a/.github/workflows/deploy-react-storybook.yml b/.github/workflows/deploy-react-storybook.yml index 69f3ad198517..1acfe1ee4581 100644 --- a/.github/workflows/deploy-react-storybook.yml +++ b/.github/workflows/deploy-react-storybook.yml @@ -29,10 +29,10 @@ jobs: runs-on: macos-11 steps: - uses: actions/checkout@main - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' - name: Install dependencies run: yarn install --immutable --immutable-cache - name: Build project diff --git a/.github/workflows/nightly-release.yml b/.github/workflows/nightly-release.yml index d4b02baf80c0..809bd94aabd0 100644 --- a/.github/workflows/nightly-release.yml +++ b/.github/workflows/nightly-release.yml @@ -10,10 +10,10 @@ jobs: runs-on: macos-11 steps: - uses: actions/checkout@main - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' - name: Install dependencies run: yarn install --immutable --immutable-cache --check-cache - name: Build project diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml index 6298e66b3b0e..42056c642d2a 100644 --- a/.github/workflows/release.yml +++ b/.github/workflows/release.yml @@ -16,10 +16,10 @@ jobs: steps: - uses: actions/checkout@v3 - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' registry-url: 'https://registry.npmjs.org' - name: Install dependencies diff --git a/.github/workflows/sync-generated-files.yml b/.github/workflows/sync-generated-files.yml index 802696f5f297..993895da1e36 100644 --- a/.github/workflows/sync-generated-files.yml +++ b/.github/workflows/sync-generated-files.yml @@ -8,10 +8,10 @@ jobs: runs-on: ubuntu-latest steps: - uses: actions/checkout@v3 - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' - name: Install dependencies run: yarn install --immutable --immutable-cache - name: Build project diff --git a/.github/workflows/v10-ci.yml b/.github/workflows/v10-ci.yml index 596539372388..75a8a883d646 100644 --- a/.github/workflows/v10-ci.yml +++ b/.github/workflows/v10-ci.yml @@ -15,10 +15,10 @@ jobs: steps: - uses: actions/checkout@v3 - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' - name: Run yarn dedupe run: yarn dedupe --check @@ -28,10 +28,10 @@ jobs: - uses: actions/checkout@v3 with: ref: v10 - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' - name: Install dependencies run: yarn install --immutable --immutable-cache - name: Check formatting of project files @@ -43,10 +43,10 @@ jobs: - uses: actions/checkout@v3 with: ref: v10 - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' - name: Install dependencies run: yarn install --immutable --immutable-cache - name: Lint JavaScript files @@ -60,10 +60,10 @@ jobs: - uses: actions/checkout@v3 with: ref: v10 - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' - uses: actions/cache@v3 id: cache with: @@ -88,10 +88,10 @@ jobs: - uses: actions/checkout@v3 with: ref: v10 - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' - uses: actions/cache@v3 id: cache with: diff --git a/.github/workflows/v10-deploy-react-storybook.yml b/.github/workflows/v10-deploy-react-storybook.yml index 6e68afbc2d8f..0f49d2951666 100644 --- a/.github/workflows/v10-deploy-react-storybook.yml +++ b/.github/workflows/v10-deploy-react-storybook.yml @@ -18,10 +18,10 @@ jobs: steps: - uses: actions/checkout@v3 - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' - name: Install dependencies run: yarn install --immutable --immutable-cache - name: Build project diff --git a/.github/workflows/v10-release.yml b/.github/workflows/v10-release.yml index a0718cc32db2..f4ec093d1563 100644 --- a/.github/workflows/v10-release.yml +++ b/.github/workflows/v10-release.yml @@ -14,10 +14,10 @@ jobs: steps: - uses: actions/checkout@v3 - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' registry-url: 'https://registry.npmjs.org' - name: Install dependencies diff --git a/.github/workflows/version.yml b/.github/workflows/version.yml index 087607408734..1c6d31a19a30 100644 --- a/.github/workflows/version.yml +++ b/.github/workflows/version.yml @@ -31,10 +31,10 @@ jobs: - uses: actions/checkout@v3 with: fetch-depth: '0' - - name: Use Node.js 16.x + - name: Use Node.js 18.x uses: actions/setup-node@v3 with: - node-version: '16.x' + node-version: '18.x' registry-url: 'https://registry.npmjs.org' - uses: actions/cache@v3 id: cache diff --git a/.nvmrc b/.nvmrc index 030fcd56bf7d..2ef343043146 100644 --- a/.nvmrc +++ b/.nvmrc @@ -1 +1 @@ -16.19 +18.14 diff --git a/docs/guides/setup/design.md b/docs/guides/setup/design.md deleted file mode 100644 index d9b81411a068..000000000000 --- a/docs/guides/setup/design.md +++ /dev/null @@ -1,236 +0,0 @@ -# Design - - - - -## Table of Contents - -- [Intro](#intro) -- [Getting started](#getting-started) - - [Setting up your machine](#setting-up-your-machine) - - [Install VS Code](#install-vs-code) - - [Editing Markdown](#editing-markdown) - - [Working with GitHub](#working-with-github) - - [Install Homebrew](#install-homebrew) - - [Install Yarn](#install-yarn) - - [Pulling down the `carbon-elements` project](#pulling-down-the-carbon-elements-project) -- [Working with elements](#working-with-elements) - - [Colors](#colors) - - [Icons](#icons) - - [Grid](#grid) - - [Layout](#layout) - - [Typography](#typography) - - - - -## Intro - -If you’re a designer looking to contribute, thanks so much for taking the time -to learn. We really appreciate it! We also want to make it as simple as possible -for you, so if you have any suggestions for improving this guide please let us -know! - -## Getting started - -### Setting up your machine - -Before getting started, you will need to install some of the tools we use to -build the website. These tools also can be used to contribute to some of our -other projects, as well! To start off, you'll want to install a version of -Node.js and `npm`. These are the two powerhouse tools that drive most of the -work we do in JavaScript. - -While you can install Node.js directly from -[their website](https://nodejs.org/en/), we recommend using a tool called -[`nvm`](https://github.com/creationix/nvm#install-script). Node.js can change -versions multiple times in a year, and this tool helps to easily update to the -latest version. - -To install `nvm`, you can follow their -[install instructions](https://github.com/creationix/nvm#install-script). If -this is your first time working in the terminal, what you will need to do is -open up your terminal of choice (either Terminal.app or iTerm) and run the -following command next to the prompt: - -```bash -curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash -``` - -This command will install `nvm` for you, allowing you to run `nvm` commands -directly from your terminal. When this command completes, you should see a -message that looks like the following: - -```bash -=> Close and reopen your terminal to start using nvm or run the following to use it now: - -export NVM_DIR="$HOME/.nvm" -[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm -``` - -After you see this, you will need to run: - -```bash -echo 'export NVM_DIR="$HOME/.nvm" -[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm' > ~/.bash_profile -``` - -When this is complete, you should open a new tab in your terminal and close the -one that you were using to enter in the commands above. - -_Tip: to open a new tab, you can use `CMD`+`T`_ - -In this new tab, you should be able to run the following command from `nvm`: - -```bash -nvm install v8 -nvm alias default v8 -``` - -This will install Node.js v8.x and alias is as your default Node.js version. - -Now, each time you open the terminal you should be able to run the command -`node -v` and see an output that `v8.x.y`. In addition to installing Node.js and -the `node` command, this work will also install the `npm` tool for you to use in -the terminal. - -#### Install VS Code - -VS Code is a popular code editor that a good number of folks on our team like to -use. This editor has a number of advantages, including: - -- Being able to view an entire project structure at once through its file - explorer -- An integrated terminal so you don't have to worry about running a separate - terminal application -- Easy way to edit project files and view changes through a markdown preview - function -- A number of plugins that can simplify your GitHub workflow - -To install VS Code, you can visit -[their website](https://code.visualstudio.com/) which should have a button to -download the editor for your specific computer. After the download completes, -you should unzip the file and drag the `Visual Studio Code.app` into your -`Applications` folder. - -Once you've moved `Visual Studio Code.app` over, you should run it and accept -any security prompts that may pop-up. After launching VS Code, you should see a -screen similar to: - -![screen shot 2018-09-14 at 10 53 12 am](https://user-images.githubusercontent.com/3901764/45561062-75300600-b80c-11e8-9b7b-6e1aae63d82c.png) - -You can use this window to open up a specific folder on your computer that -contains your project's files. For the `design-system-website` project, -selecting the folder would look like: - -![screen shot 2018-09-14 at 10 55 28 am](https://user-images.githubusercontent.com/3901764/45561178-b6281a80-b80c-11e8-84ff-56d534468254.png) - -Clicking `Open` on the folder should populate an `EXPLORER` section on the -left-hand side of VS Code. Using this, you can navigate to any file in the -project, make edits to it, and more. - -##### Editing Markdown - -If you're working with markdown, it might be helpful to use the Markdown Preview -functionality built into VS Code. When you have a markdown file open in your -editor, you can go to `View` -> `Command Palette` (or `Shift`+`CMD`+`P`) and it -will bring up a prompt at the top of the file similar to the following: - -![screen shot 2018-09-14 at 10 58 39 am](https://user-images.githubusercontent.com/3901764/45561337-2767cd80-b80d-11e8-8a2f-e2a303c70af0.png) - -Inside of this command palette, you can type: `Markdown` to view all the -commands associated with VS Code's markdown plugin. To preview your changes, you -can use select `Markdown: Open Preview to the Site` and hit `Enter`. This should -open up a panel where you can view a rendered version of your markdown file -alongside the text for the file. If you make changes to the file on the left, it -should update on the right. Similarly, if you scroll in the markdown file it -will mirror the location on the left hand side. - -##### Working with GitHub - -VS Code has an excellent integration with GitHub, specifically for Pull -Requests. You can view the full details for this behavior over in -[this blog post](https://code.visualstudio.com/blogs/2018/09/10/introducing-github-pullrequests). - -You can install this plugin by visiting the -[plugin URL](https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github) -and clicking `Install`. You should see a prompt saying -`Open Visual Studio Code.app?` where you can then click -`Open Visual Studio Code.app`. You should see a screen that looks like the -following: - -![screen shot 2018-09-14 at 11 02 58 am](https://user-images.githubusercontent.com/3901764/45561636-d3111d80-b80d-11e8-956c-d445438731c4.png) - -On this screen, you need to click `Install` for the plugin to install in VS -Code, and then click `Reload` when it completes. `Reload` should appear in the -same location where the `Install` button was. - -After reloading, you should see a dialog box in the lower right hand side of the -screen requesting for you to sign in with your public GitHub.com login: - -![screen shot 2018-09-14 at 11 04 52 am](https://user-images.githubusercontent.com/3901764/45561720-0784d980-b80e-11e8-9aa2-ff924fba3740.png) - -You should click `Sign In` and accept the following dialog requests in the -browser. After you have signed in, you should click on the icon that says -`Source Control` (it should be the third icon from the top of the left sidebar). -This will open up a panel that looks like the following: - -![screen shot 2018-09-14 at 11 07 07 am](https://user-images.githubusercontent.com/3901764/45561852-53d01980-b80e-11e8-8f4e-b745e6b093d0.png) - -Using the `GITHUB PULL REQUESTS` section, you can view all the Pull Requests on -the project that you are working on. When you click on a specific Pull Request, -you should be able to view all the changes associated with that Pull Request. -You can also view the Pull Request directly by clicking on `Description`. - -![screen shot 2018-09-14 at 11 09 21 am](https://user-images.githubusercontent.com/3901764/45561972-a4e00d80-b80e-11e8-9c8b-e8e5e27552b6.png) - -If you would like to view the changes on your computer, you can click the -`Checkout` button for it to checkout the specific Pull Request that you are -viewing. Clicking this button will allow you to view all the changed files on -your machine by going back to the explorer tab (first icon from the top). When -you're done looking at the changes, you can re-visit the Pull Request you -checked out and click `Exit Review Mode`. - -#### Install Homebrew - -[Homebrew](https://brew.sh/) is a tool used for installing software on MacOS -machines. Installing this on your machine is completely optional, but it can -make it easier to install other tools that might be relevant while working on -our projects. To install Homebrew, you can run the following command in your -terminal: - -```bash -/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" -``` - -#### Install Yarn - -[Yarn](https://yarnpkg.com/en/) is an alternative to the `npm` we use for the -website. Installing this is completely optional, but it can help when -contributing to other projects that we develop. You can install Yarn by using -Homebrew, or by following their install instructions -[here](https://yarnpkg.com/en/docs/install#alternatives-stable). - -If you're using homebrew, you can install Yarn by running: - -```bash -brew install yarn --without-node -``` - -### Pulling down the `carbon-elements` project - -## Working with elements - -This section assumes that you have followed the steps in -[Getting started](#getting-started), or feel comfortable following along without -instructions on working with git and GitHub. - -### Colors - -### Icons - -### Grid - -### Layout - -### Typography diff --git a/e2e/icons-react/__snapshots__/PublicAPI-test.js.snap b/e2e/icons-react/__snapshots__/PublicAPI-test.js.snap index b47a8f282a61..c3d3e248e149 100644 --- a/e2e/icons-react/__snapshots__/PublicAPI-test.js.snap +++ b/e2e/icons-react/__snapshots__/PublicAPI-test.js.snap @@ -578,6 +578,8 @@ Array [ "DocumentExport", "DocumentHorizontal", "DocumentImport", + "DocumentMultiple_01", + "DocumentMultiple_02", "DocumentPdf", "DocumentPreliminary", "DocumentProtected", @@ -866,6 +868,7 @@ Array [ "IbmMq", "IbmOpenEnterpriseLanguages", "IbmPowerVs", + "IbmProcessMining", "IbmSecurity", "IbmSecurityServices", "IbmTelehealth", @@ -1404,6 +1407,7 @@ Array [ "Recycle", "Redo", "RefEvapotranspiration", + "ReferenceArchitecture", "ReflectHorizontal", "ReflectVertical", "Reminder", @@ -1833,6 +1837,7 @@ Array [ "UserSettings", "UserSimulation", "UserSpeaker", + "UserSponsor", "UserXRay", "UvIndex", "UvIndexAlt", @@ -2021,6 +2026,7 @@ Array [ "Webhook", "Websheet", "Wheat", + "WhitePaper", "Wifi", "WifiBridge", "WifiBridgeAlt", diff --git a/e2e/icons-vue/__snapshots__/PublicAPI-test.js.snap b/e2e/icons-vue/__snapshots__/PublicAPI-test.js.snap index 9d2898e9d6d6..67969a3e38f1 100644 --- a/e2e/icons-vue/__snapshots__/PublicAPI-test.js.snap +++ b/e2e/icons-vue/__snapshots__/PublicAPI-test.js.snap @@ -2294,6 +2294,14 @@ Array [ "DocumentImport20", "DocumentImport24", "DocumentImport32", + "DocumentMultiple_0116", + "DocumentMultiple_0120", + "DocumentMultiple_0124", + "DocumentMultiple_0132", + "DocumentMultiple_0216", + "DocumentMultiple_0220", + "DocumentMultiple_0224", + "DocumentMultiple_0232", "DocumentPdf16", "DocumentPdf20", "DocumentPdf24", @@ -3446,6 +3454,10 @@ Array [ "IbmPowerVs20", "IbmPowerVs24", "IbmPowerVs32", + "IbmProcessMining16", + "IbmProcessMining20", + "IbmProcessMining24", + "IbmProcessMining32", "IbmSecurity16", "IbmSecurity20", "IbmSecurity24", @@ -5592,6 +5604,10 @@ Array [ "RefEvapotranspiration20", "RefEvapotranspiration24", "RefEvapotranspiration32", + "ReferenceArchitecture16", + "ReferenceArchitecture20", + "ReferenceArchitecture24", + "ReferenceArchitecture32", "ReflectHorizontal16", "ReflectHorizontal20", "ReflectHorizontal24", @@ -7305,6 +7321,10 @@ Array [ "UserSpeaker20", "UserSpeaker24", "UserSpeaker32", + "UserSponsor16", + "UserSponsor20", + "UserSponsor24", + "UserSponsor32", "UserXRay16", "UserXRay20", "UserXRay24", @@ -8057,6 +8077,10 @@ Array [ "Wheat20", "Wheat24", "Wheat32", + "WhitePaper16", + "WhitePaper20", + "WhitePaper24", + "WhitePaper32", "Wifi16", "Wifi20", "Wifi24", diff --git a/e2e/icons/__snapshots__/PublicAPI-test.js.snap b/e2e/icons/__snapshots__/PublicAPI-test.js.snap index 174face9ffc2..684d921c6ea2 100644 --- a/e2e/icons/__snapshots__/PublicAPI-test.js.snap +++ b/e2e/icons/__snapshots__/PublicAPI-test.js.snap @@ -2293,6 +2293,14 @@ Array [ "DocumentImport20", "DocumentImport24", "DocumentImport32", + "DocumentMultiple_0116", + "DocumentMultiple_0120", + "DocumentMultiple_0124", + "DocumentMultiple_0132", + "DocumentMultiple_0216", + "DocumentMultiple_0220", + "DocumentMultiple_0224", + "DocumentMultiple_0232", "DocumentPdf16", "DocumentPdf20", "DocumentPdf24", @@ -3445,6 +3453,10 @@ Array [ "IbmPowerVs20", "IbmPowerVs24", "IbmPowerVs32", + "IbmProcessMining16", + "IbmProcessMining20", + "IbmProcessMining24", + "IbmProcessMining32", "IbmSecurity16", "IbmSecurity20", "IbmSecurity24", @@ -5591,6 +5603,10 @@ Array [ "RefEvapotranspiration20", "RefEvapotranspiration24", "RefEvapotranspiration32", + "ReferenceArchitecture16", + "ReferenceArchitecture20", + "ReferenceArchitecture24", + "ReferenceArchitecture32", "ReflectHorizontal16", "ReflectHorizontal20", "ReflectHorizontal24", @@ -7304,6 +7320,10 @@ Array [ "UserSpeaker20", "UserSpeaker24", "UserSpeaker32", + "UserSponsor16", + "UserSponsor20", + "UserSponsor24", + "UserSponsor32", "UserXRay16", "UserXRay20", "UserXRay24", @@ -8056,6 +8076,10 @@ Array [ "Wheat20", "Wheat24", "Wheat32", + "WhitePaper16", + "WhitePaper20", + "WhitePaper24", + "WhitePaper32", "Wifi16", "Wifi20", "Wifi24", diff --git a/package.json b/package.json index ef5e7266506c..5c000be0335a 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,7 @@ "repository": "git@github.com:carbon-design-system/carbon.git", "license": "Apache-2.0", "engines": { - "node": ">=16.x" + "node": ">=18.x" }, "workspaces": [ "actions/*", diff --git a/packages/icons/categories.yml b/packages/icons/categories.yml index 1a34ed756633..0613b27f7a6b 100644 --- a/packages/icons/categories.yml +++ b/packages/icons/categories.yml @@ -603,6 +603,7 @@ categories: - ibm--mq - ibm--open-enterprise-languages - ibm--power-vs + - ibm--process-mining - ibm--telehealth - ibm--tenet - ibm--toolchain @@ -1224,6 +1225,8 @@ categories: - document--epdf - document--export - document--import + - document--multiple-01 + - document--multiple-02 - document--pdf - document--preliminary - document--protected @@ -1307,6 +1310,7 @@ categories: - PPT - product - RAW + - reference-architecture - repo--artifact - repo--source-code - roadmap @@ -1349,6 +1353,7 @@ categories: - upload - version - websheet + - white-paper - WMV - workspace - XLS @@ -1657,6 +1662,7 @@ categories: - user--settings - user--simulation - user--speaker + - user--sponsor - user--x-ray - user-profile--alt - voice-activate diff --git a/packages/icons/icons.yml b/packages/icons/icons.yml index 040b37c758bc..2b87745d9c53 100644 --- a/packages/icons/icons.yml +++ b/packages/icons/icons.yml @@ -942,7 +942,7 @@ - 32 - name: apple--dash friendly_name: Apple dash - aliases: + aliases: - apple - commerce - fruit @@ -1510,7 +1510,7 @@ - 32 - name: batch-job friendly_name: Batch job - aliases: + aliases: - document group - batch - gear @@ -1519,7 +1519,7 @@ - 32 - name: batch-job--step friendly_name: Batch job step - aliases: + aliases: - single document - batch - step @@ -1784,7 +1784,7 @@ - 32 - name: boot-volume friendly_name: Boot volume - aliases: + aliases: - file - data - boot @@ -1793,7 +1793,7 @@ - 32 - name: boot-volume--alt friendly_name: Boot volume alt - aliases: + aliases: - file - data - boot @@ -1860,7 +1860,7 @@ - 32 - name: bottles--01 friendly_name: Bottles 01 - aliases: + aliases: - bottles - three bottles - long neck bottles @@ -1871,7 +1871,7 @@ - 32 - name: bottles--01--dash friendly_name: Bottles 01 dash - aliases: + aliases: - bottles - three bottles - long neck bottles @@ -1883,7 +1883,7 @@ - 32 - name: bottles--02 friendly_name: Bottles 02 - aliases: + aliases: - bottles - two bottles - short neck bottles @@ -1894,7 +1894,7 @@ - 32 - name: bottles--02--dash friendly_name: Bottles 02 dash - aliases: + aliases: - bottles - two bottles - short neck bottles @@ -1906,7 +1906,7 @@ - 32 - name: bottles--container friendly_name: Bottles container - aliases: + aliases: - bottles - two bottles - short neck bottles @@ -2450,7 +2450,7 @@ - 32 - name: carbon--ui-builder friendly_name: Carbon UI builder - aliases: + aliases: - carbon - IBM - IBM Carbon @@ -2642,7 +2642,7 @@ - 32 - name: catalog--publish friendly_name: Catalog publish - aliases: + aliases: - navigation - notebook - arrow @@ -3937,7 +3937,7 @@ - 32 - name: cics--db2-connection friendly_name: IBM® CICS® Db2® connection - aliases: + aliases: - CICS® - Db2® - database @@ -3954,7 +3954,7 @@ - 32 - name: cics--program friendly_name: IBM® CICS® program - aliases: + aliases: - CICS® - transaction processing - customer information @@ -3962,7 +3962,7 @@ - 32 - name: cics--sit friendly_name: IBM® CICS® SIT - aliases: + aliases: - CICS® - transaction processing - customer information @@ -3972,7 +3972,7 @@ - 32 - name: cics--sit-overrides friendly_name: IBM® CICS® SIT overrides - aliases: + aliases: - CICS® - transaction processing - customer information @@ -3990,7 +3990,7 @@ - 32 - name: cics--transaction-server-zos friendly_name: IBM® CICS® Transaction Server for z/OS® - aliases: + aliases: - CICS® - transaction processing - server @@ -4013,7 +4013,7 @@ - 32 - name: cics-region--alt friendly_name: IBM® CICS® region alt - aliases: + aliases: - CICS® - region sizes: @@ -4660,7 +4660,7 @@ - 32 - name: connect--reference friendly_name: Connect reference - aliases: + aliases: - connect - join - network @@ -4818,7 +4818,7 @@ - 32 - name: continuous-deployment friendly_name: continuous-deployment - aliases: + aliases: - continuous - circle - arrow @@ -4829,7 +4829,7 @@ - 32 - name: continuous-integration friendly_name: Continuous integration - aliases: + aliases: - integration - hexagon - divided hexagon @@ -5711,7 +5711,7 @@ - web - name: data-volume friendly_name: Data volume - aliases: + aliases: - file - data - volume @@ -5719,7 +5719,7 @@ - 32 - name: data-volume--alt friendly_name: Data volume alt - aliases: + aliases: - file - data - volume @@ -5823,8 +5823,8 @@ sizes: - 32 - name: db2--buffer-pool - friendly_name: IBM® Db2® buffer pool - aliases: + friendly_name: IBM® Db2® buffer pool + aliases: - data cache - memory - performance tuning @@ -5832,7 +5832,7 @@ - 32 - name: db2--data-sharing-group friendly_name: IBM® Db2® data sharing group - aliases: + aliases: - database - Db2® - group name @@ -5840,8 +5840,8 @@ sizes: - 32 - name: db2--database - friendly_name: IBM® Db2® Database - aliases: + friendly_name: IBM® Db2® Database + aliases: - database - Db2® - RDBMS @@ -6585,6 +6585,16 @@ - doc - paper - document import +- name: document--multiple-01 + friendly_name: document--multiple-01 + aliases: [] + sizes: + - 32 +- name: document--multiple-02 + friendly_name: document--multiple-02 + aliases: [] + sizes: + - 32 - name: document--pdf friendly_name: Document pdf aliases: @@ -6855,7 +6865,7 @@ - 32 - name: drink--01 friendly_name: Drink 01 - aliases: + aliases: - bottle - glass - straw @@ -6866,7 +6876,7 @@ - 32 - name: drink--02 friendly_name: Drink 02 - aliases: + aliases: - bottle - glass - straw @@ -7326,7 +7336,7 @@ - 32 - name: executable-program friendly_name: Executable program - aliases: + aliases: - user interface - UI - dashboard @@ -9134,8 +9144,8 @@ - 32 - name: ibm--content-services friendly_name: IBM® Content Services - aliases: - - content management + aliases: + - content management - SaaS sizes: - 32 @@ -9148,7 +9158,7 @@ - 32 - name: ibm--datastage friendly_name: IBM® DataStage® - aliases: + aliases: - ETL tool - DataStage - data integration @@ -9158,12 +9168,11 @@ - transform - load - software - sizes: - 32 - name: ibm--db2 friendly_name: IBM® Db2® - aliases: + aliases: - database - RDBMS - relational database management system @@ -9171,7 +9180,7 @@ - 32 - name: ibm--db2--alt friendly_name: IBM® Db2® alt - aliases: + aliases: - database - RDBMS - relational database management system @@ -9185,7 +9194,7 @@ - 32 - name: ibm--mq friendly_name: IBM® MQ - aliases: + aliases: - middleware - messaging - queuing @@ -9193,7 +9202,6 @@ - circles - dial - bullseye - sizes: - 32 - name: ibm--open-enterprise-languages @@ -9205,7 +9213,7 @@ - 32 - name: ibm--power-vs friendly_name: IBM Power® Virtual Server - aliases: + aliases: - virtual server - workloads - infrastructure @@ -9216,9 +9224,14 @@ - solution sizes: - 32 +- name: ibm--process-mining + friendly_name: ibm--process-mining + aliases: [] + sizes: + - 32 - name: ibm--telehealth friendly_name: IBM® Telehealth - aliases: + aliases: - health - medical - physician @@ -9238,7 +9251,7 @@ - 32 - name: ibm--toolchain friendly_name: IBM® Open Toolchain API - aliases: + aliases: - open - API - application programming interface @@ -9272,7 +9285,7 @@ - 32 - name: ibm-cloud--citrix-daas friendly_name: Citrix DaaS for IBM Cloud® - aliases: + aliases: - cloud - workspaces - digital @@ -9287,7 +9300,7 @@ - 32 - name: ibm-cloud--continuous-delivery friendly_name: IBM Cloud® Continuous Delivery - aliases: + aliases: - provision - toolchains - automate builds @@ -9310,7 +9323,7 @@ - 32 - name: ibm-cloud--direct-link-1--connect friendly_name: IBM Cloud® Direct Link Connect 01 - aliases: + aliases: - cloud - service - cloud service @@ -9329,7 +9342,7 @@ - 32 - name: ibm-cloud--direct-link-1--dedicated friendly_name: IBM Cloud® Direct Link Dedicated 01 - aliases: + aliases: - cloud - service - cloud service @@ -9348,7 +9361,7 @@ - 32 - name: ibm-cloud--direct-link-1--dedicated-hosting friendly_name: IBM Cloud® Direct Link Dedicated Hosting 01 - aliases: + aliases: - cloud - service - cloud service @@ -9366,7 +9379,7 @@ - 32 - name: ibm-cloud--direct-link-1--exchange friendly_name: IBM Cloud® Direct Link Exchange 01 - aliases: + aliases: - cloud - service - cloud service @@ -9388,7 +9401,7 @@ - 32 - name: ibm-cloud--direct-link-2--connect friendly_name: IBM Cloud® Direct Link Connect 02 - aliases: + aliases: - cloud - service - cloud service @@ -9407,7 +9420,7 @@ - 32 - name: ibm-cloud--direct-link-2--dedicated friendly_name: IBM Cloud® Direct Link Dedicated 02 - aliases: + aliases: - cloud - service - cloud service @@ -9426,7 +9439,7 @@ - 32 - name: ibm-cloud--direct-link-2--dedicated-hosting friendly_name: IBM Cloud® Direct Link Dedicated Hosting 02 - aliases: + aliases: - cloud - service - cloud service @@ -9444,7 +9457,7 @@ - 32 - name: ibm-cloud--event-notification friendly_name: IBM Cloud® Event Notifications - aliases: + aliases: - cloud - service - event notification @@ -9457,14 +9470,14 @@ - webhooks - communication channels - communications - - governance + - governance - spokes - circles sizes: - 32 - name: ibm-cloud--event-streams friendly_name: IBM Cloud® Event Streams - aliases: + aliases: - cloud - service - event streaming @@ -9478,7 +9491,7 @@ - real-time analytics - predictive analytics - connectivity - - event-driven architecture + - event-driven architecture - spokes - circles - caption bubble @@ -9486,7 +9499,7 @@ - 32 - name: ibm-cloud--for-education friendly_name: IBM Cloud® for Education - aliases: + aliases: - computing environment - academic - infrastructure @@ -9494,7 +9507,7 @@ - 32 - name: ibm-cloud--HSM friendly_name: IBM Cloud® HSM - aliases: + aliases: - hardware security module - cryptographic infrastructure - cyrpto key @@ -9507,7 +9520,7 @@ - 32 - name: ibm-cloud--hyper-protect-crypto-services friendly_name: IBM Cloud® Hyper Protect Crypto Services - aliases: + aliases: - cloud - service - hybrid cloud @@ -9528,7 +9541,7 @@ - 32 - name: ibm-cloud--hyper-protect-dbaas friendly_name: IBM Cloud® Hyper Protect DBaaS - aliases: + aliases: - cloud - database - cloud database environment @@ -9538,7 +9551,7 @@ - database management - provisioning - IBM Cloud - - database maintenance + - database maintenance - security - database monitoring - confidential computing @@ -9551,7 +9564,7 @@ - 32 - name: ibm-cloud--hyper-protect-vs friendly_name: IBM Cloud® Hyper Protect Virtual Servers - aliases: + aliases: - cloud - workloads - IBM LinuxONE @@ -9562,7 +9575,7 @@ - containerized workloads - open container - IBM Cloud - - database maintenance + - database maintenance - security - database monitoring - database @@ -9589,7 +9602,7 @@ - 32 - name: ibm-cloud--ipsec-vpn friendly_name: IBM Cloud® IPsec VPN - aliases: + aliases: - private network - IaaS - secure @@ -9599,7 +9612,7 @@ - 32 - name: ibm-cloud--key-protect friendly_name: IBM® Key Protect for IBM Cloud® - aliases: + aliases: - cloud - IBM Cloud - key protection @@ -9626,7 +9639,7 @@ - 32 - name: ibm-cloud--logging friendly_name: IBM Cloud® Logging - aliases: + aliases: - cloud - cloud logging - IBM Cloud @@ -9636,7 +9649,7 @@ - analyze - monitor - service - - log collection + - log collection - computer - shield - desktop computer @@ -9645,7 +9658,7 @@ - 32 - name: ibm-cloud--mass-data-migration friendly_name: IBM Cloud® Mass Data Migration - aliases: + aliases: - data transfer - IBM Cloud - data migration @@ -9657,7 +9670,7 @@ - 32 - name: ibm-cloud--pal friendly_name: IBM Cloud® Pattern and Asset Library - aliases: + aliases: - cloud - IBM Cloud - pattern library @@ -9666,7 +9679,7 @@ - 32 - name: ibm-cloud--privileged-access-gateway friendly_name: IBM Cloud® Privileged Access Gateway - aliases: + aliases: - access - remote - secure @@ -9678,7 +9691,7 @@ - 32 - name: ibm-cloud--secrets-manager friendly_name: IBM Cloud® Secrets Manager - aliases: + aliases: - secrets manager - IBM Cloud - single tenant @@ -9714,7 +9727,7 @@ - 32 - name: ibm-cloud--sysdig-secure friendly_name: Sysdig Secure on IBM Cloud® - aliases: + aliases: - cloud - IBM Cloud - scanning @@ -9822,7 +9835,7 @@ - 32 - name: ibm-cloud-pak--netezza friendly_name: IBM Cloud Pak® Netezza® - aliases: + aliases: - cloud - IBM Cloud - IBM Cloud Pak @@ -9894,7 +9907,7 @@ - 32 - name: ibm-watson--assistant friendly_name: IBM Watson® Assistant - aliases: + aliases: - Watson - IBM Watson - AI @@ -9922,7 +9935,7 @@ - 32 - name: ibm-watson--discovery friendly_name: IBM Watson® Discovery - aliases: + aliases: - Watson - IBM Watson - natural language @@ -9939,7 +9952,7 @@ - 32 - name: ibm-watson--knowledge-catalog friendly_name: IBM Watson® Knowledge Catalog - aliases: + aliases: - Watson - IBM Watson - catalog @@ -9961,7 +9974,7 @@ - 32 - name: ibm-watson--knowledge-studio friendly_name: IBM Watson® Knowledge Studio - aliases: + aliases: - Watson - IBM Watson - language domain @@ -9982,7 +9995,7 @@ - 32 - name: ibm-watson--language-translator friendly_name: IBM Watson® Language Translator Service - aliases: + aliases: - Watson - IBM Watson - language translator @@ -9996,7 +10009,7 @@ - 32 - name: ibm-watson--machine-learning friendly_name: IBM Watson® Machine Learning - aliases: + aliases: - Watson - IBM Watson - machine learning @@ -10011,7 +10024,7 @@ - 32 - name: ibm-watson--natural-language-classifier friendly_name: IBM Watson® Natural Language Classifier Service - aliases: + aliases: - Watson - IBM Watson - natural language classifier @@ -10027,7 +10040,7 @@ - 32 - name: ibm-watson--natural-language-understanding friendly_name: IBM Watson® Natural Language Understanding Service - aliases: + aliases: - Watson - IBM Watson - natural language understanding @@ -10045,7 +10058,7 @@ - 32 - name: ibm-watson--openscale friendly_name: IBM Watson® OpenScale - aliases: + aliases: - Watson - IBM Watson - OpenScale @@ -10072,7 +10085,7 @@ - 32 - name: ibm-watson--query friendly_name: IBM Watson® Query - aliases: + aliases: - Watson - IBM Watson - query @@ -10099,7 +10112,7 @@ - 32 - name: ibm-watson--speech-to-text friendly_name: IBM Watson® Speech to Text - aliases: + aliases: - Watson - IBM Watson - speech to text @@ -10124,7 +10137,7 @@ - 32 - name: ibm-watson--studio friendly_name: IBM Watson® Studio - aliases: + aliases: - Watson - IBM Watson - cloud @@ -10148,7 +10161,7 @@ - 32 - name: ibm-watson--text-to-speech friendly_name: IBM Watson® Text to Speech - aliases: + aliases: - Watson - IBM Watson - speech to text @@ -10173,7 +10186,7 @@ - 32 - name: ibm-watson--tone-analyzer friendly_name: IBM Watson® Tone Analyzer - aliases: + aliases: - Watson - IBM Watson - cloud @@ -10373,7 +10386,7 @@ - 32 - name: image-availability--local friendly_name: Image availability local - aliases: + aliases: - image location - availability - local @@ -10384,7 +10397,7 @@ - 32 - name: image-availability--retrieving friendly_name: Image availability retrieving - aliases: + aliases: - image location - availability - retrieving @@ -10396,7 +10409,7 @@ - 32 - name: image-availability--unavailable friendly_name: Image availability unavailable - aliases: + aliases: - image location - availability - unavailable @@ -11018,7 +11031,7 @@ - 32 - name: keyboard--off friendly_name: Keyboard off - aliases: + aliases: - console - typing - type @@ -11026,7 +11039,7 @@ - computer - word processor - write - - off + - 'off' - unavailable sizes: - 32 @@ -11532,7 +11545,7 @@ - format - name: list--checked--mirror friendly_name: List checked mirror - aliases: + aliases: - format - list - checkmark @@ -11577,7 +11590,7 @@ - format - name: list--numbered--mirror friendly_name: List numbered mirror - aliases: + aliases: - bullet - agenda - checklist @@ -11941,7 +11954,7 @@ - 32 - name: logo--angular friendly_name: Logo Angular - aliases: + aliases: - brand - emblem - logotype @@ -11954,7 +11967,7 @@ - 32 - name: logo--ansible-community friendly_name: Logo Ansible Community - aliases: + aliases: - brand - emblem - logotype @@ -12006,7 +12019,7 @@ - identification - name: logo--figma friendly_name: Logo Figma - aliases: + aliases: - brand - emblem - logotype @@ -12071,7 +12084,7 @@ - identification - name: logo--invision friendly_name: Logo Invision - aliases: + aliases: - brand - emblem - logotype @@ -12235,20 +12248,13 @@ - 32 - name: logo--react friendly_name: Logo React - aliases: - - brand - - emblem - - logotype - - symbol - - id - - avatar - - tag - - identification + aliases: + - brand - emblem - logotype - symbol - id - avatar - tag - identification sizes: - 32 - name: logo--red-hat-ansible friendly_name: Logo Red Hat Ansible - aliases: + aliases: - brand - emblem - logotype @@ -12261,7 +12267,7 @@ - 32 - name: logo--sketch friendly_name: Logo Sketch - aliases: + aliases: - brand - emblem - logotype @@ -12313,7 +12319,7 @@ - identification - name: logo--svelte friendly_name: Logo Svelte - aliases: + aliases: - brand - emblem - logotype @@ -12365,7 +12371,7 @@ - identification - name: logo--vmware--alt friendly_name: Logo VMware alt - aliases: + aliases: - brand - emblem - logotype @@ -12378,7 +12384,7 @@ - 32 - name: logo--vue friendly_name: Logo Vue - aliases: + aliases: - brand - emblem - logotype @@ -14936,7 +14942,7 @@ - 32 - name: plan friendly_name: Plan - aliases: + aliases: - blueprint - floorplan - map @@ -15132,7 +15138,7 @@ - 32 - name: port--input friendly_name: Port input - aliases: + aliases: - arrow - circle - port @@ -15141,7 +15147,7 @@ - 32 - name: port--output friendly_name: Port output - aliases: + aliases: - arrow - circle - port @@ -15249,7 +15255,7 @@ - 32 - name: promote friendly_name: Promote - aliases: + aliases: - operations - launch - promote @@ -15503,7 +15509,7 @@ - control - name: recycle friendly_name: Recycle - aliases: + aliases: - triangle - arrows - recycle @@ -15530,6 +15536,11 @@ - evapotranspiration sizes: - 32 +- name: reference-architecture + friendly_name: reference-architecture + aliases: [] + sizes: + - 32 - name: reflect--horizontal friendly_name: Reflect horizontal aliases: @@ -15637,7 +15648,7 @@ - 32 - name: repo--artifact friendly_name: Repo artifact - aliases: + aliases: - file folder - artifact - gear @@ -15645,7 +15656,7 @@ - 32 - name: repo--source-code friendly_name: Repo source code - aliases: + aliases: - file folder - angle brackets - source code @@ -16146,7 +16157,7 @@ - 32 - name: run--mirror friendly_name: Run mirror - aliases: + aliases: - start - play - program @@ -16482,16 +16493,16 @@ - mac - name: screen-map friendly_name: Screen map - aliases: - - screen + aliases: + - screen - map - display sizes: - 32 - name: screen-map--set friendly_name: Screen map set - aliases: - - screen + aliases: + - screen - map - display - group @@ -16557,7 +16568,7 @@ - 32 - name: search--locate--mirror friendly_name: Search locate mirror - aliases: + aliases: - find - investigate - explore @@ -17033,7 +17044,7 @@ - 32 - name: side-panel--close friendly_name: Side panel close - aliases: + aliases: - controls - side panel - close @@ -17047,7 +17058,7 @@ - 32 - name: side-panel--close--filled friendly_name: Side panel close filled - aliases: + aliases: - controls - side panel - close @@ -17062,7 +17073,7 @@ - 32 - name: side-panel--open friendly_name: Side panel open - aliases: + aliases: - controls - side panel - open @@ -17076,7 +17087,7 @@ - 32 - name: side-panel--open--filled friendly_name: Side panel open filled - aliases: + aliases: - controls - side panel - close @@ -17364,7 +17375,7 @@ - 32 - name: SLM friendly_name: SLM - aliases: + aliases: - letters - alpha - type @@ -18115,7 +18126,7 @@ - 32 - name: summary--KPI--mirror friendly_name: summary--KPI--mirror - aliases: + aliases: - summary KPI - data - mirror @@ -18501,11 +18512,11 @@ - 32 - name: tcp-ip-service friendly_name: TCP IP Service - aliases: + aliases: - network - connection - LAN - - service + - service sizes: - 32 - name: temperature @@ -18706,7 +18717,7 @@ - 32 - name: test-tool friendly_name: Test tool - aliases: + aliases: - test - checkmark - x @@ -19455,7 +19466,7 @@ - 32 - name: transform--binary friendly_name: Transform binary - aliases: + aliases: - data transformation - binary - code @@ -19463,7 +19474,7 @@ - 32 - name: transform--instructions friendly_name: Transform instructions - aliases: + aliases: - data transformation - instructions - gear @@ -19471,7 +19482,7 @@ - 32 - name: transform--language friendly_name: Transform language - aliases: + aliases: - data transformation - language - list @@ -20144,6 +20155,11 @@ - presenter sizes: - 32 +- name: user--sponsor + friendly_name: user--sponsor + aliases: [] + sizes: + - 32 - name: user--x-ray friendly_name: User x-ray sizes: @@ -20873,6 +20889,11 @@ - agriculture sizes: - 32 +- name: white-paper + friendly_name: white-paper + aliases: [] + sizes: + - 32 - name: wifi friendly_name: WiFi aliases: @@ -21201,8 +21222,8 @@ sizes: - 32 - name: z--systems - friendly_name: IBM® zSystems - aliases: + friendly_name: IBM® zSystems + aliases: - mainframe - server - software @@ -21318,8 +21339,8 @@ sizes: - 32 - name: zos - friendly_name: IBM® z/OS® - aliases: + friendly_name: IBM® z/OS® + aliases: - secure - scalable - operating system diff --git a/packages/icons/src/svg/32/document--multiple-01.svg b/packages/icons/src/svg/32/document--multiple-01.svg new file mode 100644 index 000000000000..d14ff4063d9e --- /dev/null +++ b/packages/icons/src/svg/32/document--multiple-01.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + diff --git a/packages/icons/src/svg/32/document--multiple-02.svg b/packages/icons/src/svg/32/document--multiple-02.svg new file mode 100644 index 000000000000..5ffceb0458b3 --- /dev/null +++ b/packages/icons/src/svg/32/document--multiple-02.svg @@ -0,0 +1,14 @@ + + + + + + + + + + diff --git a/packages/icons/src/svg/32/ibm--process-mining.svg b/packages/icons/src/svg/32/ibm--process-mining.svg new file mode 100644 index 000000000000..9f11a74e2434 --- /dev/null +++ b/packages/icons/src/svg/32/ibm--process-mining.svg @@ -0,0 +1,13 @@ + + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/reference-architecture.svg b/packages/icons/src/svg/32/reference-architecture.svg new file mode 100644 index 000000000000..e43865ae03e4 --- /dev/null +++ b/packages/icons/src/svg/32/reference-architecture.svg @@ -0,0 +1,13 @@ + + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/user--sponsor.svg b/packages/icons/src/svg/32/user--sponsor.svg new file mode 100644 index 000000000000..b8159457252d --- /dev/null +++ b/packages/icons/src/svg/32/user--sponsor.svg @@ -0,0 +1,14 @@ + + + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/white-paper.svg b/packages/icons/src/svg/32/white-paper.svg new file mode 100644 index 000000000000..2f633beeea19 --- /dev/null +++ b/packages/icons/src/svg/32/white-paper.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/packages/react/src/components/DataTable/__tests__/TableToolbarContent-test.js b/packages/react/src/components/DataTable/__tests__/TableToolbarContent-test.js index fd24f03dc4c9..f1694e24abd5 100644 --- a/packages/react/src/components/DataTable/__tests__/TableToolbarContent-test.js +++ b/packages/react/src/components/DataTable/__tests__/TableToolbarContent-test.js @@ -1,17 +1,36 @@ /** - * Copyright IBM Corp. 2016, 2018 + * Copyright IBM Corp. 2016, 2023 * * 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 { mount } from 'enzyme'; -import { TableToolbarContent } from '../'; +import TableToolbarContent from '../TableToolbarContent'; +import { render } from '@testing-library/react'; -describe('DataTable.TableToolbarContent', () => { - it('should render', () => { - const wrapper = mount(); - expect(wrapper).toMatchSnapshot(); +describe('TableToolbarContent', () => { + describe('renders as expected - Component API', () => { + it('should render', () => { + const { container } = render(); + + expect(container).toMatchSnapshot(); + }); + + it('should spread extra props onto outermost element', () => { + const { container } = render( + + ); + + expect(container.firstChild).toHaveAttribute('data-testid', 'test-id'); + }); + + it('should support a custom `className` prop on the outermost element', () => { + const { container } = render( + + ); + + expect(container.firstChild).toHaveClass('custom-class'); + }); }); }); diff --git a/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbarContent-test.js.snap b/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbarContent-test.js.snap index 1e6c42e5e5a2..98541b59d2ba 100644 --- a/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbarContent-test.js.snap +++ b/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbarContent-test.js.snap @@ -1,11 +1,9 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`DataTable.TableToolbarContent should render 1`] = ` - +exports[`TableToolbarContent renders as expected - Component API should render 1`] = ` +
- +
`; diff --git a/packages/react/src/components/DatePicker/DatePicker-test.js b/packages/react/src/components/DatePicker/DatePicker-test.js index 5ccd7ebb5d01..ec57565c6af6 100644 --- a/packages/react/src/components/DatePicker/DatePicker-test.js +++ b/packages/react/src/components/DatePicker/DatePicker-test.js @@ -178,40 +178,58 @@ describe('Simple date picker', () => { expect(screen.queryByRole('application')).not.toBeInTheDocument(); }); - it('should initialize a calendar when using react.lazy', async () => { - const LazyDatePicker = React.lazy(() => - import('carbon-components-react').then((module) => ({ - default: module.DatePicker, - })) - ); - - const LazyDatePickerInput = React.lazy(() => - import('carbon-components-react').then((module) => ({ - default: module.DatePickerInput, - })) - ); + describe('react.lazy', () => { + let cleanup; + let render; + let screen; + let LazyDatePicker; + let LazyDatePickerInput; + + beforeEach(() => { + jest.resetModules(); + cleanup = require('@testing-library/react/pure').cleanup; + render = require('@testing-library/react/pure').render; + screen = require('@testing-library/react/pure').screen; + }); + + afterEach(() => { + cleanup(); + }); + + it('should initialize a calendar when using react.lazy', async () => { + LazyDatePicker = React.lazy(() => + import('carbon-components-react').then((module) => ({ + default: module.DatePicker, + })) + ); - render( - - - - - - ); + LazyDatePickerInput = React.lazy(() => + import('carbon-components-react').then((module) => ({ + default: module.DatePickerInput, + })) + ); + render( + + + + + + ); - expect( - await screen.findByLabelText('Date Picker label') - ).toBeInTheDocument(); + expect( + await screen.findByLabelText('Date Picker label') + ).toBeInTheDocument(); - const input = document.querySelector('.cds--date-picker__input'); + const input = document.querySelector('.cds--date-picker__input'); - expect(screen.getByRole('application')).not.toHaveClass('open'); - userEvent.click(input); - expect(screen.getByRole('application')).toHaveClass('open'); + expect(screen.getByRole('application')).not.toHaveClass('open'); + userEvent.click(input); + expect(screen.getByRole('application')).toHaveClass('open'); + }); }); });