diginet-core-ui 1.3.79 → 1.3.80

package/components/index.js

@@ -1,147 +1,147 @@
 import * as components from '.';
 
 //TOOLTIP
-export { default as Tooltip } from './tooltip/index';
+export { default as Tooltip } from "./tooltip/index";
 
 //TEXT
-export { default as Typography } from './typography';
+export { default as Typography } from "./typography";
 
 // PROGRESS
-export { default as CircularProgress } from './progress/circular';
-export { default as LinearProgress } from './progress/linear';
+export { default as CircularProgress } from "./progress/circular";
+export { default as LinearProgress } from "./progress/linear";
 
 // ACCORDION
-export { default as Accordion } from './accordion';
-export { default as AccordionSummary } from './accordion/summary';
-export { default as AccordionDetails } from './accordion/details';
-export { default as AccordionGroup } from './accordion/group';
+export { default as Accordion } from "./accordion";
+export { default as AccordionSummary } from "./accordion/summary";
+export { default as AccordionDetails } from "./accordion/details";
+export { default as AccordionGroup } from "./accordion/group";
 
 // ALERT
-export { default as Alert } from './alert';
-export { default as Notify } from './alert/notify';
+export { default as Alert } from "./alert";
+export { default as Notify } from "./alert/notify";
 
 // AVATAR
-export { default as Avatar } from './avatar';
+export { default as Avatar } from "./avatar";
 
 // BADGE
-export { default as Badge } from './badge';
+export { default as Badge } from "./badge";
 
 // BUTTON
-export { default as Button } from './button';
-export { default as ButtonIcon } from './button/icon';
+export { default as Button } from "./button";
+export { default as ButtonIcon } from "./button/icon";
 
 // CARD
-export { default as Card } from './card';
-export { default as CardHeader } from './card/header';
-export { default as CardBody } from './card/body';
-export { default as CardFooter } from './card/footer';
-export { default as CardExtra } from './card/extra';
+export { default as Card } from "./card";
+export { default as CardHeader } from "./card/header";
+export { default as CardBody } from "./card/body";
+export { default as CardFooter } from "./card/footer";
+export { default as CardExtra } from "./card/extra";
 
 // CHART
-export { default as PieChart } from './chart/Pie';
-export { default as ColumnChart } from './chart/bar';
-export { default as LineChart } from './chart/line';
+export { default as PieChart } from "./chart/Pie";
+export { default as ColumnChart } from "./chart/bar";
+export { default as LineChart } from "./chart/line";
 
 // CHECK-TEXT
-export { default as CheckTextConfirmation } from './check-text/interview-confirmation';
-export { default as CheckTextStatus } from './check-text/interview-status';
+export { default as CheckTextConfirmation } from "./check-text/interview-confirmation";
+export { default as CheckTextStatus } from "./check-text/interview-status";
 
 // CHIP
-export { default as Chip } from './chip';
-export { default as AttachChip } from './chip/attach';
+export { default as Chip } from "./chip";
+export { default as AttachChip } from "./chip/attach";
 
 // COLLAPSE
-export { default as Collapse } from './collapse';
+export { default as Collapse } from "./collapse";
 
 // DIVIDER
-export { default as Divider } from './divider';
+export { default as Divider } from "./divider";
 
 // FORM CONTROL
