fix(textarea): resizer icon (#DS-4257)

[artembelik]

• dark theme icon

[Copilot]

Pull Request Overview

This PR implements a custom resizer icon for resizable textareas by adding CSS variables for light and dark themes, and styling the webkit resizer pseudo-element.

Key changes:

• Added custom resizer icon styling using the ::-webkit-resizer pseudo-element
• Introduced CSS custom properties for the resizer icon in both light and dark themes
• Updated the selector from .kbq-textarea to :where(.kbq-textarea) for better specificity control

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File	Description
packages/components/textarea/textarea.scss	Applied custom background to the webkit resizer pseudo-element
packages/components/textarea/textarea-tokens.scss	Defined CSS variables for resizer icons in light and dark themes

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[github-actions]

Visit the preview URL for this PR (updated for commit 2666e16):

https://koobiq-next--prs-1074-uyb13vr3.web.app

_{(expires Sat, 01 Nov 2025 09:20:45 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: c9e37e518febda70d0317d07e8ceb35ac43c534c}

[artembelik]

кастомизация работает только в вебкит браузерах

поскольку mask не применяется к ::-webkit-resizer, поэтому установил иконку при помощи background

[NikGurev]

В firefox не применяется, жаль
а так выглядит красиво

[rmnturov]

пример в доках нужен с autogrow и с резайзом (сейчас автогроу исчез, а это считается самым популярный кейсом использования). давай ты про ресайз добавишь в доки новый раздел в статью

[rmnturov]

ресайз по ширине можно сделать? или управлять направлением ресайза?

[rmnturov]

можно комбинировать автогроу и ресайз?

[rmnturov]

а можно выключить cangrow и сделать поле без возможности ресайзнуть?

[artembelik]

ресайз по ширине можно сделать? или управлять направлением ресайза?

в данной реализации только по высоте, если нужно можно отдельно добавить

[artembelik]

а можно выключить cangrow и сделать поле без возможности ресайзнуть?

можно, создам задачу на добавление примера

можно комбинировать автогроу и ресайз?

проверю и добавлю пример

пример в доках нужен с autogrow и с резайзом (сейчас автогроу исчез, а это считается самым популярный кейсом использования). давай ты про ресайз добавишь в доки новый раздел в статью

DS-4311