From 78583ea937f8f44978f5b64967722370e92399d9 Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Mon, 20 Nov 2023 12:20:09 -0500
Subject: [PATCH 01/17] Button Add Component: Initial work

---
 components/button/button-add.js        | 125 +++++++++++++++++++++++++
 components/button/demo/button-add.html |  68 ++++++++++++++
 index.html                             |   1 +
 lang/en.js                             |   1 +
 4 files changed, 195 insertions(+)
 create mode 100644 components/button/button-add.js
 create mode 100644 components/button/demo/button-add.html

diff --git a/components/button/button-add.js b/components/button/button-add.js
new file mode 100644
index 00000000000..abe922f26ea
--- /dev/null
+++ b/components/button/button-add.js
@@ -0,0 +1,125 @@
+import '../tooltip/tooltip.js';
+import { css, html, LitElement } from 'lit';
+import { getUniqueId } from '../../helpers/uniqueId.js';
+import { labelStyles } from '../typography/styles.js';
+import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
+
+/**
+ * A component for quickly adding items to a specific locaiton.
+ * TODO:
+ * - smarter margin and padding and top
+ * - focus
+ * - simplify html and css
+ */
+class ButtonAdd extends LocalizeCoreElement(LitElement) {
+	static get properties() {
+		return {
+			/**
+			 * The text to be shown in the tooltip as a hint when visible-text is false
+			 * @type {string}
+			 */
+			label: { type: String },
+			/**
+			 * The text to show in the button when visible-text is true
+			 * @type {string}
+			 */
+			text: { type: String },
+			/**
+			 * When true, show the button with icon and visible text. When false, only show icon.
+			 * @type {boolean}
+			 */
+			visibleText: { type: Boolean, attribute: 'visible-text' }
+		};
+	}
+
+	static get styles() {
+		return [labelStyles, css`
+			:host {
+				--d2l-button-add-line-style: solid;
+			}
+			button {
+				background-color: transparent;
+				border: 0;
+				font-family: inherit;
+				display: flex;
+				justify-content: center;
+				outline: none;
+				padding: 0;
+				position: relative;
+				width: 100%;
+			}
+			.line {
+				border-top: 1px var(--d2l-button-add-line-style) var(--d2l-color-mica);
+				margin: 3px 0;
+				width: 100%;
+			}
+			:host(:hover) .line,
+			:host(:focus-visible) .line {
+				border-top-color: var(--d2l-color-celestine);
+			}
+			d2l-icon.icon-no-text {
+				background-color: white;
+				color: var(--d2l-color-mica);
+				padding: 3px;
+				position: absolute;
+				top: -8px;
+			}
+			:host(:hover) d2l-icon {
+				color: var(--d2l-color-celestine);
+			}
+			.icon-text {
+				align-items: center;
+				background-color: white;
+				color: var(--d2l-color-celestine);
+				display: flex;
+				height: 30px;
+				padding: 0 0.6rem;
+				position: absolute;
+				top: -11px;
+			}
+			.icon-text d2l-icon {
+				color: var(--d2l-color-celestine);
+				padding-right: 3px;
+			}
+		`];
+	}
+
+	constructor() {
+		super();
+
+		this._iconId = getUniqueId();
+		this.visibleText = false;
+		this.addEventListener('click', this._onClick);
+	}
+
+	render() {
+		const text = this.text || this.localize('components.button-add.addItem');
+		const label = this.label || this.localize('components.button-add.addItem');
+		return html`
+			<button class="d2l-label-text">
+				<div class="line"></div>
+				${this.visibleText
+					? html`
+						<div class="icon-text">
+							<d2l-icon icon="tier1:plus-default"></d2l-icon>
+							<span>${text}</span>
+						</div>`
+					: html`
+						<d2l-icon icon="tier1:plus-default" id="${this._iconId}" class="icon-no-text"></d2l-icon>
+						<d2l-tooltip for="${this._iconId}">${label}</d2l-tooltip>
+					`
+				}
+			</button>
+		`;
+	}
+
+	_onClick() {
+		/** Dispatched when click happens */
+		this.dispatchEvent(new CustomEvent('d2l-button-add-click', {
+			bubbles: true,
+			composed: true
+		}));
+	}
+}
+customElements.define('d2l-button-add', ButtonAdd);
+
diff --git a/components/button/demo/button-add.html b/components/button/demo/button-add.html
new file mode 100644
index 00000000000..221d7df717b
--- /dev/null
+++ b/components/button/demo/button-add.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta charset="UTF-8">
+		<link rel="stylesheet" href="../../demo/styles.css" type="text/css">
+		<script type="module">
+			import '../../demo/demo-page.js';
+			import '../button-add.js';
+		</script>
+	</head>
+	<body unresolved>
+
+		<d2l-demo-page page-title="d2l-button-add">
+
+			<h2>Add Button</h2>
+
+			<d2l-demo-snippet>
+				<template>
+					<d2l-button-add></d2l-button-add>
+				</template>
+			</d2l-demo-snippet>
+
+			<h2>Add Button, dashed line</h2>
+
+			<d2l-demo-snippet>
+				<template>
+					<d2l-button-add style="--d2l-button-add-line-style: dashed;"></d2l-button-add>
+				</template>
+			</d2l-demo-snippet>
+
+
+			<h2>Add Button, visible-text</h2>
+
+			<d2l-demo-snippet>
+				<template>
+					<d2l-button-add visible-text></d2l-button-add>
+				</template>
+			</d2l-demo-snippet>
+
+
+			<h2>Add Button, visible-text, text</h2>
+
+			<d2l-demo-snippet>
+				<template>
+					<d2l-button-add visible-text text="Custom Text"></d2l-button-add>
+				</template>
+			</d2l-demo-snippet>
+
+			<h2>Add Button, label</h2>
+
+			<d2l-demo-snippet>
+				<template>
+					<d2l-button-add label="Custom Tooltip"></d2l-button-add>
+				</template>
+			</d2l-demo-snippet>
+
+		</d2l-demo-page>
+
+		<script>
+			document.addEventListener('d2l-button-add-click', e => {
+				if (e.target.tagName !== 'D2L-BUTTON-ADD') return;
+				console.log('add button clicked', e.target);
+			});
+		</script>
+
+	</body>
+</html>
diff --git a/index.html b/index.html
index 96d67f97f61..5209d4f9f35 100644
--- a/index.html
+++ b/index.html
@@ -36,6 +36,7 @@ <h2 class="d2l-heading-3">Components</h2>
 			Buttons
 			<ul>
 				<li><a href="components/button/demo/button.html">d2l-button</a></li>
+				<li><a href="components/button/demo/button-add.html">d2l-button-add</a></li>
 				<li><a href="components/button/demo/button-icon.html">d2l-button-icon</a></li>
 				<li><a href="components/button/demo/button-subtle.html">d2l-button-subtle</a></li>
 				<li><a href="components/button/demo/floating-buttons.html">d2l-floating-buttons</a></li>
diff --git a/lang/en.js b/lang/en.js
index 460aea12c14..d68d7ecd8d5 100644
--- a/lang/en.js
+++ b/lang/en.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "Close Alert",
 	"components.breadcrumbs.breadcrumb": "Breadcrumb",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "Not Selected.",
 	"components.calendar.selected": "Selected.",
 	"components.calendar.show": "Show {month}",

From 5014f12de131b4f1f10814a5261967790a4a31e4 Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Mon, 20 Nov 2023 13:46:49 -0500
Subject: [PATCH 02/17] add tests

---
 components/button/button-add.js            | 15 +++++---
 components/button/test/button-add.axe.js   | 40 ++++++++++++++++++++++
 components/button/test/button-add.test.js  | 24 +++++++++++++
 components/button/test/button-add.vdiff.js | 31 +++++++++++++++++
 4 files changed, 105 insertions(+), 5 deletions(-)
 create mode 100644 components/button/test/button-add.axe.js
 create mode 100644 components/button/test/button-add.test.js
 create mode 100644 components/button/test/button-add.vdiff.js

diff --git a/components/button/button-add.js b/components/button/button-add.js
index abe922f26ea..6abbf7b9058 100644
--- a/components/button/button-add.js
+++ b/components/button/button-add.js
@@ -1,4 +1,5 @@
 import '../tooltip/tooltip.js';
+import '../icons/icon.js';
 import { css, html, LitElement } from 'lit';
 import { getUniqueId } from '../../helpers/uniqueId.js';
 import { labelStyles } from '../typography/styles.js';
@@ -54,9 +55,12 @@ class ButtonAdd extends LocalizeCoreElement(LitElement) {
 				width: 100%;
 			}
 			:host(:hover) .line,
