cambios esteticos input stepper FIN

Author: reguer0

src/common/components/mock-components/front-rich-components/input-stepper.tsx

@@ -42,10 +42,11 @@ export const InputWithStepper = forwardRef<any, ShapeProps>((props, ref) => {
     shapeType,
     ref
   );
-  const { stroke, textColor, strokeStyle } = useShapeProps(
+  const { stroke, textColor, strokeStyle, fill, strokeWidth } = useShapeProps(
     otherProps,
     INPUT_SHAPE
   );
+
   return (
     <Group {...commonGroupProps} {...shapeProps}>
       {/* Caja del input */}
@@ -54,10 +55,10 @@ export const InputWithStepper = forwardRef<any, ShapeProps>((props, ref) => {
         y={0}
         width={inputWidth / 2} // Reducir ancho a la mitad
         height={height}
-        strokeStyle={strokeStyle}
-        fill="white"
+        fill={fill}
         stroke={stroke}
-        strokeWidth={2}
+        strokeWidth={strokeWidth}
+        dash={strokeStyle}
         cornerRadius={0} // Sin bordes redondeados
       />
 
@@ -68,8 +69,7 @@ export const InputWithStepper = forwardRef<any, ShapeProps>((props, ref) => {
         text={'0'}
         fontFamily="Arial"
         fontSize={16}
-        textColor={textColor}
-        fill="black"
+        fill={textColor}
         align="right"
       />
 
@@ -80,17 +80,18 @@ export const InputWithStepper = forwardRef<any, ShapeProps>((props, ref) => {
           y={0}
           width={30}
           height={buttonHeight}
-          fill="lightgray"
-          stroke="black"
-          strokeWidth={2}
+          fill={fill}
+          stroke={stroke}
+          strokeWidth={strokeWidth}
+          dash={strokeStyle}
         />
         <Text
           x={10}
           y={buttonHeight / 2 - 8}
           text="▲"
           fontFamily="Arial"
           fontSize={14}
-          fill="black"
+          fill={textColor}
         />
       </Group>
 
@@ -101,17 +102,18 @@ export const InputWithStepper = forwardRef<any, ShapeProps>((props, ref) => {
           y={0}
           width={30}
           height={buttonHeight}
-          fill="lightgray"
+          fill={fill}
           stroke={stroke}
-          strokeWidth={2}
+          strokeWidth={strokeWidth}
+          dash={strokeStyle}
         />
         <Text
           x={10}
           y={buttonHeight / 2 - 8}
           text="▼"
           fontFamily="Arial"
           fontSize={14}
-          fill="black"
+          fill={textColor}
         />
       </Group>
     </Group>

src/pods/canvas/shape-renderer/simple-rich-components/input-stepper.renderer.tsx

@@ -25,6 +25,8 @@ export const renderInputStepper = (
       onTransformEnd={handleTransform}
       initialValue={0}
       typeOfTransformer={shape.typeOfTransformer}
+      text={shape.text}
+      otherProps={shape.otherProps}
     />
   );
 };