@luminati-io/uikit 1.8.5 → 1.9.0

package/dist/uikit.umd.js

@@ -21624,13 +21624,6 @@ var LineChart = function LineChart(props) {
     columns: showGridColumns,
     animationTrajectory: animationTrajectory,
     numTicks: numTicks
-  }), data.map(function (lineData) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(LineSeries, _extends({
-      key: lineData.name,
-      dataKey: lineData.name,
-      data: lineData.datapoints,
-      curve: _visx_curve__WEBPACK_IMPORTED_MODULE_8__["default"]
-    }, lineData.accessors, lineData.lineProps));
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Axis, {
     key: "x-axis-".concat(animationTrajectory),
     label: xAxis.label,
@@ -21647,6 +21640,13 @@ var LineChart = function LineChart(props) {
     animationTrajectory: animationTrajectory,
     tickFormat: yAxis.formatTick,
     labelOffset: yAxis.labelOffset
+  }), data.map(function (lineData) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(LineSeries, _extends({
+      key: lineData.name,
+      dataKey: lineData.name,
+      data: lineData.datapoints,
+      curve: _visx_curve__WEBPACK_IMPORTED_MODULE_8__["default"]
+    }, lineData.accessors, lineData.lineProps));
   }), !!showTooltip && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Tooltip, {
     showVerticalCrosshair: true,
     snapTooltipToDatumX: true,
@@ -23675,7 +23675,7 @@ var PickerField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forw
     readOnly: true
   });
   var heightCalculationCallback = (0,_shared__WEBPACK_IMPORTED_MODULE_7__.useHeightCalculationCallback)(size);
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_6__.useTranslation)();
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_6__.useTranslate)();
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_7__.FieldWrapper, _extends({}, props, {
     ref: ref,
     innerWrapper: innerWrapperRef,
@@ -23895,7 +23895,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     components = props.components,
     rest = _objectWithoutProperties(props, _excluded);
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(props.id);
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useTranslation)();
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useTranslate)();
   var styles = useCustomStyles(size);
   var SelectComp = creatable ? react_select__WEBPACK_IMPORTED_MODULE_10__["default"].Creatable : react_select__WEBPACK_IMPORTED_MODULE_10__["default"];
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex, _extends({
@@ -24248,9 +24248,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
 // LICENSE_CODE ZON
 
 
@@ -24280,10 +24280,10 @@ var Number = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRe
       'md': 40,
       'lg': 48
     };
-    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(sizes[size] || sizes.sm));
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_4__.toPixel)(sizes[size] || sizes.sm));
   }, [size]);
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_4__.useTranslation)();
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_3__.FieldWrapper, _extends({
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_3__.useTranslate)();
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_5__.FieldWrapper, _extends({
     ref: ref
   }, props, {
     autoresize: false,
@@ -24752,7 +24752,7 @@ var InputLabel = function InputLabel(props) {
     labelIcon = props.labelIcon,
     required = props.required,
     variant = props.variant;
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useTranslation)();
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useReactTranslate)();
   if (!label) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(LabelWrapper, {
     className: (0,_utils__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, {
@@ -24932,7 +24932,7 @@ var Textarea = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     if (maxRows) maxHeight = maxRows * 23 + _shared__WEBPACK_IMPORTED_MODULE_6__.inputVerticalPadding * 2;else height = minHeight;
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["min-height:", ";max-height:", ";height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(minHeight), (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(maxHeight), (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(height));
   }, [rows, maxRows]);
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_4__.useTranslation)();
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_4__.useTranslate)();
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_6__.FieldWrapper, _extends({
     ref: ref
   }, props, {
@@ -24994,8 +24994,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
 // LICENSE_CODE ZON
 
 
@@ -25012,14 +25012,14 @@ var Textbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardR
   var handleChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (e) {
     onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value, e);
   }, [onChange]);
-  var heightCalculationCallback = (0,_shared__WEBPACK_IMPORTED_MODULE_2__.useHeightCalculationCallback)(size);
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_3__.useTranslation)();
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_2__.FieldWrapper, _extends({}, props, {
+  var heightCalculationCallback = (0,_shared__WEBPACK_IMPORTED_MODULE_3__.useHeightCalculationCallback)(size);
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_2__.useTranslate)();
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_3__.FieldWrapper, _extends({}, props, {
     ref: ref,
     heightCalculationCallback: heightCalculationCallback,
     autoresize: false,
     verticalAlign: "center",
-    Field: _shared__WEBPACK_IMPORTED_MODULE_2__.Field,
+    Field: _shared__WEBPACK_IMPORTED_MODULE_3__.Field,
     onChange: handleChange,
     placeholder: t(placeholder)
   }));
@@ -29351,7 +29351,8 @@ var StyledTooltipReference = styled_components__WEBPACK_IMPORTED_MODULE_3___defa
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
-/* harmony export */   "useTranslation": () => (/* binding */ useTranslation)
+/* harmony export */   "useReactTranslate": () => (/* binding */ useReactTranslate),
+/* harmony export */   "useTranslate": () => (/* binding */ useTranslate)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -29404,11 +29405,11 @@ var defaultTranslationCallback = function defaultTranslationCallback(key) {
   return key;
 };
 var current = defaultTranslationCallback;
-var useTranslation = function useTranslation() {
+var useTranslate = function useTranslate() {
   // function acts as rerender trigger
   function getT() {
-    return function () {
-      return current.apply(void 0, arguments);
+    return function (key) {
+      return current(key);
     };
   }
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(getT),
@@ -29422,6 +29423,26 @@ var useTranslation = function useTranslation() {
   }, []);
   return t;
 };
+var useReactTranslate = function useReactTranslate() {
+  // function acts as rerender trigger
+  function getT() {
+    return function (key) {
+      return current(key, {
+        react: true
+      });
+    };
+  }
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(getT),
+    _useState4 = _slicedToArray(_useState3, 2),
+    t = _useState4[0],
+    setT = _useState4[1];
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    return observer.subscribe(function () {
+      return setT(getT);
+    });
+  }, []);
+  return t;
+};
 var setTranslationFn = function setTranslationFn(cb) {
   if (typeof cb != 'function') throw new Error('Argument must be a function');
   current = cb;
@@ -29448,9 +29469,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
 // LICENSE_CODE ZON
 
 
@@ -29468,12 +29489,12 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 var Header = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_3__.useTranslation)();
-  var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(props)), {}, {
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_2__.useReactTranslate)();
+  var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTypographyProps)(props)), {}, {
     font_weight: 'semibold',
     font_size: props.variant == '2xl' ? 'xl' : 'lg'
   });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({
     ref: ref
   }, typographyProps), t(props.children));
 });
