@activecollab/components 2.0.189 → 2.0.190

package/dist/cjs/components/Input/InputAdornment.js

@@ -20,7 +20,8 @@ var InputAdornmentBase = _styledComponents.default.div.withConfig({
   "marginLeft": "0.25rem",
   "marginRight": "0.25rem",
   "display": "flex",
-  "alignItems": "center"
+  "alignItems": "center",
+  "gap": "0.5rem"
 }, function (props) {
   return props.$disablePointerEvents && (0, _styledComponents.css)(["", ""], {
     "pointerEvents": "none"

package/dist/cjs/components/Input/InputAdornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputAdornment.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","InputAdornmentBase","styled","div","withConfig","displayName","componentId","props","$disablePointerEvents","css","InputAdornment","exports","React","forwardRef","_ref","ref","children","as","disablePointerEvents","rest","Component","createElement"],"sources":["../../../../src/components/Input/InputAdornment.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\ninterface BaseInputAdornmentProps {\n  disablePointerEvents?: boolean;\n}\n\nconst InputAdornmentBase = styled.div<{ $disablePointerEvents?: boolean }>`\n  ${tw`tw-flex tw-items-center tw-mx-1`}\n\n  ${(props) =>\n    props.$disablePointerEvents &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n`;\n\nexport type InputAdornmentProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, BaseInputAdornmentProps>;\n\nexport type InputAdornmentComponent = <C extends React.ElementType = \"div\">(\n  props: InputAdornmentProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const InputAdornment: InputAdornmentComponent & {\n  displayName?: string;\n} = React.forwardRef(\n  <C extends React.ElementType = \"div\">(\n    { children, as, disablePointerEvents, ...rest }: InputAdornmentProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"div\";\n    return (\n      <InputAdornmentBase\n        {...rest}\n        as={Component}\n        $disablePointerEvents={disablePointerEvents}\n        ref={ref}\n      >\n        {children}\n      </InputAdornmentBase>\n    );\n  }\n);\n\nInputAdornment.displayName = \"InputAdornment\";\n"],"mappings":"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"}
+{"version":3,"file":"InputAdornment.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","InputAdornmentBase","styled","div","withConfig","displayName","componentId","props","$disablePointerEvents","css","InputAdornment","exports","React","forwardRef","_ref","ref","children","as","disablePointerEvents","rest","Component","createElement"],"sources":["../../../../src/components/Input/InputAdornment.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\ninterface BaseInputAdornmentProps {\n  disablePointerEvents?: boolean;\n}\n\nconst InputAdornmentBase = styled.div<{ $disablePointerEvents?: boolean }>`\n  ${tw`tw-flex tw-items-center tw-mx-1 tw-gap-2`}\n\n  ${(props) =>\n    props.$disablePointerEvents &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n`;\n\nexport type InputAdornmentProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, BaseInputAdornmentProps>;\n\nexport type InputAdornmentComponent = <C extends React.ElementType = \"div\">(\n  props: InputAdornmentProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const InputAdornment: InputAdornmentComponent & {\n  displayName?: string;\n} = React.forwardRef(\n  <C extends React.ElementType = \"div\">(\n    { children, as, disablePointerEvents, ...rest }: InputAdornmentProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"div\";\n    return (\n      <InputAdornmentBase\n        {...rest}\n        as={Component}\n        $disablePointerEvents={disablePointerEvents}\n        ref={ref}\n      >\n        {children}\n      </InputAdornmentBase>\n    );\n  }\n);\n\nInputAdornment.displayName = \"InputAdornment\";\n"],"mappings":"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"}

package/dist/cjs/components/Input/InputCurrency.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _InputAdornment = require("./InputAdornment");
 var _InputNumber = require("./InputNumber");
 var _Typography = require("../Typography/Typography");
-var _excluded = ["currency", "size"];
+var _excluded = ["currency", "size", "startAdornment", "endAdornment", "disabled"];
 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); }
@@ -17,6 +17,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var InputCurrency = exports.InputCurrency = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var currency = _ref.currency,
     size = _ref.size,