-export { default as Attachment } from './form-control/attachment';
-export { default as Checkbox } from './form-control/checkbox';
-export { default as DatePicker } from './form-control/date-picker';
-export { default as DateRangePicker } from './form-control/date-range-picker';
-export { default as TimePicker } from './form-control/time-picker';
-export { default as Dropdown } from './form-control/dropdown';
-export { default as DropdownBox } from './form-control/dropdown-box';
-export { default as FormGroup } from './form-control/form-group';
-export { default as Radio } from './form-control/radio';
-export { default as InputBase } from './form-control/input-base';
-export { default as Label } from './form-control/label';
-export { default as HelperText } from './form-control/helper-text';
-export { default as TextInput } from './form-control/text-input';
-export { default as MoneyInput } from './form-control/money-input';
-export { default as NumberInput } from './form-control/number-input/index2';
-export { default as Toggle } from './form-control/toggle';
+export { default as Attachment } from "./form-control/attachment";
+export { default as Checkbox } from "./form-control/checkbox";
+export { default as DatePicker } from "./form-control/date-picker";
+export { default as DateRangePicker } from "./form-control/date-range-picker";
+export { default as TimePicker } from "./form-control/time-picker";
+export { default as Dropdown } from "./form-control/dropdown";
+export { default as DropdownBox } from "./form-control/dropdown-box";
+export { default as FormGroup } from "./form-control/form-group";
+export { default as Radio } from "./form-control/radio";
+export { default as InputBase } from "./form-control/input-base";
+export { default as Label } from "./form-control/label";
+export { default as HelperText } from "./form-control/helper-text";
+export { default as TextInput } from "./form-control/text-input";
+export { default as MoneyInput } from "./form-control/money-input";
+export { default as NumberInput } from "./form-control/number-input/index2";
+export { default as Toggle } from "./form-control/toggle";
 
 // Grid
-export { default as Grid } from './grid';
-export { default as Row } from './grid/Row';
-export { default as Col } from './grid/Col';
-export { default as Container } from './grid/Container';
+export { default as Grid } from "./grid";
+export { default as Row } from "./grid/Row";
+export { default as Col } from "./grid/Col";
+export { default as Container } from "./grid/Container";
 
 //Icon
-export { default as Icon } from '../icons/index';
+export { default as Icon } from "../icons/index";
 
 //Image
-export { default as Image } from './image';
+export { default as Image } from "./image";
 
 // List
-export { default as List } from './list/list';
-export { default as ListItem } from './list/list-item';
-export { default as ListItemIcon } from './list/list-item-icon';
-export { default as ListItemText } from './list/list-item-text';
-export { default as ListItemAction } from './list/list-item-action';
+export { default as List } from "./list/list";
+export { default as ListItem } from "./list/list-item";
+export { default as ListItemIcon } from "./list/list-item-icon";
+export { default as ListItemText } from "./list/list-item-text";
+export { default as ListItemAction } from "./list/list-item-action";
 
 // MODAL
-export { default as ModalSample } from './modal';
-export { default as Modal } from './modal/modal';
-export { default as ModalHeader } from './modal/header';
-export { default as ModalBody } from './modal/body';
-export { default as ModalFooter } from './modal/footer';
+export { default as ModalSample } from "./modal";
+export { default as Modal } from "./modal/modal";
+export { default as ModalHeader } from "./modal/header";
+export { default as ModalBody } from "./modal/body";
+export { default as ModalFooter } from "./modal/footer";
 
 // PAGING
-export { default as PagingInfo } from './paging/page-info';
-export { default as PagingSelector } from './paging/page-selector2';
+export { default as PagingInfo } from "./paging/page-info";
+export { default as PagingSelector } from "./paging/page-selector2";
 
 // PAPER
-export { default as Paper } from './paper';
+export { default as Paper } from "./paper";
 
 // POPOVER
-export { default as Popover } from './popover';
-export { default as PopoverHeader } from './popover/header';
-export { default as PopoverBody } from './popover/body';
-export { default as PopoverFooter } from './popover/footer';
+export { default as Popover } from "./popover";
+export { default as PopoverHeader } from "./popover/header";
+export { default as PopoverBody } from "./popover/body";
+export { default as PopoverFooter } from "./popover/footer";
 
 // POPUP
-export { default as Popup } from './popup';
-export { default as PopupV2 } from './popup/v2';
-export { default as DangerPopup } from './popup/danger_popup';
-export { default as ProposalsPopup } from './popup/proposals_popup';
+export { default as Popup } from "./popup";
+export { default as PopupV2 } from "./popup/v2";
+export { default as DangerPopup } from "./popup/danger_popup";
+export { default as ProposalsPopup } from "./popup/proposals_popup";
 
 // SLIDER