@@ -29503,9 +29524,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
 // LICENSE_CODE ZON
 
 
@@ -29523,13 +29544,13 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 var Hyperlink = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_3__.useTranslation)();
-  var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(props)), {}, {
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_2__.useReactTranslate)();
+  var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTypographyProps)(props)), {}, {
     font_size: props.variant == 'lg' ? 'md' : 'xs',
     line_height: 'none',
     underline: true
   });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({
     ref: ref
   }, typographyProps), t(props.children));
 });
@@ -29604,9 +29625,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
 // LICENSE_CODE ZON
 
 
@@ -29624,15 +29645,15 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 var Label = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_3__.useTranslation)();
-  var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(props)), {}, {
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_2__.useReactTranslate)();
+  var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTypographyProps)(props)), {}, {
     font_size: {
       xs: 'xs',
       sm: 'sm'
     }[props.variant] || 'md',
     font_weight: props.variant == 'lg' ? 'semibold' : 'regular'
   });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({
     ref: ref
   }, typographyProps), t(props.children));
 });
@@ -29662,9 +29683,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
 // LICENSE_CODE ZON
 
 
@@ -29682,8 +29703,8 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 var Paragraph = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_3__.useTranslation)();
-  var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(props)), {}, {
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_2__.useReactTranslate)();
+  var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTypographyProps)(props)), {}, {
     font_size: {
       xs: 'xs',
       sm: 'sm'
@@ -29693,7 +29714,7 @@ var Paragraph = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwar
       'lg_loose': 'loose'
     }[props.variant] || 'snug'
   });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({
     ref: ref
   }, typographyProps), t(props.children));
 });