@carbon/react 1.103.0 → 1.104.0

package/es/components/SelectItem/index.js

@@ -1,12 +1,20 @@
 /**
- * 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 SelectItem from './SelectItem.js';
-
+import SelectItem from "./SelectItem.js";
 
+//#region src/components/SelectItem/index.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.
+*/
+var SelectItem_default = SelectItem;
 
-export { SelectItem, SelectItem as default };
+//#endregion
+export { SelectItem_default as default };

package/es/components/SelectItemGroup/SelectItemGroup.js

@@ -1,48 +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.
  */
 
-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 SelectItemGroup = ({
-  children,
-  className,
-  disabled = false,
-  label,
-  ...other
-}) => {
-  const prefix = usePrefix();
-  const classNames = cx(`${prefix}--select-optgroup`, className);
-  return /*#__PURE__*/React.createElement("optgroup", _extends({
-    className: classNames,
-    label: label,
-    disabled: disabled
-  }, other), children);
+//#region src/components/SelectItemGroup/SelectItemGroup.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 SelectItemGroup = ({ children, className, disabled = false, label, ...other }) => {
+	return /* @__PURE__ */ jsx("optgroup", {
+		className: classNames(`${usePrefix()}--select-optgroup`, className),
+		label,
+		disabled,
+		...other,
+		children
+	});
 };
 SelectItemGroup.propTypes = {
-  /**
-   * Provide the contents of your <SelectItemGroup>
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be applied to the node
-   */
-  className: PropTypes.string,
-  /**
-   * Specify whether the <SelectItemGroup> should be disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify the label to be displayed
-   */
-  label: PropTypes.string.isRequired
+	children: PropTypes.node,
+	className: PropTypes.string,
+	disabled: PropTypes.bool,
+	label: PropTypes.string.isRequired
 };
 
-export { SelectItemGroup as default };
+//#endregion
+export { SelectItemGroup as default };

package/es/components/ShapeIndicator/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2025, 2025
+ * Copyright IBM Corp. 2025, 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/es/components/ShapeIndicator/index.js

@@ -1,93 +1,87 @@
 /**
- * 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 { CircleStroke, LowSeverity, CircleFill, DiamondFill, Caution, CriticalSeverity, Critical } from '@carbon/icons-react';
+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";
+import { Caution, CircleFill, CircleStroke, Critical, CriticalSeverity, DiamondFill, LowSeverity } from "@carbon/icons-react";
 
-var _path;
-const ShapeIndicatorKinds = ['failed', 'critical', 'high', 'medium', 'low', 'cautious', 'undefined', 'stable', 'informative', 'incomplete', 'draft'];
-
-// TODO: update to import '@carbon/icons-react'
-const incompleteIcon = props => /*#__PURE__*/React.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 16,
-  height: 16,
-  fill: "none",
-  "aria-hidden": "true"
-}, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#fff",
-  fillOpacity: 0.01,
-  d: "M0 0h16v16H0z",
-  style: {
-    mixBlendMode: 'multiply'
-  }
-}), _path || (_path = /*#__PURE__*/React.createElement("path", {
-  fill: "#161616",
-  d: "M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Zm0 2a4.004 4.004 0 0 1 4 4H4a4.004 4.004 0 0 1 4-4Z"
-})));
+//#region src/components/ShapeIndicator/index.tsx
+/**
+* Copyright IBM Corp. 2025, 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 ShapeIndicatorKinds = [
+	"failed",
+	"critical",
+	"high",
+	"medium",
+	"low",
+	"cautious",
+	"undefined",
+	"stable",
+	"informative",
+	"incomplete",
+	"draft"
+];
+const incompleteIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 16,
+	height: 16,
+	fill: "none",
+	"aria-hidden": "true",
+	...props,
+	children: [/* @__PURE__ */ jsx("path", {
+		fill: "#fff",
+		fillOpacity: .01,
+		d: "M0 0h16v16H0z",
+		style: { mixBlendMode: "multiply" }
+	}), /* @__PURE__ */ jsx("path", {
+		fill: "#161616",
+		d: "M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Zm0 2a4.004 4.004 0 0 1 4 4H4a4.004 4.004 0 0 1 4-4Z"
+	})]
+});
 const shapeTypes = {
-  failed: Critical,
-  critical: CriticalSeverity,
-  high: Caution,
-  medium: DiamondFill,
-  low: LowSeverity,
-  cautious: Caution,
-  undefined: DiamondFill,
-  stable: CircleFill,
-  informative: LowSeverity,
-  incomplete: incompleteIcon,
-  draft: CircleStroke
+	failed: Critical,
+	critical: CriticalSeverity,
+	high: Caution,
+	medium: DiamondFill,
+	low: LowSeverity,
+	cautious: Caution,
+	undefined: DiamondFill,
+	stable: CircleFill,
+	informative: LowSeverity,
+	incomplete: incompleteIcon,
+	draft: CircleStroke
 };
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const ShapeIndicator = /*#__PURE__*/React.forwardRef(({
-  className: customClassName,
-  kind,
-  label,
-  textSize = 12,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-  ...rest
-}, ref) => {
-  const prefix = usePrefix();
-  const classNames = cx(`${prefix}--shape-indicator`, customClassName, {
-    [`${prefix}--shape-indicator--14`]: textSize == 14
-  });
-  const ShapeForKind = shapeTypes[kind];
-  if (!ShapeForKind) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames,
-    ref: ref
-  }, /*#__PURE__*/React.createElement(ShapeForKind, {
-    size: 16,
-    className: `${prefix}--shape-indicator--${kind}`
-  }), label);
+const ShapeIndicator = React.forwardRef(({ className: customClassName, kind, label, textSize = 12 }, ref) => {
+	const prefix = usePrefix();
+	const classNames$1 = classNames(`${prefix}--shape-indicator`, customClassName, { [`${prefix}--shape-indicator--14`]: textSize == 14 });
+	const ShapeForKind = shapeTypes[kind];
+	if (!ShapeForKind) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames$1,
+		ref,
+		children: [/* @__PURE__ */ jsx(ShapeForKind, {
+			size: 16,
+			className: `${prefix}--shape-indicator--${kind}`
+		}), label]
+	});
 });
 ShapeIndicator.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string,
