@carbon/react 1.29.1 → 1.30.0

package/lib/components/Breadcrumb/BreadcrumbItem.js

@@ -40,7 +40,6 @@ const BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(functio
     [`${prefix}--breadcrumb-item--current`]: isCurrentPage && ariaCurrent !== 'page',
     [customClassName]: !!customClassName
   });
-
   if (children.type && children.type.displayName !== undefined && children.type.displayName.includes('OverflowMenu')) {
     const horizontalOverflowIcon = /*#__PURE__*/React__default["default"].createElement(iconsReact.OverflowMenuHorizontal, {
       className: `${prefix}--overflow-menu__icon`
@@ -56,7 +55,6 @@ const BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(functio
       renderIcon: () => horizontalOverflowIcon
     }));
   }
-
   if (typeof children === 'string') {
     return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
       className: className,
@@ -68,7 +66,6 @@ const BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(functio
       className: `${prefix}--link`
     }, children));
   }
-
   return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
     className: className,
     ref: ref
@@ -80,22 +77,18 @@ const BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(functio
 BreadcrumbItem.displayName = 'BreadcrumbItem';
 BreadcrumbItem.propTypes = {
   'aria-current': PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].bool]),
-
   /**
    * Pass in content that will be inside of the BreadcrumbItem
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify an optional className to be applied to the container node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Optional string representing the link location for the BreadcrumbItem
    */
   href: PropTypes__default["default"].string,
-
   /**
    * Provide if this breadcrumb item represents the current page
    */

package/lib/components/Button/Button.Skeleton.js

