@carbon/react 1.20.0 → 1.21.0

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/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';

package/es/components/SkeletonText/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 SkeletonText from './SkeletonText.js';
+export { default as SkeletonText, default } from './SkeletonText.js';

package/es/components/Slider/Slider.Skeleton.js

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

package/es/components/Slider/index.js

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import Slider from './Slider.js';
+import Slider$1 from './Slider.js';
 import { createClassWrapper } from '../../internal/createClassWrapper.js';
 export { default as SliderSkeleton } from './Slider.Skeleton.js';
 
-var index = createClassWrapper(Slider);
+var Slider = createClassWrapper(Slider$1);
 
-export { index as default };
+export { Slider, Slider as default };

package/es/components/Stack/Stack.js

@@ -61,11 +61,15 @@ var Stack = /*#__PURE__*/React__default.forwardRef(function Stack(props, ref) {
     style["--".concat(prefix, "-stack-gap")] = gap;
   }
 
-  return /*#__PURE__*/React__default.createElement(BaseComponent, _extends({}, rest, {
-    ref: ref,
-    className: className,
-    style: style
-  }), children);
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line react/forbid-component-props
+    React__default.createElement(BaseComponent, _extends({}, rest, {
+      ref: ref,
+      className: className,
+      style: style
+    }), children)
+  );
 });
 Stack.propTypes = {
   /**

package/es/components/Tab/index.js

@@ -11,4 +11,4 @@ import Tab$2 from './Tab.js';
 
 var Tab = FeatureFlags.enabled('enable-v11-release') ? Tab$1 : Tab$2;
 
-export { Tab as default };
+export { Tab, Tab as default };

package/es/components/Tabs/Tabs.Skeleton.js

@@ -50,4 +50,4 @@ TabsSkeleton.propTypes = {
   contained: PropTypes.bool
 };
 
-export { TabsSkeleton as default };
+export { TabsSkeleton, TabsSkeleton as default };

package/es/components/Tag/Tag.Skeleton.js

@@ -37,4 +37,4 @@ TagSkeleton.propTypes = {
   size: PropTypes.oneOf(['sm'])
 };
 
-export { TagSkeleton as default };
+export { TagSkeleton, TagSkeleton as default };

package/es/components/Tag/Tag.js

@@ -141,5 +141,6 @@ Tag.propTypes = {
    */
   type: PropTypes.oneOf(Object.keys(TYPES))
 };
+var types = Object.keys(TYPES);
 
-export { Tag as default };
+export { Tag as default, types };

package/es/components/TextArea/TextArea.Skeleton.js

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

package/es/components/TextArea/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 TextArea from './TextArea.js';
+export { default as TextArea, default } from './TextArea.js';
+export { default as TextAreaSkeleton } from './TextArea.Skeleton.js';

package/es/components/TextInput/TextInput.Skeleton.js

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

package/es/components/TextInput/index.js

@@ -9,7 +9,7 @@ import { deprecateFieldOnObject } from '../../internal/deprecateFieldOnObject.js
 import ControlledPasswordInput from './ControlledPasswordInput.js';
 import PasswordInput from './PasswordInput.js';
 import TextInput from './TextInput.js';
-export { default } from './TextInput.js';
+export { default as TextInput, default } from './TextInput.js';
 export { default as TextInputSkeleton } from './TextInput.Skeleton.js';
 
 TextInput.ControlledPasswordInput = ControlledPasswordInput;

package/es/components/TileGroup/index.js

@@ -6,8 +6,8 @@
  */
 
 import { createClassWrapper } from '../../internal/createClassWrapper.js';
-import TileGroup from './TileGroup.js';
+import TileGroup$1 from './TileGroup.js';
 
-var index = createClassWrapper(TileGroup);
+var TileGroup = createClassWrapper(TileGroup$1);
 
-export { index as default };
+export { TileGroup, TileGroup as default };

