css-tree - npm Package Versions

Added new node types:

• Feature: represents features like (feature) and (feature: value), fundamental for both @media and @container at-rules
• FeatureRange: represents features in a range context
• FeatureFunction: represents functional features such as @supports's selector() or @container's style()
• Condition: used across all query-like at-rules, encapsulating queries with features and the not, and, and or operators
• GeneralEnclosure: represents the <general-enclosed> production, which caters to unparsed parentheses or functional expressions

Note: All new nodes include a kind property to define the at-rule type. Supported kinds are media, supports, and container.

Added support for functions for features and features in a range context, e.g. (width: calc(100cm / 6))

Added a condition value for the parser's context option to parse queries. Use the kind option to specify the condition type, e.g., parse('...', { context: 'condition', kind: 'media' }).

Introduced a features section in the syntax configuration for defining functional features of at-rules. Expand definitions using the fork() method. The current definition is as follows:

features: {
    supports: { selector() { /* ... */ } },
    container: { style() { /* ... */ } }
}

Changes for @media at-rule:

• Enhanced prelude parsing for complex queries. Parentheses with errors will be parsed as GeneralEnclosed.
• Added support for features in a range context, e.g. (width > 100px) or (100px < height < 400px)
• Transitioned from MediaFeature node type to the Feature node type with kind: "media".
• Changed MediaQuery node structure into the following form:

  type MediaQuery = {
      type: "MediaQuery";
      modifier: string | null; // e.g. "not", "only", etc.
      mediaType: string | null; // e.g. "all", "screen", etc.
      condition: Condition | null;
  }
  

Changes for @supports at-rule:

• Enhanced prelude parsing for complex queries. Parentheses with errors will be parsed as GeneralEnclosed.
• Added support for features in a range context, e.g. (width > 100px) or (100px < height < 400px)
• Added SupportsDeclaration node type to encapsulate a declaration in a query, replacing Parentheses.
• Parsing now employs Condition or SupportsDeclaration nodes of kind supports instead of Parentheses.
• Added support for the selector() feature via the FeatureFunction node (configured in features.supports.selector).