diff --git a/.all-contributorsrc b/.all-contributorsrc
index cd2a65786e9b..1a3fddae7fe9 100644
--- a/.all-contributorsrc
+++ b/.all-contributorsrc
@@ -1257,10 +1257,9 @@
"avatar_url": "https://avatars.githubusercontent.com/u/60013060?v=4",
"profile": "https://med-aziz-chebbi.web.app/",
"contributions": [
- "code",
- "doc"
+ "code"
]
- }
+ },
],
"commitConvention": "none"
}
diff --git a/.yarn/cache/postcss-scss-npm-4.0.4-5ed4da166a-b4f240dd5e.zip b/.yarn/cache/postcss-scss-npm-4.0.4-5ed4da166a-b4f240dd5e.zip
deleted file mode 100644
index 1a43d69e3aa5..000000000000
Binary files a/.yarn/cache/postcss-scss-npm-4.0.4-5ed4da166a-b4f240dd5e.zip and /dev/null differ
diff --git a/.yarn/cache/postcss-scss-npm-4.0.8-358bb8ff7d-7d3fa94faa.zip b/.yarn/cache/postcss-scss-npm-4.0.8-358bb8ff7d-7d3fa94faa.zip
new file mode 100644
index 000000000000..8afbdb0ea407
Binary files /dev/null and b/.yarn/cache/postcss-scss-npm-4.0.8-358bb8ff7d-7d3fa94faa.zip differ
diff --git a/.yarn/cache/stylelint-config-recommended-npm-13.0.0-320cc5f7d9-a56eb6d1a7.zip b/.yarn/cache/stylelint-config-recommended-npm-13.0.0-320cc5f7d9-a56eb6d1a7.zip
new file mode 100644
index 000000000000..c9d00756d91e
Binary files /dev/null and b/.yarn/cache/stylelint-config-recommended-npm-13.0.0-320cc5f7d9-a56eb6d1a7.zip differ
diff --git a/.yarn/cache/stylelint-config-recommended-scss-npm-13.0.0-ec2f9157e9-5cbb771d75.zip b/.yarn/cache/stylelint-config-recommended-scss-npm-13.0.0-ec2f9157e9-5cbb771d75.zip
new file mode 100644
index 000000000000..d40963febe0d
Binary files /dev/null and b/.yarn/cache/stylelint-config-recommended-scss-npm-13.0.0-ec2f9157e9-5cbb771d75.zip differ
diff --git a/.yarn/cache/stylelint-config-recommended-scss-npm-5.0.2-93f8eda8de-e882bde8a0.zip b/.yarn/cache/stylelint-config-recommended-scss-npm-5.0.2-93f8eda8de-e882bde8a0.zip
deleted file mode 100644
index b1c4d8b7ad43..000000000000
Binary files a/.yarn/cache/stylelint-config-recommended-scss-npm-5.0.2-93f8eda8de-e882bde8a0.zip and /dev/null differ
diff --git a/.yarn/cache/stylelint-config-standard-npm-34.0.0-3727f5ff5f-536249800c.zip b/.yarn/cache/stylelint-config-standard-npm-34.0.0-3727f5ff5f-536249800c.zip
new file mode 100644
index 000000000000..4b2515c8d408
Binary files /dev/null and b/.yarn/cache/stylelint-config-standard-npm-34.0.0-3727f5ff5f-536249800c.zip differ
diff --git a/.yarn/cache/stylelint-config-standard-scss-npm-11.0.0-cb2a19851f-b51102419a.zip b/.yarn/cache/stylelint-config-standard-scss-npm-11.0.0-cb2a19851f-b51102419a.zip
new file mode 100644
index 000000000000..801dcdb232ab
Binary files /dev/null and b/.yarn/cache/stylelint-config-standard-scss-npm-11.0.0-cb2a19851f-b51102419a.zip differ
diff --git a/.yarn/cache/stylelint-config-standard-scss-npm-3.0.0-88a21da5c6-b9be47e256.zip b/.yarn/cache/stylelint-config-standard-scss-npm-3.0.0-88a21da5c6-b9be47e256.zip
deleted file mode 100644
index eb785427d629..000000000000
Binary files a/.yarn/cache/stylelint-config-standard-scss-npm-3.0.0-88a21da5c6-b9be47e256.zip and /dev/null differ
diff --git a/.yarn/cache/stylelint-scss-npm-5.1.0-99c0b1dab4-9ddcb78cef.zip b/.yarn/cache/stylelint-scss-npm-5.1.0-99c0b1dab4-9ddcb78cef.zip
new file mode 100644
index 000000000000..a094b115182f
Binary files /dev/null and b/.yarn/cache/stylelint-scss-npm-5.1.0-99c0b1dab4-9ddcb78cef.zip differ
diff --git a/README.md b/README.md
index aa3c1ead07f7..aec72f0170bf 100644
--- a/README.md
+++ b/README.md
@@ -253,6 +253,7 @@ check out our [Contributing Guide](/.github/CONTRIBUTING.md) and our
Hao Cheng
💻 |
Aziz Chebbi
💻 📖 |
cordesmj
💻 |
+
Aziz Chebbi
💻 |
diff --git a/config/eslint-config-carbon/package.json b/config/eslint-config-carbon/package.json
index a6f581f36dfe..e4605451dbcd 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.9.0",
+ "version": "3.10.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 51afcc004993..a4d28e78a4f4 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.14.0",
+ "version": "1.15.0-rc.0",
"license": "Apache-2.0",
"main": "index.js",
"repository": {
@@ -31,7 +31,7 @@
"stylelint-config-idiomatic-order": "^8.1.0",
"stylelint-config-prettier": "^9.0.3",
"stylelint-config-standard": "^24.0.0",
- "stylelint-config-standard-scss": "^3.0.0",
+ "stylelint-config-standard-scss": "^11.0.0",
"stylelint-no-unsupported-browser-features": "^5.0.2",
"stylelint-order": "^5.0.0",
"stylelint-prettier": "^2.0.0",
diff --git a/e2e/components/CodeSnippet/CodeSnippet-test.avt.e2e.js b/e2e/components/CodeSnippet/CodeSnippet-test.avt.e2e.js
index f5695320edbd..53f6744607cb 100644
--- a/e2e/components/CodeSnippet/CodeSnippet-test.avt.e2e.js
+++ b/e2e/components/CodeSnippet/CodeSnippet-test.avt.e2e.js
@@ -91,4 +91,86 @@ test.describe('CodeSnippet @avt', () => {
});
await expect(page).toHaveNoACViolations('CodeSnippet skeleton');
});
+
+ test('accessibility-checker CodeSnippet inline keyboard nav', async ({
+ page,
+ }) => {
+ await visitStory(page, {
+ component: 'CodeSnippet',
+ id: 'components-codesnippet--inline',
+ globals: {
+ theme: 'white',
+ },
+ });
+
+ // Checking the code button
+ await expect(page.getByRole('button')).toBeVisible();
+ await page.keyboard.press('Tab');
+ await expect(page.getByRole('button')).toBeFocused();
+
+ // Checking the copy button
+ await page.keyboard.press('Enter');
+ await expect(page.getByRole('tooltip')).toHaveText('Copied to clipboard');
+ });
+
+ test('accessibility-checker CodeSnippet multiline keyboard nav', async ({
+ page,
+ }) => {
+ await visitStory(page, {
+ component: 'CodeSnippet',
+ id: 'components-codesnippet--multiline',
+ globals: {
+ theme: 'white',
+ },
+ });
+
+ // Checking the code button
+ await expect(page.getByRole('textbox')).toBeVisible();
+ await page.keyboard.press('Tab');
+ await expect(page.getByRole('textbox')).toBeFocused();
+
+ // Checking the copy button
+ await page.keyboard.press('Tab');
+ await page.keyboard.press('Enter');
+ await expect(page.getByRole('tooltip')).toHaveText('Copied to clipboard');
+
+ // Checking show more toggle
+ await expect(page.getByText('Show more')).toBeVisible();
+ await page.keyboard.press('Tab');
+ await page.keyboard.press('Enter');
+ await expect(page.getByText('Show less')).toBeVisible();
+ await expect(page.getByText('Show more')).not.toBeVisible();
+ });
+
+ test('accessibility-checker CodeSnippet singleline keyboard nav', async ({
+ page,
+ }) => {
+ await visitStory(page, {
+ component: 'CodeSnippet',
+ id: 'components-codesnippet--singleline',
+ globals: {
+ theme: 'white',
+ },
+ });
+ // Checking the code button
+ await expect(page.getByRole('textbox')).toBeVisible();
+ await page.keyboard.press('Tab');
+ await expect(page.getByRole('textbox')).toBeFocused();
+
+ // Checking the copy button
+ await page.keyboard.press('Tab');
+ await page.keyboard.press('Enter');
+ await expect(page.getByRole('tooltip')).toHaveText('Copied to clipboard');
+
+ // Checking the Arrow navigation
+ await page.keyboard.press('Shift+Tab');
+
+ await expect(
+ page.locator('div.cds--snippet__overflow-indicator--right')
+ ).toBeVisible();
+ await page.keyboard.press('ArrowRight');
+ await expect(
+ page.locator('div.cds--snippet__overflow-indicator--left')
+ ).toBeVisible();
+ });
});
diff --git a/examples/class-prefix/package.json b/examples/class-prefix/package.json
index d538cf97a506..c8509133febf 100644
--- a/examples/class-prefix/package.json
+++ b/examples/class-prefix/package.json
@@ -1,7 +1,7 @@
{
"name": "class-prefix",
"private": true,
- "version": "0.34.0",
+ "version": "0.35.0-rc.0",
"type": "module",
"scripts": {
"dev": "vite",
@@ -9,7 +9,7 @@
"preview": "vite preview"
},
"dependencies": {
- "@carbon/react": "^1.37.0",
+ "@carbon/react": "^1.38.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 56b3f2ce9bb4..c42ece8c53c7 100644
--- a/examples/codesandbox-styles/package.json
+++ b/examples/codesandbox-styles/package.json
@@ -1,7 +1,7 @@
{
"name": "codesandbox-styles",
"private": true,
- "version": "0.40.0",
+ "version": "0.41.0-rc.0",
"type": "module",
"scripts": {
"dev": "vite"
@@ -11,6 +11,6 @@
"vite": "^4.3.8"
},
"dependencies": {
- "@carbon/styles": "^1.37.0"
+ "@carbon/styles": "^1.38.0-rc.0"
}
}
diff --git a/examples/codesandbox-with-sass-compilation/package.json b/examples/codesandbox-with-sass-compilation/package.json
index 77b90e01c752..2724bfd7b31d 100644
--- a/examples/codesandbox-with-sass-compilation/package.json
+++ b/examples/codesandbox-with-sass-compilation/package.json
@@ -1,9 +1,9 @@
{
"name": "codesandbox-with-sass-compilation",
- "version": "0.38.0",
+ "version": "0.39.0-rc.0",
"private": true,
"dependencies": {
- "@carbon/react": "^1.37.0",
+ "@carbon/react": "^1.38.0-rc.0",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
diff --git a/examples/codesandbox/package.json b/examples/codesandbox/package.json
index c5e151d2a9ff..abdc1fa0b950 100644
--- a/examples/codesandbox/package.json
+++ b/examples/codesandbox/package.json
@@ -1,9 +1,9 @@
{
"name": "codesandbox",
- "version": "0.38.0",
+ "version": "0.39.0-rc.0",
"private": true,
"dependencies": {
- "@carbon/react": "^1.37.0",
+ "@carbon/react": "^1.38.0-rc.0",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
diff --git a/examples/custom-theme/package.json b/examples/custom-theme/package.json
index 6509388a28e7..81c52d329205 100644
--- a/examples/custom-theme/package.json
+++ b/examples/custom-theme/package.json
@@ -1,7 +1,7 @@
{
"name": "custom-theme",
"private": true,
- "version": "0.35.0",
+ "version": "0.36.0-rc.0",
"type": "module",
"scripts": {
"dev": "vite",
@@ -9,7 +9,7 @@
"preview": "vite preview"
},
"dependencies": {
- "@carbon/react": "^1.37.0",
+ "@carbon/react": "^1.38.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 8c22a1f9e54b..d8d8e8e0a6d0 100644
--- a/examples/id-prefix/package.json
+++ b/examples/id-prefix/package.json
@@ -1,7 +1,7 @@
{
"name": "id-prefix",
"private": true,
- "version": "0.34.0",
+ "version": "0.35.0-rc.0",
"type": "module",
"scripts": {
"dev": "vite",
@@ -9,7 +9,7 @@
"preview": "vite preview"
},
"dependencies": {
- "@carbon/react": "^1.37.0",
+ "@carbon/react": "^1.38.0-rc.0",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
diff --git a/examples/incremental-migration-vite/package.json b/examples/incremental-migration-vite/package.json
index 8dd953285449..b066dff6806a 100644
--- a/examples/incremental-migration-vite/package.json
+++ b/examples/incremental-migration-vite/package.json
@@ -1,7 +1,7 @@
{
"name": "incremental-migration-vite",
"private": true,
- "version": "0.2.0",
+ "version": "0.3.0-rc.0",
"scripts": {
"dev": "vite",
"build": "vite build",
@@ -12,7 +12,7 @@
},
"dependencies": {
"@carbon/icons-react": "^10.49.0",
- "@carbon/react": "^1.37.0",
+ "@carbon/react": "^1.38.0-rc.0",
"carbon-components": "^10.57.0",
"carbon-components-react": "^7.57.0",
"carbon-icons": "^7.0.7",
diff --git a/examples/incremental-migration/package.json b/examples/incremental-migration/package.json
index 94748bdce24c..52055a06dddb 100644
--- a/examples/incremental-migration/package.json
+++ b/examples/incremental-migration/package.json
@@ -1,7 +1,7 @@
{
"name": "incremental-migration",
"private": true,
- "version": "0.37.0",
+ "version": "0.38.0-rc.0",
"scripts": {
"build": "next build",
"dev": "next dev",
@@ -13,7 +13,7 @@
},
"dependencies": {
"@carbon/icons-react": "^10.49.0",
- "@carbon/react": "^1.37.0",
+ "@carbon/react": "^1.38.0-rc.0",
"carbon-components": "^10.57.0",
"carbon-components-react": "^7.57.0",
"carbon-icons": "^7.0.7",
diff --git a/examples/light-dark-mode/package.json b/examples/light-dark-mode/package.json
index 4a46d2aba8b7..8747157fadae 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.35.0",
+ "version": "0.36.0-rc.0",
"scripts": {
"build": "next build",
"dev": "next dev",
@@ -9,7 +9,7 @@
"start": "next start"
},
"dependencies": {
- "@carbon/react": "^1.37.0",
+ "@carbon/react": "^1.38.0-rc.0",
"next": "12.1.4",
"react": "18.2.0",
"react-dom": "18.2.0"
diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json
index 2f4d5580dc88..7e174e5be9d9 100644
--- a/examples/nextjs/package.json
+++ b/examples/nextjs/package.json
@@ -1,7 +1,7 @@
{
"name": "examples-nextjs",
"private": true,
- "version": "0.37.0",
+ "version": "0.38.0-rc.0",
"scripts": {
"build": "next build",
"dev": "next dev",
@@ -9,7 +9,7 @@
"start": "next start"
},
"dependencies": {
- "@carbon/react": "^1.37.0",
+ "@carbon/react": "^1.38.0-rc.0",
"next": "13.4.7",
"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 1b92f78214e2..b81b22103e3a 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.35.0",
+ "version": "0.36.0-rc.0",
"type": "module",
"scripts": {
"dev": "vite",
@@ -9,7 +9,7 @@
"preview": "vite preview"
},
"dependencies": {
- "@carbon/react": "^1.37.0",
+ "@carbon/react": "^1.38.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 fdd27544af6f..f148f8a7d2b2 100644
--- a/examples/vite/package.json
+++ b/examples/vite/package.json
@@ -1,7 +1,7 @@
{
"name": "vite",
"private": true,
- "version": "0.35.0",
+ "version": "0.36.0-rc.0",
"type": "module",
"scripts": {
"dev": "vite",
@@ -9,7 +9,7 @@
"preview": "vite preview"
},
"dependencies": {
- "@carbon/react": "^1.37.0",
+ "@carbon/react": "^1.38.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 263e0808642c..1efeb44728b2 100644
--- a/packages/carbon-components-react/package.json
+++ b/packages/carbon-components-react/package.json
@@ -1,7 +1,7 @@
{
"name": "carbon-components-react",
"description": "The Carbon Design System is IBM’s open-source design system for products and experiences.",
- "version": "8.37.0",
+ "version": "8.38.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -41,8 +41,8 @@
"sass": "^1.33.0"
},
"dependencies": {
- "@carbon/react": "^1.37.0",
- "@carbon/styles": "^1.37.0",
+ "@carbon/react": "^1.38.0-rc.0",
+ "@carbon/styles": "^1.38.0-rc.0",
"@carbon/telemetry": "0.1.0",
"chalk": "1.1.3"
},
diff --git a/packages/carbon-components/package.json b/packages/carbon-components/package.json
index c77f42b7eed8..a92249e5a5af 100644
--- a/packages/carbon-components/package.json
+++ b/packages/carbon-components/package.json
@@ -1,7 +1,7 @@
{
"name": "carbon-components",
"description": "The Carbon Design System is IBM’s open-source design system for products and experiences.",
- "version": "11.37.0",
+ "version": "11.38.0-rc.0",
"license": "Apache-2.0",
"repository": {
"type": "git",
@@ -42,7 +42,7 @@
"sass": "^1.33.0"
},
"dependencies": {
- "@carbon/styles": "^1.37.0",
+ "@carbon/styles": "^1.38.0-rc.0",
"@carbon/telemetry": "0.1.0",
"chalk": "1.1.3"
},
diff --git a/packages/elements/package.json b/packages/elements/package.json
index 839515a6f285..a18b06f6b957 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.29.0",
+ "version": "11.30.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -37,12 +37,12 @@
},
"dependencies": {
"@carbon/colors": "^11.19.0",
- "@carbon/grid": "^11.19.0",
- "@carbon/icons": "^11.26.0",
+ "@carbon/grid": "^11.20.0-rc.0",
+ "@carbon/icons": "^11.27.0-rc.0",
"@carbon/layout": "^11.19.0",
"@carbon/motion": "^11.15.0",
- "@carbon/themes": "^11.24.0",
- "@carbon/type": "^11.23.0"
+ "@carbon/themes": "^11.25.0-rc.0",
+ "@carbon/type": "^11.24.0-rc.0"
},
"devDependencies": {
"@carbon/cli": "^11.14.0",
diff --git a/packages/grid/package.json b/packages/grid/package.json
index 9bfccc7a81b8..9fd107a5645d 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.19.0",
+ "version": "11.20.0-rc.0",
"license": "Apache-2.0",
"repository": {
"type": "git",
diff --git a/packages/icons-react/package.json b/packages/icons-react/package.json
index 309dd0d81080..bd35b9c926bc 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.26.0",
+ "version": "11.27.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -43,7 +43,7 @@
},
"devDependencies": {
"@carbon/icon-build-helpers": "^1.18.0",
- "@carbon/icons": "^11.26.0",
+ "@carbon/icons": "^11.27.0-rc.0",
"rimraf": "^5.0.0"
},
"sideEffects": false
diff --git a/packages/icons-vue/package.json b/packages/icons-vue/package.json
index 5ad496902584..d4923811c1f3 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.75.0",
+ "version": "10.76.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -33,7 +33,7 @@
},
"devDependencies": {
"@carbon/cli-reporter": "^10.7.0",
- "@carbon/icons": "^11.26.0",
+ "@carbon/icons": "^11.27.0-rc.0",
"fs-extra": "^11.0.0",
"prettier": "^2.8.8",
"rimraf": "^5.0.0",
diff --git a/packages/icons/package.json b/packages/icons/package.json
index 70c14d9ea864..59f07518ae9d 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.26.0",
+ "version": "11.27.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
diff --git a/packages/pictograms-react/package.json b/packages/pictograms-react/package.json
index 24eb55df7fee..b2ba00c9839f 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.48.0",
+ "version": "11.49.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -44,7 +44,7 @@
},
"devDependencies": {
"@carbon/icon-build-helpers": "^1.18.0",
- "@carbon/pictograms": "^12.22.0"
+ "@carbon/pictograms": "^12.23.0-rc.0"
},
"sideEffects": false
}
diff --git a/packages/pictograms/package.json b/packages/pictograms/package.json
index 839d58c2b022..098d8010bf0d 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.22.0",
+ "version": "12.23.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
diff --git a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
index dd66d464dae1..19555590986d 100644
--- a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
+++ b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
@@ -4153,6 +4153,9 @@ Map {
"enterDelayMs": Object {
"type": "number",
},
+ "isSelected": Object {
+ "type": "bool",
+ },
"kind": Object {
"args": Array [
Array [
diff --git a/packages/react/package.json b/packages/react/package.json
index d9f44a28bb34..853bdc896710 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.37.0",
+ "version": "1.38.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -47,9 +47,9 @@
"dependencies": {
"@babel/runtime": "^7.18.3",
"@carbon/feature-flags": "^0.16.0",
- "@carbon/icons-react": "^11.26.0",
+ "@carbon/icons-react": "^11.27.0-rc.0",
"@carbon/layout": "^11.19.0",
- "@carbon/styles": "^1.37.0",
+ "@carbon/styles": "^1.38.0-rc.0",
"@carbon/telemetry": "0.1.0",
"classnames": "2.3.2",
"copy-to-clipboard": "^3.3.1",
@@ -77,7 +77,7 @@
"@babel/preset-react": "^7.22.3",
"@babel/preset-typescript": "^7.21.5",
"@carbon/test-utils": "^10.30.0",
- "@carbon/themes": "^11.24.0",
+ "@carbon/themes": "^11.25.0-rc.0",
"@rollup/plugin-babel": "^6.0.0",
"@rollup/plugin-commonjs": "^25.0.0",
"@rollup/plugin-node-resolve": "^15.0.0",
diff --git a/packages/react/src/components/IconButton/index.js b/packages/react/src/components/IconButton/index.js
index d60693c04b02..a4bb37662393 100644
--- a/packages/react/src/components/IconButton/index.js
+++ b/packages/react/src/components/IconButton/index.js
@@ -27,6 +27,7 @@ const IconButton = React.forwardRef(function IconButton(props, ref) {
leaveDelayMs = 100,
wrapperClasses,
size,
+ isSelected,
...rest
} = props;
const prefix = usePrefix();
@@ -50,7 +51,13 @@ const IconButton = React.forwardRef(function IconButton(props, ref) {
kind={kind}
ref={ref}
size={size}
- className={cx(`${prefix}--btn--icon-only`, className)}>
+ className={cx(
+ `${prefix}--btn--icon-only`,
+ {
+ [`${prefix}--btn--selected`]: isSelected,
+ },
+ className
+ )}>
{children}
@@ -102,6 +109,12 @@ IconButton.propTypes = {
*/
enterDelayMs: PropTypes.number,
+ /**
+ * Specify whether the IconButton is currently selected
+ */
+
+ isSelected: PropTypes.bool,
+
/**
* Specify the type of button to be used as the base for the IconButton
*/
diff --git a/packages/react/src/components/Slider/Slider-test.js b/packages/react/src/components/Slider/Slider-test.js
index a83ab78d4f4a..e9d9bbffae6f 100644
--- a/packages/react/src/components/Slider/Slider-test.js
+++ b/packages/react/src/components/Slider/Slider-test.js
@@ -119,7 +119,9 @@ describe('Slider', () => {
it('should accurately position slider on mount', () => {
renderSlider({ value: 50, max: 100, min: 0 });
- expect(screen.getByRole('slider')).toHaveStyle({ left: '50%' });
+ expect(screen.getByRole('slider')).toHaveStyle({
+ insetInlineStart: '50%',
+ });
});
it('marks input field as hidden if hidden via props', () => {
diff --git a/packages/react/src/components/Slider/Slider.tsx b/packages/react/src/components/Slider/Slider.tsx
index 66440f73d9c3..fae09a4bb430 100644
--- a/packages/react/src/components/Slider/Slider.tsx
+++ b/packages/react/src/components/Slider/Slider.tsx
@@ -362,6 +362,7 @@ export default class Slider extends PureComponent {
left: 0,
needsOnRelease: false,
isValid: true,
+ isRtl: false,
};
thumbRef: React.RefObject;
@@ -384,7 +385,7 @@ export default class Slider extends PureComponent {
const { value, left } = this.calcValue({
useRawValue: true,
});
- this.setState({ value, left });
+ this.setState({ value, left, isRtl: document?.dir === 'rtl' });
}
}
@@ -400,13 +401,24 @@ export default class Slider extends PureComponent {
// Fire onChange event handler if present, if there's a usable value, and
// if the value is different from the last one
+ // Set alternative positioning if direction is 'rtl'
if (this.thumbRef.current) {
- this.thumbRef.current.style.left = `${this.state.left}%`;
+ if (this.state.isRtl) {
+ this.thumbRef.current.style.insetInlineStart = `calc(${this.state.left}% - 14px)`;
+ } else {
+ this.thumbRef.current.style.insetInlineStart = `${this.state.left}%`;
+ }
}
if (this.filledTrackRef.current) {
- this.filledTrackRef.current.style.transform = `translate(0%, -50%) scaleX(${
- this.state.left / 100
- })`;
+ if (this.state.isRtl) {
+ this.filledTrackRef.current.style.transform = `translate(100%, -50%) scaleX(-${
+ this.state.left / 100
+ })`;
+ } else {
+ this.filledTrackRef.current.style.transform = `translate(0%, -50%) scaleX(${
+ this.state.left / 100
+ })`;
+ }
}
if (
prevState.value !== this.state.value &&
@@ -699,7 +711,9 @@ export default class Slider extends PureComponent {
// use the provided value or state's value to calculate it instead.
let leftPercent;
if (clientX != null) {
- const leftOffset = clientX - (boundingRect?.left ?? 0);
+ const leftOffset = this.state.isRtl
+ ? (boundingRect?.right ?? 0) - clientX
+ : clientX - (boundingRect?.left ?? 0);
leftPercent = leftOffset / width;
} else {
if (value == null) {
diff --git a/packages/styles/package.json b/packages/styles/package.json
index a7bdb184b6fd..23016f28d50f 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.37.0",
+ "version": "1.38.0-rc.0",
"license": "Apache-2.0",
"repository": {
"type": "git",
@@ -40,11 +40,11 @@
"dependencies": {
"@carbon/colors": "^11.19.0",
"@carbon/feature-flags": "^0.16.0",
- "@carbon/grid": "^11.19.0",
+ "@carbon/grid": "^11.20.0-rc.0",
"@carbon/layout": "^11.19.0",
"@carbon/motion": "^11.15.0",
- "@carbon/themes": "^11.24.0",
- "@carbon/type": "^11.23.0",
+ "@carbon/themes": "^11.25.0-rc.0",
+ "@carbon/type": "^11.24.0-rc.0",
"@ibm/plex": "6.0.0-next.6"
},
"devDependencies": {
diff --git a/packages/styles/scss/components/checkbox/_checkbox.scss b/packages/styles/scss/components/checkbox/_checkbox.scss
index 1c8b0dae675f..f2c2615d56e7 100644
--- a/packages/styles/scss/components/checkbox/_checkbox.scss
+++ b/packages/styles/scss/components/checkbox/_checkbox.scss
@@ -333,10 +333,10 @@
@include skeleton;
// Add extra spacing when label is present
- margin: convert.to-rem(1px) 0 0 convert.to-rem(6px);
block-size: $spacing-05;
-
inline-size: convert.to-rem(100px);
+ margin-block: convert.to-rem(1px) 0;
+ margin-inline: convert.to-rem(6px) 0;
}
//-----------------------------------------------
diff --git a/packages/styles/scss/components/code-snippet/_code-snippet.scss b/packages/styles/scss/components/code-snippet/_code-snippet.scss
index 55b30c294213..0e355df9c969 100644
--- a/packages/styles/scss/components/code-snippet/_code-snippet.scss
+++ b/packages/styles/scss/components/code-snippet/_code-snippet.scss
@@ -255,6 +255,13 @@ $copy-btn-feedback: $background-inverse !default;
inset-inline-end: 0;
}
+ [dir='rtl']
+ .#{$prefix}--snippet--multi.#{$prefix}--snippet--has-right-overflow
+ .#{$prefix}--snippet-container
+ pre::after {
+ background-image: linear-gradient(to left, transparent, $layer);
+ }
+
.#{$prefix}--snippet--multi .#{$prefix}--snippet-container pre code {
overflow: hidden;
}
@@ -470,6 +477,14 @@ $copy-btn-feedback: $background-inverse !default;
margin-inline-start: -$spacing-05;
}
+ [dir='rtl'] .#{$prefix}--snippet__overflow-indicator--left {
+ background-image: linear-gradient(to right, transparent, $layer);
+ }
+
+ [dir='rtl'] .#{$prefix}--snippet__overflow-indicator--right {
+ background-image: linear-gradient(to left, transparent, $layer);
+ }
+
.#{$prefix}--snippet--single .#{$prefix}--snippet__overflow-indicator--right,
.#{$prefix}--snippet--single .#{$prefix}--snippet__overflow-indicator--left {
position: absolute;
@@ -509,7 +524,7 @@ $copy-btn-feedback: $background-inverse !default;
// Safari-only media query
// since fades won't appear correctly with CSS custom properties
// see: tabs, code snippet, and modal overflow indicators
- @media not all and (min-resolution: 0.001dpcm) {
+ @media not all and (min-resolution >= 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
.#{$prefix}--snippet__overflow-indicator--left {
background-image: linear-gradient(to left, rgba($layer, 0), $layer);
diff --git a/packages/styles/scss/components/form/_form.scss b/packages/styles/scss/components/form/_form.scss
index bcdaacdd74b5..b2d925976bb4 100644
--- a/packages/styles/scss/components/form/_form.scss
+++ b/packages/styles/scss/components/form/_form.scss
@@ -193,7 +193,7 @@ $input-label-weight: 400 !default;
}
// Fix for red ring when input is marked required in Firefox, refs #744
- input:not(output):not([data-invalid]):-moz-ui-invalid {
+ input:not(output, [data-invalid]):-moz-ui-invalid {
box-shadow: none;
}
diff --git a/packages/styles/scss/components/loading/_loading.scss b/packages/styles/scss/components/loading/_loading.scss
index 747f4099a1e1..b7f9b5aea2f4 100644
--- a/packages/styles/scss/components/loading/_loading.scss
+++ b/packages/styles/scss/components/loading/_loading.scss
@@ -73,7 +73,7 @@
}
// Negative values for `stroke-dashoffset` are not supported in Safari
- @media not all and (min-resolution: 0.001dpcm) {
+ @media not all and (resolution >= 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
circle.#{$prefix}--loading__background {
stroke-dasharray: 265;
diff --git a/packages/styles/scss/components/modal/_modal.scss b/packages/styles/scss/components/modal/_modal.scss
index c5dff5b9db02..23f182d8aeb7 100644
--- a/packages/styles/scss/components/modal/_modal.scss
+++ b/packages/styles/scss/components/modal/_modal.scss
@@ -368,7 +368,7 @@
// Safari-only media query
// won't appear correctly with CSS custom properties
// see: code snippet and tabs overflow indicators
- @media not all and (min-resolution: 0.001dpcm) {
+ @media not all and (min-resolution >= 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
.#{$prefix}--modal-content--overflow-indicator {
background-image: linear-gradient(to bottom, rgba($layer, 0), $layer);
diff --git a/packages/styles/scss/components/pagination/_pagination.scss b/packages/styles/scss/components/pagination/_pagination.scss
index da1dda308662..1fadcb479441 100644
--- a/packages/styles/scss/components/pagination/_pagination.scss
+++ b/packages/styles/scss/components/pagination/_pagination.scss
@@ -226,6 +226,11 @@
margin-block-start: 0;
}
+ [dir='rtl'] .#{$prefix}--pagination__button > svg,
+ [dir='rtl'] .#{$prefix}--btn--ghost.#{$prefix}--pagination__button > svg {
+ transform: rotate(0.5turn);
+ }
+
.#{$prefix}--pagination--sm .#{$prefix}--pagination__button,
.#{$prefix}--pagination--sm
.#{$prefix}--btn--ghost.#{$prefix}--pagination__button {
diff --git a/packages/styles/scss/components/progress-bar/_progress-bar.scss b/packages/styles/scss/components/progress-bar/_progress-bar.scss
index 09b9d46f1324..df661abb300a 100644
--- a/packages/styles/scss/components/progress-bar/_progress-bar.scss
+++ b/packages/styles/scss/components/progress-bar/_progress-bar.scss
@@ -62,10 +62,14 @@
color: $interactive;
inline-size: 100%;
transform: scaleX(0);
- transform-origin: 0 center #{'/*rtl:100% center*/'};
+ transform-origin: 0 center;
transition: transform $duration-fast-02 motion(standard, productive);
}
+ [dir='rtl'] .#{$prefix}--progress-bar__bar {
+ transform-origin: 100% center;
+ }
+
.#{$prefix}--progress-bar--indeterminate
.#{$prefix}--progress-bar__track::after {
position: absolute;
@@ -84,6 +88,12 @@
inset: 0;
}
+ [dir='rtl']
+ .#{$prefix}--progress-bar--indeterminate
+ .#{$prefix}--progress-bar__track::after {
+ animation-name: progress-bar-indeterminate-rtl;
+ }
+
.#{$prefix}--progress-bar__helper-text {
@include type-style('helper-text-01');
@@ -140,6 +150,17 @@
}
}
+ @keyframes progress-bar-indeterminate-rtl {
+ 0% {
+ background-position-x: -105%;
+ }
+
+ 80%,
+ 100% {
+ background-position-x: 25%;
+ }
+ }
+
.#{$prefix}--progress-bar--inline {
display: flex;
align-items: center;
diff --git a/packages/styles/scss/components/tabs/_tabs.scss b/packages/styles/scss/components/tabs/_tabs.scss
index 6c05f21d6587..5f1b70b2c01e 100644
--- a/packages/styles/scss/components/tabs/_tabs.scss
+++ b/packages/styles/scss/components/tabs/_tabs.scss
@@ -206,7 +206,7 @@
// Safari-only media query
// won't appear correctly with CSS custom properties
// see: code snippet and modal overflow indicators
- @media not all and (min-resolution: 0.001dpcm) {
+ @media not all and (resolution >= 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
.#{$prefix}--tabs__overflow-indicator--left {
background-image: linear-gradient(
diff --git a/packages/styles/scss/components/tag/_tag.scss b/packages/styles/scss/components/tag/_tag.scss
index d6b161a39111..459c3d2a6c1b 100644
--- a/packages/styles/scss/components/tag/_tag.scss
+++ b/packages/styles/scss/components/tag/_tag.scss
@@ -261,7 +261,7 @@
inline-size: convert.to-rem(60px);
// Safari specific bug (#7672)
- @media not all and (min-resolution: 0.001dpcm) {
+ @media not all and (min-resolution >= 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
transform: translateZ(0);
}
diff --git a/packages/styles/scss/components/tile/_tile.scss b/packages/styles/scss/components/tile/_tile.scss
index 8956b0f76546..c85eb0f499d2 100644
--- a/packages/styles/scss/components/tile/_tile.scss
+++ b/packages/styles/scss/components/tile/_tile.scss
@@ -302,7 +302,7 @@ $-icon-container-size: calc(#{layout.density('padding-inline')} * 2 + 1rem);
// Safari-only media query
// Fixes an issue with scrolling
// and absolutely positioned elements (#8119)
- @media not all and (min-resolution: 0.001dpcm) {
+ @media not all and (resolution >= 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
overflow-y: auto;
}
diff --git a/packages/themes/package.json b/packages/themes/package.json
index 2e7e51b6f544..244ac14bacb0 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.24.0",
+ "version": "11.25.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -32,7 +32,7 @@
"dependencies": {
"@carbon/colors": "^11.19.0",
"@carbon/layout": "^11.19.0",
- "@carbon/type": "^11.23.0",
+ "@carbon/type": "^11.24.0-rc.0",
"color": "^4.0.0"
},
"devDependencies": {
diff --git a/packages/type/package.json b/packages/type/package.json
index d471d8c23d3e..a8b81fe44a2c 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.23.0",
+ "version": "11.24.0-rc.0",
"license": "Apache-2.0",
"main": "lib/index.js",
"module": "es/index.js",
@@ -38,7 +38,7 @@
"clean": "rimraf css es lib umd"
},
"dependencies": {
- "@carbon/grid": "^11.19.0",
+ "@carbon/grid": "^11.20.0-rc.0",
"@carbon/layout": "^11.19.0"
},
"devDependencies": {
diff --git a/www/package.json b/www/package.json
index 8663241fdf59..e15b66366f10 100644
--- a/www/package.json
+++ b/www/package.json
@@ -1,7 +1,7 @@
{
"name": "www",
"private": true,
- "version": "0.46.0",
+ "version": "0.47.0-rc.0",
"license": "Apache-2.0",
"repository": {
"type": "git",
@@ -22,7 +22,7 @@
"start": "next start"
},
"dependencies": {
- "@carbon/react": "^1.37.0",
+ "@carbon/react": "^1.38.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 2519fd23d9fd..30b1079a3397 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1937,12 +1937,12 @@ __metadata:
dependencies:
"@carbon/cli": ^11.14.0
"@carbon/colors": ^11.19.0
- "@carbon/grid": ^11.19.0
- "@carbon/icons": ^11.26.0
+ "@carbon/grid": ^11.20.0-rc.0
+ "@carbon/icons": ^11.27.0-rc.0
"@carbon/layout": ^11.19.0
"@carbon/motion": ^11.15.0
- "@carbon/themes": ^11.24.0
- "@carbon/type": ^11.23.0
+ "@carbon/themes": ^11.25.0-rc.0
+ "@carbon/type": ^11.24.0-rc.0
fs-extra: ^11.0.0
klaw-sync: ^6.0.0
replace-in-file: ^7.0.0
@@ -1978,7 +1978,7 @@ __metadata:
languageName: node
linkType: hard
-"@carbon/grid@^11.19.0, @carbon/grid@workspace:packages/grid":
+"@carbon/grid@^11.20.0-rc.0, @carbon/grid@workspace:packages/grid":
version: 0.0.0-use.local
resolution: "@carbon/grid@workspace:packages/grid"
dependencies:
@@ -2032,13 +2032,13 @@ __metadata:
languageName: unknown
linkType: soft
-"@carbon/icons-react@^11.26.0, @carbon/icons-react@workspace:packages/icons-react":
+"@carbon/icons-react@^11.27.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": ^1.18.0
"@carbon/icon-helpers": ^10.44.0
- "@carbon/icons": ^11.26.0
+ "@carbon/icons": ^11.27.0-rc.0
"@carbon/telemetry": 0.1.0
prop-types: ^15.7.2
rimraf: ^5.0.0
@@ -2066,7 +2066,7 @@ __metadata:
dependencies:
"@carbon/cli-reporter": ^10.7.0
"@carbon/icon-helpers": ^10.44.0
- "@carbon/icons": ^11.26.0
+ "@carbon/icons": ^11.27.0-rc.0
fs-extra: ^11.0.0
prettier: ^2.8.8
rimraf: ^5.0.0
@@ -2075,7 +2075,7 @@ __metadata:
languageName: unknown
linkType: soft
-"@carbon/icons@^11.26.0, @carbon/icons@workspace:packages/icons":
+"@carbon/icons@^11.27.0-rc.0, @carbon/icons@workspace:packages/icons":
version: 0.0.0-use.local
resolution: "@carbon/icons@workspace:packages/icons"
dependencies:
@@ -2120,7 +2120,7 @@ __metadata:
dependencies:
"@carbon/icon-build-helpers": ^1.18.0
"@carbon/icon-helpers": ^10.44.0
- "@carbon/pictograms": ^12.22.0
+ "@carbon/pictograms": ^12.23.0-rc.0
"@carbon/telemetry": 0.1.0
prop-types: ^15.7.2
peerDependencies:
@@ -2128,7 +2128,7 @@ __metadata:
languageName: unknown
linkType: soft
-"@carbon/pictograms@^12.22.0, @carbon/pictograms@workspace:packages/pictograms":
+"@carbon/pictograms@^12.23.0-rc.0, @carbon/pictograms@workspace:packages/pictograms":
version: 0.0.0-use.local
resolution: "@carbon/pictograms@workspace:packages/pictograms"
dependencies:
@@ -2137,7 +2137,7 @@ __metadata:
languageName: unknown
linkType: soft
-"@carbon/react@^1.37.0, @carbon/react@workspace:packages/react":
+"@carbon/react@^1.38.0-rc.0, @carbon/react@workspace:packages/react":
version: 0.0.0-use.local
resolution: "@carbon/react@workspace:packages/react"
dependencies:
@@ -2151,12 +2151,12 @@ __metadata:
"@babel/preset-typescript": ^7.21.5
"@babel/runtime": ^7.18.3
"@carbon/feature-flags": ^0.16.0
- "@carbon/icons-react": ^11.26.0
+ "@carbon/icons-react": ^11.27.0-rc.0
"@carbon/layout": ^11.19.0
- "@carbon/styles": ^1.37.0
+ "@carbon/styles": ^1.38.0-rc.0
"@carbon/telemetry": 0.1.0
"@carbon/test-utils": ^10.30.0
- "@carbon/themes": ^11.24.0
+ "@carbon/themes": ^11.25.0-rc.0
"@rollup/plugin-babel": ^6.0.0
"@rollup/plugin-commonjs": ^25.0.0
"@rollup/plugin-node-resolve": ^15.0.0
@@ -2235,18 +2235,18 @@ __metadata:
languageName: unknown
linkType: soft
-"@carbon/styles@^1.37.0, @carbon/styles@workspace:packages/styles":
+"@carbon/styles@^1.38.0-rc.0, @carbon/styles@workspace:packages/styles":
version: 0.0.0-use.local
resolution: "@carbon/styles@workspace:packages/styles"
dependencies:
"@carbon/colors": ^11.19.0
"@carbon/feature-flags": ^0.16.0
- "@carbon/grid": ^11.19.0
+ "@carbon/grid": ^11.20.0-rc.0
"@carbon/layout": ^11.19.0
"@carbon/motion": ^11.15.0
"@carbon/test-utils": ^10.30.0
- "@carbon/themes": ^11.24.0
- "@carbon/type": ^11.23.0
+ "@carbon/themes": ^11.25.0-rc.0
+ "@carbon/type": ^11.24.0-rc.0
"@ibm/plex": 6.0.0-next.6
autoprefixer: ^10.4.7
browserslist-config-carbon: ^11.2.0
@@ -2289,7 +2289,7 @@ __metadata:
languageName: unknown
linkType: soft
-"@carbon/themes@^11.24.0, @carbon/themes@workspace:packages/themes":
+"@carbon/themes@^11.25.0-rc.0, @carbon/themes@workspace:packages/themes":
version: 0.0.0-use.local
resolution: "@carbon/themes@workspace:packages/themes"
dependencies:
@@ -2301,7 +2301,7 @@ __metadata:
"@carbon/layout": ^11.19.0
"@carbon/scss-generator": ^10.18.0
"@carbon/test-utils": ^10.30.0
- "@carbon/type": ^11.23.0
+ "@carbon/type": ^11.24.0-rc.0
change-case: ^4.1.1
color: ^4.0.0
core-js: ^3.16.0
@@ -2311,12 +2311,12 @@ __metadata:
languageName: unknown
linkType: soft
-"@carbon/type@^11.23.0, @carbon/type@workspace:packages/type":
+"@carbon/type@^11.24.0-rc.0, @carbon/type@workspace:packages/type":
version: 0.0.0-use.local
resolution: "@carbon/type@workspace:packages/type"
dependencies:
"@carbon/cli": ^11.14.0
- "@carbon/grid": ^11.19.0
+ "@carbon/grid": ^11.20.0-rc.0
"@carbon/layout": ^11.19.0
"@carbon/test-utils": ^10.30.0
change-case: ^4.1.1
@@ -10748,8 +10748,8 @@ __metadata:
"@babel/plugin-transform-react-constant-elements": ^7.17.12
"@babel/preset-env": ^7.18.2
"@babel/preset-react": ^7.17.12
- "@carbon/react": ^1.37.0
- "@carbon/styles": ^1.37.0
+ "@carbon/react": ^1.38.0-rc.0
+ "@carbon/styles": ^1.38.0-rc.0
"@carbon/telemetry": 0.1.0
"@carbon/test-utils": ^10.30.0
"@rollup/plugin-babel": ^6.0.0
@@ -10788,7 +10788,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "carbon-components@workspace:packages/carbon-components"
dependencies:
- "@carbon/styles": ^1.37.0
+ "@carbon/styles": ^1.38.0-rc.0
"@carbon/telemetry": 0.1.0
"@carbon/test-utils": ^10.30.0
chalk: 1.1.3
@@ -11152,7 +11152,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "class-prefix@workspace:examples/class-prefix"
dependencies:
- "@carbon/react": ^1.37.0
+ "@carbon/react": ^1.38.0-rc.0
"@vitejs/plugin-react": 4.0.0
react: ^18.2.0
react-dom: ^18.2.0
@@ -11474,7 +11474,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "codesandbox-styles@workspace:examples/codesandbox-styles"
dependencies:
- "@carbon/styles": ^1.37.0
+ "@carbon/styles": ^1.38.0-rc.0
sass: ^1.51.0
vite: ^4.3.8
languageName: unknown
@@ -11484,7 +11484,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "codesandbox-with-sass-compilation@workspace:examples/codesandbox-with-sass-compilation"
dependencies:
- "@carbon/react": ^1.37.0
+ "@carbon/react": ^1.38.0-rc.0
react: ^18.2.0
react-dom: ^18.2.0
react-scripts: 5.0.0
@@ -11496,7 +11496,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "codesandbox@workspace:examples/codesandbox"
dependencies:
- "@carbon/react": ^1.37.0
+ "@carbon/react": ^1.38.0-rc.0
react: ^18.2.0
react-dom: ^18.2.0
react-scripts: 5.0.0
@@ -12739,7 +12739,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "custom-theme@workspace:examples/custom-theme"
dependencies:
- "@carbon/react": ^1.37.0
+ "@carbon/react": ^1.38.0-rc.0
"@vitejs/plugin-react": 4.0.0
react: ^18.2.0
react-dom: ^18.2.0
@@ -15192,7 +15192,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "examples-light-dark@workspace:examples/light-dark-mode"
dependencies:
- "@carbon/react": ^1.37.0
+ "@carbon/react": ^1.38.0-rc.0
eslint: 8.40.0
next: 12.1.4
react: 18.2.0
@@ -15205,7 +15205,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "examples-nextjs@workspace:examples/nextjs"
dependencies:
- "@carbon/react": ^1.37.0
+ "@carbon/react": ^1.38.0-rc.0
eslint: 8.40.0
eslint-config-next: 13.4.7
next: 13.4.7
@@ -17557,7 +17557,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "id-prefix@workspace:examples/id-prefix"
dependencies:
- "@carbon/react": ^1.37.0
+ "@carbon/react": ^1.38.0-rc.0
"@vitejs/plugin-react": 4.0.0
react: ^18.2.0
react-dom: ^18.2.0
@@ -17694,7 +17694,7 @@ __metadata:
resolution: "incremental-migration-vite@workspace:examples/incremental-migration-vite"
dependencies:
"@carbon/icons-react": ^10.49.0
- "@carbon/react": ^1.37.0
+ "@carbon/react": ^1.38.0-rc.0
"@vitejs/plugin-react": 4.0.0
carbon-components: ^10.57.0
carbon-components-react: ^7.57.0
@@ -17711,7 +17711,7 @@ __metadata:
resolution: "incremental-migration@workspace:examples/incremental-migration"
dependencies:
"@carbon/icons-react": ^10.49.0
- "@carbon/react": ^1.37.0
+ "@carbon/react": ^1.38.0-rc.0
carbon-components: ^10.57.0
carbon-components-react: ^7.57.0
carbon-icons: ^7.0.7
@@ -25739,12 +25739,12 @@ __metadata:
languageName: node
linkType: hard
-"postcss-scss@npm:^4.0.2":
- version: 4.0.4
- resolution: "postcss-scss@npm:4.0.4"
+"postcss-scss@npm:^4.0.7":
+ version: 4.0.8
+ resolution: "postcss-scss@npm:4.0.8"
peerDependencies:
- postcss: ^8.3.3
- checksum: b4f240dd5eeb0c21738b673d9caf9a06b9a6db665a5b1c815ee4ca10c4c74a67c54f11cd5a4970dea98475cbb9e6d846e05dd3e48924189c2ecbf1f50cd44aa4
+ postcss: ^8.4.29
+ checksum: 7d3fa94faa0b3987e5ee6e9fd0d8d4004ea5e6823ef740d7a1d5331c52c4f9a19584df16b3581561870ed70b9fc27222e098eafb3bb296ac355ad26fd22d16da
languageName: node
linkType: hard
@@ -29594,7 +29594,7 @@ __metadata:
stylelint-config-idiomatic-order: ^8.1.0
stylelint-config-prettier: ^9.0.3
stylelint-config-standard: ^24.0.0
- stylelint-config-standard-scss: ^3.0.0
+ stylelint-config-standard-scss: ^11.0.0
stylelint-no-unsupported-browser-features: ^5.0.2
stylelint-order: ^5.0.0
stylelint-prettier: ^2.0.0
@@ -29628,16 +29628,29 @@ __metadata:
languageName: node
linkType: hard
-"stylelint-config-recommended-scss@npm:^5.0.2":
- version: 5.0.2
- resolution: "stylelint-config-recommended-scss@npm:5.0.2"
+"stylelint-config-recommended-scss@npm:^13.0.0":
+ version: 13.0.0
+ resolution: "stylelint-config-recommended-scss@npm:13.0.0"
dependencies:
- postcss-scss: ^4.0.2
- stylelint-config-recommended: ^6.0.0
- stylelint-scss: ^4.0.0
+ postcss-scss: ^4.0.7
+ stylelint-config-recommended: ^13.0.0
+ stylelint-scss: ^5.1.0
peerDependencies:
- stylelint: ^14.0.0
- checksum: e882bde8a0846c421e2662f9e7a9c2646120c492528f7ad715d927db6954b8a2499476de0792b15f0044217f72c81edc97afc640c5b4d7618a9f96dc7045e4c1
+ postcss: ^8.3.3
+ stylelint: ^15.10.0
+ peerDependenciesMeta:
+ postcss:
+ optional: true
+ checksum: 5cbb771d756861ff11ee6fa85b8a58041798df9886a7621a9157caab308c965eeda75d7c532f01b620f632c282e0e32597d942cd6f18239dca949c6b78280ba8
+ languageName: node
+ linkType: hard
+
+"stylelint-config-recommended@npm:^13.0.0":
+ version: 13.0.0
+ resolution: "stylelint-config-recommended@npm:13.0.0"
+ peerDependencies:
+ stylelint: ^15.10.0
+ checksum: a56eb6d1a7c7f3a7a172b54bc34218859ba22a5a06816fb4d0964f66cb83cf372062f2c97830e994ad68243548e15fc49abf28887c3261ab1b471b3aa69f8e82
languageName: node
linkType: hard
@@ -29650,15 +29663,19 @@ __metadata:
languageName: node
linkType: hard
-"stylelint-config-standard-scss@npm:^3.0.0":
- version: 3.0.0
- resolution: "stylelint-config-standard-scss@npm:3.0.0"
+"stylelint-config-standard-scss@npm:^11.0.0":
+ version: 11.0.0
+ resolution: "stylelint-config-standard-scss@npm:11.0.0"
dependencies:
- stylelint-config-recommended-scss: ^5.0.2
- stylelint-config-standard: ^24.0.0
+ stylelint-config-recommended-scss: ^13.0.0
+ stylelint-config-standard: ^34.0.0
peerDependencies:
- stylelint: ^14.0.0
- checksum: b9be47e256e28e8f3e31ca51de53fc48d688b264f74d870b97c553cb3f799f3003a458d521644efc4feda0a1345da4e82d0595cfcba540dbb253f12c645234a0
+ postcss: ^8.3.3
+ stylelint: ^15.10.0
+ peerDependenciesMeta:
+ postcss:
+ optional: true
+ checksum: b51102419a470478b201d5a584cc0d26a8207050bde091d99f29e56d9d3623bb765dd56dcc2a6eddbb1c7cfb5e4ef12a60506d60dd2a74d5f68f8751a2fc33de
languageName: node
linkType: hard
@@ -29673,6 +29690,17 @@ __metadata:
languageName: node
linkType: hard
+"stylelint-config-standard@npm:^34.0.0":
+ version: 34.0.0
+ resolution: "stylelint-config-standard@npm:34.0.0"
+ dependencies:
+ stylelint-config-recommended: ^13.0.0
+ peerDependencies:
+ stylelint: ^15.10.0
+ checksum: 536249800c04b48a9c354067765f042713982e8222be17bb897a27d26546e50adfb87e6f1e4541807d720de3554345da99ab470e13e8d7ab0ab326c73ae3df61
+ languageName: node
+ linkType: hard
+
"stylelint-no-unsupported-browser-features@npm:^5.0.2":
version: 5.0.2
resolution: "stylelint-no-unsupported-browser-features@npm:5.0.2"
@@ -29723,7 +29751,7 @@ __metadata:
languageName: node
linkType: hard
-"stylelint-scss@npm:^4.0.0, stylelint-scss@npm:^4.1.0":
+"stylelint-scss@npm:^4.1.0":
version: 4.1.0
resolution: "stylelint-scss@npm:4.1.0"
dependencies:
@@ -29738,6 +29766,20 @@ __metadata:
languageName: node
linkType: hard
+"stylelint-scss@npm:^5.1.0":
+ version: 5.1.0
+ resolution: "stylelint-scss@npm:5.1.0"
+ dependencies:
+ postcss-media-query-parser: ^0.2.3
+ postcss-resolve-nested-selector: ^0.1.1
+ postcss-selector-parser: ^6.0.13
+ postcss-value-parser: ^4.2.0
+ peerDependencies:
+ stylelint: ^14.5.1 || ^15.0.0
+ checksum: 9ddcb78cef194ff084890a96bcbb4ad056e5a9d795bf4d62f1244be89e1bdf8ff534b45a5fa77ca1a506ad5cd508f96749d77ff41df9d8846d2a10bd70ec96ca
+ languageName: node
+ linkType: hard
+
"stylelint-use-logical@npm:^2.1.0":
version: 2.1.0
resolution: "stylelint-use-logical@npm:2.1.0"
@@ -31633,7 +31675,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "v10-token-compat-in-v11@workspace:examples/v10-token-compat-in-v11"
dependencies:
- "@carbon/react": ^1.37.0
+ "@carbon/react": ^1.38.0-rc.0
"@vitejs/plugin-react": 4.0.0
react: ^18.2.0
react-dom: ^18.2.0
@@ -31937,7 +31979,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "vite@workspace:examples/vite"
dependencies:
- "@carbon/react": ^1.37.0
+ "@carbon/react": ^1.38.0-rc.0
"@vitejs/plugin-react": 4.0.0
react: ^18.2.0
react-dom: ^18.2.0
@@ -32861,7 +32903,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "www@workspace:www"
dependencies:
- "@carbon/react": ^1.37.0
+ "@carbon/react": ^1.38.0-rc.0
"@octokit/core": ^4.0.0
"@octokit/plugin-retry": ^3.0.9
"@octokit/plugin-throttling": ^4.0.0