-			:host(:focus-visible) .line {
+			button:focus .line {
 				border-top-color: var(--d2l-color-celestine);
 			}
+			button:focus d2l-icon {
+				color: var(--d2l-color-celestine);
+			}
 			d2l-icon.icon-no-text {
 				background-color: white;
 				color: var(--d2l-color-mica);
@@ -87,8 +91,9 @@ class ButtonAdd extends LocalizeCoreElement(LitElement) {
 	constructor() {
 		super();
 
-		this._iconId = getUniqueId();
 		this.visibleText = false;
+		this._iconId = getUniqueId();
+
 		this.addEventListener('click', this._onClick);
 	}
 
@@ -96,7 +101,7 @@ class ButtonAdd extends LocalizeCoreElement(LitElement) {
 		const text = this.text || this.localize('components.button-add.addItem');
 		const label = this.label || this.localize('components.button-add.addItem');
 		return html`
-			<button class="d2l-label-text">
+			<button class="d2l-label-text" aria-label="Add Button">
 				<div class="line"></div>
 				${this.visibleText
 					? html`
@@ -105,8 +110,8 @@ class ButtonAdd extends LocalizeCoreElement(LitElement) {
 							<span>${text}</span>
 						</div>`
 					: html`
-						<d2l-icon icon="tier1:plus-default" id="${this._iconId}" class="icon-no-text"></d2l-icon>
-						<d2l-tooltip for="${this._iconId}">${label}</d2l-tooltip>
+						<d2l-icon icon="tier1:plus-default"  class="icon-no-text"></d2l-icon>
+						<d2l-tooltip class="vdiff-target" offset="15">${label}</d2l-tooltip>
 					`
 				}
 			</button>
diff --git a/components/button/test/button-add.axe.js b/components/button/test/button-add.axe.js
new file mode 100644
index 00000000000..79389943fcc
--- /dev/null
+++ b/components/button/test/button-add.axe.js
@@ -0,0 +1,40 @@
+import '../button-add.js';
+import { expect, fixture, html, oneEvent } from '@brightspace-ui/testing';
+
+describe('d2l-button-add', () => {
+
+	it('default', async() => {
+		const el = await fixture(html`<d2l-button-add></d2l-button-add>`);
+		await expect(el).to.be.accessible();
+	});
+
+	it('label', async() => {
+		const el = await fixture(html`<d2l-button-add label="Custom Label"></d2l-button-add>`);
+		await expect(el).to.be.accessible();
+	});
+
+	it('text', async() => {
+		const el = await fixture(html`<d2l-button-add text="Custom Text"></d2l-button-add>`);
+		await expect(el).to.be.accessible();
+	});
+
+	it('visible text', async() => {
+		const el = await fixture(html`<d2l-button-add visible-text></d2l-button-add>`);
+		await expect(el).to.be.accessible();
+	});
+
+	it('focused', async() => {
+		const el = await fixture(html`<d2l-button-add></d2l-button-add>`);
+		setTimeout(() => el.focus());
+		await oneEvent(el, 'focus');
+		await expect(el).to.be.accessible();
+	});
+
+	it('focused, visible text', async() => {
+		const el = await fixture(html`<d2l-button-add visible-text></d2l-button-add>`);
+		setTimeout(() => el.focus());
+		await oneEvent(el, 'focus');
+		await expect(el).to.be.accessible();
+	});
+
+});
diff --git a/components/button/test/button-add.test.js b/components/button/test/button-add.test.js
new file mode 100644
index 00000000000..aa6232f5c7a
--- /dev/null
+++ b/components/button/test/button-add.test.js
@@ -0,0 +1,24 @@
+import '../button-add.js';
+import { fixture, html, oneEvent, runConstructor } from '@brightspace-ui/testing';
+
+describe('d2l-button-add', () => {
+
+	describe('constructor', () => {
+
+		it('should construct', () => {
+			runConstructor('d2l-button-add');
+		});
+
+	});
+
+	describe('events', () => {
+
+		it('dispatches d2l-button-add-click event when clicked', async() => {
+			const el = await fixture(html`<d2l-button-add></d2l-button-add>`);
+			setTimeout(() => el.click());
+			await oneEvent(el, 'd2l-button-add-click');
+		});
+
+	});
+
+});
diff --git a/components/button/test/button-add.vdiff.js b/components/button/test/button-add.vdiff.js
new file mode 100644
index 00000000000..918bca63dd3
--- /dev/null
+++ b/components/button/test/button-add.vdiff.js
@@ -0,0 +1,31 @@
+import '../button-add.js';
+import { clickElem, expect, fixture, focusElem, hoverElem, html } from '@brightspace-ui/testing';
+
+describe('button-add', () => {
+	[
+		{ category: 'default', template: html`<d2l-button-add></d2l-button-add>` },
+		{ category: 'label', template: html`<d2l-button-add label="Custom Label"></d2l-button-add>` },
+		{ category: 'text', template: html`<d2l-button-add text="Custom Text"></d2l-button-add>` },
+		{ category: 'visible text', template: html`<d2l-button-add visible-text></d2l-button-add>` },
+		{ category: 'visible text with custom text', template: html`<d2l-button-add visible-text text="Custom Text"></d2l-button-add>` },
+		{ category: 'dashed line', template: html`<d2l-button-add style="--d2l-button-add-line-style: dashed;"></d2l-button-add>` },
+		{ category: 'visible text with dashed line', template: html`<d2l-button-add visible-text style="--d2l-button-add-line-style: dashed;"></d2l-button-add>` }
+	].forEach(({ category, template }) => {
+
+		describe(category, () => {
+			[
+				{ name: 'normal' },
+				{ name: 'hover', action: hoverElem },
+				{ name: 'focus', action: focusElem },
+				{ name: 'click', action: clickElem }
+			].forEach(({ action, name }) => {
+				it(name, async() => {
+					let elem = await fixture(template);
+					if (elem.tagName !== 'D2L-BUTTON-ADD') elem = elem.querySelector('d2l-button-add');
+					if (action) await action(elem);
+					await expect(elem).to.be.golden();
+				});
+			});
+		});
+	});
+});

From 622671aa242b93495c5ee0e38e0c345bff658560 Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Mon, 20 Nov 2023 15:32:19 -0500
Subject: [PATCH 03/17] get visual diff tests working, simplify code

---
 components/button/button-add.js            | 78 +++++++++++-----------
 components/button/test/button-add.vdiff.js |  3 +-
 2 files changed, 41 insertions(+), 40 deletions(-)

diff --git a/components/button/button-add.js b/components/button/button-add.js
index 6abbf7b9058..b4856d53ee8 100644
--- a/components/button/button-add.js
+++ b/components/button/button-add.js
@@ -1,18 +1,16 @@
-import '../tooltip/tooltip.js';
+import '../colors/colors.js';
 import '../icons/icon.js';
+import '../tooltip/tooltip.js';
 import { css, html, LitElement } from 'lit';
+import { FocusMixin } from '../../mixins/focus/focus-mixin.js';
 import { getUniqueId } from '../../helpers/uniqueId.js';
 import { labelStyles } from '../typography/styles.js';
 import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
 
 /**
  * A component for quickly adding items to a specific locaiton.
- * TODO:
- * - smarter margin and padding and top
- * - focus
- * - simplify html and css
  */
-class ButtonAdd extends LocalizeCoreElement(LitElement) {
+class ButtonAdd extends FocusMixin(LocalizeCoreElement(LitElement)) {
 	static get properties() {
 		return {
 			/**
@@ -39,51 +37,53 @@ class ButtonAdd extends LocalizeCoreElement(LitElement) {
 				--d2l-button-add-line-style: solid;
 			}
 			button {
+				align-items: center;
 				background-color: transparent;
 				border: 0;
-				font-family: inherit;
+				box-shadow: none;
 				display: flex;
+				font-family: inherit;
 				justify-content: center;
 				outline: none;
 				padding: 0;
 				position: relative;
+				white-space: nowrap;
 				width: 100%;
 			}
+
 			.line {
 				border-top: 1px var(--d2l-button-add-line-style) var(--d2l-color-mica);
 				margin: 3px 0;
 				width: 100%;
 			}
-			:host(:hover) .line,
+			button:hover .line,
 			button:focus .line {
 				border-top-color: var(--d2l-color-celestine);
 			}
-			button:focus d2l-icon {
-				color: var(--d2l-color-celestine);
-			}
-			d2l-icon.icon-no-text {
+
+			.content {
 				background-color: white;
-				color: var(--d2l-color-mica);
 				padding: 3px;
 				position: absolute;
-				top: -8px;
-			}
-			:host(:hover) d2l-icon {
-				color: var(--d2l-color-celestine);
-			}
-			.icon-text {
 				align-items: center;
-				background-color: white;
-				color: var(--d2l-color-celestine);
 				display: flex;
-				height: 30px;
+			}
+			:host([visible-text]) .content {
+				color: var(--d2l-color-celestine);
+				height: 1.5rem;
 				padding: 0 0.6rem;
-				position: absolute;
-				top: -11px;
 			}
-			.icon-text d2l-icon {
+
+			:host([visible-text]) d2l-icon,
+			:host(:not([visible-text])) button:hover d2l-icon,
+			:host(:not([visible-text])) button:focus d2l-icon {
 				color: var(--d2l-color-celestine);
-				padding-right: 3px;
+			}
+			:host(:not([visible-text])) d2l-icon {
+				color: var(--d2l-color-galena);
+			}
+			:host([visible-text]) d2l-icon {
+				padding-right: 0.2rem;
 			}
 		`];
 	}
@@ -92,28 +92,28 @@ class ButtonAdd extends LocalizeCoreElement(LitElement) {
 		super();
 
 		this.visibleText = false;
-		this._iconId = getUniqueId();
+		this._buttonId = getUniqueId();
 
 		this.addEventListener('click', this._onClick);
 	}
 
+	static get focusElementSelector() {
+		return 'button';
+	}
+
 	render() {
 		const text = this.text || this.localize('components.button-add.addItem');
 		const label = this.label || this.localize('components.button-add.addItem');
+
 		return html`
-			<button class="d2l-label-text" aria-label="Add Button">
+			<button class="d2l-label-text" id="${this._buttonId}">
 				<div class="line"></div>
-				${this.visibleText
-					? html`
-						<div class="icon-text">
-							<d2l-icon icon="tier1:plus-default"></d2l-icon>
-							<span>${text}</span>
-						</div>`
-					: html`
-						<d2l-icon icon="tier1:plus-default"  class="icon-no-text"></d2l-icon>
-						<d2l-tooltip class="vdiff-target" offset="15">${label}</d2l-tooltip>
-					`
-				}
+				<div class="content">
+					<d2l-icon icon="tier1:plus-default"></d2l-icon>
+					${this.visibleText
+		? html`<span>${text}</span>`
+		: html`<d2l-tooltip class="vdiff-target" offset="18" for="${this._buttonId}">${label}</d2l-tooltip>`}
+				</div>
 			</button>
 		`;
 	}
diff --git a/components/button/test/button-add.vdiff.js b/components/button/test/button-add.vdiff.js
index 918bca63dd3..3be54d9246d 100644
--- a/components/button/test/button-add.vdiff.js
+++ b/components/button/test/button-add.vdiff.js
@@ -1,5 +1,5 @@
 import '../button-add.js';
-import { clickElem, expect, fixture, focusElem, hoverElem, html } from '@brightspace-ui/testing';
+import { clickElem, expect, fixture, focusElem, hoverElem, html, oneEvent } from '@brightspace-ui/testing';
 
 describe('button-add', () => {
 	[
@@ -23,6 +23,7 @@ describe('button-add', () => {
 					let elem = await fixture(template);
 					if (elem.tagName !== 'D2L-BUTTON-ADD') elem = elem.querySelector('d2l-button-add');
 					if (action) await action(elem);
+					if ((name === 'hover' || name === 'focus') && !elem.visibleText) await oneEvent(elem, 'd2l-tooltip-show');
 					await expect(elem).to.be.golden();
 				});
 			});

From 4bf83ae76c68c78a95a5344e02bca152c46d6e4c Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Mon, 20 Nov 2023 15:37:33 -0500
Subject: [PATCH 04/17] Fix axe tests

---
 components/button/button-add.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/button/button-add.js b/components/button/button-add.js
index b4856d53ee8..1f092df2aa2 100644
--- a/components/button/button-add.js
+++ b/components/button/button-add.js
@@ -112,7 +112,7 @@ class ButtonAdd extends FocusMixin(LocalizeCoreElement(LitElement)) {
 					<d2l-icon icon="tier1:plus-default"></d2l-icon>
 					${this.visibleText
 		? html`<span>${text}</span>`
-		: html`<d2l-tooltip class="vdiff-target" offset="18" for="${this._buttonId}">${label}</d2l-tooltip>`}
+		: html`<d2l-tooltip class="vdiff-target" offset="18" for="${this._buttonId}" for-type="label">${label}</d2l-tooltip>`}
 				</div>
 			</button>
 		`;

From c6eac4fe57daf58e95e7f35d08485174b32a9194 Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Mon, 20 Nov 2023 15:50:41 -0500
Subject: [PATCH 05/17] css tweaks

---
 components/button/button-add.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/button/button-add.js b/components/button/button-add.js
index 1f092df2aa2..9ecacf4e252 100644
--- a/components/button/button-add.js
+++ b/components/button/button-add.js
@@ -53,7 +53,7 @@ class ButtonAdd extends FocusMixin(LocalizeCoreElement(LitElement)) {
 
 			.line {
 				border-top: 1px var(--d2l-button-add-line-style) var(--d2l-color-mica);
-				margin: 3px 0;
+				margin: 3px 0; /** hover/click target */
 				width: 100%;
 			}
 			button:hover .line,
@@ -62,16 +62,15 @@ class ButtonAdd extends FocusMixin(LocalizeCoreElement(LitElement)) {
 			}
 
 			.content {
-				background-color: white;
-				padding: 3px;
-				position: absolute;
 				align-items: center;
+				background-color: white;
 				display: flex;
+				position: absolute;
 			}
 			:host([visible-text]) .content {
 				color: var(--d2l-color-celestine);
 				height: 1.5rem;
-				padding: 0 0.6rem;
+				padding: 0 0.3rem;
 			}
 
 			:host([visible-text]) d2l-icon,
@@ -81,6 +80,8 @@ class ButtonAdd extends FocusMixin(LocalizeCoreElement(LitElement)) {
 			}
 			:host(:not([visible-text])) d2l-icon {
 				color: var(--d2l-color-galena);
+				margin: -3px; /** hover/click target */
+				padding: 3px; /** hover/click target */
 			}
 			:host([visible-text]) d2l-icon {
 				padding-right: 0.2rem;

From 96efcf0d5bee550e312d8aa0de615c50d18f3cb3 Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Tue, 21 Nov 2023 09:17:19 -0500
Subject: [PATCH 06/17] fix lint

---
 components/button/demo/button-add.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/components/button/demo/button-add.html b/components/button/demo/button-add.html
index 221d7df717b..0ba3d2128f1 100644
--- a/components/button/demo/button-add.html
+++ b/components/button/demo/button-add.html
@@ -8,6 +8,11 @@
 			import '../../demo/demo-page.js';
 			import '../button-add.js';
 		</script>
+		<style>
+			.d2l-button-add-dashed {
+				--d2l-button-add-line-style: dashed;
+			}
+		</style>
 	</head>
 	<body unresolved>
 
@@ -25,7 +30,7 @@ <h2>Add Button, dashed line</h2>
 
 			<d2l-demo-snippet>
 				<template>
-					<d2l-button-add style="--d2l-button-add-line-style: dashed;"></d2l-button-add>
+					<d2l-button-add class="d2l-button-add-dashed"></d2l-button-add>
 				</template>
 			</d2l-demo-snippet>
 

From 9007154c6a2276d5d9fb88f78d11340004e1cf8e Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Tue, 21 Nov 2023 09:19:35 -0500
Subject: [PATCH 07/17] reflect visible-text

---
 components/button/button-add.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/button/button-add.js b/components/button/button-add.js
index 9ecacf4e252..b0b124a0a45 100644
--- a/components/button/button-add.js
+++ b/components/button/button-add.js
@@ -27,7 +27,7 @@ class ButtonAdd extends FocusMixin(LocalizeCoreElement(LitElement)) {
 			 * When true, show the button with icon and visible text. When false, only show icon.
 			 * @type {boolean}
 			 */
-			visibleText: { type: Boolean, attribute: 'visible-text' }
+			visibleText: { type: Boolean, reflect: true, attribute: 'visible-text' }
 		};
 	}
 

From 4cf9f2de0faba7a0fc1cd81ab2ed7696a97abcca Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Tue, 21 Nov 2023 13:44:13 -0500
Subject: [PATCH 08/17] replace padding-right

---
 components/button/button-add.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/button/button-add.js b/components/button/button-add.js
index b0b124a0a45..1b999e0dd39 100644
--- a/components/button/button-add.js
+++ b/components/button/button-add.js
@@ -84,7 +84,7 @@ class ButtonAdd extends FocusMixin(LocalizeCoreElement(LitElement)) {
 				padding: 3px; /** hover/click target */
 			}
 			:host([visible-text]) d2l-icon {
-				padding-right: 0.2rem;
+				padding-inline-end: 0.2rem;
 			}
 		`];
 	}

From e532d5571b7179d8cb68d5cfe42d2008fbd32117 Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Wed, 22 Nov 2023 09:10:24 -0500
Subject: [PATCH 09/17] organize visual diffs

---
 components/button/test/button-add.vdiff.js | 45 +++++++++++-----------
 1 file changed, 23 insertions(+), 22 deletions(-)

diff --git a/components/button/test/button-add.vdiff.js b/components/button/test/button-add.vdiff.js
index 3be54d9246d..9fead370950 100644
--- a/components/button/test/button-add.vdiff.js
+++ b/components/button/test/button-add.vdiff.js
@@ -2,29 +2,30 @@ import '../button-add.js';
 import { clickElem, expect, fixture, focusElem, hoverElem, html, oneEvent } from '@brightspace-ui/testing';
 
 describe('button-add', () => {
-	[
-		{ category: 'default', template: html`<d2l-button-add></d2l-button-add>` },
-		{ category: 'label', template: html`<d2l-button-add label="Custom Label"></d2l-button-add>` },
-		{ category: 'text', template: html`<d2l-button-add text="Custom Text"></d2l-button-add>` },
-		{ category: 'visible text', template: html`<d2l-button-add visible-text></d2l-button-add>` },
-		{ category: 'visible text with custom text', template: html`<d2l-button-add visible-text text="Custom Text"></d2l-button-add>` },
-		{ category: 'dashed line', template: html`<d2l-button-add style="--d2l-button-add-line-style: dashed;"></d2l-button-add>` },
-		{ category: 'visible text with dashed line', template: html`<d2l-button-add visible-text style="--d2l-button-add-line-style: dashed;"></d2l-button-add>` }
-	].forEach(({ category, template }) => {
-
-		describe(category, () => {
+	[ true, false ].forEach((visibleText) => {
+		describe(`visible-text="${visibleText}"`, () => {
 			[
-				{ name: 'normal' },
-				{ name: 'hover', action: hoverElem },
-				{ name: 'focus', action: focusElem },
-				{ name: 'click', action: clickElem }
-			].forEach(({ action, name }) => {
-				it(name, async() => {
-					let elem = await fixture(template);
-					if (elem.tagName !== 'D2L-BUTTON-ADD') elem = elem.querySelector('d2l-button-add');
-					if (action) await action(elem);
-					if ((name === 'hover' || name === 'focus') && !elem.visibleText) await oneEvent(elem, 'd2l-tooltip-show');
-					await expect(elem).to.be.golden();
+				{ category: 'basic', template: html`<d2l-button-add ?visible-text="${visibleText}"></d2l-button-add>` },
+				{ category: 'label', template: html`<d2l-button-add label="Custom Label" ?visible-text="${visibleText}"></d2l-button-add>` },
+				{ category: 'text', template: html`<d2l-button-add text="Custom Text" ?visible-text="${visibleText}"></d2l-button-add>` },
+				{ category: 'dashed line', template: html`<d2l-button-add style="--d2l-button-add-line-style: dashed;" ?visible-text="${visibleText}"></d2l-button-add>` }
+			].forEach(({ category, template }) => {
+
+				describe(category, () => {
+					[
+						{ name: 'normal' },
+						{ name: 'hover', action: hoverElem },
+						{ name: 'focus', action: focusElem },
+						{ name: 'click', action: clickElem }
+					].forEach(({ action, name }) => {
+						it(name, async() => {
+							let elem = await fixture(template);
+							if (elem.tagName !== 'D2L-BUTTON-ADD') elem = elem.querySelector('d2l-button-add');
+							if (action) await action(elem);
+							if ((name === 'hover' || name === 'focus') && !elem.visibleText) await oneEvent(elem, 'd2l-tooltip-show');
+							await expect(elem).to.be.golden();
+						});
+					});
 				});
 			});
 		});

From 3cc039e58561621b1839b5c78da699aaef53b6bb Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Wed, 22 Nov 2023 14:38:01 -0500
Subject: [PATCH 10/17] code review feedback: rename visible-text to
 text-visible, remove label and just use text, remove labelStyles, remove
 click event handling

---
 components/button/button-add.js            | 56 ++++++++++------------
 components/button/demo/button-add.html     | 14 +++---
 components/button/test/button-add.axe.js   | 14 ++----
 components/button/test/button-add.test.js  |  8 ++--
 components/button/test/button-add.vdiff.js | 13 +++--
 5 files changed, 46 insertions(+), 59 deletions(-)

diff --git a/components/button/button-add.js b/components/button/button-add.js
index 1b999e0dd39..082bf5598ff 100644
--- a/components/button/button-add.js
+++ b/components/button/button-add.js
@@ -4,7 +4,7 @@ import '../tooltip/tooltip.js';
 import { css, html, LitElement } from 'lit';
 import { FocusMixin } from '../../mixins/focus/focus-mixin.js';
 import { getUniqueId } from '../../helpers/uniqueId.js';
-import { labelStyles } from '../typography/styles.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
 
 /**
@@ -14,12 +14,7 @@ class ButtonAdd extends FocusMixin(LocalizeCoreElement(LitElement)) {
 	static get properties() {
 		return {
 			/**
-			 * The text to be shown in the tooltip as a hint when visible-text is false
-			 * @type {string}
-			 */
-			label: { type: String },
-			/**
-			 * The text to show in the button when visible-text is true
+			 * When text-visible is true, the text to show in the button. When text-visible is false, the text to show in the tooltip.
 			 * @type {string}
 			 */
 			text: { type: String },
@@ -27,12 +22,12 @@ class ButtonAdd extends FocusMixin(LocalizeCoreElement(LitElement)) {
 			 * When true, show the button with icon and visible text. When false, only show icon.
 			 * @type {boolean}
 			 */
-			visibleText: { type: Boolean, reflect: true, attribute: 'visible-text' }
+			textVisible: { type: Boolean, reflect: true, attribute: 'text-visible' }
 		};
 	}
 
 	static get styles() {
-		return [labelStyles, css`
+		return css`
 			:host {
 				--d2l-button-add-line-style: solid;
 			}
@@ -41,12 +36,14 @@ class ButtonAdd extends FocusMixin(LocalizeCoreElement(LitElement)) {
 				background-color: transparent;
 				border: 0;
 				box-shadow: none;
+				cursor: pointer;
 				display: flex;
 				font-family: inherit;
 				justify-content: center;
 				outline: none;
 				padding: 0;
 				position: relative;
+				user-select: none;
 				white-space: nowrap;
 				width: 100%;
 			}
@@ -67,35 +64,40 @@ class ButtonAdd extends FocusMixin(LocalizeCoreElement(LitElement)) {
 				display: flex;
 				position: absolute;
 			}
-			:host([visible-text]) .content {
+			:host([text-visible]) .content {
 				color: var(--d2l-color-celestine);
 				height: 1.5rem;
 				padding: 0 0.3rem;
 			}
 
-			:host([visible-text]) d2l-icon,
-			:host(:not([visible-text])) button:hover d2l-icon,
-			:host(:not([visible-text])) button:focus d2l-icon {
+			:host([text-visible]) d2l-icon,
+			:host(:not([text-visible])) button:hover d2l-icon,
+			:host(:not([text-visible])) button:focus d2l-icon {
 				color: var(--d2l-color-celestine);
 			}
-			:host(:not([visible-text])) d2l-icon {
+			:host(:not([text-visible])) d2l-icon {
 				color: var(--d2l-color-galena);
 				margin: -3px; /** hover/click target */
 				padding: 3px; /** hover/click target */
 			}
-			:host([visible-text]) d2l-icon {
+			:host([text-visible]) d2l-icon {
 				padding-inline-end: 0.2rem;
 			}
-		`];
+
+			span {
+				font-size: 0.7rem;
+				font-weight: 700;
+				letter-spacing: 0.2px;
+				line-height: 1rem;
+			}
+		`;
 	}
 
 	constructor() {
 		super();
 
-		this.visibleText = false;
+		this.textVisible = false;
 		this._buttonId = getUniqueId();
-
-		this.addEventListener('click', this._onClick);
 	}
 
 	static get focusElementSelector() {
@@ -104,28 +106,20 @@ class ButtonAdd extends FocusMixin(LocalizeCoreElement(LitElement)) {
 
 	render() {
 		const text = this.text || this.localize('components.button-add.addItem');
-		const label = this.label || this.localize('components.button-add.addItem');
+		const id = !this.textVisible ? this._buttonId : undefined;
 
 		return html`
-			<button class="d2l-label-text" id="${this._buttonId}">
+			<button class="d2l-label-text" id="${ifDefined(id)}">
 				<div class="line"></div>
 				<div class="content">
 					<d2l-icon icon="tier1:plus-default"></d2l-icon>
-					${this.visibleText
+					${this.textVisible
 		? html`<span>${text}</span>`
-		: html`<d2l-tooltip class="vdiff-target" offset="18" for="${this._buttonId}" for-type="label">${label}</d2l-tooltip>`}
+		: html`<d2l-tooltip class="vdiff-target" offset="18" for="${this._buttonId}" for-type="label">${text}</d2l-tooltip>`}
 				</div>
 			</button>
 		`;
 	}
-
-	_onClick() {
-		/** Dispatched when click happens */
-		this.dispatchEvent(new CustomEvent('d2l-button-add-click', {
-			bubbles: true,
-			composed: true
-		}));
-	}
 }
 customElements.define('d2l-button-add', ButtonAdd);
 
diff --git a/components/button/demo/button-add.html b/components/button/demo/button-add.html
index 0ba3d2128f1..987d693d164 100644
--- a/components/button/demo/button-add.html
+++ b/components/button/demo/button-add.html
@@ -34,29 +34,29 @@ <h2>Add Button, dashed line</h2>
 				</template>
 			</d2l-demo-snippet>
 
-
-			<h2>Add Button, visible-text</h2>
+			<h2>Add Button, custom text</h2>
 
 			<d2l-demo-snippet>
 				<template>
-					<d2l-button-add visible-text></d2l-button-add>
+					<d2l-button-add text="Custom Tooltip"></d2l-button-add>
 				</template>
 			</d2l-demo-snippet>
 
 
-			<h2>Add Button, visible-text, text</h2>
+			<h2>Add Button, text-visible</h2>
 
 			<d2l-demo-snippet>
 				<template>
-					<d2l-button-add visible-text text="Custom Text"></d2l-button-add>
+					<d2l-button-add text-visible></d2l-button-add>
 				</template>
 			</d2l-demo-snippet>
 
-			<h2>Add Button, label</h2>
+
+			<h2>Add Button, text-visible, custom text</h2>
 
 			<d2l-demo-snippet>
 				<template>
-					<d2l-button-add label="Custom Tooltip"></d2l-button-add>
+					<d2l-button-add text-visible text="Custom Text"></d2l-button-add>
 				</template>
 			</d2l-demo-snippet>
 
diff --git a/components/button/test/button-add.axe.js b/components/button/test/button-add.axe.js
index 79389943fcc..e1e597b9681 100644
--- a/components/button/test/button-add.axe.js
+++ b/components/button/test/button-add.axe.js
@@ -1,5 +1,5 @@
 import '../button-add.js';
-import { expect, fixture, html, oneEvent } from '@brightspace-ui/testing';
+import { expect, fixture, focusElem, html, oneEvent } from '@brightspace-ui/testing';
 
 describe('d2l-button-add', () => {
 
@@ -8,18 +8,13 @@ describe('d2l-button-add', () => {
 		await expect(el).to.be.accessible();
 	});
 
-	it('label', async() => {
-		const el = await fixture(html`<d2l-button-add label="Custom Label"></d2l-button-add>`);
-		await expect(el).to.be.accessible();
-	});
-
 	it('text', async() => {
 		const el = await fixture(html`<d2l-button-add text="Custom Text"></d2l-button-add>`);
 		await expect(el).to.be.accessible();
 	});
 
 	it('visible text', async() => {
-		const el = await fixture(html`<d2l-button-add visible-text></d2l-button-add>`);
+		const el = await fixture(html`<d2l-button-add text-visible></d2l-button-add>`);
 		await expect(el).to.be.accessible();
 	});
 
@@ -31,9 +26,8 @@ describe('d2l-button-add', () => {
 	});
 
 	it('focused, visible text', async() => {
-		const el = await fixture(html`<d2l-button-add visible-text></d2l-button-add>`);
-		setTimeout(() => el.focus());
-		await oneEvent(el, 'focus');
+		const el = await fixture(html`<d2l-button-add text-visible></d2l-button-add>`);
+		await focusElem(el);
 		await expect(el).to.be.accessible();
 	});
 
diff --git a/components/button/test/button-add.test.js b/components/button/test/button-add.test.js
index aa6232f5c7a..09212843e73 100644
--- a/components/button/test/button-add.test.js
+++ b/components/button/test/button-add.test.js
@@ -1,5 +1,5 @@
 import '../button-add.js';
-import { fixture, html, oneEvent, runConstructor } from '@brightspace-ui/testing';
+import { clickElem, fixture, html, oneEvent, runConstructor } from '@brightspace-ui/testing';
 
 describe('d2l-button-add', () => {
 
@@ -13,10 +13,10 @@ describe('d2l-button-add', () => {
 
 	describe('events', () => {
 
-		it('dispatches d2l-button-add-click event when clicked', async() => {
+		it('dispatches click event when clicked', async() => {
 			const el = await fixture(html`<d2l-button-add></d2l-button-add>`);
-			setTimeout(() => el.click());
-			await oneEvent(el, 'd2l-button-add-click');
+			setTimeout(() => clickElem(el));
+			await oneEvent(el, 'click');
 		});
 
 	});
diff --git a/components/button/test/button-add.vdiff.js b/components/button/test/button-add.vdiff.js
index 9fead370950..b705d24bc3f 100644
--- a/components/button/test/button-add.vdiff.js
+++ b/components/button/test/button-add.vdiff.js
@@ -2,13 +2,12 @@ import '../button-add.js';
 import { clickElem, expect, fixture, focusElem, hoverElem, html, oneEvent } from '@brightspace-ui/testing';
 
 describe('button-add', () => {
-	[ true, false ].forEach((visibleText) => {
-		describe(`visible-text="${visibleText}"`, () => {
+	[ true, false ].forEach((textVisible) => {
+		describe(`text-visible="${textVisible}"`, () => {
 			[
-				{ category: 'basic', template: html`<d2l-button-add ?visible-text="${visibleText}"></d2l-button-add>` },
-				{ category: 'label', template: html`<d2l-button-add label="Custom Label" ?visible-text="${visibleText}"></d2l-button-add>` },
-				{ category: 'text', template: html`<d2l-button-add text="Custom Text" ?visible-text="${visibleText}"></d2l-button-add>` },
-				{ category: 'dashed line', template: html`<d2l-button-add style="--d2l-button-add-line-style: dashed;" ?visible-text="${visibleText}"></d2l-button-add>` }
+				{ category: 'basic', template: html`<d2l-button-add ?text-visible="${textVisible}"></d2l-button-add>` },
+				{ category: 'text', template: html`<d2l-button-add text="Custom Text" ?text-visible="${textVisible}"></d2l-button-add>` },
+				{ category: 'dashed line', template: html`<d2l-button-add style="--d2l-button-add-line-style: dashed;" ?text-visible="${textVisible}"></d2l-button-add>` }
 			].forEach(({ category, template }) => {
 
 				describe(category, () => {
@@ -22,7 +21,7 @@ describe('button-add', () => {
 							let elem = await fixture(template);
 							if (elem.tagName !== 'D2L-BUTTON-ADD') elem = elem.querySelector('d2l-button-add');
 							if (action) await action(elem);
-							if ((name === 'hover' || name === 'focus') && !elem.visibleText) await oneEvent(elem, 'd2l-tooltip-show');
+							if ((name === 'hover' || name === 'focus') && !elem.textVisible) await oneEvent(elem, 'd2l-tooltip-show');
 							await expect(elem).to.be.golden();
 						});
 					});

From b84a8591298d57cf675f88a48f882ee0c4ba88fb Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Wed, 22 Nov 2023 14:49:34 -0500
Subject: [PATCH 11/17] fix click event in demo, axe test, and tweak vdiff test
 names

---
 components/button/demo/button-add.html     | 2 +-
 components/button/test/button-add.axe.js   | 3 +--
 components/button/test/button-add.vdiff.js | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/button/demo/button-add.html b/components/button/demo/button-add.html
index 987d693d164..43fae24b53b 100644
--- a/components/button/demo/button-add.html
+++ b/components/button/demo/button-add.html
@@ -63,7 +63,7 @@ <h2>Add Button, text-visible, custom text</h2>
 		</d2l-demo-page>
 
 		<script>
-			document.addEventListener('d2l-button-add-click', e => {
+			document.addEventListener('click', e => {
 				if (e.target.tagName !== 'D2L-BUTTON-ADD') return;
 				console.log('add button clicked', e.target);
 			});
diff --git a/components/button/test/button-add.axe.js b/components/button/test/button-add.axe.js
index e1e597b9681..4be0dbb7afc 100644
--- a/components/button/test/button-add.axe.js
+++ b/components/button/test/button-add.axe.js
@@ -20,8 +20,7 @@ describe('d2l-button-add', () => {
 
 	it('focused', async() => {
 		const el = await fixture(html`<d2l-button-add></d2l-button-add>`);
-		setTimeout(() => el.focus());
-		await oneEvent(el, 'focus');
+		await focusElem(el);
 		await expect(el).to.be.accessible();
 	});
 
diff --git a/components/button/test/button-add.vdiff.js b/components/button/test/button-add.vdiff.js
index b705d24bc3f..8768d78d646 100644
--- a/components/button/test/button-add.vdiff.js
+++ b/components/button/test/button-add.vdiff.js
@@ -3,7 +3,7 @@ import { clickElem, expect, fixture, focusElem, hoverElem, html, oneEvent } from
 
 describe('button-add', () => {
 	[ true, false ].forEach((textVisible) => {
-		describe(`text-visible="${textVisible}"`, () => {
+		describe(`text-visible ${textVisible}`, () => {
 			[
 				{ category: 'basic', template: html`<d2l-button-add ?text-visible="${textVisible}"></d2l-button-add>` },
 				{ category: 'text', template: html`<d2l-button-add text="Custom Text" ?text-visible="${textVisible}"></d2l-button-add>` },

From 370c9cb95d2acbf924c45d67cb6e18a1cf7c4ebe Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Wed, 22 Nov 2023 15:04:00 -0500
Subject: [PATCH 12/17] code review feedback: use getFocusPseudoClass

---
 components/button/button-add.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/button/button-add.js b/components/button/button-add.js
index 082bf5598ff..7ea2637cd62 100644
--- a/components/button/button-add.js
+++ b/components/button/button-add.js
@@ -1,8 +1,9 @@
 import '../colors/colors.js';
 import '../icons/icon.js';
 import '../tooltip/tooltip.js';
-import { css, html, LitElement } from 'lit';
+import { css, html, LitElement, unsafeCSS } from 'lit';
 import { FocusMixin } from '../../mixins/focus/focus-mixin.js';
+import { getFocusPseudoClass } from '../../helpers/focus.js';
 import { getUniqueId } from '../../helpers/uniqueId.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
@@ -54,7 +55,7 @@ class ButtonAdd extends FocusMixin(LocalizeCoreElement(LitElement)) {
 				width: 100%;
 			}
 			button:hover .line,
-			button:focus .line {
+			button:${unsafeCSS(getFocusPseudoClass())} .line {
 				border-top-color: var(--d2l-color-celestine);
 			}
 
@@ -72,7 +73,7 @@ class ButtonAdd extends FocusMixin(LocalizeCoreElement(LitElement)) {
 
 			:host([text-visible]) d2l-icon,
 			:host(:not([text-visible])) button:hover d2l-icon,
-			:host(:not([text-visible])) button:focus d2l-icon {
+			:host(:not([text-visible])) button:${unsafeCSS(getFocusPseudoClass())} d2l-icon {
 				color: var(--d2l-color-celestine);
 			}
 			:host(:not([text-visible])) d2l-icon {

From a08cbd95fc09842ee738b758035a2b0257656921 Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Wed, 22 Nov 2023 15:13:11 -0500
Subject: [PATCH 13/17] fix lint

---
 components/button/test/button-add.axe.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/button/test/button-add.axe.js b/components/button/test/button-add.axe.js
index 4be0dbb7afc..83386266cf3 100644
--- a/components/button/test/button-add.axe.js
+++ b/components/button/test/button-add.axe.js
@@ -1,5 +1,5 @@
 import '../button-add.js';
-import { expect, fixture, focusElem, html, oneEvent } from '@brightspace-ui/testing';
+import { expect, fixture, focusElem, html } from '@brightspace-ui/testing';
 
 describe('d2l-button-add', () => {
 

From 1bc32db0f617be97a4383c63fec53d22485e02c6 Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Thu, 23 Nov 2023 07:51:00 -0500
Subject: [PATCH 14/17] code review feedback: remove unnecessary line from
 vdiff tests, update translation files

---
 components/button/test/button-add.vdiff.js | 1 -
 lang/ar.js                                 | 1 +
 lang/cy.js                                 | 1 +
 lang/da.js                                 | 1 +
 lang/de.js                                 | 1 +
 lang/en-gb.js                              | 1 +
 lang/es-es.js                              | 1 +
 lang/es.js                                 | 1 +
 lang/fr-fr.js                              | 1 +
 lang/fr.js                                 | 1 +
 lang/hi.js                                 | 1 +
 lang/ja.js                                 | 1 +
 lang/ko.js                                 | 1 +
 lang/nl.js                                 | 1 +
 lang/pt.js                                 | 1 +
 lang/sv.js                                 | 1 +
 lang/tr.js                                 | 1 +
 lang/zh-cn.js                              | 1 +
 lang/zh-tw.js                              | 1 +
 19 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/components/button/test/button-add.vdiff.js b/components/button/test/button-add.vdiff.js
index 8768d78d646..d9bf37e0898 100644
--- a/components/button/test/button-add.vdiff.js
+++ b/components/button/test/button-add.vdiff.js
@@ -19,7 +19,6 @@ describe('button-add', () => {
 					].forEach(({ action, name }) => {
 						it(name, async() => {
 							let elem = await fixture(template);
-							if (elem.tagName !== 'D2L-BUTTON-ADD') elem = elem.querySelector('d2l-button-add');
 							if (action) await action(elem);
 							if ((name === 'hover' || name === 'focus') && !elem.textVisible) await oneEvent(elem, 'd2l-tooltip-show');
 							await expect(elem).to.be.golden();
diff --git a/lang/ar.js b/lang/ar.js
index 5f539e6108e..bb404d05228 100644
--- a/lang/ar.js
+++ b/lang/ar.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "إغلاق التنبيه",
 	"components.breadcrumbs.breadcrumb": "شريط التنقل",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "لم يتم التحديد.",
 	"components.calendar.selected": "تم التحديد.",
 	"components.calendar.show": "إظهار {month}",
diff --git a/lang/cy.js b/lang/cy.js
index eaab131ad9e..b8fb7673e04 100644
--- a/lang/cy.js
+++ b/lang/cy.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "Cau Hysbysiad",
 	"components.breadcrumbs.breadcrumb": "Briwsionyn Bara",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "Heb ei Ddewis.",
 	"components.calendar.selected": "Wedi'i Ddewis.",
 	"components.calendar.show": "Dangos {month}",
diff --git a/lang/da.js b/lang/da.js
index e3bca1c8e7f..31e12d82733 100644
--- a/lang/da.js
+++ b/lang/da.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "Luk besked",
 	"components.breadcrumbs.breadcrumb": "Brødkrumme",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "Ikke valgt.",
 	"components.calendar.selected": "Valgt.",
 	"components.calendar.show": "Vis {month}",
diff --git a/lang/de.js b/lang/de.js
index 2624942c6a4..1a11277aabc 100644
--- a/lang/de.js
+++ b/lang/de.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "Benachrichtigung schließen",
 	"components.breadcrumbs.breadcrumb": "Brotkrümelnavigation",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "Nicht ausgewählt.",
 	"components.calendar.selected": "Ausgewählt.",
 	"components.calendar.show": "{month} anzeigen",
diff --git a/lang/en-gb.js b/lang/en-gb.js
index ecc3acd466a..aafe0421699 100644
--- a/lang/en-gb.js
+++ b/lang/en-gb.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "Close Alert",
 	"components.breadcrumbs.breadcrumb": "Breadcrumb",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "Not Selected.",
 	"components.calendar.selected": "Selected.",
 	"components.calendar.show": "Show {month}",
diff --git a/lang/es-es.js b/lang/es-es.js
index 000bffd4ba8..5da66ab919a 100644
--- a/lang/es-es.js
+++ b/lang/es-es.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "Cerrar alerta",
 	"components.breadcrumbs.breadcrumb": "Ruta de navegación",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "No seleccionado.",
 	"components.calendar.selected": "Seleccionado.",
 	"components.calendar.show": "Mostrar {month}",
diff --git a/lang/es.js b/lang/es.js
index 7b4409d8be1..b2749637be8 100644
--- a/lang/es.js
+++ b/lang/es.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "Cerrar alerta",
 	"components.breadcrumbs.breadcrumb": "Ruta de navegación",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "No seleccionado.",
 	"components.calendar.selected": "Seleccionado.",
 	"components.calendar.show": "Mostrar {month}",
diff --git a/lang/fr-fr.js b/lang/fr-fr.js
index f7e2e2be027..8dd66429d6e 100644
--- a/lang/fr-fr.js
+++ b/lang/fr-fr.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "Fermer l'alerte",
 	"components.breadcrumbs.breadcrumb": "Chemin de navigation",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "Non sélectionné.",
 	"components.calendar.selected": "Sélectionné.",
 	"components.calendar.show": "Afficher {month}",
diff --git a/lang/fr.js b/lang/fr.js
index e3a97816789..4373b1396ee 100644
--- a/lang/fr.js
+++ b/lang/fr.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "Fermer l'alerte",
 	"components.breadcrumbs.breadcrumb": "Chemin de navigation",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "Non sélectionné(e)",
 	"components.calendar.selected": "Sélectionné(e).",
 	"components.calendar.show": "Afficher {month}",
diff --git a/lang/hi.js b/lang/hi.js
index 862baa16c47..59114c809c3 100644
--- a/lang/hi.js
+++ b/lang/hi.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "अलर्ट बंद करें",
 	"components.breadcrumbs.breadcrumb": "ब्रेडक्रंब",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "चयनित नहीं।",
 	"components.calendar.selected": "चयनित।",
 	"components.calendar.show": "{month} दिखाएँ",
diff --git a/lang/ja.js b/lang/ja.js
index 30ba0651cee..921169d201c 100644
--- a/lang/ja.js
+++ b/lang/ja.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "アラートを閉じる",
 	"components.breadcrumbs.breadcrumb": "階層",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "選択されていません。",
 	"components.calendar.selected": "選択されています。",
 	"components.calendar.show": "{month} を表示",
diff --git a/lang/ko.js b/lang/ko.js
index cc43c4ed3c6..4e857d8baf2 100644
--- a/lang/ko.js
+++ b/lang/ko.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "경보 닫기",
 	"components.breadcrumbs.breadcrumb": "이동 경로",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "선택되지 않음.",
 	"components.calendar.selected": "선택됨.",
 	"components.calendar.show": "{month} 표시",
diff --git a/lang/nl.js b/lang/nl.js
index 282ce9557dd..7994785effd 100644
--- a/lang/nl.js
+++ b/lang/nl.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "Waarschuwing sluiten",
 	"components.breadcrumbs.breadcrumb": "Kruimelpad",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "Niet geselecteerd.",
 	"components.calendar.selected": "Geselecteerd.",
 	"components.calendar.show": "{month} weergeven",
diff --git a/lang/pt.js b/lang/pt.js
index 2536796fa08..ffb334dc57b 100644
--- a/lang/pt.js
+++ b/lang/pt.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "Fechar alerta",
 	"components.breadcrumbs.breadcrumb": "Auxiliar de navegação",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "Não selecionado.",
 	"components.calendar.selected": "Selecionado.",
 	"components.calendar.show": "Mostrar {month}",
diff --git a/lang/sv.js b/lang/sv.js
index 4f201693c06..a38ca799c33 100644
--- a/lang/sv.js
+++ b/lang/sv.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "Stängningsvarning",
 	"components.breadcrumbs.breadcrumb": "Sökväg",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "Inte vald.",
 	"components.calendar.selected": "Markerad.",
 	"components.calendar.show": "Visa {month}",
diff --git a/lang/tr.js b/lang/tr.js
index 8007fda1047..56a5a89066f 100644
--- a/lang/tr.js
+++ b/lang/tr.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "Kapatma Uyarısı",
 	"components.breadcrumbs.breadcrumb": "İçerik Haritası",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "Seçili Değil.",
 	"components.calendar.selected": "Seçili.",
 	"components.calendar.show": "{month} Göster",
diff --git a/lang/zh-cn.js b/lang/zh-cn.js
index 2983be1d643..8a2acb6bfc7 100644
--- a/lang/zh-cn.js
+++ b/lang/zh-cn.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "关闭提醒",
 	"components.breadcrumbs.breadcrumb": "痕迹导航",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "未选择。",
 	"components.calendar.selected": "已选择。",
 	"components.calendar.show": "显示 {month}",
diff --git a/lang/zh-tw.js b/lang/zh-tw.js
index fa207caa71e..bdadfe355fe 100644
--- a/lang/zh-tw.js
+++ b/lang/zh-tw.js
@@ -1,6 +1,7 @@
 export default {
 	"components.alert.close": "關閉警示",
 	"components.breadcrumbs.breadcrumb": "導覽路徑",
+	"components.button-add.addItem": "Add Item",
 	"components.calendar.notSelected": "未選取。",
 	"components.calendar.selected": "已選取。",
 	"components.calendar.show": "顯示{month}",

From a8c06afd4c5a049dbf8e73fd3da39a4bc3af0ad5 Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Thu, 23 Nov 2023 07:56:49 -0500
Subject: [PATCH 15/17] fix lint

---
 components/button/test/button-add.vdiff.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/button/test/button-add.vdiff.js b/components/button/test/button-add.vdiff.js
index d9bf37e0898..3ef8da388f5 100644
--- a/components/button/test/button-add.vdiff.js
+++ b/components/button/test/button-add.vdiff.js
@@ -18,7 +18,7 @@ describe('button-add', () => {
 						{ name: 'click', action: clickElem }
 					].forEach(({ action, name }) => {
 						it(name, async() => {
-							let elem = await fixture(template);
+							const elem = await fixture(template);
 							if (action) await action(elem);
 							if ((name === 'hover' || name === 'focus') && !elem.textVisible) await oneEvent(elem, 'd2l-tooltip-show');
 							await expect(elem).to.be.golden();

From 2c0bf413b8725008bfa6aaf09e4e82f9e3565a6d Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Fri, 24 Nov 2023 09:51:54 -0500
Subject: [PATCH 16/17] code review feedback: use PropertyRequiredMixin for
 text

---
 components/button/button-add.js           |  5 +++--
 components/button/test/button-add.test.js | 14 +++++++++++++-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/components/button/button-add.js b/components/button/button-add.js
index 7ea2637cd62..9fc364ea019 100644
--- a/components/button/button-add.js
+++ b/components/button/button-add.js
@@ -7,18 +7,19 @@ import { getFocusPseudoClass } from '../../helpers/focus.js';
 import { getUniqueId } from '../../helpers/uniqueId.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
+import { PropertyRequiredMixin } from '../../mixins/property-required/property-required-mixin.js';
 
 /**
  * A component for quickly adding items to a specific locaiton.
  */
-class ButtonAdd extends FocusMixin(LocalizeCoreElement(LitElement)) {
+class ButtonAdd extends PropertyRequiredMixin(FocusMixin(LocalizeCoreElement(LitElement))) {
 	static get properties() {
 		return {
 			/**
 			 * When text-visible is true, the text to show in the button. When text-visible is false, the text to show in the tooltip.
 			 * @type {string}
 			 */
-			text: { type: String },
+			text: { type: String, required: true },
 			/**
 			 * When true, show the button with icon and visible text. When false, only show icon.
 			 * @type {boolean}
diff --git a/components/button/test/button-add.test.js b/components/button/test/button-add.test.js
index 09212843e73..299bd51ed7c 100644
--- a/components/button/test/button-add.test.js
+++ b/components/button/test/button-add.test.js
@@ -1,5 +1,6 @@
 import '../button-add.js';
-import { clickElem, fixture, html, oneEvent, runConstructor } from '@brightspace-ui/testing';
+import { clickElem, expect, fixture, html, oneEvent, runConstructor } from '@brightspace-ui/testing';
+import { createMessage } from '../../../mixins/property-required/property-required-mixin.js';
 
 describe('d2l-button-add', () => {
 
@@ -19,6 +20,17 @@ describe('d2l-button-add', () => {
 			await oneEvent(el, 'click');
 		});
 
+		it('throws error when no text', async() => {
+			const el = await fixture(html`<d2l-button-add></d2l-button-add>`);
+			expect(() => el.flushRequiredPropertyErrors())
+				.to.throw(TypeError, createMessage(el, 'text'));
+		});
+
+		it('does not throw when text is provided', async() => {
+			const el = await fixture(html`<d2l-button-add text="Custom Text"></d2l-button-add>`);
+			expect(() => el.flushRequiredPropertyErrors()).to.not.throw();
+		});
+
 	});
 
 });

From 9fb99a4f08e5889593e06c5bf94a7ee82dd3e50a Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 24 Nov 2023 10:25:43 -0500
Subject: [PATCH 17/17] Updating vdiff goldens (#4271)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .vdiff.json                                      |   2 +-
 .../chromium/text-visible-false-basic-click.png  | Bin 0 -> 5359 bytes
 .../chromium/text-visible-false-basic-focus.png  | Bin 0 -> 5359 bytes
 .../chromium/text-visible-false-basic-hover.png  | Bin 0 -> 5359 bytes
 .../chromium/text-visible-false-basic-normal.png | Bin 0 -> 756 bytes
 .../text-visible-false-dashed-line-click.png     | Bin 0 -> 6776 bytes
 .../text-visible-false-dashed-line-focus.png     | Bin 0 -> 6776 bytes
 .../text-visible-false-dashed-line-hover.png     | Bin 0 -> 6776 bytes
 .../text-visible-false-dashed-line-normal.png    | Bin 0 -> 1814 bytes
 .../chromium/text-visible-false-text-click.png   | Bin 0 -> 6913 bytes
 .../chromium/text-visible-false-text-focus.png   | Bin 0 -> 6913 bytes
 .../chromium/text-visible-false-text-hover.png   | Bin 0 -> 6913 bytes
 .../chromium/text-visible-false-text-normal.png  | Bin 0 -> 756 bytes
 .../chromium/text-visible-true-basic-click.png   | Bin 0 -> 3194 bytes
 .../chromium/text-visible-true-basic-focus.png   | Bin 0 -> 3194 bytes
 .../chromium/text-visible-true-basic-hover.png   | Bin 0 -> 3194 bytes
 .../chromium/text-visible-true-basic-normal.png  | Bin 0 -> 3200 bytes
 .../text-visible-true-dashed-line-click.png      | Bin 0 -> 4529 bytes
 .../text-visible-true-dashed-line-focus.png      | Bin 0 -> 4529 bytes
 .../text-visible-true-dashed-line-hover.png      | Bin 0 -> 4529 bytes
 .../text-visible-true-dashed-line-normal.png     | Bin 0 -> 4330 bytes
 .../chromium/text-visible-true-text-click.png    | Bin 0 -> 4453 bytes
 .../chromium/text-visible-true-text-focus.png    | Bin 0 -> 4453 bytes
 .../chromium/text-visible-true-text-hover.png    | Bin 0 -> 4453 bytes
 .../chromium/text-visible-true-text-normal.png   | Bin 0 -> 4458 bytes
 25 files changed, 1 insertion(+), 1 deletion(-)
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-false-basic-click.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-false-basic-focus.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-false-basic-hover.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-false-basic-normal.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-false-dashed-line-click.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-false-dashed-line-focus.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-false-dashed-line-hover.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-false-dashed-line-normal.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-false-text-click.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-false-text-focus.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-false-text-hover.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-false-text-normal.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-true-basic-click.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-true-basic-focus.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-true-basic-hover.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-true-basic-normal.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-true-dashed-line-click.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-true-dashed-line-focus.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-true-dashed-line-hover.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-true-dashed-line-normal.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-true-text-click.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-true-text-focus.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-true-text-hover.png
 create mode 100644 components/button/test/golden/button-add/chromium/text-visible-true-text-normal.png

diff --git a/.vdiff.json b/.vdiff.json
index 483ba0d7bcb..a42e96082ea 100644
--- a/.vdiff.json
+++ b/.vdiff.json
@@ -2,7 +2,7 @@
 	"browsers": [
 		{
 			"name": "Chromium",
-			"version": 117
+			"version": 119
 		}
 	]
 }
\ No newline at end of file
diff --git a/components/button/test/golden/button-add/chromium/text-visible-false-basic-click.png b/components/button/test/golden/button-add/chromium/text-visible-false-basic-click.png
new file mode 100644
index 0000000000000000000000000000000000000000..863cce19b7e8a3d880e8f8a25a5ce6d78afffb5c
GIT binary patch
literal 5359
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
L^YQYZFZ}j*RO)OV

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-false-basic-focus.png b/components/button/test/golden/button-add/chromium/text-visible-false-basic-focus.png
new file mode 100644
index 0000000000000000000000000000000000000000..863cce19b7e8a3d880e8f8a25a5ce6d78afffb5c
GIT binary patch
literal 5359
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
L^YQYZFZ}j*RO)OV

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-false-basic-hover.png b/components/button/test/golden/button-add/chromium/text-visible-false-basic-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..863cce19b7e8a3d880e8f8a25a5ce6d78afffb5c
GIT binary patch
literal 5359
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
L^YQYZFZ}j*RO)OV

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-false-basic-normal.png b/components/button/test/golden/button-add/chromium/text-visible-false-basic-normal.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c11ae7e51fddf943a162254d341df8e5ea6494f
GIT binary patch
literal 756
zcmeAS@N?(olHy`uVBq!ia0y~yV7&ljn{luK$>Z;KuLM$z#X;^)4C~IxykuZtTIcEF
z7*a9k?H$J~;Y5k!56v%0n|Sg+@XOG=r|9F!|JdsTN0T=H<qL}C8cSKr<qmkh`>=CT
z(2w0K{ALQyPdA-;V0QV>kB^nRuSIDCjb>nYFw;C(AIxGXR$0IdVmT<#i7qhu$^^9T
z>fgi3ckg@)4K1y`diCkipGTw_85r__ZaBd6=2tCmdomEc{q^_CYoOayLBcwJB-(!P
zFfjPIJFtTs+~7bWop3QKJDG3K?{Bqd3K<wa_*eXYms?Z+|3ifNcA$NaSM1*&r~CTX
zs@12vKmXWUY{|gzfARgfr~glpegRb7Rra^;OGR9$sZ8J2*WVYPXJufRH>bz8;LRa^
z28KOzK+6BvnqOdKcp#d)+gI1$-+lh>INj{qxo-2h85nFN|JnoP8m9mL@bU8I^YQy@
z=4A*2qd^>`0|*oZ$e<J0&Ru&A50M7R8)dVj)`yjDi@Un*w$ENZ28Mu8V1&=E;sn{i
hFhiOWyGU{456<p2?on4Q7Ow@_>*?y}vd$@?2>|H0+`<3=

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-false-dashed-line-click.png b/components/button/test/golden/button-add/chromium/text-visible-false-dashed-line-click.png
new file mode 100644
index 0000000000000000000000000000000000000000..95d7aeda67b35128a69ed900a0bb8497c7e4652c
GIT binary patch
literal 6776
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

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-false-dashed-line-focus.png b/components/button/test/golden/button-add/chromium/text-visible-false-dashed-line-focus.png
new file mode 100644
index 0000000000000000000000000000000000000000..95d7aeda67b35128a69ed900a0bb8497c7e4652c
GIT binary patch
literal 6776
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

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-false-dashed-line-hover.png b/components/button/test/golden/button-add/chromium/text-visible-false-dashed-line-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..95d7aeda67b35128a69ed900a0bb8497c7e4652c
GIT binary patch
literal 6776
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

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-false-dashed-line-normal.png b/components/button/test/golden/button-add/chromium/text-visible-false-dashed-line-normal.png
new file mode 100644
index 0000000000000000000000000000000000000000..36ee4ba4c384b812c110fce5d339a4617b552803
GIT binary patch
literal 1814
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

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-false-text-click.png b/components/button/test/golden/button-add/chromium/text-visible-false-text-click.png
new file mode 100644
index 0000000000000000000000000000000000000000..f76d80a5f606c5fcf887b0cb46853c26fd00405f
GIT binary patch
literal 6913
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
D7%|18

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-false-text-focus.png b/components/button/test/golden/button-add/chromium/text-visible-false-text-focus.png
new file mode 100644
index 0000000000000000000000000000000000000000..f76d80a5f606c5fcf887b0cb46853c26fd00405f
GIT binary patch
literal 6913
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
D7%|18

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-false-text-hover.png b/components/button/test/golden/button-add/chromium/text-visible-false-text-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..f76d80a5f606c5fcf887b0cb46853c26fd00405f
GIT binary patch
literal 6913
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
D7%|18

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-false-text-normal.png b/components/button/test/golden/button-add/chromium/text-visible-false-text-normal.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c11ae7e51fddf943a162254d341df8e5ea6494f
GIT binary patch
literal 756
zcmeAS@N?(olHy`uVBq!ia0y~yV7&ljn{luK$>Z;KuLM$z#X;^)4C~IxykuZtTIcEF
z7*a9k?H$J~;Y5k!56v%0n|Sg+@XOG=r|9F!|JdsTN0T=H<qL}C8cSKr<qmkh`>=CT
z(2w0K{ALQyPdA-;V0QV>kB^nRuSIDCjb>nYFw;C(AIxGXR$0IdVmT<#i7qhu$^^9T
z>fgi3ckg@)4K1y`diCkipGTw_85r__ZaBd6=2tCmdomEc{q^_CYoOayLBcwJB-(!P
zFfjPIJFtTs+~7bWop3QKJDG3K?{Bqd3K<wa_*eXYms?Z+|3ifNcA$NaSM1*&r~CTX
zs@12vKmXWUY{|gzfARgfr~glpegRb7Rra^;OGR9$sZ8J2*WVYPXJufRH>bz8;LRa^
z28KOzK+6BvnqOdKcp#d)+gI1$-+lh>INj{qxo-2h85nFN|JnoP8m9mL@bU8I^YQy@
z=4A*2qd^>`0|*oZ$e<J0&Ru&A50M7R8)dVj)`yjDi@Un*w$ENZ28Mu8V1&=E;sn{i
hFhiOWyGU{456<p2?on4Q7Ow@_>*?y}vd$@?2>|H0+`<3=

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-true-basic-click.png b/components/button/test/golden/button-add/chromium/text-visible-true-basic-click.png
new file mode 100644
index 0000000000000000000000000000000000000000..028f7951cf5e87018216bb8c552ae408555c5079
GIT binary patch
literal 3194
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
H{l|X*Rb91Z

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-true-basic-focus.png b/components/button/test/golden/button-add/chromium/text-visible-true-basic-focus.png
new file mode 100644
index 0000000000000000000000000000000000000000..028f7951cf5e87018216bb8c552ae408555c5079
GIT binary patch
literal 3194
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
H{l|X*Rb91Z

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-true-basic-hover.png b/components/button/test/golden/button-add/chromium/text-visible-true-basic-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..028f7951cf5e87018216bb8c552ae408555c5079
GIT binary patch
literal 3194
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
H{l|X*Rb91Z

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-true-basic-normal.png b/components/button/test/golden/button-add/chromium/text-visible-true-basic-normal.png
new file mode 100644
index 0000000000000000000000000000000000000000..e72917af12a73739e04acf0e8788b3b7f8e5e1e7
GIT binary patch
literal 3200
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
McEuED?D^Nf0oKf(v;Y7A

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-true-dashed-line-click.png b/components/button/test/golden/button-add/chromium/text-visible-true-dashed-line-click.png
new file mode 100644
index 0000000000000000000000000000000000000000..857810c8fc895355374c13559ec63a738f78d7f3
GIT binary patch
literal 4529
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
KU90uyv;P3vpqjq`

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-true-dashed-line-focus.png b/components/button/test/golden/button-add/chromium/text-visible-true-dashed-line-focus.png
new file mode 100644
index 0000000000000000000000000000000000000000..857810c8fc895355374c13559ec63a738f78d7f3
GIT binary patch
literal 4529
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
KU90uyv;P3vpqjq`

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-true-dashed-line-hover.png b/components/button/test/golden/button-add/chromium/text-visible-true-dashed-line-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..857810c8fc895355374c13559ec63a738f78d7f3
GIT binary patch
literal 4529
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
KU90uyv;P3vpqjq`

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-true-dashed-line-normal.png b/components/button/test/golden/button-add/chromium/text-visible-true-dashed-line-normal.png
new file mode 100644
index 0000000000000000000000000000000000000000..1486ee0d65715e5d54a6a92ff66134ef96c2c6b8
GIT binary patch
literal 4330
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
SA#Z;k1Pe18Q^NJTkN*!7EeA;e

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-true-text-click.png b/components/button/test/golden/button-add/chromium/text-visible-true-text-click.png
new file mode 100644
index 0000000000000000000000000000000000000000..f62e19188e6e0e56d68f172fae15caaff5d90d4c
GIT binary patch
literal 4453
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
U7wU8M)g5EdP}5N@SFsNJFKb9?T>t<8

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-true-text-focus.png b/components/button/test/golden/button-add/chromium/text-visible-true-text-focus.png
new file mode 100644
index 0000000000000000000000000000000000000000..f62e19188e6e0e56d68f172fae15caaff5d90d4c
GIT binary patch
literal 4453
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
U7wU8M)g5EdP}5N@SFsNJFKb9?T>t<8

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-true-text-hover.png b/components/button/test/golden/button-add/chromium/text-visible-true-text-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..f62e19188e6e0e56d68f172fae15caaff5d90d4c
GIT binary patch
literal 4453
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
U7wU8M)g5EdP}5N@SFsNJFKb9?T>t<8

literal 0
HcmV?d00001

diff --git a/components/button/test/golden/button-add/chromium/text-visible-true-text-normal.png b/components/button/test/golden/button-add/chromium/text-visible-true-text-normal.png
new file mode 100644
index 0000000000000000000000000000000000000000..b938dab144a72478dd42004d6eaf50fed1026f8a
GIT binary patch
literal 4458
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
X882cxkIRN1!2uiGy;Y+3;P3wf#GFTx

literal 0
HcmV?d00001