@activecollab/components 2.0.239 → 2.0.241

package/dist/cjs/components/Dialog/Dialog.js

@@ -14,7 +14,7 @@ var _Styles = require("./Styles");
 var _Modal = require("../Modal");
 var _Transitions = require("../Transitions");
 var _SlideFromTop = require("../Transitions/SlideFromTop");
-var _excluded = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside"]; // import { DialogContext } from "./DialogContext";
+var _excluded = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside", "fullWidth"]; // import { DialogContext } from "./DialogContext";
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -34,6 +34,8 @@ var _Dialog = exports._Dialog = /*#__PURE__*/(0, _react.forwardRef)(function (_r
     _ref$animate = _ref.animate,
     animate = _ref$animate === void 0 ? "slide" : _ref$animate,
     onClickOutside = _ref.onClickOutside,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
     rest = _objectWithoutProperties(_ref, _excluded);
   var animateDialog = function animateDialog() {
     switch (animate) {
@@ -41,13 +43,15 @@ var _Dialog = exports._Dialog = /*#__PURE__*/(0, _react.forwardRef)(function (_r
         return /*#__PURE__*/_react.default.createElement(_Transitions.Fade, {
           in: open
         }, /*#__PURE__*/_react.default.createElement(_Styles.StyledDialog, {
+          $fullWidth: fullWidth,
           className: (0, _classnames.default)("c-dialog", className)
         }, children));
       default:
         return /*#__PURE__*/_react.default.createElement(_SlideFromTop.SlideFromTop, {
           in: open
         }, /*#__PURE__*/_react.default.createElement(_Styles.StyledDialog, {
-          className: (0, _classnames.default)("c-dialog", className)
+          className: (0, _classnames.default)("c-dialog", className),
+          $fullWidth: fullWidth
         }, children));
     }
   };

package/dist/cjs/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_DialogActions","_DialogContent","_DialogContentDivider","_DialogTitle","_Styles","_Modal","_Transitions","_SlideFromTop","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_Dialog","exports","forwardRef","_ref","ref","children","_ref$open","open","onClose","className","_ref$enableBackground","enableBackgroundClick","_ref$disableCloseOnEs","disableCloseOnEsc","_ref$animate","animate","onClickOutside","rest","animateDialog","createElement","Fade","in","StyledDialog","classnames","SlideFromTop","Modal","disableBackgroundClick","displayName","Dialog","Title","DialogTitle","Content","DialogContent","ContentDivider","DialogContentDivider","Actions","DialogActions"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport classnames from \"classnames\";\n\n// import { DialogContext } from \"./DialogContext\";\n\nimport { DialogActions } from \"./DialogActions\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogContentDivider } from \"./DialogContentDivider\";\nimport { DialogTitle } from \"./DialogTitle\";\nimport { StyledDialog } from \"./Styles\";\nimport { Modal } from \"../Modal\";\nimport { Fade } from \"../Transitions\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\n\nexport interface DialogProps extends HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  onClose?: () => void;\n  className?: string;\n  enableBackgroundClick?: boolean;\n  disableCloseOnEsc?: boolean;\n  animate?: \"fade\" | \"slide\";\n  onClickOutside?: (event) => void;\n}\n\nexport const _Dialog = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<DialogProps>\n>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      className,\n      enableBackgroundClick = false,\n      disableCloseOnEsc = false,\n      animate = \"slide\",\n      onClickOutside,\n      ...rest\n    },\n    ref\n  ) => {\n    const animateDialog = () => {\n      switch (animate) {\n        case \"fade\":\n          return (\n            <Fade in={open}>\n              <StyledDialog className={classnames(\"c-dialog\", className)}>\n                {children}\n              </StyledDialog>\n            </Fade>\n          );\n        default:\n          return (\n            <SlideFromTop in={open}>\n              <StyledDialog className={classnames(\"c-dialog\", className)}>\n                {children}\n              </StyledDialog>\n            </SlideFromTop>\n          );\n      }\n    };\n\n    return (\n      // <DialogContext.Provider value={{}}>\n\n      <Modal\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        disableBackgroundClick={!enableBackgroundClick}\n        disableCloseOnEsc={disableCloseOnEsc}\n        onClickOutside={onClickOutside}\n        {...rest}\n      >\n        {animateDialog()}\n      </Modal>\n      // </DialogContext.Provider>\n    );\n  }\n);\n\n_Dialog.displayName = \"Dialog\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const Dialog = Object.assign({}, _Dialog, {\n  Title: DialogTitle,\n  Content: DialogContent,\n  ContentDivider: DialogContentDivider,\n  Actions: DialogActions,\n});\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAIA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,YAAA,GAAAT,OAAA;AACA,IAAAU,aAAA,GAAAV,OAAA;AAA2D,IAAAW,SAAA,4HAT3D;AAAA,SAAAT,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAjB,wBAAAiB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAAA,SAAAK,yBAAAH,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,GAAAQ,6BAAA,CAAAL,MAAA,EAAAI,QAAA,OAAAH,GAAA,EAAAT,CAAA,MAAAP,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAN,MAAA,QAAAR,CAAA,MAAAA,CAAA,GAAAe,gBAAA,CAAAR,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAM,gBAAA,CAAAf,CAAA,OAAAY,QAAA,CAAAI,OAAA,CAAAP,GAAA,uBAAAhB,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAS,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAQ,8BAAAL,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAX,MAAA,OAAAC,GAAA,EAAAT,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAkB,UAAA,CAAAX,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAS,UAAA,CAAAlB,CAAA,OAAAY,QAAA,CAAAI,OAAA,CAAAP,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAJ,MAAA;AAqBO,IAAMe,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAG,IAAAE,iBAAU,EAI/B,UAAAC,IAAA,EAYEC,GAAG,EACA;EAAA,IAXDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,SAAA,GAAAH,IAAA,CACRI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,KAAK,GAAAA,SAAA;IACZE,OAAO,GAAAL,IAAA,CAAPK,OAAO;IACPC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAAC,qBAAA,GAAAP,IAAA,CACTQ,qBAAqB;IAArBA,qBAAqB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAT,IAAA,CAC7BU,iBAAiB;IAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,YAAA,GAAAX,IAAA,CACzBY,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,OAAO,GAAAA,YAAA;IACjBE,cAAc,GAAAb,IAAA,CAAda,cAAc;IACXC,IAAI,GAAA1B,wBAAA,CAAAY,IAAA,EAAA5C,SAAA;EAIT,IAAM2D,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;IAC1B,QAAQH,OAAO;MACb,KAAK,MAAM;QACT,oBACErE,MAAA,CAAAgB,OAAA,CAAAyD,aAAA,CAAC9D,YAAA,CAAA+D,IAAI;UAACC,EAAE,EAAEd;QAAK,gBACb7D,MAAA,CAAAgB,OAAA,CAAAyD,aAAA,CAAChE,OAAA,CAAAmE,YAAY;UAACb,SAAS,EAAE,IAAAc,mBAAU,EAAC,UAAU,EAAEd,SAAS;QAAE,GACxDJ,QACW,CACV,CAAC;MAEX;QACE,oBACE3D,MAAA,CAAAgB,OAAA,CAAAyD,aAAA,CAAC7D,aAAA,CAAAkE,YAAY;UAACH,EAAE,EAAEd;QAAK,gBACrB7D,MAAA,CAAAgB,OAAA,CAAAyD,aAAA,CAAChE,OAAA,CAAAmE,YAAY;UAACb,SAAS,EAAE,IAAAc,mBAAU,EAAC,UAAU,EAAEd,SAAS;QAAE,GACxDJ,QACW,CACF,CAAC;IAErB;EACF,CAAC;EAED;IAAA;IACE;IAEA3D,MAAA,CAAAgB,OAAA,CAAAyD,aAAA,CAAC/D,MAAA,CAAAqE,KAAK,EAAA3C,QAAA;MACJsB,GAAG,EAAEA,GAAI;MACTG,IAAI,EAAEA,IAAK;MACXC,OAAO,EAAEA,OAAQ;MACjBkB,sBAAsB,EAAE,CAACf,qBAAsB;MAC/CE,iBAAiB,EAAEA,iBAAkB;MACrCG,cAAc,EAAEA;IAAe,GAC3BC,IAAI,GAEPC,aAAa,CAAC,CACV;IACP;EAAA;AAEJ,CACF,CAAC;AAEDlB,OAAO,CAAC2B,WAAW,GAAG,QAAQ;;AAE9B;AACO,IAAMC,MAAM,GAAA3B,OAAA,CAAA2B,MAAA,GAAGvD,MAAM,CAACU,MAAM,CAAC,CAAC,CAAC,EAAEiB,OAAO,EAAE;EAC/C6B,KAAK,EAAEC,wBAAW;EAClBC,OAAO,EAAEC,4BAAa;EACtBC,cAAc,EAAEC,0CAAoB;EACpCC,OAAO,EAAEC;AACX,CAAC,CAAC"}
+{"version":3,"file":"Dialog.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_DialogActions","_DialogContent","_DialogContentDivider","_DialogTitle","_Styles","_Modal","_Transitions","_SlideFromTop","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_Dialog","exports","forwardRef","_ref","ref","children","_ref$open","open","onClose","className","_ref$enableBackground","enableBackgroundClick","_ref$disableCloseOnEs","disableCloseOnEsc","_ref$animate","animate","onClickOutside","_ref$fullWidth","fullWidth","rest","animateDialog","createElement","Fade","in","StyledDialog","$fullWidth","classnames","SlideFromTop","Modal","disableBackgroundClick","displayName","Dialog","Title","DialogTitle","Content","DialogContent","ContentDivider","DialogContentDivider","Actions","DialogActions"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport classnames from \"classnames\";\n\n// import { DialogContext } from \"./DialogContext\";\n\nimport { DialogActions } from \"./DialogActions\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogContentDivider } from \"./DialogContentDivider\";\nimport { DialogTitle } from \"./DialogTitle\";\nimport { StyledDialog } from \"./Styles\";\nimport { Modal } from \"../Modal\";\nimport { Fade } from \"../Transitions\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\n\nexport interface DialogProps extends HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  onClose?: () => void;\n  className?: string;\n  enableBackgroundClick?: boolean;\n  disableCloseOnEsc?: boolean;\n  animate?: \"fade\" | \"slide\";\n  onClickOutside?: (event) => void;\n  fullWidth?: boolean;\n}\n\nexport const _Dialog = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<DialogProps>\n>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      className,\n      enableBackgroundClick = false,\n      disableCloseOnEsc = false,\n      animate = \"slide\",\n      onClickOutside,\n      fullWidth = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const animateDialog = () => {\n      switch (animate) {\n        case \"fade\":\n          return (\n            <Fade in={open}>\n              <StyledDialog\n                $fullWidth={fullWidth}\n                className={classnames(\"c-dialog\", className)}\n              >\n                {children}\n              </StyledDialog>\n            </Fade>\n          );\n        default:\n          return (\n            <SlideFromTop in={open}>\n              <StyledDialog\n                className={classnames(\"c-dialog\", className)}\n                $fullWidth={fullWidth}\n              >\n                {children}\n              </StyledDialog>\n            </SlideFromTop>\n          );\n      }\n    };\n\n    return (\n      // <DialogContext.Provider value={{}}>\n\n      <Modal\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        disableBackgroundClick={!enableBackgroundClick}\n        disableCloseOnEsc={disableCloseOnEsc}\n        onClickOutside={onClickOutside}\n        {...rest}\n      >\n        {animateDialog()}\n      </Modal>\n      // </DialogContext.Provider>\n    );\n  }\n);\n\n_Dialog.displayName = \"Dialog\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const Dialog = Object.assign({}, _Dialog, {\n  Title: DialogTitle,\n  Content: DialogContent,\n  ContentDivider: DialogContentDivider,\n  Actions: DialogActions,\n});\n"],"mappings":"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"}

package/dist/cjs/components/Dialog/Styles.js

@@ -4,15 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledDialogTitle = exports.StyledDialogContentDivider = exports.StyledDialogContent = exports.StyledDialogActions = exports.StyledDialog = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _BoxSizingStyle = require("../BoxSizingStyle");
 var _BreakPoints = require("../BreakPoints");
 var _FontStyle = require("../FontStyle");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var StyledDialog = exports.StyledDialog = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDialog",
   componentId: "sc-jwpvgm-0"
-})(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, _BreakPoints.screen.sm);
+})(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], function (props) {
+  return props.$fullWidth && (0, _styledComponents.css)(["width:calc(100% - 32px);max-width:640px;margin-left:16px;margin-right:16px;"]);
+}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, _BreakPoints.screen.sm);
 StyledDialog.displayName = "StyledDialog";
 var StyledDialogTitle = exports.StyledDialogTitle = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDialogTitle",

