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

package/es/components/Slider/SliderHandles.js

@@ -1,78 +1,85 @@
 /**
- * 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 { usePrefix } from '../../internal/usePrefix.js';
-import React from 'react';
+import { usePrefix } from "../../internal/usePrefix.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 
-var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path0, _path1, _path10, _path11, _path12;
-const LowerHandle = props => {
-  const prefix = usePrefix();
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 24",
-    className: `${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower`
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z"
-  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    d: "M-4 0h24v24H-4z"
-  })));
+//#region src/components/Slider/SliderHandles.tsx
+/**
+* Copyright IBM Corp. 2023, 2024
+*
+* 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 LowerHandle = (props) => {
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 16 24",
+		className: `${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower`,
+		...props,
+		children: [/* @__PURE__ */ jsx("path", { d: "M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z" }), /* @__PURE__ */ jsx("path", {
+			fill: "none",
+			d: "M-4 0h24v24H-4z"
+		})]
+	});
 };
-const LowerHandleFocus = props => {
-  const prefix = usePrefix();
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 24",
-    className: `${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower ${prefix}--slider__thumb-icon--focus`
-  }, props), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
-    d: "M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z"
-  })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    d: "M-4 0h24v24H-4z"
-  })), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
-    d: "M15.08 0H16v6.46h-.92z"
-  })), _path6 || (_path6 = /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h.92v24H0zM15.08 0H16v24h-.92z"
-  })), _path7 || (_path7 = /*#__PURE__*/React.createElement("path", {
-    d: "M0 .92V0h16v.92zM0 24v-.92h16V24z"
-  })));
+const LowerHandleFocus = (props) => {
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 16 24",
+		className: `${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower ${prefix}--slider__thumb-icon--focus`,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z" }),
+			/* @__PURE__ */ jsx("path", {
+				fill: "none",
+				d: "M-4 0h24v24H-4z"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M15.08 0H16v6.46h-.92z" }),
+			/* @__PURE__ */ jsx("path", { d: "M0 0h.92v24H0zM15.08 0H16v24h-.92z" }),
+			/* @__PURE__ */ jsx("path", { d: "M0 .92V0h16v.92zM0 24v-.92h16V24z" })
+		]
+	});
 };
-const UpperHandle = props => {
-  const prefix = usePrefix();
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 24",
-    className: `${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper`
-  }, props), _path8 || (_path8 = /*#__PURE__*/React.createElement("path", {
-    d: "M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z"
-  })), _path9 || (_path9 = /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    d: "M-4 0h24v24H-4z"
-  })));
+const UpperHandle = (props) => {
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 16 24",
+		className: `${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper`,
+		...props,
+		children: [/* @__PURE__ */ jsx("path", { d: "M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z" }), /* @__PURE__ */ jsx("path", {
+			fill: "none",
+			d: "M-4 0h24v24H-4z"
+		})]
+	});
 };
-const UpperHandleFocus = props => {
-  const prefix = usePrefix();
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 24",
-    className: `${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper ${prefix}--slider__thumb-icon--focus`
-  }, props), _path0 || (_path0 = /*#__PURE__*/React.createElement("path", {
-    d: "M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z"
-  })), _path1 || (_path1 = /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    d: "M-4 0h24v24H-4z"
-  })), _path10 || (_path10 = /*#__PURE__*/React.createElement("path", {
-    d: "M.92 24H0v-6.46h.92z"
-  })), _path11 || (_path11 = /*#__PURE__*/React.createElement("path", {
-    d: "M16 24h-.92V0H16zM.92 24H0V0h.92z"
-  })), _path12 || (_path12 = /*#__PURE__*/React.createElement("path", {
-    d: "M16 23.08V24H0v-.92zM16 0v.92H0V0z"
-  })));
+const UpperHandleFocus = (props) => {
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 16 24",
+		className: `${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper ${prefix}--slider__thumb-icon--focus`,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z" }),
+			/* @__PURE__ */ jsx("path", {
+				fill: "none",
+				d: "M-4 0h24v24H-4z"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M.92 24H0v-6.46h.92z" }),
+			/* @__PURE__ */ jsx("path", { d: "M16 24h-.92V0H16zM.92 24H0V0h.92z" }),
+			/* @__PURE__ */ jsx("path", { d: "M16 23.08V24H0v-.92zM16 0v.92H0V0z" })
+		]
+	});
 };
 
-export { LowerHandle, LowerHandleFocus, UpperHandle, UpperHandleFocus };
+//#endregion
+export { LowerHandle, LowerHandleFocus, UpperHandle, UpperHandleFocus };

package/es/components/Stack/HStack.js

