@carbon/react 0.17.0-rc.0 → 1.0.0

package/lib/components/Link/Link.js

@@ -0,0 +1,105 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var cx = require('classnames');
+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 _excluded = ["children", "className", "href", "disabled", "inline", "visited", "renderIcon", "size"];
+var Link = /*#__PURE__*/React__default["default"].forwardRef(function Link(_ref, ref) {
+  var _cx;
+
+  var children = _ref.children,
+      customClassName = _ref.className,
+      href = _ref.href,
+      disabled = _ref.disabled,
+      inline = _ref.inline,
+      visited = _ref.visited,
+      Icon = _ref.renderIcon,
+      size = _ref.size,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  var className = cx__default["default"]("".concat(prefix, "--link"), customClassName, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--link--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--link--inline"), inline), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--link--visited"), visited), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--link--").concat(size), size), _cx));
+  var rel = rest.target === '_blank' ? 'noopener' : null;
+  var linkProps = {
+    className: className,
+    rel: rel
+  }; // Reference for disabled links:
+  // https://www.scottohara.me/blog/2021/05/28/disabled-links.html
+
+  if (!disabled) {
+    linkProps.href = href;
+  } else {
+    linkProps.role = 'link';
+    linkProps['aria-disabled'] = true;
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement("a", _rollupPluginBabelHelpers["extends"]({
+    ref: ref
+  }, linkProps, rest), children, !inline && Icon && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--link__icon")
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, null)));
+});
+Link.displayName = 'Link';
+Link.propTypes = {
+  /**
+   * Provide the content for the Link
+   */
+  children: PropTypes__default["default"].node,
+
+  /**
+   * Provide a custom className to be applied to the containing `<a>` node
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Specify if the control should be disabled, or not
+   */
+  disabled: PropTypes__default["default"].bool,
+
+  /**
+   * Provide the `href` attribute for the `<a>` node
+   */
+  href: PropTypes__default["default"].string,
+
+  /**
+   * Specify whether you want the inline version of this control
+   */
+  inline: PropTypes__default["default"].bool,
+
+  /**
+   * Optional prop to render an icon next to the link.
+   * Can be a React component class
+   */
+  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
+
+  /**
+   * Specify the size of the Link. Currently supports either `sm`, 'md' (default) or 'lg` as an option.
+   */
+  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
+
+  /**
+   * Specify whether you want the link to receive visited styles after the link has been clicked
+   */
+  visited: PropTypes__default["default"].bool
+};
+var Link$1 = Link;
+
+exports["default"] = Link$1;

package/lib/components/ListBox/ListBox.js

