Merge branch 'main' into PasswordInput_readonly_state

Author: riddhybansal

.github/workflows/codeql-analysis.yml

@@ -24,9 +24,9 @@ jobs:
 
       # Initializes the CodeQL tools for scanning.
       - name: Initialize CodeQL
-        uses: github/codeql-action/init@afb54ba388a7dca6ecae48f608c4ff05ff4cc77a # v3.25.15
+        uses: github/codeql-action/init@eb055d739abdc2e8de2e5f4ba1a8b246daa779aa # v3.26.0
         with:
           languages: javascript
 
       - name: Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@afb54ba388a7dca6ecae48f608c4ff05ff4cc77a # v3.25.15
+        uses: github/codeql-action/analyze@eb055d739abdc2e8de2e5f4ba1a8b246daa779aa # v3.26.0

.yarn/cache/@figma-code-connect-npm-1.0.2-c160202f86-28de9e3070.zip

@@ -2,7 +2,7 @@
   "name": "jest-config-carbon",
   "private": true,
   "description": "Jest configuration and preset for Carbon",
-  "version": "1.13.0",
+  "version": "1.14.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {

.yarn/cache/@figma-code-connect-npm-1.0.4-5b7b3be79e-a412e63774.zip

@@ -1,15 +1,15 @@
 {
   "name": "class-prefix",
   "private": true,
-  "version": "0.60.0",
+  "version": "0.61.0-rc.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.63.0",
+    "@carbon/react": "^1.64.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

config/jest-config-carbon/package.json

@@ -1,7 +1,7 @@
 {
   "name": "codesandbox-styles",
   "private": true,
-  "version": "0.65.0",
+  "version": "0.66.0-rc.0",
   "type": "module",
   "scripts": {
     "dev": "vite"
@@ -11,6 +11,6 @@
     "vite": "^4.3.8"
   },
   "dependencies": {
-    "@carbon/styles": "^1.62.0"
+    "@carbon/styles": "^1.63.0-rc.0"
   }
 }

examples/class-prefix/package.json

@@ -1,15 +1,15 @@
 {
   "name": "custom-theme",
   "private": true,
-  "version": "0.61.0",
+  "version": "0.62.0-rc.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.63.0",
+    "@carbon/react": "^1.64.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

examples/codesandbox-styles/package.json

@@ -1,15 +1,15 @@
 {
   "name": "id-prefix",
   "private": true,
-  "version": "0.60.0",
+  "version": "0.61.0-rc.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.63.0",
+    "@carbon/react": "^1.64.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

examples/custom-theme/package.json

@@ -1,15 +1,15 @@
 {
   "name": "examples-light-dark",
   "private": true,
-  "version": "0.61.0",
+  "version": "0.62.0-rc.0",
   "scripts": {
     "build": "next build",
     "dev": "next dev",
     "lint": "next lint",
     "start": "next start"
   },
   "dependencies": {
-    "@carbon/react": "^1.63.0",
+    "@carbon/react": "^1.64.0-rc.0",
     "next": "14.1.1",
     "react": "18.2.0",
     "react-dom": "18.2.0"

examples/id-prefix/package.json

@@ -1,15 +1,15 @@
 {
   "name": "examples-nextjs",
   "private": true,
-  "version": "0.63.0",
+  "version": "0.64.0-rc.0",
   "scripts": {
     "build": "next build",
     "dev": "next dev",
     "lint": "next lint",
     "start": "next start"
   },
   "dependencies": {
-    "@carbon/react": "^1.63.0",
+    "@carbon/react": "^1.64.0-rc.0",
     "next": "14.1.1",
     "react": "18.2.0",
     "react-dom": "18.2.0"

examples/light-dark-mode/package.json

@@ -1,15 +1,15 @@
 {
   "name": "v10-token-compat-in-v11",
   "private": true,
-  "version": "0.61.0",
+  "version": "0.62.0-rc.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.63.0",
+    "@carbon/react": "^1.64.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

examples/nextjs/package.json

@@ -1,15 +1,15 @@
 {
   "name": "vite",
   "private": true,
-  "version": "0.61.0",
+  "version": "0.62.0-rc.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.63.0",
+    "@carbon/react": "^1.64.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

examples/v10-token-compat-in-v11/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.63.0",
+  "version": "8.64.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -42,8 +42,8 @@
     "sass": "^1.33.0"
   },
   "dependencies": {
-    "@carbon/react": "^1.63.0",
-    "@carbon/styles": "^1.62.0",
+    "@carbon/react": "^1.64.0-rc.0",
+    "@carbon/styles": "^1.63.0-rc.0",
     "@ibm/telemetry-js": "^1.5.0",
     "chalk": "1.1.3"
   },

examples/vite/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.62.0",
+  "version": "11.63.0-rc.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -43,7 +43,7 @@
     "sass": "^1.33.0"
   },
   "dependencies": {
-    "@carbon/styles": "^1.62.0",
+    "@carbon/styles": "^1.63.0-rc.0",
     "@ibm/telemetry-js": "^1.5.0",
     "chalk": "1.1.3"
   },

packages/carbon-components-react/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/elements",
   "description": "A collection of design elements in code for the IBM Design Language",
-  "version": "11.50.0",
+  "version": "11.51.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -40,7 +40,7 @@
   "dependencies": {
     "@carbon/colors": "^11.24.0",
     "@carbon/grid": "^11.25.0",
-    "@carbon/icons": "^11.46.0",
+    "@carbon/icons": "^11.47.0-rc.0",
     "@carbon/layout": "^11.24.0",
     "@carbon/motion": "^11.20.0",
     "@carbon/themes": "^11.38.0",

packages/carbon-components/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.46.0",
+  "version": "11.47.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.28.0",
-    "@carbon/icons": "^11.46.0",
+    "@carbon/icons": "^11.47.0-rc.0",
     "rimraf": "^5.0.0"
   },
   "sideEffects": false

packages/elements/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.95.0",
+  "version": "10.96.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -35,7 +35,7 @@
   },
   "devDependencies": {
     "@carbon/cli-reporter": "^10.7.0",
-    "@carbon/icons": "^11.46.0",
+    "@carbon/icons": "^11.47.0-rc.0",
     "fs-extra": "^11.0.0",
     "prettier": "^2.8.8",
     "rimraf": "^5.0.0",

packages/icons-react/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/icons",
   "description": "Icons for digital and software products using the Carbon Design System",
-  "version": "11.46.0",
+  "version": "11.47.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",

packages/icons-vue/package.json

@@ -0,0 +1,92 @@
+/**
+ * Copyright IBM Corp. 2016, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// @ts-nocheck
+import React from 'react';
+import { ComboBox, DropdownSkeleton } from '@carbon/react';
+import figma from '@figma/code-connect';
+
+figma.connect(
+  ComboBox,
+  'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=14032-290976&t=5acDGCinwyrs5Bbc-4',
+  {
+    props: {
+      placeholder: figma.string('Filter text'),
+      helperText: figma.boolean('Show helper', {
+        true: figma.string('Helper text'),
+      }),
+      size: figma.enum('Size', {
+        Large: 'lg',
+        Medium: 'md',
+        Small: 'sm',
+      }),
+      titleText: figma.string('Label text'),
+      hideLabel: figma.boolean('Show label', {
+        true: false,
+        false: true,
+      }),
+      readOnly: figma.enum('State', {
+        'Read-only': true,
+      }),
+      disabled: figma.enum('State', {
+        Disabled: true,
+      }),
+      invalid: figma.enum('State', {
+        Error: true,
+      }),
+      invalidText: figma.string('Error message'),
+      warn: figma.enum('State', {
+        Warning: true,
+      }),
+      warnText: figma.string('Warning message'),
+    },
+    example: ({ ...props }) => {
+      const items = [
+        {
+          id: 'option-0',
+          text: 'Option 0',
+        },
+        {
+          id: 'option-1',
+          text: 'Option 1',
+        },
+      ];
+
+      return (
+        <ComboBox
+          onChange={() => {}}
+          id="carbon-combobox"
+          items={items}
+          itemToString={(item) => (item ? item.text : '')}
+          {...props}
+        />
+      );
+    },
+  }
+);
+
+figma.connect(
+  DropdownSkeleton,
+  'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=14032-290976&t=5acDGCinwyrs5Bbc-4',
+  {
+    variant: { State: 'Skeleton' },
+    props: {
+      size: figma.enum('Size', {
+        Large: 'lg',
+        Medium: 'md',
+        Small: 'sm',
+      }),
+      hideLabel: figma.boolean('Show label', {
+        true: false,
+        false: true,
+      }),
+    },
+    example: ({ ...props }) => {
+      return <DropdownSkeleton {...props} />;
+    },
+  }
+);