package/dist/cjs/components/Dialog/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_BoxSizingStyle","_BreakPoints","_FontStyle","obj","__esModule","default","StyledDialog","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","screen","sm","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"sources":["../../../../src/components/Dialog/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 8px;\n  width: 310px;\n  margin: 60px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${screen.sm} {\n    width: 540px;\n    margin: 126px auto 30px auto;\n  }\n`;\n\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAyC,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAElC,IAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kUAalCC,oBAAS,EACTC,8BAAc,EAEdC,mBAAM,CAACC,EAAE,CAIZ;AAEDV,YAAY,CAACK,WAAW,GAAG,cAAc;AAElC,IAAMM,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAGT,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGvCC,oBAAS,EACTC,8BAAc,CACjB;AACDG,iBAAiB,CAACN,WAAW,GAAG,mBAAmB;AAE5C,IAAMO,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAGV,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mFAMzCC,oBAAS,EACTC,8BAAc,CACjB;AACDI,mBAAmB,CAACP,WAAW,GAAG,qBAAqB;AAEhD,IAAMQ,0BAA0B,GAAAZ,OAAA,CAAAY,0BAAA,GAAGX,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAGnD;AACDO,0BAA0B,CAACR,WAAW,GAAG,4BAA4B;AAE9D,IAAMS,mBAAmB,GAAAb,OAAA,CAAAa,mBAAA,GAAGZ,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGzCC,oBAAS,EACTC,8BAAc,CACjB;AACDM,mBAAmB,CAACT,WAAW,GAAG,qBAAqB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_BreakPoints","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledDialog","exports","styled","div","withConfig","displayName","componentId","props","$fullWidth","css","FontStyle","BoxSizingStyle","screen","sm","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"sources":["../../../../src/components/Dialog/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div<{ $fullWidth?: boolean }>`\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 8px;\n  width: 310px;\n  margin: 60px auto 30px auto;\n  position: relative;\n\n  ${(props) =>\n    props.$fullWidth &&\n    css`\n      width: calc(100% - 32px);\n      max-width: 640px;\n      margin-left: 16px;\n      margin-right: 16px;\n    `}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${screen.sm} {\n    width: 540px;\n    margin: 126px auto 30px auto;\n  }\n`;\n\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAyC,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAElC,IAAMY,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uUAalC,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,UAAU,QAChBC,qBAAG,kFAKF;AAAA,GAEDC,oBAAS,EACTC,8BAAc,EAEdC,mBAAM,CAACC,EAAE,CAIZ;AAEDb,YAAY,CAACK,WAAW,GAAG,cAAc;AAElC,IAAMS,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAGZ,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGvCI,oBAAS,EACTC,8BAAc,CACjB;AACDG,iBAAiB,CAACT,WAAW,GAAG,mBAAmB;AAE5C,IAAMU,mBAAmB,GAAAd,OAAA,CAAAc,mBAAA,GAAGb,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mFAMzCI,oBAAS,EACTC,8BAAc,CACjB;AACDI,mBAAmB,CAACV,WAAW,GAAG,qBAAqB;AAEhD,IAAMW,0BAA0B,GAAAf,OAAA,CAAAe,0BAAA,GAAGd,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAGnD;AACDU,0BAA0B,CAACX,WAAW,GAAG,4BAA4B;AAE9D,IAAMY,mBAAmB,GAAAhB,OAAA,CAAAgB,mBAAA,GAAGf,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGzCI,oBAAS,EACTC,8BAAc,CACjB;AACDM,mBAAmB,CAACZ,WAAW,GAAG,qBAAqB"}

package/dist/cjs/components/Display/DisplayCurrency.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../../utils");
 var _Tooltip = require("../Tooltip");
 var _Typography = require("../Typography/Typography");
-var _excluded = ["value", "variant", "currencyCode", "currencyPosition", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as"];
+var _excluded = ["value", "variant", "currencyCode", "currencyPosition", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as", "currencyClassName"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
@@ -37,9 +37,10 @@ var DisplayCurrency = exports.DisplayCurrency = /*#__PURE__*/(0, _react.forwardR
     className = _ref.className,
     _ref$as = _ref.as,
     as = _ref$as === void 0 ? "span" : _ref$as,
+    currencyClassName = _ref.currencyClassName,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var formattedValue = (0, _utils.formatCurrency)(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short", currencyCode, currencyPosition);
-  var formattedLongValue = (0, _utils.formatCurrency)(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long", currencyCode, currencyPosition);
+  var formattedValue = (0, _utils.formatNumber)(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short", 10000);
+  var formattedLongValue = (0, _utils.formatNumber)(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long", 10000);
   if (format === "short") {
     return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
       title: (0, _utils.formatCurrency)(value, thousandSeparator, decimalSeparator, false, decimalSpaces, "long", currencyCode, currencyPosition),
@@ -49,14 +50,22 @@ var DisplayCurrency = exports.DisplayCurrency = /*#__PURE__*/(0, _react.forwardR
       variant: variant,
       className: className,
       ref: ref
-    }, rest), formattedValue));
+    }, rest), currencyPosition === "left" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+      className: currencyClassName
+    }, currencyCode), " ", formattedValue) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formattedValue, " ", /*#__PURE__*/_react.default.createElement("span", {
+      className: currencyClassName
+    }, currencyCode))));
   }
   return /*#__PURE__*/_react.default.createElement(_Typography.Typography, _extends({
     as: as,
     variant: variant,
     className: className,
     ref: ref
-  }, rest), formattedLongValue);
+  }, rest), currencyPosition === "left" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+    className: currencyClassName
+  }, currencyCode), " ", formattedLongValue) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formattedLongValue, " ", /*#__PURE__*/_react.default.createElement("span", {
+    className: currencyClassName
+  }, currencyCode)));
 });
 DisplayCurrency.displayName = "DisplayCurrency";
 //# sourceMappingURL=DisplayCurrency.js.map