package/es/components/TimePickerSelect/index.js

@@ -10,4 +10,4 @@ import TimePickerSelect$1 from './TimePickerSelect.js';
 
 var TimePickerSelect = FeatureFlags.enabled('enable-v11-release') ? TimePickerSelect$1 : TimePickerSelect$1;
 
-export { TimePickerSelect as default };
+export { TimePickerSelect, TimePickerSelect as default };

package/es/components/Toggle/Toggle.Skeleton.js

@@ -71,4 +71,4 @@ _defineProperty(ToggleSkeleton, "propTypes", (_defineProperty2 = {}, _defineProp
 
 _defineProperty(ToggleSkeleton, "defaultProps", (_defineProperty3 = {}, _defineProperty(_defineProperty3, 'aria-label', 'Toggle is loading'), _defineProperty(_defineProperty3, "size", 'md'), _defineProperty3));
 
-export { ToggleSkeleton as default };
+export { ToggleSkeleton, ToggleSkeleton as default };

package/es/components/Toggle/Toggle.js

@@ -14,11 +14,12 @@ import { usePrefix } from '../../internal/usePrefix.js';
 
 var _path;
 
-var _excluded = ["className", "defaultToggled", "disabled", "hideLabel", "id", "labelA", "labelB", "labelText", "onClick", "onToggle", "readOnly", "size", "toggled"];
+var _excluded = ["aria-labelledby", "className", "defaultToggled", "disabled", "hideLabel", "id", "labelA", "labelB", "labelText", "onClick", "onToggle", "readOnly", "size", "toggled"];
 function Toggle(_ref) {
   var _classNames;
 
-  var className = _ref.className,
+  var ariaLabelledby = _ref['aria-labelledby'],
+      className = _ref.className,
       _ref$defaultToggled = _ref.defaultToggled,
       defaultToggled = _ref$defaultToggled === void 0 ? false : _ref$defaultToggled,
       _ref$disabled = _ref.disabled,
@@ -62,6 +63,8 @@ function Toggle(_ref) {
 
   var isSm = size === 'sm';
   var sideLabel = hideLabel ? labelText : checked ? labelB : labelA;
+  var renderSideLabel = !(hideLabel && ariaLabelledby);
+  var LabelComponent = ariaLabelledby ? 'div' : 'label';
   var wrapperClasses = cx("".concat(prefix, "--toggle"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--toggle--disabled"), disabled), _defineProperty(_classNames, "".concat(prefix, "--toggle--readonly"), readOnly), _classNames), className);
   var labelTextClasses = cx("".concat(prefix, "--toggle__label-text"), _defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
   var appearanceClasses = cx("".concat(prefix, "--toggle__appearance"), _defineProperty({}, "".concat(prefix, "--toggle__appearance--sm"), isSm));
@@ -74,12 +77,13 @@ function Toggle(_ref) {
     role: "switch",
     type: "button",
     "aria-checked": checked,
+    "aria-labelledby": ariaLabelledby,
     disabled: disabled,
     onClick: handleClick
-  })), /*#__PURE__*/React__default.createElement("label", {
-    htmlFor: id,
+  })), /*#__PURE__*/React__default.createElement(LabelComponent, {
+    htmlFor: ariaLabelledby ? null : id,
     className: "".concat(prefix, "--toggle__label")
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, labelText && /*#__PURE__*/React__default.createElement("span", {
     className: labelTextClasses
   }, labelText), /*#__PURE__*/React__default.createElement("div", {
     className: appearanceClasses
@@ -92,12 +96,17 @@ function Toggle(_ref) {
     viewBox: "0 0 6 5"
   }, _path || (_path = /*#__PURE__*/React__default.createElement("path", {
     d: "M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"
-  })))), /*#__PURE__*/React__default.createElement("span", {
+  })))), renderSideLabel && /*#__PURE__*/React__default.createElement("span", {
     className: "".concat(prefix, "--toggle__text"),
     "aria-hidden": "true"
   }, sideLabel))));
 }
 Toggle.propTypes = {
+  /**
+   * Specify another element's id to be used as the label for this toggle
+   */
+  'aria-labelledby': PropTypes.string,
+
   /**
    * Specify a custom className to apply to the form-item node
    */
@@ -135,9 +144,19 @@ Toggle.propTypes = {
 
   /**
    * Provide the text that will be read by a screen reader when visiting this
-   * control
+   * control. This is required unless 'aria-labelledby' is provided instead
    */
-  labelText: PropTypes.node.isRequired,
+  labelText: function labelText(props) {
+    if (!props['aria-labelledby'] && !props.labelText) {
+      return new Error('labelText property is required if no aria-labelledby is provided.');
+    }
+
+    for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      rest[_key - 1] = arguments[_key];
+    }
+
+    return PropTypes.node.apply(PropTypes, [props].concat(rest));
+  },
 
   /**
    * Provide an event listener that is called when the control is clicked

package/es/components/ToggleSmall/ToggleSmall.Skeleton.js

@@ -68,4 +68,4 @@ _defineProperty(ToggleSmallSkeleton, "propTypes", (_defineProperty2 = {}, _defin
 
 _defineProperty(ToggleSmallSkeleton, "defaultProps", _defineProperty({}, 'aria-label', 'Toggle is loading'));
 
-export { ToggleSmallSkeleton as default };
+export { ToggleSmallSkeleton, ToggleSmallSkeleton as default };

package/es/components/TreeView/index.js

@@ -6,7 +6,7 @@
  */
 
 import TreeView from './TreeView.js';
-export { default } from './TreeView.js';
+export { default as TreeView, default } from './TreeView.js';
 import TreeNode from './TreeNode.js';
 export { default as TreeNode } from './TreeNode.js';
 

package/es/components/UIShell/HeaderGlobalAction.js

@@ -10,8 +10,8 @@ import cx from 'classnames';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
-import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
+import '../Button/Button.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 var _excluded = ["aria-label", "aria-labelledby", "children", "className", "onClick", "isActive", "tooltipAlignment"];

package/es/components/UIShell/HeaderNavigation.js

@@ -49,4 +49,4 @@ HeaderNavigation.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropType
   className: PropTypes.string
 });
 