-export { default as Slider } from './slider/slider-container';
-export { default as SliderItem } from './slider/slider-item';
+export { default as Slider } from "./slider/slider-container";
+export { default as SliderItem } from "./slider/slider-item";
 
 // Rating
-export { default as Rating } from './rating';
+export { default as Rating } from "./rating";
 
 // STATUS
-export { default as Status } from './status';
+export { default as Status } from "./status";
 
 // TAB
-export { default as TabContainer } from './tab/tab-container';
-export { default as TabHeader } from './tab/tab-header';
-export { default as TabPanel } from './tab/tab-panel';
-export { default as TabItem } from './tab/tab';
+export { default as TabContainer } from "./tab/tab-container";
+export { default as TabHeader } from "./tab/tab-header";
+export { default as TabPanel } from "./tab/tab-panel";
+export { default as TabItem } from "./tab/tab";
 
 // TREE VIEW
-export { default as Transfer } from './transfer';
+export { default as Transfer } from "./transfer";
 
 // TREE VIEW
-export { default as TreeView } from './tree-view';
+export { default as TreeView } from "./tree-view";
 
 // OTHERS
-export { default as Extra } from './others/extra';
-export { default as ScrollBar } from './others/scrollbar';
+export { default as Extra } from "./others/extra";
+export { default as ScrollBar } from "./others/scrollbar";
 export default components;

package/components/list/list-item-action.js

@@ -3,7 +3,7 @@
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../theme/settings';
+import theme from "../../theme/settings";
 import { ButtonIcon } from '..';
 const ListItemAction = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   children,

package/components/list/list-item-icon.js

@@ -3,8 +3,8 @@
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../theme/settings';
-import * as Icons from '../../icons';
+import theme from "../../theme/settings";
+import * as Icons from "../../icons";
 const ListItemIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   className,
   children,

package/components/list/list-item-text.js

@@ -3,7 +3,7 @@
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import { Typography } from '../';
+import { Typography } from "../";
 const ListItemText = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   className,
   children,

package/components/list/list-item.js

@@ -3,8 +3,8 @@
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../theme/settings';
-import Ripple from '../button/ripple-effect';
+import theme from "../../theme/settings";
+import Ripple from "../button/ripple-effect";
 const ListItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   children,
   className,

package/components/list/list.js

@@ -3,7 +3,7 @@
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../theme/settings';
+import theme from "../../theme/settings";
 const levels = [0, 1, 'second', 'third', 'fourth', 'fifth'];
 const List = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   className,

package/components/list/sub-header.js

@@ -3,8 +3,8 @@
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../theme/settings';
-import { Typography } from '../';
+import theme from "../../theme/settings";
+import { Typography } from "../";
 const ListSubHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   children,
   style,

package/components/modal/body.js