@@ -0,0 +1,149 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var cx = require('classnames');
+var React = require('react');
+var PropTypes = require('prop-types');
+var ListBoxPropTypes = require('./ListBoxPropTypes.js');
+var usePrefix = require('../../internal/usePrefix.js');
+var ListBoxField = require('./ListBoxField.js');
+var ListBoxMenu = require('./ListBoxMenu.js');
+var ListBoxMenuIcon = require('./ListBoxMenuIcon.js');
+var ListBoxMenuItem = require('./ListBoxMenuItem.js');
+var ListBoxSelection = require('./ListBoxSelection.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+var _excluded = ["children", "className", "disabled", "type", "size", "invalid", "invalidText", "warn", "warnText", "light", "isOpen"];
+
+var handleOnKeyDown = function handleOnKeyDown(event) {
+  if (event.keyCode === 27) {
+    event.stopPropagation();
+  }
+};
+
+var handleClick = function handleClick(event) {
+  event.preventDefault();
+  event.stopPropagation();
+};
+/**
+ * `ListBox` is a generic container component that handles creating the
+ * container class name in response to certain props.
+ */
+
+
+var ListBox = /*#__PURE__*/React__default["default"].forwardRef(function ListBox(_ref, ref) {
+  var _cx;
+
+  var children = _ref.children,
+      containerClassName = _ref.className,
+      disabled = _ref.disabled,
+      type = _ref.type,
+      size = _ref.size,
+      invalid = _ref.invalid,
+      invalidText = _ref.invalidText,
+      warn = _ref.warn,
+      warnText = _ref.warnText,
+      light = _ref.light,
+      isOpen = _ref.isOpen,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  var showWarning = !invalid && warn;
+  var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, containerClassName, !!containerClassName), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--inline"), type === 'inline'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--light"), light), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--expanded"), isOpen), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--warning"), showWarning), _cx));
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: className,
+    ref: ref,
+    onKeyDown: handleOnKeyDown,
+    onClick: handleClick,
+    "data-invalid": invalid || undefined
+  }), children), invalid ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--form-requirement")
+  }, invalidText) : null, showWarning ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--form-requirement")
+  }, warnText) : null);
+});
+ListBox.displayName = 'ListBox';
+ListBox.propTypes = {
+  /**
+   * Provide the contents of your ListBox
+   */
+  children: PropTypes__default["default"].node,
+
+  /**
+   * Specify a class name to be applied on the containing list box node
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Specify whether the ListBox is currently disabled
+   */
+  disabled: PropTypes__default["default"].bool.isRequired,
+
+  /**
+   * Specify whether the control is currently invalid
+   */
+  invalid: PropTypes__default["default"].bool,
+
+  /**
+   * Specify the text to be displayed when the control is invalid
+   */
+  invalidText: PropTypes__default["default"].node,
+
+  /**
+   * Specify if the control should render open
+   */
+  isOpen: PropTypes__default["default"].bool,
+
+  /**
+   * `true` to use the light version. For use on $ui-01 backgrounds only.
+   * Don't use this to make tile background color same as container background color.
+   */
+  light: PropTypes__default["default"].bool,
+
+  /**
+   * Specify the size of the ListBox. Currently supports either `sm`, `md` or `lg` as an option.
+   */
+  size: ListBoxPropTypes.ListBoxSize,
+
+  /**
+   * Specify the "type" of the ListBox. Currently supports either `default` or
+   * `inline` as an option.
+   */
+  type: ListBoxPropTypes.ListBoxType.isRequired,
+
+  /**
+   * Specify whether the control is currently in warning state
+   */
+  warn: PropTypes__default["default"].bool,
+
+  /**
+   * Provide the text that is displayed when the control is in warning state
+   */
+  warnText: PropTypes__default["default"].node
+};
+ListBox.defaultProps = {
+  disabled: false,
+  type: 'default'
+};
+ListBox.Field = ListBoxField["default"];
+ListBox.Menu = ListBoxMenu["default"];
+ListBox.MenuIcon = ListBoxMenuIcon["default"];
+ListBox.MenuItem = ListBoxMenuItem["default"];
+ListBox.Selection = ListBoxSelection["default"];
+var ListBox$1 = ListBox;
+
+exports["default"] = ListBox$1;

package/lib/components/ListBox/ListBoxField.js

@@ -0,0 +1,71 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var usePrefix = require('../../internal/usePrefix.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+var _excluded = ["children", "disabled", "tabIndex"];
+/**
+ * `ListBoxField` is responsible for creating the containing node for valid
+ * elements inside of a field. It also provides a11y-related attributes like
+ * `role` to make sure a user can focus the given field.
+ */
+
+function ListBoxField(_ref) {
+  var children = _ref.children,
+      disabled = _ref.disabled,
+      tabIndex = _ref.tabIndex,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    className: "".concat(prefix, "--list-box__field"),
+    tabIndex: !disabled && tabIndex || -1
+  }, rest), children);
+}
+
+ListBoxField.propTypes = {
+  /**
+   * Typically set by `getToggleButtonProps`, this should specify whether the
+   * field has a popup.
+   */
+  'aria-haspopup': PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].bool]),
+
+  /**
+   * Provide the contents of your ListBoxField
+   */
+  children: PropTypes__default["default"].node,
+
+  /**
+   * Specify if the parent <ListBox> is disabled
+   */
+  disabled: PropTypes__default["default"].bool,
+
+  /**
+   * The role for the component, should be set by `getToggleButtonProps` coming
+   * from Downshift
+   */
+  role: PropTypes__default["default"].string,
+
+  /**
+   * Optional prop to specify the tabIndex of the <ListBox> trigger button
+   */
+  tabIndex: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string])
+};
+
+exports["default"] = ListBoxField;