+    startAdornment = _ref.startAdornment,
+    endAdornment = _ref.endAdornment,
+    disabled = _ref.disabled,
     rest = _objectWithoutProperties(_ref, _excluded);
   var variant = (0, _react.useMemo)(function () {
     if (size === "biggest") {
@@ -33,12 +36,19 @@ var InputCurrency = exports.InputCurrency = /*#__PURE__*/(0, _react.forwardRef)(
   return /*#__PURE__*/_react.default.createElement(_InputNumber.InputNumber, _extends({
     size: size,
     align: "right",
-    startAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.InputAdornment, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    ref: ref,
+    disabled: disabled,
+    endAdornment: endAdornment && /*#__PURE__*/_react.default.createElement(_InputAdornment.InputAdornment, {
+      disablePointerEvents: disabled
+    }, endAdornment)
+  }, rest, {
+    startAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.InputAdornment, {
+      disablePointerEvents: disabled
+    }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
       variant: variant,
       weight: weight
-    }, currency)),
-    ref: ref
-  }, rest));
+    }, currency), startAdornment)
+  }));
 });
 InputCurrency.displayName = "InputCurrency";
 //# sourceMappingURL=InputCurrency.js.map

package/dist/cjs/components/Input/InputCurrency.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputCurrency.js","names":["_react","_interopRequireWildcard","require","_InputAdornment","_InputNumber","_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","InputCurrency","exports","forwardRef","_ref","ref","currency","size","rest","variant","useMemo","weight","createElement","InputNumber","align","startAdornment","InputAdornment","Typography","displayName"],"sources":["../../../../src/components/Input/InputCurrency.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\n\nimport { InputAdornment } from \"./InputAdornment\";\nimport { InputNumber, InputNumberProps } from \"./InputNumber\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface IInputCurrency\n  extends Omit<\n    InputNumberProps,\n    \"align\" | \"startAdornment\" | \"endAdornment\" | \"limit\"\n  > {\n  currency: string;\n}\n\nexport const InputCurrency = forwardRef<HTMLInputElement, IInputCurrency>(\n  ({ currency, size, ...rest }, ref) => {\n    const variant = useMemo(() => {\n      if (size === \"biggest\") {\n        return \"Header 2\";\n      }\n      if (size === \"big\") {\n        return \"Body 1\";\n      }\n      return \"Body 2\";\n    }, [size]);\n\n    const weight = useMemo(() => {\n      return size === \"biggest\" ? \"bold\" : \"regular\";\n    }, [size]);\n\n    return (\n      <InputNumber\n        size={size}\n        align=\"right\"\n        startAdornment={\n          <InputAdornment>\n            <Typography variant={variant} weight={weight}>\n              {currency}\n            </Typography>\n          </InputAdornment>\n        }\n        ref={ref}\n        {...rest}\n      />\n    );\n  }\n);\n\nInputCurrency.displayName = \"InputCurrency\";\n"],"mappings":"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"}
+{"version":3,"file":"InputCurrency.js","names":["_react","_interopRequireWildcard","require","_InputAdornment","_InputNumber","_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","InputCurrency","exports","forwardRef","_ref","ref","currency","size","startAdornment","endAdornment","disabled","rest","variant","useMemo","weight","createElement","InputNumber","align","InputAdornment","disablePointerEvents","Typography","displayName"],"sources":["../../../../src/components/Input/InputCurrency.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\n\nimport { InputAdornment } from \"./InputAdornment\";\nimport { InputNumber, InputNumberProps } from \"./InputNumber\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface IInputCurrency\n  extends Omit<InputNumberProps, \"align\" | \"limit\"> {\n  currency: string;\n}\n\nexport const InputCurrency = forwardRef<HTMLInputElement, IInputCurrency>(\n  (\n    { currency, size, startAdornment, endAdornment, disabled, ...rest },\n    ref\n  ) => {\n    const variant = useMemo(() => {\n      if (size === \"biggest\") {\n        return \"Header 2\";\n      }\n      if (size === \"big\") {\n        return \"Body 1\";\n      }\n      return \"Body 2\";\n    }, [size]);\n\n    const weight = useMemo(() => {\n      return size === \"biggest\" ? \"bold\" : \"regular\";\n    }, [size]);\n\n    return (\n      <InputNumber\n        size={size}\n        align=\"right\"\n        ref={ref}\n        disabled={disabled}\n        endAdornment={\n          endAdornment && (\n            <InputAdornment disablePointerEvents={disabled}>\n              {endAdornment}\n            </InputAdornment>\n          )\n        }\n        {...rest}\n        startAdornment={\n          <InputAdornment disablePointerEvents={disabled}>\n            <Typography variant={variant} weight={weight}>\n              {currency}\n            </Typography>\n            {startAdornment}\n          </InputAdornment>\n        }\n      />\n    );\n  }\n);\n\nInputCurrency.displayName = \"InputCurrency\";\n"],"mappings":"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"}