-  /**
-   * Specify the kind of the Shape Indicator
-   */
-  kind: PropTypes.oneOf(ShapeIndicatorKinds).isRequired,
-  /**
-   * Label next to the shape.
-   */
-  label: PropTypes.string.isRequired,
-  /**
-   * Specify the text size of the Shape Indicator. Defaults to 12.
-   */
-  textSize: PropTypes.oneOf([12, 14])
+	className: PropTypes.string,
+	kind: PropTypes.oneOf(ShapeIndicatorKinds).isRequired,
+	label: PropTypes.string.isRequired,
+	textSize: PropTypes.oneOf([12, 14])
 };
 
-export { ShapeIndicator, ShapeIndicatorKinds };
+//#endregion
+export { ShapeIndicator as default };

package/es/components/SkeletonIcon/SkeletonIcon.js

@@ -1,33 +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 SkeletonIcon = ({
-  className,
-  ...other
-}) => {
-  const prefix = usePrefix();
-  const skeletonIconClasses = cx(className, {
-    [`${prefix}--icon--skeleton`]: true
-  });
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: skeletonIconClasses
-  }, other));
-};
-SkeletonIcon.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string
+//#region src/components/SkeletonIcon/SkeletonIcon.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 SkeletonIcon = ({ className, ...other }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: classNames(className, { [`${usePrefix()}--icon--skeleton`]: true }),
+		...other
+	});
 };
+SkeletonIcon.propTypes = { className: PropTypes.string };
 
-export { SkeletonIcon as default };
+//#endregion
+export { SkeletonIcon as default };

package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js

@@ -1,33 +1,24 @@
 /**
- * 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 from 'react';
-import PropTypes from 'prop-types';
-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 SkeletonPlaceholder = ({
-  className,
-  ...other
-}) => {
-  const prefix = usePrefix();
-  const skeletonPlaceholderClasses = cx({
-    [`${prefix}--skeleton__placeholder`]: true
-  }, className);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: skeletonPlaceholderClasses
-  }, other));
-};
-SkeletonPlaceholder.propTypes = {
-  /**
-   * Add a custom class to the component to set the height and width
-   */
-  className: PropTypes.string
+//#region src/components/SkeletonPlaceholder/SkeletonPlaceholder.tsx
+const SkeletonPlaceholder = ({ className, ...other }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: classNames({ [`${usePrefix()}--skeleton__placeholder`]: true }, className),
+		...other
+	});
 };
+SkeletonPlaceholder.propTypes = { className: PropTypes.string };
 
-export { SkeletonPlaceholder as default };
+//#endregion
+export { SkeletonPlaceholder as default };

package/es/components/SkeletonText/SkeletonText.js

