@carbon/react 1.87.0-rc.0 → 1.87.1-rc.0

package/lib/components/Checkbox/Checkbox.js

@@ -23,13 +23,7 @@ var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.js');
 var Text = require('../Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-const Checkbox = /*#__PURE__*/React__default["default"].forwardRef(({
+const Checkbox = /*#__PURE__*/React.forwardRef(({
   className,
   decorator,
   helperText,
@@ -53,18 +47,18 @@ const Checkbox = /*#__PURE__*/React__default["default"].forwardRef(({
   const showHelper = !invalid && !warn;
   const checkboxGroupInstanceId = useId.useId();
   const helperId = !helperText ? undefined : `checkbox-helper-text-${checkboxGroupInstanceId}`;
-  const helper = helperText ? /*#__PURE__*/React__default["default"].createElement("div", {
+  const helper = helperText ? /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: `${prefix}--form__helper-text`
   }, helperText) : null;
-  const wrapperClasses = cx__default["default"](`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, className, {
+  const wrapperClasses = cx(`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, className, {
     [`${prefix}--checkbox-wrapper--readonly`]: readOnly,
     [`${prefix}--checkbox-wrapper--invalid`]: !readOnly && invalid,
     [`${prefix}--checkbox-wrapper--warning`]: showWarning,
     [`${prefix}--checkbox-wrapper--slug`]: slug,
     [`${prefix}--checkbox-wrapper--decorator`]: decorator
   });
-  const innerLabelClasses = cx__default["default"](`${prefix}--checkbox-label-text`, {
+  const innerLabelClasses = cx(`${prefix}--checkbox-label-text`, {
     [`${prefix}--visually-hidden`]: hideLabel
   });
   const candidate = slug ?? decorator;
@@ -72,9 +66,9 @@ const Checkbox = /*#__PURE__*/React__default["default"].forwardRef(({
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/React.cloneElement(candidate, {
     size: candidate.props.kind === 'inline' ? 'md' : 'mini'
   }) : null;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: wrapperClasses
-  }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, {
+  }, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, other, {
     type: "checkbox",
     "data-invalid": invalid ? true : undefined,
     onChange: evt => {
@@ -111,23 +105,23 @@ const Checkbox = /*#__PURE__*/React__default["default"].forwardRef(({
         onClick(evt);
       }
     }
-  })), /*#__PURE__*/React__default["default"].createElement("label", {
+  })), /*#__PURE__*/React.createElement("label", {
     htmlFor: id,
     className: `${prefix}--checkbox-label`,
     title: title
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, /*#__PURE__*/React.createElement(Text.Text, {
     className: innerLabelClasses
-  }, labelText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, labelText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--checkbox-wrapper-inner--decorator`
-  }, normalizedDecorator) : '')), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, normalizedDecorator) : '')), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--checkbox__validation-msg`
-  }, !readOnly && invalid && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
+  }, !readOnly && invalid && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
     className: `${prefix}--checkbox__invalid-icon`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
-  }, invalidText)), showWarning && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
+  }, invalidText)), showWarning && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
     className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
   }, warnText))), showHelper && helper);
 });
