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

package/lib/components/FormGroup/FormGroup.js

@@ -1,82 +1,60 @@
 /**
- * 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 FormGroup = ({
-  disabled = false,
-  legendId,
-  legendText,
-  invalid = false,
-  children,
-  className,
-  message = false,
-  messageText = '',
-  ...rest
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const classNamesFieldset = cx(`${prefix}--fieldset`, className);
-  return /*#__PURE__*/React.createElement("fieldset", _rollupPluginBabelHelpers.extends({
-    disabled: disabled
-  }, invalid && {
-    'data-invalid': ''
-  }, {
-    className: classNamesFieldset
-  }, rest, {
-    "aria-labelledby": rest['aria-labelledby'] || legendId
-  }), /*#__PURE__*/React.createElement("legend", {
-    className: `${prefix}--label`,
-    id: legendId || rest['aria-labelledby']
-  }, legendText), children, message ? /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--form__requirements`
-  }, messageText) : null);
+//#region src/components/FormGroup/FormGroup.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 FormGroup = ({ disabled = false, legendId, legendText, invalid = false, children, className, message = false, messageText = "", ...rest }) => {
+	const prefix = require_usePrefix.usePrefix();
+	const classNamesFieldset = (0, classnames.default)(`${prefix}--fieldset`, className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+		disabled,
+		...invalid && { "data-invalid": "" },
+		className: classNamesFieldset,
+		...rest,
+		"aria-labelledby": rest["aria-labelledby"] || legendId,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", {
+				className: `${prefix}--label`,
+				id: legendId || rest["aria-labelledby"],
+				children: legendText
+			}),
+			children,
+			message ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefix}--form__requirements`,
+				children: messageText
+			}) : null
+		]
+	});
 };
 FormGroup.propTypes = {
-  /**
-   * Provide the children form elements to be rendered inside of the <fieldset>
-   */
-  children: PropTypes.node,
-  /**
-   * Provide a custom className to be applied to the containing <fieldset> node
-   */
-  className: PropTypes.string,
-  /**
-   * Specify whether the FormGroup should be disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify whether the <FormGroup> is invalid
-   */
-  invalid: PropTypes.bool,
-  /**
-   * Provide id for the fieldset <legend> which corresponds to the fieldset
-   * `aria-labelledby`
-   */
-  legendId: PropTypes.node,
-  /**
-   * Provide the text to be rendered inside of the fieldset <legend>
-   */
-  legendText: PropTypes.node.isRequired,
-  /**
-   * Specify whether the message should be displayed in the <FormGroup>
-   */
-  message: PropTypes.bool,
-  /**
-   * Provide the text for the message in the <FormGroup>
-   */
-  messageText: PropTypes.string
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	disabled: prop_types.default.bool,
+	invalid: prop_types.default.bool,
+	legendId: prop_types.default.node,
+	legendText: prop_types.default.node.isRequired,
+	message: prop_types.default.bool,
+	messageText: prop_types.default.string
 };
 
-exports.default = FormGroup;
+//#endregion
+exports.default = FormGroup;

package/lib/components/FormItem/FormItem.js

@@ -1,40 +1,38 @@
 /**
- * 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');
-
-function FormItem({
-  className,
-  children,
-  ...rest
-}) {
-  const prefix = usePrefix.usePrefix();
-  const classNames = cx(`${prefix}--form-item`, className);
-  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
-    className: classNames
-  }, rest), children);
+//#region src/components/FormItem/FormItem.tsx
+/**
+* Copyright IBM Corp. 2016, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+function FormItem({ className, children, ...rest }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, classnames.default)(`${require_usePrefix.usePrefix()}--form-item`, className),
+		...rest,
+		children
+	});
 }
 FormItem.propTypes = {
-  /**
-   * Provide content to be rendered in the form item
-   */
-  children: PropTypes.node,
-  /**
-   * Provide a custom className to be applied to the containing node
-   */
-  className: PropTypes.string
+	children: prop_types.default.node,
+	className: prop_types.default.string
 };
 
-exports.default = FormItem;
+//#endregion
+exports.default = FormItem;

package/lib/components/FormLabel/FormLabel.js

