diginet-core-ui 1.3.79-beta.2 → 1.3.79-beta.3

package/components/accordion/css.js

@@ -1,6 +1,6 @@
 import { css } from '@emotion/core';
-import theme from '../../theme/settings';
-import { alignCenter, backgroundTransparent, borderBox, borderRadius4px, breakWord, cursorPointer, displayInlineBlock, flexRow, flexRowReverse, inlineFlex, justifyBetween, justifyCenter, justifyEnd, parseWidthHeight, pointerEventsNone, positionAbsolute, positionRelative, userSelectNone } from '../../styles/general';
+import theme from "../../theme/settings";
+import { alignCenter, backgroundTransparent, borderBox, borderRadius4px, breakWord, cursorPointer, displayInlineBlock, flexRow, flexRowReverse, inlineFlex, justifyBetween, justifyCenter, justifyEnd, parseWidthHeight, pointerEventsNone, positionAbsolute, positionRelative, userSelectNone } from "../../styles/general";
 const {
   colors: {
     system: {

package/components/accordion/details.js

@@ -3,9 +3,9 @@
 import { memo, forwardRef, useRef, useMemo, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import { borderBox, displayBlock, overflowHidden, parseHeight, pointerEventsNone, positionRelative, userSelectNone } from '../../styles/general';
-import { classNames } from '../../utils';
-import theme from '../../theme/settings';
+import { borderBox, displayBlock, overflowHidden, parseHeight, pointerEventsNone, positionRelative, userSelectNone } from "../../styles/general";
+import { classNames } from "../../utils";
+import theme from "../../theme/settings";
 const {
   colors: {
     text: {

package/components/accordion/group.js

@@ -3,9 +3,9 @@
 import { memo, useRef, forwardRef, Children, cloneElement, useMemo, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import { borderRadius4px } from '../../styles/general';
-import classNames from '../../utils/classNames';
-import theme from '../../theme/settings';
+import { borderRadius4px } from "../../styles/general";
+import classNames from "../../utils/classNames";
+import theme from "../../theme/settings";
 const {
   spacing
 } = theme;

package/components/accordion/index.js

@@ -3,11 +3,11 @@
 import { memo, useEffect, useRef, forwardRef, useState, useMemo, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import AccordionContext from './context';
-import Divider from '../divider';
-import { borderRadius4px, displayBlock, parseWidth, positionRelative } from '../../styles/general';
-import classNames from '../../utils/classNames';
-import theme from '../../theme/settings';
+import AccordionContext from "./context";
+import Divider from "../divider";
+import { borderRadius4px, displayBlock, parseWidth, positionRelative } from "../../styles/general";
+import classNames from "../../utils/classNames";
+import theme from "../../theme/settings";
 const {
   colors: {
     line: {

package/components/accordion/summary.js

@@ -3,11 +3,11 @@
 import { memo, useEffect, useRef, useContext, forwardRef, useMemo, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx } from '@emotion/core';
-import { SummaryRootCSS } from './css';
-import AccordionContext from './context';
+import { SummaryRootCSS } from "./css";
+import AccordionContext from "./context";
 import { ButtonIcon, Typography } from '..';
-import { classNames } from '../../utils';
-import theme from '../../theme/settings';
+import { classNames } from "../../utils";
+import theme from "../../theme/settings";
 const {
   colors: {
     system: {

package/components/alert/index.js

@@ -3,14 +3,14 @@
 import { forwardRef, memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import LinearProgress from '../progress/linear';
-import ButtonIcon from '../button/icon';
-import Icon from '../../icons';
-import { hexToRGBA } from '../../styles/color-helper';
-import { animations } from '../../styles/animation';
-import { classNames, useDelayUnmount } from '../../utils';
-import { alignCenter, border, borderBox, borderRadius4px, breakWord, displayBlock, flexRow, justifyStart, positionRelative, userSelectNone } from '../../styles/general';
-import { useTheme, useColor as colors } from '../../theme';
+import LinearProgress from "../progress/linear";
+import ButtonIcon from "../button/icon";
+import Icon from "../../icons";
+import { hexToRGBA } from "../../styles/color-helper";
+import { animations } from "../../styles/animation";
+import { classNames, useDelayUnmount } from "../../utils";
+import { alignCenter, border, borderBox, borderRadius4px, breakWord, displayBlock, flexRow, justifyStart, positionRelative, userSelectNone } from "../../styles/general";
+import { useTheme, useColor as colors } from "../../theme";
 const {
   colors: {
     system: {

package/components/alert/notify.js

@@ -4,10 +4,10 @@ import { memo, useEffect, forwardRef, useImperativeHandle, useRef, useState } fr
 import ReactDOM, { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import Alert from './';
-import theme from '../../theme/settings';
-import { classNames, refType as ref } from '../../utils';
-import { backgroundTransparent, pointerEventsNone, positionFixed } from '../../styles/general';
+import Alert from "./";
+import theme from "../../theme/settings";
+import { classNames, refType as ref } from "../../utils";
+import { backgroundTransparent, pointerEventsNone, positionFixed } from "../../styles/general";
 const {
   zIndex: zIndexCORE
 } = theme;

package/components/avatar/index.js

@@ -1,17 +1,16 @@
 /** @jsxRuntime classic */
 /** @jsx jsx */
-import { Fragment, memo, useRef, forwardRef, useState, useEffect, useMemo, useImperativeHandle, isValidElement } from 'react';
-import PropTypes from 'prop-types';
 import { jsx, css, keyframes } from '@emotion/core';
-import OptionWrapper from '../others/option-wrapper';
-import { useIntersection } from '../../utils/intersectionObserver';
-import { ButtonIcon, ModalSample, Popover, Popup, Typography } from '../';
-import { classNames, randomString } from '../../utils';
-import { getGlobal } from '../../global';
-import AvatarDefault from '../../assets/avatar/default.svg';
-import { alignCenter, borderNone, displayBlock, displayNone, flexCol, inlineFlex, overflowHidden, parseWidthHeight, pointerEventsNone, positionAbsolute, positionRelative, userSelectNone } from '../../styles/general';
-import isMobile from '../../utils/isMobile';
-import theme from '../../theme/settings';
+import AvatarDefault from "../../assets/avatar/default.svg";
+import { ButtonIcon, ModalSample, Popover, Popup, Typography } from "./..";
+import { getGlobal } from "../../global";
+import PropTypes from 'prop-types';
+import { forwardRef, Fragment, isValidElement, memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { alignCenter, borderNone, displayBlock, displayNone, flexCol, inlineFlex, overflowHidden, parseWidthHeight, pointerEventsNone, positionAbsolute, positionRelative, userSelectNone } from "../../styles/general";
+import { useTheme } from "../../theme";
+import { classNames, isMobile, randomString } from "../../utils";
+import { useIntersection } from "../../utils/intersectionObserver";
+import OptionWrapper from "../others/option-wrapper";
 const {
   colors: {
     system: {
@@ -26,7 +25,7 @@ const {
   },
   spacing,
   zIndex: zIndexCORE
-} = theme;
+} = useTheme();
 const existed = {},
   urlAvatar = {},
   popupHandler = {};

package/components/badge/index.js

@@ -3,11 +3,11 @@
 import { memo, useRef, forwardRef, useMemo, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import OptionWrapper from '../others/option-wrapper';
-import { color as colors } from '../../styles/colors';
-import { typography } from '../../styles/typography';
-import { alignCenter, borderBox, borderRadius4px, flexRow, flexWrap, inlineFlex, justifyCenter, pointerEventsNone, positionAbsolute, positionRelative } from '../../styles/general';
-import Icon from '../../icons';
+import OptionWrapper from "../others/option-wrapper";
+import { color as colors } from "../../styles/colors";
+import { typography } from "../../styles/typography";
+import { alignCenter, borderBox, borderRadius4px, flexRow, flexWrap, inlineFlex, justifyCenter, pointerEventsNone, positionAbsolute, positionRelative } from "../../styles/general";
+import Icon from "../../icons";
 const {
   paragraph1,
   paragraph2,

package/components/button/icon.js

@@ -3,16 +3,16 @@
 import { memo, useRef, useMemo, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import OptionWrapper from '../others/option-wrapper';
-import * as allColors from '../../styles/colors';
-import { hexToRGBA } from '../../styles/color-helper';
-import { capitalize, classNames, refType as ref } from '../../utils';
-import Icon from '../../icons';
-import Ripple from './ripple-effect';
+import OptionWrapper from "../others/option-wrapper";
+import * as allColors from "../../styles/colors";
+import { hexToRGBA } from "../../styles/color-helper";
+import { capitalize, classNames, refType as ref } from "../../utils";
+import Icon from "../../icons";
+import Ripple from "./ripple-effect";
 import { getClassNameFromColor, getRippleColor } from '.';
-import CircularProgress from '../progress/circular';
-import { alignCenter, backgroundTransparent, border, borderBox, borderNone, borderRadius4px, borderRadius50, cursorPointer, flexRow, inlineFlex, justifyCenter, noBorder, outlineNone, parseMinWidthHeight, parseWidthHeight, pointerEventsNone, positionRelative, userSelectNone } from '../../styles/general';
-import { useColor as colors, useTheme } from '../../theme';
+import CircularProgress from "../progress/circular";
+import { alignCenter, backgroundTransparent, border, borderBox, borderNone, borderRadius4px, borderRadius50, cursorPointer, flexRow, inlineFlex, justifyCenter, outlineNone, parseMinWidthHeight, parseWidthHeight, pointerEventsNone, positionRelative, userSelectNone } from "../../styles/general";
+import { useColor as colors, useTheme } from "../../theme";
 const {
   colors: {
     system: {
@@ -47,6 +47,9 @@ const sizeMap = new Map([['tiny', {
 }], ['giant', {
   buttonSize: '56px',
   iconSize: '40px'
+}], ['extraGiant', {
+  buttonSize: '96px',
+  iconSize: '56px'
 }]]);
 const iconColorMap = new Map([['Close', semanticDanger], ['Cancel', semanticDanger], ['Approval', semanticSuccess], ['Delete', semanticWarning], ['Trash', semanticWarning], ['Edit', semanticInfo], ['EditV2', semanticInfo], ['View', semanticInfo]]);
 const alphaArr = {
@@ -239,7 +242,7 @@ const ButtonRootCSS = (circular, colorHover, color, name) => css`
         }
     }
     &.text {
-        ${noBorder};
+        ${borderNone};
         ${backgroundTransparent};
         color: ${color};
         &.button-icon--loading {
@@ -266,7 +269,7 @@ const ButtonRootCSS = (circular, colorHover, color, name) => css`
     }
     &.ghost {
         ${backgroundTransparent};
-        ${noBorder};
+        ${borderNone};
         color: ${color};
         &.loading,
         &:hover,

package/components/button/index.js

@@ -3,16 +3,16 @@
 import { css, jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
 import { forwardRef, memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { Typography } from '../';
-import Icon from '../../icons';
-import { detectColor, fade, hexToRGBA, hslToRgb, isColor, isColorName, rgbaToHexA, rgbToHex } from '../../styles/color-helper';
-import * as allColors from '../../styles/colors';
-import { alignCenter, backgroundTransparent, border, borderBox, borderNone, borderRadius4px, cursorPointer, flexRow, inlineFlex, justifyCenter, noBorder, noMargin, noPadding, outlineNone, overflowHidden, parseHeight, parseMinHeight, parseMinWidth, parseMinWidthHeight, parseWidthHeight, pointerEventsNone, positionRelative, userSelectNone } from '../../styles/general';
-import { useColor as colors, useTheme } from '../../theme';
-import { classNames, refType as ref } from '../../utils';
-import OptionWrapper from '../others/option-wrapper';
-import CircularProgress from '../progress/circular';
-import Ripple from './ripple-effect';
+import { Typography } from "../";
+import Icon from "../../icons";
+import { detectColor, fade, hexToRGBA, hslToRgb, isColor, isColorName, rgbaToHexA, rgbToHex } from "../../styles/color-helper";
+import * as allColors from "../../styles/colors";
+import { alignCenter, backgroundTransparent, border, borderBox, borderNone, borderRadius4px, cursorPointer, flexRow, inlineFlex, justifyCenter, noBorder, noMargin, noPadding, outlineNone, overflowHidden, parseHeight, parseMinHeight, parseMinWidth, parseMinWidthHeight, parseWidthHeight, pointerEventsNone, positionRelative, userSelectNone } from "../../styles/general";
+import { useColor as colors, useTheme } from "../../theme";
+import { classNames, refType as ref } from "../../utils";
+import OptionWrapper from "../others/option-wrapper";
+import CircularProgress from "../progress/circular";
+import Ripple from "./ripple-effect";
 const {
   colors: {
     system: {

package/components/button/more.js

@@ -3,11 +3,11 @@
 import { css, jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
 import { forwardRef, isValidElement, memo, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { ButtonIcon, Icon, Popover, Typography } from '../';
-import { alignCenter, borderNone, cursorPointer, flexCol, flexRow, outlineNone, parseHeight } from '../../styles/general';
-import { useTheme } from '../../theme';
-import { classNames, refType as ref } from '../../utils';
-import OptionWrapper from '../others/option-wrapper';
+import { ButtonIcon, Icon, Popover, Typography } from "../";
+import { alignCenter, borderNone, cursorPointer, flexCol, flexRow, outlineNone, parseHeight } from "../../styles/general";
+import { useTheme } from "../../theme";
+import { classNames, refType as ref } from "../../utils";
+import OptionWrapper from "../others/option-wrapper";
 const {
   colors: {
     system: {

package/components/button/ripple-effect.js

@@ -3,8 +3,8 @@
 /** @jsx jsx */
 import { css, jsx, keyframes } from '@emotion/core';
 import { forwardRef, memo, useImperativeHandle, useLayoutEffect, useState } from 'react';
-import { borderRadius100, borderRadius50, overflowHidden, positionAbsolute } from '../../styles/general';
-import { useTheme } from '../../theme';
+import { borderRadius100, borderRadius50, overflowHidden, positionAbsolute } from "../../styles/general";
+import { useTheme } from "../../theme";
 const {
   colors: {
     system: {

package/components/card/body.js

@@ -3,8 +3,8 @@
 import { memo, useRef, useMemo, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx } from '@emotion/core';
-import OptionWrapper from '../others/option-wrapper';
-import { classNames } from '../../utils';
+import OptionWrapper from "../others/option-wrapper";
+import { classNames } from "../../utils";
 const CardBody = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   action = {},
   children,

package/components/card/extra.js

@@ -3,8 +3,8 @@
 import { memo, useRef, useMemo, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx } from '@emotion/core';
-import OptionWrapper from '../others/option-wrapper';
-import { classNames } from '../../utils';
+import OptionWrapper from "../others/option-wrapper";
+import { classNames } from "../../utils";
 const CardExtra = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   action = {},
   children,

package/components/card/footer.js

@@ -3,8 +3,8 @@
 import { memo, useRef, useMemo, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx } from '@emotion/core';
-import OptionWrapper from '../others/option-wrapper';
-import { classNames } from '../../utils';
+import OptionWrapper from "../others/option-wrapper";
+import { classNames } from "../../utils";
 const CardFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   action = {},
   children,

package/components/card/header.js

@@ -3,9 +3,9 @@
 import { memo, useRef, useMemo, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx } from '@emotion/core';
-import OptionWrapper from '../others/option-wrapper';
-import Typography from '../typography';
-import { classNames } from '../../utils';
+import OptionWrapper from "../others/option-wrapper";
+import Typography from "../typography";
+import { classNames } from "../../utils";
 const CardHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   action = {},
   children,

package/components/card/index.js

@@ -3,14 +3,14 @@
 import { memo, useRef, useMemo, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import OptionWrapper from '../others/option-wrapper';
-import theme from '../../theme/settings';
-import { borderBox, borderRadius4px, flexCol, flexRow, justifyEnd, overflowHidden, parseWidth, parseWidthHeight, positionAbsolute, positionRelative } from '../../styles/general';
-import CardHeader from './header';
-import { CardFooter } from './footer';
-import { CardBody } from './body';
-import { getColor } from '../../styles/utils';
-import { classNames } from '../../utils';
+import OptionWrapper from "../others/option-wrapper";
+import theme from "../../theme/settings";
+import { borderBox, borderRadius4px, flexCol, flexRow, justifyEnd, overflowHidden, parseWidth, parseWidthHeight, positionAbsolute, positionRelative } from "../../styles/general";
+import CardHeader from "./header";
+import { CardFooter } from "./footer";
+import { CardBody } from "./body";
+import { getColor } from "../../styles/utils";
+import { classNames } from "../../utils";
 const {
   colors: {
     system: {

package/components/chart/Pie/index.js

@@ -2,11 +2,11 @@
 /** @jsx jsx */
 import { useState, useRef, useEffect, memo, forwardRef } from 'react';
 import PropTypes from 'prop-types';
-import Typography from '../../typography';
+import Typography from "../../typography";
 import { jsx, css } from '@emotion/core';
-import Circle from './Circle';
-import Sectors from './Sectors';
-import Sector from './Sector';
+import Circle from "./Circle";
+import Sectors from "./Sectors";
+import Sector from "./Sector";
 const PieChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   expandOnHover,
   renderSelectedItem,

package/components/chart/Pie-v2/Sectors.js

@@ -3,10 +3,10 @@
 /** @jsx jsx */
 import { useState } from 'react';
 import PropTypes from 'prop-types';
-import Sector from './Sector';
+import Sector from "./Sector";
 import { jsx, css } from '@emotion/core';
-import { randomString } from '../../../utils';
-import { typography } from '../../../styles/typography';
+import { randomString } from "../../../utils";
+import { typography } from "../../../styles/typography";
 const Sectors = ({
   center,
   data,

package/components/chart/Pie-v2/index.js

@@ -3,12 +3,12 @@
 import { useState, useRef, memo, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import Typography from '../../typography';
-import { randomString } from '../../../utils';
-import { typography } from '../../../styles/typography';
-import Circle from './Circle';
-import Sectors from './Sectors';
-import Sector from './Sector';
+import Typography from "../../typography";
+import { randomString } from "../../../utils";
+import { typography } from "../../../styles/typography";
+import Circle from "./Circle";
+import Sectors from "./Sectors";
+import Sector from "./Sector";
 const PieChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   expandOnHover,
   renderSelectedItem,

package/components/chart/bar/Bar.js

@@ -3,8 +3,8 @@
 import { memo, useRef, forwardRef } from 'react';
 import { css, jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
-import Labels from './Labels';
-import { typography } from '../../../styles/typography';
+import Labels from "./Labels";
+import { typography } from "../../../styles/typography";
 const Bars = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   // barsOpacity,
   barsMargin,

package/components/chart/bar/Labels.js

@@ -3,8 +3,8 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../../theme/settings';
-import { typography } from '../../../styles/typography';
+import theme from "../../../theme/settings";
+import { typography } from "../../../styles/typography";
 const Labels = ({
   getX,
   getY,

package/components/chart/bar/index.js

@@ -3,12 +3,12 @@
 import PropTypes from 'prop-types';
 import { memo, forwardRef } from 'react';
 import { jsx } from '@emotion/core';
-import Axis from './Axis';
-import Points from './Points';
-import Labels from './Labels';
-import Grid from './Grid';
-import Bars from './Bar';
-import { randomString } from '../../../utils';
+import Axis from "./Axis";
+import Points from "./Points";
+import Labels from "./Labels";
+import Grid from "./Grid";
+import Bars from "./Bar";
+import { randomString } from "../../../utils";
 const BarChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   labelsVisible,
   labelsCharacterWidth,

package/components/chart/bar-v2/Bar.js

@@ -3,9 +3,9 @@
 import { memo, useRef, forwardRef, useState } from 'react';
 import { css, jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
-import Labels from './Labels';
-import { randomString } from '../../../utils';
-import { typography } from '../../../styles/typography';
+import Labels from "./Labels";
+import { randomString } from "../../../utils";
+import { typography } from "../../../styles/typography";
 const Bars = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   // barsOpacity,
   barsMargin,

package/components/chart/bar-v2/Labels.js

@@ -3,8 +3,8 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../../theme/settings';
-import { typography } from '../../../styles/typography';
+import theme from "../../../theme/settings";
+import { typography } from "../../../styles/typography";
 const Labels = ({
   getX,
   getY,

package/components/chart/bar-v2/index.js

@@ -3,12 +3,12 @@
 import PropTypes from 'prop-types';
 import { memo, forwardRef } from 'react';
 import { jsx } from '@emotion/core';
-import Axis from './Axis';
-import Points from './Points';
-import Labels from './Labels';
-import Grid from './Grid';
-import Bars from './Bar';
-import { randomString } from '../../../utils';
+import Axis from "./Axis";
+import Points from "./Points";
+import Labels from "./Labels";
+import Grid from "./Grid";
+import Bars from "./Bar";
+import { randomString } from "../../../utils";
 const BarChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   labelsVisible,
   labelsCharacterWidth,

package/components/chart/line/Labels.js

@@ -3,8 +3,8 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../../theme/settings';
-import { typography } from '../../../styles/typography';
+import theme from "../../../theme/settings";
+import { typography } from "../../../styles/typography";
 const Labels = ({
   getX,
   getY,

package/components/chart/line/Path.js

@@ -3,7 +3,7 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import { color as colors } from '../../../styles/colors';
+import { color as colors } from "../../../styles/colors";
 const Path = ({
   data,
   getX,

package/components/chart/line/Point.js

@@ -3,8 +3,8 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import { typography } from '../../../styles/typography';
-import { color as colors } from '../../../styles/colors';
+import { typography } from "../../../styles/typography";
+import { color as colors } from "../../../styles/colors";
 const Points = ({
   data,
   getX,

package/components/chart/line/Title.js

@@ -2,7 +2,7 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx } from '@emotion/core';
-import Typography from '../../typography';
+import Typography from "../../typography";
 const Title = ({
   data
 }) => {

package/components/chart/line/index.js

@@ -3,13 +3,13 @@
 import PropTypes from 'prop-types';
 import { memo, forwardRef } from 'react';
 import { jsx } from '@emotion/core';
-import Axis from './Axis';
-import Labels from './Labels';
-import Grid from './Grid';
-import Points from './Point';
+import Axis from "./Axis";
+import Labels from "./Labels";
+import Grid from "./Grid";
+import Points from "./Point";
 // import Title from './Title';
-import Path from './Path';
-import { randomString } from '../../../utils';
+import Path from "./Path";
+import { randomString } from "../../../utils";
 const LineChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   labelsVisible,
   labelsCharacterWidth,

package/components/chart/line-v2/Labels.js

@@ -3,8 +3,8 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../../theme/settings';
-import { typography } from '../../../styles/typography';
+import theme from "../../../theme/settings";
+import { typography } from "../../../styles/typography";
 const Labels = ({
   getX,
   getY,

package/components/chart/line-v2/Point.js

@@ -4,8 +4,8 @@
 import { useState } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import { randomString } from '../../../utils';
-import { typography } from '../../../styles/typography';
+import { randomString } from "../../../utils";
+import { typography } from "../../../styles/typography";
 const Points = ({
   data,
   getX,

package/components/chart/line-v2/Title.js

@@ -2,7 +2,7 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx } from '@emotion/core';
-import Typography from '../../typography';
+import Typography from "../../typography";
 const Title = ({
   data
 }) => {