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"