# All files / src/form textFieldStyles.ts

100% Statements 33/33
100% Branches 1/1
100% Functions 1/1
100% Lines 33/33

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    341x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    23x
    23x
    23x
    23x
    23x
    23x
    23x
    23x
    23x
     import { cnb } from "cnbuilder";
    import { bem } from "../utils/bem.js";

    const styles = bem("rmd-text-field");

    /** @remarks \@since 6.0.0 */
    export interface TextFieldClassNameOptions {
      className?: string;

      /**
       * Set this value to `true` when a text field has a floating label the text
       * field is not focused or valued so that the placeholder is hidden by setting
       * the opacity to 0. This makes it so the placeholder and label to not cover
       * each other.
       *
       * @defaultValue `false`
       */
      placeholderHidden?: boolean;
    }

    /**
     * @remarks \@since 6.0.0
     */
    export function textField(options: TextFieldClassNameOptions = {}): string {
      const { className, placeholderHidden = false } = options;

      return cnb(
        styles({
          "placeholder-hidden": placeholderHidden,
        }),
        className
      );
    }