package/dist/cjs/components/Display/DisplayCurrency.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayCurrency.js","names":["_react","_interopRequireWildcard","require","_utils","_Tooltip","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DisplayCurrency","exports","forwardRef","_ref","ref","value","_ref$variant","variant","_ref$currencyCode","currencyCode","_ref$currencyPosition","currencyPosition","_ref$thousandSeparato","thousandSeparator","_ref$decimalSeparator","decimalSeparator","_ref$trimDecimals","trimDecimals","_ref$decimalSpaces","decimalSpaces","_ref$format","format","_ref$disableTooltip","disableTooltip","className","_ref$as","as","rest","formattedValue","formatCurrency","formattedLongValue","createElement","Tooltip","title","disable","includes","Typography","displayName"],"sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayNumberProps } from \"./types\";\nimport { formatCurrency } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayCurrency = forwardRef<\n  HTMLSpanElement,\n  Omit<DisplayNumberProps, \"shortenThreshold\"> & {\n    currencyCode?: string;\n    currencyPosition?: string;\n  }\n>(\n  (\n    {\n      value,\n      variant = \"Body 2\",\n      currencyCode = \"USD\",\n      currencyPosition = \"right\",\n      thousandSeparator = \",\",\n      decimalSeparator = \".\",\n      trimDecimals = true,\n      decimalSpaces = 2,\n      format = \"long\",\n      disableTooltip = false,\n      className,\n      as = \"span\",\n      ...rest\n    },\n    ref\n  ) => {\n    const formattedValue = formatCurrency(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      \"short\",\n      currencyCode,\n      currencyPosition\n    );\n\n    const formattedLongValue = formatCurrency(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      \"long\",\n      currencyCode,\n      currencyPosition\n    );\n\n    if (format === \"short\") {\n      return (\n        <Tooltip\n          title={formatCurrency(\n            value,\n            thousandSeparator,\n            decimalSeparator,\n            false,\n            decimalSpaces,\n            \"long\",\n            currencyCode,\n            currencyPosition\n          )}\n          disable={\n            disableTooltip ||\n            (!formattedLongValue.includes(thousandSeparator) &&\n              !formattedLongValue.includes(decimalSeparator))\n          }\n        >\n          <Typography\n            as={as}\n            variant={variant}\n            className={className}\n            ref={ref}\n            {...rest}\n          >\n            {formattedValue}\n          </Typography>\n        </Tooltip>\n      );\n    }\n\n    return (\n      <Typography\n        as={as}\n        variant={variant}\n        className={className}\n        ref={ref}\n        {...rest}\n      >\n        {formattedLongValue}\n      </Typography>\n    );\n  }\n);\n\nDisplayCurrency.displayName = \"DisplayCurrency\";\n"],"mappings":"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"}
+{"version":3,"file":"DisplayCurrency.js","names":["_react","_interopRequireWildcard","require","_utils","_Tooltip","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DisplayCurrency","exports","forwardRef","_ref","ref","value","_ref$variant","variant","_ref$currencyCode","currencyCode","_ref$currencyPosition","currencyPosition","_ref$thousandSeparato","thousandSeparator","_ref$decimalSeparator","decimalSeparator","_ref$trimDecimals","trimDecimals","_ref$decimalSpaces","decimalSpaces","_ref$format","format","_ref$disableTooltip","disableTooltip","className","_ref$as","as","currencyClassName","rest","formattedValue","formatNumber","formattedLongValue","createElement","Tooltip","title","formatCurrency","disable","includes","Typography","Fragment","displayName"],"sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayNumberProps } from \"./types\";\nimport { formatCurrency, formatNumber } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayCurrency = forwardRef<\n  HTMLSpanElement,\n  Omit<DisplayNumberProps, \"shortenThreshold\"> & {\n    currencyCode?: string;\n    currencyPosition?: string;\n    currencyClassName?: string;\n  }\n>(\n  (\n    {\n      value,\n      variant = \"Body 2\",\n      currencyCode = \"USD\",\n      currencyPosition = \"right\",\n      thousandSeparator = \",\",\n      decimalSeparator = \".\",\n      trimDecimals = true,\n      decimalSpaces = 2,\n      format = \"long\",\n      disableTooltip = false,\n      className,\n      as = \"span\",\n      currencyClassName,\n      ...rest\n    },\n    ref\n  ) => {\n    const formattedValue = formatNumber(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      \"short\",\n      10000\n    );\n\n    const formattedLongValue = formatNumber(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      \"long\",\n      10000\n    );\n\n    if (format === \"short\") {\n      return (\n        <Tooltip\n          title={formatCurrency(\n            value,\n            thousandSeparator,\n            decimalSeparator,\n            false,\n            decimalSpaces,\n            \"long\",\n            currencyCode,\n            currencyPosition\n          )}\n          disable={\n            disableTooltip ||\n            (!formattedLongValue.includes(thousandSeparator) &&\n              !formattedLongValue.includes(decimalSeparator))\n          }\n        >\n          <Typography\n            as={as}\n            variant={variant}\n            className={className}\n            ref={ref}\n            {...rest}\n          >\n            {currencyPosition === \"left\" ? (\n              <>\n                <span className={currencyClassName}>{currencyCode}</span>{\" \"}\n                {formattedValue}\n              </>\n            ) : (\n              <>\n                {formattedValue}{\" \"}\n                <span className={currencyClassName}>{currencyCode}</span>\n              </>\n            )}\n          </Typography>\n        </Tooltip>\n      );\n    }\n\n    return (\n      <Typography\n        as={as}\n        variant={variant}\n        className={className}\n        ref={ref}\n        {...rest}\n      >\n        {currencyPosition === \"left\" ? (\n          <>\n            <span className={currencyClassName}>{currencyCode}</span>{\" \"}\n            {formattedLongValue}\n          </>\n        ) : (\n          <>\n            {formattedLongValue}{\" \"}\n            <span className={currencyClassName}>{currencyCode}</span>\n          </>\n        )}\n      </Typography>\n    );\n  }\n);\n\nDisplayCurrency.displayName = \"DisplayCurrency\";\n"],"mappings":"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"}

