@codacy/ui-components 0.64.16 → 0.64.17

package/lib/Typography/Typography.js

@@ -1,27 +1,35 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "size"],
-    _excluded2 = ["children", "size"],
-    _excluded3 = ["children", "size", "as"],
-    _excluded4 = ["children", "as", "size", "bold", "fontWeight"],
-    _excluded5 = ["children", "size", "as", "value", "showPercentage", "format"],
-    _excluded6 = ["children", "size", "as"];
-import React from 'react';
-import numeral from 'numeral';
-import { StyledTitle, StyledSubheader, StyledParagraph, StyledCaption, StyledList, StyledDataPoint } from './Typography.styles';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Title = exports.Subheader = exports.Paragraph = exports.DataPoint = exports.Caption = exports.BulletedList = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _numeral = _interopRequireDefault(require("numeral"));
+var _Typography = require("./Typography.styles");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["children", "size"],
+  _excluded2 = ["children", "size"],
+  _excluded3 = ["children", "size", "as"],
+  _excluded4 = ["children", "as", "size", "bold", "fontWeight"],
+  _excluded5 = ["children", "size", "as", "value", "showPercentage", "format"],
+  _excluded6 = ["children", "size", "as"];
 /** Title */
-export var Title = React.forwardRef(function (_ref, ref) {
+var Title = exports.Title = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'md' : _ref$size,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(StyledTitle, Object.assign({
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.StyledTitle, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
     as: "h1",
     textSize: size
-  }, props, {
-    ref: ref
-  }), children);
+  }, props), {}, {
+    ref: ref,
+    children: children
+  }));
 });
 var tagBySize = {
   xl: 'h2',
@@ -30,96 +38,99 @@ var tagBySize = {
   sm: 'h5',
   xs: 'h6'
 };
-/** Subheader */
 
-export var Subheader = React.forwardRef(function (_ref2, ref) {
+/** Subheader */
+var Subheader = exports.Subheader = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
-      _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? 'xl' : _ref2$size,
-      props = _objectWithoutProperties(_ref2, _excluded2);
-
-  return /*#__PURE__*/React.createElement(StyledSubheader, Object.assign({
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'xl' : _ref2$size,
+    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.StyledSubheader, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
     as: tagBySize[size],
     textSize: size
-  }, props, {
-    ref: ref
-  }), children);
+  }, props), {}, {
+    ref: ref,
+    children: children
+  }));
 });
-/** Paragraph */
 
-export var Paragraph = React.forwardRef(function (_ref3, ref) {
+/** Paragraph */
+var Paragraph = exports.Paragraph = /*#__PURE__*/_react["default"].forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
-      _ref3$size = _ref3.size,
-      size = _ref3$size === void 0 ? 'md' : _ref3$size,
-      _ref3$as = _ref3.as,
-      as = _ref3$as === void 0 ? 'p' : _ref3$as,
-      props = _objectWithoutProperties(_ref3, _excluded3);
-
-  return /*#__PURE__*/React.createElement(StyledParagraph, Object.assign({
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 'md' : _ref3$size,
+    _ref3$as = _ref3.as,
+    as = _ref3$as === void 0 ? 'p' : _ref3$as,
+    props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded3);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.StyledParagraph, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
     as: as,
     textSize: size
-  }, props, {
-    ref: ref
-  }), children);
+  }, props), {}, {
+    ref: ref,
+    children: children
+  }));
 });
-/** Caption */
 
