@carbon/react 1.103.0 → 1.104.0-rc.0

package/lib/components/Layer/index.js

@@ -1,83 +1,73 @@
 /**
- * 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';
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var PropTypes = require('prop-types');
-var cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-var LayerContext = require('./LayerContext.js');
-var LayerLevel = require('./LayerLevel.js');
-var clamp = require('../../internal/clamp.js');
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_LayerContext = require('./LayerContext.js');
+const require_LayerLevel = require('./LayerLevel.js');
+const require_clamp = require('../../internal/clamp.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");
 
+//#region src/components/Layer/index.tsx
 /**
- * A custom hook that will return information about the current layer. A common
- * field to pull from this is the `level` for the layer that the component that
- * calls this hook is currently in
- */
+* 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.
+*/
+/**
+* A custom hook that will return information about the current layer. A common
+* field to pull from this is the `level` for the layer that the component that
+* calls this hook is currently in
+*/
 function useLayer() {
-  const level = React.useContext(LayerContext.LayerContext);
-  return {
-    level
-  };
+	return { level: react.default.useContext(require_LayerContext.LayerContext) };
 }
-const Layer = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-    as,
-    className: customClassName,
-    children,
-    level: overrideLevel,
-    withBackground = false,
-    ...rest
-  } = props;
-  const contextLevel = React.useContext(LayerContext.LayerContext);
-  const level = overrideLevel ?? contextLevel;
-  const prefix = usePrefix.usePrefix();
-  const className = cx(`${prefix}--layer-${LayerLevel.levels[level]}`, {
-    [`${prefix}--layer__with-background`]: withBackground
-  }, customClassName);
-  // The level should be between MIN_LEVEL and MAX_LEVEL
-  const value = clamp.clamp(level + 1, LayerLevel.MIN_LEVEL, LayerLevel.MAX_LEVEL);
-  const BaseComponent = as || 'div';
-  return /*#__PURE__*/React.createElement(LayerContext.LayerContext.Provider, {
-    value: value
-  }, /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({
-    ref: ref
-  }, rest, {
-    className: className
-  }), children));
+const Layer = react.default.forwardRef((props, ref) => {
+	const { as, className: customClassName, children, level: overrideLevel, withBackground = false, ...rest } = props;
+	const contextLevel = react.default.useContext(require_LayerContext.LayerContext);
+	const level = overrideLevel ?? contextLevel;
+	const prefix = require_usePrefix.usePrefix();
+	const className = (0, classnames.default)(`${prefix}--layer-${require_LayerLevel.levels[level]}`, { [`${prefix}--layer__with-background`]: withBackground }, customClassName);
+	const value = require_clamp.clamp(level + 1, require_LayerLevel.MIN_LEVEL, require_LayerLevel.MAX_LEVEL);
+	const BaseComponent = as || "div";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LayerContext.LayerContext.Provider, {
+		value,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseComponent, {
+			ref,
+			...rest,
+			className,
+			children
+		})
+	});
 });
-Layer.displayName = 'Layer';
+Layer.displayName = "Layer";
 Layer.propTypes = {
-  /**
-   * Specify a custom component or element to be rendered as the top-level
-   * element in the component
-   */
-  as: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.elementType]),
-  /**
-   * Provide child elements to be rendered inside of `Theme`
-   */
-  children: PropTypes.node,
-  /**
-   * Provide a custom class name to be used on the outermost element rendered by
-   * the component
-   */
-  className: PropTypes.string,
-  /**
-   * Specify the layer level and override any existing levels based on hierarchy
-   */
-  level: PropTypes.oneOf([0, 1, 2]),
-  /**
-   * Applies a css background-color set to $layer-background
-   */
-  withBackground: PropTypes.bool
+	as: prop_types.default.oneOfType([
+		prop_types.default.func,
+		prop_types.default.string,
+		prop_types.default.elementType
+	]),
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	level: prop_types.default.oneOf([
+		0,
+		1,
+		2
+	]),
+	withBackground: prop_types.default.bool
 };
 
+//#endregion
 exports.Layer = Layer;
-exports.useLayer = useLayer;
+exports.useLayer = useLayer;

package/lib/components/Layout/index.js

