carbon-react 111.12.3 → 111.12.5

package/lib/components/tile-select/tile-select-group.component.js

@@ -4,17 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
 var _tileSelect = _interopRequireDefault(require("./tile-select.component"));
+
 var _radioButtonMapper = _interopRequireDefault(require("../../__internal__/radio-button-mapper/radio-button-mapper.component"));
+
 var _tileSelect2 = require("./tile-select.style");
+
 var _utils = require("../../style/utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
+
 const TileSelectGroup = props => {
   const {
     children,
@@ -28,6 +40,7 @@ const TileSelectGroup = props => {
     ...rest
   } = props;
   let tiles;
+
   if (multiSelect) {
     tiles = children;
   } else {
@@ -40,39 +53,52 @@ const TileSelectGroup = props => {
       type: "radio"
     })));
   }
+
   return /*#__PURE__*/_react.default.createElement(_tileSelect2.StyledTileSelectFieldset, _extends({
     legend: legend
   }, (0, _tags.default)("tile-select-group", rest), {
     multiSelect: multiSelect
   }, (0, _utils.filterStyledSystemMarginProps)(rest)), /*#__PURE__*/_react.default.createElement(_tileSelect2.StyledGroupDescription, null, description), /*#__PURE__*/_react.default.createElement("div", null, tiles));
 };
