@carbon/react 1.20.0 → 1.21.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.20.0",
+  "version": "1.21.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -43,10 +43,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.3",
-    "@carbon/feature-flags": "^0.11.0",
-    "@carbon/icons-react": "^11.14.0",
-    "@carbon/layout": "^11.10.0",
-    "@carbon/styles": "^1.20.0",
+    "@carbon/feature-flags": "^0.12.0",
+    "@carbon/icons-react": "^11.15.0",
+    "@carbon/layout": "^11.11.0",
+    "@carbon/styles": "^1.21.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
@@ -73,7 +73,7 @@
     "@babel/preset-env": "^7.18.2",
     "@babel/preset-react": "^7.17.12",
     "@carbon/test-utils": "^10.26.0",
-    "@carbon/themes": "^11.15.0",
+    "@carbon/themes": "^11.16.0",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^24.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
@@ -111,7 +111,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "requestanimationframe": "^0.0.23",
-    "rimraf": "^3.0.2",
+    "rimraf": "^4.0.0",
     "rollup": "^2.79.1",
     "rollup-plugin-strip-banner": "^2.0.0",
     "rtlcss": "^4.0.0",
@@ -135,5 +135,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "b115fef8c7d19ed31ed3aeeb2b7f95f8be0738b6"
+  "gitHead": "36b2a3b42be5bebb706861030d1ec4a21ae47c5f"
 }

package/es/components/Accordion/index.js

@@ -1,11 +0,0 @@
-/**
- * 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 Accordion from './Accordion.js';
-export { default } from './Accordion.js';
-export { default as AccordionItem } from './AccordionItem.js';
-export { default as AccordionSkeleton } from './Accordion.Skeleton.js';

package/es/components/AccordionItem/index.js

@@ -1,13 +0,0 @@
-/**
- * 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 '../Accordion/Accordion.js';
-import AccordionItem from '../Accordion/AccordionItem.js';
-export { default } from '../Accordion/AccordionItem.js';
-import '../Accordion/Accordion.Skeleton.js';
-
-// Alias for import paths for build tools that rely on this

package/es/components/FluidNumberInput/FluidNumberInput.Skeleton.js

@@ -1,42 +0,0 @@
-/**
- * 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 { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React__default from 'react';
-import cx from 'classnames';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { FormContext } from '../FluidForm/FormContext.js';
-
-var _excluded = ["className"];
-
-function FluidNumberInputSkeleton(_ref) {
-  var className = _ref.className,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
-    value: {
-      isFluid: true
-    }
-  }, /*#__PURE__*/React__default.createElement("div", _extends({
-    className: cx("".concat(prefix, "--form-item ").concat(prefix, "--text-input--fluid__skeleton"), className)
-  }, other), /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--label ").concat(prefix, "--skeleton")
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--skeleton ").concat(prefix, "--text-input")
-  })));
-}
-
-FluidNumberInputSkeleton.propTypes = {
-  /**
-   * Specify an optional className to be applied to the outer FluidForm wrapper
-   */
-  className: PropTypes.string
-};
-
-export { FluidNumberInputSkeleton as default };

package/es/components/FluidNumberInput/FluidNumberInput.js

@@ -1,138 +0,0 @@
-/**
- * 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 { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React__default from 'react';
-import cx from 'classnames';
-import '../NumberInput/NumberInput.Skeleton.js';
-import { NumberInput } from '../NumberInput/NumberInput.js';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { FormContext } from '../FluidForm/FormContext.js';
-
-var _excluded = ["className"];
-var FluidNumberInput = /*#__PURE__*/React__default.forwardRef(function FluidNumberInput(_ref, ref) {
-  var className = _ref.className,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classNames = cx("".concat(prefix, "--number-input--fluid"), className);
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
-    value: {
-      isFluid: true
-    }
-  }, /*#__PURE__*/React__default.createElement(NumberInput, _extends({
-    ref: ref,
-    className: classNames
-  }, other)));
-});
-FluidNumberInput.propTypes = {
-  /**
-   * `true` to allow empty string.
-   */
-  allowEmpty: PropTypes.bool,
-
-  /**
-   * Specify an optional className to be applied to the wrapper node
-   */
-  className: PropTypes.string,
-
-  /**
-   * Optional starting value for uncontrolled state
-   */
-  defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
-  /**
-   * Specify if the wheel functionality for the input should be disabled, or not
-   */
-  disableWheel: PropTypes.bool,
-
-  /**
-   * Specify if the control should be disabled, or not
-   */
-  disabled: PropTypes.bool,
-
-  /**
-   * Provide a description for up/down icons that can be read by screen readers
-   */
-  iconDescription: PropTypes.string,
-
-  /**
-   * Specify a custom `id` for the input
-   */
-  id: PropTypes.string.isRequired,
-
-  /**
-   * Specify if the currently value is invalid.
-   */
-  invalid: PropTypes.bool,
-
-  /**
-   * Message which is displayed if the value is invalid.
-   */
-  invalidText: PropTypes.node,
-
-  /**
-   * Generic `label` that will be used as the textual representation of what
-   * this field is for
-   */
-  label: PropTypes.node,
-
-  /**
-   * The maximum value.
-   */
-  max: PropTypes.number,
-
-  /**
-   * The minimum value.
-   */
-  min: PropTypes.number,
-
-  /**
-   * Provide an optional handler that is called when the internal state of
-   * NumberInput changes. This handler is called with event and state info.
-   * `(event, { value, direction }) => void`
-   */
-  onChange: PropTypes.func,
-
-  /**
-   * Provide an optional function to be called when the up/down button is clicked
-   */
-  onClick: PropTypes.func,
-
-  /**
-   * Provide an optional function to be called when a key is pressed in the number input
-   */
-  onKeyUp: PropTypes.func,
-
-  /**
-   * Specify how much the values should increase/decrease upon clicking on up/down button
-   */
-  step: PropTypes.number,
-
-  /**
-   * Provide custom text for the component for each translation id
-   */
-  translateWithId: PropTypes.func,
-
-  /**
-   * Specify the value of the input
-   */
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
-  /**
-   * Specify whether the control is currently in warning state
-   */
-  warn: PropTypes.bool,
-
-  /**
-   * Provide the text that is displayed when the control is in warning state
-   */
-  warnText: PropTypes.node
-};
-
-export { FluidNumberInput as default };