package/lib/components/ListBox/ListBoxMenu.js

@@ -0,0 +1,65 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var usePrefix = require('../../internal/usePrefix.js');
+var PropTypes = require('prop-types');
+var ListBoxMenuItem = require('./ListBoxMenuItem.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+var _excluded = ["children", "id"];
+/**
+ * `ListBoxMenu` is a simple container node that isolates the `list-box__menu`
+ * class into a single component. It is also being used to validate given
+ * `children` components.
+ */
+
+var ListBoxMenu = /*#__PURE__*/React__default["default"].forwardRef(function ListBoxMenu(_ref, ref) {
+  var children = _ref.children,
+      id = _ref.id,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    ref: ref,
+    id: id,
+    className: "".concat(prefix, "--list-box__menu"),
+    role: "listbox"
+  }, rest), children);
+});
+ListBoxMenu.displayName = 'ListBoxMenu';
+ListBoxMenu.propTypes = {
+  /**
+   * Provide the contents of your ListBoxMenu
+   */
+  children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].node, PropTypes__default["default"].arrayOf(ListBoxMenuItem["default"]),
+  /**
+   * allow single item using the workaround for functional components
+   * https://github.com/facebook/react/issues/2979#issuecomment-222379916
+   */
+  PropTypes__default["default"].shape({
+    type: PropTypes__default["default"].oneOf([ListBoxMenuItem["default"]])
+  }), PropTypes__default["default"].bool // used in Dropdown for closed state
+  ]),
+
+  /**
+   * Specify a custom `id`
+   */
+  id: PropTypes__default["default"].string.isRequired
+};
+var ListBoxMenu$1 = ListBoxMenu;
+
+exports["default"] = ListBoxMenu$1;

package/lib/components/ListBox/ListBoxMenuIcon.js

@@ -0,0 +1,72 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var cx = require('classnames');
+var React = require('react');
+var PropTypes = require('prop-types');
+var iconsReact = require('@carbon/icons-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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+var _defaultTranslations;
+var translationIds = {
+  'close.menu': 'close.menu',
+  'open.menu': 'open.menu'
+};
+var defaultTranslations = (_defaultTranslations = {}, _rollupPluginBabelHelpers.defineProperty(_defaultTranslations, translationIds['close.menu'], 'Close menu'), _rollupPluginBabelHelpers.defineProperty(_defaultTranslations, translationIds['open.menu'], 'Open menu'), _defaultTranslations);
+/**
+ * `ListBoxMenuIcon` is used to orient the icon up or down depending on the
+ * state of the menu for a given `ListBox`
+ */
+
+var ListBoxMenuIcon = function ListBoxMenuIcon(_ref) {
+  var isOpen = _ref.isOpen,
+      t = _ref.translateWithId;
+  var prefix = usePrefix.usePrefix();
+  var className = cx__default["default"]("".concat(prefix, "--list-box__menu-icon"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--list-box__menu-icon--open"), isOpen));
+  var description = isOpen ? t('close.menu') : t('open.menu');
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: className
+  }, /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, {
+    name: "chevron--down",
+    "aria-label": description
+  }, /*#__PURE__*/React__default["default"].createElement("title", null, description)));
+};
+
+ListBoxMenuIcon.propTypes = {
+  /**
+   * Specify whether the menu is currently open, which will influence the
+   * direction of the menu icon
+   */
+  isOpen: PropTypes__default["default"].bool.isRequired,
+
+  /**
+   * i18n hook used to provide the appropriate description for the given menu
+   * icon. This function takes in an id defined in `translationIds` and should
+   * return a string message for that given message id.
+   */
+  translateWithId: PropTypes__default["default"].func.isRequired
+};
+ListBoxMenuIcon.defaultProps = {
+  translateWithId: function translateWithId(id) {
+    return defaultTranslations[id];
+  }
+};
+var ListBoxMenuIcon$1 = ListBoxMenuIcon;
+
+exports["default"] = ListBoxMenuIcon$1;
+exports.translationIds = translationIds;

