@carbon/react 1.19.0 → 1.21.0-rc.0

package/es/components/NumberInput/NumberInput.js

@@ -9,12 +9,13 @@ import { defineProperty as _defineProperty, objectWithoutProperties as _objectWi
 import { Subtract, Add } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { useState, useRef } from 'react';
-import { useFeatureFlag } from '../FeatureFlags/index.js';
+import React__default, { useContext, useState, useRef } from 'react';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { useNormalizedInputProps } from '../../internal/useNormalizedInputProps.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
+import '../FluidForm/FluidForm.js';
+import { FormContext } from '../FluidForm/FormContext.js';
 
 var _excluded = ["allowEmpty", "className", "disabled", "disableWheel", "defaultValue", "helperText", "hideLabel", "hideSteppers", "iconDescription", "id", "label", "invalid", "invalidText", "light", "max", "min", "onChange", "onClick", "onKeyUp", "readOnly", "size", "step", "translateWithId", "warn", "warnText", "value"];
 
@@ -25,9 +26,7 @@ var translationIds = {
 };
 var defaultTranslations = (_defaultTranslations = {}, _defineProperty(_defaultTranslations, translationIds['increment.number'], 'Increment number'), _defineProperty(_defaultTranslations, translationIds['decrement.number'], 'Decrement number'), _defaultTranslations);
 var NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(props, forwardRef) {
-  var _cx, _cx3;
-
-  var enabled = useFeatureFlag('enable-v11-release');
+  var _cx, _cx3, _cx4;
 
   var _props$allowEmpty = props.allowEmpty,
       allowEmpty = _props$allowEmpty === void 0 ? false : _props$allowEmpty,
@@ -42,14 +41,12 @@ var NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(pr
       _props$hideLabel = props.hideLabel,
       hideLabel = _props$hideLabel === void 0 ? false : _props$hideLabel,
       hideSteppers = props.hideSteppers,
-      _props$iconDescriptio = props.iconDescription,
-      iconDescription = _props$iconDescriptio === void 0 ? enabled ? undefined : 'choose a number' : _props$iconDescriptio,
+      iconDescription = props.iconDescription,
       id = props.id,
       label = props.label,
       _props$invalid = props.invalid,
       invalid = _props$invalid === void 0 ? false : _props$invalid,
-      _props$invalidText = props.invalidText,
-      invalidText = _props$invalidText === void 0 ? enabled ? undefined : 'Provide invalidText' : _props$invalidText,
+      invalidText = props.invalidText,
       light = props.light,
       _props$max = props.max,
       max = _props$max === void 0 ? 100 : _props$max,
@@ -76,7 +73,15 @@ var NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(pr
 
   var prefix = usePrefix();
 
-  var _useState = useState(function () {
+  var _useContext = useContext(FormContext),
+      isFluid = _useContext.isFluid;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isFocused = _useState2[0],
+      setIsFocused = _useState2[1];
+
+  var _useState3 = useState(function () {
     if (controlledValue !== undefined) {
       return controlledValue;
     }
@@ -87,18 +92,18 @@ var NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(pr
 
     return 0;
   }),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  var _useState3 = useState(controlledValue),
       _useState4 = _slicedToArray(_useState3, 2),
-      prevControlledValue = _useState4[0],
-      setPrevControlledValue = _useState4[1];
+      value = _useState4[0],
+      setValue = _useState4[1];
+
+  var _useState5 = useState(controlledValue),
+      _useState6 = _slicedToArray(_useState5, 2),
+      prevControlledValue = _useState6[0],
+      setPrevControlledValue = _useState6[1];
 
   var inputRef = useRef(null);
   var ref = useMergedRefs([forwardRef, inputRef]);
-  var numberInputClasses = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--number"), true), _defineProperty(_cx, "".concat(prefix, "--number--helpertext"), true), _defineProperty(_cx, "".concat(prefix, "--number--readonly"), readOnly), _defineProperty(_cx, "".concat(prefix, "--number--light"), light), _defineProperty(_cx, "".concat(prefix, "--number--nolabel"), hideLabel), _defineProperty(_cx, "".concat(prefix, "--number--nosteppers"), hideSteppers), _defineProperty(_cx, "".concat(prefix, "--number--").concat(size), size), _defineProperty(_cx, customClassName, !enabled), _cx));
+  var numberInputClasses = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--number"), true), _defineProperty(_cx, "".concat(prefix, "--number--helpertext"), true), _defineProperty(_cx, "".concat(prefix, "--number--readonly"), readOnly), _defineProperty(_cx, "".concat(prefix, "--number--light"), light), _defineProperty(_cx, "".concat(prefix, "--number--nolabel"), hideLabel), _defineProperty(_cx, "".concat(prefix, "--number--nosteppers"), hideSteppers), _defineProperty(_cx, "".concat(prefix, "--number--").concat(size), size), _cx));
   var isInputValid = getInputValidity({
     allowEmpty: allowEmpty,
     invalid: invalid,
@@ -152,8 +157,19 @@ var NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(pr
     }
   }
 
+  var handleFocus = function handleFocus(evt) {
+    if (evt.target.type === 'button') {
+      setIsFocused(false);
+    } else {
+      setIsFocused(evt.type === 'focus' ? true : false);
+    }
+  };
+
+  var outerElementClasses = cx("".concat(prefix, "--form-item"), (_cx4 = {}, _defineProperty(_cx4, customClassName, !!customClassName), _defineProperty(_cx4, "".concat(prefix, "--number-input--fluid--invalid"), isFluid && normalizedProps.invalid), _defineProperty(_cx4, "".concat(prefix, "--number-input--fluid--focus"), isFluid && isFocused), _defineProperty(_cx4, "".concat(prefix, "--number-input--fluid--disabled"), isFluid && disabled), _cx4));
   return /*#__PURE__*/React__default.createElement("div", {
-    className: cx("".concat(prefix, "--form-item"), _defineProperty({}, customClassName, enabled))
+    className: outerElementClasses,
+    onFocus: isFluid ? handleFocus : null,
+    onBlur: isFluid ? handleFocus : null
   }, /*#__PURE__*/React__default.createElement("div", {
     className: numberInputClasses,
     "data-invalid": normalizedProps.invalid ? true : undefined
@@ -255,7 +271,9 @@ var NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(pr
     className: "up-icon"
   }))), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(prefix, "--number__rule-divider")
-  }))), normalizedProps.validation ? normalizedProps.validation : /*#__PURE__*/React__default.createElement(HelperText, {
+  }))), isFluid && /*#__PURE__*/React__default.createElement("hr", {
+    className: "".concat(prefix, "--number-input__divider")
+  }), normalizedProps.validation ? normalizedProps.validation : /*#__PURE__*/React__default.createElement(HelperText, {
     disabled: disabled,
     description: helperText
   })));

