@carbon/react 1.103.0 → 1.104.0-rc.0

package/es/components/Grid/FlexGrid.js

@@ -1,72 +1,52 @@
 /**
- * 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.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { GridSettings } from './GridContext.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { GridSettings } from "./GridContext.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const FlexGrid = /*#__PURE__*/React.forwardRef(({
-  as,
-  condensed = false,
-  narrow = false,
-  fullWidth = false,
-  className: containerClassName,
-  children,
-  ...rest
-}, ref) => {
-  const prefix = usePrefix();
-  const className = cx(containerClassName, {
-    [`${prefix}--grid`]: true,
-    [`${prefix}--grid--condensed`]: condensed,
-    [`${prefix}--grid--narrow`]: narrow,
-    [`${prefix}--grid--full-width`]: fullWidth
-  });
-  // cast as any to let TypeScript allow passing in attributes to base component
-  const BaseComponent = as || 'div';
-  return /*#__PURE__*/React.createElement(GridSettings, {
-    mode: "flexbox",
-    subgrid: false
-  }, /*#__PURE__*/React.createElement(BaseComponent, _extends({
-    className: className,
-    ref: ref
-  }, rest), children));
+//#region src/components/Grid/FlexGrid.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.
+*/
+const FlexGrid = React.forwardRef(({ as, condensed = false, narrow = false, fullWidth = false, className: containerClassName, children, ...rest }, ref) => {
+	const prefix = usePrefix();
+	const className = classNames(containerClassName, {
+		[`${prefix}--grid`]: true,
+		[`${prefix}--grid--condensed`]: condensed,
+		[`${prefix}--grid--narrow`]: narrow,
+		[`${prefix}--grid--full-width`]: fullWidth
+	});
+	return /* @__PURE__ */ jsx(GridSettings, {
+		mode: "flexbox",
+		subgrid: false,
+		children: /* @__PURE__ */ jsx(as || "div", {
+			className,
+			ref,
+			...rest,
+			children
+		})
+	});
 });
 FlexGrid.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 `FlexGrid`
-   */
-  children: PropTypes.node,
-  /**
-   * Specify a custom className to be applied to the `FlexGrid`
-   */
-  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: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+	children: PropTypes.node,
+	className: PropTypes.string,
+	condensed: PropTypes.bool,
+	fullWidth: PropTypes.bool,
+	narrow: PropTypes.bool
 };
 const FlexGridComponent = FlexGrid;
 
-export { FlexGridComponent as FlexGrid };
+//#endregion
+export { FlexGridComponent };

package/es/components/Grid/Grid.js

@@ -1,55 +1,42 @@
 /**
- * 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.
  */
 
-import PropTypes from 'prop-types';
-import React from 'react';
-import { useFeatureFlag } from '../FeatureFlags/index.js';
-import { CSSGrid as CSSGridComponent } from './CSSGrid.js';
-import { FlexGrid as FlexGridComponent } from './FlexGrid.js';
+import { useFeatureFlag } from "../FeatureFlags/index.js";
+import { FlexGridComponent } from "./FlexGrid.js";
+import { CSSGridComponent } from "./CSSGrid.js";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
+//#region src/components/Grid/Grid.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 Grid(props) {
-  const enableCSSGrid = useFeatureFlag('enable-css-grid');
-  if (enableCSSGrid) {
-    return /*#__PURE__*/React.createElement(CSSGridComponent, props);
-  }
-  return /*#__PURE__*/React.createElement(FlexGridComponent, props);
+	if (useFeatureFlag("enable-css-grid")) return /* @__PURE__ */ jsx(CSSGridComponent, { ...props });
+	return /* @__PURE__ */ jsx(FlexGridComponent, { ...props });
 }
 Grid.propTypes = {
-  /**
-   * Specify grid alignment. Default is center
-   */
-  align: PropTypes.oneOf(['start', 'center', 'end']),
-  /**
-   * 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 `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
+	align: PropTypes.oneOf([
+		"start",
+		"center",
+		"end"
+	]),
+	as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+	children: PropTypes.node,
+	className: PropTypes.string,
+	condensed: PropTypes.bool,
+	fullWidth: PropTypes.bool,
+	narrow: PropTypes.bool
 };
 const GridAsGridComponent = Grid;
 
-export { GridAsGridComponent as Grid };
+//#endregion
+export { GridAsGridComponent };

package/es/components/Grid/GridContext.js

@@ -1,58 +1,52 @@
 /**
- * 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.
  */
 
-import PropTypes from 'prop-types';
-import React from 'react';
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
+//#region src/components/Grid/GridContext.tsx
 /**
- * Provides a grid context for communication the grid "mode" (flexbox or
- * css-grid) along with subgrid information.
- */
-const GridSettingsContext = /*#__PURE__*/React.createContext({
-  mode: 'flexbox',
-  subgrid: false
+* 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.
+*/
+/**
+* Provides a grid context for communication the grid "mode" (flexbox or
+* css-grid) along with subgrid information.
+*/
+const GridSettingsContext = React.createContext({
+	mode: "flexbox",
+	subgrid: false
 });
-const GridSettings = ({
-  children,
-  mode,
-  subgrid = false
-}) => {
-  const value = React.useMemo(() => {
-    return {
-      mode,
-      subgrid
-    };
-  }, [mode, subgrid]);
-  return /*#__PURE__*/React.createElement(GridSettingsContext.Provider, {
-    value: value
-  }, children);
+const GridSettings = ({ children, mode, subgrid = false }) => {
+	const value = React.useMemo(() => {
+		return {
+			mode,
+			subgrid
+		};
+	}, [mode, subgrid]);
+	return /* @__PURE__ */ jsx(GridSettingsContext.Provider, {
+		value,
+		children
+	});
 };
-const gridModes = ['flexbox', 'css-grid'];
 GridSettings.propTypes = {
-  /**
-   * Pass in components which will be rendered within the `GridSettings`
-   * component
-   */
-  children: PropTypes.node,
-  /**
-   * Specify the gutter mode for the GridContext
-   */
-  mode: PropTypes.oneOf(gridModes).isRequired,
-  /**
-   * Specify whether subgrid should be enabled
-   */
-  subgrid: PropTypes.bool
+	children: PropTypes.node,
+	mode: PropTypes.oneOf(["flexbox", "css-grid"]).isRequired,
+	subgrid: PropTypes.bool
 };
-
 /**
- * Helper function for accessing the GridContext value
- */
+* Helper function for accessing the GridContext value
+*/
 const useGridSettings = () => {
-  return React.useContext(GridSettingsContext);
+	return React.useContext(GridSettingsContext);
 };
 
-export { GridSettings, useGridSettings };
+//#endregion
+export { GridSettings, useGridSettings };

package/es/components/Grid/Row.js

@@ -1,60 +1,42 @@
 /**
- * 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.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { usePrefix } from '../../internal/usePrefix.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-function Row({
-  as: BaseComponent = 'div',
-  condensed = false,
-  narrow = false,
-  className: containerClassName,
-  children,
-  ...rest
-}) {
-  const prefix = usePrefix();
-  const className = cx(containerClassName, {
-    [`${prefix}--row`]: true,
-    [`${prefix}--row--condensed`]: condensed,
-    [`${prefix}--row--narrow`]: narrow
-  });
-  // TypeScript type validation reports conflicts on different instances of keyof JSX.IntrinsicElements
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-  const BaseComponentAsAny = BaseComponent;
-  return /*#__PURE__*/React.createElement(BaseComponentAsAny, _extends({
-    className: className
-  }, rest), children);
+//#region src/components/Grid/Row.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 Row({ as: BaseComponent = "div", condensed = false, narrow = false, className: containerClassName, children, ...rest }) {
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsx(BaseComponent, {
+		className: classNames(containerClassName, {
+			[`${prefix}--row`]: true,
+			[`${prefix}--row--condensed`]: condensed,
+			[`${prefix}--row--narrow`]: narrow
+		}),
+		...rest,
+		children
+	});
 }
 Row.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 `Row`
-   */
-  children: PropTypes.node,
-  /**
-   * Specify a custom className to be applied to the `Row`
-   */
-  className: PropTypes.string,
-  /**
-   * Specify a single row as condensed.Rows that are adjacent
-   * and are condensed will have 2px of margin between them to match gutter.
-   */
-  condensed: PropTypes.bool,
-  /**
-   * Specify a single row as narrow. The container will hang
-   * 16px into the gutter.
-   */
-  narrow: PropTypes.bool
+	as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+	children: PropTypes.node,
+	className: PropTypes.string,
+	condensed: PropTypes.bool,
+	narrow: PropTypes.bool
 };
 
-export { Row as default };
+//#endregion
+export { Row as default };

package/es/components/Heading/index.js

@@ -1,65 +1,50 @@
 /**
- * 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.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React from 'react';
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-const HeadingContext = /*#__PURE__*/React.createContext(1);
-const Section = /*#__PURE__*/React.forwardRef(function Section({
-  as: BaseComponent = 'section',
-  level: levelOverride,
-  ...rest
-}, ref) {
-  const parentLevel = React.useContext(HeadingContext);
-  const level = levelOverride ?? parentLevel + 1;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-  const BaseComponentAsAny = BaseComponent;
-  return /*#__PURE__*/React.createElement(HeadingContext.Provider, {
-    value: Math.min(level, 6)
-  }, /*#__PURE__*/React.createElement(BaseComponentAsAny, _extends({
-    ref: ref
-  }, rest)));
+//#region src/components/Heading/index.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.
+*/
+const HeadingContext = React.createContext(1);
+const Section = React.forwardRef(function Section({ as: BaseComponent = "section", level: levelOverride, ...rest }, ref) {
+	const parentLevel = React.useContext(HeadingContext);
+	const level = levelOverride ?? parentLevel + 1;
+	const BaseComponentAsAny = BaseComponent;
+	return /* @__PURE__ */ jsx(HeadingContext.Provider, {
+		value: Math.min(level, 6),
+		children: /* @__PURE__ */ jsx(BaseComponentAsAny, {
+			ref,
+			...rest
+		})
+	});
 });
 Section.propTypes = {
-  /**
-   * Provide an alternative tag or component to use instead of the default
-   * <section> element
-   */
-  as: PropTypes.elementType,
-  /**
-   * Specify the content that will be placed in the component
-   */
-  children: PropTypes.node,
-  /**
-   * Specify a class name for the outermost node of the component
-   */
-  className: PropTypes.string,
-  /**
-   * Overrides the level of the section
-   */
-  level: PropTypes.number
+	as: PropTypes.elementType,
+	children: PropTypes.node,
+	className: PropTypes.string,
+	level: PropTypes.number
 };
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const Heading = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const HeadingIntrinsic = `h${React.useContext(HeadingContext)}`;
-  return /*#__PURE__*/React.createElement(HeadingIntrinsic, _extends({
-    ref: ref
-  }, props));
+const Heading = React.forwardRef((props, ref) => {
+	return /* @__PURE__ */ jsx(`h${React.useContext(HeadingContext)}`, {
+		ref,
+		...props
+	});
 });
 Heading.propTypes = {
-  /**
-   * Specify the content that will be placed in the component
-   */
-  children: PropTypes.node,
-  /**
-   * Specify a class name for the outermost node of the component
-   */
-  className: PropTypes.string
+	children: PropTypes.node,
+	className: PropTypes.string
 };
 
-export { Heading, Section };
+//#endregion
+export { Heading, Section };

package/es/components/Icon/Icon.Skeleton.js

@@ -1,30 +1,30 @@
 /**
- * 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.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React from 'react';
-import cx from 'classnames';
-import { usePrefix } from '../../internal/usePrefix.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-const IconSkeleton = ({
-  className,
-  ...rest
-}) => {
-  const prefix = usePrefix();
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cx(`${prefix}--icon--skeleton`, className)
-  }, rest));
-};
-IconSkeleton.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string
+//#region src/components/Icon/Icon.Skeleton.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.
+*/
+const IconSkeleton = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: classNames(`${usePrefix()}--icon--skeleton`, className),
+		...rest
+	});
 };
+IconSkeleton.propTypes = { className: PropTypes.string };
 
-export { IconSkeleton };
+//#endregion
+export { IconSkeleton as default };