chor(components): describe view and text styles type, apply textStyle…

… to Text element
rdkcentral · Sep 24, 2024 · 86617c5 · 86617c5
1 parent 471ca47
commit 86617c5
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/packages/solid/components/Input/Input.tsx b/packages/solid/components/Input/Input.tsx
@@ -107,16 +107,13 @@ const Input: Component<InputProps> = props => {
       onLeft={onLeft}
       onRight={onRight}
       // @ts-expect-error TODO type needs to be fixed in framework
-      style={[
-        props.style, //
-        styles.Container.tones[props.tone ?? styles.tone],
-        styles.Container.base
-      ]}
+      style={[props.style, styles.Container.tones[props.tone ?? styles.tone], styles.Container.base]}
     >
       <Text
         tone={props.tone ?? styles.tone}
         color={props.textColor}
         style={[
+          props.textStyle,
           styles.Text.tones[props.tone ?? styles.tone], //
           styles.Text.base
         ]}

diff --git a/packages/solid/components/Input/Input.types.ts b/packages/solid/components/Input/Input.types.ts
@@ -37,6 +37,16 @@ export interface InputProps extends UIComponentProps, InputStyleProperties {
    */
   titleSignal: Signal<string>;
 
+  /**
+   * general styles applied to input `View` container
+   */
+  style?: unknown;
+
+  /**
+   * specific styles applied to input `Text` item
+   */
+  textStyle?: unknown;
+
   /**
    * when true the content will be masked to the user
    */