@@ -135,79 +129,79 @@ Checkbox.propTypes = {
   /**
    * Specify whether the underlying input should be checked
    */
-  checked: PropTypes__default["default"].bool,
+  checked: PropTypes.bool,
   /**
    * Specify an optional className to be applied to the <label> node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * **Experimental**: Provide a decorator component to be rendered inside the `Checkbox` component
    */
-  decorator: PropTypes__default["default"].node,
+  decorator: PropTypes.node,
   /**
    * Specify whether the underlying input should be checked by default
    */
-  defaultChecked: PropTypes__default["default"].bool,
+  defaultChecked: PropTypes.bool,
   /**
    * Specify whether the Checkbox should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Provide text for the form group for additional help
    */
-  helperText: PropTypes__default["default"].node,
+  helperText: PropTypes.node,
   /**
    * Specify whether the label should be hidden, or not
    */
-  hideLabel: PropTypes__default["default"].bool,
+  hideLabel: PropTypes.bool,
   /**
    * Provide an `id` to uniquely identify the Checkbox input
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * Specify whether the Checkbox is in an indeterminate state
    */
-  indeterminate: PropTypes__default["default"].bool,
+  indeterminate: PropTypes.bool,
   /**
    * Specify whether the Checkbox is currently invalid
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Provide the text that is displayed when the Checkbox is in an invalid state
    */
-  invalidText: PropTypes__default["default"].node,
+  invalidText: PropTypes.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,
+  labelText: PropTypes.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,
+  onChange: PropTypes.func,
   /**
    * Specify whether the Checkbox is read-only
    */
-  readOnly: PropTypes__default["default"].bool,
+  readOnly: PropTypes.bool,
   /**
    * **Experimental**: Provide a `Slug` component to be rendered inside the `Checkbox` component
    */
-  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
+  slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
   /**
    * Specify a title for the <label> node for the Checkbox
    */
-  title: PropTypes__default["default"].string,
+  title: PropTypes.string,
   /**
    * Specify whether the Checkbox is currently in warning state
    */
-  warn: PropTypes__default["default"].bool,
+  warn: PropTypes.bool,
   /**
    * Provide the text that is displayed when the Checkbox is in warning state
    */
-  warnText: PropTypes__default["default"].node
+  warnText: PropTypes.node
 };
 Checkbox.displayName = 'Checkbox';
 
-exports["default"] = Checkbox;
+exports.default = Checkbox;

package/lib/components/Checkbox/index.js

@@ -14,6 +14,6 @@ var Checkbox_Skeleton = require('./Checkbox.Skeleton.js');
 
 
 
-exports.Checkbox = Checkbox["default"];
-exports["default"] = Checkbox["default"];
-exports.CheckboxSkeleton = Checkbox_Skeleton["default"];
+exports.Checkbox = Checkbox.default;
+exports.default = Checkbox.default;
+exports.CheckboxSkeleton = Checkbox_Skeleton.default;

package/lib/components/CheckboxGroup/CheckboxGroup.js

@@ -20,12 +20,6 @@ var useId = require('../../internal/useId.js');
 var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const CheckboxGroup = ({
   children,
   className,
@@ -47,11 +41,11 @@ const CheckboxGroup = ({
   const showHelper = !invalid && !warn;
   const checkboxGroupInstanceId = useId.useId();
   const helperId = !helperText ? undefined : `checkbox-group-helper-text-${checkboxGroupInstanceId}`;
-  const helper = helperText ? /*#__PURE__*/React__default["default"].createElement("div", {
+  const helper = helperText ? /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: `${prefix}--form__helper-text`
   }, helperText) : null;
-  const fieldsetClasses = cx__default["default"](`${prefix}--checkbox-group`, className, {
+  const fieldsetClasses = cx(`${prefix}--checkbox-group`, className, {
     [`${prefix}--checkbox-group--${orientation}`]: orientation === 'horizontal',
     [`${prefix}--checkbox-group--readonly`]: readOnly,
     [`${prefix}--checkbox-group--invalid`]: !readOnly && invalid,
@@ -67,26 +61,26 @@ const CheckboxGroup = ({
     size: 'mini',
     kind: 'default'
   }) : null;
-  return /*#__PURE__*/React__default["default"].createElement("fieldset", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("fieldset", _rollupPluginBabelHelpers.extends({
     className: fieldsetClasses,
     "data-invalid": invalid ? true : undefined,
     "aria-labelledby": rest['aria-labelledby'] || legendId,
     "aria-readonly": readOnly,
     "aria-describedby": !invalid && !warn && helper ? helperId : undefined
-  }, rest), /*#__PURE__*/React__default["default"].createElement("legend", {
+  }, rest), /*#__PURE__*/React.createElement("legend", {
     className: `${prefix}--label`,
     id: legendId || rest['aria-labelledby']
-  }, legendText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, legendText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--checkbox-group-inner--decorator`
-  }, normalizedDecorator) : ''), children, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, normalizedDecorator) : ''), children, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--checkbox-group__validation-msg`
-  }, !readOnly && invalid && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
+  }, !readOnly && invalid && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
     className: `${prefix}--checkbox__invalid-icon`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
-  }, invalidText)), showWarning && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
+  }, invalidText)), showWarning && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
     className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
   }, warnText))), showHelper && helper);
 };