package/dist/esm/components/Dialog/Dialog.d.ts

@@ -7,6 +7,7 @@ export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
     disableCloseOnEsc?: boolean;
     animate?: "fade" | "slide";
     onClickOutside?: (event: any) => void;
+    fullWidth?: boolean;
 }
 export declare const _Dialog: React.ForwardRefExoticComponent<DialogProps & {
     children?: React.ReactNode;

package/dist/esm/components/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAqB,MAAM,OAAO,CAAC;AAe7E,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,OAAO;;wCAwDnB,CAAC;AAKF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAKjB,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAqB,MAAM,OAAO,CAAC;AAe7E,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,OAAO;;wCA+DnB,CAAC;AAKF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAKjB,CAAC"}

package/dist/esm/components/Dialog/Dialog.js

@@ -22,6 +22,7 @@ export const _Dialog = /*#__PURE__*/forwardRef((_ref, ref) => {
     disableCloseOnEsc = false,
     animate = "slide",
     onClickOutside,
+    fullWidth = false,
     ...rest
   } = _ref;
   const animateDialog = () => {
@@ -30,13 +31,15 @@ export const _Dialog = /*#__PURE__*/forwardRef((_ref, ref) => {
         return /*#__PURE__*/React.createElement(Fade, {
           in: open
         }, /*#__PURE__*/React.createElement(StyledDialog, {
+          $fullWidth: fullWidth,
           className: classnames("c-dialog", className)
         }, children));
       default:
         return /*#__PURE__*/React.createElement(SlideFromTop, {
           in: open
         }, /*#__PURE__*/React.createElement(StyledDialog, {
-          className: classnames("c-dialog", className)
+          className: classnames("c-dialog", className),
+          $fullWidth: fullWidth
         }, children));
     }
   };

package/dist/esm/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["React","forwardRef","classnames","DialogActions","DialogContent","DialogContentDivider","DialogTitle","StyledDialog","Modal","Fade","SlideFromTop","_Dialog","_ref","ref","children","open","onClose","className","enableBackgroundClick","disableCloseOnEsc","animate","onClickOutside","rest","animateDialog","createElement","in","_extends","disableBackgroundClick","displayName","Dialog","Object","assign","Title","Content","ContentDivider","Actions"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport classnames from \"classnames\";\n\n// import { DialogContext } from \"./DialogContext\";\n\nimport { DialogActions } from \"./DialogActions\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogContentDivider } from \"./DialogContentDivider\";\nimport { DialogTitle } from \"./DialogTitle\";\nimport { StyledDialog } from \"./Styles\";\nimport { Modal } from \"../Modal\";\nimport { Fade } from \"../Transitions\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\n\nexport interface DialogProps extends HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  onClose?: () => void;\n  className?: string;\n  enableBackgroundClick?: boolean;\n  disableCloseOnEsc?: boolean;\n  animate?: \"fade\" | \"slide\";\n  onClickOutside?: (event) => void;\n}\n\nexport const _Dialog = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<DialogProps>\n>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      className,\n      enableBackgroundClick = false,\n      disableCloseOnEsc = false,\n      animate = \"slide\",\n      onClickOutside,\n      ...rest\n    },\n    ref\n  ) => {\n    const animateDialog = () => {\n      switch (animate) {\n        case \"fade\":\n          return (\n            <Fade in={open}>\n              <StyledDialog className={classnames(\"c-dialog\", className)}>\n                {children}\n              </StyledDialog>\n            </Fade>\n          );\n        default:\n          return (\n            <SlideFromTop in={open}>\n              <StyledDialog className={classnames(\"c-dialog\", className)}>\n                {children}\n              </StyledDialog>\n            </SlideFromTop>\n          );\n      }\n    };\n\n    return (\n      // <DialogContext.Provider value={{}}>\n\n      <Modal\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        disableBackgroundClick={!enableBackgroundClick}\n        disableCloseOnEsc={disableCloseOnEsc}\n        onClickOutside={onClickOutside}\n        {...rest}\n      >\n        {animateDialog()}\n      </Modal>\n      // </DialogContext.Provider>\n    );\n  }\n);\n\n_Dialog.displayName = \"Dialog\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const Dialog = Object.assign({}, _Dialog, {\n  Title: DialogTitle,\n  Content: DialogContent,\n  ContentDivider: DialogContentDivider,\n  Actions: DialogActions,\n});\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA2C,OAAO;AAE5E,OAAOC,UAAU,MAAM,YAAY;;AAEnC;;AAEA,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,YAAY,QAAQ,UAAU;AACvC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,IAAI,QAAQ,gBAAgB;AACrC,SAASC,YAAY,QAAQ,6BAA6B;AAY1D,OAAO,MAAMC,OAAO,gBAAGV,UAAU,CAI/B,CAAAW,IAAA,EAYEC,GAAG,KACA;EAAA,IAZH;IACEC,QAAQ;IACRC,IAAI,GAAG,KAAK;IACZC,OAAO;IACPC,SAAS;IACTC,qBAAqB,GAAG,KAAK;IAC7BC,iBAAiB,GAAG,KAAK;IACzBC,OAAO,GAAG,OAAO;IACjBC,cAAc;IACd,GAAGC;EACL,CAAC,GAAAV,IAAA;EAGD,MAAMW,aAAa,GAAGA,CAAA,KAAM;IAC1B,QAAQH,OAAO;MACb,KAAK,MAAM;QACT,oBACEpB,KAAA,CAAAwB,aAAA,CAACf,IAAI;UAACgB,EAAE,EAAEV;QAAK,gBACbf,KAAA,CAAAwB,aAAA,CAACjB,YAAY;UAACU,SAAS,EAAEf,UAAU,CAAC,UAAU,EAAEe,SAAS;QAAE,GACxDH,QACW,CACV,CAAC;MAEX;QACE,oBACEd,KAAA,CAAAwB,aAAA,CAACd,YAAY;UAACe,EAAE,EAAEV;QAAK,gBACrBf,KAAA,CAAAwB,aAAA,CAACjB,YAAY;UAACU,SAAS,EAAEf,UAAU,CAAC,UAAU,EAAEe,SAAS;QAAE,GACxDH,QACW,CACF,CAAC;IAErB;EACF,CAAC;EAED;IAAA;IACE;IAEAd,KAAA,CAAAwB,aAAA,CAAChB,KAAK,EAAAkB,QAAA;MACJb,GAAG,EAAEA,GAAI;MACTE,IAAI,EAAEA,IAAK;MACXC,OAAO,EAAEA,OAAQ;MACjBW,sBAAsB,EAAE,CAACT,qBAAsB;MAC/CC,iBAAiB,EAAEA,iBAAkB;MACrCE,cAAc,EAAEA;IAAe,GAC3BC,IAAI,GAEPC,aAAa,CAAC,CACV;IACP;EAAA;AAEJ,CACF,CAAC;AAEDZ,OAAO,CAACiB,WAAW,GAAG,QAAQ;;AAE9B;AACA,OAAO,MAAMC,MAAM,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEpB,OAAO,EAAE;EAC/CqB,KAAK,EAAE1B,WAAW;EAClB2B,OAAO,EAAE7B,aAAa;EACtB8B,cAAc,EAAE7B,oBAAoB;EACpC8B,OAAO,EAAEhC;AACX,CAAC,CAAC"}
+{"version":3,"file":"Dialog.js","names":["React","forwardRef","classnames","DialogActions","DialogContent","DialogContentDivider","DialogTitle","StyledDialog","Modal","Fade","SlideFromTop","_Dialog","_ref","ref","children","open","onClose","className","enableBackgroundClick","disableCloseOnEsc","animate","onClickOutside","fullWidth","rest","animateDialog","createElement","in","$fullWidth","_extends","disableBackgroundClick","displayName","Dialog","Object","assign","Title","Content","ContentDivider","Actions"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport classnames from \"classnames\";\n\n// import { DialogContext } from \"./DialogContext\";\n\nimport { DialogActions } from \"./DialogActions\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogContentDivider } from \"./DialogContentDivider\";\nimport { DialogTitle } from \"./DialogTitle\";\nimport { StyledDialog } from \"./Styles\";\nimport { Modal } from \"../Modal\";\nimport { Fade } from \"../Transitions\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\n\nexport interface DialogProps extends HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  onClose?: () => void;\n  className?: string;\n  enableBackgroundClick?: boolean;\n  disableCloseOnEsc?: boolean;\n  animate?: \"fade\" | \"slide\";\n  onClickOutside?: (event) => void;\n  fullWidth?: boolean;\n}\n\nexport const _Dialog = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<DialogProps>\n>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      className,\n      enableBackgroundClick = false,\n      disableCloseOnEsc = false,\n      animate = \"slide\",\n      onClickOutside,\n      fullWidth = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const animateDialog = () => {\n      switch (animate) {\n        case \"fade\":\n          return (\n            <Fade in={open}>\n              <StyledDialog\n                $fullWidth={fullWidth}\n                className={classnames(\"c-dialog\", className)}\n              >\n                {children}\n              </StyledDialog>\n            </Fade>\n          );\n        default:\n          return (\n            <SlideFromTop in={open}>\n              <StyledDialog\n                className={classnames(\"c-dialog\", className)}\n                $fullWidth={fullWidth}\n              >\n                {children}\n              </StyledDialog>\n            </SlideFromTop>\n          );\n      }\n    };\n\n    return (\n      // <DialogContext.Provider value={{}}>\n\n      <Modal\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        disableBackgroundClick={!enableBackgroundClick}\n        disableCloseOnEsc={disableCloseOnEsc}\n        onClickOutside={onClickOutside}\n        {...rest}\n      >\n        {animateDialog()}\n      </Modal>\n      // </DialogContext.Provider>\n    );\n  }\n);\n\n_Dialog.displayName = \"Dialog\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const Dialog = Object.assign({}, _Dialog, {\n  Title: DialogTitle,\n  Content: DialogContent,\n  ContentDivider: DialogContentDivider,\n  Actions: DialogActions,\n});\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA2C,OAAO;AAE5E,OAAOC,UAAU,MAAM,YAAY;;AAEnC;;AAEA,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,YAAY,QAAQ,UAAU;AACvC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,IAAI,QAAQ,gBAAgB;AACrC,SAASC,YAAY,QAAQ,6BAA6B;AAa1D,OAAO,MAAMC,OAAO,gBAAGV,UAAU,CAI/B,CAAAW,IAAA,EAaEC,GAAG,KACA;EAAA,IAbH;IACEC,QAAQ;IACRC,IAAI,GAAG,KAAK;IACZC,OAAO;IACPC,SAAS;IACTC,qBAAqB,GAAG,KAAK;IAC7BC,iBAAiB,GAAG,KAAK;IACzBC,OAAO,GAAG,OAAO;IACjBC,cAAc;IACdC,SAAS,GAAG,KAAK;IACjB,GAAGC;EACL,CAAC,GAAAX,IAAA;EAGD,MAAMY,aAAa,GAAGA,CAAA,KAAM;IAC1B,QAAQJ,OAAO;MACb,KAAK,MAAM;QACT,oBACEpB,KAAA,CAAAyB,aAAA,CAAChB,IAAI;UAACiB,EAAE,EAAEX;QAAK,gBACbf,KAAA,CAAAyB,aAAA,CAAClB,YAAY;UACXoB,UAAU,EAAEL,SAAU;UACtBL,SAAS,EAAEf,UAAU,CAAC,UAAU,EAAEe,SAAS;QAAE,GAE5CH,QACW,CACV,CAAC;MAEX;QACE,oBACEd,KAAA,CAAAyB,aAAA,CAACf,YAAY;UAACgB,EAAE,EAAEX;QAAK,gBACrBf,KAAA,CAAAyB,aAAA,CAAClB,YAAY;UACXU,SAAS,EAAEf,UAAU,CAAC,UAAU,EAAEe,SAAS,CAAE;UAC7CU,UAAU,EAAEL;QAAU,GAErBR,QACW,CACF,CAAC;IAErB;EACF,CAAC;EAED;IAAA;IACE;IAEAd,KAAA,CAAAyB,aAAA,CAACjB,KAAK,EAAAoB,QAAA;MACJf,GAAG,EAAEA,GAAI;MACTE,IAAI,EAAEA,IAAK;MACXC,OAAO,EAAEA,OAAQ;MACjBa,sBAAsB,EAAE,CAACX,qBAAsB;MAC/CC,iBAAiB,EAAEA,iBAAkB;MACrCE,cAAc,EAAEA;IAAe,GAC3BE,IAAI,GAEPC,aAAa,CAAC,CACV;IACP;EAAA;AAEJ,CACF,CAAC;AAEDb,OAAO,CAACmB,WAAW,GAAG,QAAQ;;AAE9B;AACA,OAAO,MAAMC,MAAM,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEtB,OAAO,EAAE;EAC/CuB,KAAK,EAAE5B,WAAW;EAClB6B,OAAO,EAAE/B,aAAa;EACtBgC,cAAc,EAAE/B,oBAAoB;EACpCgC,OAAO,EAAElC;AACX,CAAC,CAAC"}

package/dist/esm/components/Dialog/Styles.d.ts

@@ -1,4 +1,6 @@
-export declare const StyledDialog: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDialog: import("styled-components").StyledComponent<"div", any, {
+    $fullWidth?: boolean | undefined;
+}, never>;
 export declare const StyledDialogTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledDialogContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledDialogContentDivider: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/Dialog/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,oEAoBxB,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAK7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAQ/B,CAAC;AAGF,eAAO,MAAM,0BAA0B,oEAGtC,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAK/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY;;SA6BxB,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAK7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAQ/B,CAAC;AAGF,eAAO,MAAM,0BAA0B,oEAGtC,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAK/B,CAAC"}

package/dist/esm/components/Dialog/Styles.js

@@ -1,11 +1,11 @@
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 import { BoxSizingStyle } from "../BoxSizingStyle";
 import { screen } from "../BreakPoints";
 import { FontStyle } from "../FontStyle";
 export const StyledDialog = styled.div.withConfig({
   displayName: "Styles__StyledDialog",
   componentId: "sc-jwpvgm-0"
-})(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], FontStyle, BoxSizingStyle, screen.sm);
+})(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], props => props.$fullWidth && css(["width:calc(100% - 32px);max-width:640px;margin-left:16px;margin-right:16px;"]), FontStyle, BoxSizingStyle, screen.sm);
 StyledDialog.displayName = "StyledDialog";
 export const StyledDialogTitle = styled.div.withConfig({
   displayName: "Styles__StyledDialogTitle",

package/dist/esm/components/Dialog/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","screen","FontStyle","StyledDialog","div","withConfig","displayName","componentId","sm","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"sources":["../../../../src/components/Dialog/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 8px;\n  width: 310px;\n  margin: 60px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${screen.sm} {\n    width: 540px;\n    margin: 126px auto 30px auto;\n  }\n`;\n\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,YAAY,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kUAalCL,SAAS,EACTF,cAAc,EAEdC,MAAM,CAACO,EAAE,CAIZ;AAEDL,YAAY,CAACG,WAAW,GAAG,cAAc;AAEzC,OAAO,MAAMG,iBAAiB,GAAGV,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGvCL,SAAS,EACTF,cAAc,CACjB;AACDS,iBAAiB,CAACH,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMI,mBAAmB,GAAGX,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mFAMzCL,SAAS,EACTF,cAAc,CACjB;AACDU,mBAAmB,CAACJ,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMK,0BAA0B,GAAGZ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAGnD;AACDI,0BAA0B,CAACL,WAAW,GAAG,4BAA4B;AAErE,OAAO,MAAMM,mBAAmB,GAAGb,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGzCL,SAAS,EACTF,cAAc,CACjB;AACDY,mBAAmB,CAACN,WAAW,GAAG,qBAAqB"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","screen","FontStyle","StyledDialog","div","withConfig","displayName","componentId","props","$fullWidth","sm","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"sources":["../../../../src/components/Dialog/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div<{ $fullWidth?: boolean }>`\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 8px;\n  width: 310px;\n  margin: 60px auto 30px auto;\n  position: relative;\n\n  ${(props) =>\n    props.$fullWidth &&\n    css`\n      width: calc(100% - 32px);\n      max-width: 640px;\n      margin-left: 16px;\n      margin-right: 16px;\n    `}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${screen.sm} {\n    width: 540px;\n    margin: 126px auto 30px auto;\n  }\n`;\n\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,YAAY,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uUAajCC,KAAK,IACNA,KAAK,CAACC,UAAU,IAChBV,GAAG,iFAKF,EAEDG,SAAS,EACTF,cAAc,EAEdC,MAAM,CAACS,EAAE,CAIZ;AAEDP,YAAY,CAACG,WAAW,GAAG,cAAc;AAEzC,OAAO,MAAMK,iBAAiB,GAAGb,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGvCL,SAAS,EACTF,cAAc,CACjB;AACDW,iBAAiB,CAACL,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMM,mBAAmB,GAAGd,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mFAMzCL,SAAS,EACTF,cAAc,CACjB;AACDY,mBAAmB,CAACN,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMO,0BAA0B,GAAGf,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAGnD;AACDM,0BAA0B,CAACP,WAAW,GAAG,4BAA4B;AAErE,OAAO,MAAMQ,mBAAmB,GAAGhB,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGzCL,SAAS,EACTF,cAAc,CACjB;AACDc,mBAAmB,CAACR,WAAW,GAAG,qBAAqB"}

package/dist/esm/components/Display/DisplayCurrency.d.ts

@@ -3,5 +3,6 @@ import { DisplayNumberProps } from "./types";
 export declare const DisplayCurrency: React.ForwardRefExoticComponent<Omit<Omit<DisplayNumberProps, "shortenThreshold"> & {
     currencyCode?: string | undefined;
     currencyPosition?: string | undefined;
+    currencyClassName?: string | undefined;
 }, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=DisplayCurrency.d.ts.map

package/dist/esm/components/Display/DisplayCurrency.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAK7C,eAAO,MAAM,eAAe;;;iDA2F3B,CAAC"}
+{"version":3,"file":"DisplayCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAK7C,eAAO,MAAM,eAAe;;;;iDA+G3B,CAAC"}

package/dist/esm/components/Display/DisplayCurrency.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { forwardRef } from "react";
-import { formatCurrency } from "../../utils";
+import { formatCurrency, formatNumber } from "../../utils";
 import { Tooltip } from "../Tooltip";
 import { Typography } from "../Typography/Typography";
 export const DisplayCurrency = /*#__PURE__*/forwardRef((_ref, ref) => {
@@ -17,10 +17,11 @@ export const DisplayCurrency = /*#__PURE__*/forwardRef((_ref, ref) => {
     disableTooltip = false,
     className,
     as = "span",
+    currencyClassName,
     ...rest
   } = _ref;
-  const formattedValue = formatCurrency(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short", currencyCode, currencyPosition);
-  const formattedLongValue = formatCurrency(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long", currencyCode, currencyPosition);
+  const formattedValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short", 10000);
+  const formattedLongValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long", 10000);
   if (format === "short") {
     return /*#__PURE__*/React.createElement(Tooltip, {
       title: formatCurrency(value, thousandSeparator, decimalSeparator, false, decimalSpaces, "long", currencyCode, currencyPosition),
@@ -30,14 +31,22 @@ export const DisplayCurrency = /*#__PURE__*/forwardRef((_ref, ref) => {
       variant: variant,
       className: className,
       ref: ref
-    }, rest), formattedValue));
+    }, rest), currencyPosition === "left" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+      className: currencyClassName
+    }, currencyCode), " ", formattedValue) : /*#__PURE__*/React.createElement(React.Fragment, null, formattedValue, " ", /*#__PURE__*/React.createElement("span", {
+      className: currencyClassName
+    }, currencyCode))));
   }
   return /*#__PURE__*/React.createElement(Typography, _extends({
     as: as,
     variant: variant,
     className: className,
     ref: ref
-  }, rest), formattedLongValue);
+  }, rest), currencyPosition === "left" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    className: currencyClassName
+  }, currencyCode), " ", formattedLongValue) : /*#__PURE__*/React.createElement(React.Fragment, null, formattedLongValue, " ", /*#__PURE__*/React.createElement("span", {
+    className: currencyClassName
+  }, currencyCode)));
 });
 DisplayCurrency.displayName = "DisplayCurrency";
 //# sourceMappingURL=DisplayCurrency.js.map