package/dist/esm/components/Input/InputAdornment.js

@@ -8,7 +8,8 @@ const InputAdornmentBase = styled.div.withConfig({
   "marginLeft": "0.25rem",
   "marginRight": "0.25rem",
   "display": "flex",
-  "alignItems": "center"
+  "alignItems": "center",
+  "gap": "0.5rem"
 }, props => props.$disablePointerEvents && css(["", ""], {
   "pointerEvents": "none"
 }));

package/dist/esm/components/Input/InputAdornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputAdornment.js","names":["React","styled","css","InputAdornmentBase","div","withConfig","displayName","componentId","props","$disablePointerEvents","InputAdornment","forwardRef","_ref","ref","children","as","disablePointerEvents","rest","Component","createElement","_extends"],"sources":["../../../../src/components/Input/InputAdornment.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\ninterface BaseInputAdornmentProps {\n  disablePointerEvents?: boolean;\n}\n\nconst InputAdornmentBase = styled.div<{ $disablePointerEvents?: boolean }>`\n  ${tw`tw-flex tw-items-center tw-mx-1`}\n\n  ${(props) =>\n    props.$disablePointerEvents &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n`;\n\nexport type InputAdornmentProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, BaseInputAdornmentProps>;\n\nexport type InputAdornmentComponent = <C extends React.ElementType = \"div\">(\n  props: InputAdornmentProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const InputAdornment: InputAdornmentComponent & {\n  displayName?: string;\n} = React.forwardRef(\n  <C extends React.ElementType = \"div\">(\n    { children, as, disablePointerEvents, ...rest }: InputAdornmentProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"div\";\n    return (\n      <InputAdornmentBase\n        {...rest}\n        as={Component}\n        $disablePointerEvents={disablePointerEvents}\n        ref={ref}\n      >\n        {children}\n      </InputAdornmentBase>\n    );\n  }\n);\n\nInputAdornment.displayName = \"InputAdornment\";\n"],"mappings":";AAAA,OAAOA,KAAK,MAAqB,OAAO;AAExC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAY/C,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC/B;EAAA;EAAA;EAAA;EAAA;AAAgC,CAAC,EAElCC,KAAK,IACNA,KAAK,CAACC,qBAAqB,IAC3BP,GAAG,WACG;EAAA;AAAuB,CAAC,CAC7B,CACJ;AASD,OAAO,MAAMQ,cAEZ,gBAAGV,KAAK,CAACW,UAAU,CAClB,CAAAC,IAAA,EAEEC,GAAsB,KACnB;EAAA,IAFH;IAAEC,QAAQ;IAAEC,EAAE;IAAEC,oBAAoB;IAAE,GAAGC;EAA6B,CAAC,GAAAL,IAAA;EAGvE,MAAMM,SAAS,GAAGH,EAAE,IAAI,KAAK;EAC7B,oBACEf,KAAA,CAAAmB,aAAA,CAAChB,kBAAkB,EAAAiB,QAAA,KACbH,IAAI;IACRF,EAAE,EAAEG,SAAU;IACdT,qBAAqB,EAAEO,oBAAqB;IAC5CH,GAAG,EAAEA;EAAI,IAERC,QACiB,CAAC;AAEzB,CACF,CAAC;AAEDJ,cAAc,CAACJ,WAAW,GAAG,gBAAgB"}
+{"version":3,"file":"InputAdornment.js","names":["React","styled","css","InputAdornmentBase","div","withConfig","displayName","componentId","props","$disablePointerEvents","InputAdornment","forwardRef","_ref","ref","children","as","disablePointerEvents","rest","Component","createElement","_extends"],"sources":["../../../../src/components/Input/InputAdornment.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\ninterface BaseInputAdornmentProps {\n  disablePointerEvents?: boolean;\n}\n\nconst InputAdornmentBase = styled.div<{ $disablePointerEvents?: boolean }>`\n  ${tw`tw-flex tw-items-center tw-mx-1 tw-gap-2`}\n\n  ${(props) =>\n    props.$disablePointerEvents &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n`;\n\nexport type InputAdornmentProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, BaseInputAdornmentProps>;\n\nexport type InputAdornmentComponent = <C extends React.ElementType = \"div\">(\n  props: InputAdornmentProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const InputAdornment: InputAdornmentComponent & {\n  displayName?: string;\n} = React.forwardRef(\n  <C extends React.ElementType = \"div\">(\n    { children, as, disablePointerEvents, ...rest }: InputAdornmentProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"div\";\n    return (\n      <InputAdornmentBase\n        {...rest}\n        as={Component}\n        $disablePointerEvents={disablePointerEvents}\n        ref={ref}\n      >\n        {children}\n      </InputAdornmentBase>\n    );\n  }\n);\n\nInputAdornment.displayName = \"InputAdornment\";\n"],"mappings":";AAAA,OAAOA,KAAK,MAAqB,OAAO;AAExC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAY/C,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC/B;EAAA;EAAA;EAAA;EAAA;EAAA;AAAyC,CAAC,EAE3CC,KAAK,IACNA,KAAK,CAACC,qBAAqB,IAC3BP,GAAG,WACG;EAAA;AAAuB,CAAC,CAC7B,CACJ;AASD,OAAO,MAAMQ,cAEZ,gBAAGV,KAAK,CAACW,UAAU,CAClB,CAAAC,IAAA,EAEEC,GAAsB,KACnB;EAAA,IAFH;IAAEC,QAAQ;IAAEC,EAAE;IAAEC,oBAAoB;IAAE,GAAGC;EAA6B,CAAC,GAAAL,IAAA;EAGvE,MAAMM,SAAS,GAAGH,EAAE,IAAI,KAAK;EAC7B,oBACEf,KAAA,CAAAmB,aAAA,CAAChB,kBAAkB,EAAAiB,QAAA,KACbH,IAAI;IACRF,EAAE,EAAEG,SAAU;IACdT,qBAAqB,EAAEO,oBAAqB;IAC5CH,GAAG,EAAEA;EAAI,IAERC,QACiB,CAAC;AAEzB,CACF,CAAC;AAEDJ,cAAc,CAACJ,WAAW,GAAG,gBAAgB"}