@@ -94,56 +88,56 @@ CheckboxGroup.propTypes = {
   /**
    * Provide the children form elements to be rendered inside of the <fieldset>
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide a custom className to be applied to the containing <fieldset> node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * **Experimental**: Provide a decorator component to be rendered inside the `CheckboxGroup` component
    */
-  decorator: PropTypes__default["default"].node,
+  decorator: PropTypes.node,
   /**
    * Provide text for the form group for additional help
    */
-  helperText: PropTypes__default["default"].node,
+  helperText: PropTypes.node,
   /**
    * Specify whether the form group is currently invalid
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Provide the text that is displayed when the form group is in an invalid state
    */
-  invalidText: PropTypes__default["default"].node,
+  invalidText: PropTypes.node,
   /**
    * Provide id for the fieldset <legend> which corresponds to the fieldset
    * `aria-labelledby`
    */
-  legendId: PropTypes__default["default"].node,
+  legendId: PropTypes.node,
   /**
    * Provide the text to be rendered inside of the fieldset <legend>
    */
-  legendText: PropTypes__default["default"].node.isRequired,
+  legendText: PropTypes.node.isRequired,
   /**
    * Provide the orientation for how the checkbox should be displayed
    */
-  orientation: PropTypes__default["default"].oneOf(['horizontal', 'vertical']),
+  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
   /**
    * Whether the CheckboxGroup should be read-only
    */
-  readOnly: PropTypes__default["default"].bool,
+  readOnly: PropTypes.bool,
   /**
    * **Experimental**: Provide a `Slug` component to be rendered inside the `CheckboxGroup` component
    */
-  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
+  slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
   /**
    * Specify whether the form group is currently in warning state
    */
-  warn: PropTypes__default["default"].bool,
+  warn: PropTypes.bool,
   /**
    * Provide the text that is displayed when the form group is in warning state
    */
-  warnText: PropTypes__default["default"].node
+  warnText: PropTypes.node
 };
 
-exports["default"] = CheckboxGroup;
+exports.default = CheckboxGroup;

package/lib/components/ClassPrefix/index.js

@@ -7,31 +7,24 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 function ClassPrefix({
   children,
   prefix
 }) {
-  return /*#__PURE__*/React__default["default"].createElement(usePrefix.PrefixContext.Provider, {
+  return /*#__PURE__*/React.createElement(usePrefix.PrefixContext.Provider, {
     value: prefix
   }, children);
 }
 ClassPrefix.propTypes = {
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * The value used to prefix the CSS selectors used by Carbon components
    */
-  prefix: PropTypes__default["default"].string.isRequired
+  prefix: PropTypes.string.isRequired
 };
 
 exports.ClassPrefix = ClassPrefix;

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

@@ -15,12 +15,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _span, _span2, _span3, _span4;
 function CodeSnippetSkeleton({
   className: containerClassName,
@@ -28,37 +22,37 @@ function CodeSnippetSkeleton({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](containerClassName, {
+  const className = cx(containerClassName, {
     [`${prefix}--snippet`]: true,
     [`${prefix}--skeleton`]: true,
     [`${prefix}--snippet--single`]: type === 'single',
     [`${prefix}--snippet--multi`]: type === 'multi'
   });
   if (type === 'single') {
-    return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
       className: className
-    }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, rest), /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--snippet-container`
-    }, _span || (_span = /*#__PURE__*/React__default["default"].createElement("span", null))));
+    }, _span || (_span = /*#__PURE__*/React.createElement("span", null))));
   }
   if (type === 'multi') {
-    return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
       className: className
-    }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, rest), /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--snippet-container`
-    }, _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))));
+    }, _span2 || (_span2 = /*#__PURE__*/React.createElement("span", null)), _span3 || (_span3 = /*#__PURE__*/React.createElement("span", null)), _span4 || (_span4 = /*#__PURE__*/React.createElement("span", null))));
   }
 }
 CodeSnippetSkeleton.propTypes = {
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * The type of the code snippet, including single or multi
    */
-  type: PropTypes__default["default"].oneOf(['single', 'multi'])
+  type: PropTypes.oneOf(['single', 'multi'])
 };
 
 exports.CodeSnippetSkeleton = CodeSnippetSkeleton;
-exports["default"] = CodeSnippetSkeleton;
+exports.default = CodeSnippetSkeleton;