- This is content that has a
-
- link back to Spectrum Web Components
-
- so that it is easy to test that "Space" and "Enter"
- interactions on focusable content does NOT toggle the
- Accordion Item.
-
-
-
- `;
-};
-export const Default = (args?: Properties): TemplateResult => Template(args);
+export const Default = (args?: Properties): TemplateResult =>
+ AccordionMarkup(args);
-export const Open = (args?: Properties): TemplateResult => Template(args);
+export const Open = (args?: Properties): TemplateResult =>
+ AccordionMarkup(args);
Open.args = {
open: true,
allowMultiple: false,
@@ -89,12 +85,13 @@ Open.args = {
};
export const AllowMultiple = (args?: Properties): TemplateResult =>
- Template(args);
+ AccordionMarkup(args);
AllowMultiple.args = {
allowMultiple: true,
};
-export const Disabled = (args?: Properties): TemplateResult => Template(args);
+export const Disabled = (args?: Properties): TemplateResult =>
+ AccordionMarkup(args);
Disabled.args = {
disabled: true,
};
diff --git a/packages/accordion/stories/index.ts b/packages/accordion/stories/index.ts
new file mode 100644
index 00000000000..1a8b0091bb6
--- /dev/null
+++ b/packages/accordion/stories/index.ts
@@ -0,0 +1,54 @@
+/*
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+import { html, TemplateResult } from '@spectrum-web-components/base';
+
+import '@spectrum-web-components/accordion/sp-accordion.js';
+import '@spectrum-web-components/accordion/sp-accordion-item.js';
+import '@spectrum-web-components/link/sp-link.js';
+
+export const AccordionMarkup = ({
+ allowMultiple = false,
+ disabled = false,
+ open = false,
+ size = 'm',
+ density = undefined as unknown,
+} = {}): TemplateResult => {
+ return html`
+
+
+
Item 1
+
+
+ Item 2
+
+
+
+ This is content that has a
+
+ link back to Spectrum Web Components
+
+ so that it is easy to test that "Space" and "Enter"
+ interactions on focusable content does NOT toggle the
+ Accordion Item.
+
+
+
+ `;
+};
diff --git a/packages/action-bar/CHANGELOG.md b/packages/action-bar/CHANGELOG.md
index 93bf7bc4f29..3de22339ffc 100644
--- a/packages/action-bar/CHANGELOG.md
+++ b/packages/action-bar/CHANGELOG.md
@@ -3,6 +3,10 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [0.34.0](https://github.com/adobe/spectrum-web-components/compare/v0.33.2...v0.34.0) (2023-07-11)
+
+**Note:** Version bump only for package @spectrum-web-components/action-bar
+
## [0.33.2](https://github.com/adobe/spectrum-web-components/compare/v0.33.1...v0.33.2) (2023-06-14)
**Note:** Version bump only for package @spectrum-web-components/action-bar
diff --git a/packages/action-bar/package.json b/packages/action-bar/package.json
index 419202957b5..1123ac0295e 100644
--- a/packages/action-bar/package.json
+++ b/packages/action-bar/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-web-components/action-bar",
- "version": "0.33.2",
+ "version": "0.34.0",
"publishConfig": {
"access": "public"
},
@@ -57,8 +57,8 @@
"lit-html"
],
"dependencies": {
- "@spectrum-web-components/base": "^0.33.2",
- "@spectrum-web-components/popover": "^0.33.2"
+ "@spectrum-web-components/base": "^0.34.0",
+ "@spectrum-web-components/popover": "^0.34.0"
},
"devDependencies": {
"@spectrum-css/actionbar": "^4.0.1"
diff --git a/packages/action-button/CHANGELOG.md b/packages/action-button/CHANGELOG.md
index 169131c0c56..decadbb4b19 100644
--- a/packages/action-button/CHANGELOG.md
+++ b/packages/action-button/CHANGELOG.md
@@ -3,6 +3,13 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [0.34.0](https://github.com/adobe/spectrum-web-components/compare/v0.33.2...v0.34.0) (2023-07-11)
+
+### Bug Fixes
+
+- **action-button,action-menu,picker,split-button:** expand and update application of aria-\* attributes ([52c0156](https://github.com/adobe/spectrum-web-components/commit/52c015636d42f2baf1524446a0db9d5e5cfeb689))
+- **action-group:** ensure Action Button clicks are attributed to the right element ([#3292](https://github.com/adobe/spectrum-web-components/issues/3292)) ([ddccab7](https://github.com/adobe/spectrum-web-components/commit/ddccab766498a6da6ca29d9bbe9cebd7924e81e0))
+
## [0.33.2](https://github.com/adobe/spectrum-web-components/compare/v0.33.1...v0.33.2) (2023-06-14)
**Note:** Version bump only for package @spectrum-web-components/action-button
diff --git a/packages/action-button/package.json b/packages/action-button/package.json
index 0afb0b455b3..0effbea1485 100644
--- a/packages/action-button/package.json
+++ b/packages/action-button/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-web-components/action-button",
- "version": "0.33.2",
+ "version": "0.34.0",
"publishConfig": {
"access": "public"
},
@@ -57,14 +57,14 @@
"lit-html"
],
"dependencies": {
- "@spectrum-web-components/base": "^0.33.2",
- "@spectrum-web-components/button": "^0.33.2",
- "@spectrum-web-components/icon": "^0.33.2",
- "@spectrum-web-components/icons-ui": "^0.33.2",
- "@spectrum-web-components/shared": "^0.33.2"
+ "@spectrum-web-components/base": "^0.34.0",
+ "@spectrum-web-components/button": "^0.34.0",
+ "@spectrum-web-components/icon": "^0.34.0",
+ "@spectrum-web-components/icons-ui": "^0.34.0",
+ "@spectrum-web-components/shared": "^0.34.0"
},
"devDependencies": {
- "@spectrum-css/actionbutton": "^3.0.43"
+ "@spectrum-css/actionbutton": "^3.0.45"
},
"types": "./src/index.d.ts",
"customElements": "custom-elements.json",
diff --git a/packages/action-button/src/ActionButton.ts b/packages/action-button/src/ActionButton.ts
index 44d5605242c..777a7fddd82 100644
--- a/packages/action-button/src/ActionButton.ts
+++ b/packages/action-button/src/ActionButton.ts
@@ -210,7 +210,13 @@ export class ActionButton extends SizedMixin(ButtonBase, {
protected override updated(changes: PropertyValues): void {
super.updated(changes);
const isButton = this.role === 'button';
- const canBePressed = isButton && (this.selected || this.toggles);
+ const canBePressed =
+ isButton &&
+ (this.selected || this.toggles) &&
+ !(
+ this.hasAttribute('aria-haspopup') &&
+ this.hasAttribute('aria-expanded')
+ );
if (changes.has('selected') || changes.has('role')) {
// When role !== 'button' then the Action Button is within
// an Action Group that manages selects which means the
@@ -224,6 +230,16 @@ export class ActionButton extends SizedMixin(ButtonBase, {
} else {
// When !this.toggles the lack of "aria-pressed" is inconsequential.
this.removeAttribute('aria-pressed');
+ if (
+ isButton &&
+ this.toggles &&
+ this.hasAttribute('aria-expanded')
+ ) {
+ this.setAttribute(
+ 'aria-expanded',
+ this.selected ? 'true' : 'false'
+ );
+ }
}
}
}
diff --git a/packages/action-button/src/action-button.css b/packages/action-button/src/action-button.css
index 61f4786137c..fca4c796b57 100644
--- a/packages/action-button/src/action-button.css
+++ b/packages/action-button/src/action-button.css
@@ -19,6 +19,7 @@ governing permissions and limitations under the License.
#label {
flex-grow: var(--spectrum-actionbutton-label-flex-grow);
text-align: var(--spectrum-actionbutton-label-text-align);
+ pointer-events: none !important;
}
:host([size='xs']) {
diff --git a/packages/action-button/test/action-button.test.ts b/packages/action-button/test/action-button.test.ts
index 707cb5a36de..4d8ee8ec465 100644
--- a/packages/action-button/test/action-button.test.ts
+++ b/packages/action-button/test/action-button.test.ts
@@ -235,4 +235,48 @@ describe('ActionButton', () => {
expect(el.selected).to.be.true;
expect(button.getAttribute('aria-pressed')).to.equal('true');
});
+ it('toggles [aria-haspopup][aria-expanded]', async () => {
+ const el = await fixture(
+ html`
+
+ Button
+
+ `
+ );
+
+ await elementUpdated(el);
+ const button = el.focusElement;
+
+ expect(el.toggles).to.be.true;
+ expect(el.selected).to.be.false;
+ expect(button).not.to.have.attribute('aria-pressed');
+ expect(button).to.have.attribute('aria-haspopup', 'true');
+ expect(button).to.have.attribute('aria-expanded', 'false');
+
+ el.focus();
+ await sendKeys({
+ press: 'Space',
+ });
+ await elementUpdated(el);
+
+ expect(el.toggles).to.be.true;
+ expect(el.selected).to.be.true;
+ expect(button).not.to.have.attribute('aria-pressed');
+ expect(button).to.have.attribute('aria-haspopup', 'true');
+ expect(button).to.have.attribute('aria-expanded', 'true');
+
+ el.addEventListener('change', (event: Event) => event.preventDefault());
+ el.click();
+ await elementUpdated(el);
+
+ expect(el.toggles).to.be.true;
+ expect(el.selected).to.be.true;
+ expect(button).not.to.have.attribute('aria-pressed');
+ expect(button).to.have.attribute('aria-haspopup', 'true');
+ expect(button).to.have.attribute('aria-expanded', 'true');
+ });
});
diff --git a/packages/action-group/CHANGELOG.md b/packages/action-group/CHANGELOG.md
index c5127d9220b..0aedc8052d5 100644
--- a/packages/action-group/CHANGELOG.md
+++ b/packages/action-group/CHANGELOG.md
@@ -3,6 +3,12 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [0.34.0](https://github.com/adobe/spectrum-web-components/compare/v0.33.2...v0.34.0) (2023-07-11)
+
+### Bug Fixes
+
+- **action-group:** ensure Action Button clicks are attributed to the right element ([#3292](https://github.com/adobe/spectrum-web-components/issues/3292)) ([ddccab7](https://github.com/adobe/spectrum-web-components/commit/ddccab766498a6da6ca29d9bbe9cebd7924e81e0))
+
## [0.33.2](https://github.com/adobe/spectrum-web-components/compare/v0.33.1...v0.33.2) (2023-06-14)
**Note:** Version bump only for package @spectrum-web-components/action-group
diff --git a/packages/action-group/package.json b/packages/action-group/package.json
index a1612b3eb76..440ba23ebfa 100644
--- a/packages/action-group/package.json
+++ b/packages/action-group/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-web-components/action-group",
- "version": "0.33.2",
+ "version": "0.34.0",
"publishConfig": {
"access": "public"
},
@@ -58,13 +58,13 @@
],
"dependencies": {
"@lit-labs/observers": "^2.0.0",
- "@spectrum-web-components/action-button": "^0.33.2",
- "@spectrum-web-components/base": "^0.33.2",
- "@spectrum-web-components/icons-workflow": "^0.33.2",
- "@spectrum-web-components/reactive-controllers": "^0.33.2"
+ "@spectrum-web-components/action-button": "^0.34.0",
+ "@spectrum-web-components/base": "^0.34.0",
+ "@spectrum-web-components/icons-workflow": "^0.34.0",
+ "@spectrum-web-components/reactive-controllers": "^0.34.0"
},
"devDependencies": {
- "@spectrum-css/actiongroup": "^3.0.44"
+ "@spectrum-css/actiongroup": "^3.0.55"
},
"types": "./src/index.d.ts",
"customElements": "custom-elements.json",
diff --git a/packages/action-group/src/spectrum-action-group.css b/packages/action-group/src/spectrum-action-group.css
index 57f027ce6f4..9e1ae322678 100644
--- a/packages/action-group/src/spectrum-action-group.css
+++ b/packages/action-group/src/spectrum-action-group.css
@@ -22,22 +22,8 @@ governing permissions and limitations under the License.
);
--spectrum-actiongroup-vertical-spacing-regular: var(--spectrum-spacing-75);
}
-:host([size='m']) {
- --spectrum-actiongroup-horizontal-spacing-regular: var(
- --spectrum-spacing-100
- );
- --spectrum-actiongroup-vertical-spacing-regular: var(
- --spectrum-spacing-100
- );
-}
-:host([size='l']) {
- --spectrum-actiongroup-horizontal-spacing-regular: var(
- --spectrum-spacing-100
- );
- --spectrum-actiongroup-vertical-spacing-regular: var(
- --spectrum-spacing-100
- );
-}
+:host([size='l']),
+:host([size='m']),
:host([size='xl']) {
--spectrum-actiongroup-horizontal-spacing-regular: var(
--spectrum-spacing-100
@@ -86,7 +72,7 @@ governing permissions and limitations under the License.
z-index: 0;
}
:host([compact]:not([quiet])) ::slotted(:first-child) {
- --spectrum-actionbutton-focus-ring-border-radius: var(
+ --mod-actionbutton-focus-indicator-border-radius: var(
--mod-actiongroup-border-radius,
var(--spectrum-actiongroup-border-radius)
)
@@ -109,7 +95,7 @@ governing permissions and limitations under the License.
);
}
:host([compact]:not([quiet])) ::slotted(:not(:first-child)) {
- --spectrum-actionbutton-focus-ring-border-radius: 0px;
+ --mod-actionbutton-focus-indicator-border-radius: 0px;
margin-inline-end: var(
--mod-actiongroup-horizontal-spacing-compact,
var(--spectrum-actiongroup-horizontal-spacing-compact)
@@ -120,7 +106,7 @@ governing permissions and limitations under the License.
);
}
:host([compact]:not([quiet])) ::slotted(:last-child) {
- --spectrum-actionbutton-focus-ring-border-radius: 0px
+ --mod-actionbutton-focus-indicator-border-radius: 0px
var(
--mod-actiongroup-border-radius,
var(--spectrum-actiongroup-border-radius)
@@ -172,7 +158,7 @@ governing permissions and limitations under the License.
);
}
:host([compact]:not([quiet])[vertical]) ::slotted(:first-child) {
- --spectrum-actionbutton-focus-ring-border-radius: var(
+ --mod-actionbutton-focus-indicator-border-radius: var(
--mod-actiongroup-border-radius,
var(--spectrum-actiongroup-border-radius)
)
@@ -221,7 +207,7 @@ governing permissions and limitations under the License.
);
}
:host([compact]:not([quiet])[vertical]) ::slotted(:last-child) {
- --spectrum-actionbutton-focus-ring-border-radius: 0px 0px
+ --mod-actionbutton-focus-indicator-border-radius: 0px 0px
var(
--mod-actiongroup-border-radius,
var(--spectrum-actiongroup-border-radius)
diff --git a/packages/action-group/test/action-group.test.ts b/packages/action-group/test/action-group.test.ts
index 7330a5cec40..65203b1dd00 100644
--- a/packages/action-group/test/action-group.test.ts
+++ b/packages/action-group/test/action-group.test.ts
@@ -684,6 +684,49 @@ describe('ActionGroup', () => {
expect(secondButton.selected, 'second button selected').to.be.true;
});
+ it('Clicking button event should bubble up from inner label to outer button element', async () => {
+ const el = await fixture(
+ html`
+
+
+ First
+
+
+ Second
+
+
+ `
+ );
+
+ await elementUpdated(el);
+ expect(el.selected.length).to.equal(2);
+
+ const firstButtonEl = el.querySelector('.first') as ActionButton;
+ const firstSpanEl = firstButtonEl.shadowRoot.querySelector(
+ '#label'
+ ) as HTMLSpanElement;
+ const secondButtonEl = el.querySelector('.second') as ActionButton;
+
+ expect(firstButtonEl.selected, 'first button selected').to.be.true;
+ expect(secondButtonEl.selected, 'second button selected').to.be.true;
+
+ firstSpanEl.click(); // clicking inner span bubbles up and fires outer button click
+ await elementUpdated(el);
+
+ expect(firstButtonEl.selected, 'first button selected').to.be.false;
+ expect(secondButtonEl.selected, 'second button selected').to.be.true;
+
+ firstButtonEl.click(); // clicking outer action-button element fires own click event
+ await elementUpdated(el);
+
+ expect(firstButtonEl.selected, 'first button selected').to.be.true;
+ expect(secondButtonEl.selected, 'second button selected').to.be.true;
+ });
+
it('only selects user-passed buttons if present in action-group while [selects="multiple"]', async () => {
const el = await multipleSelectedActionGroup(['second', 'fourth']);
diff --git a/packages/action-menu/CHANGELOG.md b/packages/action-menu/CHANGELOG.md
index 4fcc75f1158..32dead4b51f 100644
--- a/packages/action-menu/CHANGELOG.md
+++ b/packages/action-menu/CHANGELOG.md
@@ -3,6 +3,12 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [0.34.0](https://github.com/adobe/spectrum-web-components/compare/v0.33.2...v0.34.0) (2023-07-11)
+
+### Bug Fixes
+
+- **action-button,action-menu,picker,split-button:** expand and update application of aria-\* attributes ([52c0156](https://github.com/adobe/spectrum-web-components/commit/52c015636d42f2baf1524446a0db9d5e5cfeb689))
+
## [0.33.2](https://github.com/adobe/spectrum-web-components/compare/v0.33.1...v0.33.2) (2023-06-14)
**Note:** Version bump only for package @spectrum-web-components/action-menu
diff --git a/packages/action-menu/package.json b/packages/action-menu/package.json
index 1612cc3d7d4..16bf3821e44 100644
--- a/packages/action-menu/package.json
+++ b/packages/action-menu/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-web-components/action-menu",
- "version": "0.33.2",
+ "version": "0.34.0",
"publishConfig": {
"access": "public"
},
@@ -61,15 +61,15 @@
"lit-html"
],
"dependencies": {
- "@spectrum-web-components/action-button": "^0.33.2",
- "@spectrum-web-components/base": "^0.33.2",
- "@spectrum-web-components/icon": "^0.33.2",
- "@spectrum-web-components/icons-workflow": "^0.33.2",
- "@spectrum-web-components/picker": "^0.33.2",
- "@spectrum-web-components/shared": "^0.33.2"
+ "@spectrum-web-components/action-button": "^0.34.0",
+ "@spectrum-web-components/base": "^0.34.0",
+ "@spectrum-web-components/icon": "^0.34.0",
+ "@spectrum-web-components/icons-workflow": "^0.34.0",
+ "@spectrum-web-components/picker": "^0.34.0",
+ "@spectrum-web-components/shared": "^0.34.0"
},
"devDependencies": {
- "@spectrum-css/actionmenu": "^4.0.31"
+ "@spectrum-css/actionmenu": "^4.0.43"
},
"types": "./src/index.d.ts",
"customElements": "custom-elements.json",
diff --git a/packages/action-menu/src/ActionMenu.ts b/packages/action-menu/src/ActionMenu.ts
index f799f930136..b5aa70749b6 100644
--- a/packages/action-menu/src/ActionMenu.ts
+++ b/packages/action-menu/src/ActionMenu.ts
@@ -65,7 +65,7 @@ export class ActionMenu extends ObserveSlotText(PickerBase, 'label') {
?quiet=${this.quiet}
?selected=${this.open}
aria-haspopup="true"
- aria-controls="popover"
+ aria-controls=${ifDefined(this.open ? 'menu' : undefined)}
aria-expanded=${this.open ? 'true' : 'false'}
aria-label=${ifDefined(this.label || undefined)}
id="button"
diff --git a/packages/action-menu/test/index.ts b/packages/action-menu/test/index.ts
index ad71064c790..561cfb9464d 100644
--- a/packages/action-menu/test/index.ts
+++ b/packages/action-menu/test/index.ts
@@ -275,6 +275,9 @@ export const testActionMenu = (mode: 'sync' | 'async'): void => {
button.click();
await elementUpdated(el);
expect(el.open).to.be.true;
+ expect(button).to.have.attribute('aria-haspopup', 'true');
+ expect(button).to.have.attribute('aria-expanded', 'true');
+ expect(button).to.have.attribute('aria-controls', 'menu');
});
it('opens unmeasured with deprecated syntax', async () => {
const el = await deprecatedActionMenuFixture();
@@ -290,6 +293,12 @@ export const testActionMenu = (mode: 'sync' | 'async'): void => {
const el = await actionMenuFixture();
await elementUpdated(el);
+
+ const button = el.button as HTMLButtonElement;
+ expect(button).to.have.attribute('aria-haspopup', 'true');
+ expect(button).to.have.attribute('aria-expanded', 'false');
+ expect(button).not.to.have.attribute('aria-controls');
+
let items = el.querySelectorAll('sp-menu-item');
const count = items.length;
expect(items.length).to.equal(count);
@@ -299,6 +308,8 @@ export const testActionMenu = (mode: 'sync' | 'async'): void => {
await opened;
expect(el.open).to.be.true;
+ expect(button).to.have.attribute('aria-expanded', 'true');
+ expect(button).to.have.attribute('aria-controls', 'menu');
items = el.querySelectorAll('sp-menu-item');
expect(items.length).to.equal(0);
@@ -307,6 +318,8 @@ export const testActionMenu = (mode: 'sync' | 'async'): void => {
await closed;
expect(el.open).to.be.false;
+ expect(button).to.have.attribute('aria-expanded', 'false');
+ expect(button).not.to.have.attribute('aria-controls');
items = el.querySelectorAll('sp-menu-item');
expect(items.length).to.equal(count);
@@ -315,6 +328,8 @@ export const testActionMenu = (mode: 'sync' | 'async'): void => {
await opened;
expect(el.open).to.be.true;
+ expect(button).to.have.attribute('aria-expanded', 'true');
+ expect(button).to.have.attribute('aria-controls', 'menu');
items = el.querySelectorAll('sp-menu-item');
expect(items.length).to.equal(0);
@@ -323,6 +338,8 @@ export const testActionMenu = (mode: 'sync' | 'async'): void => {
await closed;
expect(el.open).to.be.false;
+ expect(button).to.have.attribute('aria-expanded', 'false');
+ expect(button).not.to.have.attribute('aria-controls');
items = el.querySelectorAll('sp-menu-item');
expect(items.length).to.equal(count);
});
diff --git a/packages/asset/CHANGELOG.md b/packages/asset/CHANGELOG.md
index 24fbce1f02e..90c46836139 100644
--- a/packages/asset/CHANGELOG.md
+++ b/packages/asset/CHANGELOG.md
@@ -3,6 +3,10 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [0.34.0](https://github.com/adobe/spectrum-web-components/compare/v0.33.2...v0.34.0) (2023-07-11)
+
+**Note:** Version bump only for package @spectrum-web-components/asset
+
## [0.33.2](https://github.com/adobe/spectrum-web-components/compare/v0.33.1...v0.33.2) (2023-06-14)
**Note:** Version bump only for package @spectrum-web-components/asset
diff --git a/packages/asset/package.json b/packages/asset/package.json
index fb3320106ee..20c172a0565 100644
--- a/packages/asset/package.json
+++ b/packages/asset/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-web-components/asset",
- "version": "0.33.2",
+ "version": "0.34.0",
"publishConfig": {
"access": "public"
},
@@ -57,10 +57,10 @@
"lit-html"
],
"dependencies": {
- "@spectrum-web-components/base": "^0.33.2"
+ "@spectrum-web-components/base": "^0.34.0"
},
"devDependencies": {
- "@spectrum-css/asset": "^3.0.40"
+ "@spectrum-css/asset": "^3.0.46"
},
"types": "./src/index.d.ts",
"customElements": "custom-elements.json",
diff --git a/packages/avatar/CHANGELOG.md b/packages/avatar/CHANGELOG.md
index 420d5b85387..68c58151f19 100644
--- a/packages/avatar/CHANGELOG.md
+++ b/packages/avatar/CHANGELOG.md
@@ -3,6 +3,10 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [0.34.0](https://github.com/adobe/spectrum-web-components/compare/v0.33.2...v0.34.0) (2023-07-11)
+
+**Note:** Version bump only for package @spectrum-web-components/avatar
+
## [0.33.2](https://github.com/adobe/spectrum-web-components/compare/v0.33.1...v0.33.2) (2023-06-14)
**Note:** Version bump only for package @spectrum-web-components/avatar
diff --git a/packages/avatar/package.json b/packages/avatar/package.json
index dedde6f19c7..9c1e0f69fbd 100644
--- a/packages/avatar/package.json
+++ b/packages/avatar/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-web-components/avatar",
- "version": "0.33.2",
+ "version": "0.34.0",
"publishConfig": {
"access": "public"
},
@@ -57,11 +57,11 @@
"lit-html"
],
"dependencies": {
- "@spectrum-web-components/base": "^0.33.2",
- "@spectrum-web-components/shared": "^0.33.2"
+ "@spectrum-web-components/base": "^0.34.0",
+ "@spectrum-web-components/shared": "^0.34.0"
},
"devDependencies": {
- "@spectrum-css/avatar": "^6.0.29"
+ "@spectrum-css/avatar": "^6.0.38"
},
"types": "./src/index.d.ts",
"customElements": "custom-elements.json",
diff --git a/packages/badge/CHANGELOG.md b/packages/badge/CHANGELOG.md
index 2d2ce50f486..1cd474a63f8 100644
--- a/packages/badge/CHANGELOG.md
+++ b/packages/badge/CHANGELOG.md
@@ -3,6 +3,10 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [0.34.0](https://github.com/adobe/spectrum-web-components/compare/v0.33.2...v0.34.0) (2023-07-11)
+
+**Note:** Version bump only for package @spectrum-web-components/badge
+
## [0.33.2](https://github.com/adobe/spectrum-web-components/compare/v0.33.1...v0.33.2) (2023-06-14)
**Note:** Version bump only for package @spectrum-web-components/badge
diff --git a/packages/badge/package.json b/packages/badge/package.json
index 2d18fcc539f..24b715a33f3 100644
--- a/packages/badge/package.json
+++ b/packages/badge/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-web-components/badge",
- "version": "0.33.2",
+ "version": "0.34.0",
"publishConfig": {
"access": "public"
},
@@ -57,11 +57,11 @@
"lit-html"
],
"dependencies": {
- "@spectrum-web-components/base": "^0.33.2",
- "@spectrum-web-components/shared": "^0.33.2"
+ "@spectrum-web-components/base": "^0.34.0",
+ "@spectrum-web-components/shared": "^0.34.0"
},
"devDependencies": {
- "@spectrum-css/badge": "^3.0.31"
+ "@spectrum-css/badge": "^3.0.40"
},
"types": "./src/index.d.ts",
"customElements": "custom-elements.json",
diff --git a/packages/banner/CHANGELOG.md b/packages/banner/CHANGELOG.md
index 5008f8a06d0..b711f612dd4 100644
--- a/packages/banner/CHANGELOG.md
+++ b/packages/banner/CHANGELOG.md
@@ -3,6 +3,10 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [0.34.0](https://github.com/adobe/spectrum-web-components/compare/v0.33.2...v0.34.0) (2023-07-11)
+
+**Note:** Version bump only for package @spectrum-web-components/banner
+
## [0.33.2](https://github.com/adobe/spectrum-web-components/compare/v0.33.1...v0.33.2) (2023-06-14)
**Note:** Version bump only for package @spectrum-web-components/banner
diff --git a/packages/banner/package.json b/packages/banner/package.json
index 0b0ea2e45f3..d9abf51d500 100644
--- a/packages/banner/package.json
+++ b/packages/banner/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-web-components/banner",
- "version": "0.33.2",
+ "version": "0.34.0",
"publishConfig": {
"access": "public"
},
@@ -57,7 +57,7 @@
"lit-html"
],
"dependencies": {
- "@spectrum-web-components/base": "^0.33.2"
+ "@spectrum-web-components/base": "^0.34.0"
},
"devDependencies": {
"@spectrum-css/banner": "3.0.0-beta.2"
diff --git a/packages/button-group/CHANGELOG.md b/packages/button-group/CHANGELOG.md
index b7dd8b22ae9..88acc8707a5 100644
--- a/packages/button-group/CHANGELOG.md
+++ b/packages/button-group/CHANGELOG.md
@@ -3,6 +3,10 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [0.34.0](https://github.com/adobe/spectrum-web-components/compare/v0.33.2...v0.34.0) (2023-07-11)
+
+**Note:** Version bump only for package @spectrum-web-components/button-group
+
## [0.33.2](https://github.com/adobe/spectrum-web-components/compare/v0.33.1...v0.33.2) (2023-06-14)
**Note:** Version bump only for package @spectrum-web-components/button-group
diff --git a/packages/button-group/package.json b/packages/button-group/package.json
index 61be5a6c930..b5c285f7088 100644
--- a/packages/button-group/package.json
+++ b/packages/button-group/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-web-components/button-group",
- "version": "0.33.2",
+ "version": "0.34.0",
"publishConfig": {
"access": "public"
},
@@ -57,11 +57,11 @@
"lit-html"
],
"dependencies": {
- "@spectrum-web-components/base": "^0.33.2",
- "@spectrum-web-components/button": "^0.33.2"
+ "@spectrum-web-components/base": "^0.34.0",
+ "@spectrum-web-components/button": "^0.34.0"
},
"devDependencies": {
- "@spectrum-css/buttongroup": "^6.0.46"
+ "@spectrum-css/buttongroup": "^6.0.55"
},
"types": "./src/index.d.ts",
"customElements": "custom-elements.json",
diff --git a/packages/button/CHANGELOG.md b/packages/button/CHANGELOG.md
index 3780a6bb440..c64da3754b8 100644
--- a/packages/button/CHANGELOG.md
+++ b/packages/button/CHANGELOG.md
@@ -3,6 +3,13 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [0.34.0](https://github.com/adobe/spectrum-web-components/compare/v0.33.2...v0.34.0) (2023-07-11)
+
+### Bug Fixes
+
+- added role for href button ([5a4ad98](https://github.com/adobe/spectrum-web-components/commit/5a4ad98afa69669a8a4fb2a88d82a837c0c40c55))
+- text fixes ([0121fd6](https://github.com/adobe/spectrum-web-components/commit/0121fd6e25755881f5f00c8b7cd989fc47e201d8))
+
## [0.33.2](https://github.com/adobe/spectrum-web-components/compare/v0.33.1...v0.33.2) (2023-06-14)
**Note:** Version bump only for package @spectrum-web-components/button
diff --git a/packages/button/README.md b/packages/button/README.md
index 6a143bfb221..526a80bee65 100644
--- a/packages/button/README.md
+++ b/packages/button/README.md
@@ -306,6 +306,17 @@ Events handlers for clicks and other user actions can be registered on a
Click me
```
+In addition to handling events like a native `