package/dist/esm/components/Display/DisplayCurrency.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayCurrency.js","names":["React","forwardRef","formatCurrency","Tooltip","Typography","DisplayCurrency","_ref","ref","value","variant","currencyCode","currencyPosition","thousandSeparator","decimalSeparator","trimDecimals","decimalSpaces","format","disableTooltip","className","as","rest","formattedValue","formattedLongValue","createElement","title","disable","includes","_extends","displayName"],"sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayNumberProps } from \"./types\";\nimport { formatCurrency } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayCurrency = forwardRef<\n  HTMLSpanElement,\n  Omit<DisplayNumberProps, \"shortenThreshold\"> & {\n    currencyCode?: string;\n    currencyPosition?: string;\n  }\n>(\n  (\n    {\n      value,\n      variant = \"Body 2\",\n      currencyCode = \"USD\",\n      currencyPosition = \"right\",\n      thousandSeparator = \",\",\n      decimalSeparator = \".\",\n      trimDecimals = true,\n      decimalSpaces = 2,\n      format = \"long\",\n      disableTooltip = false,\n      className,\n      as = \"span\",\n      ...rest\n    },\n    ref\n  ) => {\n    const formattedValue = formatCurrency(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      \"short\",\n      currencyCode,\n      currencyPosition\n    );\n\n    const formattedLongValue = formatCurrency(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      \"long\",\n      currencyCode,\n      currencyPosition\n    );\n\n    if (format === \"short\") {\n      return (\n        <Tooltip\n          title={formatCurrency(\n            value,\n            thousandSeparator,\n            decimalSeparator,\n            false,\n            decimalSpaces,\n            \"long\",\n            currencyCode,\n            currencyPosition\n          )}\n          disable={\n            disableTooltip ||\n            (!formattedLongValue.includes(thousandSeparator) &&\n              !formattedLongValue.includes(decimalSeparator))\n          }\n        >\n          <Typography\n            as={as}\n            variant={variant}\n            className={className}\n            ref={ref}\n            {...rest}\n          >\n            {formattedValue}\n          </Typography>\n        </Tooltip>\n      );\n    }\n\n    return (\n      <Typography\n        as={as}\n        variant={variant}\n        className={className}\n        ref={ref}\n        {...rest}\n      >\n        {formattedLongValue}\n      </Typography>\n    );\n  }\n);\n\nDisplayCurrency.displayName = \"DisplayCurrency\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAGzC,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,eAAe,gBAAGJ,UAAU,CAOvC,CAAAK,IAAA,EAgBEC,GAAG,KACA;EAAA,IAhBH;IACEC,KAAK;IACLC,OAAO,GAAG,QAAQ;IAClBC,YAAY,GAAG,KAAK;IACpBC,gBAAgB,GAAG,OAAO;IAC1BC,iBAAiB,GAAG,GAAG;IACvBC,gBAAgB,GAAG,GAAG;IACtBC,YAAY,GAAG,IAAI;IACnBC,aAAa,GAAG,CAAC;IACjBC,MAAM,GAAG,MAAM;IACfC,cAAc,GAAG,KAAK;IACtBC,SAAS;IACTC,EAAE,GAAG,MAAM;IACX,GAAGC;EACL,CAAC,GAAAd,IAAA;EAGD,MAAMe,cAAc,GAAGnB,cAAc,CACnCM,KAAK,EACLI,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACb,OAAO,EACPL,YAAY,EACZC,gBACF,CAAC;EAED,MAAMW,kBAAkB,GAAGpB,cAAc,CACvCM,KAAK,EACLI,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACb,MAAM,EACNL,YAAY,EACZC,gBACF,CAAC;EAED,IAAIK,MAAM,KAAK,OAAO,EAAE;IACtB,oBACEhB,KAAA,CAAAuB,aAAA,CAACpB,OAAO;MACNqB,KAAK,EAAEtB,cAAc,CACnBM,KAAK,EACLI,iBAAiB,EACjBC,gBAAgB,EAChB,KAAK,EACLE,aAAa,EACb,MAAM,EACNL,YAAY,EACZC,gBACF,CAAE;MACFc,OAAO,EACLR,cAAc,IACb,CAACK,kBAAkB,CAACI,QAAQ,CAACd,iBAAiB,CAAC,IAC9C,CAACU,kBAAkB,CAACI,QAAQ,CAACb,gBAAgB;IAChD,gBAEDb,KAAA,CAAAuB,aAAA,CAACnB,UAAU,EAAAuB,QAAA;MACTR,EAAE,EAAEA,EAAG;MACPV,OAAO,EAAEA,OAAQ;MACjBS,SAAS,EAAEA,SAAU;MACrBX,GAAG,EAAEA;IAAI,GACLa,IAAI,GAEPC,cACS,CACL,CAAC;EAEd;EAEA,oBACErB,KAAA,CAAAuB,aAAA,CAACnB,UAAU,EAAAuB,QAAA;IACTR,EAAE,EAAEA,EAAG;IACPV,OAAO,EAAEA,OAAQ;IACjBS,SAAS,EAAEA,SAAU;IACrBX,GAAG,EAAEA;EAAI,GACLa,IAAI,GAEPE,kBACS,CAAC;AAEjB,CACF,CAAC;AAEDjB,eAAe,CAACuB,WAAW,GAAG,iBAAiB"}
+{"version":3,"file":"DisplayCurrency.js","names":["React","forwardRef","formatCurrency","formatNumber","Tooltip","Typography","DisplayCurrency","_ref","ref","value","variant","currencyCode","currencyPosition","thousandSeparator","decimalSeparator","trimDecimals","decimalSpaces","format","disableTooltip","className","as","currencyClassName","rest","formattedValue","formattedLongValue","createElement","title","disable","includes","_extends","Fragment","displayName"],"sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayNumberProps } from \"./types\";\nimport { formatCurrency, formatNumber } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayCurrency = forwardRef<\n  HTMLSpanElement,\n  Omit<DisplayNumberProps, \"shortenThreshold\"> & {\n    currencyCode?: string;\n    currencyPosition?: string;\n    currencyClassName?: string;\n  }\n>(\n  (\n    {\n      value,\n      variant = \"Body 2\",\n      currencyCode = \"USD\",\n      currencyPosition = \"right\",\n      thousandSeparator = \",\",\n      decimalSeparator = \".\",\n      trimDecimals = true,\n      decimalSpaces = 2,\n      format = \"long\",\n      disableTooltip = false,\n      className,\n      as = \"span\",\n      currencyClassName,\n      ...rest\n    },\n    ref\n  ) => {\n    const formattedValue = formatNumber(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      \"short\",\n      10000\n    );\n\n    const formattedLongValue = formatNumber(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      \"long\",\n      10000\n    );\n\n    if (format === \"short\") {\n      return (\n        <Tooltip\n          title={formatCurrency(\n            value,\n            thousandSeparator,\n            decimalSeparator,\n            false,\n            decimalSpaces,\n            \"long\",\n            currencyCode,\n            currencyPosition\n          )}\n          disable={\n            disableTooltip ||\n            (!formattedLongValue.includes(thousandSeparator) &&\n              !formattedLongValue.includes(decimalSeparator))\n          }\n        >\n          <Typography\n            as={as}\n            variant={variant}\n            className={className}\n            ref={ref}\n            {...rest}\n          >\n            {currencyPosition === \"left\" ? (\n              <>\n                <span className={currencyClassName}>{currencyCode}</span>{\" \"}\n                {formattedValue}\n              </>\n            ) : (\n              <>\n                {formattedValue}{\" \"}\n                <span className={currencyClassName}>{currencyCode}</span>\n              </>\n            )}\n          </Typography>\n        </Tooltip>\n      );\n    }\n\n    return (\n      <Typography\n        as={as}\n        variant={variant}\n        className={className}\n        ref={ref}\n        {...rest}\n      >\n        {currencyPosition === \"left\" ? (\n          <>\n            <span className={currencyClassName}>{currencyCode}</span>{\" \"}\n            {formattedLongValue}\n          </>\n        ) : (\n          <>\n            {formattedLongValue}{\" \"}\n            <span className={currencyClassName}>{currencyCode}</span>\n          </>\n        )}\n      </Typography>\n    );\n  }\n);\n\nDisplayCurrency.displayName = \"DisplayCurrency\";\n"],"mappings":"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"}