-export var Caption = React.forwardRef(function (_ref4, ref) {
+/** Caption */
+var Caption = exports.Caption = /*#__PURE__*/_react["default"].forwardRef(function (_ref4, ref) {
   var children = _ref4.children,
-      _ref4$as = _ref4.as,
-      as = _ref4$as === void 0 ? 'p' : _ref4$as,
-      _ref4$size = _ref4.size,
-      size = _ref4$size === void 0 ? 'sm' : _ref4$size,
-      bold = _ref4.bold,
-      fontWeight = _ref4.fontWeight,
-      props = _objectWithoutProperties(_ref4, _excluded4);
-
-  return /*#__PURE__*/React.createElement(StyledCaption, Object.assign({
+    _ref4$as = _ref4.as,
+    as = _ref4$as === void 0 ? 'p' : _ref4$as,
+    _ref4$size = _ref4.size,
+    size = _ref4$size === void 0 ? 'sm' : _ref4$size,
+    bold = _ref4.bold,
+    fontWeight = _ref4.fontWeight,
+    props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded4);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.StyledCaption, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
     as: as,
     textSize: size,
     fontWeight: fontWeight || (bold ? 2 : 1)
-  }, props, {
-    ref: ref
-  }), children);
+  }, props), {}, {
+    ref: ref,
+    children: children
+  }));
 });
-export var DataPoint = React.forwardRef(function (_ref5, ref) {
+var DataPoint = exports.DataPoint = /*#__PURE__*/_react["default"].forwardRef(function (_ref5, ref) {
   var children = _ref5.children,
-      _ref5$size = _ref5.size,
-      size = _ref5$size === void 0 ? 'sm' : _ref5$size,
-      _ref5$as = _ref5.as,
-      as = _ref5$as === void 0 ? 'p' : _ref5$as,
-      value = _ref5.value,
-      showPercentage = _ref5.showPercentage,
-      format = _ref5.format,
-      props = _objectWithoutProperties(_ref5, _excluded5);
-
-  if (value === undefined) return /*#__PURE__*/React.createElement(StyledDataPoint, Object.assign({
+    _ref5$size = _ref5.size,
+    size = _ref5$size === void 0 ? 'sm' : _ref5$size,
+    _ref5$as = _ref5.as,
+    as = _ref5$as === void 0 ? 'p' : _ref5$as,
+    value = _ref5.value,
+    showPercentage = _ref5.showPercentage,
+    format = _ref5.format,
+    props = (0, _objectWithoutProperties2["default"])(_ref5, _excluded5);
+  if (value === undefined) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.StyledDataPoint, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
     textSize: size,
     as: as
-  }, props, {
-    ref: ref
-  }), "-");
-  return /*#__PURE__*/React.createElement(StyledDataPoint, Object.assign({
+  }, props), {}, {
+    ref: ref,
+    children: "-"
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.StyledDataPoint, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
     textSize: size,
     as: as
-  }, props, {
-    ref: ref
-  }), format ? numeral(value).format(format) : value, showPercentage ? /*#__PURE__*/React.createElement("small", null, " %") : null);
+  }, props), {}, {
+    ref: ref,
+    children: [format ? (0, _numeral["default"])(value).format(format) : value, showPercentage ? /*#__PURE__*/(0, _jsxRuntime.jsx)("small", {
+      children: " %"
+    }) : null]
+  }));
 });
-/** BulletedList */
 
-export var BulletedList = React.forwardRef(function (_ref6, ref) {
+/** BulletedList */
+var BulletedList = exports.BulletedList = /*#__PURE__*/_react["default"].forwardRef(function (_ref6, ref) {
   var children = _ref6.children,
-      _ref6$size = _ref6.size,
-      size = _ref6$size === void 0 ? 'md' : _ref6$size,
-      _ref6$as = _ref6.as,
-      as = _ref6$as === void 0 ? 'ul' : _ref6$as,
-      props = _objectWithoutProperties(_ref6, _excluded6);
-
-  return /*#__PURE__*/React.createElement(StyledList, Object.assign({
+    _ref6$size = _ref6.size,
+    size = _ref6$size === void 0 ? 'md' : _ref6$size,
+    _ref6$as = _ref6.as,
+    as = _ref6$as === void 0 ? 'ul' : _ref6$as,
+    props = (0, _objectWithoutProperties2["default"])(_ref6, _excluded6);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.StyledList, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
     as: as,
     textSize: size
-  }, props, {
-    ref: ref
-  }), children);
+  }, props), {}, {
+    ref: ref,
+    children: children
+  }));
 });