@@ -3,10 +3,10 @@
 import { memo, useMemo, useRef, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import { border, borderBox, displayBlock, overflowAuto, parseWidthHeight, positionRelative } from '../../styles/general';
-import { classNames } from '../../utils';
-import theme from '../../theme/settings';
-import { responsivePaddingCSS } from './header';
+import { border, borderBox, displayBlock, overflowAuto, parseWidthHeight, positionRelative } from "../../styles/general";
+import { classNames } from "../../utils";
+import theme from "../../theme/settings";
+import { responsivePaddingCSS } from "./header";
 const {
   colors: {
     fill: {

package/components/modal/footer.js

@@ -3,9 +3,9 @@
 import { memo, useMemo, useRef, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import { alignCenter, borderBox, flexRow, justifyEnd, positionRelative } from '../../styles/general';
-import { classNames } from '../../utils';
-import { responsivePaddingCSS } from './header';
+import { alignCenter, borderBox, flexRow, justifyEnd, positionRelative } from "../../styles/general";
+import { classNames } from "../../utils";
+import { responsivePaddingCSS } from "./header";
 const ModalFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   action = {},
   boxShadow,

package/components/modal/header.js

@@ -3,11 +3,11 @@
 import { memo, useMemo, useContext, useRef, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import ModalContext from './context';
-import { ButtonIcon, Typography } from '../';
-import { alignCenter, borderBox, flexRow, justifyBetween, parseWidthHeight, positionRelative } from '../../styles/general';
-import { classNames, handleBreakpoints } from '../../utils';
-import theme from '../../theme/settings';
+import ModalContext from "./context";
+import { ButtonIcon, Typography } from "../";
+import { alignCenter, borderBox, flexRow, justifyBetween, parseWidthHeight, positionRelative } from "../../styles/general";
+import { classNames, handleBreakpoints } from "../../utils";
+import theme from "../../theme/settings";
 const {
   colors: {
     fill: {

package/components/modal/index.js

@@ -1,10 +1,10 @@
 /* eslint-disable react/display-name */
 import React, { forwardRef, memo, useImperativeHandle, useRef } from 'react';
 import PropTypes from 'prop-types';
-import Modal from './modal';
-import Header from './header';
-import Body from './body';
-import Footer from './footer';
+import Modal from "./modal";
+import Header from "./header";
+import Body from "./body";
+import Footer from "./footer";
 const ModalSample = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   action = {},
   bodyStyle,

package/components/modal/modal.js

@@ -4,12 +4,12 @@ import { memo, useState, useRef, forwardRef, useEffect, useMemo, useImperativeHa
 import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import useDelayUnmount from '../../utils/useDelayUnmount';
-import ModalContext from './context';
-import { animations } from '../../styles/animation';
-import { borderBox, borderRadius4px, flexCol, flexRow, justifyCenter, parseWidth, parseWidthHeight, positionFixed, positionRelative } from '../../styles/general';
-import theme from '../../theme/settings';
-import { classNames } from '../../utils';
+import useDelayUnmount from "../../utils/useDelayUnmount";
+import ModalContext from "./context";
+import { animations } from "../../styles/animation";
+import { borderBox, borderRadius4px, flexCol, flexRow, justifyCenter, parseWidth, parseWidthHeight, positionFixed, positionRelative } from "../../styles/general";
+import theme from "../../theme/settings";
+import { classNames } from "../../utils";
 const {
   colors: {
     system: {

package/components/others/extra/index.js

@@ -4,8 +4,8 @@
 import { memo, useState, useEffect, useMemo, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import { brand, dark11, dark6, blue13 } from '../../../styles/colors';
-import { typography } from '../../../styles/typography';
+import { brand, dark11, dark6, blue13 } from "../../../styles/colors";
+import { typography } from "../../../styles/typography";
 const icons = {
   expand: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path fillRule="evenodd" clip-rule="evenodd" d="M11.9999 12.0001C11.7729 12.0001 11.5449 11.9231 11.3599 11.7681L5.35989 6.76807C4.93589 6.41407 4.87889 5.78407 5.23189 5.36007C5.58589 4.93507 6.21489 4.87907 6.63989 5.23207L12.0109 9.70707L17.3729 5.39307C17.8029 5.04707 18.4339 5.11507 18.7789 5.54507C19.1259 5.97507 19.0569 6.60407 18.6269 6.95107L12.6269 11.7791C12.4439 11.9261 12.2219 12.0001 11.9999 12.0001ZM12.011 16.7076L17.373 12.3926C17.803 12.0476 18.434 12.1156 18.779 12.5446C19.125 12.9756 19.057 13.6046 18.627 13.9516L12.627 18.7796C12.444 18.9266 12.222 18.9996 12 18.9996C11.772 18.9996 11.545 18.9226 11.36 18.7676L5.35999 13.7676C4.93499 13.4146 4.87799 12.7846 5.23199 12.3596C5.58499 11.9356 6.21499 11.8776 6.63999 12.2316L12.011 16.7076Z" fill="currentColor"/>

package/components/others/import/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button, Typography, Notify as AlertNotify } from '../..';
+import { Button, Typography, Notify as AlertNotify } from "../..";
 import PropTypes from 'prop-types';
 const ImportComp = ({
   components,

package/components/others/scrollbar/index.js

@@ -3,7 +3,7 @@
 import { memo } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import { white, dark12, brand13 } from '../../../styles/colors';
+import { white, dark12, brand13 } from "../../../styles/colors";
 const getPosition = {
   bottom: `
 		overflow-x: auto;
@@ -64,8 +64,6 @@ const scrollbar = ({
     `;
   return jsx("div", {
     css: Scrollbar,
-    custom: custom,
-    position: position,
     style: style,
     ...props
   }, children);

package/components/paging/page-info.js

@@ -3,11 +3,11 @@
 import { memo, useState, useRef, useEffect, useMemo, forwardRef, useImperativeHandle, useLayoutEffect, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import OptionWrapper from '../others/option-wrapper';
-import { ButtonIcon, NumberInput, Dropdown, Typography, Divider } from '../';
-import { getGlobal } from '../../global';
-import theme from '../../theme/settings';
-import { alignCenter, borderBox, flexRow, noPadding, textCenter, cursorPointer, parseHeight, whiteSpaceNoWrap, justifyCenter } from '../../styles/general';
+import OptionWrapper from "../others/option-wrapper";
+import { ButtonIcon, NumberInput, Dropdown, Typography, Divider } from "../";
+import { getGlobal } from "../../global";
+import theme from "../../theme/settings";
+import { alignCenter, borderBox, flexRow, noPadding, textCenter, cursorPointer, parseHeight, whiteSpaceNoWrap, justifyCenter } from "../../styles/general";
 const {
   colors: {
     system: {

package/components/paging/page-selector.js

@@ -3,9 +3,9 @@
 import React, { memo, useRef, useState, useEffect, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../theme/settings';
-import { typography } from '../../styles/typography';
-import { useTheme } from '../../theme';
+import theme from "../../theme/settings";
+import { typography } from "../../styles/typography";
+import { useTheme } from "../../theme";
 const {
   zIndex
 } = useTheme();

package/components/paging/page-selector2.js

@@ -3,12 +3,12 @@
 import { memo, useState, useRef, useEffect, useMemo, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import OptionWrapper from '../others/option-wrapper';
-import { getGlobal } from '../../global';
-import theme from '../../theme/settings';
-import { alignCenter, borderBox, flexRow, parseHeight } from '../../styles/general';
+import OptionWrapper from "../others/option-wrapper";
+import { getGlobal } from "../../global";
+import theme from "../../theme/settings";
+import { alignCenter, borderBox, flexRow, parseHeight } from "../../styles/general";
 import { ButtonIcon } from '..';
-import { useElementSize } from '../../utils/useElementSize';
+import { useElementSize } from "../../utils/useElementSize";
 const {
   colors: {
     system: {

package/components/paper/index.js

@@ -2,8 +2,8 @@
 import { memo, useEffect, useMemo, useRef, forwardRef } from 'react';
 import { string, number, bool, node, oneOfType, func } from 'prop-types';
 import { css } from '@emotion/core';
-import { renderHTML } from '../../utils';
-import theme from '../../theme/settings';
+import { renderHTML } from "../../utils";
+import theme from "../../theme/settings";
 const Paper = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   width,
   height,

package/components/popover/body.js

@@ -3,10 +3,10 @@
 import { memo, useMemo, useRef, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import OptionWrapper from '../others/option-wrapper';
-import { flexCol, overflowAuto, positionRelative } from '../../styles/general';
-import { classNames } from '../../utils';
-import theme from '../../theme/settings';
+import OptionWrapper from "../others/option-wrapper";
+import { flexCol, overflowAuto, positionRelative } from "../../styles/general";
+import { classNames } from "../../utils";
+import theme from "../../theme/settings";
 const {
   colors: {
     fill: {

package/components/popover/footer.js

@@ -3,10 +3,10 @@
 import { memo, useMemo, useRef, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import OptionWrapper from '../others/option-wrapper';
-import { alignCenter, borderBox, flexRow, justifyEnd, parseWidth, positionRelative } from '../../styles/general';
-import { classNames } from '../../utils';
-import theme from '../../theme/settings';
+import OptionWrapper from "../others/option-wrapper";
+import { alignCenter, borderBox, flexRow, justifyEnd, parseWidth, positionRelative } from "../../styles/general";
+import { classNames } from "../../utils";
+import theme from "../../theme/settings";
 const {
   colors: {
     system: {

package/components/popover/header.js

@@ -3,11 +3,11 @@
 import { memo, useMemo, useRef, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import OptionWrapper from '../others/option-wrapper';
-import { Typography } from '../';
-import { alignCenter, borderBox, flexRow, parseWidthHeight, positionRelative } from '../../styles/general';
-import { classNames } from '../../utils';
-import theme from '../../theme/settings';
+import OptionWrapper from "../others/option-wrapper";
+import { Typography } from "../";
+import { alignCenter, borderBox, flexRow, parseWidthHeight, positionRelative } from "../../styles/general";
+import { classNames } from "../../utils";
+import theme from "../../theme/settings";
 const {
   colors: {
     fill: {

package/components/popover/index.js

@@ -4,10 +4,10 @@ import React, { memo, useState, useEffect, useMemo, useRef, forwardRef, useImper
 import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import OptionWrapper from '../others/option-wrapper';
-import { borderRadius4px, displayBlock, flexCol, justifyBetween, overflowAuto, parseWidthHeight, positionAbsolute, positionFixed, positionRelative } from '../../styles/general';
-import theme from '../../theme/settings';
-import { classNames, isMobile, refType as ref } from '../../utils';
+import OptionWrapper from "../others/option-wrapper";
+import { borderRadius4px, displayBlock, flexCol, justifyBetween, overflowAuto, parseWidthHeight, positionAbsolute, positionFixed, positionRelative } from "../../styles/general";
+import theme from "../../theme/settings";
+import { classNames, isMobile, refType as ref } from "../../utils";
 const {
   colors: {
     system: {

package/components/popup/danger_popup.js

@@ -4,11 +4,11 @@
 import { memo, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import Popup from './';
-import { Button } from '../';
-import { renderHTML } from '../../utils';
-import { Warning } from '../../icons';
-import { typography } from '../../styles/typography';
+import Popup from "./";
+import { Button } from "../";
+import { renderHTML } from "../../utils";
+import { Warning } from "../../icons";
+import { typography } from "../../styles/typography";
 const DangerPopup = ({
   open,
   warningText,

package/components/popup/index.js

@@ -4,12 +4,12 @@ import { memo, useEffect, useMemo, useRef, forwardRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
 import { jsx, css, keyframes } from '@emotion/core';
-import { Button, ButtonIcon, Typography } from '../';
-import { Info, ApprovalFilled, Warning, Failed } from '../../icons';
-import theme from '../../theme/settings';
-import { getGlobal } from '../../global';
-import { typography } from '../../styles/typography';
-import { useTheme } from '../../theme';
+import { Button, ButtonIcon, Typography } from "../";
+import { Info, ApprovalFilled, Warning, Failed } from "../../icons";
+import theme from "../../theme/settings";
+import { getGlobal } from "../../global";
+import { typography } from "../../styles/typography";
+import { useTheme } from "../../theme";
 const {
   zIndex
 } = useTheme();

package/components/popup/proposals_popup.js

@@ -3,11 +3,11 @@
 import { memo, useEffect, useMemo, useRef, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../theme/settings';
-import { Button, ButtonIcon } from '../';
-import { Close, Approval } from '../../icons';
-import TextInput from '../form-control/text-input';
-import { useTheme } from '../../theme';
+import theme from "../../theme/settings";
+import { Button, ButtonIcon } from "../";
+import { Close, Approval } from "../../icons";
+import TextInput from "../form-control/text-input";
+import { useTheme } from "../../theme";
 const {
   zIndex
 } = useTheme();