diginet-core-ui 1.3.24 → 1.3.29

package/components/popup/v2/info-popup.js

@@ -1,5 +1,3 @@
-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); }
-
 /** @jsxRuntime classic */
 
 /** @jsx jsx */
@@ -8,10 +6,10 @@ import { memo, forwardRef } from 'react';
 import PopupV2 from '.';
 const InfoPopup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({ ...props
 }, ref) => {
-  return jsx(PopupV2, _extends({
-    ref: ref
-  }, props, {
+  return jsx(PopupV2, {
+    ref: ref,
+    ...props,
     type: 'info'
-  }));
+  });
 }));
 export default InfoPopup;

package/components/popup/v2/success-popup.js

@@ -1,5 +1,3 @@
-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); }
-
 /** @jsxRuntime classic */
 
 /** @jsx jsx */
@@ -8,10 +6,10 @@ import { memo, forwardRef } from 'react';
 import PopupV2 from '.';
 const SuccessPopup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({ ...props
 }, ref) => {
-  return jsx(PopupV2, _extends({
-    ref: ref
-  }, props, {
+  return jsx(PopupV2, {
+    ref: ref,
+    ...props,
     type: 'success'
-  }));
+  });
 }));
 export default SuccessPopup;

package/components/popup/v2/warning-popup.js

@@ -1,5 +1,3 @@
-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); }
-
 /** @jsxRuntime classic */
 
 /** @jsx jsx */
@@ -8,10 +6,10 @@ import { memo, forwardRef } from 'react';
 import PopupV2 from '.';
 const WarningPopup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({ ...props
 }, ref) => {
-  return jsx(PopupV2, _extends({
-    ref: ref
-  }, props, {
+  return jsx(PopupV2, {
+    ref: ref,
+    ...props,
     type: 'warning'
-  }));
+  });
 }));
 export default WarningPopup;

package/components/popup/v2/yes-no-popup.js

@@ -1,5 +1,3 @@
-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); }
-
 /** @jsxRuntime classic */
 
 /** @jsx jsx */
@@ -11,10 +9,10 @@ const YesNoPopup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   onCancel,
   ...props
 }, ref) => {
-  return jsx(PopupV2, _extends({
-    ref: ref
-  }, props, {
+  return jsx(PopupV2, {
+    ref: ref,
+    ...props,
     type: 'yesno'
-  }));
+  });
 }));
 export default YesNoPopup;

package/components/progress/circular.js

@@ -1,5 +1,3 @@
-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); }
-
 /** @jsxRuntime classic */
 
 /** @jsx jsx */
@@ -7,6 +5,7 @@ import { css, jsx, keyframes } from '@emotion/core';
 import PropTypes from 'prop-types';
 import { forwardRef, memo, useMemo, useRef } from 'react';
 import theme from '../../theme/settings';