@@ -1,127 +1,97 @@
 /**
- * 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';
-
-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');
-
-const sizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'];
-const densities = ['condensed', 'normal'];
+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");
 
+//#region src/components/Layout/index.tsx
 /**
- * Density of components within this layout
- */
-
-/**
- * Size of components within this layout
- */
-
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const Layout = /*#__PURE__*/React.forwardRef(({
-  as: BaseComponent = 'div',
-  children,
-  className,
-  density,
-  size,
-  ...rest
-}, forwardRef) => {
-  const prefix = usePrefix.usePrefix();
-  const classes = cx(className, `${prefix}--layout`, {
-    [`${prefix}--layout--size-${size}`]: size && sizes.includes(size),
-    [`${prefix}--layout--density-${density}`]: density && densities.includes(density)
-  });
-  return /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({}, rest, {
-    ref: forwardRef,
-    className: classes
-  }), children);
+* Copyright IBM Corp. 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 sizes = [
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"2xl"
+];
+const densities = ["condensed", "normal"];
+const Layout = react.default.forwardRef(({ as: BaseComponent = "div", children, className, density, size, ...rest }, forwardRef) => {
+	const prefix = require_usePrefix.usePrefix();
+	const classes = (0, classnames.default)(className, `${prefix}--layout`, {
+		[`${prefix}--layout--size-${size}`]: size && sizes.includes(size),
+		[`${prefix}--layout--density-${density}`]: density && densities.includes(density)
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseComponent, {
+		...rest,
+		ref: forwardRef,
+		className: classes,
+		children
+	});
 });
 Layout.propTypes = {
-  /**
-   * Specify a custom component or element to be rendered as the top-level
-   * element in the component
-   */
-  as: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.elementType]),
-  /**
-   * Provide child elements to be rendered inside of `Layout`
-   */
-  children: PropTypes.node,
-  /**
-   * Provide a custom class name to be used on the outermost element rendered by
-   * the component
-   */
-  className: PropTypes.string,
-  /**
-   * Specify the desired density of components within this layout
-   */
-  density: PropTypes.oneOf(densities),
-  /**
-   * Specify the desired size of components within this layout
-   */
-  size: PropTypes.oneOf(sizes)
+	as: prop_types.default.oneOfType([
+		prop_types.default.func,
+		prop_types.default.string,
+		prop_types.default.elementType
+	]),
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	density: prop_types.default.oneOf(densities),
+	size: prop_types.default.oneOf(sizes)
 };
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const LayoutConstraint = /*#__PURE__*/React.forwardRef(({
-  as: BaseComponent = 'div',
-  children,
-  className,
-  density,
-  size,
-  ...rest
-}, forwardRef) => {
-  const prefix = usePrefix.usePrefix();
-  const classes = cx(className, Object.entries({
-    size,
-    density
-  }).map(([group, constraints]) => ({
-    [`${prefix}--layout-constraint--${group}__default-${constraints?.default}`]: constraints?.default,
-    [`${prefix}--layout-constraint--${group}__min-${constraints?.min}`]: constraints?.min,
-    [`${prefix}--layout-constraint--${group}__max-${constraints?.max}`]: constraints?.max
-  })));
-  return /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({}, rest, {
-    ref: forwardRef,
-    className: classes
-  }), children);
+const LayoutConstraint = react.default.forwardRef(({ as: BaseComponent = "div", children, className, density, size, ...rest }, forwardRef) => {
+	const prefix = require_usePrefix.usePrefix();
+	const classes = (0, classnames.default)(className, Object.entries({
+		size,
+		density
+	}).map(([group, constraints]) => ({
+		[`${prefix}--layout-constraint--${group}__default-${constraints?.default}`]: constraints?.default,
+		[`${prefix}--layout-constraint--${group}__min-${constraints?.min}`]: constraints?.min,
+		[`${prefix}--layout-constraint--${group}__max-${constraints?.max}`]: constraints?.max
+	})));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseComponent, {
+		...rest,
+		ref: forwardRef,
+		className: classes,
+		children
+	});
 });
 LayoutConstraint.propTypes = {
-  /**
-   * Specify a custom component or element to be rendered as the top-level
-   * element in the component
-   */
-  as: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.elementType]),
-  /**
-   * Provide child elements to be rendered inside of `LayoutConstraint`
-   */
-  children: PropTypes.node,
-  /**
-   * Provide a custom class name to be used on the outermost element rendered by
-   * the component
-   */
-  className: PropTypes.string,
-  /**
-   * Specify the desired layout density constraints of this element's children
-   */
-  density: PropTypes.shape({
-    min: PropTypes.oneOf(densities),
-    default: PropTypes.oneOf(densities),
-    max: PropTypes.oneOf(densities)
-  }),
-  /**
-   * Specify the desired layout size constraints of this element's children
-   */
-  size: PropTypes.shape({
-    min: PropTypes.oneOf(sizes),
-    default: PropTypes.oneOf(sizes),
-    max: PropTypes.oneOf(sizes)
-  })
+	as: prop_types.default.oneOfType([
+		prop_types.default.func,
+		prop_types.default.string,
+		prop_types.default.elementType
+	]),
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	density: prop_types.default.shape({
+		min: prop_types.default.oneOf(densities),
+		default: prop_types.default.oneOf(densities),
+		max: prop_types.default.oneOf(densities)
+	}),
+	size: prop_types.default.shape({
+		min: prop_types.default.oneOf(sizes),
+		default: prop_types.default.oneOf(sizes),
+		max: prop_types.default.oneOf(sizes)
+	})
 };
 