@@ -1,21 +1,29 @@
 /**
- * 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 React, { forwardRef } from 'react';
-import { Stack } from './Stack.js';
+import { Stack } from "./Stack.js";
+import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const HStack = /*#__PURE__*/forwardRef((props, ref) => {
-  return /*#__PURE__*/React.createElement(Stack, _extends({}, props, {
-    ref: ref,
-    orientation: "horizontal"
-  }));
+//#region src/components/Stack/HStack.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 HStack = forwardRef((props, ref) => {
+	return /* @__PURE__ */ jsx(Stack, {
+		...props,
+		ref,
+		orientation: "horizontal"
+	});
 });
 HStack.propTypes = Stack.propTypes;
 
-export { HStack };
+//#endregion
+export { HStack };

package/es/components/Stack/Stack.js

@@ -1,93 +1,69 @@
 /**
- * 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 React, { forwardRef } from 'react';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import { spacing } from '@carbon/layout';
-import { usePrefix } from '../../internal/usePrefix.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import classNames from "classnames";
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
+import { spacing } from "@carbon/layout";
 
+//#region src/components/Stack/Stack.tsx
 /**
- * The steps in the spacing scale
- */
-const SPACING_STEPS = Array.from({
-  length: spacing.length - 1
-}, (_, step) => step + 1);
+* 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.
+*/
 /**
- * The Stack component is a useful layout utility in a component-based model.
- * This allows components to not use margin and instead delegate the
- * responsibility of positioning and layout to parent components.
- *
- * In the case of the Stack component, it uses the spacing scale from the
- * Design Language in order to determine how much space there should be between
- * items rendered by the Stack component. It also supports a custom `gap` prop
- * which will allow a user to provide a custom value for the gap of the layout.
- *
- * This component supports both horizontal and vertical orientations.
- *
- * Inspiration for this component:
- *
- * - https://paste.twilio.design/layout/stack/
- * - https://github.com/Workday/canvas-kit/blob/f2f599654876700f483a1d8c5de82a41315c76f1/modules/labs-react/layout/lib/Stack.tsx
- */
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const Stack = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    as: BaseComponent = 'div',
-    children,
-    className: customClassName,
-    gap,
-    orientation = 'vertical',
-    ...rest
-  } = props;
-  const prefix = usePrefix();
-  const className = cx(customClassName, {
-    [`${prefix}--stack-${orientation}`]: true,
-    [`${prefix}--stack-scale-${gap}`]: typeof gap === 'number'
-  });
-  const style = {
-    ...rest.style
-  };
-  if (typeof gap === 'string') {
-    style[`--${prefix}-stack-gap`] = gap;
-  }
-  return /*#__PURE__*/React.createElement(BaseComponent, _extends({}, rest, {
-    ref: ref,
-    className: className,
-    style: style
-  }), children);
+* The steps in the spacing scale
+*/
+const SPACING_STEPS = Array.from({ length: spacing.length - 1 }, (_, step) => step + 1);
+/**
+* The Stack component is a useful layout utility in a component-based model.
+* This allows components to not use margin and instead delegate the
+* responsibility of positioning and layout to parent components.
+*
+* In the case of the Stack component, it uses the spacing scale from the
+* Design Language in order to determine how much space there should be between
+* items rendered by the Stack component. It also supports a custom `gap` prop
+* which will allow a user to provide a custom value for the gap of the layout.
+*
+* This component supports both horizontal and vertical orientations.
+*
+* Inspiration for this component:
+*
+* - https://paste.twilio.design/layout/stack/
+* - https://github.com/Workday/canvas-kit/blob/f2f599654876700f483a1d8c5de82a41315c76f1/modules/labs-react/layout/lib/Stack.tsx
+*/
+const Stack = forwardRef((props, ref) => {
+	const { as: BaseComponent = "div", children, className: customClassName, gap, orientation = "vertical", ...rest } = props;
+	const prefix = usePrefix();
+	const className = classNames(customClassName, {
+		[`${prefix}--stack-${orientation}`]: true,
+		[`${prefix}--stack-scale-${gap}`]: typeof gap === "number"
+	});
+	const style = { ...rest.style };
+	if (typeof gap === "string") style[`--${prefix}-stack-gap`] = gap;
+	return /* @__PURE__ */ jsx(BaseComponent, {
+		...rest,
+		ref,
+		className,
+		style,
+		children
+	});
 });
 Stack.propTypes = {
-  /**
-   * Provide a custom element type to render as the outermost element in
-   * the Stack component. By default, this component will render a `div`.
-   */
-  as: PropTypes.elementType,
-  /**
-   * Provide the elements that will be rendered as children inside of the Stack
-   * component. These elements will have having spacing between them according
-   * to the `step` and `orientation` prop
-   */
-  children: PropTypes.node,
-  /**
-   * Provide a custom class name to be used by the outermost element rendered by
-   * Stack
-   */
-  className: PropTypes.string,
-  /**
-   * Provide either a custom value or a step from the spacing scale to be used
-   * as the gap in the layout
-   */
-  gap: PropTypes.oneOfType([PropTypes.string, PropTypes.oneOf(SPACING_STEPS)]),
-  /**
-   * Specify the orientation of them items in the Stack
-   */
-  orientation: PropTypes.oneOf(['horizontal', 'vertical'])
+	as: PropTypes.elementType,
+	children: PropTypes.node,
+	className: PropTypes.string,
+	gap: PropTypes.oneOfType([PropTypes.string, PropTypes.oneOf(SPACING_STEPS)]),
+	orientation: PropTypes.oneOf(["horizontal", "vertical"])
 };
 
