feat(docs-ui): show sub-component changelogs on parent pages

Add all exported sub-components to the Component type union so changelog entries referencing them are resolved correctly. Update ChangelogComponent to accept an array of components, showing scoped badges when filtering by multiple components. Update 13 component pages to include their sub-components in the changelog section. Signed-off-by: Johan Persson <johanopersson@gmail.com>
2026-03-18 16:02:29 +01:00
parent d566823908
commit bfc5acd0c6
16 changed files with 133 additions and 24 deletions
@@ -147,4 +147,11 @@ Allows multiple panels to be open simultaneously.

 <Theming definition={AccordionDefinition} />

-<ChangelogComponent component="accordion" />
+<ChangelogComponent
+  component={[
+    'accordion',
+    'accordion-trigger',
+    'accordion-panel',
+    'accordion-group',
+  ]}
+/>
@@ -136,4 +136,6 @@ Buttons and links inside the card remain independently interactive. Clicking the

 <Theming definition={CardDefinition} />

-<ChangelogComponent component="card" />
+<ChangelogComponent
+  component={['card', 'card-header', 'card-body', 'card-footer']}
+/>
@@ -125,4 +125,12 @@ You can also control the dialog using your own states.

 <Theming definition={DialogDefinition} />

-<ChangelogComponent component="dialog" />
+<ChangelogComponent
+  component={[
+    'dialog',
+    'dialog-trigger',
+    'dialog-header',
+    'dialog-body',
+    'dialog-footer',
+  ]}
+/>
@@ -61,4 +61,4 @@ Use Grid.Item to span multiple columns.

 <Theming definition={GridDefinition} />

-<ChangelogComponent component="grid" />
+<ChangelogComponent component={['grid', 'grid-item']} />
@@ -63,4 +63,4 @@ Use `customActions` to add a dropdown menu.

 <Theming definition={HeaderDefinition} />

-<ChangelogComponent component="header" />
+<ChangelogComponent component={['header', 'header-page']} />
@@ -100,4 +100,4 @@ Individual row within a List.

 <Theming definition={ListDefinition} />

-<ChangelogComponent component="list" />
+<ChangelogComponent component={['list', 'list-row']} />
@@ -226,4 +226,17 @@ Set `selectionMode="multiple"` to allow multiple selections.

 <Theming definition={MenuDefinition} />

-<ChangelogComponent component="menu" />
+<ChangelogComponent
+  component={[
+    'menu',
+    'menu-trigger',
+    'submenu-trigger',
+    'menu-item',
+    'menu-autocomplete',
+    'menu-autocomplete-listbox',
+    'menu-list-box',
+    'menu-list-box-item',
+    'menu-section',
+    'menu-separator',
+  ]}
+/>
@@ -115,4 +115,4 @@ Individual radio button within a group.

 <Theming definition={RadioGroupDefinition} />

-<ChangelogComponent component="radio-group" />
+<ChangelogComponent component={['radio-group', 'radio']} />
@@ -92,4 +92,6 @@ Use `onAction` on items to handle selection and reset the input.

 <Theming definition={SearchAutocompleteItemDefinition} />

-<ChangelogComponent component="search-autocomplete" />
+<ChangelogComponent
+  component={['search-autocomplete', 'search-autocomplete-item']}
+/>
@@ -305,4 +305,17 @@ Low-level components for building custom table layouts.

 <Theming definition={TableDefinition} />

-<ChangelogComponent component="table" />
+<ChangelogComponent
+  component={[
+    'table',
+    'table-root',
+    'table-header',
+    'table-body',
+    'table-pagination',
+    'row',
+    'column',
+    'cell',
+    'cell-text',
+    'cell-profile',
+  ]}
+/>
@@ -113,4 +113,4 @@ Add `href` to Tab components to enable URL-based tab selection. The active tab i

 <Theming definition={TabsDefinition} />

-<ChangelogComponent component="tabs" />
+<ChangelogComponent component={['tabs', 'tab', 'tab-list', 'tab-panel']} />
@@ -88,4 +88,4 @@ Individual tag item within a group.

 <Theming definition={TagGroupDefinition} />

-<ChangelogComponent component="tag-group" />
+<ChangelogComponent component={['tag-group', 'tag']} />
@@ -62,4 +62,4 @@ The tooltip appears in the specified direction relative to the trigger.

 <Theming definition={TooltipDefinition} />

-<ChangelogComponent component="tooltip" />
+<ChangelogComponent component={['tooltip', 'tooltip-trigger']} />