@ctrliq/quantic-components 1.84.1 → 1.85.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/action-group/action-group.component.js +2 -1
- package/dist/badge/badge-group.component.js +2 -1
- package/dist/index.js.map +1 -1
- package/dist/meta/index.js.map +1 -1
- package/dist/meta/sibling-groups.test.d.ts +1 -0
- package/dist/meta/sibling-groups.test.js +42 -0
- package/dist/meta.json +4 -4
- package/dist/quantic-components.js +6 -3
- package/dist/quantic-components.js.map +1 -1
- package/dist/quantic-components.min.js +6 -6
- package/dist/quantic-components.min.js.map +1 -1
- package/dist/register.js.map +1 -1
- package/dist/tag/tag-group.component.js +2 -1
- package/dist/types/meta/sibling-groups.test.d.ts +1 -0
- package/package.json +1 -1
|
@@ -14,7 +14,7 @@ let ActionGroup = class ActionGroup extends QuanticElement {
|
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
16
|
return html `
|
|
17
|
-
<div class="group" role="group" aria-label=${this.ariaLabel ?? 'Actions'}>
|
|
17
|
+
<div class="group" part="group" role="group" aria-label=${this.ariaLabel ?? 'Actions'}>
|
|
18
18
|
<slot></slot>
|
|
19
19
|
</div>
|
|
20
20
|
`;
|
|
@@ -25,6 +25,7 @@ ActionGroup.meta = {
|
|
|
25
25
|
description: 'A row of related actions sharing one accessible name and a consistent gap. ' +
|
|
26
26
|
'Takes quantic-button, and quantic-dropdown-menu or quantic-popover when the trigger is a button. ' +
|
|
27
27
|
'Wraps when the row runs out of width. Gap: --quantic-component-action-group-gap. ' +
|
|
28
|
+
'Layout: ::part(group), for a column or a different alignment. ' +
|
|
28
29
|
'Use quantic-button-bar when the buttons should read as one joined control.',
|
|
29
30
|
category: 'action',
|
|
30
31
|
slots: {
|
|
@@ -14,7 +14,7 @@ let BadgeGroup = class BadgeGroup extends QuanticElement {
|
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
16
|
return html `
|
|
17
|
-
<div class="group" role="group" aria-label=${this.ariaLabel ?? 'Badges'}>
|
|
17
|
+
<div class="group" part="group" role="group" aria-label=${this.ariaLabel ?? 'Badges'}>
|
|
18
18
|
<slot></slot>
|
|
19
19
|
</div>
|
|
20
20
|
`;
|
|
@@ -24,6 +24,7 @@ BadgeGroup.meta = {
|
|
|
24
24
|
tag: 'quantic-badge-group',
|
|
25
25
|
description: 'A run of quantic-badge or quantic-status-badge sharing one accessible name and a consistent gap. ' +
|
|
26
26
|
'Wraps across lines, and each badge keeps its own size. Gap: --quantic-component-badge-group-gap. ' +
|
|
27
|
+
'Layout: ::part(group), for a column or a different alignment. ' +
|
|
27
28
|
'Use quantic-tag-group for tags.',
|
|
28
29
|
category: 'display',
|
|
29
30
|
slots: {
|