@@ -1,49 +1,43 @@
 /**
- * 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_Text = require('../Text/Text.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 Text = require('../Text/Text.js');
-require('../Text/TextDirection.js');
-
-function FormLabel({
-  className: customClassName,
-  children,
-  id,
-  ...rest
-}) {
-  const prefix = usePrefix.usePrefix();
-  const className = cx(`${prefix}--label`, `${prefix}--label--no-margin`, customClassName);
-  return /*#__PURE__*/React.createElement(Text.Text, _rollupPluginBabelHelpers.extends({
-    as: "label",
-    htmlFor: id,
-    className: className
-  }, rest), children);
+//#region src/components/FormLabel/FormLabel.tsx
+/**
+* Copyright IBM Corp. 2016, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+function FormLabel({ className: customClassName, children, id, ...rest }) {
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+		as: "label",
+		htmlFor: id,
+		className: (0, classnames.default)(`${prefix}--label`, `${prefix}--label--no-margin`, customClassName),
+		...rest,
+		children
+	});
 }
 FormLabel.propTypes = {
-  /**
-   * Specify the content of the form label
-   */
-  children: PropTypes.node,
-  /**
-   * Provide a custom className to be applied to the containing <label> node
-   */
-  className: PropTypes.string,
-  /**
-   * Provide a unique id for the given <FormLabel>
-   */
-  id: PropTypes.string
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	id: prop_types.default.string
 };
 
-exports.default = FormLabel;
+//#endregion
+exports.default = FormLabel;

package/lib/components/Grid/CSSGrid.d.ts