package/dist/esm/components/Input/InputCurrency.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { InputNumberProps } from "./InputNumber";
-export interface IInputCurrency extends Omit<InputNumberProps, "align" | "startAdornment" | "endAdornment" | "limit"> {
+export interface IInputCurrency extends Omit<InputNumberProps, "align" | "limit"> {
     currency: string;
 }
 export declare const InputCurrency: React.ForwardRefExoticComponent<IInputCurrency & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/Input/InputCurrency.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputCurrency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAG9D,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,gBAAgB,EAChB,OAAO,GAAG,gBAAgB,GAAG,cAAc,GAAG,OAAO,CACtD;IACD,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,yFAgCzB,CAAC"}
+{"version":3,"file":"InputCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputCurrency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAG9D,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,OAAO,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,yFA4CzB,CAAC"}

package/dist/esm/components/Input/InputCurrency.js

@@ -7,6 +7,9 @@ export const InputCurrency = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     currency,
     size,
+    startAdornment,
+    endAdornment,
+    disabled,
     ...rest
   } = _ref;
   const variant = useMemo(() => {
@@ -24,12 +27,19 @@ export const InputCurrency = /*#__PURE__*/forwardRef((_ref, ref) => {
   return /*#__PURE__*/React.createElement(InputNumber, _extends({
     size: size,
     align: "right",
-    startAdornment: /*#__PURE__*/React.createElement(InputAdornment, null, /*#__PURE__*/React.createElement(Typography, {
+    ref: ref,
+    disabled: disabled,
+    endAdornment: endAdornment && /*#__PURE__*/React.createElement(InputAdornment, {
+      disablePointerEvents: disabled
+    }, endAdornment)
+  }, rest, {
+    startAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
+      disablePointerEvents: disabled
+    }, /*#__PURE__*/React.createElement(Typography, {
       variant: variant,
       weight: weight
-    }, currency)),
-    ref: ref
-  }, rest));
+    }, currency), startAdornment)
+  }));
 });
 InputCurrency.displayName = "InputCurrency";
 //# sourceMappingURL=InputCurrency.js.map

