fix(label-group): address review feedback on pf-label-group

- Remove add-label-mode concept; adding labels is external code's job
- Remove add-label demos (auto, from-list, custom-form)
- Align component with pf-chip-group patterns:
  - Use `@queryAssignedNodes` instead of manual slot querying
  - Use `?hidden` binding instead of conditional rendering (SSR-friendly)
  - Compute overflow text inline in template via `#remaining` getter
  - Handle removal via event listener pattern (cancelable)
  - Export proper Event subclasses
- Fix CSS:
  - Replace hardcoded colors with PF global token fallbacks
  - Use CSS logical properties throughout
  - Add `::slotted([hidden])` rule (pf-label lacks `:host([hidden])`)
  - Remove `.add-label` styles
  - Add CSS custom property declarations on `:host`
- Remove superfluous `type: String` from `@property` decorators
- Add `@summary` JSDoc tag
- Rewrite tests following pf-chip-group patterns:
  - Use `a11ySnapshot` assertions
  - Use `function()` instead of arrow functions
  - Add tests for overflow, closeable, num-labels, category, a11y
- Clean up demos with minimal imports
- Update changeset and README to match project conventions

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: bennypowers

.changeset/yummy-eagles-itch.md

@@ -2,18 +2,16 @@
 "@patternfly/elements": minor
 ---
 
-✨ Added `<pf-label-group>`.
+Added `<pf-label-group>`.
 
-
-A label group displays multiple labels together, helping users visualize related categories, filters, or items.  
-Each label can be removed individually, and the entire group can also be cleared at once.  
-The element automatically handles overflow for long lists of labels and supports both horizontal and vertical layouts.
-
-Use this when you need to show multiple tags, filters, or categorized items that users can remove, add, or adjust dynamically.  
-Avoid using it for single, standalone labels — consider using `<pf-label>` instead.
+A **label group** is a collection of labels that can be grouped by category
+and used to represent one or more values assigned to a single attribute.
+When the number of labels exceeds the configured limit, additional labels
+are hidden under an overflow indicator.
 
 ```html
-<pf-label-group label="Filters" add-label-mode="fromList">
+<pf-label-group>
+  <span slot="category">Filters</span>
   <pf-label removable>Security</pf-label>
   <pf-label removable>Performance</pf-label>
   <pf-label removable>Networking</pf-label>

elements/pf-label-group/README.md

@@ -1,6 +1,10 @@
 # Label Group
-A label group is a collection of labels that can be grouped by category and used to represent one or more values assigned to a single attribute.  
-When the number of labels exceeds `numLabels`, additional labels are hidden under an overflow label.
+A label group is a collection of labels that can be grouped by category and
+used to represent one or more values assigned to a single attribute. When
+the number of labels exceeds the configured limit, additional labels are
+hidden under an overflow indicator.
+
+Read more about Label Group in the [PatternFly Elements Label Group documentation](https://patternflyelements.org/components/label-group)
 
 ## Installation
 
@@ -22,41 +26,21 @@ Then once installed, import it to your application:
 import '@patternfly/elements/pf-label-group/pf-label-group.js';
 ```
 
----
-
 ## Usage
 
 ```html
-<pf-label-group num-labels="2">
-  <span slot="category">Fruit Types</span>
-  <pf-label>Apple</pf-label>
-  <pf-label>Banana</pf-label>
-  <pf-label>Orange</pf-label>
+<pf-label-group>
+  <pf-label color="blue">Security</pf-label>
+  <pf-label color="green">Performance</pf-label>
+  <pf-label color="red">Networking</pf-label>
 </pf-label-group>
 ```
 
-Displays a group of labels, showing only the first two and an overflow label like “1 more” that expands on click.
-
-## Adding Labels
-
-`<pf-label-group>` supports adding new labels dynamically through the `addLabelMode` attribute:
-
-- `none` (default): No label addition.
-- `autoNoEdit`: Adds labels automatically without user editing.
-- `fromList`: Allows adding labels from a predefined list.
-- `customForm`: Lets users add custom labels via a form.
-
-Example:
-
+With a category:
 ```html
-<pf-label-group add-label-mode="fromList">
+<pf-label-group>
   <span slot="category">Filters</span>
   <pf-label removable>Security</pf-label>
   <pf-label removable>Performance</pf-label>
 </pf-label-group>
-
-Use this feature when you want users to dynamically add new tags or filters to the group.
-
----
-
-
+```

elements/pf-label-group/demo/index.html

@@ -1,11 +1,9 @@
-<pf-label-group open>
-  <pf-label color="blue">Blue Label</pf-label>
-  <pf-label color="green">Green Label</pf-label>
-  <pf-label color="orange">Orange Label</pf-label>
+<pf-label-group>
+  <pf-label color="blue">Blue</pf-label>
+  <pf-label color="green">Green</pf-label>
+  <pf-label color="orange">Orange</pf-label>
 </pf-label-group>
 
 <script type="module">
   import '@patternfly/elements/pf-label-group/pf-label-group.js';
-  import '@patternfly/elements/pf-label/pf-label.js';
-  import '@patternfly/elements/pf-button/pf-button.js';
-</script>
+</script>