@carbon/react 1.76.0-rc.0 → 1.76.0

package/es/components/ComboBox/ComboBox.js

@@ -462,7 +462,8 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
           selectedItem: newSelectedItem
         });
       }
-      if (type === useCombobox.stateChangeTypes.FunctionSelectItem || type === useCombobox.stateChangeTypes.InputKeyDownEnter) {
+      if ((type === useCombobox.stateChangeTypes.FunctionSelectItem || type === useCombobox.stateChangeTypes.InputKeyDownEnter) && !isEqual(selectedItemProp, newSelectedItem) // Only fire if there's an actual change
+      ) {
         onChange({
           selectedItem: newSelectedItem
         });

package/es/components/FluidTextInput/FluidTextInput.d.ts

@@ -34,6 +34,14 @@ export interface FluidTextInputProps {
      * Specify whether the control is a password input
      */
     isPassword?: boolean;
+    /**
+     * Max character count allowed for the textInput. This is needed in order for enableCounter to display
+     */
+    maxCount?: number;
+    /**
+     * Specify whether to display the character counter
+     */
+    enableCounter?: boolean;
     /**
      * Provide the text that will be read by a screen reader when visiting this
      * control

package/es/components/FluidTextInput/FluidTextInput.js

@@ -67,6 +67,14 @@ FluidTextInput.propTypes = {
    * Specify whether the control is a password input
    */
   isPassword: PropTypes.bool,
+  /**
+   * Max character count allowed for the textInput. This is needed in order for enableCounter to display
+   */
+  maxCount: PropTypes.number,
+  /**
+   * Specify whether to display the character counter
+   */
+  enableCounter: PropTypes.bool,
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control

package/es/components/TextArea/TextArea.js

@@ -168,7 +168,8 @@ const TextArea = /*#__PURE__*/React__default.forwardRef((props, forwardRef) => {
     [`${prefix}--text-area--warn`]: warn
   });
   const counterClasses = cx(`${prefix}--label`, {
-    [`${prefix}--label--disabled`]: disabled
+    [`${prefix}--label--disabled`]: disabled,
+    [`${prefix}--text-area__label-counter`]: true
   });
   const helperTextClasses = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled

package/lib/components/ComboBox/ComboBox.js

@@ -473,7 +473,8 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
           selectedItem: newSelectedItem
         });
       }
-      if (type === Downshift.useCombobox.stateChangeTypes.FunctionSelectItem || type === Downshift.useCombobox.stateChangeTypes.InputKeyDownEnter) {
+      if ((type === Downshift.useCombobox.stateChangeTypes.FunctionSelectItem || type === Downshift.useCombobox.stateChangeTypes.InputKeyDownEnter) && !isEqual__default["default"](selectedItemProp, newSelectedItem) // Only fire if there's an actual change
+      ) {
         onChange({
           selectedItem: newSelectedItem
         });

package/lib/components/FluidTextInput/FluidTextInput.d.ts

@@ -34,6 +34,14 @@ export interface FluidTextInputProps {
      * Specify whether the control is a password input
      */
     isPassword?: boolean;
+    /**
+     * Max character count allowed for the textInput. This is needed in order for enableCounter to display
+     */
+    maxCount?: number;
+    /**
+     * Specify whether to display the character counter
+     */
+    enableCounter?: boolean;
     /**
      * Provide the text that will be read by a screen reader when visiting this
      * control

package/lib/components/FluidTextInput/FluidTextInput.js

@@ -77,6 +77,14 @@ FluidTextInput.propTypes = {
    * Specify whether the control is a password input
    */
   isPassword: PropTypes__default["default"].bool,
+  /**
+   * Max character count allowed for the textInput. This is needed in order for enableCounter to display
+   */
+  maxCount: PropTypes__default["default"].number,
+  /**
+   * Specify whether to display the character counter
+   */
+  enableCounter: PropTypes__default["default"].bool,
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control

package/lib/components/TextArea/TextArea.js

@@ -178,7 +178,8 @@ const TextArea = /*#__PURE__*/React__default["default"].forwardRef((props, forwa
     [`${prefix}--text-area--warn`]: warn
   });
   const counterClasses = cx__default["default"](`${prefix}--label`, {
-    [`${prefix}--label--disabled`]: disabled
+    [`${prefix}--label--disabled`]: disabled,
+    [`${prefix}--text-area__label-counter`]: true
   });
   const helperTextClasses = cx__default["default"](`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.76.0-rc.0",
+  "version": "1.76.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -51,9 +51,9 @@
   "dependencies": {
     "@babel/runtime": "^7.24.7",
     "@carbon/feature-flags": "^0.24.0",
-    "@carbon/icons-react": "^11.55.0-rc.0",
+    "@carbon/icons-react": "^11.55.0",
     "@carbon/layout": "^11.29.0",
-    "@carbon/styles": "^1.75.0-rc.0",
+    "@carbon/styles": "^1.75.0",
     "@floating-ui/react": "^0.26.0",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -145,5 +145,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "9cf96c5f68ef9216d1c73a5dfb7bdb3bd007b0c1"
+  "gitHead": "fd1b7ab668473833c250488e0f7fc4feb55f1d88"
 }