package/dist/esm/components/Input/InputCurrency.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputCurrency.js","names":["React","forwardRef","useMemo","InputAdornment","InputNumber","Typography","InputCurrency","_ref","ref","currency","size","rest","variant","weight","createElement","_extends","align","startAdornment","displayName"],"sources":["../../../../src/components/Input/InputCurrency.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\n\nimport { InputAdornment } from \"./InputAdornment\";\nimport { InputNumber, InputNumberProps } from \"./InputNumber\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface IInputCurrency\n  extends Omit<\n    InputNumberProps,\n    \"align\" | \"startAdornment\" | \"endAdornment\" | \"limit\"\n  > {\n  currency: string;\n}\n\nexport const InputCurrency = forwardRef<HTMLInputElement, IInputCurrency>(\n  ({ currency, size, ...rest }, ref) => {\n    const variant = useMemo(() => {\n      if (size === \"biggest\") {\n        return \"Header 2\";\n      }\n      if (size === \"big\") {\n        return \"Body 1\";\n      }\n      return \"Body 2\";\n    }, [size]);\n\n    const weight = useMemo(() => {\n      return size === \"biggest\" ? \"bold\" : \"regular\";\n    }, [size]);\n\n    return (\n      <InputNumber\n        size={size}\n        align=\"right\"\n        startAdornment={\n          <InputAdornment>\n            <Typography variant={variant} weight={weight}>\n              {currency}\n            </Typography>\n          </InputAdornment>\n        }\n        ref={ref}\n        {...rest}\n      />\n    );\n  }\n);\n\nInputCurrency.displayName = \"InputCurrency\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAElD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,WAAW,QAA0B,eAAe;AAC7D,SAASC,UAAU,QAAQ,0BAA0B;AAUrD,OAAO,MAAMC,aAAa,gBAAGL,UAAU,CACrC,CAAAM,IAAA,EAA8BC,GAAG,KAAK;EAAA,IAArC;IAAEC,QAAQ;IAAEC,IAAI;IAAE,GAAGC;EAAK,CAAC,GAAAJ,IAAA;EAC1B,MAAMK,OAAO,GAAGV,OAAO,CAAC,MAAM;IAC5B,IAAIQ,IAAI,KAAK,SAAS,EAAE;MACtB,OAAO,UAAU;IACnB;IACA,IAAIA,IAAI,KAAK,KAAK,EAAE;MAClB,OAAO,QAAQ;IACjB;IACA,OAAO,QAAQ;EACjB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMG,MAAM,GAAGX,OAAO,CAAC,MAAM;IAC3B,OAAOQ,IAAI,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS;EAChD,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEV,KAAA,CAAAc,aAAA,CAACV,WAAW,EAAAW,QAAA;IACVL,IAAI,EAAEA,IAAK;IACXM,KAAK,EAAC,OAAO;IACbC,cAAc,eACZjB,KAAA,CAAAc,aAAA,CAACX,cAAc,qBACbH,KAAA,CAAAc,aAAA,CAACT,UAAU;MAACO,OAAO,EAAEA,OAAQ;MAACC,MAAM,EAAEA;IAAO,GAC1CJ,QACS,CACE,CACjB;IACDD,GAAG,EAAEA;EAAI,GACLG,IAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDL,aAAa,CAACY,WAAW,GAAG,eAAe"}
+{"version":3,"file":"InputCurrency.js","names":["React","forwardRef","useMemo","InputAdornment","InputNumber","Typography","InputCurrency","_ref","ref","currency","size","startAdornment","endAdornment","disabled","rest","variant","weight","createElement","_extends","align","disablePointerEvents","displayName"],"sources":["../../../../src/components/Input/InputCurrency.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\n\nimport { InputAdornment } from \"./InputAdornment\";\nimport { InputNumber, InputNumberProps } from \"./InputNumber\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface IInputCurrency\n  extends Omit<InputNumberProps, \"align\" | \"limit\"> {\n  currency: string;\n}\n\nexport const InputCurrency = forwardRef<HTMLInputElement, IInputCurrency>(\n  (\n    { currency, size, startAdornment, endAdornment, disabled, ...rest },\n    ref\n  ) => {\n    const variant = useMemo(() => {\n      if (size === \"biggest\") {\n        return \"Header 2\";\n      }\n      if (size === \"big\") {\n        return \"Body 1\";\n      }\n      return \"Body 2\";\n    }, [size]);\n\n    const weight = useMemo(() => {\n      return size === \"biggest\" ? \"bold\" : \"regular\";\n    }, [size]);\n\n    return (\n      <InputNumber\n        size={size}\n        align=\"right\"\n        ref={ref}\n        disabled={disabled}\n        endAdornment={\n          endAdornment && (\n            <InputAdornment disablePointerEvents={disabled}>\n              {endAdornment}\n            </InputAdornment>\n          )\n        }\n        {...rest}\n        startAdornment={\n          <InputAdornment disablePointerEvents={disabled}>\n            <Typography variant={variant} weight={weight}>\n              {currency}\n            </Typography>\n            {startAdornment}\n          </InputAdornment>\n        }\n      />\n    );\n  }\n);\n\nInputCurrency.displayName = \"InputCurrency\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAElD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,WAAW,QAA0B,eAAe;AAC7D,SAASC,UAAU,QAAQ,0BAA0B;AAOrD,OAAO,MAAMC,aAAa,gBAAGL,UAAU,CACrC,CAAAM,IAAA,EAEEC,GAAG,KACA;EAAA,IAFH;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,cAAc;IAAEC,YAAY;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAAP,IAAA;EAGnE,MAAMQ,OAAO,GAAGb,OAAO,CAAC,MAAM;IAC5B,IAAIQ,IAAI,KAAK,SAAS,EAAE;MACtB,OAAO,UAAU;IACnB;IACA,IAAIA,IAAI,KAAK,KAAK,EAAE;MAClB,OAAO,QAAQ;IACjB;IACA,OAAO,QAAQ;EACjB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMM,MAAM,GAAGd,OAAO,CAAC,MAAM;IAC3B,OAAOQ,IAAI,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS;EAChD,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEV,KAAA,CAAAiB,aAAA,CAACb,WAAW,EAAAc,QAAA;IACVR,IAAI,EAAEA,IAAK;IACXS,KAAK,EAAC,OAAO;IACbX,GAAG,EAAEA,GAAI;IACTK,QAAQ,EAAEA,QAAS;IACnBD,YAAY,EACVA,YAAY,iBACVZ,KAAA,CAAAiB,aAAA,CAACd,cAAc;MAACiB,oBAAoB,EAAEP;IAAS,GAC5CD,YACa;EAEnB,GACGE,IAAI;IACRH,cAAc,eACZX,KAAA,CAAAiB,aAAA,CAACd,cAAc;MAACiB,oBAAoB,EAAEP;IAAS,gBAC7Cb,KAAA,CAAAiB,aAAA,CAACZ,UAAU;MAACU,OAAO,EAAEA,OAAQ;MAACC,MAAM,EAAEA;IAAO,GAC1CP,QACS,CAAC,EACZE,cACa;EACjB,EACF,CAAC;AAEN,CACF,CAAC;AAEDL,aAAa,CAACe,WAAW,GAAG,eAAe"}

package/dist/index.js

@@ -15839,7 +15839,8 @@
     "marginLeft": "0.25rem",
     "marginRight": "0.25rem",
     "display": "flex",
-    "alignItems": "center"
+    "alignItems": "center",
+    "gap": "0.5rem"
   }, function (props) {
     return props.$disablePointerEvents && styled.css(["", ""], {
       "pointerEvents": "none"
@@ -16224,10 +16225,13 @@
   });
   InputNumber.displayName = "InputNumber";
 
-  var _excluded$I = ["currency", "size"];
+  var _excluded$I = ["currency", "size", "startAdornment", "endAdornment", "disabled"];
   var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var currency = _ref.currency,
       size = _ref.size,
+      startAdornment = _ref.startAdornment,
+      endAdornment = _ref.endAdornment,
+      disabled = _ref.disabled,
       rest = _objectWithoutProperties(_ref, _excluded$I);
     var variant = React.useMemo(function () {
       if (size === "biggest") {
@@ -16244,12 +16248,19 @@
     return /*#__PURE__*/React__default["default"].createElement(InputNumber, _extends({
       size: size,
       align: "right",
-      startAdornment: /*#__PURE__*/React__default["default"].createElement(InputAdornment, null, /*#__PURE__*/React__default["default"].createElement(Typography, {
+      ref: ref,
+      disabled: disabled,
+      endAdornment: endAdornment && /*#__PURE__*/React__default["default"].createElement(InputAdornment, {
+        disablePointerEvents: disabled
+      }, endAdornment)
+    }, rest, {
+      startAdornment: /*#__PURE__*/React__default["default"].createElement(InputAdornment, {
+        disablePointerEvents: disabled
+      }, /*#__PURE__*/React__default["default"].createElement(Typography, {
         variant: variant,
         weight: weight
-      }, currency)),
-      ref: ref
-    }, rest));
+      }, currency), startAdornment)
+    }));
   });
   InputCurrency.displayName = "InputCurrency";