CSS properties and their control added for segment control

Author: imtananikhwa

client/packages/lowcoder/src/comps/comps/selectInputComp/segmentedControl.tsx

@@ -52,6 +52,14 @@ const getStyle = (style: SegmentStyleType) => {
     .ant-segmented-item-selected {
       border-radius: ${style.radius};
     }
+    &.ant-segmented, .ant-segmented-item-label {
+      font-family:${style.fontFamily};
+      font-style:${style.fontStyle};
+      font-size:${style.textSize};
+      font-weight:${style.textWeight};
+      text-transform:${style.textTransform};
+      text-decoration:${style.textDecoration};
+    }
   `;
 };
 

client/packages/lowcoder/src/comps/controls/styleControlConstants.tsx

@@ -888,6 +888,7 @@ export const RadioStyle = [
 
 export const SegmentStyle = [
   LABEL,
+  ...STYLING_FIELDS_SEQUENCE.filter((style)=> ['border','borderWidth'].includes(style.name) === false),
   {
     name: "indicatorBackground",
     label: trans("style.indicatorBackground"),
@@ -906,10 +907,7 @@ export const SegmentStyle = [
     depType: DEP_TYPE.CONTRAST_TEXT,
     transformer: contrastText,
   },
-  RADIUS,
   VALIDATE,
-  MARGIN,
-  PADDING,
 ] as const;
 
 const LinkTextStyle = [