package/dist/index.js

@@ -12559,7 +12559,9 @@
   var StyledDialog = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledDialog",
     componentId: "sc-jwpvgm-0"
-  })(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], FontStyle, BoxSizingStyle, screen.sm);
+  })(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], function (props) {
+    return props.$fullWidth && styled.css(["width:calc(100% - 32px);max-width:640px;margin-left:16px;margin-right:16px;"]);
+  }, FontStyle, BoxSizingStyle, screen.sm);
   StyledDialog.displayName = "StyledDialog";
   var StyledDialogTitle = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledDialogTitle",
@@ -13052,7 +13054,7 @@
   };
   Scale.displayName = "Scale";
 
-  var _excluded$1a = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside"];
+  var _excluded$1a = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside", "fullWidth"];
   var _Dialog = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$open = _ref.open,
@@ -13066,6 +13068,8 @@
       _ref$animate = _ref.animate,
       animate = _ref$animate === void 0 ? "slide" : _ref$animate,
       onClickOutside = _ref.onClickOutside,
+      _ref$fullWidth = _ref.fullWidth,
+      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
       rest = _objectWithoutProperties(_ref, _excluded$1a);
     var animateDialog = function animateDialog() {
       switch (animate) {
@@ -13073,13 +13077,15 @@
           return /*#__PURE__*/React__default["default"].createElement(Fade, {
             in: open
           }, /*#__PURE__*/React__default["default"].createElement(StyledDialog, {
+            $fullWidth: fullWidth,
             className: classNames__default["default"]("c-dialog", className)
           }, children));
         default:
           return /*#__PURE__*/React__default["default"].createElement(SlideFromTop, {
             in: open
           }, /*#__PURE__*/React__default["default"].createElement(StyledDialog, {
-            className: classNames__default["default"]("c-dialog", className)
+            className: classNames__default["default"]("c-dialog", className),
+            $fullWidth: fullWidth
           }, children));
       }
     };