package/lib/components/ListBox/ListBoxMenuItem.js

@@ -0,0 +1,97 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var cx = require('classnames');
+var React = require('react');
+var PropTypes = require('prop-types');
+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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+var _excluded = ["children", "isActive", "isHighlighted", "title"];
+
+function useIsTruncated(ref) {
+  var _useState = React.useState(false),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      isTruncated = _useState2[0],
+      setIsTruncated = _useState2[1];
+
+  React.useEffect(function () {
+    var _ref$current = ref.current,
+        offsetWidth = _ref$current.offsetWidth,
+        scrollWidth = _ref$current.scrollWidth;
+    setIsTruncated(offsetWidth < scrollWidth);
+  }, [ref, setIsTruncated]);
+  return isTruncated;
+}
+/**
+ * `ListBoxMenuItem` is a helper component for managing the container class
+ * name, alongside any classes for any corresponding states, for a generic list
+ * box menu item.
+ */
+
+
+var ListBoxMenuItem = /*#__PURE__*/React__default["default"].forwardRef(function ListBoxMenuItem(_ref, forwardedRef) {
+  var _cx;
+
+  var children = _ref.children,
+      isActive = _ref.isActive,
+      isHighlighted = _ref.isHighlighted,
+      title = _ref.title,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  var ref = React.useRef(null);
+  var isTruncated = useIsTruncated((forwardedRef === null || forwardedRef === void 0 ? void 0 : forwardedRef.menuItemOptionRef) || ref);
+  var className = cx__default["default"]("".concat(prefix, "--list-box__menu-item"), (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box__menu-item--active"), isActive), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box__menu-item--highlighted"), isHighlighted), _cx));
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: className,
+    title: isTruncated ? title : undefined
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--list-box__menu-item__option"),
+    ref: (forwardedRef === null || forwardedRef === void 0 ? void 0 : forwardedRef.menuItemOptionRef) || ref
+  }, children));
+});
+ListBoxMenuItem.displayName = 'ListBoxMenuItem';
+ListBoxMenuItem.propTypes = {
+  /**
+   * Specify any children nodes that should be rendered inside of the ListBox
+   * Menu Item
+   */
+  children: PropTypes__default["default"].node,
+
+  /**
+   * Specify whether the current menu item is "active".
+   */
+  isActive: PropTypes__default["default"].bool.isRequired,
+
+  /**
+   * Specify whether the current menu item is "highlighted".
+   */
+  isHighlighted: PropTypes__default["default"].bool.isRequired,
+
+  /**
+   * Provide an optional tooltip for the ListBoxMenuItem
+   */
+  title: PropTypes__default["default"].string
+};
+ListBoxMenuItem.defaultProps = {
+  isActive: false,
+  isHighlighted: false
+};
+var ListBoxMenuItem$1 = ListBoxMenuItem;
+
+exports["default"] = ListBoxMenuItem$1;

package/lib/components/ListBox/ListBoxPropTypes.js

@@ -0,0 +1,42 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var PropTypes = require('prop-types');
+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 FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
+
+var ListBoxType = PropTypes__default["default"].oneOf(['default', 'inline']);
+var ListBoxSize = FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['sm', 'md', 'lg']) : PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl']);
+
+exports.ListBoxSize = ListBoxSize;
+exports.ListBoxType = ListBoxType;