-export { HeaderNavigation };
+export { HeaderNavigation, HeaderNavigation as default };

package/es/components/UIShell/SideNavLink.js

@@ -50,6 +50,11 @@ SideNavLink.propTypes = _objectSpread2(_objectSpread2({}, LinkPropTypes), {}, {
    */
   className: PropTypes.string,
 
+  /**
+   * Specify whether the link is the current page
+   */
+  isActive: PropTypes.bool,
+
   /**
    * Specify if this is a large variation of the SideNavLink
    */

package/es/components/UIShell/SideNavMenu.js

@@ -158,4 +158,4 @@ function hasActiveChild(children) {
   return false;
 }
 
-export { SideNavMenu };
+export { SideNavMenu, SideNavMenu as default };

package/es/es/components/Checkbox/Checkbox.Skeleton.d.ts

@@ -16,3 +16,4 @@ declare const CheckboxSkeleton: {
     };
 };
 export default CheckboxSkeleton;
+export { CheckboxSkeleton };

package/es/es/components/Checkbox/Checkbox.d.ts

@@ -6,7 +6,7 @@
  */
 import { ReactNodeLike } from 'prop-types';
 import React from 'react';
-declare type ExcludedAttributes = 'id' | 'onChange' | 'onClick' | 'type';
+type ExcludedAttributes = 'id' | 'onChange' | 'onClick' | 'type';
 export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, ExcludedAttributes> {
     /**
      * Provide an `id` to uniquely identify the Checkbox input

package/es/es/components/Checkbox/index.d.ts

@@ -4,7 +4,8 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export { default as CheckboxSkeleton } from './Checkbox.Skeleton';
 import Checkbox, { CheckboxProps } from './Checkbox';
-export type { CheckboxProps };
+export { default as CheckboxSkeleton } from './Checkbox.Skeleton';
 export default Checkbox;
+export { Checkbox };
+export type { CheckboxProps };

package/es/es/components/Text/Text.d.ts

@@ -11,7 +11,7 @@ import { TextDir } from './TextDirection';
 export interface TextBaseProps {
     dir?: TextDir | undefined;
 }
-export declare type TextProps<T extends React.ElementType> = PolymorphicProps<T, TextBaseProps>;
+export type TextProps<T extends React.ElementType> = PolymorphicProps<T, TextBaseProps>;
 declare function Text<T extends React.ElementType>({ as, children, dir, ...rest }: TextProps<T>): JSX.Element;
 declare namespace Text {
     var propTypes: {

package/es/es/components/Text/TextDirection.d.ts

@@ -6,8 +6,8 @@
  */
 import PropTypes from 'prop-types';
 import { ReactNode } from 'react';
-export declare type TextDir = 'ltr' | 'rtl' | 'auto';
-export declare type GetTextDirection = (text: string | string[] | undefined) => TextDir;
+export type TextDir = 'ltr' | 'rtl' | 'auto';
+export type GetTextDirection = (text: string | string[] | undefined) => TextDir;
 export interface TextDirectionProps {
     children: ReactNode | undefined;
     dir?: TextDir;

package/es/es/index.d.ts

@@ -0,0 +1,119 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * 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 './feature-flags';
+export * from './components/Accordion';
+export * from './components/AccordionItem';
+export * from './components/AspectRatio';
+export * from './components/Breadcrumb';
+export * from './components/Button';
+export * from './components/ButtonSet';
+export * from './components/Checkbox';
+export * from './components/ClassPrefix';
+export * from './components/CodeSnippet';
+export * from './components/ComboBox';
+export * from './components/ComposedModal';
+export * from './components/ContainedList';
+export * from './components/ContentSwitcher';
+export * from './components/Copy';
+export * from './components/CopyButton';
+export * from './components/DangerButton';
+export * from './components/DataTable';
+export * from './components/DatePicker';
+export * from './components/DatePickerInput';
+export * from './components/Dropdown';
+export * from './components/ErrorBoundary';
+export * from './components/FileUploader';
+export * from './components/FilterableMultiSelect';
+export * from './components/Form';
+export * from './components/FluidForm';
+export * from './components/FormGroup';
+export * from './components/FormItem';
+export * from './components/FormLabel';
+export * from './components/Grid';
+export * from './components/IdPrefix';
+export * from './components/InlineLoading';
+export * from './components/Link';
+export * from './components/ListItem';
+export * from './components/Loading';
+export * from './components/Modal';
+export * from './components/ModalWrapper';
+export * from './components/MultiSelect';
+export * from './components/Notification';
+export * from './components/NumberInput';
+export * from './components/OrderedList';
+export * from './components/OverflowMenu';
+export * from './components/OverflowMenuItem';
+export * from './components/Pagination';
+export * from './components/PaginationNav';
+export * from './components/PasswordInput';
+export * from './components/PrimaryButton';
+export * from './components/ProgressIndicator';
+export * from './components/RadioButton';
+export * from './components/RadioButtonGroup';
+export * from './components/Search';
+export * from './components/ExpandableSearch';
+export * from './components/SecondaryButton';
+export * from './components/Select';
+export * from './components/SelectItem';
+export * from './components/SelectItemGroup';
+export * from './components/Switch';
+export * from './components/Slider';
+export * from './components/StructuredList';
+export * from './components/Tab';
+export * from './components/TabContent';
+export * from './components/Tabs';
+export * from './components/Tag';
+export * from './components/TextArea';
+export * from './components/TextInput';
+export * from './components/Tile';
+export * from './components/RadioTile';
+export * from './components/TileGroup';
+export * from './components/TimePicker';
+export * from './components/TimePickerSelect';
+export * from './components/Toggle';
+export * from './components/Toggletip';
+export * from './components/TreeView';
+export * from './components/UnorderedList';
+export * from './components/SkeletonText';
+export * from './components/SkeletonPlaceholder';
+export * from './components/SkeletonIcon';
+export * from './components/DataTableSkeleton';
+export * from './components/Pagination/Pagination.Skeleton';
+export * from './components/RadioButton/RadioButton.Skeleton';
+export * from './components/Tag/Tag.Skeleton';
+export * from './components/Toggle/Toggle.Skeleton';
+export * from './components/ToggleSmall/ToggleSmall.Skeleton';
+export * from './components/Icon/Icon.Skeleton';
+export * from './components/UIShell';
+export { useContextMenu as unstable_useContextMenu } from './components/ContextMenu';
+export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags, } from './components/FeatureFlags';
+export { FluidComboBox as unstable__FluidComboBox, FluidComboBoxSkeleton as unstable__FluidComboBoxSkeleton, } from './components/FluidComboBox';
+export { FluidDatePicker as unstable__FluidDatePicker, FluidDatePickerSkeleton as unstable__FluidDatePickerSkeleton, } from './components/FluidDatePicker';
+export { FluidDatePickerInput as unstable__FluidDatePickerInput } from './components/FluidDatePickerInput';
+export { FluidDropdown as unstable__FluidDropdown, FluidDropdownSkeleton as unstable__FluidDropdownSkeleton, } from './components/FluidDropdown';
+export { FluidMultiSelect as unstable__FluidMultiSelect, FluidMultiSelectSkeleton as unstable__FluidMultiSelectSkeleton, } from './components/FluidMultiSelect';
+export { FluidSelect as unstable__FluidSelect, FluidSelectSkeleton as unstable__FluidSelectSkeleton, } from './components/FluidSelect';
+export { FluidTextArea as unstable__FluidTextArea, FluidTextAreaSkeleton as unstable__FluidTextAreaSkeleton, } from './components/FluidTextArea';
+export { FluidTextInput as unstable__FluidTextInput, FluidTextInputSkeleton as unstable__FluidTextInputSkeleton, } from './components/FluidTextInput';
+export { FluidTimePicker as unstable__FluidTimePicker, FluidTimePickerSkeleton as unstable__FluidTimePickerSkeleton, } from './components/FluidTimePicker';
+export { FluidTimePickerSelect as unstable__FluidTimePickerSelect } from './components/FluidTimePickerSelect';
+export * from './components/Heading';
+export * from './components/IconButton';
+export * from './components/Layer';
+export { LayoutDirection as unstable_LayoutDirection, useLayoutDirection as unstable_useLayoutDirection, } from './components/Layout';
+export { Menu as unstable_Menu, MenuDivider as unstable_MenuDivider, MenuGroup as unstable_MenuGroup, MenuItem as unstable_MenuItem, MenuRadioGroup as unstable_MenuRadioGroup, MenuSelectableItem as unstable_MenuSelectableItem, } from './components/Menu';
+export { OverflowMenuV2 as unstable_OverflowMenuV2 } from './components/OverflowMenuV2';
+export { PageSelector as unstable_PageSelector, Pagination as unstable_Pagination, } from './components/Pagination/experimental';
+export * from './components/Popover';
+export * from './components/ProgressBar';
+export * from './components/Stack';
+export * from './components/Tooltip';
+export { Text as unstable_Text, TextDirection as unstable_TextDirection, } from './components/Text';
+export * from './components/Tooltip/DefinitionTooltip';
+export * from './components/Theme';
+export * from './internal/usePrefix';
+export { useIdPrefix } from './internal/useIdPrefix';