+//#endregion
 exports.Layout = Layout;
-exports.LayoutConstraint = LayoutConstraint;
+exports.LayoutConstraint = LayoutConstraint;

package/lib/components/LayoutDirection/LayoutDirection.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/LayoutDirection/LayoutDirection.js

@@ -1,51 +1,47 @@
 /**
- * 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_LayoutDirectionContext = require('./LayoutDirectionContext.js');
+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 PropTypes = require('prop-types');
-var React = require('react');
-var LayoutDirectionContext = require('./LayoutDirectionContext.js');
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-
-function LayoutDirection({
-  as: BaseComponent = 'div',
-  children,
-  dir,
-  ...rest
-}) {
-  const value = React.useMemo(() => {
-    return {
-      direction: dir
-    };
-  }, [dir]);
-  return /*#__PURE__*/React.createElement(LayoutDirectionContext.LayoutDirectionContext.Provider, {
-    value: value
-  }, /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({
-    dir: dir
-  }, rest), children));
+//#region src/components/LayoutDirection/LayoutDirection.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.
+*/
+function LayoutDirection({ as: BaseComponent = "div", children, dir, ...rest }) {
+	const value = react.default.useMemo(() => {
+		return { direction: dir };
+	}, [dir]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LayoutDirectionContext.LayoutDirectionContext.Provider, {
+		value,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseComponent, {
+			dir,
+			...rest,
+			children
+		})
+	});
 }
 LayoutDirection.propTypes = {
-  /**
-   * Customize the element type used to render the outermost node
-   */
-  as: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.elementType]),
-  /**
-   * Provide child elements or components to be rendered inside of this
-   * component
-   */
-  children: PropTypes.node,
-  /**
-   * Specify the layout direction of this part of the page
-   */
-  dir: PropTypes.oneOf(['ltr', 'rtl']).isRequired
+	as: prop_types.default.oneOfType([
+		prop_types.default.func,
+		prop_types.default.string,
+		prop_types.default.elementType
+	]),
+	children: prop_types.default.node,
+	dir: prop_types.default.oneOf(["ltr", "rtl"]).isRequired
 };
 
-exports.LayoutDirectionContext = LayoutDirectionContext.LayoutDirectionContext;
-exports.LayoutDirection = LayoutDirection;
+//#endregion
+exports.LayoutDirection = LayoutDirection;

package/lib/components/LayoutDirection/LayoutDirectionContext.js

@@ -1,16 +1,22 @@
 /**
- * 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');
+let react = require("react");
+react = require_runtime.__toESM(react);
 
-var React = require('react');
-
-const LayoutDirectionContext = /*#__PURE__*/React.createContext({
-  direction: 'ltr'
-});
+//#region src/components/LayoutDirection/LayoutDirectionContext.ts
+/**
+* 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 LayoutDirectionContext = react.default.createContext({ direction: "ltr" });
 
-exports.LayoutDirectionContext = LayoutDirectionContext;
+//#endregion
+exports.LayoutDirectionContext = LayoutDirectionContext;

package/lib/components/LayoutDirection/useLayoutDirection.js

@@ -1,20 +1,27 @@
 /**
- * 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';
-
-var React = require('react');
-var LayoutDirectionContext = require('./LayoutDirectionContext.js');
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_LayoutDirectionContext = require('./LayoutDirectionContext.js');
+let react = require("react");
 
+//#region src/components/LayoutDirection/useLayoutDirection.ts
 /**
- * Get access to the current layout direction in context
- */
+* 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.
+*/
+/**
+* Get access to the current layout direction in context
+*/
 function useLayoutDirection() {
-  return React.useContext(LayoutDirectionContext.LayoutDirectionContext);
+	return (0, react.useContext)(require_LayoutDirectionContext.LayoutDirectionContext);
 }
 
-exports.useLayoutDirection = useLayoutDirection;
+//#endregion
+exports.useLayoutDirection = useLayoutDirection;