-export { Stack };
+//#endregion
+export { Stack };

package/es/components/Stack/VStack.js

@@ -1,21 +1,29 @@
 /**
- * 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 React, { forwardRef } from 'react';
-import { Stack } from './Stack.js';
+import { Stack } from "./Stack.js";
+import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const VStack = /*#__PURE__*/forwardRef((props, ref) => {
-  return /*#__PURE__*/React.createElement(Stack, _extends({}, props, {
-    ref: ref,
-    orientation: "vertical"
-  }));
+//#region src/components/Stack/VStack.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 VStack = forwardRef((props, ref) => {
+	return /* @__PURE__ */ jsx(Stack, {
+		...props,
+		ref,
+		orientation: "vertical"
+	});
 });
 VStack.propTypes = Stack.propTypes;
 
-export { VStack };
+//#endregion
+export { VStack };

package/es/components/StructuredList/StructuredList.Skeleton.js

@@ -1,59 +1,66 @@
 /**
- * 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, jsxs } from "react/jsx-runtime";
 
-var _span, _span2, _span3;
-function StructuredListSkeleton({
-  rowCount = 5,
-  className,
-  ...rest
-}) {
-  const prefix = usePrefix();
-  const classNames = cx(`${prefix}--skeleton`, `${prefix}--structured-list`, className);
-  const rows = new Array(rowCount).fill(null).map((_, i) => /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--structured-list-row`,
-    key: i
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--structured-list-td`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--structured-list-td`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--structured-list-td`
-  })));
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames
-  }, rest), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--structured-list-thead`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--structured-list-row ${prefix}--structured-list-row--header-row`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--structured-list-th`
-  }, _span || (_span = /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--structured-list-th`
-  }, _span2 || (_span2 = /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--structured-list-th`
-  }, _span3 || (_span3 = /*#__PURE__*/React.createElement("span", null))))), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--structured-list-tbody`
-  }, rows));
+//#region src/components/StructuredList/StructuredList.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.
+*/
+function StructuredListSkeleton({ rowCount = 5, className, ...rest }) {
+	const prefix = usePrefix();
+	const classNames$1 = classNames(`${prefix}--skeleton`, `${prefix}--structured-list`, className);
+	const rows = new Array(rowCount).fill(null).map((_, i) => /* @__PURE__ */ jsxs("div", {
+		className: `${prefix}--structured-list-row`,
+		children: [
+			/* @__PURE__ */ jsx("div", { className: `${prefix}--structured-list-td` }),
+			/* @__PURE__ */ jsx("div", { className: `${prefix}--structured-list-td` }),
+			/* @__PURE__ */ jsx("div", { className: `${prefix}--structured-list-td` })
+		]
+	}, i));
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames$1,
+		...rest,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: `${prefix}--structured-list-thead`,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: `${prefix}--structured-list-row ${prefix}--structured-list-row--header-row`,
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: `${prefix}--structured-list-th`,
+						children: /* @__PURE__ */ jsx("span", {})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: `${prefix}--structured-list-th`,
+						children: /* @__PURE__ */ jsx("span", {})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: `${prefix}--structured-list-th`,
+						children: /* @__PURE__ */ jsx("span", {})
+					})
+				]
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: `${prefix}--structured-list-tbody`,
+			children: rows
+		})]
+	});
 }
 StructuredListSkeleton.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string,
-  /**
-   * number of table rows
-   */
-  rowCount: PropTypes.number
+	className: PropTypes.string,
+	rowCount: PropTypes.number
 };
 
-export { StructuredListSkeleton as default };
+//#endregion
+export { StructuredListSkeleton as default };