@carbon/react 1.86.0 → 1.87.0

package/lib/components/Tabs/usePressable.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
 const usePressable = (ref, {

package/lib/components/Tag/DismissibleTag.js

@@ -27,12 +27,6 @@ var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.js');
 var Text = require('../Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _Close;
 const DismissibleTag = /*#__PURE__*/React.forwardRef(({
   className,
@@ -53,13 +47,13 @@ const DismissibleTag = /*#__PURE__*/React.forwardRef(({
   const prefix = usePrefix.usePrefix();
   const tagLabelRef = React.useRef(null);
   const tagId = id || `tag-${useId.useId()}`;
-  const tagClasses = cx__default["default"](`${prefix}--tag--filter`, className);
+  const tagClasses = cx(`${prefix}--tag--filter`, className);
   const [isEllipsisApplied, setIsEllipsisApplied] = React.useState(false);
   React.useLayoutEffect(() => {
     const newElement = tagLabelRef.current?.getElementsByClassName(`${prefix}--tag__label`)[0];
     setIsEllipsisApplied(isEllipsisActive.isEllipsisActive(newElement));
   }, [prefix, tagLabelRef]);
-  const combinedRef = mergeRefs["default"](tagLabelRef, forwardRef);
+  const combinedRef = mergeRefs.default(tagLabelRef, forwardRef);
   const handleClose = event => {
     if (onClose) {
       event.stopPropagation();
@@ -72,7 +66,7 @@ const DismissibleTag = /*#__PURE__*/React.forwardRef(({
     size: 'sm',
     kind: 'inline'
   }) : null;
-  const tooltipClasses = cx__default["default"](`${prefix}--icon-tooltip`, `${prefix}--tag-label-tooltip`);
+  const tooltipClasses = cx(`${prefix}--icon-tooltip`, `${prefix}--tag-label-tooltip`);
 
   // Removing onClick from the spread operator
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -81,7 +75,7 @@ const DismissibleTag = /*#__PURE__*/React.forwardRef(({
     ...otherProps
   } = other;
   const dismissActionLabel = isEllipsisApplied ? dismissTooltipLabel : title;
-  return /*#__PURE__*/React__default["default"].createElement(Tag["default"], _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(Tag.default, _rollupPluginBabelHelpers.extends({
     ref: combinedRef,
     type: type,
     size: size,
@@ -89,81 +83,81 @@ const DismissibleTag = /*#__PURE__*/React.forwardRef(({
     disabled: disabled,
     className: tagClasses,
     id: tagId
-  }, otherProps), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, otherProps), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--interactive--tag-children`
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, /*#__PURE__*/React.createElement(Text.Text, {
     title: tagTitle ? tagTitle : text,
     className: `${prefix}--tag__label`
-  }, text), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, text), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tag__decorator`
-  }, normalizedDecorator) : '', /*#__PURE__*/React__default["default"].createElement(Tooltip.Tooltip, {
+  }, normalizedDecorator) : '', /*#__PURE__*/React.createElement(Tooltip.Tooltip, {
     label: dismissActionLabel,
     align: "bottom",
     className: tooltipClasses,
     leaveDelayMs: 0,
     closeOnActivation: true
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: `${prefix}--tag__close-icon`,
     onClick: handleClose,
     disabled: disabled,
     "aria-label": dismissActionLabel
-  }, _Close || (_Close = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, null))))));
+  }, _Close || (_Close = /*#__PURE__*/React.createElement(iconsReact.Close, null))))));
 });
 DismissibleTag.propTypes = {
   /**
    * Provide a custom className that is applied to the containing <span>
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * **Experimental:** Provide a `decorator` component to be rendered inside the `DismissibleTag` component
    */
-  decorator: PropTypes__default["default"].node,
+  decorator: PropTypes.node,
   /**
    * Specify if the `DismissibleTag` is disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Provide a custom tooltip label for the dismiss button
    */
-  dismissTooltipLabel: PropTypes__default["default"].string,
+  dismissTooltipLabel: PropTypes.string,
   /**
    * Specify the id for the tag.
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * Click handler for filter tag close button.
    */
-  onClose: PropTypes__default["default"].func,
+  onClose: PropTypes.func,
   /**
    * A component used to render an icon.
    */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Specify the size of the Tag. Currently supports either `sm`,
    * `md` (default) or `lg` sizes.
    */
-  size: PropTypes__default["default"].oneOf(Object.keys(Tag.SIZES)),
+  size: PropTypes.oneOf(Object.keys(Tag.SIZES)),
   /**
    * **Experimental:** Provide a `Slug` component to be rendered inside the `DismissibleTag` component
    */
-  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
+  slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
   /**
    * Provide text to be rendered inside of a the tag.
    */
-  text: PropTypes__default["default"].string,
+  text: PropTypes.string,
   /**
    * Provide a custom `title` to be inserted in the tag.
    */
-  tagTitle: PropTypes__default["default"].string,
+  tagTitle: PropTypes.string,
   /**
    * Text to show on clear filters
    */
-  title: PropTypes__default["default"].string,
+  title: PropTypes.string,
   /**
    * Specify the type of the `Tag`
    */
-  type: PropTypes__default["default"].oneOf(Object.keys(Tag.TYPES))
+  type: PropTypes.oneOf(Object.keys(Tag.TYPES))
 };
 
-exports["default"] = DismissibleTag;
+exports.default = DismissibleTag;

package/lib/components/Tag/OperationalTag.js

@@ -23,12 +23,6 @@ var isEllipsisActive = require('./isEllipsisActive.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var Text = require('../Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const TYPES = {
   red: 'Red',
   magenta: 'Magenta',
@@ -54,23 +48,23 @@ const OperationalTag = /*#__PURE__*/React.forwardRef(({
   const prefix = usePrefix.usePrefix();
   const tagRef = React.useRef(null);
   const tagId = id || `tag-${useId.useId()}`;
-  const tagClasses = cx__default["default"](`${prefix}--tag--operational`, className);
+  const tagClasses = cx(`${prefix}--tag--operational`, className);
   const [isEllipsisApplied, setIsEllipsisApplied] = React.useState(false);
   React.useLayoutEffect(() => {
     const newElement = tagRef.current?.getElementsByClassName(`${prefix}--tag__label`)[0];
     setIsEllipsisApplied(isEllipsisActive.isEllipsisActive(newElement));
   }, [prefix, tagRef]);
-  const tooltipClasses = cx__default["default"](`${prefix}--icon-tooltip`, `${prefix}--tag-label-tooltip`);
-  const combinedRef = mergeRefs["default"](tagRef, forwardRef);
+  const tooltipClasses = cx(`${prefix}--icon-tooltip`, `${prefix}--tag-label-tooltip`);
+  const combinedRef = mergeRefs.default(tagRef, forwardRef);
   if (isEllipsisApplied) {
-    return /*#__PURE__*/React__default["default"].createElement(Tooltip.Tooltip, {
+    return /*#__PURE__*/React.createElement(Tooltip.Tooltip, {
       label: text,
       align: "bottom",
       className: tooltipClasses,
       leaveDelayMs: 0,
       onMouseEnter: () => false,
       closeOnActivation: true
-    }, /*#__PURE__*/React__default["default"].createElement(Tag["default"], _rollupPluginBabelHelpers["extends"]({
+    }, /*#__PURE__*/React.createElement(Tag.default, _rollupPluginBabelHelpers.extends({
       ref: combinedRef,
       type: type,
       size: size,
@@ -78,12 +72,12 @@ const OperationalTag = /*#__PURE__*/React.forwardRef(({
       disabled: disabled,
       className: tagClasses,
       id: tagId
-    }, other), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    }, other), /*#__PURE__*/React.createElement(Text.Text, {
       title: text,
       className: `${prefix}--tag__label`
     }, text)));
   }
-  return /*#__PURE__*/React__default["default"].createElement(Tag["default"], _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(Tag.default, _rollupPluginBabelHelpers.extends({
     ref: combinedRef,
     type: type,
     size: size,
@@ -91,7 +85,7 @@ const OperationalTag = /*#__PURE__*/React.forwardRef(({
     disabled: disabled,
     className: tagClasses,
     id: tagId
-  }, other), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, other), /*#__PURE__*/React.createElement(Text.Text, {
     title: text,
     className: `${prefix}--tag__label`
   }, text));
@@ -100,32 +94,32 @@ OperationalTag.propTypes = {
   /**
    * Provide a custom className that is applied to the containing <span>
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify if the `OperationalTag` is disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify the id for the tag.
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * A component used to render an icon.
    */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Specify the size of the Tag. Currently supports either `sm`,
    * `md` (default) or `lg` sizes.
    */
-  size: PropTypes__default["default"].oneOf(Object.keys(Tag.SIZES)),
+  size: PropTypes.oneOf(Object.keys(Tag.SIZES)),
   /**
    * Provide text to be rendered inside of a the tag.
    */
-  text: PropTypes__default["default"].string,
+  text: PropTypes.string,
   /**
    * Specify the type of the `Tag`
    */
-  type: PropTypes__default["default"].oneOf(Object.keys(TYPES))
+  type: PropTypes.oneOf(Object.keys(TYPES))
 };
 
-exports["default"] = OperationalTag;
+exports.default = OperationalTag;

package/lib/components/Tag/SelectableTag.js

@@ -24,12 +24,6 @@ var mergeRefs = require('../../tools/mergeRefs.js');
 var useControllableState = require('../../internal/useControllableState.js');
 var Text = require('../Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const SelectableTag = /*#__PURE__*/React.forwardRef(({
   className,
   disabled,
@@ -51,7 +45,7 @@ const SelectableTag = /*#__PURE__*/React.forwardRef(({
     onChange: onChange,
     defaultValue: defaultSelected
   });
-  const tagClasses = cx__default["default"](`${prefix}--tag--selectable`, className, {
+  const tagClasses = cx(`${prefix}--tag--selectable`, className, {
     [`${prefix}--tag--selectable-selected`]: selectedTag
   });
   const [isEllipsisApplied, setIsEllipsisApplied] = React.useState(false);
@@ -59,20 +53,20 @@ const SelectableTag = /*#__PURE__*/React.forwardRef(({
     const newElement = tagRef.current?.getElementsByClassName(`${prefix}--tag__label`)[0];
     setIsEllipsisApplied(isEllipsisActive.isEllipsisActive(newElement));
   }, [prefix, tagRef]);
-  const tooltipClasses = cx__default["default"](`${prefix}--icon-tooltip`, `${prefix}--tag-label-tooltip`);
-  const combinedRef = mergeRefs["default"](tagRef, forwardRef);
+  const tooltipClasses = cx(`${prefix}--icon-tooltip`, `${prefix}--tag-label-tooltip`);
+  const combinedRef = mergeRefs.default(tagRef, forwardRef);
   const handleClick = e => {
     setSelectedTag(!selectedTag);
     onClick?.(e);
   };
   if (isEllipsisApplied) {
-    return /*#__PURE__*/React__default["default"].createElement(Tooltip.Tooltip, {
+    return /*#__PURE__*/React.createElement(Tooltip.Tooltip, {
       label: text,
       align: "bottom",
       className: tooltipClasses,
       leaveDelayMs: 0,
       onMouseEnter: () => false
-    }, /*#__PURE__*/React__default["default"].createElement(Tag["default"], _rollupPluginBabelHelpers["extends"]({
+    }, /*#__PURE__*/React.createElement(Tag.default, _rollupPluginBabelHelpers.extends({
       "aria-pressed": selectedTag !== false,
       ref: combinedRef,
       size: size,
@@ -81,12 +75,12 @@ const SelectableTag = /*#__PURE__*/React.forwardRef(({
       className: tagClasses,
       id: tagId,
       onClick: handleClick
-    }, other), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    }, other), /*#__PURE__*/React.createElement(Text.Text, {
       title: text,
       className: `${prefix}--tag__label`
     }, text)));
   }
-  return /*#__PURE__*/React__default["default"].createElement(Tag["default"], _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(Tag.default, _rollupPluginBabelHelpers.extends({
     "aria-pressed": selectedTag !== false,
     ref: combinedRef,
     size: size,
@@ -95,7 +89,7 @@ const SelectableTag = /*#__PURE__*/React.forwardRef(({
     className: tagClasses,
     id: tagId,
     onClick: handleClick
-  }, other), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, other), /*#__PURE__*/React.createElement(Text.Text, {
     title: text,
     className: `${prefix}--tag__label`
   }, text));
@@ -104,44 +98,44 @@ SelectableTag.propTypes = {
   /**
    * Provide a custom className that is applied to the containing <span>
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify if the `SelectableTag` is disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify the id for the tag.
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * A component used to render an icon.
    */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Provide an optional hook that is called when selected is changed
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Provide an optional function to be called when the tag is clicked.
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Specify the state of the selectable tag.
    */
-  selected: PropTypes__default["default"].bool,
+  selected: PropTypes.bool,
   /**
    * Specify the default state of the selectable tag.
    */
-  defaultSelected: PropTypes__default["default"].bool,
+  defaultSelected: PropTypes.bool,
   /**
    * Specify the size of the Tag. Currently supports either `sm`,
    * `md` (default) or `lg` sizes.
    */
-  size: PropTypes__default["default"].oneOf(Object.keys(Tag.SIZES)),
+  size: PropTypes.oneOf(Object.keys(Tag.SIZES)),
   /**
    * Provide text to be rendered inside of a the tag.
    */
-  text: PropTypes__default["default"].string
+  text: PropTypes.string
 };
 
-exports["default"] = SelectableTag;
+exports.default = SelectableTag;

package/lib/components/Tag/Tag.Skeleton.js

@@ -15,24 +15,18 @@ var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 function TagSkeleton({
   className,
   size,
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const tagClasses = cx__default["default"](`${prefix}--tag`, `${prefix}--skeleton`, className, {
+  const tagClasses = cx(`${prefix}--tag`, `${prefix}--skeleton`, className, {
     [`${prefix}--tag--${size}`]: size,
     // TODO: V12 - Remove this class
     [`${prefix}--layout--size-${size}`]: size
   });
-  return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({
     className: tagClasses
   }, rest));
 }
@@ -40,13 +34,13 @@ TagSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the size of the Tag. Currently supports either `sm` or
    * default sizes.
    */
-  size: PropTypes__default["default"].oneOf(['sm'])
+  size: PropTypes.oneOf(['sm'])
 };
 
 exports.TagSkeleton = TagSkeleton;
-exports["default"] = TagSkeleton;
+exports.default = TagSkeleton;

package/lib/components/Tag/Tag.js

@@ -26,12 +26,6 @@ var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.js');
 var Text = require('../Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _Close;
 const TYPES = {
   red: 'Red',
@@ -52,7 +46,7 @@ const SIZES = {
   md: 'md',
   lg: 'lg'
 };
-const TagBase = /*#__PURE__*/React__default["default"].forwardRef(({
+const TagBase = /*#__PURE__*/React.forwardRef(({
   children,
   className,
   decorator,
@@ -88,7 +82,7 @@ const TagBase = /*#__PURE__*/React__default["default"].forwardRef(({
   }, [prefix, tagRef]);
   const conditions = [`${prefix}--tag--selectable`, `${prefix}--tag--filter`, `${prefix}--tag--operational`];
   const isInteractiveTag = conditions.some(el => className?.includes(el));
-  const tagClasses = cx__default["default"](`${prefix}--tag`, className, {
+  const tagClasses = cx(`${prefix}--tag`, className, {
     [`${prefix}--tag--disabled`]: disabled,
     [`${prefix}--tag--filter`]: filter,
     [`${prefix}--tag--${size}`]: size,
@@ -114,46 +108,46 @@ const TagBase = /*#__PURE__*/React__default["default"].forwardRef(({
   }) : null;
   if (filter) {
     const ComponentTag = BaseComponent ?? 'div';
-    return /*#__PURE__*/React__default["default"].createElement(ComponentTag, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(ComponentTag, _rollupPluginBabelHelpers.extends({
       className: tagClasses,
       id: tagId
-    }, other), CustomIconElement && size !== 'sm' ? /*#__PURE__*/React__default["default"].createElement("div", {
+    }, other), CustomIconElement && size !== 'sm' ? /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--tag__custom-icon`
-    }, /*#__PURE__*/React__default["default"].createElement(CustomIconElement, null)) : '', /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    }, /*#__PURE__*/React.createElement(CustomIconElement, null)) : '', /*#__PURE__*/React.createElement(Text.Text, {
       title: typeof children === 'string' ? children : undefined,
       className: `${prefix}--tag__label`
-    }, children !== null && children !== undefined ? children : typeText), normalizedDecorator, /*#__PURE__*/React__default["default"].createElement("button", {
+    }, children !== null && children !== undefined ? children : typeText), normalizedDecorator, /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: `${prefix}--tag__close-icon`,
       onClick: handleClose,
       disabled: disabled,
       "aria-label": title,
       title: title
-    }, _Close || (_Close = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, null))));
+    }, _Close || (_Close = /*#__PURE__*/React.createElement(iconsReact.Close, null))));
   }
   const ComponentTag = BaseComponent ?? (other.onClick || className?.includes(`${prefix}--tag--operational`) ? 'button' : 'div');
-  const labelClasses = cx__default["default"]({
+  const labelClasses = cx({
     [`${prefix}--tag__label`]: !isInteractiveTag
   });
-  return /*#__PURE__*/React__default["default"].createElement(ComponentTag, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(ComponentTag, _rollupPluginBabelHelpers.extends({
     ref: ref,
     disabled: disabled,
     className: tagClasses,
     id: tagId,
     type: ComponentTag === 'button' ? 'button' : undefined
-  }, other), CustomIconElement && size !== 'sm' ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, other), CustomIconElement && size !== 'sm' ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tag__custom-icon`
-  }, /*#__PURE__*/React__default["default"].createElement(CustomIconElement, null)) : '', isEllipsisApplied && !isInteractiveTag ? /*#__PURE__*/React__default["default"].createElement(DefinitionTooltip.DefinitionTooltip, {
+  }, /*#__PURE__*/React.createElement(CustomIconElement, null)) : '', isEllipsisApplied && !isInteractiveTag ? /*#__PURE__*/React.createElement(DefinitionTooltip.DefinitionTooltip, {
     openOnHover: false,
     definition: children !== null && children !== undefined ? children : typeText,
     className: `${prefix}--definition--tooltip--tag`
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, /*#__PURE__*/React.createElement(Text.Text, {
     title: children !== null && children !== undefined && typeof children === 'string' ? children : typeText,
     className: labelClasses
-  }, children !== null && children !== undefined ? children : typeText)) : /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, children !== null && children !== undefined ? children : typeText)) : /*#__PURE__*/React.createElement(Text.Text, {
     title: children !== null && children !== undefined && typeof children === 'string' ? children : typeText,
     className: labelClasses
-  }, children !== null && children !== undefined ? children : typeText), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, children !== null && children !== undefined ? children : typeText), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tag__decorator`
   }, normalizedDecorator) : '');
 });
@@ -163,58 +157,58 @@ Tag.propTypes = {
    * Provide an alternative tag or component to use instead of the default
    * wrapping element
    */
-  as: PropTypes__default["default"].elementType,
+  as: PropTypes.elementType,
   /**
    * Provide content to be rendered inside of a `Tag`
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide a custom className that is applied to the containing <span>
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * **Experimental:** Provide a `decorator` component to be rendered inside the `Tag` component
    */
-  decorator: PropTypes__default["default"].node,
+  decorator: PropTypes.node,
   /**
    * Specify if the `Tag` is disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Determine if `Tag` is a filter/chip
    */
-  filter: deprecate.deprecate(PropTypes__default["default"].bool, 'The `filter` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
+  filter: deprecate.deprecate(PropTypes.bool, 'The `filter` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
   /**
    * Specify the id for the tag.
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * Click handler for filter tag close button.
    */
-  onClose: deprecate.deprecate(PropTypes__default["default"].func, 'The `onClose` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
+  onClose: deprecate.deprecate(PropTypes.func, 'The `onClose` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
   /**
    * A component used to render an icon.
    */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Specify the size of the Tag. Currently supports either `sm`,
    * `md` (default) or `lg` sizes.
    */
-  size: PropTypes__default["default"].oneOf(Object.keys(SIZES)),
+  size: PropTypes.oneOf(Object.keys(SIZES)),
   /**
    * **Experimental:** Provide a `Slug` component to be rendered inside the `Tag` component
    */
-  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
+  slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
   /**
    * Text to show on clear filters
    */
-  title: deprecate.deprecate(PropTypes__default["default"].string, 'The `title` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
+  title: deprecate.deprecate(PropTypes.string, 'The `title` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
   /**
    * Specify the type of the `Tag`
    */
-  type: PropTypes__default["default"].oneOf(Object.keys(TYPES))
+  type: PropTypes.oneOf(Object.keys(TYPES))
 };
 
 exports.SIZES = SIZES;
 exports.TYPES = TYPES;
-exports["default"] = Tag;
+exports.default = Tag;

package/lib/components/Tag/isEllipsisActive.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 const isEllipsisActive = element => {
   if (element) {
     return element?.offsetWidth < element?.scrollWidth;