@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.4 kB
JavaScript
"use strict";var e=require("react/jsx-runtime"),r=require("@base-ui-components/react"),n=require("@mui/material"),t=require("merge-sx"),o=require("react");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/primitiveVariables.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var s=require("../../BrandCore/Icon/Icon.js"),i=require("../IconButton/IconButton.js"),u=require("../IconButtonGroup/IconButtonGroup.js"),a=require("../TextField/TextField.js");const c=({hideActionButtons:t})=>{const o=n.useTheme();return!t&&e.jsxs(u,{orientation:"vertical",sizing:"xs",sx:{borderRadius:"6px",[`&.${n.buttonGroupClasses.root} > .${n.iconButtonClasses.root}`]:{width:o.spacing(o.custom.margin.lg-o.custom.margin.xs),height:15,p:0}},children:[e.jsx(r.NumberField.Increment,{render:e.jsx(i,{icon:e.jsx(s.default,{name:"chevron-up"})})}),e.jsx(r.NumberField.Decrement,{render:e.jsx(i,{icon:e.jsx(s.default,{name:"chevron-down"})})})]})},m=o.forwardRef(({onChange:r,value:o,startAdornment:s,endAdornment:i,hideActionButtons:u,sx:m,...d},x)=>{const j=n.useTheme();return e.jsx(a,{inputRef:x,value:o,onChange:r,startAdornment:s,endAdornment:i||e.jsx(c,{hideActionButtons:u}),sx:t.mergeSx(m,{[`& .${n.inputAdornmentClasses.root}`]:{pr:i?j.spacing(j.custom.margin.sm):j.spacing(j.custom.margin.xs)}}),...d})});module.exports=m;