From 3a756ff781b5e5c24abb89b8b5390d31d39aeae5 Mon Sep 17 00:00:00 2001
From: Annabel Segall <Annabel.Segall@D2L.com>
Date: Thu, 10 Feb 2022 10:53:35 -0500
Subject: [PATCH 1/3] sub old d2l-offscreen with core version

---
 d2l-navigation-button.js | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/d2l-navigation-button.js b/d2l-navigation-button.js
index 6b72310d..3d1f4e69 100644
--- a/d2l-navigation-button.js
+++ b/d2l-navigation-button.js
@@ -2,7 +2,7 @@ import 'd2l-button/d2l-button-behavior.js';
 import 'd2l-polymer-behaviors/d2l-focusable-behavior.js';
 import 'd2l-polymer-behaviors/d2l-id.js';
 import { highlightStyles } from './d2l-navigation-highlight-styles.js';
-import 'd2l-offscreen/d2l-offscreen-shared-styles.js';
+import '@brightspace-ui/core/components/offscreen/offscreen.js';
 
 import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';
 import { mixinBehaviors } from '@polymer/polymer/lib/legacy/class.js';
@@ -36,7 +36,7 @@ class D2LNavigationButton extends mixinBehaviors([D2L.PolymerBehaviors.Button.Be
 	static get template() {
 		const template = html`
 				${highlightStyles}
-				<style is="custom-style" include="d2l-offscreen-shared-styles">
+				<style is="custom-style">
 
 					:host {
 						display: inline-block;
@@ -82,14 +82,6 @@ class D2LNavigationButton extends mixinBehaviors([D2L.PolymerBehaviors.Button.Be
 						@apply --d2l-navigation-highlight-border;
 					}
 
-					.d2l-offscreen-description {
-						@apply --d2l-offscreen;
-					}
-
-					:host(:dir(rtl)) .d2l-offscreen-description {
-						@apply --d2l-offscreen-rtl;
-					}
-
 					:host([disabled]) button {
 						@apply --d2l-navigation-highlight-disabled;
 					}
@@ -115,7 +107,7 @@ class D2LNavigationButton extends mixinBehaviors([D2L.PolymerBehaviors.Button.Be
 			<span class$="[[_getTopBorderClass()]]"></span>
 			<slot></slot>
 			</button>
-			<span id="[[_ariaDescriptionId]]" class="d2l-offscreen-description">[[ariaDescribedbyText]]</span>
+			<d2l-offscreen id="[[_ariaDescriptionId]]" class="d2l-offscreen-description">[[ariaDescribedbyText]]</d2l-offscreen>
 		`;
 		template.setAttribute('strip-whitespace', '');
 		return template;

From 693210ccba1b591cc6a41dd6526e48fbd3708888 Mon Sep 17 00:00:00 2001
From: Annabel Segall <Annabel.Segall@D2L.com>
Date: Thu, 10 Feb 2022 10:55:00 -0500
Subject: [PATCH 2/3] remove import

---
 package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/package.json b/package.json
index d732cc18..a23b3fca 100644
--- a/package.json
+++ b/package.json
@@ -61,7 +61,6 @@
     "d2l-button": "github:BrightspaceUI/button#semver:^5",
     "d2l-link": "github:BrightspaceUI/link#semver:^5",
     "d2l-localize-behavior": "github:BrightspaceUI/localize-behavior#semver:^2",
-    "d2l-offscreen": "github:BrightspaceUI/offscreen#semver:^4",
     "d2l-polymer-behaviors": "github:Brightspace/d2l-polymer-behaviors-ui#semver:^2",
     "d2l-typography": "github:BrightspaceUI/typography#semver:^7",
     "fastdom": "^1",

From 2c6ca460994f29f2b5c7dcbfefd2239e77a20eac Mon Sep 17 00:00:00 2001
From: Annabel Segall <Annabel.Segall@D2L.com>
Date: Thu, 10 Feb 2022 11:21:12 -0500
Subject: [PATCH 3/3] remove class attribute

---
 d2l-navigation-button.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/d2l-navigation-button.js b/d2l-navigation-button.js
index 3d1f4e69..4282946b 100644
--- a/d2l-navigation-button.js
+++ b/d2l-navigation-button.js
@@ -107,7 +107,7 @@ class D2LNavigationButton extends mixinBehaviors([D2L.PolymerBehaviors.Button.Be
 			<span class$="[[_getTopBorderClass()]]"></span>
 			<slot></slot>
 			</button>
-			<d2l-offscreen id="[[_ariaDescriptionId]]" class="d2l-offscreen-description">[[ariaDescribedbyText]]</d2l-offscreen>
+			<d2l-offscreen id="[[_ariaDescriptionId]]">[[ariaDescribedbyText]]</d2l-offscreen>
 		`;
 		template.setAttribute('strip-whitespace', '');
 		return template;