-TileSelectGroup.propTypes = {
-  ...marginPropTypes,
+
+TileSelectGroup.propTypes = { ...marginPropTypes,
+
   /** The TileSelect components to be rendered in the group */
   children: (props, propName, componentName) => {
     let error;
     const prop = props[propName];
+
     _react.default.Children.forEach(prop, child => {
       if (_tileSelect.default.displayName !== child.type.displayName) {
         error = new Error(`\`${componentName}\` only accepts children of type \`${_tileSelect.default.displayName}\`.`);
       }
     });
+
     return error;
   },
+
   /** The content for the TileSelectGroup Legend */
   legend: _propTypes.default.string,
+
   /** Description to be rendered below the legend */
   description: _propTypes.default.string,
+
   /** The currently selected value - only for single select mode. */
   value: _propTypes.default.string,
+
   /** The name to apply to the input - only for single select mode. */
   name: _propTypes.default.string,
+
   /** A callback triggered when one of tiles is selected - only for single select mode. */
   onChange: _propTypes.default.func,
+
   /** A callback triggered when one of tiles is blurred - only for single select mode. */
   onBlur: _propTypes.default.func,
+
   /** When passed as true TileSelectGroup serves only visual purpose */
+
   /** It wraps TileSelects in fieldset element and renders the legend and description props content */
+
   /** onChange, onBlur, value, checked and name props are meant to be passed individually on each of the TileSelects */
   multiSelect: _propTypes.default.bool
 };

package/lib/components/tile-select/tile-select.component.js

@@ -4,25 +4,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
+
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
+
 var _button = _interopRequireDefault(require("../button"));
+
 var _box = _interopRequireDefault(require("../box"));
+
 var _accordion = _interopRequireDefault(require("./__internal__/accordion"));
+
 var _tileSelect = require("./tile-select.style");
+
 var _utils = require("../../style/utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
+
 const checkPropTypeIsNode = prop => typeof prop !== "string" && {
   as: "div"
 };
+
 const TileSelect = ({
   onChange,
   onBlur,
@@ -50,9 +68,9 @@ const TileSelect = ({
 }) => {
   const l = (0, _useLocale.default)();
   const [hasFocus, setHasFocus] = (0, _react.useState)(false);
+
   const handleDeselect = () => onChange({
-    target: {
-      ...(name && {
+    target: { ...(name && {
         name
       }),
       ...(id && {
@@ -62,6 +80,7 @@ const TileSelect = ({
       checked: false
     }
   });
+
   const renderActionButton = () => /*#__PURE__*/_react.default.createElement(_tileSelect.StyledDeselectWrapper, {
     hasActionAdornment: !!actionButtonAdornment
   }, customActionButton && customActionButton(handleDeselect), !customActionButton && checked && /*#__PURE__*/_react.default.createElement(_button.default, {
@@ -70,6 +89,7 @@ const TileSelect = ({
     disabled: disabled,
     onClick: handleDeselect
   }, l.tileSelect.deselect()), actionButtonAdornment);
+
   (0, _react.useEffect)(() => {
     if (disabled && hasFocus) {
       setHasFocus(false);
@@ -90,11 +110,13 @@ const TileSelect = ({
     onBlur: ev => {
       setHasFocus(false);
       /* istanbul ignore else */
+
       if (onBlur) onBlur(ev);
     },
     onFocus: ev => {
       setHasFocus(true);
       /* istanbul ignore else */
+
       if (onFocus) onFocus(ev);
     },
     checked: checked,
@@ -127,57 +149,79 @@ const TileSelect = ({
     expanded: accordionExpanded
   }, accordionContent)));
 };
+
 TileSelect.defaultProps = {
   checked: false,
   type: "checkbox"
 };
-TileSelect.propTypes = {
-  ...marginPropTypes,
+TileSelect.propTypes = { ...marginPropTypes,
+
   /** title of the TileSelect */
   title: _propTypes.default.node,
+
   /** adornment to be rendered next to the title */
   titleAdornment: _propTypes.default.node,
+
   /** subtitle of the TileSelect */
   subtitle: _propTypes.default.node,
+
   /** description of the TileSelect */
   description: _propTypes.default.node,
+
   /** disables the TileSelect input */
   disabled: _propTypes.default.bool,
+
   /** the value that is represented by this TileSelect */
   value: _propTypes.default.string,
+
   /** input id */
   id: _propTypes.default.string,
+
   /** input name */
   name: _propTypes.default.string,
+
   /** Callback triggered when user selects or deselects this tile */
   onChange: _propTypes.default.func,
+
   /** Callback triggered when the user blurs this tile */
   onBlur: _propTypes.default.func,
+
   /** Callback triggered when the user focuses this tile */
   onFocus: _propTypes.default.func,
+
   /** determines if this tile is selected or unselected */
   checked: _propTypes.default.bool,
+
   /** Custom class name passed to the root element of TileSelect */
   className: _propTypes.default.string,
+
   /** Type of the TileSelect input */
   type: _propTypes.default.oneOf(["radio", "checkbox"]),
+
   /** Render prop that allows overriding the default action button. `(onClick) => <Button onClick={onClick}>...</Button>` */
   customActionButton: _propTypes.default.func,
+
   /** An additional help info icon rendered next to the action button */
   actionButtonAdornment: _propTypes.default.node,
+
   /** footer of the TileSelect */
   footer: _propTypes.default.node,
+
   /** Component to render in the top left corner of TileSelect */
   prefixAdornment: _propTypes.default.node,
+
   /** Component to render additional information row between title and description */
   additionalInformation: _propTypes.default.node,
+
   /** Components to render in the TileSelect Accordion */
   accordionContent: _propTypes.default.node,
+
   /**
    * Render prop to support rendering the control to handle the expanded state of the TileSelect Accordion.
    * `(controlId, contentId) => <Button id={controlId} aria-controls={contentId}>...</Button>`
    */
   accordionControl: _propTypes.default.func,
+
   /** Flag to control the open state of TileSelect Accordion */
   accordionExpanded: _propTypes.default.bool
 };

package/lib/components/tile-select/tile-select.style.js

@@ -4,16 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledAccordionFooterWrapper = exports.StyledFocusWrapper = exports.StyledFooterWrapper = exports.StyledDeselectWrapper = exports.StyledDescription = exports.StyledAdornment = exports.StyledSubtitle = exports.StyledTitle = exports.StyledTitleContainer = exports.StyledTileSelectInput = exports.StyledTileSelect = exports.StyledTileSelectContainer = exports.StyledGroupDescription = exports.StyledTileSelectFieldset = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _fieldset = _interopRequireDefault(require("../fieldset"));
+
 var _input = require("../../__internal__/input");
+
 var _fieldset2 = require("../fieldset/fieldset.style");
+
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
+
 var _themes = require("../../style/themes");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const StyledTitle = _styledComponents.default.h3`
   font-size: 16px;
   font-weight: 900;

package/lib/components/toast/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _toast.default;
   }
 });
+
 var _toast = _interopRequireDefault(require("./toast.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/toast/toast.component.js

@@ -4,21 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _reactTransitionGroup = require("react-transition-group");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _icon = _interopRequireDefault(require("../icon"));
+
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
 var _toast = require("./toast.style");
+
 var _iconButton = _interopRequireDefault(require("../icon-button"));
+
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
+
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
+
 var _useModalManager = _interopRequireDefault(require("../../hooks/__internal__/useModalManager"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const Toast = /*#__PURE__*/_react.default.forwardRef(({
   children,
   className,
@@ -54,15 +70,18 @@ const Toast = /*#__PURE__*/_react.default.forwardRef(({
   (0, _useModalManager.default)(open, dismissToast, refToPass);
   (0, _react.useEffect)(() => {
     clearTimeout(timer.current);
+
     if (!timeout || !open || !onDismiss) {
       return;
     }
+
     timer.current = setTimeout(() => onDismiss(), timeout);
   }, [onDismiss, open, timeout]);
   (0, _react.useEffect)(() => {
     if (!disableAutoFocus) {
       if (open) {
         var _toastContentNodeRef$;
+
         focusedElementBeforeOpening.current = document.activeElement;
         (_toastContentNodeRef$ = toastContentNodeRef.current) === null || _toastContentNodeRef$ === void 0 ? void 0 : _toastContentNodeRef$.focus();
       } else if (focusedElementBeforeOpening.current) {
@@ -79,6 +98,7 @@ const Toast = /*#__PURE__*/_react.default.forwardRef(({
       }
     };
   }, []);
+
   function renderCloseIcon() {
     if (!onDismiss) return null;
     return /*#__PURE__*/_react.default.createElement(_iconButton.default, {
@@ -90,6 +110,7 @@ const Toast = /*#__PURE__*/_react.default.forwardRef(({
       type: "close"
     }));
   }
+
   function renderToastContent() {
     if (!open) return null;
     const toastProps = {
@@ -125,6 +146,7 @@ const Toast = /*#__PURE__*/_react.default.forwardRef(({
       isDismiss: onDismiss
     }, children), renderCloseIcon()));
   }
+
   return /*#__PURE__*/_react.default.createElement(_toast.StyledPortal, {
     id: targetPortalId,
     isCenter: isCenter,
@@ -135,29 +157,41 @@ const Toast = /*#__PURE__*/_react.default.forwardRef(({
     isNotice: isNotice
   }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, renderToastContent())));
 });
+
 Toast.propTypes = {
   /** Customizes the appearance in the DLS theme */
   variant: _propTypes.default.oneOf(["error", "info", "success", "warning", "notice"]),
+
   /** Custom className */
   className: _propTypes.default.string,
+
   /** Custom id  */
   id: _propTypes.default.string,
+
   /** Component name */
   "data-component": _propTypes.default.string,
+
   /** The rendered children of the component. */
   children: _propTypes.default.node,
+
   /** Determines if the Toast is open. */
   open: _propTypes.default.bool,
+
   /** Callback for when dismissed. */
   onDismiss: _propTypes.default.func,
+
   /** Time for Toast to remain on screen */
   timeout: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+
   /** Centers the Toast on the screen */
   isCenter: _propTypes.default.bool,
+
   /** Target Portal ID where the Toast will render */
   targetPortalId: _propTypes.default.string,
+
   /** Maximum toast width */
   maxWidth: _propTypes.default.string,
+
   /** Disables auto focus functionality when the Toast has a close icon */
   disableAutoFocus: _propTypes.default.bool
 };

package/lib/components/toast/toast.style.js

@@ -10,17 +10,29 @@ Object.defineProperty(exports, "TypeIcon", {
   }
 });
 exports.StyledPortal = exports.ToastWrapper = exports.ToastContentStyle = exports.ToastStyle = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _message = _interopRequireDefault(require("../message/message.style"));
+
 var _messageContent = _interopRequireDefault(require("../message/message-content/message-content.style"));
+
 var _typeIcon = _interopRequireDefault(require("../message/type-icon/type-icon.style"));
+
 var _iconButton = _interopRequireDefault(require("../icon-button/icon-button.style"));
+
 var _portal = _interopRequireDefault(require("../portal/portal"));
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const StyledPortal = (0, _styledComponents.default)(_portal.default)`
   ${({
   theme

package/lib/components/tooltip/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _tooltip.default;
   }
 });
+
 var _tooltip = _interopRequireDefault(require("./tooltip.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/tooltip/tooltip-pointer.style.js

@@ -4,16 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 var _color = require("../../style/utils/color");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const pointerColor = (theme, bgColor, type) => {
   if (bgColor) return (0, _color.toColor)(theme, bgColor);
   return type === "error" ? "var(--colorsSemanticNegative500)" : "var(--colorsSemanticNeutral500)";
 };
+
 const StyledTooltipPointer = _styledComponents.default.div`
   ${({
   position,

package/lib/components/tooltip/tooltip.component.js

@@ -4,20 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Tooltip = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _headless = _interopRequireDefault(require("@tippyjs/react/headless"));
+
 var _tippy = require("tippy.js");
+
 var _invariant = _interopRequireDefault(require("invariant"));
+
 var _tooltip = _interopRequireDefault(require("./tooltip.style"));
+
 var _tooltipPointer = _interopRequireDefault(require("./tooltip-pointer.style"));
+
 var _tooltip2 = require("./tooltip.config");
+
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
 var _carbonScopedTokensProvider = _interopRequireDefault(require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const TOOLTIP_DELAY = 100;
 const tippyPlugins = [_tippy.sticky];
+
 const Tooltip = /*#__PURE__*/_react.default.forwardRef(({
   children,
   isVisible,
@@ -36,6 +50,7 @@ const Tooltip = /*#__PURE__*/_react.default.forwardRef(({
 }, ref) => {
   const isFlipOverridesValid = !flipOverrides || Array.isArray(flipOverrides) && flipOverrides.every(placement => _tooltip2.TOOLTIP_POSITIONS.includes(placement));
   !isFlipOverridesValid ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, `The flipOverrides prop supplied to Tooltip must be an array containing some or all of ["top", "bottom", "left", "right"].`) : (0, _invariant.default)(false) : void 0;
+
   const tooltip = (attrs, content) => {
     const currentPosition = attrs["data-placement"] || position;
     return /*#__PURE__*/_react.default.createElement(_carbonScopedTokensProvider.default, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, _extends({
@@ -63,6 +78,7 @@ const Tooltip = /*#__PURE__*/_react.default.forwardRef(({
       bgColor: bgColor
     })), content));
   };
+
   return /*#__PURE__*/_react.default.createElement(_headless.default, _extends({
     placement: position,
     delay: TOOLTIP_DELAY
@@ -88,6 +104,7 @@ const Tooltip = /*#__PURE__*/_react.default.forwardRef(({
     }
   }), children);
 });
+
 exports.Tooltip = Tooltip;
 Tooltip.propTypes = {
   "bgColor": _propTypes.default.string,

package/lib/components/tooltip/tooltip.style.js

@@ -4,12 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 var _color = require("../../style/utils/color");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const fadeIn = (0, _styledComponents.keyframes)`
   0% {
     opacity: 0;
@@ -19,16 +26,19 @@ const fadeIn = (0, _styledComponents.keyframes)`
     opacity: 1;
   }
 `;
+
 const tooltipColor = (theme, bgColor, type) => {
   if (bgColor) return (0, _color.toColor)(theme, bgColor);
   return type === "error" ? "var(--colorsSemanticNegative500)" : "var(--colorsSemanticNeutral500)";
 };
+
 const tooltipOffset = (position, inputSize, isPartOfInput) => {
   if (!isPartOfInput) {
     return {
       [position]: "1px"
     };
   }
+
   switch (inputSize) {
     case "small":
       return `
@@ -37,6 +47,7 @@ const tooltipOffset = (position, inputSize, isPartOfInput) => {
           ${position}: ${["top", "bottom"].includes(position) ? "7px" : "6px"};
         }
       `;
+
     case "large":
       return `
         ${position}: ${["top", "bottom"].includes(position) ? "0px" : "-2px"};
@@ -44,6 +55,7 @@ const tooltipOffset = (position, inputSize, isPartOfInput) => {
           ${position}: -1px;
         }
       `;
+
     default:
       return `
         ${position}: ${["top", "bottom"].includes(position) ? "4px" : "2px"};
@@ -53,6 +65,7 @@ const tooltipOffset = (position, inputSize, isPartOfInput) => {
       `;
   }
 };
+
 const StyledTooltip = _styledComponents.default.div`
   ${({
   position,

package/lib/components/typography/index.js

@@ -21,6 +21,9 @@ Object.defineProperty(exports, "ListItem", {
     return _list.ListItem;
   }
 });
+
 var _typography = _interopRequireDefault(require("./typography.component"));
+
 var _list = require("./list.component");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/typography/list.component.js

@@ -4,17 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ListItem = exports.List = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _typography = _interopRequireDefault(require("./typography.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const getListStyleType = as => {
   if (as === "ul") {
     return "square";
   }
+
   return "decimal";
 };
+
 const List = ({
   children,
   as = "ul",
@@ -24,6 +32,7 @@ const List = ({
   as: as,
   listStyleType: getListStyleType(as)
 }, props), children);
+
 exports.List = List;
 List.propTypes = {
   "as": _propTypes.default.elementType,
@@ -483,6 +492,7 @@ List.propTypes = {
   "whiteSpace": _propTypes.default.string,
   "wordWrap": _propTypes.default.string
 };
+
 const ListItem = ({
   children,
   ...props
@@ -491,6 +501,7 @@ const ListItem = ({
   variant: "p",
   m: "0 0 8px 16px"
 }, props), children);
+
 exports.ListItem = ListItem;
 ListItem.propTypes = {
   "as": _propTypes.default.elementType,