@@ -14,39 +14,19 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
-var FeatureFlags = require('@carbon/feature-flags');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
 const ButtonSkeleton = _ref => {
   let {
     className,
     small = false,
     href,
-    size = FeatureFlags__namespace.enabled('enable-v11-release') ? 'lg' : 'default',
+    size = 'lg',
     ...rest
   } = _ref;
   const prefix = usePrefix.usePrefix();
@@ -71,25 +51,21 @@ const ButtonSkeleton = _ref => {
 
   return href ? anchor : button;
 };
-
 ButtonSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Optionally specify an href for your Button to become an `<a>` element
    */
   href: PropTypes__default["default"].string,
-
   /**
    * Specify the size of the button, from a list of available sizes.
    * For `default` buttons, this prop can remain unspecified or use `default`.
    * In the next major release of Carbon, `default`, `field`, and `small` will be removed
    */
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl', '2xl']) : PropTypes__default["default"].oneOf(['default', 'field', 'small', 'sm', 'md', 'lg', 'xl', '2xl']),
-
+  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl', '2xl']),
   /**
    * Specify whether the Button should be a small variant
    */

package/lib/components/Button/Button.js

@@ -53,7 +53,6 @@ const Button = /*#__PURE__*/React__default["default"].forwardRef(function Button
   } = _ref;
   const tooltipRef = React.useRef(null);
   const prefix = usePrefix.usePrefix();
-
   const handleClick = evt => {
     // Prevent clicks on the tooltip from triggering the button click event
     if (evt.target === tooltipRef.current) {
@@ -61,7 +60,6 @@ const Button = /*#__PURE__*/React__default["default"].forwardRef(function Button
       return;
     }
   };
-
   const buttonClasses = cx__default["default"](className, {
     [`${prefix}--btn`]: true,
     [`${prefix}--btn--sm`]: size === 'sm' && !isExpressive,
@@ -98,7 +96,6 @@ const Button = /*#__PURE__*/React__default["default"].forwardRef(function Button
     href
   };
   let assistiveText;
-
   if (dangerButtonVariants.includes(kind)) {
     assistiveText = /*#__PURE__*/React__default["default"].createElement("span", {
       id: assistiveId,
@@ -107,17 +104,16 @@ const Button = /*#__PURE__*/React__default["default"].forwardRef(function Button
   } else {
     assistiveText = null;
   }
-
   if (as) {
     component = as;
-    otherProps = { ...otherProps,
+    otherProps = {
+      ...otherProps,
       ...anchorProps
     };
   } else if (href && !disabled) {
     component = 'a';
     otherProps = anchorProps;
   }
-
   const Button = /*#__PURE__*/React__default["default"].createElement(component, {
     onMouseEnter,
     onMouseLeave,
@@ -128,28 +124,22 @@ const Button = /*#__PURE__*/React__default["default"].forwardRef(function Button
     ...commonProps,
     ...otherProps
   }, assistiveText, children, buttonImage);
-
   if (hasIconOnly) {
     let align;
-
     if (tooltipPosition === 'top' || tooltipPosition === 'bottom') {
       if (tooltipAlignment === 'center') {
         align = tooltipPosition;
       }
-
       if (tooltipAlignment === 'end') {
         align = `${tooltipPosition}-right`;
       }
-
       if (tooltipAlignment === 'start') {
         align = `${tooltipPosition}-left`;
       }
     }
-
     if (tooltipPosition === 'right' || tooltipPosition === 'left') {
       align = tooltipPosition;
     }
-
     return /*#__PURE__*/React__default["default"].createElement(index.IconButton, _rollupPluginBabelHelpers["extends"]({
       as: as,
       align: align,
@@ -163,7 +153,6 @@ const Button = /*#__PURE__*/React__default["default"].forwardRef(function Button
       onClick: events.composeEventHandlers([onClick, handleClick])
     }, rest, commonProps, otherProps), iconOnlyImage ? iconOnlyImage : children);
   }
-
   return Button;
 });
 Button.displayName = 'Button';
@@ -173,37 +162,30 @@ Button.propTypes = {
    * Make sure to apply all props to the root node and render children appropriately
    */
   as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
-
   /**
    * Specify the content of your Button
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify an optional className to be added to your Button
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify the message read by screen readers for the danger button variant
    */
   dangerDescription: PropTypes__default["default"].string,
-
   /**
    * Specify whether the Button should be disabled, or not
    */
   disabled: PropTypes__default["default"].bool,
-
   /**
    * Specify if the button is an icon-only button
    */
   hasIconOnly: PropTypes__default["default"].bool,
-
   /**
    * Optionally specify an href for your Button to become an `<a>` element
    */
   href: PropTypes__default["default"].string,
-
   /**
    * If specifying the `renderIcon` prop, provide a description for that icon that can
    * be read by screen readers
@@ -212,88 +194,72 @@ Button.propTypes = {
     if (props.renderIcon && !props.children && !props.iconDescription) {
       return new Error('renderIcon property specified without also providing an iconDescription property.');
     }
-
     return undefined;
   },
-
   /**
    * Specify whether the Button is expressive, or not
    */
   isExpressive: PropTypes__default["default"].bool,
-
   /**
    * Specify whether the Button is currently selected. Only applies to the Ghost variant.
    */
   isSelected: PropTypes__default["default"].bool,
-
   /**
    * Specify the kind of Button you want to create
    */
   kind: PropTypes__default["default"].oneOf(types.ButtonKinds),
-
   /**
    * Provide an optional function to be called when the button element
    * loses focus
    */
   onBlur: PropTypes__default["default"].func,
-
   /**
    * Provide an optional function to be called when the button element
    * is clicked
    */
   onClick: PropTypes__default["default"].func,
-
   /**
    * Provide an optional function to be called when the button element
    * receives focus
    */
   onFocus: PropTypes__default["default"].func,
-
   /**
    * Provide an optional function to be called when the mouse
    * enters the button element
    */
   onMouseEnter: PropTypes__default["default"].func,
-
   /**
    * Provide an optional function to be called when the mouse
    * leaves the button element
    */
   onMouseLeave: PropTypes__default["default"].func,
-
   /**
    * Optional prop to allow overriding the icon rendering.
    * Can be a React component class
    */
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
-
   /**
    * Optional prop to specify the role of the Button
    */
   role: PropTypes__default["default"].string,
-
   /**
    * Specify the size of the button, from the following list of sizes:
    */
   size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl', '2xl']),
-
   /**
    * Optional prop to specify the tabIndex of the Button
    */
   tabIndex: PropTypes__default["default"].number,
-
   /**
    * Specify the alignment of the tooltip to the icon-only button.
    * Can be one of: start, center, or end.
    */
   tooltipAlignment: PropTypes__default["default"].oneOf(['start', 'center', 'end']),
-
   /**
    * Specify the direction of the tooltip for icon-only buttons.
    * Can be either top, right, bottom, or left.
    */
   tooltipPosition: PropTypes__default["default"].oneOf(['top', 'right', 'bottom', 'left']),
-
   /**
    * Optional prop to specify the type of the Button
    */

package/lib/components/ButtonSet/ButtonSet.js

@@ -43,12 +43,10 @@ ButtonSet.propTypes = {
    * Specify the content of your ButtonSet
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify an optional className to be added to your ButtonSet
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify the button arrangement of the set (vertically stacked or
    * horizontal)

package/lib/components/Checkbox/Checkbox.Skeleton.js

@@ -35,7 +35,6 @@ const CheckboxSkeleton = _ref => {
     className: `${prefix}--checkbox-label-text ${prefix}--skeleton`
   })));
 };
-
 CheckboxSkeleton.propTypes = {
   /**
    * Specify an optional className to add.

package/lib/components/Checkbox/Checkbox.js

@@ -80,13 +80,13 @@ const Checkbox = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) =
       if (el && indeterminate) {
         el.indeterminate = indeterminate;
       }
-
       if (typeof ref === 'function') {
         ref(el);
       } else if (ref && Object(ref) === ref) {
         ref.current = el;
       }
-    } // readonly attribute not applicable to type="checkbox"
+    }
+    // readonly attribute not applicable to type="checkbox"
     // see - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox
     ,
     "aria-readonly": readOnly,
@@ -94,9 +94,8 @@ const Checkbox = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) =
       if (readOnly) {
         // prevent default stops the checkbox being updated
         evt.preventDefault();
-      } // pass onClick event on to the user even if readonly
-
-
+      }
+      // pass onClick event on to the user even if readonly
       if (onClick) {
         onClick(evt);
       }
@@ -124,80 +123,65 @@ Checkbox.propTypes = {
    * Specify whether the underlying input should be checked
    */
   checked: PropTypes__default["default"].bool,
-
   /**
    * Specify an optional className to be applied to the <label> node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether the underlying input should be checked by default
    */
   defaultChecked: PropTypes__default["default"].bool,
-
   /**
    * Specify whether the Checkbox should be disabled
    */
   disabled: PropTypes__default["default"].bool,
-
   /**
    * Provide text for the form group for additional help
    */
   helperText: PropTypes__default["default"].node,
-
   /**
    * Specify whether the label should be hidden, or not
    */
   hideLabel: PropTypes__default["default"].bool,
-
   /**
    * Provide an `id` to uniquely identify the Checkbox input
    */
   id: PropTypes__default["default"].string.isRequired,
-
   /**
    * Specify whether the Checkbox is in an indeterminate state
    */
   indeterminate: PropTypes__default["default"].bool,
-
   /**
    * Specify whether the Checkbox is currently invalid
    */
   invalid: PropTypes__default["default"].bool,
-
   /**
    * Provide the text that is displayed when the Checkbox is in an invalid state
    */
   invalidText: PropTypes__default["default"].node,
-
   /**
    * Provide a label to provide a description of the Checkbox input that you are
    * exposing to the user
    */
   labelText: PropTypes__default["default"].node.isRequired,
-
   /**
    * Provide an optional handler that is called when the internal state of
    * Checkbox changes. This handler is called with event and state info.
    * `(event, { checked, id }) => void`
    */
   onChange: PropTypes__default["default"].func,
-
   /**
    * Specify whether the Checkbox is read-only
    */
   readOnly: PropTypes__default["default"].bool,
-
   /**
    * Specify a title for the <label> node for the Checkbox
    */
   title: PropTypes__default["default"].string,
-
   /**
    * Specify whether the Checkbox is currently in warning state
    */
   warn: PropTypes__default["default"].bool,
-
   /**
    * Provide the text that is displayed when the Checkbox is in warning state
    */

package/lib/components/CheckboxGroup/CheckboxGroup.js

@@ -24,7 +24,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 const getInstanceId = setupGetInstanceId["default"]();
-
 function CheckboxGroup(_ref) {
   let {
     children,
@@ -74,54 +73,44 @@ function CheckboxGroup(_ref) {
     className: `${prefix}--form-requirement`
   }, warnText))), showHelper && helper);
 }
-
 CheckboxGroup.propTypes = {
   /**
    * Provide the children form elements to be rendered inside of the <fieldset>
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Provide a custom className to be applied to the containing <fieldset> node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Provide text for the form group for additional help
    */
   helperText: PropTypes__default["default"].node,
-
   /**
    * Specify whether the form group is currently invalid
    */
   invalid: PropTypes__default["default"].bool,
-
   /**
    * Provide the text that is displayed when the form group is in an invalid state
    */
   invalidText: PropTypes__default["default"].node,
-
   /**
    * Provide id for the fieldset <legend> which corresponds to the fieldset
    * `aria-labelledby`
    */
   legendId: PropTypes__default["default"].node,
-
   /**
    * Provide the text to be rendered inside of the fieldset <legend>
    */
   legendText: PropTypes__default["default"].node.isRequired,
-
   /**
    * Whether the CheckboxGroup should be read-only
    */
   readOnly: PropTypes__default["default"].bool,
-
   /**
    * Specify whether the form group is currently in warning state
    */
   warn: PropTypes__default["default"].bool,
-
   /**
    * Provide the text that is displayed when the form group is in warning state
    */

package/lib/components/ClassPrefix/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 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.
+ */
+import PropTypes from 'prop-types';
+import { PropsWithChildren } from 'react';
+interface ClassPrefixProps {
+    /**
+     *   The value used to prefix the CSS selectors
+     *   used by Carbon components.
+     */
+    prefix: string;
+}
+declare function ClassPrefix({ children, prefix, }: PropsWithChildren<ClassPrefixProps>): JSX.Element;
+declare namespace ClassPrefix {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * The value used to prefix the CSS selectors used by Carbon components
+         */
+        prefix: PropTypes.Validator<string>;
+    };
+}
+export { ClassPrefix };

package/lib/components/ClassPrefix/index.js

@@ -27,10 +27,8 @@ function ClassPrefix(_ref) {
     value: prefix
   }, children);
 }
-
 ClassPrefix.propTypes = {
   children: PropTypes__default["default"].node,
-
   /**
    * The value used to prefix the CSS selectors used by Carbon components
    */

package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js

@@ -22,7 +22,6 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _span, _span2, _span3, _span4;
-
 function CodeSnippetSkeleton(_ref) {
   let {
     className: containerClassName,
@@ -36,7 +35,6 @@ function CodeSnippetSkeleton(_ref) {
     [`${prefix}--snippet--single`]: type === 'single',
     [`${prefix}--snippet--multi`]: type === 'multi'
   });
-
   if (type === 'single') {
     return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
       className: className
@@ -44,7 +42,6 @@ function CodeSnippetSkeleton(_ref) {
       className: `${prefix}--snippet-container`
     }, _span || (_span = /*#__PURE__*/React__default["default"].createElement("span", null))));
   }
-
   if (type === 'multi') {
     return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
       className: className
@@ -53,13 +50,11 @@ function CodeSnippetSkeleton(_ref) {
     }, _span2 || (_span2 = /*#__PURE__*/React__default["default"].createElement("span", null)), _span3 || (_span3 = /*#__PURE__*/React__default["default"].createElement("span", null)), _span4 || (_span4 = /*#__PURE__*/React__default["default"].createElement("span", null))));
   }
 }
-
 CodeSnippetSkeleton.propTypes = {
   /**
    * Specify an optional className to be applied to the container node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * The type of the code snippet, including single or multi
    */