diff --git a/config/eslint-config-carbon/package.json b/config/eslint-config-carbon/package.json
index ba059e21b29e..eae8cfb3e146 100644
--- a/config/eslint-config-carbon/package.json
+++ b/config/eslint-config-carbon/package.json
@@ -1,7 +1,7 @@
{
"name": "eslint-config-carbon",
"description": "ESLint configuration for Carbon",
- "version": "3.17.0",
+ "version": "3.18.0-rc.0",
"license": "Apache-2.0",
"main": "index.js",
"repository": {
diff --git a/config/stylelint-config-carbon/package.json b/config/stylelint-config-carbon/package.json
index ce46bf38e4b1..8325619b13f6 100644
--- a/config/stylelint-config-carbon/package.json
+++ b/config/stylelint-config-carbon/package.json
@@ -1,7 +1,7 @@
{
"name": "stylelint-config-carbon",
"description": "Stylelint configuration for Carbon",
- "version": "1.19.0",
+ "version": "1.20.0-rc.0",
"license": "Apache-2.0",
"type": "module",
"main": "index.js",
diff --git a/e2e/icons-react/__snapshots__/PublicAPI-test.js.snap b/e2e/icons-react/__snapshots__/PublicAPI-test.js.snap
index a566c66ce1a0..e6eee7e011db 100644
--- a/e2e/icons-react/__snapshots__/PublicAPI-test.js.snap
+++ b/e2e/icons-react/__snapshots__/PublicAPI-test.js.snap
@@ -657,6 +657,7 @@ Array [
"DocumentMultiple_02",
"DocumentPdf",
"DocumentPreliminary",
+ "DocumentProcessor",
"DocumentProtected",
"DocumentRequirements",
"DocumentSecurity",
diff --git a/e2e/icons-vue/__snapshots__/PublicAPI-test.js.snap b/e2e/icons-vue/__snapshots__/PublicAPI-test.js.snap
index af9be631f3af..947920d4b827 100644
--- a/e2e/icons-vue/__snapshots__/PublicAPI-test.js.snap
+++ b/e2e/icons-vue/__snapshots__/PublicAPI-test.js.snap
@@ -2610,6 +2610,10 @@ Array [
"DocumentPreliminary20",
"DocumentPreliminary24",
"DocumentPreliminary32",
+ "DocumentProcessor16",
+ "DocumentProcessor20",
+ "DocumentProcessor24",
+ "DocumentProcessor32",
"DocumentProtected16",
"DocumentProtected20",
"DocumentProtected24",
diff --git a/e2e/icons/__snapshots__/PublicAPI-test.js.snap b/e2e/icons/__snapshots__/PublicAPI-test.js.snap
index 5142a1b700e5..1ee04aa8ff64 100644
--- a/e2e/icons/__snapshots__/PublicAPI-test.js.snap
+++ b/e2e/icons/__snapshots__/PublicAPI-test.js.snap
@@ -2609,6 +2609,10 @@ Array [
"DocumentPreliminary20",
"DocumentPreliminary24",
"DocumentPreliminary32",
+ "DocumentProcessor16",
+ "DocumentProcessor20",
+ "DocumentProcessor24",
+ "DocumentProcessor32",
"DocumentProtected16",
"DocumentProtected20",
"DocumentProtected24",
diff --git a/examples/class-prefix/package.json b/examples/class-prefix/package.json
index cb1a714499ff..3c339da85bf5 100644
--- a/examples/class-prefix/package.json
+++ b/examples/class-prefix/package.json
@@ -1,7 +1,7 @@
{
"name": "class-prefix",
"private": true,
- "version": "0.65.0",
+ "version": "0.66.0-rc.0",
"type": "module",
"scripts": {
"dev": "vite",
@@ -9,7 +9,7 @@
"preview": "vite preview"
},
"dependencies": {
- "@carbon/react": "^1.68.0",
+ "@carbon/react": "^1.69.0-rc.0",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
diff --git a/examples/codesandbox-styles/package.json b/examples/codesandbox-styles/package.json
index 881a122100df..4886c291b7d8 100644
--- a/examples/codesandbox-styles/package.json
+++ b/examples/codesandbox-styles/package.json
@@ -1,7 +1,7 @@
{
"name": "codesandbox-styles",
"private": true,
- "version": "0.70.0",
+ "version": "0.71.0-rc.0",
"type": "module",
"scripts": {
"dev": "vite"
@@ -11,6 +11,6 @@
"vite": "^4.3.8"
},
"dependencies": {
- "@carbon/styles": "^1.67.0"
+ "@carbon/styles": "^1.68.0-rc.0"
}
}
diff --git a/examples/custom-theme/package.json b/examples/custom-theme/package.json
index 6499a3658f06..51b54581b405 100644
--- a/examples/custom-theme/package.json
+++ b/examples/custom-theme/package.json
@@ -1,7 +1,7 @@
{
"name": "custom-theme",
"private": true,
- "version": "0.66.0",
+ "version": "0.67.0-rc.0",
"type": "module",
"scripts": {
"dev": "vite",
@@ -9,7 +9,7 @@
"preview": "vite preview"
},
"dependencies": {
- "@carbon/react": "^1.68.0",
+ "@carbon/react": "^1.69.0-rc.0",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
diff --git a/examples/id-prefix/package.json b/examples/id-prefix/package.json
index 85ec4dd75997..d7fff3459b18 100644
--- a/examples/id-prefix/package.json
+++ b/examples/id-prefix/package.json
@@ -1,7 +1,7 @@
{
"name": "id-prefix",
"private": true,
- "version": "0.65.0",
+ "version": "0.66.0-rc.0",
"type": "module",
"scripts": {
"dev": "vite",
@@ -9,7 +9,7 @@
"preview": "vite preview"
},
"dependencies": {
- "@carbon/react": "^1.68.0",
+ "@carbon/react": "^1.69.0-rc.0",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
diff --git a/examples/light-dark-mode/package.json b/examples/light-dark-mode/package.json
index edc839b2d7d5..02a9a22e0f13 100644
--- a/examples/light-dark-mode/package.json
+++ b/examples/light-dark-mode/package.json
@@ -1,7 +1,7 @@
{
"name": "examples-light-dark",
"private": true,
- "version": "0.66.0",
+ "version": "0.67.0-rc.0",
"scripts": {
"build": "next build",
"dev": "next dev",
@@ -9,7 +9,7 @@
"start": "next start"
},
"dependencies": {
- "@carbon/react": "^1.68.0",
+ "@carbon/react": "^1.69.0-rc.0",
"next": "14.1.1",
"react": "18.2.0",
"react-dom": "18.2.0"
diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json
index 30c3219d1432..e42a0b0f5699 100644
--- a/examples/nextjs/package.json
+++ b/examples/nextjs/package.json
@@ -1,7 +1,7 @@
{
"name": "examples-nextjs",
"private": true,
- "version": "0.68.0",
+ "version": "0.69.0-rc.0",
"scripts": {
"build": "next build",
"dev": "next dev",
@@ -9,7 +9,7 @@
"start": "next start"
},
"dependencies": {
- "@carbon/react": "^1.68.0",
+ "@carbon/react": "^1.69.0-rc.0",
"next": "14.1.1",
"react": "18.2.0",
"react-dom": "18.2.0"
diff --git a/examples/v10-token-compat-in-v11/package.json b/examples/v10-token-compat-in-v11/package.json
index 599ec1993d36..b9f995413afc 100644
--- a/examples/v10-token-compat-in-v11/package.json
+++ b/examples/v10-token-compat-in-v11/package.json
@@ -1,7 +1,7 @@
{
"name": "v10-token-compat-in-v11",
"private": true,
- "version": "0.66.0",
+ "version": "0.67.0-rc.0",
"type": "module",
"scripts": {
"dev": "vite",
@@ -9,7 +9,7 @@
"preview": "vite preview"
},
"dependencies": {
- "@carbon/react": "^1.68.0",
+ "@carbon/react": "^1.69.0-rc.0",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
diff --git a/examples/vite/package.json b/examples/vite/package.json
index 05e0457fbb2f..39bb23866879 100644
--- a/examples/vite/package.json
+++ b/examples/vite/package.json
@@ -1,7 +1,7 @@
{
"name": "vite",
"private": true,
- "version": "0.66.0",
+ "version": "0.67.0-rc.0",
"type": "module",
"scripts": {
"dev": "vite",
@@ -9,7 +9,7 @@
"preview": "vite preview"
},
"dependencies": {
- "@carbon/react": "^1.68.0",
+ "@carbon/react": "^1.69.0-rc.0",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
diff --git a/packages/carbon-components-react/package.json b/packages/carbon-components-react/package.json
index dd73703e6db2..03a779db1d48 100644
--- a/packages/carbon-components-react/package.json
+++ b/packages/carbon-components-react/package.json
@@ -2,7 +2,7 @@
"name": "carbon-components-react",
"private": true,
"description": "The Carbon Design System is IBM’s open-source design system for products and experiences. This package reached end of support on September 30, 2024 and will not receive any more updates.",
- "version": "8.68.0",
+ "version": "8.69.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -43,8 +43,8 @@
"sass": "^1.33.0"
},
"dependencies": {
- "@carbon/react": "^1.68.0",
- "@carbon/styles": "^1.67.0",
+ "@carbon/react": "^1.69.0-rc.0",
+ "@carbon/styles": "^1.68.0-rc.0",
"@ibm/telemetry-js": "^1.5.0",
"chalk": "1.1.3"
},
diff --git a/packages/carbon-components/package.json b/packages/carbon-components/package.json
index ca3e2b31bd4f..f4f5c97db87e 100644
--- a/packages/carbon-components/package.json
+++ b/packages/carbon-components/package.json
@@ -2,7 +2,7 @@
"name": "carbon-components",
"private": true,
"description": "The Carbon Design System is IBM’s open-source design system for products and experiences. This package reached end of support on September 30, 2024 and will not receive any more updates.",
- "version": "11.67.0",
+ "version": "11.68.0-rc.0",
"license": "Apache-2.0",
"repository": {
"type": "git",
@@ -44,7 +44,7 @@
"sass": "^1.33.0"
},
"dependencies": {
- "@carbon/styles": "^1.67.0",
+ "@carbon/styles": "^1.68.0-rc.0",
"@ibm/telemetry-js": "^1.5.0",
"chalk": "1.1.3"
},
diff --git a/packages/cli/package.json b/packages/cli/package.json
index 914e74655002..b3d3682203ad 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/cli",
"description": "Task automation for working with the Carbon Design System",
- "version": "11.22.0",
+ "version": "11.23.0-rc.0",
"license": "Apache-2.0",
"bin": {
"carbon-cli": "./bin/carbon-cli.js"
diff --git a/packages/colors/package.json b/packages/colors/package.json
index f033ee10fee3..dd902c3dd19e 100644
--- a/packages/colors/package.json
+++ b/packages/colors/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/colors",
"description": "Colors for digital and software products using the Carbon Design System",
- "version": "11.27.0",
+ "version": "11.28.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -39,7 +39,7 @@
"postinstall": "ibmtelemetry --config=telemetry.yml"
},
"devDependencies": {
- "@carbon/cli": "^11.22.0",
+ "@carbon/cli": "^11.23.0-rc.0",
"@carbon/cli-reporter": "^10.7.0",
"@carbon/scss-generator": "^10.18.0",
"@carbon/test-utils": "^10.33.0",
diff --git a/packages/elements/package.json b/packages/elements/package.json
index 402b39e2a293..e404a9f51582 100644
--- a/packages/elements/package.json
+++ b/packages/elements/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/elements",
"description": "A collection of design elements in code for the IBM Design Language",
- "version": "11.55.0",
+ "version": "11.56.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -38,17 +38,17 @@
"postinstall": "ibmtelemetry --config=telemetry.yml"
},
"dependencies": {
- "@carbon/colors": "^11.27.0",
- "@carbon/grid": "^11.28.0",
- "@carbon/icons": "^11.51.0",
- "@carbon/layout": "^11.27.0",
- "@carbon/motion": "^11.23.0",
- "@carbon/themes": "^11.42.0",
- "@carbon/type": "^11.32.0",
+ "@carbon/colors": "^11.28.0-rc.0",
+ "@carbon/grid": "^11.29.0-rc.0",
+ "@carbon/icons": "^11.52.0-rc.0",
+ "@carbon/layout": "^11.28.0-rc.0",
+ "@carbon/motion": "^11.24.0-rc.0",
+ "@carbon/themes": "^11.43.0-rc.0",
+ "@carbon/type": "^11.33.0-rc.0",
"@ibm/telemetry-js": "^1.5.0"
},
"devDependencies": {
- "@carbon/cli": "^11.22.0",
+ "@carbon/cli": "^11.23.0-rc.0",
"fs-extra": "^11.0.0",
"klaw-sync": "^6.0.0",
"replace-in-file": "^7.0.0",
diff --git a/packages/feature-flags/package.json b/packages/feature-flags/package.json
index 3fc2fa0d81f0..f2f8174453d5 100644
--- a/packages/feature-flags/package.json
+++ b/packages/feature-flags/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/feature-flags",
"description": "Build with feature flags in Carbon",
- "version": "0.23.0",
+ "version": "0.24.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
diff --git a/packages/grid/package.json b/packages/grid/package.json
index ef0da27d5a6e..39e88e5f46eb 100644
--- a/packages/grid/package.json
+++ b/packages/grid/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/grid",
"description": "Grid for digital and software products using the Carbon Design System",
- "version": "11.28.0",
+ "version": "11.29.0-rc.0",
"license": "Apache-2.0",
"repository": {
"type": "git",
@@ -35,11 +35,11 @@
"postinstall": "ibmtelemetry --config=telemetry.yml"
},
"dependencies": {
- "@carbon/layout": "^11.27.0",
+ "@carbon/layout": "^11.28.0-rc.0",
"@ibm/telemetry-js": "^1.5.0"
},
"devDependencies": {
- "@carbon/cli": "^11.22.0",
+ "@carbon/cli": "^11.23.0-rc.0",
"rimraf": "^6.0.0"
},
"eyeglass": {
diff --git a/packages/icon-build-helpers/package.json b/packages/icon-build-helpers/package.json
index 77cf3a70f5ba..1b6fdcc3c72c 100644
--- a/packages/icon-build-helpers/package.json
+++ b/packages/icon-build-helpers/package.json
@@ -2,7 +2,7 @@
"name": "@carbon/icon-build-helpers",
"private": true,
"description": "Build helpers for the Carbon Design System icon library",
- "version": "1.31.0",
+ "version": "1.32.0-rc.0",
"license": "Apache-2.0",
"main": "src/index.js",
"repository": {
@@ -30,7 +30,7 @@
"@babel/template": "^7.24.7",
"@babel/types": "^7.24.7",
"@carbon/cli-reporter": "^10.7.0",
- "@carbon/icon-helpers": "^10.53.0",
+ "@carbon/icon-helpers": "^10.54.0-rc.0",
"@hapi/joi": "^17.1.1",
"@rollup/plugin-babel": "^6.0.0",
"@rollup/plugin-replace": "^5.0.0",
diff --git a/packages/icon-helpers/package.json b/packages/icon-helpers/package.json
index e66caec7fba3..aeaa0486241d 100644
--- a/packages/icon-helpers/package.json
+++ b/packages/icon-helpers/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/icon-helpers",
"description": "Helpers used alongside icons for digital and software products using the Carbon Design System",
- "version": "10.53.0",
+ "version": "10.54.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -36,7 +36,7 @@
"postinstall": "ibmtelemetry --config=telemetry.yml"
},
"devDependencies": {
- "@carbon/cli": "^11.22.0",
+ "@carbon/cli": "^11.23.0-rc.0",
"rimraf": "^6.0.0",
"typescript-config-carbon": "^0.3.0"
},
diff --git a/packages/icons-react/package.json b/packages/icons-react/package.json
index 0456ea9509b3..9c66d615d973 100644
--- a/packages/icons-react/package.json
+++ b/packages/icons-react/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/icons-react",
"description": "React components for icons in digital and software products using the Carbon Design System",
- "version": "11.51.0",
+ "version": "11.52.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -38,13 +38,13 @@
"react": ">=16"
},
"dependencies": {
- "@carbon/icon-helpers": "^10.53.0",
+ "@carbon/icon-helpers": "^10.54.0-rc.0",
"@ibm/telemetry-js": "^1.5.0",
"prop-types": "^15.7.2"
},
"devDependencies": {
- "@carbon/icon-build-helpers": "^1.31.0",
- "@carbon/icons": "^11.51.0",
+ "@carbon/icon-build-helpers": "^1.32.0-rc.0",
+ "@carbon/icons": "^11.52.0-rc.0",
"rimraf": "^6.0.0"
},
"sideEffects": false
diff --git a/packages/icons-vue/package.json b/packages/icons-vue/package.json
index e2d45851c436..855274349c4b 100644
--- a/packages/icons-vue/package.json
+++ b/packages/icons-vue/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/icons-vue",
"description": "Vue components for icons in digital and software products using the Carbon Design System",
- "version": "10.100.0",
+ "version": "10.101.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -30,12 +30,12 @@
"postinstall": "ibmtelemetry --config=telemetry.yml"
},
"dependencies": {
- "@carbon/icon-helpers": "^10.53.0",
+ "@carbon/icon-helpers": "^10.54.0-rc.0",
"@ibm/telemetry-js": "^1.5.0"
},
"devDependencies": {
"@carbon/cli-reporter": "^10.7.0",
- "@carbon/icons": "^11.51.0",
+ "@carbon/icons": "^11.52.0-rc.0",
"fs-extra": "^11.0.0",
"prettier": "^2.8.8",
"rimraf": "^6.0.0",
diff --git a/packages/icons/categories.yml b/packages/icons/categories.yml
index 6e88f79ad6b4..c1d2ca084984 100644
--- a/packages/icons/categories.yml
+++ b/packages/icons/categories.yml
@@ -1460,6 +1460,7 @@ categories:
- document--multiple-02
- document--pdf
- document--preliminary
+ - document--processor
- document--protected
- document--requirements
- document--security
diff --git a/packages/icons/icons.yml b/packages/icons/icons.yml
index 68c68539f45e..8365c85a5b4d 100644
--- a/packages/icons/icons.yml
+++ b/packages/icons/icons.yml
@@ -7510,6 +7510,18 @@
- draft
sizes:
- 32
+- name: document--processor
+ friendly_name: Document processor
+ aliases:
+ - document
+ - processing
+ - extraction
+ - classification
+ - data
+ - AI
+ - digital labor
+ sizes:
+ - 32
- name: document--protected
friendly_name: Document protected
aliases:
diff --git a/packages/icons/package.json b/packages/icons/package.json
index dbff060c368f..9efaa7017195 100644
--- a/packages/icons/package.json
+++ b/packages/icons/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/icons",
"description": "Icons for digital and software products using the Carbon Design System",
- "version": "11.51.0",
+ "version": "11.52.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -41,8 +41,8 @@
"postinstall": "ibmtelemetry --config=telemetry.yml"
},
"devDependencies": {
- "@carbon/cli": "^11.22.0",
- "@carbon/icon-build-helpers": "^1.31.0",
+ "@carbon/cli": "^11.23.0-rc.0",
+ "@carbon/icon-build-helpers": "^1.32.0-rc.0",
"rimraf": "^6.0.0"
},
"dependencies": {
diff --git a/packages/icons/src/svg/32/document--processor.svg b/packages/icons/src/svg/32/document--processor.svg
new file mode 100644
index 000000000000..5700d41ebe9f
--- /dev/null
+++ b/packages/icons/src/svg/32/document--processor.svg
@@ -0,0 +1,16 @@
+
+
\ No newline at end of file
diff --git a/packages/layout/package.json b/packages/layout/package.json
index 28f0a806af3e..668e60ee877a 100644
--- a/packages/layout/package.json
+++ b/packages/layout/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/layout",
"description": "Layout helpers for digital and software products using the Carbon Design System",
- "version": "11.27.0",
+ "version": "11.28.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -30,7 +30,7 @@
"postinstall": "ibmtelemetry --config=telemetry.yml"
},
"devDependencies": {
- "@carbon/cli": "^11.22.0",
+ "@carbon/cli": "^11.23.0-rc.0",
"@carbon/cli-reporter": "^10.7.0",
"@carbon/scss-generator": "^10.18.0",
"@carbon/test-utils": "^10.33.0",
diff --git a/packages/motion/package.json b/packages/motion/package.json
index 12514baef935..94753e9735f9 100644
--- a/packages/motion/package.json
+++ b/packages/motion/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/motion",
"description": "Motion helpers for digital and software products using the Carbon Design System",
- "version": "11.23.0",
+ "version": "11.24.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -30,7 +30,7 @@
"postinstall": "ibmtelemetry --config=telemetry.yml"
},
"devDependencies": {
- "@carbon/cli": "^11.22.0",
+ "@carbon/cli": "^11.23.0-rc.0",
"rimraf": "^6.0.0"
},
"dependencies": {
diff --git a/packages/pictograms-react/package.json b/packages/pictograms-react/package.json
index 4d4925cac950..29babcd98a2e 100644
--- a/packages/pictograms-react/package.json
+++ b/packages/pictograms-react/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/pictograms-react",
"description": "React components for pictograms in digital and software products using the Carbon Design System",
- "version": "11.67.0",
+ "version": "11.68.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -39,13 +39,13 @@
"react": ">=16"
},
"dependencies": {
- "@carbon/icon-helpers": "^10.53.0",
+ "@carbon/icon-helpers": "^10.54.0-rc.0",
"@ibm/telemetry-js": "^1.5.0",
"prop-types": "^15.7.2"
},
"devDependencies": {
- "@carbon/icon-build-helpers": "^1.31.0",
- "@carbon/pictograms": "^12.41.0",
+ "@carbon/icon-build-helpers": "^1.32.0-rc.0",
+ "@carbon/pictograms": "^12.42.0-rc.0",
"rimraf": "^6.0.0"
},
"sideEffects": false
diff --git a/packages/pictograms/package.json b/packages/pictograms/package.json
index 875b63cc6e72..c0b9cf976563 100644
--- a/packages/pictograms/package.json
+++ b/packages/pictograms/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/pictograms",
"description": "Pictograms for digital and software products using the Carbon Design System",
- "version": "12.41.0",
+ "version": "12.42.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -33,7 +33,7 @@
"postinstall": "ibmtelemetry --config=telemetry.yml"
},
"devDependencies": {
- "@carbon/icon-build-helpers": "^1.31.0",
+ "@carbon/icon-build-helpers": "^1.32.0-rc.0",
"rimraf": "^6.0.0"
},
"dependencies": {
diff --git a/packages/react/package.json b/packages/react/package.json
index d7b36c019575..99c3e0bd55cf 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/react",
"description": "React components for the Carbon Design System",
- "version": "1.68.0",
+ "version": "1.69.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -48,10 +48,10 @@
},
"dependencies": {
"@babel/runtime": "^7.24.7",
- "@carbon/feature-flags": "^0.23.0",
- "@carbon/icons-react": "^11.51.0",
- "@carbon/layout": "^11.27.0",
- "@carbon/styles": "^1.67.0",
+ "@carbon/feature-flags": "^0.24.0-rc.0",
+ "@carbon/icons-react": "^11.52.0-rc.0",
+ "@carbon/layout": "^11.28.0-rc.0",
+ "@carbon/styles": "^1.68.0-rc.0",
"@floating-ui/react": "^0.26.0",
"@ibm/telemetry-js": "^1.5.0",
"classnames": "2.5.1",
@@ -80,7 +80,7 @@
"@babel/preset-react": "^7.24.7",
"@babel/preset-typescript": "^7.24.7",
"@carbon/test-utils": "^10.33.0",
- "@carbon/themes": "^11.42.0",
+ "@carbon/themes": "^11.43.0-rc.0",
"@figma/code-connect": "^1.1.4",
"@rollup/plugin-babel": "^6.0.0",
"@rollup/plugin-commonjs": "^26.0.0",
diff --git a/packages/react/src/components/ComboBox/ComboBox.mdx b/packages/react/src/components/ComboBox/ComboBox.mdx
index 5f70ed56dbcf..df7dba08a568 100644
--- a/packages/react/src/components/ComboBox/ComboBox.mdx
+++ b/packages/react/src/components/ComboBox/ComboBox.mdx
@@ -69,6 +69,12 @@ changes.
For more information, checkout the Downshift `useCombobox` props
[documentation](https://github.com/downshift-js/downshift/tree/v9.0.7/src/hooks/useCombobox#basic-props)
+## typeahead Prop
+
+The `typeahead` prop enables predictive text and autocomplete functionality in the ComboBox. When enabled, it displays inline suggestions as you type, using a built-in prefix-matching filter that ignores the `shouldFilterItem` prop. Pressing `Tab` will complete the input with the first matching suggestion, while arrow keys can still be used to navigate through filtered options.
+
+When combined with the `allowCustomValue` prop, the ComboBox supports both custom values and typeahead suggestions.
+
### Combobox `downshiftActions`
The downshift action methods are made available through the `downshiftActions`
diff --git a/packages/react/src/components/ComboBox/ComboBox.stories.js b/packages/react/src/components/ComboBox/ComboBox.stories.js
index e317db579d74..11c631dae11a 100644
--- a/packages/react/src/components/ComboBox/ComboBox.stories.js
+++ b/packages/react/src/components/ComboBox/ComboBox.stories.js
@@ -141,7 +141,15 @@ export const AutocompleteWithTypeahead = (args) => {
onChange={args.onChange}
helperText="Combobox helper text"
id="carbon-combobox"
- items={['Apple', 'Orange', 'Banana', 'Pineapple', 'Raspberry', 'Lime']}
+ items={[
+ 'Apple',
+ 'Apricot',
+ 'Avocado',
+ 'Banana',
+ 'Blackberry',
+ 'Blueberry',
+ 'Cantaloupe',
+ ]}
titleText="ComboBox title"
typeahead
/>
diff --git a/packages/react/src/components/Dropdown/Dropdown.tsx b/packages/react/src/components/Dropdown/Dropdown.tsx
index 51de97b91f87..7ff281908c70 100644
--- a/packages/react/src/components/Dropdown/Dropdown.tsx
+++ b/packages/react/src/components/Dropdown/Dropdown.tsx
@@ -467,9 +467,7 @@ const Dropdown = React.forwardRef(
// NOTE: does not prevent click
evt.preventDefault();
// focus on the element as per readonly input behavior
- if (mergedRef.current !== undefined) {
- mergedRef.current.focus();
- }
+ mergedRef?.current?.focus();
},
onKeyDown: (evt: React.KeyboardEvent) => {
const selectAccessKeys = ['ArrowDown', 'ArrowUp', ' ', 'Enter'];
@@ -487,7 +485,6 @@ const Dropdown = React.forwardRef(
) {
setIsTyping(true);
}
-
if (
(isTyping && evt.code === 'Space') ||
!['ArrowDown', 'ArrowUp', ' ', 'Enter'].includes(evt.key)
diff --git a/packages/react/src/components/Dropdown/Dropdown-test.js b/packages/react/src/components/Dropdown/__tests__/Dropdown-test.js
similarity index 51%
rename from packages/react/src/components/Dropdown/Dropdown-test.js
rename to packages/react/src/components/Dropdown/__tests__/Dropdown-test.js
index fa0b52467a82..2100d4888445 100644
--- a/packages/react/src/components/Dropdown/Dropdown-test.js
+++ b/packages/react/src/components/Dropdown/__tests__/Dropdown-test.js
@@ -5,8 +5,8 @@
* LICENSE file in the root directory of this source tree.
*/
-import React from 'react';
-import { render, screen } from '@testing-library/react';
+import React, { useRef } from 'react';
+import { render, screen, act, fireEvent } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import {
assertMenuOpen,
@@ -15,10 +15,11 @@ import {
generateItems,
generateGenericItem,
waitForPosition,
-} from '../ListBox/test-helpers';
-import Dropdown from '../Dropdown';
-import DropdownSkeleton from '../Dropdown/Dropdown.Skeleton';
-import { AILabel } from '../AILabel';
+} from '../../ListBox/test-helpers';
+import Dropdown from '..';
+import DropdownSkeleton from '../Dropdown.Skeleton';
+import { AILabel } from '../../AILabel';
+import { Simulate } from 'react-dom/test-utils';
const prefix = 'cds';
@@ -35,6 +36,9 @@ describe('Dropdown', () => {
titleText: 'Dropdown label',
};
});
+ afterEach(() => {
+ jest.useRealTimers(); // Restore real timers after each test
+ });
it('should initially render with the menu not open', async () => {
render();
@@ -94,6 +98,29 @@ describe('Dropdown', () => {
expect(screen.getByText('Item 1')).toBeInTheDocument();
});
+ it('should render selectedItem as an element of type number', async () => {
+ const itemToElement = jest.fn((item) => {
+ return {item.label}
;
+ });
+ let mockProps1 = { ...mockProps, label: 1 };
+ render();
+ await openMenu();
+ expect(itemToElement).toHaveBeenCalled();
+ await waitForPosition();
+ expect(screen.getByText(1)).toBeInTheDocument();
+ });
+
+ it('should render when defaulItemtoString passed with null value', async () => {
+ let mockProps2 = { ...mockProps, label: [] };
+ const { container } = render();
+ const labelElement = screen.queryByText('shankar');
+ expect(labelElement).not.toBeInTheDocument();
+ const emptySpanTargeting = container.querySelector(
+ '.cds--list-box__label:not(:empty)'
+ );
+ expect(emptySpanTargeting).toBeNull();
+ });
+
describe('title', () => {
it('renders a title', async () => {
render();
@@ -154,10 +181,37 @@ describe('Dropdown', () => {
});
it('should respect readOnly prop', async () => {
- render();
+ let onChange = jest.fn();
+ let onKeyDown = jest.fn();
+ let mockProps1 = { ...mockProps };
+ const ref = React.createRef();
+ let dropDownItem = render(
+
+ );
await openMenu(); // menu should not open
assertMenuClosed();
+ await waitForPosition();
+
+ const button = screen.getByRole('combobox');
+
+ if (button) {
+ fireEvent.click(button);
+ fireEvent.keyDown(screen.getByRole('combobox'), { key: 'ArrowDown' });
+ fireEvent.keyDown(screen.getByRole('combobox'), { code: 'ArrowDown' });
+ }
+
+ expect(onChange).toHaveBeenCalledTimes(0);
+ expect(onKeyDown).toHaveBeenCalledTimes(2);
+ expect(onKeyDown).toHaveBeenCalledWith(
+ expect.objectContaining({ key: 'ArrowDown' })
+ );
await openMenu(); // menu should not open
expect(screen.queryByText('Item 0')).not.toBeInTheDocument();
expect(mockProps.onChange).toHaveBeenCalledTimes(0);
@@ -166,6 +220,94 @@ describe('Dropdown', () => {
mockProps.onChange.mockClear();
});
+ it('should respect readOnly prop with false and respect call setTimeout function', async () => {
+ let onChange = jest.fn();
+ let onKeyDown = jest.fn();
+ let mockProps2 = { ...mockProps };
+ const ref = React.createRef();
+
+ render(
+
+ );
+
+ //const button = dropDownItem.container.querySelector('#downshift-\\:r19\\:-toggle-button');
+ const button = screen.getByRole('combobox');
+ await waitForPosition();
+ if (button) {
+ act(() => {
+ jest.useFakeTimers();
+ fireEvent.keyDown(screen.getByRole('combobox'), {
+ key: 'Space',
+ code: 'Space',
+ });
+ fireEvent.keyDown(screen.getByRole('combobox'), {
+ key: 'ArrowLeft',
+ code: 'ArrowLeft',
+ });
+ jest.advanceTimersByTime(3000);
+ });
+ }
+ if (button) {
+ act(() => {
+ fireEvent.keyDown(screen.getByRole('combobox'), {
+ key: 'Space',
+ code: 'Space',
+ });
+ fireEvent.keyDown(screen.getByRole('combobox'), {
+ key: 'ArrowLeft',
+ code: 'ArrowLeft',
+ });
+ });
+ }
+ //await openMenu();
+
+ expect(onKeyDown).toHaveBeenCalledWith(
+ expect.objectContaining({ code: 'Space' })
+ );
+ expect(onKeyDown).toHaveBeenCalledWith(
+ expect.objectContaining({ code: 'ArrowLeft' })
+ );
+ expect(onChange).toHaveBeenCalledTimes(0);
+ assertMenuClosed();
+ jest.useRealTimers(); // Restore the original timer behavior
+ });
+
+ it('should respect readOnly prop with false argument and respect clear activated Timeout', async () => {
+ let onChange = jest.fn();
+ let onKeyDown = jest.fn();
+ render();
+
+ await waitForPosition();
+ const button = screen.getByRole('combobox');
+ if (button) {
+ act(() => {
+ fireEvent.keyDown(screen.getByRole('combobox'), {
+ key: 'Space',
+ code: 'Space',
+ });
+ fireEvent.keyDown(screen.getByRole('combobox'), {
+ key: 'ArrowLeft',
+ code: 'ArrowLeft',
+ });
+ });
+ }
+ expect(onKeyDown).toHaveBeenCalledWith(
+ expect.objectContaining({ code: 'Space' })
+ );
+ expect(onKeyDown).toHaveBeenCalledWith(
+ expect.objectContaining({ code: 'ArrowLeft' })
+ );
+ //expect(screen.queryByText('Item 0')).not.toBeInTheDocument();
+ expect(onChange).toHaveBeenCalledTimes(0);
+ assertMenuClosed();
+ });
+
describe('should display initially selected item found in `initialSelectedItem`', () => {
it('using an object type for the `initialSelectedItem` prop', async () => {
render(
@@ -213,6 +355,27 @@ describe('Dropdown', () => {
});
});
+describe('Dropdown', () => {
+ let mockProps;
+ beforeEach(() => {
+ mockProps = {
+ id: 'test-dropdown',
+ items: generateItems(5, generateGenericItem),
+ onChange: jest.fn(),
+ label: 'input',
+ placeholder: 'Filter...',
+ type: 'default',
+ titleText: 'Dropdown label',
+ };
+ });
+
+ it('should initially render with the menu not open ', async () => {
+ render();
+ await waitForPosition();
+ assertMenuClosed();
+ });
+});
+
describe('DropdownSkeleton', () => {
describe('Renders as expected', () => {
it('Has the expected classes', () => {
@@ -223,3 +386,41 @@ describe('DropdownSkeleton', () => {
});
});
});
+
+describe('Test useEffect ', () => {
+ let mockProps;
+ beforeEach(() => {
+ mockProps = {
+ id: 'test-dropdown',
+ items: generateItems(5, generateGenericItem),
+ onChange: jest.fn(),
+ label: 'input',
+ placeholder: 'Filter...',
+ type: 'default',
+ titleText: 'Dropdown label',
+ };
+ });
+
+ it('for auto-align features', async () => {
+ const initialStyles = { top: '10px', left: '20px' };
+ const updatedStyles = { top: '30px', left: '40px' };
+ const { getByTestId, rerender } = render(
+
+ );
+ //Initially, styles should not be set because autoAlign is false
+ //const floatingElement = getByTestId('test-dropdown');
+ rerender(
+
+ );
+ await waitForPosition();
+ assertMenuClosed();
+ });
+});
diff --git a/packages/react/src/components/PaginationNav/PaginationNav-test.js b/packages/react/src/components/PaginationNav/PaginationNav-test.js
index 7d9bd7520b01..f5b695da77b2 100644
--- a/packages/react/src/components/PaginationNav/PaginationNav-test.js
+++ b/packages/react/src/components/PaginationNav/PaginationNav-test.js
@@ -111,5 +111,39 @@ describe('PaginationNav', () => {
expect(screen.getByText('4')).toHaveAttribute('aria-current', 'page');
});
+
+ it('should render PaginationNav correctly and navigate through different page ranges using select elements', async () => {
+ render();
+
+ // Initial state: < 1 2 ... 10 >
+ expect(screen.getByText('1')).toHaveAttribute('aria-current', 'page');
+ expect(screen.getByText('2')).toBeInTheDocument();
+ expect(screen.getByText('10')).toBeInTheDocument();
+
+ let selectElements = screen.getAllByLabelText('Select Page number');
+ expect(selectElements).toHaveLength(1);
+
+ // Select page 6 from the dropdown
+ await userEvent.selectOptions(selectElements[0], '6');
+
+ // New state: < ... 6 ... 10 >
+ expect(screen.getByText('6')).toHaveAttribute('aria-current', 'page');
+
+ // Check for two select elements in this state
+ selectElements = screen.getAllByLabelText('Select Page number');
+ expect(selectElements).toHaveLength(2);
+
+ // Select page 1 from the first dropdown
+ await userEvent.selectOptions(selectElements[0], '1');
+
+ // Final state: < 1 2 ... 10 >
+ expect(screen.getByText('1')).toHaveAttribute('aria-current', 'page');
+ expect(screen.getByText('2')).toBeInTheDocument();
+ expect(screen.getByText('10')).toBeInTheDocument();
+
+ // Check that we're back to one select element
+ selectElements = screen.getAllByLabelText('Select Page number');
+ expect(selectElements).toHaveLength(1);
+ });
});
});
diff --git a/packages/react/src/components/PaginationNav/PaginationNav.tsx b/packages/react/src/components/PaginationNav/PaginationNav.tsx
index 5bf29ceda2cc..4ad8b7afe8d8 100644
--- a/packages/react/src/components/PaginationNav/PaginationNav.tsx
+++ b/packages/react/src/components/PaginationNav/PaginationNav.tsx
@@ -383,7 +383,8 @@ const PaginationNav = React.forwardRef(
function pageWouldBeHidden(page: number) {
const startOffset = itemsDisplayedOnPage <= 4 && page > 1 ? 0 : 1;
- const wouldBeHiddenInFront = page >= startOffset && page <= cuts.front;
+ const wouldBeHiddenInFront =
+ (page >= startOffset && page <= cuts.front) || page === 0;
const wouldBeHiddenInBack =
page >= totalItems - cuts.back - 1 && page <= totalItems - 2;
diff --git a/packages/styles/package.json b/packages/styles/package.json
index c2efcce3f871..e1045830d40c 100644
--- a/packages/styles/package.json
+++ b/packages/styles/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/styles",
"description": "Styles for the Carbon Design System",
- "version": "1.67.0",
+ "version": "1.68.0-rc.0",
"license": "Apache-2.0",
"repository": {
"type": "git",
@@ -40,13 +40,13 @@
}
},
"dependencies": {
- "@carbon/colors": "^11.27.0",
- "@carbon/feature-flags": "^0.23.0",
- "@carbon/grid": "^11.28.0",
- "@carbon/layout": "^11.27.0",
- "@carbon/motion": "^11.23.0",
- "@carbon/themes": "^11.42.0",
- "@carbon/type": "^11.32.0",
+ "@carbon/colors": "^11.28.0-rc.0",
+ "@carbon/feature-flags": "^0.24.0-rc.0",
+ "@carbon/grid": "^11.29.0-rc.0",
+ "@carbon/layout": "^11.28.0-rc.0",
+ "@carbon/motion": "^11.24.0-rc.0",
+ "@carbon/themes": "^11.43.0-rc.0",
+ "@carbon/type": "^11.33.0-rc.0",
"@ibm/plex": "6.0.0-next.6",
"@ibm/telemetry-js": "^1.5.0"
},
diff --git a/packages/themes/package.json b/packages/themes/package.json
index 84b0c9b774f4..55c5bf471fbf 100644
--- a/packages/themes/package.json
+++ b/packages/themes/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/themes",
"description": "Themes for applying color in the Carbon Design System",
- "version": "11.42.0",
+ "version": "11.43.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -31,16 +31,16 @@
"postinstall": "ibmtelemetry --config=telemetry.yml"
},
"dependencies": {
- "@carbon/colors": "^11.27.0",
- "@carbon/layout": "^11.27.0",
- "@carbon/type": "^11.32.0",
+ "@carbon/colors": "^11.28.0-rc.0",
+ "@carbon/layout": "^11.28.0-rc.0",
+ "@carbon/type": "^11.33.0-rc.0",
"@ibm/telemetry-js": "^1.5.0",
"color": "^4.0.0"
},
"devDependencies": {
"@babel/node": "^7.24.7",
"@babel/preset-env": "^7.24.7",
- "@carbon/cli": "^11.22.0",
+ "@carbon/cli": "^11.23.0-rc.0",
"@carbon/cli-reporter": "^10.7.0",
"@carbon/scss-generator": "^10.18.0",
"@carbon/test-utils": "^10.33.0",
diff --git a/packages/type/package.json b/packages/type/package.json
index ae09694e3b9a..0b2d4bf2ebbe 100644
--- a/packages/type/package.json
+++ b/packages/type/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/type",
"description": "Typography for digital and software products using the Carbon Design System",
- "version": "11.32.0",
+ "version": "11.33.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -40,12 +40,12 @@
"postinstall": "ibmtelemetry --config=telemetry.yml"
},
"dependencies": {
- "@carbon/grid": "^11.28.0",
- "@carbon/layout": "^11.27.0",
+ "@carbon/grid": "^11.29.0-rc.0",
+ "@carbon/layout": "^11.28.0-rc.0",
"@ibm/telemetry-js": "^1.5.0"
},
"devDependencies": {
- "@carbon/cli": "^11.22.0",
+ "@carbon/cli": "^11.23.0-rc.0",
"@carbon/test-utils": "^10.33.0",
"change-case": "^4.1.1",
"css": "^3.0.0",
diff --git a/packages/upgrade/package.json b/packages/upgrade/package.json
index 26d2eb94fc3d..326e1c57fe0e 100644
--- a/packages/upgrade/package.json
+++ b/packages/upgrade/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/upgrade",
"description": "A tool for upgrading Carbon versions",
- "version": "11.19.0",
+ "version": "11.20.0-rc.0",
"license": "Apache-2.0",
"bin": {
"carbon-upgrade": "./bin/carbon-upgrade.js"
diff --git a/packages/utilities-react/.gitignore b/packages/utilities-react/.gitignore
new file mode 100644
index 000000000000..64dba6c41854
--- /dev/null
+++ b/packages/utilities-react/.gitignore
@@ -0,0 +1 @@
+types
diff --git a/packages/utilities-react/package.json b/packages/utilities-react/package.json
index 5be896003bfa..8c02d626df20 100644
--- a/packages/utilities-react/package.json
+++ b/packages/utilities-react/package.json
@@ -1,10 +1,11 @@
{
"name": "@carbon/utilities-react",
"description": "Utilities and helpers to drive consistency across software products using the Carbon Design System with React",
- "version": "0.1.0",
+ "version": "0.2.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
+ "types": "types/index.d.ts",
"repository": {
"type": "git",
"url": "https://github.com/carbon-design-system/carbon.git",
@@ -30,7 +31,8 @@
"scripts": {
"build:es": "esbuild ./src/**/!(*-test).{js,ts,jsx,tsx} --minify --outdir=es --target=es2020 --format=esm",
"build:cjs": "esbuild ./src/**/!(*-test).{js,ts,jsx,tsx} --minify --outdir=lib --target=es2020 --format=cjs",
- "build": "yarn build:es & yarn build:cjs",
+ "build:types": "tsc",
+ "build": "yarn build:es & yarn build:cjs & yarn build:types",
"watch": "yarn build:es --watch & yarn build:cjs --watch",
"clean": "rimraf es lib",
"test": "echo yay && exit 0",
@@ -41,10 +43,12 @@
},
"devDependencies": {
"esbuild": "^0.24.0",
- "rimraf": "^6.0.0"
+ "rimraf": "^6.0.0",
+ "typescript": "^4.8.4",
+ "typescript-config-carbon": "^0.3.0"
},
"dependencies": {
- "@carbon/utilities": "^0.1.0",
+ "@carbon/utilities": "^0.2.0-rc.0",
"@ibm/telemetry-js": "^1.6.1"
}
}
diff --git a/packages/utilities-react/tsconfig.json b/packages/utilities-react/tsconfig.json
new file mode 100644
index 000000000000..f6dc96d81f98
--- /dev/null
+++ b/packages/utilities-react/tsconfig.json
@@ -0,0 +1,10 @@
+{
+ "extends": "typescript-config-carbon/tsconfig.base.json",
+ "compilerOptions": {
+ "declaration": true,
+ "emitDeclarationOnly": true,
+ "declarationDir": "./types"
+ },
+ "include": ["src/**/*"],
+ "exclude": ["src/**/*-test.js"]
+}
diff --git a/packages/utilities/.gitignore b/packages/utilities/.gitignore
new file mode 100644
index 000000000000..64dba6c41854
--- /dev/null
+++ b/packages/utilities/.gitignore
@@ -0,0 +1 @@
+types
diff --git a/packages/utilities/package.json b/packages/utilities/package.json
index 9056b6dec6b8..b57daa820e15 100644
--- a/packages/utilities/package.json
+++ b/packages/utilities/package.json
@@ -1,10 +1,11 @@
{
"name": "@carbon/utilities",
"description": "Utilities and helpers to drive consistency across software products using the Carbon Design System",
- "version": "0.1.0",
+ "version": "0.2.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
+ "types": "types/index.d.ts",
"repository": {
"type": "git",
"url": "https://github.com/carbon-design-system/carbon.git",
@@ -29,7 +30,8 @@
"scripts": {
"build:es": "esbuild ./src/**/!(*-test).{js,ts} --minify --outdir=es --target=es2020 --format=esm",
"build:cjs": "esbuild ./src/**/!(*-test).{js,ts} --minify --outdir=lib --target=es2020 --format=cjs",
- "build": "yarn build:es & yarn build:cjs",
+ "build:types": "tsc",
+ "build": "yarn build:es & yarn build:cjs & yarn build:types",
"watch": "yarn build:es --watch & yarn build:cjs --watch",
"clean": "rimraf es lib",
"test": "echo yay && exit 0",
@@ -37,7 +39,9 @@
},
"devDependencies": {
"esbuild": "^0.24.0",
- "rimraf": "^6.0.0"
+ "rimraf": "^6.0.0",
+ "typescript": "^4.8.4",
+ "typescript-config-carbon": "^0.3.0"
},
"dependencies": {
"@ibm/telemetry-js": "^1.6.1"
diff --git a/packages/utilities/src/dateTimeFormat/absolute.ts b/packages/utilities/src/dateTimeFormat/absolute.ts
index 280a0b0e0d27..1e14cce8d421 100644
--- a/packages/utilities/src/dateTimeFormat/absolute.ts
+++ b/packages/utilities/src/dateTimeFormat/absolute.ts
@@ -61,8 +61,8 @@ export function format(
}
export function formatRange(
- startDate: Date | Number,
- endDate: Date | Number,
+ startDate: Date | number,
+ endDate: Date | number,
options?: Partial<{
locale: string;
style: Intl.DateTimeFormatOptions['timeStyle'];
diff --git a/packages/utilities/tsconfig.json b/packages/utilities/tsconfig.json
new file mode 100644
index 000000000000..f6dc96d81f98
--- /dev/null
+++ b/packages/utilities/tsconfig.json
@@ -0,0 +1,10 @@
+{
+ "extends": "typescript-config-carbon/tsconfig.base.json",
+ "compilerOptions": {
+ "declaration": true,
+ "emitDeclarationOnly": true,
+ "declarationDir": "./types"
+ },
+ "include": ["src/**/*"],
+ "exclude": ["src/**/*-test.js"]
+}
diff --git a/packages/web-components/.storybook/templates/with-layer.ts b/packages/web-components/.storybook/templates/with-layer.ts
index d7ff7d81493d..4271e7d2deb5 100644
--- a/packages/web-components/.storybook/templates/with-layer.ts
+++ b/packages/web-components/.storybook/templates/with-layer.ts
@@ -9,7 +9,7 @@
import { LitElement, html } from 'lit';
import { customElement, property } from 'lit/decorators.js';
-import Layers from '@carbon/icons/lib/layers/16';
+import Layers from '@carbon/icons/lib/layers/16.js';
import { prefix } from '../../src/globals/settings';
import styles from './with-layer.scss?lit';
diff --git a/packages/web-components/package.json b/packages/web-components/package.json
index f5b047d5292f..02bcfe5458a9 100644
--- a/packages/web-components/package.json
+++ b/packages/web-components/package.json
@@ -1,7 +1,7 @@
{
"name": "@carbon/web-components",
"description": "Web components for the Carbon Design System",
- "version": "2.15.0",
+ "version": "2.16.0-rc.0",
"license": "Apache-2.0",
"main": "es/index.js",
"module": "es/index.js",
@@ -77,9 +77,9 @@
},
"devDependencies": {
"@carbon/icon-helpers": "10.47.0",
- "@carbon/icons": "^11.51.0",
- "@carbon/layout": "^11.27.0",
- "@carbon/motion": "^11.23.0",
+ "@carbon/icons": "^11.52.0-rc.0",
+ "@carbon/layout": "^11.28.0-rc.0",
+ "@carbon/motion": "^11.24.0-rc.0",
"@juggle/resize-observer": "^3.4.0",
"@mordech/vite-lit-loader": "^0.36.0",
"@rollup/plugin-alias": "^5.1.0",
diff --git a/packages/web-components/src/components/accordion/accordion-item-skeleton.ts b/packages/web-components/src/components/accordion/accordion-item-skeleton.ts
index 7a2b97002a06..3c174a612b04 100644
--- a/packages/web-components/src/components/accordion/accordion-item-skeleton.ts
+++ b/packages/web-components/src/components/accordion/accordion-item-skeleton.ts
@@ -8,7 +8,7 @@
*/
import { LitElement, html } from 'lit';
-import ChevronRight16 from '@carbon/icons/lib/chevron--right/16';
+import ChevronRight16 from '@carbon/icons/lib/chevron--right/16.js';
import { prefix } from '../../globals/settings';
import '../skeleton-text/index';
import styles from './accordion.scss?lit';
diff --git a/packages/web-components/src/components/accordion/accordion-item.ts b/packages/web-components/src/components/accordion/accordion-item.ts
index c7803e991629..acccd3e693bc 100644
--- a/packages/web-components/src/components/accordion/accordion-item.ts
+++ b/packages/web-components/src/components/accordion/accordion-item.ts
@@ -10,7 +10,7 @@
import { classMap } from 'lit/directives/class-map.js';
import { LitElement, html } from 'lit';
import { property } from 'lit/decorators.js';
-import ChevronRight16 from '@carbon/icons/lib/chevron--right/16';
+import ChevronRight16 from '@carbon/icons/lib/chevron--right/16.js';
import { prefix } from '../../globals/settings';
import FocusMixin from '../../globals/mixins/focus';
import Handle from '../../globals/internal/handle';
diff --git a/packages/web-components/src/components/accordion/accordion-skeleton.ts b/packages/web-components/src/components/accordion/accordion-skeleton.ts
index 84ba24ebe6dd..e982d5acdf50 100644
--- a/packages/web-components/src/components/accordion/accordion-skeleton.ts
+++ b/packages/web-components/src/components/accordion/accordion-skeleton.ts
@@ -13,7 +13,7 @@ import { property } from 'lit/decorators.js';
import { prefix } from '../../globals/settings';
import { ACCORDION_ALIGNMENT } from './accordion';
import { forEach } from '../../globals/internal/collection-helpers';
-import ChevronRight16 from '@carbon/icons/lib/chevron--right/16';
+import ChevronRight16 from '@carbon/icons/lib/chevron--right/16.js';
import './accordion-item-skeleton';
import '../skeleton-text/index';
import styles from './accordion.scss?lit';
diff --git a/packages/web-components/src/components/breadcrumb/breadcrumb-overflow-menu.ts b/packages/web-components/src/components/breadcrumb/breadcrumb-overflow-menu.ts
index b5479589ae48..bbab1bf07dd7 100644
--- a/packages/web-components/src/components/breadcrumb/breadcrumb-overflow-menu.ts
+++ b/packages/web-components/src/components/breadcrumb/breadcrumb-overflow-menu.ts
@@ -9,7 +9,7 @@
import { html } from 'lit';
import { prefix } from '../../globals/settings';
-import OverflowMenuHorizontal16 from '@carbon/icons/lib/overflow-menu--horizontal/16';
+import OverflowMenuHorizontal16 from '@carbon/icons/lib/overflow-menu--horizontal/16.js';
import CDSOverflowMenu from '../overflow-menu/overflow-menu';
import styles from './breadcrumb.scss?lit';
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
diff --git a/packages/web-components/src/components/button/button.mdx b/packages/web-components/src/components/button/button.mdx
index 69122ea2d0b8..12826f8a559d 100644
--- a/packages/web-components/src/components/button/button.mdx
+++ b/packages/web-components/src/components/button/button.mdx
@@ -1,6 +1,6 @@
import { ArgTypes, Markdown, Meta } from '@storybook/blocks';
import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
-import Add16 from '@carbon/icons/lib/add/16';
+import Add16 from '@carbon/icons/lib/add/16.js';
import * as ButtonStories from './button.stories';
@@ -69,7 +69,7 @@ will be styled as primary or ghost buttons.
Our Storybook example also shows off the Tooltip feature, explained later.
````html
-import Add16 from '@carbon/icons/lib/add/16';
+import Add16 from '@carbon/icons/lib/add/16.js';
${Add16({ slot: 'icon' })} ``` ## Set of Buttons You
can wrap two `Button` elements in a `ButtonSet` when an action required by the
diff --git a/packages/web-components/src/components/button/button.stories.ts b/packages/web-components/src/components/button/button.stories.ts
index f909c061140c..55cf99de469a 100644
--- a/packages/web-components/src/components/button/button.stories.ts
+++ b/packages/web-components/src/components/button/button.stories.ts
@@ -11,7 +11,7 @@ import { html } from 'lit';
// 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 Add16 from '@carbon/icons/lib/add/16';
+import Add16 from '@carbon/icons/lib/add/16.js';
import {
BUTTON_KIND,
BUTTON_TYPE,
diff --git a/packages/web-components/src/components/chat-button/chat-button.mdx b/packages/web-components/src/components/chat-button/chat-button.mdx
index 407a6c5cbba0..81556b907633 100644
--- a/packages/web-components/src/components/chat-button/chat-button.mdx
+++ b/packages/web-components/src/components/chat-button/chat-button.mdx
@@ -1,6 +1,6 @@
-import { ArgTypes, Markdown, Meta } from "@storybook/blocks";
-import { cdnJs, cdnCss } from "../../globals/internal/storybook-cdn";
-import * as ChatButtonStories from "./chat-button.stories";
+import { ArgTypes, Markdown, Meta } from '@storybook/blocks';
+import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
+import * as ChatButtonStories from './chat-button.stories';
@@ -19,19 +19,19 @@ Here's a quick example to get you started.
### JS (via import)
```javascript
-import "@carbon/web-components/es/components/chat-button/index.js";
+import '@carbon/web-components/es/components/chat-button/index.js';
```
-{`${cdnJs({ components: ["chat-button"] })}`}
+{`${cdnJs({ components: ['chat-button'] })}`}
{`${cdnCss()}`}
```javascript
-import "@carbon/web-components/es/components/chat-button/index.js";
-import Add16 from "@carbon/icons/lib/add/16";
+import '@carbon/web-components/es/components/chat-button/index.js';
+import Add16 from '@carbon/icons/lib/add/16.js';
function App() {
return html`
- Primary ${Add16({ slot: "icon" })}
+ Primary ${Add16({ slot: 'icon' })}
`;
}
```
diff --git a/packages/web-components/src/components/chat-button/chat-button.stories.ts b/packages/web-components/src/components/chat-button/chat-button.stories.ts
index 3953a1d96c24..b633a0a2ae40 100644
--- a/packages/web-components/src/components/chat-button/chat-button.stories.ts
+++ b/packages/web-components/src/components/chat-button/chat-button.stories.ts
@@ -9,7 +9,7 @@
import { html } from 'lit';
import './index';
-import Add16 from '@carbon/icons/lib/add/16';
+import Add16 from '@carbon/icons/lib/add/16.js';
import styles from './chat-button-story.scss?lit';
export const Default = () => {
diff --git a/packages/web-components/src/components/checkbox/checkbox-group.ts b/packages/web-components/src/components/checkbox/checkbox-group.ts
index 20ea32c7a967..6759c19505b2 100644
--- a/packages/web-components/src/components/checkbox/checkbox-group.ts
+++ b/packages/web-components/src/components/checkbox/checkbox-group.ts
@@ -11,8 +11,8 @@ import { classMap } from 'lit/directives/class-map.js';
import { LitElement, html } from 'lit';
import { property } from 'lit/decorators.js';
import { prefix } from '../../globals/settings';
-import WarningFilled16 from '@carbon/icons/lib/warning--filled/16';
-import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';
+import WarningFilled16 from '@carbon/icons/lib/warning--filled/16.js';
+import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16.js';
import CDSCheckbox from './checkbox';
import styles from './checkbox.scss?lit';
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
diff --git a/packages/web-components/src/components/checkbox/checkbox.ts b/packages/web-components/src/components/checkbox/checkbox.ts
index 55022c635388..4f9311c7c038 100644
--- a/packages/web-components/src/components/checkbox/checkbox.ts
+++ b/packages/web-components/src/components/checkbox/checkbox.ts
@@ -14,8 +14,8 @@ import { property, query } from 'lit/decorators.js';
import { prefix } from '../../globals/settings';
import FocusMixin from '../../globals/mixins/focus';
import FormMixin from '../../globals/mixins/form';
-import WarningFilled16 from '@carbon/icons/lib/warning--filled/16';
-import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';
+import WarningFilled16 from '@carbon/icons/lib/warning--filled/16.js';
+import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16.js';
import styles from './checkbox.scss?lit';
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
diff --git a/packages/web-components/src/components/code-snippet/code-snippet.ts b/packages/web-components/src/components/code-snippet/code-snippet.ts
index 51c6f3f11790..72c24a09f06f 100644
--- a/packages/web-components/src/components/code-snippet/code-snippet.ts
+++ b/packages/web-components/src/components/code-snippet/code-snippet.ts
@@ -10,7 +10,7 @@
import { styleMap } from 'lit/directives/style-map.js';
import { LitElement, html } from 'lit';
import { property } from 'lit/decorators.js';
-import ChevronDown16 from '@carbon/icons/lib/chevron--down/16';
+import ChevronDown16 from '@carbon/icons/lib/chevron--down/16.js';
import { prefix } from '../../globals/settings';
import FocusMixin from '../../globals/mixins/focus';
import { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE } from './defs';
diff --git a/packages/web-components/src/components/combo-box/combo-box.ts b/packages/web-components/src/components/combo-box/combo-box.ts
index 2f0d2455f84b..1a8dadd40730 100644
--- a/packages/web-components/src/components/combo-box/combo-box.ts
+++ b/packages/web-components/src/components/combo-box/combo-box.ts
@@ -10,7 +10,7 @@
import { classMap } from 'lit/directives/class-map.js';
import { TemplateResult, html } from 'lit';
import { property, query } from 'lit/decorators.js';
-import Close16 from '@carbon/icons/lib/close/16';
+import Close16 from '@carbon/icons/lib/close/16.js';
import { prefix } from '../../globals/settings';
import { findIndex, forEach } from '../../globals/internal/collection-helpers';
import CDSDropdown, { DROPDOWN_KEYBOARD_ACTION } from '../dropdown/dropdown';
diff --git a/packages/web-components/src/components/content-switcher/content-switcher.stories.ts b/packages/web-components/src/components/content-switcher/content-switcher.stories.ts
index 4e78f651af64..6fbcb1dc8414 100644
--- a/packages/web-components/src/components/content-switcher/content-switcher.stories.ts
+++ b/packages/web-components/src/components/content-switcher/content-switcher.stories.ts
@@ -12,9 +12,9 @@ import { ifDefined } from 'lit/directives/if-defined.js';
import { CONTENT_SWITCHER_SIZE } from './content-switcher';
import './index';
import { prefix } from '../../globals/settings';
-import TableOfContents16 from '@carbon/icons/lib/table-of-contents/16';
-import Workspace16 from '@carbon/icons/lib/workspace/16';
-import ViewMode2_16 from '@carbon/icons/lib/view--mode-2/16';
+import TableOfContents16 from '@carbon/icons/lib/table-of-contents/16.js';
+import Workspace16 from '@carbon/icons/lib/workspace/16.js';
+import ViewMode2_16 from '@carbon/icons/lib/view--mode-2/16.js';
import '../layer/index';
import '../../../.storybook/templates/with-layer';
diff --git a/packages/web-components/src/components/copy-button/copy-button.ts b/packages/web-components/src/components/copy-button/copy-button.ts
index 2fb8ab45930d..f5287db88da4 100644
--- a/packages/web-components/src/components/copy-button/copy-button.ts
+++ b/packages/web-components/src/components/copy-button/copy-button.ts
@@ -9,7 +9,7 @@
import { LitElement, html } from 'lit';
import { property } from 'lit/decorators.js';
-import Copy16 from '@carbon/icons/lib/copy/16';
+import Copy16 from '@carbon/icons/lib/copy/16.js';
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
import { prefix } from '../../globals/settings';
import FocusMixin from '../../globals/mixins/focus';
diff --git a/packages/web-components/src/components/data-table/stories/data-table-batch-actions.stories.ts b/packages/web-components/src/components/data-table/stories/data-table-batch-actions.stories.ts
index 38c9c928c3ad..4b29e2d30281 100644
--- a/packages/web-components/src/components/data-table/stories/data-table-batch-actions.stories.ts
+++ b/packages/web-components/src/components/data-table/stories/data-table-batch-actions.stories.ts
@@ -10,13 +10,13 @@
import { html } from 'lit';
import { prefix } from '../../../globals/settings';
import { TABLE_SIZE } from '../table';
-import Add from '@carbon/icons/lib/add/16';
-import Save from '@carbon/icons/lib/save/16';
-import TrashCan from '@carbon/icons/lib/trash-can/16';
+import Add from '@carbon/icons/lib/add/16.js';
+import Save from '@carbon/icons/lib/save/16.js';
+import TrashCan from '@carbon/icons/lib/trash-can/16.js';
// @ts-ignore
-import Download16 from '@carbon/icons/lib/download/16';
+import Download16 from '@carbon/icons/lib/download/16.js';
// @ts-ignore
-import Settings16 from '@carbon/icons/lib/settings/16';
+import Settings16 from '@carbon/icons/lib/settings/16.js';
import '../../overflow-menu';
import '../index';
import storyDocs from './data-table.mdx';
diff --git a/packages/web-components/src/components/data-table/stories/data-table-dynamic.stories.ts b/packages/web-components/src/components/data-table/stories/data-table-dynamic.stories.ts
index 96d3e746cea5..487cf2a93d2a 100644
--- a/packages/web-components/src/components/data-table/stories/data-table-dynamic.stories.ts
+++ b/packages/web-components/src/components/data-table/stories/data-table-dynamic.stories.ts
@@ -10,13 +10,13 @@
import { html } from 'lit';
import { prefix } from '../../../globals/settings';
import { TABLE_SIZE } from '../table';
-import Add from '@carbon/icons/lib/add/16';
-import Save from '@carbon/icons/lib/save/16';
-import TrashCan from '@carbon/icons/lib/trash-can/16';
+import Add from '@carbon/icons/lib/add/16.js';
+import Save from '@carbon/icons/lib/save/16.js';
+import TrashCan from '@carbon/icons/lib/trash-can/16.js';
// @ts-ignore
-import Download16 from '@carbon/icons/lib/download/16';
+import Download16 from '@carbon/icons/lib/download/16.js';
// @ts-ignore
-import Settings16 from '@carbon/icons/lib/settings/16';
+import Settings16 from '@carbon/icons/lib/settings/16.js';
import '../index';
import storyDocs from './data-table.mdx';
diff --git a/packages/web-components/src/components/data-table/stories/data-table-filtering.stories.ts b/packages/web-components/src/components/data-table/stories/data-table-filtering.stories.ts
index 9db390bf1e96..106dd87a63e5 100644
--- a/packages/web-components/src/components/data-table/stories/data-table-filtering.stories.ts
+++ b/packages/web-components/src/components/data-table/stories/data-table-filtering.stories.ts
@@ -11,7 +11,7 @@ import { html } from 'lit';
import { prefix } from '../../../globals/settings';
import { TABLE_SIZE } from '../table';
// @ts-ignore
-import Settings16 from '@carbon/icons/lib/settings/16';
+import Settings16 from '@carbon/icons/lib/settings/16.js';
import '../index';
import storyDocs from './data-table.mdx';
diff --git a/packages/web-components/src/components/data-table/stories/data-table-toolbar.stories.ts b/packages/web-components/src/components/data-table/stories/data-table-toolbar.stories.ts
index c1e58b74199a..cf6c30875c32 100644
--- a/packages/web-components/src/components/data-table/stories/data-table-toolbar.stories.ts
+++ b/packages/web-components/src/components/data-table/stories/data-table-toolbar.stories.ts
@@ -10,8 +10,8 @@
import { html } from 'lit';
import { prefix } from '../../../globals/settings';
import { TABLE_SIZE } from '../table';
-import Settings16 from '@carbon/icons/lib/settings/16';
-import OverflowMenuVertical16 from '@carbon/icons/lib/overflow-menu--vertical/16';
+import Settings16 from '@carbon/icons/lib/settings/16.js';
+import OverflowMenuVertical16 from '@carbon/icons/lib/overflow-menu--vertical/16.js';
import storyDocs from './data-table.mdx';
import '../index';
diff --git a/packages/web-components/src/components/data-table/table-header-cell.ts b/packages/web-components/src/components/data-table/table-header-cell.ts
index 6bd485960fbd..51db23be0264 100644
--- a/packages/web-components/src/components/data-table/table-header-cell.ts
+++ b/packages/web-components/src/components/data-table/table-header-cell.ts
@@ -10,8 +10,8 @@
import { LitElement, html } from 'lit';
import { property } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
-import ArrowsVertical32 from '@carbon/icons/lib/arrows--vertical/32';
-import ArrowDown32 from '@carbon/icons/lib/arrow--down/32';
+import ArrowsVertical32 from '@carbon/icons/lib/arrows--vertical/32.js';
+import ArrowDown32 from '@carbon/icons/lib/arrow--down/32.js';
import { prefix } from '../../globals/settings';
import FocusMixin from '../../globals/mixins/focus';
import {
diff --git a/packages/web-components/src/components/data-table/table-row.ts b/packages/web-components/src/components/data-table/table-row.ts
index b633c77324b7..b91196b89e62 100644
--- a/packages/web-components/src/components/data-table/table-row.ts
+++ b/packages/web-components/src/components/data-table/table-row.ts
@@ -10,7 +10,7 @@
import { LitElement, html } from 'lit';
import { property } from 'lit/decorators.js';
import { prefix } from '../../globals/settings';
-import ChevronRight16 from '@carbon/icons/lib/chevron--right/16';
+import ChevronRight16 from '@carbon/icons/lib/chevron--right/16.js';
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
import FocusMixin from '../../globals/mixins/focus';
import styles from './data-table.scss?lit';
diff --git a/packages/web-components/src/components/date-picker/date-picker-input.ts b/packages/web-components/src/components/date-picker/date-picker-input.ts
index 80f110da2703..5fe98499c6bc 100644
--- a/packages/web-components/src/components/date-picker/date-picker-input.ts
+++ b/packages/web-components/src/components/date-picker/date-picker-input.ts
@@ -10,14 +10,14 @@
import { classMap } from 'lit/directives/class-map.js';
import { LitElement, html } from 'lit';
import { property, query, state } from 'lit/decorators.js';
-import Calendar16 from '@carbon/icons/lib/calendar/16';
+import Calendar16 from '@carbon/icons/lib/calendar/16.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { prefix } from '../../globals/settings';
import FocusMixin from '../../globals/mixins/focus';
import { INPUT_SIZE } from '../text-input/text-input';
import { DATE_PICKER_INPUT_COLOR_SCHEME, DATE_PICKER_INPUT_KIND } from './defs';
-import WarningFilled16 from '@carbon/icons/lib/warning--filled/16';
-import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';
+import WarningFilled16 from '@carbon/icons/lib/warning--filled/16.js';
+import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16.js';
import styles from './date-picker.scss?lit';
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
diff --git a/packages/web-components/src/components/date-picker/icon-plugin.ts b/packages/web-components/src/components/date-picker/icon-plugin.ts
index 76fd78274522..c826c76454fb 100644
--- a/packages/web-components/src/components/date-picker/icon-plugin.ts
+++ b/packages/web-components/src/components/date-picker/icon-plugin.ts
@@ -10,8 +10,8 @@
import { render } from 'lit';
import { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance';
import { Plugin } from 'flatpickr/dist/types/options';
-import ChevronLeft16 from '@carbon/icons/lib/chevron--left/16';
-import ChevronRight16 from '@carbon/icons/lib/chevron--right/16';
+import ChevronLeft16 from '@carbon/icons/lib/chevron--left/16.js';
+import ChevronRight16 from '@carbon/icons/lib/chevron--right/16.js';
/**
* @returns A Flatpickr plugin to set the right icons in the design system.
diff --git a/packages/web-components/src/components/dropdown/dropdown-item.ts b/packages/web-components/src/components/dropdown/dropdown-item.ts
index cd373afeae76..cf36b9a0dad5 100644
--- a/packages/web-components/src/components/dropdown/dropdown-item.ts
+++ b/packages/web-components/src/components/dropdown/dropdown-item.ts
@@ -9,7 +9,7 @@
import { LitElement, html } from 'lit';
import { property } from 'lit/decorators.js';
-import Checkmark16 from '@carbon/icons/lib/checkmark/16';
+import Checkmark16 from '@carbon/icons/lib/checkmark/16.js';
import { prefix } from '../../globals/settings';
import { DROPDOWN_SIZE } from './dropdown';
import styles from './dropdown.scss?lit';
diff --git a/packages/web-components/src/components/dropdown/dropdown.ts b/packages/web-components/src/components/dropdown/dropdown.ts
index fbaaa4d5f115..0250fc0f2198 100644
--- a/packages/web-components/src/components/dropdown/dropdown.ts
+++ b/packages/web-components/src/components/dropdown/dropdown.ts
@@ -12,9 +12,9 @@ import { ifDefined } from 'lit/directives/if-defined.js';
import { LitElement, html, TemplateResult } from 'lit';
import { property, query, state } from 'lit/decorators.js';
import { prefix } from '../../globals/settings';
-import ChevronDown16 from '@carbon/icons/lib/chevron--down/16';
-import WarningFilled16 from '@carbon/icons/lib/warning--filled/16';
-import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';
+import ChevronDown16 from '@carbon/icons/lib/chevron--down/16.js';
+import WarningFilled16 from '@carbon/icons/lib/warning--filled/16.js';
+import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16.js';
import FocusMixin from '../../globals/mixins/focus';
import FormMixin from '../../globals/mixins/form';
import HostListenerMixin from '../../globals/mixins/host-listener';
diff --git a/packages/web-components/src/components/file-uploader/file-uploader-item.ts b/packages/web-components/src/components/file-uploader/file-uploader-item.ts
index 5b0866da0752..37393ac3bdd7 100644
--- a/packages/web-components/src/components/file-uploader/file-uploader-item.ts
+++ b/packages/web-components/src/components/file-uploader/file-uploader-item.ts
@@ -9,9 +9,9 @@
import { LitElement, html } from 'lit';
import { property } from 'lit/decorators.js';
-import CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';
-import Close16 from '@carbon/icons/lib/close/16';
-import WarningFilled16 from '@carbon/icons/lib/warning--filled/16';
+import CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16.js';
+import Close16 from '@carbon/icons/lib/close/16.js';
+import WarningFilled16 from '@carbon/icons/lib/warning--filled/16.js';
import { prefix } from '../../globals/settings';
import { LOADING_TYPE } from '../loading/loading';
import { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE } from './defs';
diff --git a/packages/web-components/src/components/icon-button/icon-button.mdx b/packages/web-components/src/components/icon-button/icon-button.mdx
index e89aa6f11dc7..1d133eb9d92d 100644
--- a/packages/web-components/src/components/icon-button/icon-button.mdx
+++ b/packages/web-components/src/components/icon-button/icon-button.mdx
@@ -32,7 +32,7 @@ import '@carbon/web-components/es/components/icon-button/index.js';
```javascript
import '@carbon/web-components/es/components/icon-button/index.js';
-import Edit16 from '@carbon/icons/lib/edit/16';
+import Edit16 from '@carbon/icons/lib/edit/16.js';
function App() {
return html`
diff --git a/packages/web-components/src/components/icon-button/icon-button.stories.ts b/packages/web-components/src/components/icon-button/icon-button.stories.ts
index d2fa901bee63..e848e75fc0ce 100644
--- a/packages/web-components/src/components/icon-button/icon-button.stories.ts
+++ b/packages/web-components/src/components/icon-button/icon-button.stories.ts
@@ -11,7 +11,7 @@ import { html } from 'lit';
import './index';
import '../button/index';
import { ICON_BUTTON_TOOLTIP_ALIGNMENT } from './defs';
-import Edit16 from '@carbon/icons/lib/edit/16';
+import Edit16 from '@carbon/icons/lib/edit/16.js';
import { ICON_BUTTON_SIZE } from './defs';
import { BUTTON_KIND } from '../button/defs';
diff --git a/packages/web-components/src/components/icon/icon.mdx b/packages/web-components/src/components/icon/icon.mdx
index e0f79f5679cc..712d97091dd6 100644
--- a/packages/web-components/src/components/icon/icon.mdx
+++ b/packages/web-components/src/components/icon/icon.mdx
@@ -1,5 +1,5 @@
-import { ArgTypes, Meta } from "@storybook/blocks";
-import * as IconStories from "./icon.stories";
+import { ArgTypes, Meta } from '@storybook/blocks';
+import * as IconStories from './icon.stories';
@@ -14,7 +14,7 @@ Here's a quick example to get you started.
### JS (via import)
```javascript
-import Add16 from '@carbon/icons/lib/add/16';
+import Add16 from '@carbon/icons/lib/add/16.js';
function App() {
return (
diff --git a/packages/web-components/src/components/icon/icon.stories.ts b/packages/web-components/src/components/icon/icon.stories.ts
index 9cee6aad6f22..f52edcf31b2c 100644
--- a/packages/web-components/src/components/icon/icon.stories.ts
+++ b/packages/web-components/src/components/icon/icon.stories.ts
@@ -12,13 +12,13 @@ import { html, svg } from 'lit';
// 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 Add16 from '@carbon/icons/lib/add/16';
+import Add16 from '@carbon/icons/lib/add/16.js';
// @ts-ignore
-import Add20 from '@carbon/icons/lib/add/20';
+import Add20 from '@carbon/icons/lib/add/20.js';
// @ts-ignore
-import Add24 from '@carbon/icons/lib/add/24';
+import Add24 from '@carbon/icons/lib/add/24.js';
// @ts-ignore
-import Add32 from '@carbon/icons/lib/add/32';
+import Add32 from '@carbon/icons/lib/add/32.js';
export const Default = {
render: () => html` ${Add16()} ${Add20()} ${Add24()} ${Add32()} `,
diff --git a/packages/web-components/src/components/inline-loading/inline-loading.ts b/packages/web-components/src/components/inline-loading/inline-loading.ts
index f0cabe8df1e9..d37b46085158 100644
--- a/packages/web-components/src/components/inline-loading/inline-loading.ts
+++ b/packages/web-components/src/components/inline-loading/inline-loading.ts
@@ -10,8 +10,8 @@
import { LitElement, html } from 'lit';
import { property } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
-import CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';
-import ErrorFilled16 from '@carbon/icons/lib/error--filled/16';
+import CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16.js';
+import ErrorFilled16 from '@carbon/icons/lib/error--filled/16.js';
import { prefix } from '../../globals/settings';
import LOADING_TYPE from '../loading/types';
import getLoadingIcon from '../loading/loading-icon';
diff --git a/packages/web-components/src/components/link/link.mdx b/packages/web-components/src/components/link/link.mdx
index 376156fa89d5..543e2c3d40ff 100644
--- a/packages/web-components/src/components/link/link.mdx
+++ b/packages/web-components/src/components/link/link.mdx
@@ -39,7 +39,7 @@ import '@carbon/web-components/es/components/list/index.js';
Import the desired icon and incorporate with the link text:
```javascript
-import Download16 from '@carbon/icons/lib/download/16';
+import Download16 from '@carbon/icons/lib/download/16.js';
function App() {
return html`
diff --git a/packages/web-components/src/components/link/link.stories.ts b/packages/web-components/src/components/link/link.stories.ts
index 6fda7939ae12..1a81f4d01e59 100644
--- a/packages/web-components/src/components/link/link.stories.ts
+++ b/packages/web-components/src/components/link/link.stories.ts
@@ -9,7 +9,7 @@
import { html } from 'lit';
import { ifDefined } from 'lit/directives/if-defined.js';
-import Download16 from '@carbon/icons/lib/download/16';
+import Download16 from '@carbon/icons/lib/download/16.js';
import { LINK_SIZE } from './link';
const defaultArgs = {
diff --git a/packages/web-components/src/components/modal/modal-close-button.ts b/packages/web-components/src/components/modal/modal-close-button.ts
index 612d4945d7ae..ac2d8a2ef1d4 100644
--- a/packages/web-components/src/components/modal/modal-close-button.ts
+++ b/packages/web-components/src/components/modal/modal-close-button.ts
@@ -9,7 +9,7 @@
import { LitElement, html } from 'lit';
import { property } from 'lit/decorators.js';
-import Close20 from '@carbon/icons/lib/close/20';
+import Close20 from '@carbon/icons/lib/close/20.js';
import { prefix } from '../../globals/settings';
import { ifDefined } from 'lit/directives/if-defined.js';
import FocusMixin from '../../globals/mixins/focus';
diff --git a/packages/web-components/src/components/multi-select/multi-select.ts b/packages/web-components/src/components/multi-select/multi-select.ts
index d686bfe03abf..a75bb2ef7b7a 100644
--- a/packages/web-components/src/components/multi-select/multi-select.ts
+++ b/packages/web-components/src/components/multi-select/multi-select.ts
@@ -10,7 +10,7 @@
import { html, TemplateResult } from 'lit';
import { property, query } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
-import Close16 from '@carbon/icons/lib/close/16';
+import Close16 from '@carbon/icons/lib/close/16.js';
import { prefix } from '../../globals/settings';
import {
filter,
diff --git a/packages/web-components/src/components/notification/actionable-notification.ts b/packages/web-components/src/components/notification/actionable-notification.ts
index 265571082bef..1f0bd194b0ac 100644
--- a/packages/web-components/src/components/notification/actionable-notification.ts
+++ b/packages/web-components/src/components/notification/actionable-notification.ts
@@ -6,12 +6,12 @@
* 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 CheckmarkFilled20 from '@carbon/icons/lib/checkmark--filled/20';
-import ErrorFilled20 from '@carbon/icons/lib/error--filled/20';
-import InformationFilled20 from '@carbon/icons/lib/information--filled/20';
-import InformationSquareFilled20 from '@carbon/icons/lib/information--square--filled/20';
-import WarningFilled20 from '@carbon/icons/lib/warning--filled/20';
-import WarningAltFilled20 from '@carbon/icons/lib/warning--alt--filled/20';
+import CheckmarkFilled20 from '@carbon/icons/lib/checkmark--filled/20.js';
+import ErrorFilled20 from '@carbon/icons/lib/error--filled/20.js';
+import InformationFilled20 from '@carbon/icons/lib/information--filled/20.js';
+import InformationSquareFilled20 from '@carbon/icons/lib/information--square--filled/20.js';
+import WarningFilled20 from '@carbon/icons/lib/warning--filled/20.js';
+import WarningAltFilled20 from '@carbon/icons/lib/warning--alt--filled/20.js';
import { html, svg } from 'lit';
import { property } from 'lit/decorators.js';
import { prefix } from '../../globals/settings';
diff --git a/packages/web-components/src/components/notification/inline-notification.ts b/packages/web-components/src/components/notification/inline-notification.ts
index ea2c285bbc49..69f4c4b76f06 100644
--- a/packages/web-components/src/components/notification/inline-notification.ts
+++ b/packages/web-components/src/components/notification/inline-notification.ts
@@ -7,13 +7,13 @@
* LICENSE file in the root directory of this source tree.
*/
-import CheckmarkFilled20 from '@carbon/icons/lib/checkmark--filled/20';
-import Close16 from '@carbon/icons/lib/close/16';
-import ErrorFilled20 from '@carbon/icons/lib/error--filled/20';
-import InformationFilled20 from '@carbon/icons/lib/information--filled/20';
-import InformationSquareFilled20 from '@carbon/icons/lib/information--square--filled/20';
-import WarningFilled20 from '@carbon/icons/lib/warning--filled/20';
-import WarningAltFilled20 from '@carbon/icons/lib/warning--alt--filled/20';
+import CheckmarkFilled20 from '@carbon/icons/lib/checkmark--filled/20.js';
+import Close16 from '@carbon/icons/lib/close/16.js';
+import ErrorFilled20 from '@carbon/icons/lib/error--filled/20.js';
+import InformationFilled20 from '@carbon/icons/lib/information--filled/20.js';
+import InformationSquareFilled20 from '@carbon/icons/lib/information--square--filled/20.js';
+import WarningFilled20 from '@carbon/icons/lib/warning--filled/20.js';
+import WarningAltFilled20 from '@carbon/icons/lib/warning--alt--filled/20.js';
import { LitElement, html, svg } from 'lit';
import { property } from 'lit/decorators.js';
import { ifDefined } from 'lit/directives/if-defined.js';
diff --git a/packages/web-components/src/components/number-input/number-input.ts b/packages/web-components/src/components/number-input/number-input.ts
index cef3909bc0ad..79ff542fcdc2 100644
--- a/packages/web-components/src/components/number-input/number-input.ts
+++ b/packages/web-components/src/components/number-input/number-input.ts
@@ -11,10 +11,10 @@ import { LitElement, html } from 'lit';
import { property, query } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { prefix } from '../../globals/settings';
-import WarningFilled16 from '@carbon/icons/lib/warning--filled/16';
-import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';
-import Add16 from '@carbon/icons/lib/add/16';
-import Subtract16 from '@carbon/icons/lib/subtract/16';
+import WarningFilled16 from '@carbon/icons/lib/warning--filled/16.js';
+import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16.js';
+import Add16 from '@carbon/icons/lib/add/16.js';
+import Subtract16 from '@carbon/icons/lib/subtract/16.js';
import ifNonEmpty from '../../globals/directives/if-non-empty';
import { NUMBER_INPUT_VALIDATION_STATUS } from './defs';
import styles from './number-input.scss?lit';
diff --git a/packages/web-components/src/components/overflow-menu/overflow-menu.mdx b/packages/web-components/src/components/overflow-menu/overflow-menu.mdx
index 550eda73c004..ed738b3cc24e 100644
--- a/packages/web-components/src/components/overflow-menu/overflow-menu.mdx
+++ b/packages/web-components/src/components/overflow-menu/overflow-menu.mdx
@@ -24,7 +24,7 @@ Here's a quick example to get you started.
```javascript
import '@carbon/web-components/es/components/overflow-menu/index.js';
-import OverflowMenuVertical16 from '@carbon/icons/lib/overflow-menu--vertical/16';
+import OverflowMenuVertical16 from '@carbon/icons/lib/overflow-menu--vertical/16.js';
```
{`${cdnJs({ components: ['overflow-menu'] })}`}
diff --git a/packages/web-components/src/components/overflow-menu/overflow-menu.stories.ts b/packages/web-components/src/components/overflow-menu/overflow-menu.stories.ts
index 46f60fd2155e..626ec5ce1e62 100644
--- a/packages/web-components/src/components/overflow-menu/overflow-menu.stories.ts
+++ b/packages/web-components/src/components/overflow-menu/overflow-menu.stories.ts
@@ -13,8 +13,8 @@ import { OVERFLOW_MENU_SIZE } from './overflow-menu';
import './overflow-menu-body';
import './overflow-menu-item';
import { prefix } from '../../globals/settings';
-import OverflowMenuVertical16 from '@carbon/icons/lib/overflow-menu--vertical/16';
-import Filter16 from '@carbon/icons/lib/filter/16';
+import OverflowMenuVertical16 from '@carbon/icons/lib/overflow-menu--vertical/16.js';
+import Filter16 from '@carbon/icons/lib/filter/16.js';
const sizes = {
[`Small size (${OVERFLOW_MENU_SIZE.SMALL})`]: OVERFLOW_MENU_SIZE.SMALL,
diff --git a/packages/web-components/src/components/pagination/pagination.ts b/packages/web-components/src/components/pagination/pagination.ts
index 403bef7a02ec..6902bd806f31 100644
--- a/packages/web-components/src/components/pagination/pagination.ts
+++ b/packages/web-components/src/components/pagination/pagination.ts
@@ -9,8 +9,8 @@
import { LitElement, html } from 'lit';
import { property, query } from 'lit/decorators.js';
-import CaretLeft16 from '@carbon/icons/lib/caret--left/16';
-import CaretRight16 from '@carbon/icons/lib/caret--right/16';
+import CaretLeft16 from '@carbon/icons/lib/caret--left/16.js';
+import CaretRight16 from '@carbon/icons/lib/caret--right/16.js';
import { prefix } from '../../globals/settings';
import FocusMixin from '../../globals/mixins/focus';
import HostListenerMixin from '../../globals/mixins/host-listener';
diff --git a/packages/web-components/src/components/popover/autoalign.mdx b/packages/web-components/src/components/popover/autoalign.mdx
index bebc1315a9f2..aaf40421d5b6 100644
--- a/packages/web-components/src/components/popover/autoalign.mdx
+++ b/packages/web-components/src/components/popover/autoalign.mdx
@@ -42,7 +42,7 @@ to the component.
```javascript
import '@carbon/web-components/es/components/popover/index.js';
-import Checkbox16 from '@carbon/icons/lib/checkbox/16';
+import Checkbox16 from '@carbon/icons/lib/checkbox/16.js';
```
{`${cdnJs({ components: ['popover'] })}`}
diff --git a/packages/web-components/src/components/popover/autoalign.stories.ts b/packages/web-components/src/components/popover/autoalign.stories.ts
index 837214229799..3286e1ecdfa5 100644
--- a/packages/web-components/src/components/popover/autoalign.stories.ts
+++ b/packages/web-components/src/components/popover/autoalign.stories.ts
@@ -15,11 +15,11 @@ import '../icon-button/index';
import '../data-table/index';
import { POPOVER_ALIGNMENT } from './defs';
import { SLUG_SIZE } from '../slug/defs';
-import Checkbox16 from '@carbon/icons/lib/checkbox/16';
-import Information16 from '@carbon/icons/lib/information/16';
-import View16 from '@carbon/icons/lib/view/16';
-import FolderOpen16 from '@carbon/icons/lib/folder--open/16';
-import Folders16 from '@carbon/icons/lib/folders/16';
+import Checkbox16 from '@carbon/icons/lib/checkbox/16.js';
+import Information16 from '@carbon/icons/lib/information/16.js';
+import View16 from '@carbon/icons/lib/view/16.js';
+import FolderOpen16 from '@carbon/icons/lib/folder--open/16.js';
+import Folders16 from '@carbon/icons/lib/folders/16.js';
import styles from './popover-story.scss?lit';
import slugStyles from '../slug/slug-story.scss?lit';
diff --git a/packages/web-components/src/components/popover/popover.mdx b/packages/web-components/src/components/popover/popover.mdx
index ada966141d7f..30597ee826e3 100644
--- a/packages/web-components/src/components/popover/popover.mdx
+++ b/packages/web-components/src/components/popover/popover.mdx
@@ -22,7 +22,7 @@ Here's a quick example to get you started.
```javascript
import '@carbon/web-components/es/components/popover/index.js';
-import Checkbox16 from '@carbon/icons/lib/checkbox/16';
+import Checkbox16 from '@carbon/icons/lib/checkbox/16.js';
```
{`${cdnJs({ components: ['popover'] })}`}
@@ -54,7 +54,7 @@ import '@carbon/web-components/es/components/form/index.js';
import '@carbon/web-components/es/components/radio-button/index.js';
import '@carbon/web-components/es/components/checkbox/index.js';
-import Settings16 from '@carbon/icons/lib/settings/16';
+import Settings16 from '@carbon/icons/lib/settings/16.js';
```
```html
diff --git a/packages/web-components/src/components/popover/popover.stories.ts b/packages/web-components/src/components/popover/popover.stories.ts
index e92a3275a087..37b500e58a8f 100644
--- a/packages/web-components/src/components/popover/popover.stories.ts
+++ b/packages/web-components/src/components/popover/popover.stories.ts
@@ -13,7 +13,7 @@ import './popover-content';
import '../radio-button/index';
import { POPOVER_ALIGNMENT } from './defs';
import { prefix } from '../../globals/settings';
-import Checkbox16 from '@carbon/icons/lib/checkbox/16';
+import Checkbox16 from '@carbon/icons/lib/checkbox/16.js';
import Settings16 from '@carbon/icons/lib/settings/16';
import '../checkbox/checkbox';
diff --git a/packages/web-components/src/components/progress-bar/progress-bar.ts b/packages/web-components/src/components/progress-bar/progress-bar.ts
index cee8e62d80dd..636801dfdc6d 100644
--- a/packages/web-components/src/components/progress-bar/progress-bar.ts
+++ b/packages/web-components/src/components/progress-bar/progress-bar.ts
@@ -11,8 +11,8 @@ import { LitElement, html } from 'lit';
import { property } from 'lit/decorators.js';
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
import { classMap } from 'lit/directives/class-map.js';
-import ErrorFilled16 from '@carbon/icons/lib/error--filled/16';
-import CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';
+import ErrorFilled16 from '@carbon/icons/lib/error--filled/16.js';
+import CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16.js';
import {
PROGRESS_BAR_SIZE,
PROGRESS_BAR_STATUS,
diff --git a/packages/web-components/src/components/progress-indicator/progress-step.ts b/packages/web-components/src/components/progress-indicator/progress-step.ts
index cbe1d7be0538..0bdbdcc3f7b2 100644
--- a/packages/web-components/src/components/progress-indicator/progress-step.ts
+++ b/packages/web-components/src/components/progress-indicator/progress-step.ts
@@ -9,10 +9,10 @@
import { LitElement, html, svg } from 'lit';
import { property } from 'lit/decorators.js';
-import CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16';
-import CircleDash16 from '@carbon/icons/lib/circle-dash/16';
-import Incomplete16 from '@carbon/icons/lib/incomplete/16';
-import Warning16 from '@carbon/icons/lib/warning/16';
+import CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16.js';
+import CircleDash16 from '@carbon/icons/lib/circle-dash/16.js';
+import Incomplete16 from '@carbon/icons/lib/incomplete/16.js';
+import Warning16 from '@carbon/icons/lib/warning/16.js';
import { prefix } from '../../globals/settings';
import FocusMixin from '../../globals/mixins/focus';
import { PROGRESS_STEP_STAT } from './defs';
diff --git a/packages/web-components/src/components/radio-button/radio-button-group.ts b/packages/web-components/src/components/radio-button/radio-button-group.ts
index 1d2cf7d8ede3..773e76cd080c 100644
--- a/packages/web-components/src/components/radio-button/radio-button-group.ts
+++ b/packages/web-components/src/components/radio-button/radio-button-group.ts
@@ -16,8 +16,8 @@ import HostListenerMixin from '../../globals/mixins/host-listener';
import HostListener from '../../globals/decorators/host-listener';
import { find, forEach } from '../../globals/internal/collection-helpers';
import { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';
-import WarningFilled16 from '@carbon/icons/lib/warning--filled/16';
-import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';
+import WarningFilled16 from '@carbon/icons/lib/warning--filled/16.js';
+import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16.js';
import CDSRadioButton from './radio-button';
import styles from './radio-button.scss?lit';
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
diff --git a/packages/web-components/src/components/search/search.ts b/packages/web-components/src/components/search/search.ts
index c30a5bf7dbbf..fdc37112647a 100644
--- a/packages/web-components/src/components/search/search.ts
+++ b/packages/web-components/src/components/search/search.ts
@@ -10,8 +10,8 @@
import { classMap } from 'lit/directives/class-map.js';
import { LitElement, html } from 'lit';
import { property } from 'lit/decorators.js';
-import Close16 from '@carbon/icons/lib/close/16';
-import Search16 from '@carbon/icons/lib/search/16';
+import Close16 from '@carbon/icons/lib/close/16.js';
+import Search16 from '@carbon/icons/lib/search/16.js';
import { prefix } from '../../globals/settings';
import ifNonEmpty from '../../globals/directives/if-non-empty';
import FocusMixin from '../../globals/mixins/focus';
diff --git a/packages/web-components/src/components/select/select.ts b/packages/web-components/src/components/select/select.ts
index 49344e3e6ba7..31eb06a10c58 100644
--- a/packages/web-components/src/components/select/select.ts
+++ b/packages/web-components/src/components/select/select.ts
@@ -10,9 +10,9 @@
import { LitElement, html } from 'lit';
import { property, query } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
-import ChevronDown16 from '@carbon/icons/lib/chevron--down/16';
-import WarningFilled16 from '@carbon/icons/lib/warning--filled/16';
-import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';
+import ChevronDown16 from '@carbon/icons/lib/chevron--down/16.js';
+import WarningFilled16 from '@carbon/icons/lib/warning--filled/16.js';
+import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16.js';
import { prefix } from '../../globals/settings';
import { ifDefined } from 'lit/directives/if-defined.js';
import FormMixin from '../../globals/mixins/form';
diff --git a/packages/web-components/src/components/side-panel/side-panel.ts b/packages/web-components/src/components/side-panel/side-panel.ts
index 2d075cca64c0..214d2abf61a3 100644
--- a/packages/web-components/src/components/side-panel/side-panel.ts
+++ b/packages/web-components/src/components/side-panel/side-panel.ts
@@ -20,8 +20,8 @@ import HostListenerMixin from '../../globals/mixins/host-listener';
import { SIDE_PANEL_SIZE, SIDE_PANEL_PLACEMENT } from './defs';
import { selectorTabbable } from '../../globals/settings';
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
-import ArrowLeft16 from '@carbon/icons/lib/arrow--left/16';
-import Close20 from '@carbon/icons/lib/close/20';
+import ArrowLeft16 from '@carbon/icons/lib/arrow--left/16.js';
+import Close20 from '@carbon/icons/lib/close/20.js';
import { moderate02 } from '@carbon/motion';
import '../button/index';
import '../icon-button/index';
diff --git a/packages/web-components/src/components/slider/slider-input.ts b/packages/web-components/src/components/slider/slider-input.ts
index 7b3be0951aab..a9cdb8b1655b 100644
--- a/packages/web-components/src/components/slider/slider-input.ts
+++ b/packages/web-components/src/components/slider/slider-input.ts
@@ -12,8 +12,8 @@ import { LitElement, html } from 'lit';
import { property } from 'lit/decorators.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { prefix } from '../../globals/settings';
-import WarningFilled16 from '@carbon/icons/lib/warning--filled/16';
-import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';
+import WarningFilled16 from '@carbon/icons/lib/warning--filled/16.js';
+import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16.js';
import FocusMixin from '../../globals/mixins/focus';
import styles from './slider.scss?lit';
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
diff --git a/packages/web-components/src/components/slug/slug-data-table.stories.ts b/packages/web-components/src/components/slug/slug-data-table.stories.ts
index fecce2f9a5de..679df467a9d8 100644
--- a/packages/web-components/src/components/slug/slug-data-table.stories.ts
+++ b/packages/web-components/src/components/slug/slug-data-table.stories.ts
@@ -8,9 +8,9 @@
*/
import { html } from 'lit';
-import View16 from '@carbon/icons/lib/view/16';
-import FolderOpen16 from '@carbon/icons/lib/folder--open/16';
-import Folders16 from '@carbon/icons/lib/folders/16';
+import View16 from '@carbon/icons/lib/view/16.js';
+import FolderOpen16 from '@carbon/icons/lib/folder--open/16.js';
+import Folders16 from '@carbon/icons/lib/folders/16.js';
import '../data-table/index';
import '../icon-button/index';
import '../link/index';
diff --git a/packages/web-components/src/components/slug/slug-example.stories.ts b/packages/web-components/src/components/slug/slug-example.stories.ts
index 84c811097560..97757cb5b62a 100644
--- a/packages/web-components/src/components/slug/slug-example.stories.ts
+++ b/packages/web-components/src/components/slug/slug-example.stories.ts
@@ -8,10 +8,10 @@
*/
import { html } from 'lit';
-import View16 from '@carbon/icons/lib/view/16';
-import FolderOpen16 from '@carbon/icons/lib/folder--open/16';
-import Folders16 from '@carbon/icons/lib/folders/16';
-import Asleep16 from '@carbon/icons/lib/asleep/16';
+import View16 from '@carbon/icons/lib/view/16.js';
+import FolderOpen16 from '@carbon/icons/lib/folder--open/16.js';
+import Folders16 from '@carbon/icons/lib/folders/16.js';
+import Asleep16 from '@carbon/icons/lib/asleep/16.js';
import './index';
import '../icon-button/index';
import '../checkbox/index';
diff --git a/packages/web-components/src/components/slug/slug-form.stories.ts b/packages/web-components/src/components/slug/slug-form.stories.ts
index c65b86af1516..a8db60e01ec3 100644
--- a/packages/web-components/src/components/slug/slug-form.stories.ts
+++ b/packages/web-components/src/components/slug/slug-form.stories.ts
@@ -8,9 +8,9 @@
*/
import { html } from 'lit';
-import View16 from '@carbon/icons/lib/view/16';
-import FolderOpen16 from '@carbon/icons/lib/folder--open/16';
-import Folders16 from '@carbon/icons/lib/folders/16';
+import View16 from '@carbon/icons/lib/view/16.js';
+import FolderOpen16 from '@carbon/icons/lib/folder--open/16.js';
+import Folders16 from '@carbon/icons/lib/folders/16.js';
import './index';
import '../button/index';
import '../combo-box/index';
diff --git a/packages/web-components/src/components/slug/slug.stories.ts b/packages/web-components/src/components/slug/slug.stories.ts
index 17c4c848a0c4..26dda6431de3 100644
--- a/packages/web-components/src/components/slug/slug.stories.ts
+++ b/packages/web-components/src/components/slug/slug.stories.ts
@@ -8,9 +8,9 @@
*/
import { html } from 'lit';
-import View16 from '@carbon/icons/lib/view/16';
-import FolderOpen16 from '@carbon/icons/lib/folder--open/16';
-import Folders16 from '@carbon/icons/lib/folders/16';
+import View16 from '@carbon/icons/lib/view/16.js';
+import FolderOpen16 from '@carbon/icons/lib/folder--open/16.js';
+import Folders16 from '@carbon/icons/lib/folders/16.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import './index';
import '../icon-button/index';
diff --git a/packages/web-components/src/components/slug/slug.ts b/packages/web-components/src/components/slug/slug.ts
index b4d082f5a72d..cce483275847 100644
--- a/packages/web-components/src/components/slug/slug.ts
+++ b/packages/web-components/src/components/slug/slug.ts
@@ -13,7 +13,7 @@ import { property } from 'lit/decorators.js';
import { prefix } from '../../globals/settings';
import CDSToggleTip from '../toggle-tip/toggletip';
import styles from './slug.scss?lit';
-import Undo16 from '@carbon/icons/lib/undo/16';
+import Undo16 from '@carbon/icons/lib/undo/16.js';
import { SLUG_SIZE, SLUG_KIND } from './defs';
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
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 572f42615a55..722e3d74359e 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
@@ -10,7 +10,7 @@
import { LitElement, html } from 'lit';
import { property, query } from 'lit/decorators.js';
import { ifDefined } from 'lit/directives/if-defined.js';
-import CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';
+import CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16.js';
import { prefix } from '../../globals/settings';
import HostListener from '../../globals/decorators/host-listener';
import HostListenerMixin from '../../globals/mixins/host-listener';
diff --git a/packages/web-components/src/components/tabs/tabs.ts b/packages/web-components/src/components/tabs/tabs.ts
index 429e03ae7054..68406e0f43c7 100644
--- a/packages/web-components/src/components/tabs/tabs.ts
+++ b/packages/web-components/src/components/tabs/tabs.ts
@@ -14,8 +14,8 @@ import { prefix } from '../../globals/settings';
import HostListenerMixin from '../../globals/mixins/host-listener';
import HostListener from '../../globals/decorators/host-listener';
import { forEach } from '../../globals/internal/collection-helpers';
-import ChevronRight16 from '@carbon/icons/lib/chevron--right/16';
-import ChevronLeft16 from '@carbon/icons/lib/chevron--left/16';
+import ChevronRight16 from '@carbon/icons/lib/chevron--right/16.js';
+import ChevronLeft16 from '@carbon/icons/lib/chevron--left/16.js';
import CDSContentSwitcher, {
NAVIGATION_DIRECTION,
} from '../content-switcher/content-switcher';
diff --git a/packages/web-components/src/components/tag/tag.mdx b/packages/web-components/src/components/tag/tag.mdx
index 20d8065140f6..e7d72fcdc6ee 100644
--- a/packages/web-components/src/components/tag/tag.mdx
+++ b/packages/web-components/src/components/tag/tag.mdx
@@ -65,7 +65,7 @@ icon and insert it within the tag element as such:
```
```javascript
-import Download16 from '@carbon/icons/lib/download/16';
+import Download16 from '@carbon/icons/lib/download/16.js';
function App() {
return html` {`${cdnJs({ components: ['tooltip'] })}`}
diff --git a/packages/web-components/src/components/tooltip/tooltip.stories.ts b/packages/web-components/src/components/tooltip/tooltip.stories.ts
index 732ad8afb61e..4c42a31ea0a8 100644
--- a/packages/web-components/src/components/tooltip/tooltip.stories.ts
+++ b/packages/web-components/src/components/tooltip/tooltip.stories.ts
@@ -14,7 +14,7 @@ import { html } from 'lit';
import './index';
import { POPOVER_ALIGNMENT } from '../popover/defs';
import styles from './tooltip-story.scss?lit';
-import Information16 from '@carbon/icons/lib/information/16';
+import Information16 from '@carbon/icons/lib/information/16.js';
const tooltipAlignments = {
[`top`]: POPOVER_ALIGNMENT.TOP,
diff --git a/packages/web-components/src/components/ui-shell/header-menu-button.ts b/packages/web-components/src/components/ui-shell/header-menu-button.ts
index 0185fbd8b36a..591af4fbfef7 100644
--- a/packages/web-components/src/components/ui-shell/header-menu-button.ts
+++ b/packages/web-components/src/components/ui-shell/header-menu-button.ts
@@ -10,8 +10,8 @@
import { classMap } from 'lit/directives/class-map.js';
import { LitElement, html } from 'lit';
import { property } from 'lit/decorators.js';
-import Close20 from '@carbon/icons/lib/close/20';
-import Menu20 from '@carbon/icons/lib/menu/20';
+import Close20 from '@carbon/icons/lib/close/20.js';
+import Menu20 from '@carbon/icons/lib/menu/20.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { prefix } from '../../globals/settings';
import FocusMixin from '../../globals/mixins/focus';
diff --git a/packages/web-components/src/components/ui-shell/header-menu.ts b/packages/web-components/src/components/ui-shell/header-menu.ts
index a44030db264a..2015e53a1b0a 100644
--- a/packages/web-components/src/components/ui-shell/header-menu.ts
+++ b/packages/web-components/src/components/ui-shell/header-menu.ts
@@ -11,7 +11,7 @@ import { ifDefined } from 'lit/directives/if-defined.js';
import { LitElement, html } from 'lit';
import { property, query } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
-import ChevronDownGlyph from '@carbon/icons/lib/chevron--down/16';
+import ChevronDownGlyph from '@carbon/icons/lib/chevron--down/16.js';
import { prefix } from '../../globals/settings';
import FocusMixin from '../../globals/mixins/focus';
import HostListenerMixin from '../../globals/mixins/host-listener';
diff --git a/packages/web-components/src/components/ui-shell/side-nav-menu.ts b/packages/web-components/src/components/ui-shell/side-nav-menu.ts
index 2e5d8fb08115..b636ef18ddf3 100644
--- a/packages/web-components/src/components/ui-shell/side-nav-menu.ts
+++ b/packages/web-components/src/components/ui-shell/side-nav-menu.ts
@@ -9,7 +9,7 @@
import { LitElement, html } from 'lit';
import { property, query } from 'lit/decorators.js';
-import ChevronDown20 from '@carbon/icons/lib/chevron--down/20';
+import ChevronDown20 from '@carbon/icons/lib/chevron--down/20.js';
import { prefix } from '../../globals/settings';
import { forEach } from '../../globals/internal/collection-helpers';
import FocusMixin from '../../globals/mixins/focus';
diff --git a/packages/web-components/src/components/ui-shell/ui-shell.stories.ts b/packages/web-components/src/components/ui-shell/ui-shell.stories.ts
index 5c4892aec197..c93dd42d8e61 100644
--- a/packages/web-components/src/components/ui-shell/ui-shell.stories.ts
+++ b/packages/web-components/src/components/ui-shell/ui-shell.stories.ts
@@ -11,10 +11,10 @@ import { html } from 'lit';
// 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 Fade16 from '@carbon/icons/lib/fade/16';
-import Search20 from '@carbon/icons/lib/search/20';
-import Notification20 from '@carbon/icons/lib/notification/20';
-import SwitcherIcon20 from '@carbon/icons/lib/switcher/20';
+import Fade16 from '@carbon/icons/lib/fade/16.js';
+import Search20 from '@carbon/icons/lib/search/20.js';
+import Notification20 from '@carbon/icons/lib/notification/20.js';
+import SwitcherIcon20 from '@carbon/icons/lib/switcher/20.js';
import contentStyles from '@carbon/styles/scss/components/ui-shell/content/_content.scss?lit';
import { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE } from './side-nav';
import { classMap } from 'lit/directives/class-map.js';
diff --git a/packages/web-components/tests/spec/ui-shell_spec.ts b/packages/web-components/tests/spec/ui-shell_spec.ts
index b9c1bc4c2d94..ddd4356e71e8 100644
--- a/packages/web-components/tests/spec/ui-shell_spec.ts
+++ b/packages/web-components/tests/spec/ui-shell_spec.ts
@@ -11,7 +11,7 @@ import { html, render } from 'lit';
// 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 Fade16 from '@carbon/icons/lib/fade/16';
+import Fade16 from '@carbon/icons/lib/fade/16.js';
import EventManager from '../utils/event-manager';
import { ifDefined } from 'lit/directives/if-defined.js';
import CDSHeaderMenu from '../../src/components/ui-shell/header-menu';
diff --git a/packages/web-components/tools/rollup-plugin-icons.js b/packages/web-components/tools/rollup-plugin-icons.js
index 3ea6c5241754..138ff005b448 100644
--- a/packages/web-components/tools/rollup-plugin-icons.js
+++ b/packages/web-components/tools/rollup-plugin-icons.js
@@ -38,7 +38,7 @@ export default function rollupPluginIcons(inputs, banner) {
);
const spreadModulePath = path.resolve(
__dirname,
- '../es/globals/directives/spread'
+ '../es/globals/directives/spread.js'
);
const code = `${banner}
diff --git a/www/package.json b/www/package.json
index 41f31068426b..265cd710f501 100644
--- a/www/package.json
+++ b/www/package.json
@@ -1,7 +1,7 @@
{
"name": "www",
"private": true,
- "version": "0.77.0",
+ "version": "0.78.0-rc.0",
"license": "Apache-2.0",
"repository": {
"type": "git",
@@ -22,7 +22,7 @@
"start": "next start"
},
"dependencies": {
- "@carbon/react": "^1.68.0",
+ "@carbon/react": "^1.69.0-rc.0",
"@octokit/core": "^4.0.0",
"@octokit/plugin-retry": "^3.0.9",
"@octokit/plugin-throttling": "^4.0.0",
diff --git a/yarn.lock b/yarn.lock
index d7245438d927..96e47ef18332 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1720,7 +1720,7 @@ __metadata:
languageName: unknown
linkType: soft
-"@carbon/cli@npm:^11.22.0, @carbon/cli@workspace:packages/cli":
+"@carbon/cli@npm:^11.23.0-rc.0, @carbon/cli@workspace:packages/cli":
version: 0.0.0-use.local
resolution: "@carbon/cli@workspace:packages/cli"
dependencies:
@@ -1768,11 +1768,11 @@ __metadata:
languageName: node
linkType: hard
-"@carbon/colors@npm:^11.27.0, @carbon/colors@workspace:packages/colors":
+"@carbon/colors@npm:^11.28.0-rc.0, @carbon/colors@workspace:packages/colors":
version: 0.0.0-use.local
resolution: "@carbon/colors@workspace:packages/colors"
dependencies:
- "@carbon/cli": "npm:^11.22.0"
+ "@carbon/cli": "npm:^11.23.0-rc.0"
"@carbon/cli-reporter": "npm:^10.7.0"
"@carbon/scss-generator": "npm:^10.18.0"
"@carbon/test-utils": "npm:^10.33.0"
@@ -1787,14 +1787,14 @@ __metadata:
version: 0.0.0-use.local
resolution: "@carbon/elements@workspace:packages/elements"
dependencies:
- "@carbon/cli": "npm:^11.22.0"
- "@carbon/colors": "npm:^11.27.0"
- "@carbon/grid": "npm:^11.28.0"
- "@carbon/icons": "npm:^11.51.0"
- "@carbon/layout": "npm:^11.27.0"
- "@carbon/motion": "npm:^11.23.0"
- "@carbon/themes": "npm:^11.42.0"
- "@carbon/type": "npm:^11.32.0"
+ "@carbon/cli": "npm:^11.23.0-rc.0"
+ "@carbon/colors": "npm:^11.28.0-rc.0"
+ "@carbon/grid": "npm:^11.29.0-rc.0"
+ "@carbon/icons": "npm:^11.52.0-rc.0"
+ "@carbon/layout": "npm:^11.28.0-rc.0"
+ "@carbon/motion": "npm:^11.24.0-rc.0"
+ "@carbon/themes": "npm:^11.43.0-rc.0"
+ "@carbon/type": "npm:^11.33.0-rc.0"
"@ibm/telemetry-js": "npm:^1.5.0"
fs-extra: "npm:^11.0.0"
klaw-sync: "npm:^6.0.0"
@@ -1812,7 +1812,7 @@ __metadata:
languageName: node
linkType: hard
-"@carbon/feature-flags@npm:^0.23.0, @carbon/feature-flags@workspace:packages/feature-flags":
+"@carbon/feature-flags@npm:^0.24.0-rc.0, @carbon/feature-flags@workspace:packages/feature-flags":
version: 0.0.0-use.local
resolution: "@carbon/feature-flags@workspace:packages/feature-flags"
dependencies:
@@ -1844,18 +1844,18 @@ __metadata:
languageName: node
linkType: hard
-"@carbon/grid@npm:^11.28.0, @carbon/grid@workspace:packages/grid":
+"@carbon/grid@npm:^11.29.0-rc.0, @carbon/grid@workspace:packages/grid":
version: 0.0.0-use.local
resolution: "@carbon/grid@workspace:packages/grid"
dependencies:
- "@carbon/cli": "npm:^11.22.0"
- "@carbon/layout": "npm:^11.27.0"
+ "@carbon/cli": "npm:^11.23.0-rc.0"
+ "@carbon/layout": "npm:^11.28.0-rc.0"
"@ibm/telemetry-js": "npm:^1.5.0"
rimraf: "npm:^6.0.0"
languageName: unknown
linkType: soft
-"@carbon/icon-build-helpers@npm:^1.31.0, @carbon/icon-build-helpers@workspace:packages/icon-build-helpers":
+"@carbon/icon-build-helpers@npm:^1.32.0-rc.0, @carbon/icon-build-helpers@workspace:packages/icon-build-helpers":
version: 0.0.0-use.local
resolution: "@carbon/icon-build-helpers@workspace:packages/icon-build-helpers"
dependencies:
@@ -1866,7 +1866,7 @@ __metadata:
"@babel/template": "npm:^7.24.7"
"@babel/types": "npm:^7.24.7"
"@carbon/cli-reporter": "npm:^10.7.0"
- "@carbon/icon-helpers": "npm:^10.53.0"
+ "@carbon/icon-helpers": "npm:^10.54.0-rc.0"
"@hapi/joi": "npm:^17.1.1"
"@rollup/plugin-babel": "npm:^6.0.0"
"@rollup/plugin-replace": "npm:^5.0.0"
@@ -1900,24 +1900,24 @@ __metadata:
languageName: node
linkType: hard
-"@carbon/icon-helpers@npm:^10.53.0, @carbon/icon-helpers@workspace:packages/icon-helpers":
+"@carbon/icon-helpers@npm:^10.54.0-rc.0, @carbon/icon-helpers@workspace:packages/icon-helpers":
version: 0.0.0-use.local
resolution: "@carbon/icon-helpers@workspace:packages/icon-helpers"
dependencies:
- "@carbon/cli": "npm:^11.22.0"
+ "@carbon/cli": "npm:^11.23.0-rc.0"
"@ibm/telemetry-js": "npm:^1.5.0"
rimraf: "npm:^6.0.0"
typescript-config-carbon: "npm:^0.3.0"
languageName: unknown
linkType: soft
-"@carbon/icons-react@npm:^11.51.0, @carbon/icons-react@workspace:packages/icons-react":
+"@carbon/icons-react@npm:^11.52.0-rc.0, @carbon/icons-react@workspace:packages/icons-react":
version: 0.0.0-use.local
resolution: "@carbon/icons-react@workspace:packages/icons-react"
dependencies:
- "@carbon/icon-build-helpers": "npm:^1.31.0"
- "@carbon/icon-helpers": "npm:^10.53.0"
- "@carbon/icons": "npm:^11.51.0"
+ "@carbon/icon-build-helpers": "npm:^1.32.0-rc.0"
+ "@carbon/icon-helpers": "npm:^10.54.0-rc.0"
+ "@carbon/icons": "npm:^11.52.0-rc.0"
"@ibm/telemetry-js": "npm:^1.5.0"
prop-types: "npm:^15.7.2"
rimraf: "npm:^6.0.0"
@@ -1931,8 +1931,8 @@ __metadata:
resolution: "@carbon/icons-vue@workspace:packages/icons-vue"
dependencies:
"@carbon/cli-reporter": "npm:^10.7.0"
- "@carbon/icon-helpers": "npm:^10.53.0"
- "@carbon/icons": "npm:^11.51.0"
+ "@carbon/icon-helpers": "npm:^10.54.0-rc.0"
+ "@carbon/icons": "npm:^11.52.0-rc.0"
"@ibm/telemetry-js": "npm:^1.5.0"
fs-extra: "npm:^11.0.0"
prettier: "npm:^2.8.8"
@@ -1942,12 +1942,12 @@ __metadata:
languageName: unknown
linkType: soft
-"@carbon/icons@npm:^11.51.0, @carbon/icons@workspace:packages/icons":
+"@carbon/icons@npm:^11.52.0-rc.0, @carbon/icons@workspace:packages/icons":
version: 0.0.0-use.local
resolution: "@carbon/icons@workspace:packages/icons"
dependencies:
- "@carbon/cli": "npm:^11.22.0"
- "@carbon/icon-build-helpers": "npm:^1.31.0"
+ "@carbon/cli": "npm:^11.23.0-rc.0"
+ "@carbon/icon-build-helpers": "npm:^1.32.0-rc.0"
"@ibm/telemetry-js": "npm:^1.5.0"
rimraf: "npm:^6.0.0"
languageName: unknown
@@ -1962,11 +1962,11 @@ __metadata:
languageName: node
linkType: hard
-"@carbon/layout@npm:^11.27.0, @carbon/layout@workspace:packages/layout":
+"@carbon/layout@npm:^11.28.0-rc.0, @carbon/layout@workspace:packages/layout":
version: 0.0.0-use.local
resolution: "@carbon/layout@workspace:packages/layout"
dependencies:
- "@carbon/cli": "npm:^11.22.0"
+ "@carbon/cli": "npm:^11.23.0-rc.0"
"@carbon/cli-reporter": "npm:^10.7.0"
"@carbon/scss-generator": "npm:^10.18.0"
"@carbon/test-utils": "npm:^10.33.0"
@@ -1985,11 +1985,11 @@ __metadata:
languageName: node
linkType: hard
-"@carbon/motion@npm:^11.23.0, @carbon/motion@workspace:packages/motion":
+"@carbon/motion@npm:^11.24.0-rc.0, @carbon/motion@workspace:packages/motion":
version: 0.0.0-use.local
resolution: "@carbon/motion@workspace:packages/motion"
dependencies:
- "@carbon/cli": "npm:^11.22.0"
+ "@carbon/cli": "npm:^11.23.0-rc.0"
"@ibm/telemetry-js": "npm:^1.5.0"
rimraf: "npm:^6.0.0"
languageName: unknown
@@ -1999,9 +1999,9 @@ __metadata:
version: 0.0.0-use.local
resolution: "@carbon/pictograms-react@workspace:packages/pictograms-react"
dependencies:
- "@carbon/icon-build-helpers": "npm:^1.31.0"
- "@carbon/icon-helpers": "npm:^10.53.0"
- "@carbon/pictograms": "npm:^12.41.0"
+ "@carbon/icon-build-helpers": "npm:^1.32.0-rc.0"
+ "@carbon/icon-helpers": "npm:^10.54.0-rc.0"
+ "@carbon/pictograms": "npm:^12.42.0-rc.0"
"@ibm/telemetry-js": "npm:^1.5.0"
prop-types: "npm:^15.7.2"
rimraf: "npm:^6.0.0"
@@ -2010,17 +2010,17 @@ __metadata:
languageName: unknown
linkType: soft
-"@carbon/pictograms@npm:^12.41.0, @carbon/pictograms@workspace:packages/pictograms":
+"@carbon/pictograms@npm:^12.42.0-rc.0, @carbon/pictograms@workspace:packages/pictograms":
version: 0.0.0-use.local
resolution: "@carbon/pictograms@workspace:packages/pictograms"
dependencies:
- "@carbon/icon-build-helpers": "npm:^1.31.0"
+ "@carbon/icon-build-helpers": "npm:^1.32.0-rc.0"
"@ibm/telemetry-js": "npm:^1.5.0"
rimraf: "npm:^6.0.0"
languageName: unknown
linkType: soft
-"@carbon/react@npm:^1.68.0, @carbon/react@workspace:packages/react":
+"@carbon/react@npm:^1.69.0-rc.0, @carbon/react@workspace:packages/react":
version: 0.0.0-use.local
resolution: "@carbon/react@workspace:packages/react"
dependencies:
@@ -2033,12 +2033,12 @@ __metadata:
"@babel/preset-react": "npm:^7.24.7"
"@babel/preset-typescript": "npm:^7.24.7"
"@babel/runtime": "npm:^7.24.7"
- "@carbon/feature-flags": "npm:^0.23.0"
- "@carbon/icons-react": "npm:^11.51.0"
- "@carbon/layout": "npm:^11.27.0"
- "@carbon/styles": "npm:^1.67.0"
+ "@carbon/feature-flags": "npm:^0.24.0-rc.0"
+ "@carbon/icons-react": "npm:^11.52.0-rc.0"
+ "@carbon/layout": "npm:^11.28.0-rc.0"
+ "@carbon/styles": "npm:^1.68.0-rc.0"
"@carbon/test-utils": "npm:^10.33.0"
- "@carbon/themes": "npm:^11.42.0"
+ "@carbon/themes": "npm:^11.43.0-rc.0"
"@figma/code-connect": "npm:^1.1.4"
"@floating-ui/react": "npm:^0.26.0"
"@ibm/telemetry-js": "npm:^1.5.0"
@@ -2143,18 +2143,18 @@ __metadata:
languageName: node
linkType: hard
-"@carbon/styles@npm:^1.67.0, @carbon/styles@workspace:packages/styles":
+"@carbon/styles@npm:^1.68.0-rc.0, @carbon/styles@workspace:packages/styles":
version: 0.0.0-use.local
resolution: "@carbon/styles@workspace:packages/styles"
dependencies:
- "@carbon/colors": "npm:^11.27.0"
- "@carbon/feature-flags": "npm:^0.23.0"
- "@carbon/grid": "npm:^11.28.0"
- "@carbon/layout": "npm:^11.27.0"
- "@carbon/motion": "npm:^11.23.0"
+ "@carbon/colors": "npm:^11.28.0-rc.0"
+ "@carbon/feature-flags": "npm:^0.24.0-rc.0"
+ "@carbon/grid": "npm:^11.29.0-rc.0"
+ "@carbon/layout": "npm:^11.28.0-rc.0"
+ "@carbon/motion": "npm:^11.24.0-rc.0"
"@carbon/test-utils": "npm:^10.33.0"
- "@carbon/themes": "npm:^11.42.0"
- "@carbon/type": "npm:^11.32.0"
+ "@carbon/themes": "npm:^11.43.0-rc.0"
+ "@carbon/type": "npm:^11.33.0-rc.0"
"@ibm/plex": "npm:6.0.0-next.6"
"@ibm/telemetry-js": "npm:^1.5.0"
autoprefixer: "npm:^10.4.7"
@@ -2200,19 +2200,19 @@ __metadata:
languageName: node
linkType: hard
-"@carbon/themes@npm:^11.42.0, @carbon/themes@workspace:packages/themes":
+"@carbon/themes@npm:^11.43.0-rc.0, @carbon/themes@workspace:packages/themes":
version: 0.0.0-use.local
resolution: "@carbon/themes@workspace:packages/themes"
dependencies:
"@babel/node": "npm:^7.24.7"
"@babel/preset-env": "npm:^7.24.7"
- "@carbon/cli": "npm:^11.22.0"
+ "@carbon/cli": "npm:^11.23.0-rc.0"
"@carbon/cli-reporter": "npm:^10.7.0"
- "@carbon/colors": "npm:^11.27.0"
- "@carbon/layout": "npm:^11.27.0"
+ "@carbon/colors": "npm:^11.28.0-rc.0"
+ "@carbon/layout": "npm:^11.28.0-rc.0"
"@carbon/scss-generator": "npm:^10.18.0"
"@carbon/test-utils": "npm:^10.33.0"
- "@carbon/type": "npm:^11.32.0"
+ "@carbon/type": "npm:^11.33.0-rc.0"
"@ibm/telemetry-js": "npm:^1.5.0"
change-case: "npm:^4.1.1"
color: "npm:^4.0.0"
@@ -2234,13 +2234,13 @@ __metadata:
languageName: node
linkType: hard
-"@carbon/type@npm:^11.32.0, @carbon/type@workspace:packages/type":
+"@carbon/type@npm:^11.33.0-rc.0, @carbon/type@workspace:packages/type":
version: 0.0.0-use.local
resolution: "@carbon/type@workspace:packages/type"
dependencies:
- "@carbon/cli": "npm:^11.22.0"
- "@carbon/grid": "npm:^11.28.0"
- "@carbon/layout": "npm:^11.27.0"
+ "@carbon/cli": "npm:^11.23.0-rc.0"
+ "@carbon/grid": "npm:^11.29.0-rc.0"
+ "@carbon/layout": "npm:^11.28.0-rc.0"
"@carbon/test-utils": "npm:^10.33.0"
"@ibm/telemetry-js": "npm:^1.5.0"
change-case: "npm:^4.1.1"
@@ -2281,22 +2281,26 @@ __metadata:
version: 0.0.0-use.local
resolution: "@carbon/utilities-react@workspace:packages/utilities-react"
dependencies:
- "@carbon/utilities": "npm:^0.1.0"
+ "@carbon/utilities": "npm:^0.2.0-rc.0"
"@ibm/telemetry-js": "npm:^1.6.1"
esbuild: "npm:^0.24.0"
rimraf: "npm:^6.0.0"
+ typescript: "npm:^4.8.4"
+ typescript-config-carbon: "npm:^0.3.0"
peerDependencies:
react: ^16.8.6 || ^17.0.1 || ^18.2.0
languageName: unknown
linkType: soft
-"@carbon/utilities@npm:^0.1.0, @carbon/utilities@workspace:packages/utilities":
+"@carbon/utilities@npm:^0.2.0-rc.0, @carbon/utilities@workspace:packages/utilities":
version: 0.0.0-use.local
resolution: "@carbon/utilities@workspace:packages/utilities"
dependencies:
"@ibm/telemetry-js": "npm:^1.6.1"
esbuild: "npm:^0.24.0"
rimraf: "npm:^6.0.0"
+ typescript: "npm:^4.8.4"
+ typescript-config-carbon: "npm:^0.3.0"
languageName: unknown
linkType: soft
@@ -2305,9 +2309,9 @@ __metadata:
resolution: "@carbon/web-components@workspace:packages/web-components"
dependencies:
"@carbon/icon-helpers": "npm:10.47.0"
- "@carbon/icons": "npm:^11.51.0"
- "@carbon/layout": "npm:^11.27.0"
- "@carbon/motion": "npm:^11.23.0"
+ "@carbon/icons": "npm:^11.52.0-rc.0"
+ "@carbon/layout": "npm:^11.28.0-rc.0"
+ "@carbon/motion": "npm:^11.24.0-rc.0"
"@carbon/styles": "npm:1.63.1"
"@floating-ui/dom": "npm:^1.6.3"
"@ibm/telemetry-js": "npm:^1.5.0"
@@ -9584,8 +9588,8 @@ __metadata:
"@babel/plugin-transform-react-constant-elements": "npm:^7.24.7"
"@babel/preset-env": "npm:^7.24.7"
"@babel/preset-react": "npm:^7.24.7"
- "@carbon/react": "npm:^1.68.0"
- "@carbon/styles": "npm:^1.67.0"
+ "@carbon/react": "npm:^1.69.0-rc.0"
+ "@carbon/styles": "npm:^1.68.0-rc.0"
"@carbon/test-utils": "npm:^10.33.0"
"@ibm/telemetry-js": "npm:^1.5.0"
"@rollup/plugin-babel": "npm:^6.0.0"
@@ -9612,7 +9616,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "carbon-components@workspace:packages/carbon-components"
dependencies:
- "@carbon/styles": "npm:^1.67.0"
+ "@carbon/styles": "npm:^1.68.0-rc.0"
"@carbon/test-utils": "npm:^10.33.0"
"@ibm/telemetry-js": "npm:^1.5.0"
chalk: "npm:1.1.3"
@@ -9985,7 +9989,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "class-prefix@workspace:examples/class-prefix"
dependencies:
- "@carbon/react": "npm:^1.68.0"
+ "@carbon/react": "npm:^1.69.0-rc.0"
"@vitejs/plugin-react": "npm:4.0.0"
react: "npm:^18.2.0"
react-dom: "npm:^18.2.0"
@@ -10271,7 +10275,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "codesandbox-styles@workspace:examples/codesandbox-styles"
dependencies:
- "@carbon/styles": "npm:^1.67.0"
+ "@carbon/styles": "npm:^1.68.0-rc.0"
sass: "npm:^1.77.7"
vite: "npm:^4.3.8"
languageName: unknown
@@ -11337,7 +11341,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "custom-theme@workspace:examples/custom-theme"
dependencies:
- "@carbon/react": "npm:^1.68.0"
+ "@carbon/react": "npm:^1.69.0-rc.0"
"@vitejs/plugin-react": "npm:4.0.0"
react: "npm:^18.2.0"
react-dom: "npm:^18.2.0"
@@ -13509,7 +13513,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "examples-light-dark@workspace:examples/light-dark-mode"
dependencies:
- "@carbon/react": "npm:^1.68.0"
+ "@carbon/react": "npm:^1.69.0-rc.0"
eslint: "npm:8.40.0"
next: "npm:14.1.1"
react: "npm:18.2.0"
@@ -13522,7 +13526,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "examples-nextjs@workspace:examples/nextjs"
dependencies:
- "@carbon/react": "npm:^1.68.0"
+ "@carbon/react": "npm:^1.69.0-rc.0"
eslint: "npm:8.40.0"
eslint-config-next: "npm:13.4.7"
next: "npm:14.1.1"
@@ -15774,7 +15778,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "id-prefix@workspace:examples/id-prefix"
dependencies:
- "@carbon/react": "npm:^1.68.0"
+ "@carbon/react": "npm:^1.69.0-rc.0"
"@vitejs/plugin-react": "npm:4.0.0"
react: "npm:^18.2.0"
react-dom: "npm:^18.2.0"
@@ -27527,7 +27531,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "v10-token-compat-in-v11@workspace:examples/v10-token-compat-in-v11"
dependencies:
- "@carbon/react": "npm:^1.68.0"
+ "@carbon/react": "npm:^1.69.0-rc.0"
"@vitejs/plugin-react": "npm:4.0.0"
react: "npm:^18.2.0"
react-dom: "npm:^18.2.0"
@@ -27862,7 +27866,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "vite@workspace:examples/vite"
dependencies:
- "@carbon/react": "npm:^1.68.0"
+ "@carbon/react": "npm:^1.69.0-rc.0"
"@vitejs/plugin-react": "npm:4.0.0"
react: "npm:^18.2.0"
react-dom: "npm:^18.2.0"
@@ -28490,7 +28494,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "www@workspace:www"
dependencies:
- "@carbon/react": "npm:^1.68.0"
+ "@carbon/react": "npm:^1.69.0-rc.0"
"@octokit/core": "npm:^4.0.0"
"@octokit/plugin-retry": "npm:^3.0.9"
"@octokit/plugin-throttling": "npm:^4.0.0"