carbon-react 106.2.2 → 106.3.2

package/lib/components/pager/pager.style.d.ts

@@ -3,7 +3,7 @@ export const StyledPagerSizeOptions: import("styled-components").StyledComponent
 export const StyledPagerSizeOptionsInner: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledPagerNavigation: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledPagerNavInner: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledPagerLinkStyles: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
+export const StyledPagerLinkStyles: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
 export const StyledPagerNoSelect: import("styled-components").StyledComponent<"span", any, {}, never>;
 export const StyledPagerSummary: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledSelectContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/pod/pod.style.d.ts

@@ -1,6 +1,6 @@
 export const StyledBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledEditAction: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
+export const StyledEditAction: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
 export const StyledActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledDeleteButton: import("styled-components").StyledComponent<typeof IconButton, any, {}, never>;
 export const StyledUndoButton: import("styled-components").StyledComponent<typeof IconButton, any, {}, never>;

package/lib/components/progress-tracker/progress-tracker.component.d.ts

@@ -1,5 +1,5 @@
 export default ProgressTracker;
-declare function ProgressTracker({ "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-valuenow": ariaValueNow, "aria-valuemin": ariaValueMin, "aria-valuemax": ariaValueMax, "aria-valuetext": ariaValueText, size, progress, showDefaultLabels, currentProgressLabel, maxProgressLabel, orientation, direction, labelsPosition, ...rest }: {
+declare function ProgressTracker({ "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-valuenow": ariaValueNow, "aria-valuemin": ariaValueMin, "aria-valuemax": ariaValueMax, "aria-valuetext": ariaValueText, size, length, progress, showDefaultLabels, currentProgressLabel, maxProgressLabel, orientation, direction, labelsPosition, ...rest }: {
     [x: string]: any;
     "aria-label"?: string | undefined;
     "aria-describedby": any;
@@ -8,6 +8,7 @@ declare function ProgressTracker({ "aria-label": ariaLabel, "aria-describedby":
     "aria-valuemax": any;
     "aria-valuetext": any;
     size?: string | undefined;
+    length?: string | undefined;
     progress?: number | undefined;
     showDefaultLabels?: boolean | undefined;
     currentProgressLabel: any;
@@ -34,6 +35,8 @@ declare namespace ProgressTracker {
         "aria-valuetext": PropTypes.Requireable<string>;
         /** Size of the progress bar. */
         size: PropTypes.Requireable<string>;
+        /** Length of the progress bar, any valid css string. */
+        length: PropTypes.Requireable<string>;
         /** Current progress (percentage). */
         progress: PropTypes.Requireable<number>;
         /** Flag to control whether the default value labels (as percentages) should be rendered. */

package/lib/components/progress-tracker/progress-tracker.component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -17,8 +17,14 @@ var _utils = require("../../style/utils");
 
 var _progressTracker = require("./progress-tracker.style");
 
+var _useResizeObserver = _interopRequireDefault(require("../../hooks/__internal__/useResizeObserver"));
+
 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);
@@ -31,6 +37,7 @@ const ProgressTracker = ({
   "aria-valuemax": ariaValueMax,
   "aria-valuetext": ariaValueText,
   size = "medium",
+  length = "256px",
   progress = 0,
   showDefaultLabels = false,
   currentProgressLabel,
@@ -40,8 +47,23 @@ const ProgressTracker = ({
   labelsPosition,
   ...rest
 }) => {
+  const barRef = (0, _react.useRef)();
+  const [barLength, setBarLength] = (0, _react.useState)(0);
   const isVertical = orientation === "vertical";
   const prefixLabels = !isVertical && labelsPosition !== "bottom" || isVertical && labelsPosition === "left";
+  const updateBarLength = (0, _react.useCallback)(() => {
+    if (orientation === "horizontal") {
+      setBarLength(`${barRef.current.offsetWidth}px`);
+    } else {
+      setBarLength(`${barRef.current.offsetHeight}px`);
+    }
+  }, [barRef, orientation]);
+  (0, _react.useLayoutEffect)(() => {
+    updateBarLength();
+  }, [barRef, orientation, updateBarLength]);
+  (0, _useResizeObserver.default)(barRef, () => {
+    updateBarLength();
+  });
 
   const renderValueLabels = () => {
     if (!showDefaultLabels && !currentProgressLabel && !maxProgressLabel) {
@@ -68,6 +90,7 @@ const ProgressTracker = ({
 
   return /*#__PURE__*/_react.default.createElement(_progressTracker.StyledProgressTracker, _extends({
     size: size,
+    length: length,
     isVertical: isVertical
   }, rest, (0, _tags.default)("progress-bar", rest), {
     role: "progressbar",
@@ -80,10 +103,12 @@ const ProgressTracker = ({
   }), prefixLabels && renderValueLabels(), /*#__PURE__*/_react.default.createElement(_progressTracker.StyledProgressBar, {
     direction: isVertical ? direction : undefined,
     isVertical: isVertical,
-    size: size
+    size: size,
+    ref: barRef
   }, /*#__PURE__*/_react.default.createElement(_progressTracker.InnerBar, {
     isVertical: isVertical,
     size: size,
+    length: barLength,
     progress: progress
   })), !prefixLabels && renderValueLabels());
 };
@@ -113,6 +138,9 @@ ProgressTracker.propTypes = { ...marginPropTypes,
   /** Size of the progress bar. */
   size: _propTypes.default.oneOf(["small", "medium", "large"]),
 
+  /** Length of the progress bar, any valid css string. */
+  length: _propTypes.default.string,
+
   /** Current progress (percentage). */
   progress: _propTypes.default.number,
 

package/lib/components/progress-tracker/progress-tracker.config.d.ts

@@ -1,2 +1 @@
-export const OUTER_TRACKER_LENGTH: "256px";
 export const PROGRESS_TRACKER_SIZES: string[];

package/lib/components/progress-tracker/progress-tracker.config.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PROGRESS_TRACKER_SIZES = exports.OUTER_TRACKER_LENGTH = void 0;
-const OUTER_TRACKER_LENGTH = "256px";
-exports.OUTER_TRACKER_LENGTH = OUTER_TRACKER_LENGTH;
+exports.PROGRESS_TRACKER_SIZES = void 0;
+
+/* eslint-disable import/prefer-default-export */
 const PROGRESS_TRACKER_SIZES = ["small", "medium", "large"];
 exports.PROGRESS_TRACKER_SIZES = PROGRESS_TRACKER_SIZES;

package/lib/components/progress-tracker/progress-tracker.d.ts

@@ -1,6 +1,6 @@
 import { MarginProps } from "styled-system";
 
-export interface ProgressBarProps extends MarginProps {
+export interface ProgressTrackerProps extends MarginProps {
   /** Specifies an aria-label to the component */
   "aria-label"?: string;
   /** Specifies the aria-describedby for the component */
@@ -16,6 +16,8 @@ export interface ProgressBarProps extends MarginProps {
   "aria-valuetext"?: string;
   /** Size of the progressBar. */
   size?: "small" | "medium" | "large";
+  /** Length of the progress bar, any valid css string. */
+  length?: string;
   /** Current progress (percentage). */
   progress?: number;
   /** Flag to control whether the default value labels (as percentages) should be rendered. */
@@ -35,6 +37,6 @@ export interface ProgressBarProps extends MarginProps {
   labelsPosition?: "top" | "bottom" | "left" | "right";
 }
 
-declare function ProgressBar(props: ProgressBarProps): JSX.Element;
+declare function ProgressTracker(props: ProgressTrackerProps): JSX.Element;
 
-export default ProgressBar;
+export default ProgressTracker;

package/lib/components/progress-tracker/progress-tracker.style.js

@@ -27,13 +27,14 @@ const StyledProgressTracker = _styledComponents.default.div`
   white-space: nowrap;
 
   ${({
-  isVertical
+  isVertical,
+  length
 }) => (0, _styledComponents.css)`
     ${!isVertical && `
-      width: ${_progressTracker.OUTER_TRACKER_LENGTH};
+      width: ${length};
     `}
     ${isVertical && `
-      height: ${_progressTracker.OUTER_TRACKER_LENGTH};
+      height: ${length};
       display: flex;
     `}
   `}
@@ -116,19 +117,20 @@ const InnerBar = _styledComponents.default.span`
   ${({
   isVertical,
   progress,
-  size
+  size,
+  length
 }) => (0, _styledComponents.css)`
     position: absolute;
     left: 0;
     background-color: ${getInnerBarColour(progress)};
 
     ${!isVertical && (0, _styledComponents.css)`
-      width: calc(${_progressTracker.OUTER_TRACKER_LENGTH} * ${progress / 100});
+      width: calc(${length} * ${progress / 100});
       min-width: 2px;
       height: ${getHeight(size)};
     `}
     ${isVertical && (0, _styledComponents.css)`
-      height: calc(${_progressTracker.OUTER_TRACKER_LENGTH} * ${progress / 100});
+      height: calc(${length} * ${progress / 100});
       min-height: 2px;
       width: ${getHeight(size)};
     `}

package/lib/components/radio-button/radio-button-svg.component.js

@@ -1,52 +1,34 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true,
+  value: true
 });
-
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _checkableInputSvgWrapper = _interopRequireDefault(
-  require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style")
-);
+var _checkableInputSvgWrapper = _interopRequireDefault(require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style"));
 
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const RadioButtonSvg = () => {
-  return /*#__PURE__*/ _react.default.createElement(
-    _checkableInputSvgWrapper.default,
-    null,
-    /*#__PURE__*/ _react.default.createElement(
-      "svg",
-      {
-        focusable: "false",
-        viewBox: "0 0 15 15",
-      },
-      /*#__PURE__*/ _react.default.createElement(
-        "g",
-        {
-          stroke: "none",
-          strokeWidth: "1",
-          fill: "none",
-          fillRule: "evenodd",
-        },
-        /*#__PURE__*/ _react.default.createElement("circle", {
-          className: "radio-button-check",
-          fill: "#FFFFFF",
-          cx: "7.5",
-          cy: "7.5",
-          r: "5",
-        })
-      )
-    )
-  );
+  return /*#__PURE__*/_react.default.createElement(_checkableInputSvgWrapper.default, null, /*#__PURE__*/_react.default.createElement("svg", {
+    focusable: "false",
+    viewBox: "0 0 15 15"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react.default.createElement("circle", {
+    className: "radio-button-check",
+    fill: "#FFFFFF",
+    cx: "7.5",
+    cy: "7.5",
+    r: "5"
+  }))));
 };
 
-var _default = /*#__PURE__*/ _react.default.memo(RadioButtonSvg, () => true);
+var _default = /*#__PURE__*/_react.default.memo(RadioButtonSvg, () => true);
 
-exports.default = _default;
+exports.default = _default;

package/lib/components/text-editor/__internal__/editor-link/editor-link.style.d.ts

@@ -1,2 +1,2 @@
 export default StyledEditorLink;
-declare const StyledEditorLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../link/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
+declare const StyledEditorLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../link").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;

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

@@ -1,12 +1,12 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true,
+  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"));
@@ -17,233 +17,116 @@ var _invariant = _interopRequireDefault(require("invariant"));
 
 var _tooltip = _interopRequireDefault(require("./tooltip.style"));
 
-var _tooltipPointer = _interopRequireDefault(
-  require("./tooltip-pointer.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);
-}
+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,
-      position = "top",
-      message,
-      type,
-      size = "medium",
-      isPartOfInput,
-      inputSize,
-      id,
-      bgColor,
-      fontColor,
-      flipOverrides,
-      target,
-      ...rest
-    },
-    ref
-  ) => {
-    const isFlipOverridesValid =
-      !flipOverrides ||
-      (Array.isArray(flipOverrides) &&
-        flipOverrides.every((placement) =>
-          _tooltip2.TOOLTIP_POSITIONS.includes(placement)
-        ));
-    (0, _invariant.default)(
-      isFlipOverridesValid,
-      `The flipOverrides prop supplied to Tooltip must be an array containing some or all of ["top", "bottom", "left", "right"].`
-    );
-
-    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(
-            {
-              "data-element": "tooltip",
-              role: "tooltip",
-              tabIndex: -1,
-              type: type,
-              size: size,
-              id: id,
-            },
-            (0, _tags.default)("tooltip", rest),
-            {
-              isPartOfInput: isPartOfInput,
-              inputSize: inputSize,
-            },
-            attrs,
-            {
-              position: currentPosition,
-              ref: ref,
-              bgColor: bgColor,
-              fontColor: fontColor,
-            }
-          ),
-          /*#__PURE__*/ _react.default.createElement(
-            _tooltipPointer.default,
-            _extends(
-              {
-                key: "pointer",
-                type: type,
-              },
-              attrs,
-              {
-                position: currentPosition,
-                "data-popper-arrow": "",
-                "data-element": "tooltip-pointer",
-                bgColor: bgColor,
-              }
-            )
-          ),
-          content
-        )
-      );
-    };
-
-    return /*#__PURE__*/ _react.default.createElement(
-      _headless.default,
-      _extends(
-        {
-          placement: position,
-          delay: TOOLTIP_DELAY,
-        },
-        isVisible !== undefined && {
-          visible: isVisible,
-        },
-        {
-          plugins: tippyPlugins,
-          sticky: true,
-          render: (attrs) => tooltip(attrs, message),
-          reference: target,
-          popperOptions: {
-            modifiers: [
-              ...(flipOverrides
-                ? [
-                    {
-                      name: "flip",
-                      options: {
-                        fallbackPlacements: flipOverrides,
-                      },
-                    },
-                  ]
-                : []),
-              {
-                name: "computeStyles",
-                options: {
-                  gpuAcceleration: false,
-                },
-              },
-            ],
-          },
+const Tooltip = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  isVisible,
+  position = "top",
+  message,
+  type,
+  size = "medium",
+  isPartOfInput,
+  inputSize,
+  id,
+  bgColor,
+  fontColor,
+  flipOverrides,
+  target,
+  ...rest
+}, ref) => {
+  const isFlipOverridesValid = !flipOverrides || Array.isArray(flipOverrides) && flipOverrides.every(placement => _tooltip2.TOOLTIP_POSITIONS.includes(placement));
+  (0, _invariant.default)(isFlipOverridesValid, `The flipOverrides prop supplied to Tooltip must be an array containing some or all of ["top", "bottom", "left", "right"].`);
+
+  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({
+      "data-element": "tooltip",
+      role: "tooltip",
+      tabIndex: -1,
+      type: type,
+      size: size,
+      id: id
+    }, (0, _tags.default)("tooltip", rest), {
+      isPartOfInput: isPartOfInput,
+      inputSize: inputSize
+    }, attrs, {
+      position: currentPosition,
+      ref: ref,
+      bgColor: bgColor,
+      fontColor: fontColor
+    }), /*#__PURE__*/_react.default.createElement(_tooltipPointer.default, _extends({
+      key: "pointer",
+      type: type
+    }, attrs, {
+      position: currentPosition,
+      "data-popper-arrow": "",
+      "data-element": "tooltip-pointer",
+      bgColor: bgColor
+    })), content));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_headless.default, _extends({
+    placement: position,
+    delay: TOOLTIP_DELAY
+  }, isVisible !== undefined && {
+    visible: isVisible
+  }, {
+    plugins: tippyPlugins,
+    sticky: true,
+    render: attrs => tooltip(attrs, message),
+    reference: target,
+    popperOptions: {
+      modifiers: [...(flipOverrides ? [{
+        name: "flip",
+        options: {
+          fallbackPlacements: flipOverrides
         }
-      ),
-      children
-    );
-  }
-);
+      }] : []), {
+        name: "computeStyles",
+        options: {
+          gpuAcceleration: false
+        }
+      }]
+    }
+  }), children);
+});
 
+exports.Tooltip = Tooltip;
 Tooltip.propTypes = {
-  /**
-   * Override background color of the Tooltip, provide any color from palette or any valid css color value.
-   */
-  bgColor: _propTypes.default.string,
-  /**
-   * Children elements
-   */
-  children: _propTypes.default.element.isRequired,
-  /**
-   * Overrides the default flip behaviour of the Tooltip,
-   * must be an array containing some or all of ["top", "bottom", "left", "right"]
-   * (see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements)
-   */
-  flipOverrides: _propTypes.default.arrayOf(
-    _propTypes.default.oneOf(["bottom", "left", "right", "top"])
-  ),
-  /**
-   * Override font color of the Tooltip, provide any color from palette or any valid css color value.
-   */
-  fontColor: _propTypes.default.string,
-  /**
-   * The id attribute to use for the tooltip
-   */
-  id: _propTypes.default.string,
-  inputSize: _propTypes.default.oneOf(["large", "medium", "small"]),
-  isPartOfInput: _propTypes.default.bool,
-  /**
-   * Whether to to show the Tooltip
-   */
-  isVisible: _propTypes.default.bool,
-  key: _propTypes.default.oneOfType([
-    _propTypes.default.number,
-    _propTypes.default.string,
-  ]),
-  /**
-   * The message to be displayed within the tooltip
-   */
-  message: _propTypes.default.node,
-  /**
-   * Sets position of the tooltip
-   */
-  position: _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
-  /**
-   * Defines the size of the tooltip content
-   */
-  size: _propTypes.default.oneOf(["large", "medium"]),
-  target: function (props, propName) {
+  "bgColor": _propTypes.default.string,
+  "children": _propTypes.default.element.isRequired,
+  "flipOverrides": _propTypes.default.arrayOf(_propTypes.default.oneOf(["bottom", "left", "right", "top"])),
+  "fontColor": _propTypes.default.string,
+  "id": _propTypes.default.string,
+  "inputSize": _propTypes.default.oneOf(["large", "medium", "small"]),
+  "isPartOfInput": _propTypes.default.bool,
+  "isVisible": _propTypes.default.bool,
+  "message": _propTypes.default.node,
+  "position": _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
+  "size": _propTypes.default.oneOf(["large", "medium"]),
+  "target": function (props, propName) {
     if (props[propName] == null) {
       return null;
-    } else if (
-      typeof props[propName] !== "object" ||
-      props[propName].nodeType !== 1
-    ) {
-      return new Error(
-        "Expected prop '" + propName + "' to be of type Element"
-      );
+    } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
+      return new Error("Expected prop '" + propName + "' to be of type Element");
     }
   },
-  /**
-   * Defines the message type
-   */
-  type: _propTypes.default.string,
+  "type": _propTypes.default.string
 };
-
-exports.Tooltip = Tooltip;
 Tooltip.displayName = "Tooltip";
 var _default = Tooltip;
-exports.default = _default;
+exports.default = _default;

package/lib/components/vertical-divider/index.d.ts

@@ -1 +1,2 @@
 export { default } from "./vertical-divider.component";
+export type { VerticalDividerProps } from "./vertical-divider.component";

package/lib/components/vertical-divider/vertical-divider.component.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { SpaceProps } from "styled-system";
 declare type TintRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100;
-export interface VerticalDividerPropTypes extends SpaceProps {
+export interface VerticalDividerProps extends SpaceProps {
     h?: number | string;
     height?: number | string;
     displayInline?: boolean;
     /** the supported rage is 1-100  */
     tint?: TintRange;
 }
-declare const VerticalDivider: ({ h, height, displayInline, tint, ...props }: VerticalDividerPropTypes) => JSX.Element;
+declare const VerticalDivider: ({ h, height, displayInline, tint, ...props }: VerticalDividerProps) => JSX.Element;
 export default VerticalDivider;