@carbon/react 1.103.0-rc.0 → 1.104.0-rc.0

package/lib/components/FluidNumberInput/FluidNumberInput.Skeleton.js

@@ -1,43 +1,40 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_FormContext = require('../FluidForm/FormContext.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-var FormContext = require('../FluidForm/FormContext.js');
-
-const FluidNumberInputSkeleton = ({
-  className,
-  ...other
-}) => {
-  const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
-    value: {
-      isFluid: true
-    }
-  }, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
-    className: cx(`${prefix}--form-item ${prefix}--text-input--fluid__skeleton`, className)
-  }, other), /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--skeleton ${prefix}--text-input`
-  })));
-};
-FluidNumberInputSkeleton.propTypes = {
-  /**
-   * Specify an optional className to be applied to the outer FluidForm wrapper
-   */
-  className: PropTypes.string
+//#region src/components/FluidNumberInput/FluidNumberInput.Skeleton.tsx
+/**
+* Copyright IBM Corp. 2016, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const FluidNumberInputSkeleton = ({ className, ...other }) => {
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormContext.FormContext.Provider, {
+		value: { isFluid: true },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: (0, classnames.default)(`${prefix}--form-item ${prefix}--text-input--fluid__skeleton`, className),
+			...other,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: `${prefix}--label ${prefix}--skeleton` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: `${prefix}--skeleton ${prefix}--text-input` })]
+		})
+	});
 };
+FluidNumberInputSkeleton.propTypes = { className: prop_types.default.string };
 
-exports.default = FluidNumberInputSkeleton;
+//#endregion
+exports.default = FluidNumberInputSkeleton;

package/lib/components/FluidNumberInput/FluidNumberInput.js

@@ -1,162 +1,78 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_FormContext = require('../FluidForm/FormContext.js');
+const require_NumberFormatPropTypes = require('../NumberInput/NumberFormatPropTypes.js');
+const require_NumberInput = require('../NumberInput/NumberInput.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-require('../NumberInput/NumberInput.Skeleton.js');
-var NumberInput = require('../NumberInput/NumberInput.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var FormContext = require('../FluidForm/FormContext.js');
-var NumberFormatPropTypes = require('../NumberInput/NumberFormatPropTypes.js');
-
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const FluidNumberInput = /*#__PURE__*/React.forwardRef(({
-  className,
-  ...other
-}, ref) => {
-  const prefix = usePrefix.usePrefix();
-  const classNames = cx(`${prefix}--number-input--fluid`, className);
-  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
-    value: {
-      isFluid: true
-    }
-  }, /*#__PURE__*/React.createElement(NumberInput.NumberInput, _rollupPluginBabelHelpers.extends({
-    ref: ref,
-    className: classNames
-  }, other)));
+//#region src/components/FluidNumberInput/FluidNumberInput.tsx
+/**
+* Copyright IBM Corp. 2022, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const FluidNumberInput = react.default.forwardRef(({ className, ...other }, ref) => {
+	const classNames = (0, classnames.default)(`${require_usePrefix.usePrefix()}--number-input--fluid`, className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormContext.FormContext.Provider, {
+		value: { isFluid: true },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_NumberInput.NumberInput, {
+			ref,
+			className: classNames,
+			...other
+		})
+	});
 });
 FluidNumberInput.propTypes = {
-  /**
-   * `true` to allow empty string.
-   */
-  allowEmpty: PropTypes.bool,
-  /**
-   * Specify an optional className to be applied to the wrapper node
-   */
-  className: PropTypes.string,
-  /**
-   * Optional starting value for uncontrolled state
-   */
-  defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * Specify if the wheel functionality for the input should be disabled, or not
-   */
-  disableWheel: PropTypes.bool,
-  /**
-   * Specify if the control should be disabled, or not
-   */
-  disabled: PropTypes.bool,
-  /**
-   * **Experimental:** Specify Intl.NumberFormat options applied to internal
-   * number parsing and formatting. Use with `type="text"`, has no effect when
-   * `type="number"`.
-   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options
-   */
-  formatOptions: NumberFormatPropTypes.NumberFormatOptionsPropType,
-  /**
-   * Provide a description for up/down icons that can be read by screen readers
-   */
-  iconDescription: PropTypes.string,
-  /**
-   * Specify a custom `id` for the input
-   */
-  id: PropTypes.string.isRequired,
-  /**
-   * Instruct the browser which keyboard to display on mobile devices. Defaults
-   * to `decimal`, but note that standard numeric keyboards vary across devices
-   * and operating systems.
-   * @see https://css-tricks.com/everything-you-ever-wanted-to-know-about-inputmode/
-   */
-  inputMode: PropTypes.oneOf(['none', 'text', 'tel', 'url', 'email', 'numeric', 'decimal', 'search']),
-  /**
-   * Specify if the currently value is invalid.
-   */
-  invalid: PropTypes.bool,
-  /**
-   * Message which is displayed if the value is invalid.
-   */
-  invalidText: PropTypes.node,
-  /**
-   * Generic `label` that will be used as the textual representation of what
-   * this field is for
-   */
-  label: PropTypes.node,
-  /**
-   * **Experimental:** Specify a [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt)
-   * language code for parsing and formatting. Use with `type="text"`, has no
-   * effect when `type="number"`.
-   */
-  locale: PropTypes.string,
-  /**
-   * The maximum value.
-   */
-  max: PropTypes.number,
-  /**
-   * The minimum value.
-   */
-  min: PropTypes.number,
-  /**
-   * Provide an optional handler that is called when the internal state of
-   * NumberInput changes. This handler is called with event and state info.
-   * When type="number", this is called on every change of the input.
-   * When type="text", this is only called on blur after the number has been
-   * parsed and formatted.
-   * `(event, { value, direction }) => void`
-   */
-  onChange: PropTypes.func,
-  /**
-   * Provide an optional function to be called when the up/down button is clicked
-   */
-  onClick: PropTypes.func,
-  /**
-   * Provide an optional function to be called when a key is pressed in the number input
-   */
-  onKeyUp: PropTypes.func,
-  /**
-   * When type="text", provide an optional pattern to restrict user input. Has
-   * no effect when type="number".
-   */
-  pattern: PropTypes.string,
-  /**
-   * Specify how much the values should increase/decrease upon clicking on up/down button
-   */
-  step: PropTypes.number,
-  /**
-   * Translates component strings using your i18n tool.
-   */
-  translateWithId: PropTypes.func,
-  /**
-   * **Experimental**: Specify if the input should be of type text or number.
-   * Use type="text" with `locale`, `formatOptions`, and guide user input with
-   * `pattern` and `inputMode`.
-   */
-  type: PropTypes.oneOf(['number', 'text']),
-  /**
-   * Specify the value of the input
-   */
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * Specify whether the control is currently in warning state
-   */
-  warn: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the control is in warning state
-   */
-  warnText: PropTypes.node,
-  /**
-   * Whether or not the component is readonly
-   */
-  readOnly: PropTypes.bool
+	allowEmpty: prop_types.default.bool,
+	className: prop_types.default.string,
+	defaultValue: prop_types.default.oneOfType([prop_types.default.number, prop_types.default.string]),
+	disableWheel: prop_types.default.bool,
+	disabled: prop_types.default.bool,
+	formatOptions: require_NumberFormatPropTypes.NumberFormatOptionsPropType,
+	iconDescription: prop_types.default.string,
+	id: prop_types.default.string.isRequired,
+	inputMode: prop_types.default.oneOf([
+		"none",
+		"text",
+		"tel",
+		"url",
+		"email",
+		"numeric",
+		"decimal",
+		"search"
+	]),
+	invalid: prop_types.default.bool,
+	invalidText: prop_types.default.node,
+	label: prop_types.default.node,
+	locale: prop_types.default.string,
+	max: prop_types.default.number,
+	min: prop_types.default.number,
+	onChange: prop_types.default.func,
+	onClick: prop_types.default.func,
+	onKeyUp: prop_types.default.func,
+	pattern: prop_types.default.string,
+	step: prop_types.default.number,
+	translateWithId: prop_types.default.func,
+	type: prop_types.default.oneOf(["number", "text"]),
+	value: prop_types.default.oneOfType([prop_types.default.number, prop_types.default.string]),
+	warn: prop_types.default.bool,
+	warnText: prop_types.default.node,
+	readOnly: prop_types.default.bool
 };
 
-exports.default = FluidNumberInput;
+//#endregion
+exports.default = FluidNumberInput;

package/lib/components/FluidSearch/FluidSearch.Skeleton.js

@@ -1,43 +1,40 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_FormContext = require('../FluidForm/FormContext.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-var FormContext = require('../FluidForm/FormContext.js');
-
-const FluidSearchSkeleton = ({
-  className,
-  ...other
-}) => {
-  const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
-    value: {
-      isFluid: true
-    }
-  }, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
-    className: cx(`${prefix}--form-item ${prefix}--text-input--fluid__skeleton`, className)
-  }, other), /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--skeleton ${prefix}--text-input`
-  })));
-};
-FluidSearchSkeleton.propTypes = {
-  /**
-   * Specify an optional className to be applied to the outer FluidForm wrapper
-   */
-  className: PropTypes.string
+//#region src/components/FluidSearch/FluidSearch.Skeleton.tsx
+/**
+* Copyright IBM Corp. 2016, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const FluidSearchSkeleton = ({ className, ...other }) => {
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormContext.FormContext.Provider, {
+		value: { isFluid: true },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: (0, classnames.default)(`${prefix}--form-item ${prefix}--text-input--fluid__skeleton`, className),
+			...other,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: `${prefix}--label ${prefix}--skeleton` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: `${prefix}--skeleton ${prefix}--text-input` })]
+		})
+	});
 };
+FluidSearchSkeleton.propTypes = { className: prop_types.default.string };
 
-exports.default = FluidSearchSkeleton;
+//#endregion
+exports.default = FluidSearchSkeleton;

package/lib/components/FluidSearch/FluidSearch.js

@@ -1,99 +1,56 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_FormContext = require('../FluidForm/FormContext.js');
+const require_index = require('../Search/index.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var Search = require('../Search/Search.js');
-require('../Search/Search.Skeleton.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var FormContext = require('../FluidForm/FormContext.js');
-
-const frFn = React.forwardRef;
-const FluidSearch = frFn(({
-  className,
-  ...other
-}, ref) => {
-  const prefix = usePrefix.usePrefix();
-  const classNames = cx(`${prefix}--search--fluid`, className);
-  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
-    value: {
-      isFluid: true
-    }
-  }, /*#__PURE__*/React.createElement(Search.default, _rollupPluginBabelHelpers.extends({
-    ref: ref,
-    className: classNames
-  }, other)));
+//#region src/components/FluidSearch/FluidSearch.tsx
+/**
+* Copyright IBM Corp. 2022, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const FluidSearch = (0, react.forwardRef)(({ className, ...other }, ref) => {
+	const classNames = (0, classnames.default)(`${require_usePrefix.usePrefix()}--search--fluid`, className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormContext.FormContext.Provider, {
+		value: { isFluid: true },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+			ref,
+			className: classNames,
+			...other
+		})
+	});
 });
 FluidSearch.propTypes = {
-  /**
-   * Specify an optional value for the `autocomplete` property on the underlying
-   * `<input>`, defaults to "off"
-   */
-  autoComplete: PropTypes.string,
-  /**
-   * Specify an optional className to be applied to the container node
-   */
-  className: PropTypes.string,
-  /**
-   * Specify a label to be read by screen readers on the "close" button
-   */
-  closeButtonLabelText: PropTypes.string,
-  /**
-   * Optionally provide the default value of the `<input>`
-   */
-  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * Specify whether the `<input>` should be disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify a custom `id` for the input
-   */
-  id: PropTypes.string,
-  /**
-   * Provide the label text for the Search icon
-   */
-  labelText: PropTypes.node.isRequired,
-  /**
-   * Optional callback called when the search value changes.
-   */
-  onChange: PropTypes.func,
-  /**
-   * Optional callback called when the search value is cleared.
-   */
-  onClear: PropTypes.func,
-  /**
-   * Provide a handler that is invoked on the key down event for the input
-   */
-  onKeyDown: PropTypes.func,
-  /**
-   * Provide an optional placeholder text for the Search.
-   * Note: if the label and placeholder differ,
-   * VoiceOver on Mac will read both
-   */
-  placeholder: PropTypes.string,
-  /**
-   * Specify the role for the underlying `<input>`, defaults to `searchbox`
-   */
-  role: PropTypes.string,
-  /**
-   * Optional prop to specify the type of the `<input>`
-   */
-  type: PropTypes.string,
-  /**
-   * Specify the value of the `<input>`
-   */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+	autoComplete: prop_types.default.string,
+	className: prop_types.default.string,
+	closeButtonLabelText: prop_types.default.string,
+	defaultValue: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number]),
+	disabled: prop_types.default.bool,
+	id: prop_types.default.string,
+	labelText: prop_types.default.node.isRequired,
+	onChange: prop_types.default.func,
+	onClear: prop_types.default.func,
+	onKeyDown: prop_types.default.func,
+	placeholder: prop_types.default.string,
+	role: prop_types.default.string,
+	type: prop_types.default.string,
+	value: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number])
 };
 
-exports.default = FluidSearch;
+//#endregion
+exports.default = FluidSearch;

package/lib/components/FluidSelect/FluidSelect.Skeleton.js

@@ -1,41 +1,39 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-
-const FluidSelectSkeleton = ({
-  className,
-  ...rest
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const wrapperClasses = cx(className, `${prefix}--list-box__wrapper--fluid`);
-  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
-    className: wrapperClasses
-  }, rest), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--skeleton ${prefix}--list-box`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--list-box__label`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--list-box__field`
-  })));
-};
-FluidSelectSkeleton.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string
+//#region src/components/FluidSelect/FluidSelect.Skeleton.tsx
+/**
+* Copyright IBM Corp. 2022, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const FluidSelectSkeleton = ({ className, ...rest }) => {
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, classnames.default)(className, `${prefix}--list-box__wrapper--fluid`),
+		...rest,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: `${prefix}--skeleton ${prefix}--list-box`,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: `${prefix}--list-box__label` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: `${prefix}--list-box__field` })]
+		})
+	});
 };
+FluidSelectSkeleton.propTypes = { className: prop_types.default.string };
 
-exports.default = FluidSelectSkeleton;
+//#endregion
+exports.default = FluidSelectSkeleton;