package/lib/Typography/Typography.styles.d.ts

@@ -2,69 +2,63 @@
 import { CodacyTheme, Size } from '../theme';
 import { TitleProps, SubheaderProps, ParagraphProps, CaptionProps, ListProps, TextSize, TextColor, DataPointProps, TitleSize, DataPointTextSize } from './Typography.types';
 export declare const BaseTextStyle: (theme: CodacyTheme, size: TextSize, color: TextColor) => import("@emotion/utils").SerializedStyles;
-export declare const StyledTitle: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
+export declare const StyledTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
     fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
-}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
-    theme?: object | undefined;
-}, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-} & Pick<import("../Flexbox").BoxProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps | keyof import("..").GridboxProps> & {
-    theme?: object | undefined;
-}, Omit<TitleProps, "size"> & {
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & import("..").FlexboxProps & import("..").GridboxProps & Omit<TitleProps, "size"> & {
     textSize?: TitleSize | undefined;
-}, CodacyTheme>;
-export declare const StyledSubheader: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
+}, {}, {}>;
+export declare const StyledSubheader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
     fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
-}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
-    theme?: object | undefined;
-}, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-} & Pick<import("../Flexbox").BoxProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps | keyof import("..").GridboxProps> & {
-    theme?: object | undefined;
-}, Omit<SubheaderProps, "size"> & {
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & import("..").FlexboxProps & import("..").GridboxProps & Omit<SubheaderProps, "size"> & {
     textSize?: Size | undefined;
-}, CodacyTheme>;
-export declare const StyledParagraph: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
+}, {}, {}>;
+export declare const StyledParagraph: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
     fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
-}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
-    theme?: object | undefined;
-}, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-} & Pick<import("../Flexbox").BoxProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps | keyof import("..").GridboxProps> & {
-    theme?: object | undefined;
-}, Omit<ParagraphProps, "size"> & {
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & import("..").FlexboxProps & import("..").GridboxProps & Omit<ParagraphProps, "size"> & {
     textSize?: TextSize | undefined;
-}, CodacyTheme>;
-export declare const StyledCaption: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
+}, {}, {}>;
+export declare const StyledCaption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
     fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
-}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
-    theme?: object | undefined;
-}, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-} & Pick<import("../Flexbox").BoxProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps | keyof import("..").GridboxProps> & {
-    theme?: object | undefined;
-}, Omit<CaptionProps, "bold" | "size"> & {
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & import("..").FlexboxProps & import("..").GridboxProps & Omit<CaptionProps, "bold" | "size"> & {
     textSize?: TextSize | undefined;
-}, CodacyTheme>;
-export declare const StyledList: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
+}, {}, {}>;
+export declare const StyledList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
     fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
-}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
-    theme?: object | undefined;
-}, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-} & Pick<import("../Flexbox").BoxProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps | keyof import("..").GridboxProps> & {
-    theme?: object | undefined;
-}, Omit<ListProps, "size"> & {
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & import("..").FlexboxProps & import("..").GridboxProps & Omit<ListProps, "size"> & {
     textSize?: TextSize | undefined;
-}, CodacyTheme>;
-export declare const StyledDataPoint: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
+}, {}, {}>;
+export declare const StyledDataPoint: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
     fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
-}, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
-    theme?: object | undefined;
-}, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-} & Pick<import("../Flexbox").BoxProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps | keyof import("..").GridboxProps> & {
-    theme?: object | undefined;
-}, Pick<DataPointProps, "color"> & {
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & import("..").FlexboxProps & import("..").GridboxProps & Pick<DataPointProps, "color"> & {
     textSize?: DataPointTextSize | undefined;
-}, CodacyTheme>;
+}, {}, {}>;