package/es/components/FluidSearch/FluidSearch.Skeleton.js

@@ -1,42 +0,0 @@
-/**
- * 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 { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React__default from 'react';
-import cx from 'classnames';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { FormContext } from '../FluidForm/FormContext.js';
-
-var _excluded = ["className"];
-
-function FluidSearchSkeleton(_ref) {
-  var className = _ref.className,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
-    value: {
-      isFluid: true
-    }
-  }, /*#__PURE__*/React__default.createElement("div", _extends({
-    className: cx("".concat(prefix, "--form-item ").concat(prefix, "--text-input--fluid__skeleton"), className)
-  }, other), /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--label ").concat(prefix, "--skeleton")
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--skeleton ").concat(prefix, "--text-input")
-  })));
-}
-
-FluidSearchSkeleton.propTypes = {
-  /**
-   * Specify an optional className to be applied to the outer FluidForm wrapper
-   */
-  className: PropTypes.string
-};
-
-export { FluidSearchSkeleton as default };

package/es/components/FluidSearch/FluidSearch.js

@@ -1,114 +0,0 @@
-/**
- * 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 { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React__default from 'react';
-import cx from 'classnames';
-import Search from '../Search/Search.js';
-import '../Search/Search.Skeleton.js';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { FormContext } from '../FluidForm/FormContext.js';
-
-var _excluded = ["className"];
-var FluidSearch = /*#__PURE__*/React__default.forwardRef(function FluidSearch(_ref, ref) {
-  var className = _ref.className,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classNames = cx("".concat(prefix, "--search--fluid"), className);
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
-    value: {
-      isFluid: true
-    }
-  }, /*#__PURE__*/React__default.createElement(Search, _extends({
-    ref: ref,
-    className: classNames
-  }, other)));
-});
-FluidSearch.defaultProps = {
-  autoComplete: 'off',
-  closeButtonLabelText: 'Clear search input',
-  role: 'searchbox',
-  type: 'text'
-};
-FluidSearch.propTypes = {
-  /**
-   * Specify an optional value for the `autocomplete` property on the underlying
-   * `<input>`, defaults to "off"
-   */
-  autoComplete: PropTypes.string,
-
-  /**
-   * Specify an optional className to be applied to the container node
-   */
-  className: PropTypes.string,
-
-  /**
-   * Specify a label to be read by screen readers on the "close" button
-   */
-  closeButtonLabelText: PropTypes.string,
-
-  /**
-   * Optionally provide the default value of the `<input>`
-   */
-  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-
-  /**
-   * Specify whether the `<input>` should be disabled
-   */
-  disabled: PropTypes.bool,
-
-  /**
-   * Specify a custom `id` for the input
-   */
-  id: PropTypes.string,
-
-  /**
-   * Provide the label text for the Search icon
-   */
-  labelText: PropTypes.node.isRequired,
-
-  /**
-   * Optional callback called when the search value changes.
-   */
-  onChange: PropTypes.func,
-
-  /**
-   * Optional callback called when the search value is cleared.
-   */
-  onClear: PropTypes.func,
-
-  /**
-   * Provide a handler that is invoked on the key down event for the input
-   */
-  onKeyDown: PropTypes.func,
-
-  /**
-   * Provide an optional placeholder text for the Search.
-   * Note: if the label and placeholder differ,
-   * VoiceOver on Mac will read both
-   */
-  placeholder: PropTypes.string,
-
-  /**
-   * Specify the role for the underlying `<input>`, defaults to `searchbox`
-   */
-  role: PropTypes.string,
-
-  /**
-   * Optional prop to specify the type of the `<input>`
-   */
-  type: PropTypes.string,
-
-  /**
-   * Specify the value of the `<input>`
-   */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-
-export { FluidSearch as default };

package/es/components/Tabs/index.js

@@ -1,10 +0,0 @@
-/**
- * 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 { Tabs } from './Tabs.js';
-export { IconTab, Tab, TabList, TabPanel, TabPanels, Tabs as default } from './Tabs.js';
-export { default as TabsSkeleton } from './Tabs.Skeleton.js';

package/lib/components/Accordion/index.js

@@ -1,20 +0,0 @@
-/**
- * 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.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Accordion = require('./Accordion.js');
-var AccordionItem = require('./AccordionItem.js');
-var Accordion_Skeleton = require('./Accordion.Skeleton.js');
-
-
-
-exports["default"] = Accordion["default"];
-exports.AccordionItem = AccordionItem["default"];
-exports.AccordionSkeleton = Accordion_Skeleton["default"];

package/lib/components/AccordionItem/index.js

@@ -1,18 +0,0 @@
-/**
- * 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.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../Accordion/Accordion.js');
-var AccordionItem = require('../Accordion/AccordionItem.js');
-require('../Accordion/Accordion.Skeleton.js');
-
-// Alias for import paths for build tools that rely on this
-
-exports["default"] = AccordionItem["default"];

package/lib/components/FluidNumberInput/FluidNumberInput.Skeleton.js

@@ -1,52 +0,0 @@
-/**
- * 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.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-var FormContext = require('../FluidForm/FormContext.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);
-
-var _excluded = ["className"];
-
-function FluidNumberInputSkeleton(_ref) {
-  var className = _ref.className,
-      other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
-    value: {
-      isFluid: true
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"]("".concat(prefix, "--form-item ").concat(prefix, "--text-input--fluid__skeleton"), className)
-  }, other), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--label ").concat(prefix, "--skeleton")
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--skeleton ").concat(prefix, "--text-input")
-  })));
-}
-
-FluidNumberInputSkeleton.propTypes = {
-  /**
-   * Specify an optional className to be applied to the outer FluidForm wrapper
-   */
-  className: PropTypes__default["default"].string
-};
-
-exports["default"] = FluidNumberInputSkeleton;

