@yandex/ui/Textarea/Textarea.tokens/Textarea.tokens.yml

Yandex UI components

textarea:
  fontFamily:
    value: "{typography.controls.fontFamily.value}"

  border:
    width:
      value: 2px
    radius:
      value: 4px
      comment: "Ширина бордера у textarea"

  size:
    s:
      fontSize:
        value: "{typography.controls.size.s.fontSize.value}"
        comment: "Размер текста у s-textarea"
      spaceAll:
        value: 6px
        comment: "Внутренние отступы у s-textarea "
      minWidth:
        value: 180px
        comment: "Размер минимальной ширины у s-textarea"
      minHeight:
        value: 32px
        comment: "Размер минимальной высоты у s-textarea"

      clear:
        width:
          value: 32px
          comment: "Ширина очищающего контрола у s-textarea"
        height:
          value: 32px
          comment: "Высота очищающего контрола у s-textarea"

      hint:
        fontSize:
          value: 12px

    m:
      fontSize:
        value: "{typography.controls.size.m.fontSize.value}"
        comment: "Размер текста у m textarea"
      spaceAll:
        value: 8px
        comment: "Внутренние отступы m-textarea"
      minWidth:
        value: 200px
        comment: "Размер минимальной ширины у m-textarea"
      minHeight:
        value: 36px
        comment: "Размер минимальной высоты у m-textarea"

      clear:
        width:
          value: 36px
          comment: "Ширина очищающего контрола у m-textarea"
        height:
          value: 36px
          comment: "Высота очищающего контрола у m-textarea"

      hint:
        fontSize:
          value: 13px

  viewDefault:
    fillColor:
      base:
        value: "{color.control.type.blank.fillColor.base.value}"
      disabled:
        value: "{color.control.type.blank.fillColor.disable.value}"
      hovered:
        value: "{color.control.type.blank.fillColor.hover.value}"

    typoColor:
      base:
        value: "{color.control.typo.primary.value}"
      disabled:
        value: "{color.control.typo.disable.value}"

    placeholder:
      typoColor:
        base:
          value: "{color.control.typo.ghost.value}"
        disabled:
          value: "{color.control.typo.disable.value}"

    icon:
      fillColor:
        base:
          value: "{color.control.typo.ghost.value}"

    clear:
      fillColor:
        base:
          value: "{color.control.typo.ghost.value}"
        hovered:
          value: "{color.control.typo.primary.value}"

    hint:
      typoColor:
        stateError:
          base:
            value: "{color.control.typo.error.value}"

    borderColor:
      base:
        value: "{color.control.type.blank.borderColor.base.value}"
      disabled:
        value: "{color.control.type.blank.borderColor.disable.value}"
      focused:
        value: "{color.control.borderColor.focus.value}"
      hovered:
        value: "{color.control.type.blank.borderColor.hover.value}"
      stateError:
        base:
          value: "{color.control.type.default.borderColor.error.base.value}"
        hovered:
          value: "{color.control.type.default.borderColor.error.hover.value}"