@@ -1,94 +1,80 @@
 /**
- * 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, { useRef } from 'react';
-import cx from 'classnames';
-import { usePrefix } from '../../internal/usePrefix.js';
-import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import useIsomorphicEffect from "../../internal/useIsomorphicEffect.js";
+import classNames from "classnames";
+import React, { useRef } from "react";
+import PropTypes from "prop-types";
+import { Fragment, jsx } from "react/jsx-runtime";
 
-const randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];
+//#region src/components/SkeletonText/SkeletonText.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 randoms = [
+	.973051493507435,
+	.15334737213558558,
+	.5671034553053769
+];
 function getRandomInt(min, max, n) {
-  return Math.floor(randoms[n % 3] * (max - min + 1)) + min;
+	return Math.floor(randoms[n % 3] * (max - min + 1)) + min;
 }
-const SkeletonText = ({
-  paragraph = false,
-  lineCount = 3,
-  width = '100%',
-  heading = false,
-  className = '',
-  ...rest
-}) => {
-  const prefix = usePrefix();
-  const skeletonTextClasses = cx({
-    [`${prefix}--skeleton__text`]: true,
-    [`${prefix}--skeleton__heading`]: heading,
-    [className]: className
-  });
-  const widthNum = parseInt(width, 10);
-  const widthPx = width.includes('px');
-  const widthPercent = width.includes('%');
-  let lineCountNumber = 1;
-  if (paragraph) {
-    lineCountNumber = lineCount;
-  }
-  const refs = useRef([]);
-  useIsomorphicEffect(() => {
-    refs.current.map((item, j) => {
-      const randomPercentWidth = getRandomInt(0, 75, j) + 'px';
-      const randomPxWidth = getRandomInt(Math.max(widthNum - 75, 0), widthNum, j) + 'px';
-      if (item) {
-        if (widthPercent && paragraph) {
-          item.style.width = `calc(${width} - ${randomPercentWidth})`;
-        } else if (widthPx && paragraph) {
-          item.style.width = randomPxWidth;
-        } else {
-          item.style.width = width;
-        }
-      }
-    });
-  }, [lineCountNumber, paragraph, refs, width, widthNum, widthPercent, widthPx]);
-  const lines = [];
-  for (let i = 0; i < lineCountNumber; i++) {
-    lines.push(/*#__PURE__*/React.createElement("p", _extends({
-      className: skeletonTextClasses,
-      key: i,
-      ref: el => {
-        refs.current = [...refs.current, el];
-      }
-    }, rest)));
-  }
-  if (lineCountNumber !== 1) {
-    return /*#__PURE__*/React.createElement("div", null, lines);
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, lines);
+const SkeletonText = ({ paragraph = false, lineCount = 3, width = "100%", heading = false, className = "", ...rest }) => {
+	const prefix = usePrefix();
+	const skeletonTextClasses = classNames({
+		[`${prefix}--skeleton__text`]: true,
+		[`${prefix}--skeleton__heading`]: heading,
+		[className]: className
+	});
+	const widthNum = parseInt(width, 10);
+	const widthPx = width.includes("px");
+	const widthPercent = width.includes("%");
+	let lineCountNumber = 1;
+	if (paragraph) lineCountNumber = lineCount;
+	const refs = useRef([]);
+	useIsomorphicEffect(() => {
+		refs.current.map((item, j) => {
+			const randomPercentWidth = getRandomInt(0, 75, j) + "px";
+			const randomPxWidth = getRandomInt(Math.max(widthNum - 75, 0), widthNum, j) + "px";
+			if (item) if (widthPercent && paragraph) item.style.width = `calc(${width} - ${randomPercentWidth})`;
+			else if (widthPx && paragraph) item.style.width = randomPxWidth;
+			else item.style.width = width;
+		});
+	}, [
+		lineCountNumber,
+		paragraph,
+		refs,
+		width,
+		widthNum,
+		widthPercent,
+		widthPx
+	]);
+	const lines = [];
+	for (let i = 0; i < lineCountNumber; i++) lines.push(/* @__PURE__ */ jsx("p", {
+		className: skeletonTextClasses,
+		ref: (el) => {
+			refs.current = [...refs.current, el];
+		},
+		...rest
+	}, i));
+	if (lineCountNumber !== 1) return /* @__PURE__ */ jsx("div", { children: lines });
+	return /* @__PURE__ */ jsx(Fragment, { children: lines });
 };
 SkeletonText.propTypes = {
-  /**
-   * Specify an optional className to be applied to the container node
-   */
-  className: PropTypes.string,
-  /**
-   * generates skeleton text at a larger size
-   */
-  heading: PropTypes.bool,
-  /**
-   * the number of lines shown if paragraph is true
-   */
-  lineCount: PropTypes.number,
-  /**
-   * will generate multiple lines of text
-   */
-  paragraph: PropTypes.bool,
-  /**
-   * width (in px or %) of single line of text or max-width of paragraph lines
-   */
-  width: PropTypes.string
+	className: PropTypes.string,
+	heading: PropTypes.bool,
+	lineCount: PropTypes.number,
+	paragraph: PropTypes.bool,
+	width: PropTypes.string
 };
 
-export { SkeletonText as default };
+//#endregion
+export { SkeletonText as default };

package/es/components/SkeletonText/index.js

@@ -1,12 +1,20 @@
 /**
- * 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 SkeletonText from './SkeletonText.js';
-
+import SkeletonText from "./SkeletonText.js";
 
+//#region src/components/SkeletonText/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.
+*/
+var SkeletonText_default = SkeletonText;
 
-export { SkeletonText, SkeletonText as default };
+//#endregion
+export { SkeletonText_default as default };