package/lib/components/FluidNumberInput/FluidNumberInput.js

@@ -1,148 +0,0 @@
-/**
- * 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.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-require('../NumberInput/NumberInput.Skeleton.js');
-var NumberInput = require('../NumberInput/NumberInput.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var FormContext = require('../FluidForm/FormContext.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);
-
-var _excluded = ["className"];
-var FluidNumberInput = /*#__PURE__*/React__default["default"].forwardRef(function FluidNumberInput(_ref, ref) {
-  var className = _ref.className,
-      other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var classNames = cx__default["default"]("".concat(prefix, "--number-input--fluid"), className);
-  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
-    value: {
-      isFluid: true
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(NumberInput.NumberInput, _rollupPluginBabelHelpers["extends"]({
-    ref: ref,
-    className: classNames
-  }, other)));
-});
-FluidNumberInput.propTypes = {
-  /**
-   * `true` to allow empty string.
-   */
-  allowEmpty: PropTypes__default["default"].bool,
-
-  /**
-   * Specify an optional className to be applied to the wrapper node
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Optional starting value for uncontrolled state
-   */
-  defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
-
-  /**
-   * Specify if the wheel functionality for the input should be disabled, or not
-   */
-  disableWheel: PropTypes__default["default"].bool,
-
-  /**
-   * Specify if the control should be disabled, or not
-   */
-  disabled: PropTypes__default["default"].bool,
-
-  /**
-   * Provide a description for up/down icons that can be read by screen readers
-   */
-  iconDescription: PropTypes__default["default"].string,
-
-  /**
-   * Specify a custom `id` for the input
-   */
-  id: PropTypes__default["default"].string.isRequired,
-
-  /**
-   * Specify if the currently value is invalid.
-   */
-  invalid: PropTypes__default["default"].bool,
-
-  /**
-   * Message which is displayed if the value is invalid.
-   */
-  invalidText: PropTypes__default["default"].node,
-
-  /**
-   * Generic `label` that will be used as the textual representation of what
-   * this field is for
-   */
-  label: PropTypes__default["default"].node,
-
-  /**
-   * The maximum value.
-   */
-  max: PropTypes__default["default"].number,
-
-  /**
-   * The minimum value.
-   */
-  min: PropTypes__default["default"].number,
-
-  /**
-   * Provide an optional handler that is called when the internal state of
-   * NumberInput changes. This handler is called with event and state info.
-   * `(event, { value, direction }) => void`
-   */
-  onChange: PropTypes__default["default"].func,
-
-  /**
-   * Provide an optional function to be called when the up/down button is clicked
-   */
-  onClick: PropTypes__default["default"].func,
-
-  /**
-   * Provide an optional function to be called when a key is pressed in the number input
-   */
-  onKeyUp: PropTypes__default["default"].func,
-
-  /**
-   * Specify how much the values should increase/decrease upon clicking on up/down button
-   */
-  step: PropTypes__default["default"].number,
-
-  /**
-   * Provide custom text for the component for each translation id
-   */
-  translateWithId: PropTypes__default["default"].func,
-
-  /**
-   * Specify the value of the input
-   */
-  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
-
-  /**
-   * 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
-};
-
-exports["default"] = FluidNumberInput;