@@ -1,5 +1,5 @@
 /**
- * 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.

package/lib/components/Grid/CSSGrid.js

@@ -1,144 +1,104 @@
 /**
- * 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_GridContext = require('./GridContext.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");
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var usePrefix = require('../../internal/usePrefix.js');
-var GridContext = require('./GridContext.js');
-
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const CSSGrid = /*#__PURE__*/React.forwardRef(({
-  align,
-  as,
-  children,
-  className: customClassName,
-  condensed = false,
-  fullWidth = false,
-  narrow = false,
-  ...rest
-}, ref) => {
-  const prefix = usePrefix.usePrefix();
-  const {
-    subgrid
-  } = GridContext.useGridSettings();
-  let mode = 'wide';
-  if (narrow) {
-    mode = 'narrow';
-  } else if (condensed) {
-    mode = 'condensed';
-  }
-  if (subgrid) {
-    return /*#__PURE__*/React.createElement(GridContext.GridSettings, {
-      mode: "css-grid",
-      subgrid: true
-    }, /*#__PURE__*/React.createElement(Subgrid, _rollupPluginBabelHelpers.extends({
-      ref: ref,
-      as: as,
-      className: customClassName,
-      mode: mode
-    }, rest), children));
-  }
-  const className = cx(customClassName, {
-    [`${prefix}--css-grid`]: true,
-    [`${prefix}--css-grid--condensed`]: mode === 'condensed',
-    [`${prefix}--css-grid--narrow`]: mode === 'narrow',
-    [`${prefix}--css-grid--full-width`]: fullWidth,
-    [`${prefix}--css-grid--start`]: align === 'start',
-    [`${prefix}--css-grid--end`]: align === 'end'
-  });
-
-  // cast as any to let TypeScript allow passing in attributes to base component
-  const BaseComponent = as || 'div';
-  return /*#__PURE__*/React.createElement(GridContext.GridSettings, {
-    mode: "css-grid",
-    subgrid: true
-  }, /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({
-    className: className,
-    ref: ref
-  }, rest), children));
+//#region src/components/Grid/CSSGrid.tsx
+/**
+* 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.
+*/
+const CSSGrid = react.default.forwardRef(({ align, as, children, className: customClassName, condensed = false, fullWidth = false, narrow = false, ...rest }, ref) => {
+	const prefix = require_usePrefix.usePrefix();
+	const { subgrid } = require_GridContext.useGridSettings();
+	let mode = "wide";
+	if (narrow) mode = "narrow";
+	else if (condensed) mode = "condensed";
+	if (subgrid) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_GridContext.GridSettings, {
+		mode: "css-grid",
+		subgrid: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Subgrid, {
+			ref,
+			as,
+			className: customClassName,
+			mode,
+			...rest,
+			children
+		})
+	});
+	const className = (0, classnames.default)(customClassName, {
+		[`${prefix}--css-grid`]: true,
+		[`${prefix}--css-grid--condensed`]: mode === "condensed",
+		[`${prefix}--css-grid--narrow`]: mode === "narrow",
+		[`${prefix}--css-grid--full-width`]: fullWidth,
+		[`${prefix}--css-grid--start`]: align === "start",
+		[`${prefix}--css-grid--end`]: align === "end"
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_GridContext.GridSettings, {
+		mode: "css-grid",
+		subgrid: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(as || "div", {
+			className,
+			ref,
+			...rest,
+			children
+		})
+	});
 });
 CSSGrid.propTypes = {
-  /**
-   * Provide a custom element to render instead of the default <div>
-   */
-  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  /**
-   * Specify grid alignment. Default is center
-   */
-  align: PropTypes.oneOf(['start', 'center', 'end']),
-  /**
-   * Pass in content that will be rendered within the `Grid`
-   */
-  children: PropTypes.node,
-  /**
-   * Specify a custom className to be applied to the `Grid`
-   */
-  className: PropTypes.string,
-  /**
-   * Collapse the gutter to 1px. Useful for fluid layouts.
-   * Rows have 1px of margin between them to match gutter.
-   */
-  condensed: PropTypes.bool,
-  /**
-   * Remove the default max width that the grid has set
-   */
-  fullWidth: PropTypes.bool,
-  /**
-   * Container hangs 16px into the gutter. Useful for
-   * typographic alignment with and without containers.
-   */
-  narrow: PropTypes.bool
+	as: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.elementType]),
+	align: prop_types.default.oneOf([
+		"start",
+		"center",
+		"end"
+	]),
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	condensed: prop_types.default.bool,
+	fullWidth: prop_types.default.bool,
+	narrow: prop_types.default.bool
 };
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const Subgrid = /*#__PURE__*/React.forwardRef(({
-  as,
-  className: customClassName,
-  children,
-  mode,
-  ...rest
-}, ref) => {
-  const prefix = usePrefix.usePrefix();
-  const className = cx(customClassName, {
-    [`${prefix}--subgrid`]: true,
-    [`${prefix}--subgrid--condensed`]: mode === 'condensed',
-    [`${prefix}--subgrid--narrow`]: mode === 'narrow',
-    [`${prefix}--subgrid--wide`]: mode === 'wide'
-  });
-  const BaseComponent = as || 'div';
-  return /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({}, rest, {
-    ref: ref,
-    className: className
-  }), children);
+const Subgrid = react.default.forwardRef(({ as, className: customClassName, children, mode, ...rest }, ref) => {
+	const prefix = require_usePrefix.usePrefix();
+	const className = (0, classnames.default)(customClassName, {
+		[`${prefix}--subgrid`]: true,
+		[`${prefix}--subgrid--condensed`]: mode === "condensed",
+		[`${prefix}--subgrid--narrow`]: mode === "narrow",
+		[`${prefix}--subgrid--wide`]: mode === "wide"
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(as || "div", {
+		...rest,
+		ref,
+		className,
+		children
+	});
 });
 Subgrid.propTypes = {
-  /**
-   * Provide a custom element to render instead of the default <div>
-   */
-  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  /**
-   * Pass in content that will be rendered within the `Subgrid`
-   */
-  children: PropTypes.node,
-  /**
-   * Specify a custom className to be applied to the `Subgrid`
-   */
-  className: PropTypes.string,
-  /**
-   * Specify the gutter mode for the subgrid
-   */
-  mode: PropTypes.oneOf(['wide', 'narrow', 'condensed'])
+	as: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.elementType]),
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	mode: prop_types.default.oneOf([
+		"wide",
+		"narrow",
+		"condensed"
+	])
 };
 const CSSGridComponent = CSSGrid;
 
-exports.CSSGrid = CSSGridComponent;
+//#endregion
+exports.CSSGridComponent = CSSGridComponent;