Work plan

Strict class dot prefix

• Any point in the new syntax that takes a class reference will not fallback to the class name with no dot prefix, making reference to both class-selector and type-selector ambiguous.

V0 - #2386

V1

Base styling

• allow declarations and nested rules within @st body
• transform away any build-time statement syntax keeping the inline declarations
• disallow nested @st within @media and other nested at-rules
• lsp: check for native declarations and nested rules

Ambient root

• default import from a stylesheet with @st is handled:
  • import the root class if exist
  • import an new ambient-root symbol that cannot be used alone in a selector, but can be used as a record-like-selector to access the top level @st .class selectors (transforms away)

Pseudo-Element inheritance

syntax: @st ::part(Base) => mapped-selector

• register pseudo-element extended reference to part-symbol[-st-extends]
• error on extends issues
• transform inherited selector (check case for selector intersection between extends and inferred mapped selector)
• lsp:
  • suggest extends syntax (&0) completion
  • suggest available references in extends parenthesis

Syntactical Sugar pseudo-element to class

• decide on the syntax and implement...

V2

Private statements

• filter out from named imports any class that is not defined with @st
• use @st-hide ::part to override inherited API and block it
  • transformation error
  • lsp: should not suggest part
• use top level @st-hide .class to prevent it from being named export (maybe @st-private?)
• figure out other symbols private/public modifiers (keyframes, layers, build-vars, custom-properties)

Explicit override statements

• use @st-override to explicitly override an extended selector API
• add reference override API in the normal @st override error

Multiple extends

• allow setting multiple references in extend

V3

Set selector context

• new selector API to get an internal selector:st-ctx(A::B)::C => .c

Top level @st for non-class

• @st type-selector - support native and custom elements definition
• @st Interface - support interface definition

More semantic definitions

• @st-theme
• @st-variant

from stylable.