Oleg Isonenandzehjotkah 1f4c53419d feat: Pseudo elements (#5572) ...

This PR replaces the limited "States" dropdown in the Style Panel with a
flexible input field that supports any CSS selector, pseudo-class, or
pseudo-element. This allows for advanced styling capabilities such as
`:has()`, `:focus-visible`, and complex combinators.

## Key Changes

### Flexible Selector Input
- Replaced the fixed "States" category list with a free-form input
field.
- Supports **any** valid CSS selector (e.g., `:hover`, `::before`,
`:has(:checked)`).
- Validation logic ensures only valid selectors are accepted (triggered
on `Enter` key).

## How to Test
1. Select an element and open the Style Panel.
2. Click on the Local style source or a Token.
3. In the input field (bottom of menu), type a selector like `:hover` or
`:first-child` and press Enter.
4. Verify the selector is added and selected.

---------

Co-authored-by: zehjotkah <111518041+zehjotkah@users.noreply.github.com>

2026-01-19 17:28:47 +01:00

..

prompts

feat: Pseudo elements (#5572)

2026-01-19 17:28:47 +01:00

css-to-ws.ts

refactor: output hyphenated properties from css parser (#4900)

2025-02-22 18:11:57 +07:00

css-tree-dist-data.d.ts

Add common keywords (#1385)

2023-04-06 22:21:52 +04:00

html.css.ts

refactor: switch to hyphenated preset styles (#4930)

2025-03-04 17:26:32 +07:00

mdn-data.ts

feat: Pseudo elements (#5572)

2026-01-19 17:28:47 +01:00

property-value-descriptions.ts

refactor: hyphenate keyword values (#4987)

2025-03-13 22:44:57 +07:00