package/es/components/OverflowMenu/index.js

@@ -10,4 +10,4 @@ import { createClassWrapper } from '../../internal/createClassWrapper.js';
 
 var OverflowMenu = createClassWrapper(OverflowMenu$1);
 
-export { OverflowMenu as default };
+export { OverflowMenu, OverflowMenu as default };

package/es/components/OverflowMenuItem/OverflowMenuItem.js

@@ -5,136 +5,106 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, defineProperty as _defineProperty, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { ArrowDown, ArrowUp } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
 import { warning } from '../../internal/warning.js';
-import * as FeatureFlags from '@carbon/feature-flags';
-import { PrefixContext } from '../../internal/usePrefix.js';
-
-var _excluded = ["href", "className", "itemText", "hasDivider", "isDelete", "disabled", "closeMenu", "onClick", "handleOverflowMenuItemFocus", "onKeyDown", "wrapperClassName", "requireTitle", "index", "title"];
-
-var OverflowMenuItem = /*#__PURE__*/function (_React$Component) {
-  _inherits(OverflowMenuItem, _React$Component);
-
-  var _super = _createSuper(OverflowMenuItem);
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var _excluded = ["className", "closeMenu", "disabled", "handleOverflowMenuItemFocus", "hasDivider", "href", "isDelete", "index", "itemText", "onClick", "onKeyDown", "requireTitle", "title", "wrapperClassName"];
+var OverflowMenuItem = /*#__PURE__*/React__default.forwardRef(function OverflowMenuItem(_ref, ref) {
+  var _cx;
+
+  var className = _ref.className,
+      closeMenu = _ref.closeMenu,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      handleOverflowMenuItemFocus = _ref.handleOverflowMenuItemFocus,
+      _ref$hasDivider = _ref.hasDivider,
+      hasDivider = _ref$hasDivider === void 0 ? false : _ref$hasDivider,
+      href = _ref.href,
+      _ref$isDelete = _ref.isDelete,
+      isDelete = _ref$isDelete === void 0 ? false : _ref$isDelete,
+      index = _ref.index,
+      _ref$itemText = _ref.itemText,
+      itemText = _ref$itemText === void 0 ? 'Provide itemText' : _ref$itemText,
+      _ref$onClick = _ref.onClick,
+      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+      _ref$onKeyDown = _ref.onKeyDown,
+      _onKeyDown = _ref$onKeyDown === void 0 ? function () {} : _ref$onKeyDown,
+      requireTitle = _ref.requireTitle,
+      title = _ref.title,
+      wrapperClassName = _ref.wrapperClassName,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix();
+
+  function setTabFocus(evt) {
+    if (match(evt, ArrowDown)) {
+      handleOverflowMenuItemFocus({
+        currentIndex: index,
+        direction: 1
+      });
+    }
 
-  function OverflowMenuItem() {
-    var _this;
+    if (match(evt, ArrowUp)) {
+      handleOverflowMenuItemFocus({
+        currentIndex: index,
+        direction: -1
+      });
+    }
+  }
 
-    _classCallCheck(this, OverflowMenuItem);
+  function handleClick(evt) {
+    onClick(evt);
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+    if (closeMenu) {
+      closeMenu();
     }
+  }
 
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "overflowMenuItem", /*#__PURE__*/React__default.createRef());
-
-    _defineProperty(_assertThisInitialized(_this), "setTabFocus", function (evt) {
-      if (match(evt, ArrowDown)) {
-        _this.props.handleOverflowMenuItemFocus({
-          currentIndex: _this.props.index,
-          direction: 1
-        });
-      }
-
-      if (match(evt, ArrowUp)) {
-        _this.props.handleOverflowMenuItemFocus({
-          currentIndex: _this.props.index,
-          direction: -1
-        });
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleClick", function (evt) {
-      var _this$props = _this.props,
-          onClick = _this$props.onClick,
-          closeMenu = _this$props.closeMenu;
-      onClick(evt);
-
-      if (closeMenu) {
-        closeMenu();
-      }
-    });
-
-    return _this;
+  if (process.env.NODE_ENV !== "production") {
+    process.env.NODE_ENV !== "production" ? warning(closeMenu, '`<OverflowMenuItem>` detected missing `closeMenu` prop. ' + '`closeMenu` is required to let `<OverflowMenu>` close the menu upon actions on `<OverflowMenuItem>`. ' + 'Please make sure `<OverflowMenuItem>` is a direct child of `<OverflowMenu>.') : void 0;
   }
 
-  _createClass(OverflowMenuItem, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props2 = this.props,
-          href = _this$props2.href,
-          className = _this$props2.className,
-          itemText = _this$props2.itemText,
-          hasDivider = _this$props2.hasDivider,
-          isDelete = _this$props2.isDelete,
-          disabled = _this$props2.disabled,
-          closeMenu = _this$props2.closeMenu;
-          _this$props2.onClick;
-          _this$props2.handleOverflowMenuItemFocus;
-          var _onKeyDown = _this$props2.onKeyDown,
-          wrapperClassName = _this$props2.wrapperClassName,
-          requireTitle = _this$props2.requireTitle,
-          index = _this$props2.index,
-          title = _this$props2.title,
-          other = _objectWithoutProperties(_this$props2, _excluded);
-
-      if (process.env.NODE_ENV !== "production") {
-        process.env.NODE_ENV !== "production" ? warning(closeMenu, '`<OverflowMenuItem>` detected missing `closeMenu` prop. ' + '`closeMenu` is required to let `<OverflowMenu>` close the menu upon actions on `<OverflowMenuItem>`. ' + 'Please make sure `<OverflowMenuItem>` is a direct child of `<OverflowMenu>.') : void 0;
-      }
-
-      return /*#__PURE__*/React__default.createElement(PrefixContext.Consumer, null, function (prefix) {
-        var _classNames;
-
-        var overflowMenuBtnClasses = cx("".concat(prefix, "--overflow-menu-options__btn"), className);
-        var overflowMenuItemClasses = cx("".concat(prefix, "--overflow-menu-options__option"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--overflow-menu--divider"), hasDivider), _defineProperty(_classNames, "".concat(prefix, "--overflow-menu-options__option--danger"), isDelete), _defineProperty(_classNames, "".concat(prefix, "--overflow-menu-options__option--disabled"), disabled), _classNames), wrapperClassName);
-        var TagToUse = href ? 'a' : 'button';
-
-        var OverflowMenuItemContent = function () {
-          if (typeof itemText !== 'string') {
-            return itemText;
-          }
-
-          return /*#__PURE__*/React__default.createElement("div", {
-            className: "".concat(prefix, "--overflow-menu-options__option-content")
-          }, itemText);
-        }();
-
-        return /*#__PURE__*/React__default.createElement("li", {
-          className: overflowMenuItemClasses,
-          role: "none"
-        }, /*#__PURE__*/React__default.createElement(TagToUse, _extends({}, other, {
-          role: "menuitem",
-          href: href,
-          className: overflowMenuBtnClasses,
-          disabled: disabled,
-          onClick: _this2.handleClick,
-          onKeyDown: function onKeyDown(evt) {
-            _this2.setTabFocus(evt);
-
-            _onKeyDown(evt);
-          },
-          ref: _this2.overflowMenuItem,
-          title: requireTitle ? title || itemText : null,
-          tabIndex: "-1",
-          index: index
-        }), OverflowMenuItemContent));
-      });
-    }
-  }]);
+  var overflowMenuBtnClasses = cx("".concat(prefix, "--overflow-menu-options__btn"), className);
+  var overflowMenuItemClasses = cx("".concat(prefix, "--overflow-menu-options__option"), (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--overflow-menu--divider"), hasDivider), _defineProperty(_cx, "".concat(prefix, "--overflow-menu-options__option--danger"), isDelete), _defineProperty(_cx, "".concat(prefix, "--overflow-menu-options__option--disabled"), disabled), _cx), wrapperClassName);
+  var TagToUse = href ? 'a' : 'button';
 
-  return OverflowMenuItem;
-}(React__default.Component);
+  var OverflowMenuItemContent = function () {
+    if (typeof itemText !== 'string') {
+      return itemText;
+    }
 
-_defineProperty(OverflowMenuItem, "propTypes", {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "".concat(prefix, "--overflow-menu-options__option-content")
+    }, itemText);
+  }();
+
+  return /*#__PURE__*/React__default.createElement("li", {
+    className: overflowMenuItemClasses,
+    role: "none"
+  }, /*#__PURE__*/React__default.createElement(TagToUse, _extends({
+    className: overflowMenuBtnClasses,
+    disabled: disabled,
+    href: href,
+    index: index,
+    onClick: handleClick,
+    onKeyDown: function onKeyDown(evt) {
+      setTabFocus(evt);
+
+      _onKeyDown(evt);
+    },
+    role: "menuitem",
+    ref: ref,
+    tabIndex: "-1",
+    title: requireTitle ? title || itemText : null
+  }, rest), OverflowMenuItemContent));
+});
+OverflowMenuItem.propTypes = {
   /**
    * The CSS class name to be placed on the button element
    */
@@ -199,15 +169,6 @@ _defineProperty(OverflowMenuItem, "propTypes", {
    * The CSS class name to be placed on the wrapper list item element
    */
   wrapperClassName: PropTypes.string
-});
-
-_defineProperty(OverflowMenuItem, "defaultProps", {
-  hasDivider: false,
-  isDelete: false,
-  disabled: false,
-  itemText: FeatureFlags.enabled('enable-v11-release') ? null : 'Provide itemText',
-  onClick: function onClick() {},
-  onKeyDown: function onKeyDown() {}
-});
+};
 
 export { OverflowMenuItem as default };

package/es/components/OverflowMenuItem/index.js

@@ -6,4 +6,4 @@
  */
 
 import OverflowMenuItem from './OverflowMenuItem.js';
-export { default } from './OverflowMenuItem.js';
+export { default as OverflowMenuItem, default } from './OverflowMenuItem.js';

package/es/components/Pagination/Pagination.Skeleton.js

@@ -45,4 +45,4 @@ PaginationSkeleton.propTypes = {
   className: PropTypes.string
 };
 
-export { PaginationSkeleton as default };
+export { PaginationSkeleton, PaginationSkeleton as default };

package/es/components/Pagination/Pagination.js

@@ -10,8 +10,8 @@ import { CaretLeft, CaretRight } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useState } from 'react';
-import '../Select/Select.Skeleton.js';
 import Select from '../Select/Select.js';
+import '../Select/Select.Skeleton.js';
 import SelectItem from '../SelectItem/SelectItem.js';
 import { equals } from '../../tools/array.js';
 import { useFallbackId } from '../../internal/useId.js';

package/es/components/Pagination/experimental/PageSelector.js

@@ -10,8 +10,8 @@ import React__default from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import setupGetInstanceId from '../../../tools/setupGetInstanceId.js';
-import '../../Select/Select.Skeleton.js';
 import Select from '../../Select/Select.js';
+import '../../Select/Select.Skeleton.js';
 import SelectItem from '../../SelectItem/SelectItem.js';
 import { usePrefix } from '../../../internal/usePrefix.js';
 

package/es/components/Pagination/experimental/Pagination.js

@@ -10,10 +10,10 @@ import React__default, { useState } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { CaretLeft, CaretRight } from '@carbon/icons-react';
-import '../../Button/Button.Skeleton.js';
 import Button from '../../Button/Button.js';
-import '../../Select/Select.Skeleton.js';
+import '../../Button/Button.Skeleton.js';
 import Select from '../../Select/Select.js';
+import '../../Select/Select.Skeleton.js';
 import SelectItem from '../../SelectItem/SelectItem.js';
 import { IconButton } from '../../IconButton/index.js';
 import * as FeatureFlags from '@carbon/feature-flags';

package/es/components/PaginationNav/PaginationNav.js

@@ -10,8 +10,8 @@ import PropTypes from 'prop-types';
 import React__default, { useState, useEffect, useRef } from 'react';
 import cx from 'classnames';
 import { CaretRight, CaretLeft, OverflowMenuHorizontal } from '@carbon/icons-react';
-import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
+import '../Button/Button.Skeleton.js';
 import { IconButton } from '../IconButton/index.js';
 import * as FeatureFlags from '@carbon/feature-flags';
 import { usePrefix } from '../../internal/usePrefix.js';

package/es/components/PrimaryButton/PrimaryButton.js

@@ -7,8 +7,8 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
+import '../Button/Button.Skeleton.js';
 
 var PrimaryButton = function PrimaryButton(props) {
   return /*#__PURE__*/React__default.createElement(Button, _extends({

package/es/components/ProgressBar/ProgressBar.js

@@ -6,12 +6,13 @@
  */
 
 import { defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React__default, { useRef } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { ErrorFilled, CheckmarkFilled } from '@carbon/icons-react';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 
 function ProgressBar(_ref) {
   var _classNames;
@@ -72,6 +73,14 @@ function ProgressBar(_ref) {
     });
   }
 
+  var ref = useRef();
+  useIsomorphicEffect(function () {
+    if (!isFinished && !isError) {
+      ref.current.style.transform = "scaleX(".concat(percentage, ")");
+    } else {
+      ref.current.style.transform = null;
+    }
+  }, [percentage, isFinished, isError]);
   return /*#__PURE__*/React__default.createElement("div", {
     className: wrapperClasses
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -92,9 +101,7 @@ function ProgressBar(_ref) {
     "aria-valuenow": !indeterminate ? cappedValue : null
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(prefix, "--progress-bar__bar"),
-    style: !isFinished && !isError ? {
-      transform: "scaleX(".concat(percentage, ")")
-    } : null
+    ref: ref
   })), helperText && /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(prefix, "--progress-bar__helper-text")
   }, helperText, /*#__PURE__*/React__default.createElement("div", {

package/es/components/ProgressIndicator/ProgressIndicator.Skeleton.js

@@ -52,4 +52,4 @@ ProgressIndicatorSkeleton.propTypes = {
   vertical: PropTypes.bool
 };
 
-export { ProgressIndicatorSkeleton as default };
+export { ProgressIndicatorSkeleton, ProgressIndicatorSkeleton as default };

package/es/components/RadioButton/RadioButton.Skeleton.js

@@ -34,4 +34,4 @@ RadioButtonSkeleton.propTypes = {
   className: PropTypes.string
 };
 
-export { RadioButtonSkeleton as default };
+export { RadioButtonSkeleton, RadioButtonSkeleton as default };

package/es/components/RadioButton/index.js

@@ -6,4 +6,4 @@
  */
 
 import RadioButton from './RadioButton.js';
-export { default } from './RadioButton.js';
+export { default as RadioButton, default } from './RadioButton.js';

package/es/components/RadioTile/index.js

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * 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 RadioTile from './RadioTile.js';
+export { default as RadioTile, default } from './RadioTile.js';

package/es/components/Search/Search.Skeleton.js

@@ -46,4 +46,4 @@ SearchSkeleton.defaultProps = {
   small: false
 };
 
-export { SearchSkeleton as default };
+export { SearchSkeleton, SearchSkeleton as default };

package/es/components/Search/Search.js

@@ -9,7 +9,7 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import { Close, Search as Search$1 } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { useRef, useState } from 'react';
+import React__default, { useContext, useRef, useState } from 'react';
 import { focus } from '../../internal/focus/index.js';
 import { Escape } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
@@ -18,6 +18,8 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { composeEventHandlers } from '../../tools/events.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import deprecate from '../../prop-types/deprecate.js';
+import '../FluidForm/FluidForm.js';
+import { FormContext } from '../FluidForm/FormContext.js';
 
 var _Close;
 
@@ -54,6 +56,10 @@ var Search = /*#__PURE__*/React__default.forwardRef(function Search(_ref, forwar
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
+
+  var _useContext = useContext(FormContext),
+      isFluid = _useContext.isFluid;
+
   var inputRef = useRef(null);
   var ref = useMergedRefs([forwardRef, inputRef]);
   var inputId = useId('search-input');
@@ -70,7 +76,7 @@ var Search = /*#__PURE__*/React__default.forwardRef(function Search(_ref, forwar
       prevValue = _useState4[0],
       setPrevValue = _useState4[1];
 
-  var searchClasses = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--search"), true), _defineProperty(_cx, "".concat(prefix, "--search--sm"), size === 'sm'), _defineProperty(_cx, "".concat(prefix, "--search--md"), size === 'md'), _defineProperty(_cx, "".concat(prefix, "--search--lg"), size === 'lg'), _defineProperty(_cx, "".concat(prefix, "--search--light"), light), _defineProperty(_cx, "".concat(prefix, "--search--disabled"), disabled), _defineProperty(_cx, className, className), _cx));
+  var searchClasses = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--search"), true), _defineProperty(_cx, "".concat(prefix, "--search--sm"), size === 'sm'), _defineProperty(_cx, "".concat(prefix, "--search--md"), size === 'md'), _defineProperty(_cx, "".concat(prefix, "--search--lg"), size === 'lg'), _defineProperty(_cx, "".concat(prefix, "--search--light"), light), _defineProperty(_cx, "".concat(prefix, "--search--disabled"), disabled), _defineProperty(_cx, "".concat(prefix, "--search--fluid"), isFluid), _defineProperty(_cx, className, className), _cx));
   var clearClasses = cx((_cx2 = {}, _defineProperty(_cx2, "".concat(prefix, "--search-close"), true), _defineProperty(_cx2, "".concat(prefix, "--search-close--hidden"), !hasContent), _cx2));
 
   if (value !== prevValue) {

package/es/components/Search/index.js

@@ -6,5 +6,5 @@
  */
 
 import Search from './Search.js';
-export { default } from './Search.js';
+export { default as Search, default } from './Search.js';
 export { default as SearchSkeleton } from './Search.Skeleton.js';

package/es/components/SecondaryButton/SecondaryButton.js

@@ -7,8 +7,8 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
+import '../Button/Button.Skeleton.js';
 
 var SecondaryButton = function SecondaryButton(props) {
   return /*#__PURE__*/React__default.createElement(Button, _extends({

package/es/components/Select/Select.Skeleton.js

@@ -42,4 +42,4 @@ SelectSkeleton.propTypes = {
   hideLabel: PropTypes.bool
 };
 
-export { SelectSkeleton as default };
+export { SelectSkeleton, SelectSkeleton as default };

package/es/components/Select/index.js

@@ -0,0 +1,10 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * 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 Select from './Select.js';
+export { default as Select, default } from './Select.js';
+export { default as SelectSkeleton } from './Select.Skeleton.js';

package/es/components/SelectItem/index.js

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * 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';
+export { default as SelectItem, default } from './SelectItem.js';