@@ -19923,7 +19929,7 @@
   });
   DisplayNumber.displayName = "DisplayNumber";
 
-  var _excluded$z = ["value", "variant", "currencyCode", "currencyPosition", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as"];
+  var _excluded$z = ["value", "variant", "currencyCode", "currencyPosition", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as", "currencyClassName"];
   var DisplayCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var value = _ref.value,
       _ref$variant = _ref.variant,
@@ -19947,9 +19953,10 @@
       className = _ref.className,
       _ref$as = _ref.as,
       as = _ref$as === void 0 ? "span" : _ref$as,
+      currencyClassName = _ref.currencyClassName,
       rest = _objectWithoutProperties(_ref, _excluded$z);
-    var formattedValue = formatCurrency(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short", currencyCode, currencyPosition);
-    var formattedLongValue = formatCurrency(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long", currencyCode, currencyPosition);
+    var formattedValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short", 10000);
+    var formattedLongValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long", 10000);
     if (format === "short") {
       return /*#__PURE__*/React__default["default"].createElement(Tooltip, {
         title: formatCurrency(value, thousandSeparator, decimalSeparator, false, decimalSpaces, "long", currencyCode, currencyPosition),
@@ -19959,14 +19966,22 @@
         variant: variant,
         className: className,
         ref: ref
-      }, rest), formattedValue));
+      }, rest), currencyPosition === "left" ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
+        className: currencyClassName
+      }, currencyCode), " ", formattedValue) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, formattedValue, " ", /*#__PURE__*/React__default["default"].createElement("span", {
+        className: currencyClassName
+      }, currencyCode))));
     }
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       as: as,
       variant: variant,
       className: className,
       ref: ref
-    }, rest), formattedLongValue);
+    }, rest), currencyPosition === "left" ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
+      className: currencyClassName
+    }, currencyCode), " ", formattedLongValue) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, formattedLongValue, " ", /*#__PURE__*/React__default["default"].createElement("span", {
+      className: currencyClassName
+    }, currencyCode)));
   });
   DisplayCurrency.displayName = "DisplayCurrency";