New HTML elements and web components groups (#1392)

captainbrosset · web-flow · commit 6aa25aef9f98 · 2024-07-18T14:58:07.000+02:00
diff --git a/features/a.yml b/features/a.yml
@@ -1,7 +1,7 @@
 name: <a>
 description: The `<a>` element creates a hyperlink to any resource that's accessible via a URL, such as web pages, files, email addresses, or locations within the same page.
 spec: https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-a-element
-group: html
+group: html-elements
 status:
   compute_from: html.elements.a
 compat_features:
diff --git a/features/abbr.yml b/features/abbr.yml
@@ -1,6 +1,6 @@
 name: <abbr>
 description: The `<abbr>` HTML element represents an abbreviation or acronym.
 spec: https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-abbr-element
-group: html
+group: html-elements
 compat_features:
   - html.elements.abbr
diff --git a/features/aside.yml b/features/aside.yml
@@ -1,6 +1,6 @@
 name: <aside>
 description: The `<aside>` element represents a portion of a document whose content is only indirectly related to the document's main content.
 spec: https://html.spec.whatwg.org/multipage/sections.html#the-aside-element
-group: html
+group: html-elements
 compat_features:
   - html.elements.aside
diff --git a/features/audio.yml b/features/audio.yml
@@ -1,7 +1,9 @@
 name: <audio>
 description: The `<audio>` element plays sound such as audio effects or music, optionally with controls provided by the browser.
 spec: https://html.spec.whatwg.org/multipage/media.html#audio
-group: media-elements
+group:
+  - media-elements
+  - html-elements
 caniuse: audio
 status:
   compute_from: html.elements.audio
diff --git a/features/base.yml b/features/base.yml
@@ -1,7 +1,7 @@
 name: <base>
 description: The `<base>` element sets the base URL (the URL that relative URLs are relative to) for all relative URLs in the document.
 spec: https://html.spec.whatwg.org/multipage/semantics.html#the-base-element
-group: html
+group: html-elements
 status:
   compute_from: html.elements.base
 compat_features:
diff --git a/features/br.yml b/features/br.yml
@@ -1,7 +1,7 @@
 name: <br>
 description: The `<br>` element produces line breaks in text.
 spec: https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-br-element
-group: html
+group: html-elements
 compat_features:
   - api.HTMLBRElement
   - html.elements.br
diff --git a/features/code.yml b/features/code.yml
@@ -1,6 +1,6 @@
 name: <code>
 description: The `<code>` element displays its contents as a fragment of computer code.
 spec: https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-code-element
-group: html
+group: html-elements
 compat_features:
   - html.elements.code
diff --git a/features/details.yml b/features/details.yml
@@ -1,8 +1,8 @@
 name: <details>
 description: The `<details>` element is a disclosure widget which can be expanded to reveal additional content. When closed, only the nested `<summary>` element is visible.
 spec: https://html.spec.whatwg.org/multipage/interactive-elements.html#the-details-element
-group: html
 caniuse: details
+group: html-elements
 compat_features:
   - api.HTMLDetailsElement
   - api.HTMLDetailsElement.open
diff --git a/features/dialog.yml b/features/dialog.yml
@@ -1,5 +1,5 @@
 name: "<dialog>"
 description: The `<dialog>` HTML element represents a modal or non-modal dialog box, such as a confirmation prompt or a subwindow used to enter data.
 spec: https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element
-group: html
+group: html-elements
 caniuse: dialog
diff --git a/features/hgroup.yml b/features/hgroup.yml
@@ -1,6 +1,6 @@
 name: <hgroup>
 description: The `<hgroup>` element represents a heading and related content.
 spec: https://html.spec.whatwg.org/multipage/sections.html#the-hgroup-element
-group: html
+group: html-elements
 compat_features:
   - html.elements.hgroup
diff --git a/features/search.yml b/features/search.yml
@@ -1,4 +1,4 @@
 name: <search>
 description: The `<search>` HTML element is a container that represents the parts of the web page with search functionality.
 spec: https://html.spec.whatwg.org/multipage/grouping-content.html#the-search-element
-group: html
+group: html-elements
diff --git a/features/shadow-dom.yml b/features/shadow-dom.yml
@@ -2,5 +2,6 @@ name: Shadow DOM
 description: Shadow DOM allows you to attach encapsulated "shadow" DOM trees to elements. A shadow DOM tree is a separate component, isolated from the scripts and styles in other parts of the document. This is a part of Web Components.
 spec: https://dom.spec.whatwg.org/#shadow-trees
 caniuse: shadowdomv1
+group: web-components
 status:
   compute_from: api.Element.attachShadow
diff --git a/features/slot-assign.yml b/features/slot-assign.yml
@@ -1,3 +1,4 @@
 name: Imperative slot assignment
 description: The `assign()` method for `<slot>` elements assigns nodes to the slot, as an alternative to using the `slot` and `name` HTML attributes. The nodes must be children of a shadow host and the shadow root must be created with the `slotAssignment` set to "manual". Also known as manual slot assignment.
 spec: https://html.spec.whatwg.org/multipage/scripting.html#dom-slot-assign
+group: web-components
diff --git a/features/slot.yml b/features/slot.yml
@@ -1,6 +1,8 @@
 name: <slot>
 description: The `<slot>` HTML element is a placeholder inside a web component where consumers of the component can insert their own markup.
 spec: https://html.spec.whatwg.org/multipage/scripting.html#the-slot-element
-group: html
+group:
+  - html-elements
+  - web-components
 status:
   compute_from: html.elements.slot
diff --git a/features/state.yml b/features/state.yml
@@ -1,6 +1,7 @@
 name: :state()
 description: The `:state()` CSS pseudo-class matches custom elements based on their custom state, set through the `ElementInternals.states` API.
 spec: https://html.spec.whatwg.org/multipage/custom-elements.html#custom-state-pseudo-class
+group: custom-elements
 compat_features:
   - css.selectors.state
   - api.CustomStateSet
diff --git a/features/template.yml b/features/template.yml
@@ -1,5 +1,7 @@
 name: <template>
 description: The `<template>` HTML element holds HTML fragments which you can clone and insert into the document using JavaScript.
 spec: https://html.spec.whatwg.org/multipage/scripting.html#the-template-element
-group: html
+group:
+  - html-elements
+  - web-components
 caniuse: template
diff --git a/features/time.yml b/features/time.yml
@@ -1,7 +1,7 @@
 name: <time>
 description: The `<time>` HTML element represents a time, such as a calendar date, clock time, or duration. It may include the `datetime` attribute to translate dates into machine-readable format.
 spec: https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-time-element
-group: html
+group: html-elements
 compat_features:
   - api.HTMLTimeElement
   - api.HTMLTimeElement.dateTime
diff --git a/features/title.yml b/features/title.yml
@@ -1,7 +1,7 @@
 name: <title>
 description: The `<title>` element sets the title of the document and exposes it to users via the UI of the browser or app they're using and through assistive technology.
 spec: https://html.spec.whatwg.org/multipage/semantics.html#the-title-element
-group: html
+group: html-elements
 status:
   compute_from: html.elements.title
 compat_features:
diff --git a/features/video.yml b/features/video.yml
@@ -1,7 +1,9 @@
 name: <video>
 description: The `<video>` element plays videos or movies, optionally with controls provided by the browser.
 spec: https://html.spec.whatwg.org/multipage/media.html#video
-group: media-elements
+group:
+  - media-elements
+  - html-elements
 caniuse: video
 status:
   compute_from: html.elements.video
diff --git a/groups/html-elements.yml b/groups/html-elements.yml
@@ -0,0 +1,2 @@
+name: HTML elements
+parent: html
diff --git a/groups/web-components.yml b/groups/web-components.yml
@@ -0,0 +1 @@
+name: Web Components
