@activecollab/components 1.0.55 → 1.0.56

package/dist/index.js

@@ -855,12 +855,11 @@
   });
   StyledTypography.displayName = "StyledTypography";
 
-  var _excluded$Q = ["variant", "Tag", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+  var _excluded$Q = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
   var Typography = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$variant = _ref.variant,
         variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
-        _ref$Tag = _ref.Tag,
-        Tag = _ref$Tag === void 0 ? "div" : _ref$Tag,
+        as = _ref.as,
         _ref$color = _ref.color,
         color = _ref$color === void 0 ? "primary" : _ref$color,
         _ref$italic = _ref.italic,
@@ -889,10 +888,9 @@
         children = _ref.children,
         props = _objectWithoutProperties(_ref, _excluded$Q);
 
-    var innerRef = React.useRef(null);
-    var handleRef = useForkRef(ref, innerRef);
+    var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(StyledTypography, _extends({
-      as: Tag,
+      as: Component,
       className: classnames__default["default"]("typography", className),
       $italic: italic,
       $tabularNums: tabularNums,
@@ -907,7 +905,7 @@
       $variant: variant,
       $color: color,
       $weight: weight,
-      ref: handleRef
+      ref: ref
     }, props), children);
   });
   Typography.displayName = "Typography";