+import { typography } from '../../styles/typography';
 
 const validatePercent = percent => {
   let per = +percent.toString().replace('%', '');
@@ -19,47 +18,41 @@ const getDimension = size => {
   switch (size) {
     case 'xl':
     case 'extraLarge':
-      labelStyle = { ...theme.typography.h1
-      };
+      labelStyle = typography.heading1;
       rect = 120;
       strokeWidth = 16;
       break;
 
     case 'lg':
     case 'large':
-      labelStyle = { ...theme.typography.h2
-      };
+      labelStyle = typography.heading2;
       rect = 80;
       strokeWidth = 12;
       break;
 
     case 'md':
     case 'medium':
-      labelStyle = { ...theme.typography.p1
-      };
+      labelStyle = typography.paragraph1;
       rect = 60;
       strokeWidth = 8;
       break;
 
     case 'sm':
     case 'small':
-      labelStyle = { ...theme.typography.p2
-      };
+      labelStyle = typography.paragraph2;
       rect = 40;
       strokeWidth = 6;
       break;
 
     case 'xs':
     case 'extraSmall':
-      labelStyle = { ...theme.typography.p3
-      };
+      labelStyle = typography.paragraph3;
       rect = 20;
       strokeWidth = 4;
       break;
 
     default:
-      labelStyle = { ...theme.typography.h2
-      };
+      labelStyle = typography.heading2;
       rect = 80;
       strokeWidth = 8;
   }
@@ -155,9 +148,7 @@ const Determinate = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     `;
   const textCSS = css`
         fill       : ${percentColor ? percentColor : color};
-        font-family: ${dimension.labelStyle.fontFamily};
-        font-size  : ${dimension.labelStyle.fontSize};
-        line-height: ${dimension.labelStyle.lineHeight};
+        ${dimension.labelStyle}
         text-anchor: middle;
         user-select: none;
     `;
@@ -180,10 +171,10 @@ const Determinate = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     x: containerW / 2,
     y: containerW / 2 + containerW / 80
   }, validatePercent(percent), "%"), [color, percentColor, percent, size, strokeWidth, showValue, width]);
-  return jsx("svg", _extends({}, props, {
+  return jsx("svg", { ...props,
     css: containerCSS,
     ref: ref
-  }), CircleBackgroundMemo, CircleMainMemo, PercentTextMemo);
+  }, CircleBackgroundMemo, CircleMainMemo, PercentTextMemo);
 }));
 Determinate.defaultProps = {
   background: theme.colors.bgProgress,
@@ -313,10 +304,10 @@ const Indeterminate = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     r: radius,
     ref: circleRef
   }), [color, size, strokeWidth, width]);
-  return jsx("svg", _extends({}, props, {
+  return jsx("svg", { ...props,
     css: containerCSS,
     ref: ref
-  }), CircleBackgroundMemo, CircleMainMemo);
+  }, CircleBackgroundMemo, CircleMainMemo);
 }));
 Indeterminate.defaultProps = {
   background: theme.colors.bgProgress,
@@ -354,17 +345,17 @@ const CircularProgress = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => {
   if (!ref) ref = useRef(null);
-  return determinate ? jsx(DeterminateCircularProgress, _extends({
+  return determinate ? jsx(DeterminateCircularProgress, {
     direction: direction,
     duration: duration,
     percent: percent,
     percentColor: percentColor,
-    showValue: true
-  }, props, {
+    showValue: true,
+    ...props,
     ref: ref
-  })) : jsx(IndeterminateCircularProgress, _extends({}, props, {
+  }) : jsx(IndeterminateCircularProgress, { ...props,
     ref: ref
-  }));
+  });
 }));
 CircularProgress.defaultProps = {
   background: theme.colors.bgProgress,

package/components/progress/linear.js

@@ -1,5 +1,3 @@
-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); }
-
 /** @jsxRuntime classic */
 
 /** @jsx jsx */
@@ -98,11 +96,11 @@ const Indeterminate = /*#__PURE__*/forwardRef(({
     className: unique.secondBar,
     ref: secondBarRef
   }), [color]);
-  return jsx("div", _extends({}, props, {
+  return jsx("div", { ...props,
     className: [unique.container, className].join(' ').trimEnd(),
     css: containerCSS,
     ref: ref
-  }), FirstBar, SecondBar);
+  }, FirstBar, SecondBar);
 });
 Indeterminate.defaultProps = {
   background: theme.colors.bgProgress,
@@ -213,11 +211,11 @@ const Determinate = /*#__PURE__*/forwardRef(({
       updateValuePosition(value);
     }
   }, [percent, showValue]);
-  return jsx("div", _extends({}, props, {
+  return jsx("div", { ...props,
     className: [unique.container, className].join(' ').trim(),
     css: containerCSS,
     ref: ref
-  }), Bar, Value);
+  }, Bar, Value);
 });
 Determinate.defaultProps = {
   background: theme.colors.bgProgress,
@@ -257,7 +255,7 @@ const LinearProgress = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => {
   if (!ref) ref = useRef(null);
-  return determinate ? jsx(DeterminateLinearProgress, _extends({
+  return determinate ? jsx(DeterminateLinearProgress, {
     background: background,
     className: className,
     color: color,
@@ -267,18 +265,18 @@ const LinearProgress = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     percentColor: percentColor,
     showValue: showValue,
     valuePosition: valuePosition,
-    width: width
-  }, props, {
+    width: width,
+    ...props,
     ref: ref
-  })) : jsx(IndeterminateLinearProgress, _extends({
+  }) : jsx(IndeterminateLinearProgress, {
     background: background,
     className: className,
     color: color,
     height: height,
-    width: width
-  }, props, {
+    width: width,
+    ...props,
     ref: ref
-  }));
+  });
 }));
 LinearProgress.defaultProps = {
   background: theme.colors.bgProgress,