From e615c6618931b74f3cdf17b585cac064d9e67e51 Mon Sep 17 00:00:00 2001
From: Luke Dary <ldary@redhat.com>
Date: Mon, 23 Jul 2018 14:17:12 -0400
Subject: [PATCH] Changed Rhelement to RHElement

---
 elements/rh-button/gulpfile.js                     |  2 +-
 elements/rh-button/rh-button.js                    |  6 +++---
 elements/rh-button/src/rh-button.js                |  6 +++---
 elements/rh-card/gulpfile.js                       |  2 +-
 elements/rh-card/rh-card.js                        |  6 +++---
 elements/rh-card/src/rh-card.js                    |  6 +++---
 elements/rh-cta/gulpfile.js                        |  2 +-
 elements/rh-cta/rh-cta.js                          |  6 +++---
 elements/rh-cta/src/rh-cta.js                      |  6 +++---
 elements/rh-datetime/gulpfile.js                   |  2 +-
 elements/rh-datetime/rh-datetime.js                |  6 +++---
 elements/rh-datetime/src/rh-datetime.js            |  6 +++---
 elements/rh-dialog/gulpfile.js                     |  2 +-
 elements/rh-dialog/rh-dialog.js                    |  6 +++---
 elements/rh-dialog/src/rh-dialog.js                |  6 +++---
 elements/rh-dropdown-button/gulpfile.js            |  2 +-
 elements/rh-dropdown-button/rh-dropdown-button.js  |  6 +++---
 .../rh-dropdown-button/src/rh-dropdown-button.js   |  6 +++---
 elements/rh-dropdown-menu/gulpfile.js              |  2 +-
 elements/rh-dropdown-menu/rh-dropdown-menu.js      |  6 +++---
 elements/rh-dropdown-menu/src/rh-dropdown-menu.js  |  6 +++---
 elements/rh-dropdown/gulpfile.js                   |  2 +-
 elements/rh-dropdown/rh-dropdown.js                |  6 +++---
 elements/rh-dropdown/src/rh-dropdown.js            |  6 +++---
 elements/rh-icon-panel/gulpfile.js                 |  2 +-
 elements/rh-icon-panel/rh-icon-panel.js            |  6 +++---
 elements/rh-icon-panel/src/rh-icon-panel.js        |  6 +++---
 elements/rh-icon/gulpfile.js                       |  2 +-
 elements/rh-icon/rh-icon.js                        |  6 +++---
 elements/rh-icon/src/rh-icon.js                    |  6 +++---
 elements/rh-multiswitch/gulpfile.js                |  2 +-
 elements/rh-multiswitch/rh-multiswitch.js          |  6 +++---
 elements/rh-multiswitch/src/rh-multiswitch.js      |  6 +++---
 elements/rh-number/gulpfile.js                     |  2 +-
 elements/rh-number/rh-number.js                    |  6 +++---
 elements/rh-number/src/rh-number.js                |  6 +++---
 elements/rh-search-result/gulpfile.js              |  2 +-
 elements/rh-search-result/rh-search-result.js      |  6 +++---
 elements/rh-search-result/src/rh-search-result.js  |  6 +++---
 elements/rhelement/README.md                       | 14 +++++++-------
 elements/rhelement/rhelement.js                    |  4 ++--
 41 files changed, 100 insertions(+), 100 deletions(-)

diff --git a/elements/rh-button/gulpfile.js b/elements/rh-button/gulpfile.js
index 5016a3c042..ffd8df165f 100644
--- a/elements/rh-button/gulpfile.js
+++ b/elements/rh-button/gulpfile.js
@@ -37,7 +37,7 @@ gulp.task("merge", () => {
   return gulp
     .src("./src/rh-button.js")
     .pipe(
-      replace(/extends\s+Rhelement\s+{/, (classStatement, line, jsFile) => {
+      replace(/extends\s+RHElement\s+{/, (classStatement, line, jsFile) => {
         // extract the templateUrl and styleUrl with regex.  Would prefer to do
         // this by require'ing rh-card.js and asking it directly, but without
         // node.js support for ES modules, we're stuck with this.
diff --git a/elements/rh-button/rh-button.js b/elements/rh-button/rh-button.js
index a1df08071e..49f9d7ab01 100644
--- a/elements/rh-button/rh-button.js
+++ b/elements/rh-button/rh-button.js
@@ -1,6 +1,6 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
-class RhButton extends Rhelement {
+class RhButton extends RHElement {
   get html() {
     return `
 <style>
@@ -50,4 +50,4 @@ class RhButton extends Rhelement {
   }
 }
 
-Rhelement.create(RhButton);
+RHElement.create(RhButton);
diff --git a/elements/rh-button/src/rh-button.js b/elements/rh-button/src/rh-button.js
index 948d05a2bd..80fc05efef 100644
--- a/elements/rh-button/src/rh-button.js
+++ b/elements/rh-button/src/rh-button.js
@@ -1,6 +1,6 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
-class RhButton extends Rhelement {
+class RhButton extends RHElement {
   static get tag() {
     return "rh-button";
   }
@@ -18,4 +18,4 @@ class RhButton extends Rhelement {
   }
 }
 
-Rhelement.create(RhButton);
+RHElement.create(RhButton);
diff --git a/elements/rh-card/gulpfile.js b/elements/rh-card/gulpfile.js
index 4e29a15838..7d1e9363b7 100644
--- a/elements/rh-card/gulpfile.js
+++ b/elements/rh-card/gulpfile.js
@@ -37,7 +37,7 @@ gulp.task("merge", () => {
   return gulp
     .src("./src/rh-card.js")
     .pipe(
-      replace(/extends\s+Rhelement\s+{/, (classStatement, line, jsFile) => {
+      replace(/extends\s+RHElement\s+{/, (classStatement, line, jsFile) => {
         // extract the templateUrl and styleUrl with regex.  Would prefer to do
         // this by require'ing rh-card.js and asking it directly, but without
         // node.js support for ES modules, we're stuck with this.
diff --git a/elements/rh-card/rh-card.js b/elements/rh-card/rh-card.js
index 422ef577a2..671b1e5197 100644
--- a/elements/rh-card/rh-card.js
+++ b/elements/rh-card/rh-card.js
@@ -1,6 +1,6 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
-class RhCard extends Rhelement {
+class RhCard extends RHElement {
   get html() {
     return `
 <style>
@@ -48,4 +48,4 @@ class RhCard extends Rhelement {
   }
 }
 
-Rhelement.create(RhCard);
+RHElement.create(RhCard);
diff --git a/elements/rh-card/src/rh-card.js b/elements/rh-card/src/rh-card.js
index 05a4e8aee8..c7a65a5717 100644
--- a/elements/rh-card/src/rh-card.js
+++ b/elements/rh-card/src/rh-card.js
@@ -1,6 +1,6 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
-class RhCard extends Rhelement {
+class RhCard extends RHElement {
   static get tag() {
     return "rh-card";
   }
@@ -18,4 +18,4 @@ class RhCard extends Rhelement {
   }
 }
 
-Rhelement.create(RhCard);
+RHElement.create(RhCard);
diff --git a/elements/rh-cta/gulpfile.js b/elements/rh-cta/gulpfile.js
index c3c4a49b6e..9347ded7a5 100644
--- a/elements/rh-cta/gulpfile.js
+++ b/elements/rh-cta/gulpfile.js
@@ -37,7 +37,7 @@ gulp.task("merge", () => {
   return gulp
     .src("./src/rh-cta.js")
     .pipe(
-      replace(/extends\s+Rhelement\s+{/, (classStatement, line, jsFile) => {
+      replace(/extends\s+RHElement\s+{/, (classStatement, line, jsFile) => {
         // extract the templateUrl and styleUrl with regex.  Would prefer to do
         // this by require'ing rh-card.js and asking it directly, but without
         // node.js support for ES modules, we're stuck with this.
diff --git a/elements/rh-cta/rh-cta.js b/elements/rh-cta/rh-cta.js
index e6609c68a8..fb294a9156 100644
--- a/elements/rh-cta/rh-cta.js
+++ b/elements/rh-cta/rh-cta.js
@@ -1,6 +1,6 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
-class RhCta extends Rhelement {
+class RhCta extends RHElement {
   get html() {
     return `
 <style>
@@ -230,4 +230,4 @@ class RhCta extends Rhelement {
   disconnectedCallback() {}
 }
 
-Rhelement.create(RhCta);
+RHElement.create(RhCta);
diff --git a/elements/rh-cta/src/rh-cta.js b/elements/rh-cta/src/rh-cta.js
index 029596f0f9..e320f06776 100644
--- a/elements/rh-cta/src/rh-cta.js
+++ b/elements/rh-cta/src/rh-cta.js
@@ -1,6 +1,6 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
-class RhCta extends Rhelement {
+class RhCta extends RHElement {
   static get tag() {
     return "rh-cta";
   }
@@ -38,4 +38,4 @@ class RhCta extends Rhelement {
   disconnectedCallback() {}
 }
 
-Rhelement.create(RhCta);
+RHElement.create(RhCta);
diff --git a/elements/rh-datetime/gulpfile.js b/elements/rh-datetime/gulpfile.js
index eaf2ff2f4f..f174cb3a34 100644
--- a/elements/rh-datetime/gulpfile.js
+++ b/elements/rh-datetime/gulpfile.js
@@ -37,7 +37,7 @@ gulp.task("merge", () => {
   return gulp
     .src("./src/rh-datetime.js")
     .pipe(
-      replace(/extends\s+Rhelement\s+{/, (classStatement, line, jsFile) => {
+      replace(/extends\s+RHElement\s+{/, (classStatement, line, jsFile) => {
         // extract the templateUrl and styleUrl with regex.  Would prefer to do
         // this by require'ing rh-card.js and asking it directly, but without
         // node.js support for ES modules, we're stuck with this.
diff --git a/elements/rh-datetime/rh-datetime.js b/elements/rh-datetime/rh-datetime.js
index 4a2c3937b3..4d5f234413 100644
--- a/elements/rh-datetime/rh-datetime.js
+++ b/elements/rh-datetime/rh-datetime.js
@@ -1,6 +1,6 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
-class RhDatetime extends Rhelement {
+class RhDatetime extends RHElement {
   get html() {
     return `
 <style>
@@ -171,4 +171,4 @@ class RhDatetime extends Rhelement {
   }
 }
 
-Rhelement.create(RhDatetime);
+RHElement.create(RhDatetime);
diff --git a/elements/rh-datetime/src/rh-datetime.js b/elements/rh-datetime/src/rh-datetime.js
index 645695915d..5d2be49bcb 100644
--- a/elements/rh-datetime/src/rh-datetime.js
+++ b/elements/rh-datetime/src/rh-datetime.js
@@ -1,6 +1,6 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
-class RhDatetime extends Rhelement {
+class RhDatetime extends RHElement {
   static get tag() {
     return "rh-datetime";
   }
@@ -161,4 +161,4 @@ class RhDatetime extends Rhelement {
   }
 }
 
-Rhelement.create(RhDatetime);
+RHElement.create(RhDatetime);
diff --git a/elements/rh-dialog/gulpfile.js b/elements/rh-dialog/gulpfile.js
index 56b73f9a45..754793c62d 100644
--- a/elements/rh-dialog/gulpfile.js
+++ b/elements/rh-dialog/gulpfile.js
@@ -37,7 +37,7 @@ gulp.task("merge", () => {
   return gulp
     .src("./src/rh-dialog.js")
     .pipe(
-      replace(/extends\s+Rhelement\s+{/, (classStatement, line, jsFile) => {
+      replace(/extends\s+RHElement\s+{/, (classStatement, line, jsFile) => {
         // extract the templateUrl and styleUrl with regex.  Would prefer to do
         // this by require'ing rh-card.js and asking it directly, but without
         // node.js support for ES modules, we're stuck with this.
diff --git a/elements/rh-dialog/rh-dialog.js b/elements/rh-dialog/rh-dialog.js
index 238fe26fce..0da61dc645 100644
--- a/elements/rh-dialog/rh-dialog.js
+++ b/elements/rh-dialog/rh-dialog.js
@@ -1,7 +1,7 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 import "../../dialog-polyfill/dialog-polyfill.js";
 
-class RhDialog extends Rhelement {
+class RhDialog extends RHElement {
   get html() {
     return `
 <style>
@@ -91,4 +91,4 @@ dialog.fixed {
   disconnectedCallback() {}
 }
 
-Rhelement.create(RhDialog);
+RHElement.create(RhDialog);
diff --git a/elements/rh-dialog/src/rh-dialog.js b/elements/rh-dialog/src/rh-dialog.js
index c3e1ba1fad..d1fa2b8e39 100644
--- a/elements/rh-dialog/src/rh-dialog.js
+++ b/elements/rh-dialog/src/rh-dialog.js
@@ -1,7 +1,7 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 import "../../dialog-polyfill/dialog-polyfill.js";
 
-class RhDialog extends Rhelement {
+class RhDialog extends RHElement {
   static get tag() {
     return "rh-dialog";
   }
@@ -42,4 +42,4 @@ class RhDialog extends Rhelement {
   disconnectedCallback() {}
 }
 
-Rhelement.create(RhDialog);
+RHElement.create(RhDialog);
diff --git a/elements/rh-dropdown-button/gulpfile.js b/elements/rh-dropdown-button/gulpfile.js
index 2a46e8c5f0..489e4cc230 100644
--- a/elements/rh-dropdown-button/gulpfile.js
+++ b/elements/rh-dropdown-button/gulpfile.js
@@ -37,7 +37,7 @@ gulp.task("merge", () => {
   return gulp
     .src("./src/rh-dropdown-button.js")
     .pipe(
-      replace(/extends\s+Rhelement\s+{/, (classStatement, line, jsFile) => {
+      replace(/extends\s+RHElement\s+{/, (classStatement, line, jsFile) => {
         // extract the templateUrl and styleUrl with regex.  Would prefer to do
         // this by require'ing rh-card.js and asking it directly, but without
         // node.js support for ES modules, we're stuck with this.
diff --git a/elements/rh-dropdown-button/rh-dropdown-button.js b/elements/rh-dropdown-button/rh-dropdown-button.js
index db82accbec..f346a0350b 100644
--- a/elements/rh-dropdown-button/rh-dropdown-button.js
+++ b/elements/rh-dropdown-button/rh-dropdown-button.js
@@ -1,6 +1,6 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
-class RhDropdownButton extends Rhelement {
+class RhDropdownButton extends RHElement {
   get html() {
     return `
 <style>
@@ -132,4 +132,4 @@ class RhDropdownButton extends Rhelement {
   }
 }
 
-Rhelement.create(RhDropdownButton);
+RHElement.create(RhDropdownButton);
diff --git a/elements/rh-dropdown-button/src/rh-dropdown-button.js b/elements/rh-dropdown-button/src/rh-dropdown-button.js
index 33a611a3f4..d42f919571 100644
--- a/elements/rh-dropdown-button/src/rh-dropdown-button.js
+++ b/elements/rh-dropdown-button/src/rh-dropdown-button.js
@@ -1,6 +1,6 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
-class RhDropdownButton extends Rhelement {
+class RhDropdownButton extends RHElement {
   static get tag() {
     return "rh-dropdown-button";
   }
@@ -96,4 +96,4 @@ class RhDropdownButton extends Rhelement {
   }
 }
 
-Rhelement.create(RhDropdownButton);
+RHElement.create(RhDropdownButton);
diff --git a/elements/rh-dropdown-menu/gulpfile.js b/elements/rh-dropdown-menu/gulpfile.js
index 4b8c735fd1..52397daf9f 100644
--- a/elements/rh-dropdown-menu/gulpfile.js
+++ b/elements/rh-dropdown-menu/gulpfile.js
@@ -37,7 +37,7 @@ gulp.task("merge", () => {
   return gulp
     .src("./src/rh-dropdown-menu.js")
     .pipe(
-      replace(/extends\s+Rhelement\s+{/, (classStatement, line, jsFile) => {
+      replace(/extends\s+RHElement\s+{/, (classStatement, line, jsFile) => {
         // extract the templateUrl and styleUrl with regex.  Would prefer to do
         // this by require'ing rh-card.js and asking it directly, but without
         // node.js support for ES modules, we're stuck with this.
diff --git a/elements/rh-dropdown-menu/rh-dropdown-menu.js b/elements/rh-dropdown-menu/rh-dropdown-menu.js
index 280b5acf56..a197f15b86 100644
--- a/elements/rh-dropdown-menu/rh-dropdown-menu.js
+++ b/elements/rh-dropdown-menu/rh-dropdown-menu.js
@@ -1,6 +1,6 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
-class RhDropdownMenu extends Rhelement {
+class RhDropdownMenu extends RHElement {
   get html() {
     return `
 <style>
@@ -87,4 +87,4 @@ class RhDropdownMenu extends Rhelement {
   }
 }
 
-Rhelement.create(RhDropdownMenu);
+RHElement.create(RhDropdownMenu);
diff --git a/elements/rh-dropdown-menu/src/rh-dropdown-menu.js b/elements/rh-dropdown-menu/src/rh-dropdown-menu.js
index 729699a811..737566a57c 100644
--- a/elements/rh-dropdown-menu/src/rh-dropdown-menu.js
+++ b/elements/rh-dropdown-menu/src/rh-dropdown-menu.js
@@ -1,6 +1,6 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
-class RhDropdownMenu extends Rhelement {
+class RhDropdownMenu extends RHElement {
   static get tag() {
     return "rh-dropdown-menu";
   }
@@ -51,4 +51,4 @@ class RhDropdownMenu extends Rhelement {
   }
 }
 
-Rhelement.create(RhDropdownMenu);
+RHElement.create(RhDropdownMenu);
diff --git a/elements/rh-dropdown/gulpfile.js b/elements/rh-dropdown/gulpfile.js
index daabc0fc7f..bc91e63426 100644
--- a/elements/rh-dropdown/gulpfile.js
+++ b/elements/rh-dropdown/gulpfile.js
@@ -37,7 +37,7 @@ gulp.task("merge", () => {
   return gulp
     .src("./src/rh-dropdown.js")
     .pipe(
-      replace(/extends\s+Rhelement\s+{/, (classStatement, line, jsFile) => {
+      replace(/extends\s+RHElement\s+{/, (classStatement, line, jsFile) => {
         // extract the templateUrl and styleUrl with regex.  Would prefer to do
         // this by require'ing rh-card.js and asking it directly, but without
         // node.js support for ES modules, we're stuck with this.
diff --git a/elements/rh-dropdown/rh-dropdown.js b/elements/rh-dropdown/rh-dropdown.js
index c5296c6412..ed2d87bf88 100644
--- a/elements/rh-dropdown/rh-dropdown.js
+++ b/elements/rh-dropdown/rh-dropdown.js
@@ -1,4 +1,4 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 import "../rh-dropdown-button/rh-dropdown-button.js";
 import "../rh-dropdown-menu/rh-dropdown-menu.js";
 
@@ -50,7 +50,7 @@ if (!Array.prototype.findIndex) {
 // Set up a unique ID
 const baseID = Date.now();
 
-class RhDropdown extends Rhelement {
+class RhDropdown extends RHElement {
   get html() {
     return `
 <style>
@@ -340,4 +340,4 @@ class RhDropdown extends Rhelement {
   }
 }
 
-Rhelement.create(RhDropdown);
+RHElement.create(RhDropdown);
diff --git a/elements/rh-dropdown/src/rh-dropdown.js b/elements/rh-dropdown/src/rh-dropdown.js
index 0221e74a1c..7785587bff 100644
--- a/elements/rh-dropdown/src/rh-dropdown.js
+++ b/elements/rh-dropdown/src/rh-dropdown.js
@@ -1,4 +1,4 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 import "../rh-dropdown-button/rh-dropdown-button.js";
 import "../rh-dropdown-menu/rh-dropdown-menu.js";
 
@@ -50,7 +50,7 @@ if (!Array.prototype.findIndex) {
 // Set up a unique ID
 const baseID = Date.now();
 
-class RhDropdown extends Rhelement {
+class RhDropdown extends RHElement {
   static get tag() {
     return "rh-dropdown";
   }
@@ -330,4 +330,4 @@ class RhDropdown extends Rhelement {
   }
 }
 
-Rhelement.create(RhDropdown);
+RHElement.create(RhDropdown);
diff --git a/elements/rh-icon-panel/gulpfile.js b/elements/rh-icon-panel/gulpfile.js
index 042733fd0a..648b732507 100644
--- a/elements/rh-icon-panel/gulpfile.js
+++ b/elements/rh-icon-panel/gulpfile.js
@@ -37,7 +37,7 @@ gulp.task("merge", () => {
   return gulp
     .src("./src/rh-icon-panel.js")
     .pipe(
-      replace(/extends\s+Rhelement\s+{/, (classStatement, line, jsFile) => {
+      replace(/extends\s+RHElement\s+{/, (classStatement, line, jsFile) => {
         // extract the templateUrl and styleUrl with regex.  Would prefer to do
         // this by require'ing rh-card.js and asking it directly, but without
         // node.js support for ES modules, we're stuck with this.
diff --git a/elements/rh-icon-panel/rh-icon-panel.js b/elements/rh-icon-panel/rh-icon-panel.js
index 10f2796fcc..8f91db1386 100644
--- a/elements/rh-icon-panel/rh-icon-panel.js
+++ b/elements/rh-icon-panel/rh-icon-panel.js
@@ -1,7 +1,7 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 import "../rh-icon/rh-icon.js";
 
-class RhIconPanel extends Rhelement {
+class RhIconPanel extends RHElement {
   get html() {
     return `
 <style>
@@ -60,4 +60,4 @@ class RhIconPanel extends Rhelement {
   }
 }
 
-Rhelement.create(RhIconPanel);
+RHElement.create(RhIconPanel);
diff --git a/elements/rh-icon-panel/src/rh-icon-panel.js b/elements/rh-icon-panel/src/rh-icon-panel.js
index 7a80551646..e616b64033 100644
--- a/elements/rh-icon-panel/src/rh-icon-panel.js
+++ b/elements/rh-icon-panel/src/rh-icon-panel.js
@@ -1,7 +1,7 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 import "../rh-icon/rh-icon.js";
 
-class RhIconPanel extends Rhelement {
+class RhIconPanel extends RHElement {
   static get tag() {
     return "rh-icon-panel";
   }
@@ -32,4 +32,4 @@ class RhIconPanel extends Rhelement {
   }
 }
 
-Rhelement.create(RhIconPanel);
+RHElement.create(RhIconPanel);
diff --git a/elements/rh-icon/gulpfile.js b/elements/rh-icon/gulpfile.js
index 2ef9d534fd..87ae100a3d 100644
--- a/elements/rh-icon/gulpfile.js
+++ b/elements/rh-icon/gulpfile.js
@@ -24,7 +24,7 @@ gulp.task("replaceStyles", () => {
   return gulp
     .src("./rh-icon.js")
     .pipe(
-      replace(/extends\s+Rhelement\s+{/, (classStatement, line, jsFile) => {
+      replace(/extends\s+RHElement\s+{/, (classStatement, line, jsFile) => {
         // extract the templateUrl and styleUrl with regex.  Would prefer to do
         // this by require'ing rh-card.js and asking it directly, but without
         // node.js support for ES modules, we're stuck with this.
diff --git a/elements/rh-icon/rh-icon.js b/elements/rh-icon/rh-icon.js
index 899073ff19..47f6d74cbe 100644
--- a/elements/rh-icon/rh-icon.js
+++ b/elements/rh-icon/rh-icon.js
@@ -1,4 +1,4 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
 const templateId = "rh-icon-head";
 if (!document.getElementById(templateId)) {
@@ -11,7 +11,7 @@ if (!document.getElementById(templateId)) {
   document.head.appendChild(cpRHIconTemplate);
 }
 
-class RhIcon extends Rhelement {
+class RhIcon extends RHElement {
   get html() {
     return `
 <style>
@@ -133,4 +133,4 @@ class RhIcon extends Rhelement {
   }
 }
 
-Rhelement.create(RhIcon);
+RHElement.create(RhIcon);
diff --git a/elements/rh-icon/src/rh-icon.js b/elements/rh-icon/src/rh-icon.js
index 8d7393ac18..3b46dbce7a 100644
--- a/elements/rh-icon/src/rh-icon.js
+++ b/elements/rh-icon/src/rh-icon.js
@@ -1,4 +1,4 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
 const templateId = "rh-icon-head";
 if (!document.getElementById(templateId)) {
@@ -11,7 +11,7 @@ if (!document.getElementById(templateId)) {
   document.head.appendChild(cpRHIconTemplate);
 }
 
-class RhIcon extends Rhelement {
+class RhIcon extends RHElement {
   static get tag() {
     return "rh-icon";
   }
@@ -53,4 +53,4 @@ class RhIcon extends Rhelement {
   }
 }
 
-Rhelement.create(RhIcon);
+RHElement.create(RhIcon);
diff --git a/elements/rh-multiswitch/gulpfile.js b/elements/rh-multiswitch/gulpfile.js
index 74f66116c4..5a2017c64c 100644
--- a/elements/rh-multiswitch/gulpfile.js
+++ b/elements/rh-multiswitch/gulpfile.js
@@ -37,7 +37,7 @@ gulp.task("merge", () => {
   return gulp
     .src("./src/rh-multiswitch.js")
     .pipe(
-      replace(/extends\s+Rhelement\s+{/, (classStatement, line, jsFile) => {
+      replace(/extends\s+RHElement\s+{/, (classStatement, line, jsFile) => {
         // extract the templateUrl and styleUrl with regex.  Would prefer to do
         // this by require'ing rh-card.js and asking it directly, but without
         // node.js support for ES modules, we're stuck with this.
diff --git a/elements/rh-multiswitch/rh-multiswitch.js b/elements/rh-multiswitch/rh-multiswitch.js
index e8a249c175..3c9bcb3dca 100644
--- a/elements/rh-multiswitch/rh-multiswitch.js
+++ b/elements/rh-multiswitch/rh-multiswitch.js
@@ -1,6 +1,6 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
-class RhMultiswitch extends Rhelement {
+class RhMultiswitch extends RHElement {
   get html() {
     return `
 <style>
@@ -200,4 +200,4 @@ class RhMultiswitch extends Rhelement {
   }
 }
 
-Rhelement.create(RhMultiswitch);
+RHElement.create(RhMultiswitch);
diff --git a/elements/rh-multiswitch/src/rh-multiswitch.js b/elements/rh-multiswitch/src/rh-multiswitch.js
index ef21800deb..22b75c5a35 100644
--- a/elements/rh-multiswitch/src/rh-multiswitch.js
+++ b/elements/rh-multiswitch/src/rh-multiswitch.js
@@ -1,6 +1,6 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
-class RhMultiswitch extends Rhelement {
+class RhMultiswitch extends RHElement {
   static get tag() {
     return "rh-multiswitch";
   }
@@ -68,4 +68,4 @@ class RhMultiswitch extends Rhelement {
   }
 }
 
-Rhelement.create(RhMultiswitch);
+RHElement.create(RhMultiswitch);
diff --git a/elements/rh-number/gulpfile.js b/elements/rh-number/gulpfile.js
index b7d0c1ba92..8cd8f1385b 100644
--- a/elements/rh-number/gulpfile.js
+++ b/elements/rh-number/gulpfile.js
@@ -37,7 +37,7 @@ gulp.task("merge", () => {
   return gulp
     .src("./src/rh-number.js")
     .pipe(
-      replace(/extends\s+Rhelement\s+{/, (classStatement, line, jsFile) => {
+      replace(/extends\s+RHElement\s+{/, (classStatement, line, jsFile) => {
         // extract the templateUrl and styleUrl with regex.  Would prefer to do
         // this by require'ing rh-card.js and asking it directly, but without
         // node.js support for ES modules, we're stuck with this.
diff --git a/elements/rh-number/rh-number.js b/elements/rh-number/rh-number.js
index 7d84b7416d..94580df62c 100644
--- a/elements/rh-number/rh-number.js
+++ b/elements/rh-number/rh-number.js
@@ -1,4 +1,4 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 import "../../numeral/numeral.js";
 
 // easy aliases for common format strings
@@ -15,7 +15,7 @@ const types = {
 // debugger;
 numeral.locales.en.delimiters.thousands = " ";
 
-class RhNumber extends Rhelement {
+class RhNumber extends RHElement {
   get html() {
     return `
 <style>
@@ -84,4 +84,4 @@ class RhNumber extends Rhelement {
   }
 }
 
-Rhelement.create(RhNumber);
+RHElement.create(RhNumber);
diff --git a/elements/rh-number/src/rh-number.js b/elements/rh-number/src/rh-number.js
index 4f7ee09444..79764c8160 100644
--- a/elements/rh-number/src/rh-number.js
+++ b/elements/rh-number/src/rh-number.js
@@ -1,4 +1,4 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 import "../../numeral/numeral.js";
 
 // easy aliases for common format strings
@@ -15,7 +15,7 @@ const types = {
 // debugger;
 numeral.locales.en.delimiters.thousands = " ";
 
-class RhNumber extends Rhelement {
+class RhNumber extends RHElement {
   static get tag() {
     return "rh-number";
   }
@@ -73,4 +73,4 @@ class RhNumber extends Rhelement {
   }
 }
 
-Rhelement.create(RhNumber);
+RHElement.create(RhNumber);
diff --git a/elements/rh-search-result/gulpfile.js b/elements/rh-search-result/gulpfile.js
index bc6108fb24..7d950a9775 100644
--- a/elements/rh-search-result/gulpfile.js
+++ b/elements/rh-search-result/gulpfile.js
@@ -37,7 +37,7 @@ gulp.task("merge", () => {
   return gulp
     .src("./src/rh-search-result.js")
     .pipe(
-      replace(/extends\s+Rhelement\s+{/, (classStatement, line, jsFile) => {
+      replace(/extends\s+RHElement\s+{/, (classStatement, line, jsFile) => {
         // extract the templateUrl and styleUrl with regex.  Would prefer to do
         // this by require'ing rh-card.js and asking it directly, but without
         // node.js support for ES modules, we're stuck with this.
diff --git a/elements/rh-search-result/rh-search-result.js b/elements/rh-search-result/rh-search-result.js
index 8e8518165d..e1cfc233c3 100644
--- a/elements/rh-search-result/rh-search-result.js
+++ b/elements/rh-search-result/rh-search-result.js
@@ -1,6 +1,6 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
-class RhSearchResult extends Rhelement {
+class RhSearchResult extends RHElement {
   get html() {
     return `
 <style>
@@ -86,4 +86,4 @@ header a:focus {
   }
 }
 
-Rhelement.create(RhSearchResult);
+RHElement.create(RhSearchResult);
diff --git a/elements/rh-search-result/src/rh-search-result.js b/elements/rh-search-result/src/rh-search-result.js
index 4aec18547c..ef725a4b80 100644
--- a/elements/rh-search-result/src/rh-search-result.js
+++ b/elements/rh-search-result/src/rh-search-result.js
@@ -1,6 +1,6 @@
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
-class RhSearchResult extends Rhelement {
+class RhSearchResult extends RHElement {
   static get tag() {
     return "rh-search-result";
   }
@@ -37,4 +37,4 @@ class RhSearchResult extends Rhelement {
   }
 }
 
-Rhelement.create(RhSearchResult);
+RHElement.create(RhSearchResult);
diff --git a/elements/rhelement/README.md b/elements/rhelement/README.md
index 0deaab45ab..6cfcc4178b 100644
--- a/elements/rhelement/README.md
+++ b/elements/rhelement/README.md
@@ -1,12 +1,12 @@
-# Rhelement Element
+# RHElement Element
 
-This is the base element that all other Rhelements should extend. It handles setting up a shadow root and applies Shady CSS if it is needed.
+This is the base element that all other RHElements should extend. It handles setting up a shadow root and applies Shady CSS if it is needed.
 
-When extending Rhelement, make sure you call `super` in the constructor with the string that your element will be registered with and the template element that is cloned into the shadow root. If you need to run code in the `connectedCallback`, be sure to call `super.connectedCallback()` first before adding any additional code to that method.
+When extending RHElement, make sure you call `super` in the constructor with the string that your element will be registered with and the template element that is cloned into the shadow root. If you need to run code in the `connectedCallback`, be sure to call `super.connectedCallback()` first before adding any additional code to that method.
 
-Here is an example of how Rhelement should be extended
+Here is an example of how RHElement should be extended
 ```
-import Rhelement from "../rhelement/rhelement.js";
+import RHElement from "../rhelement/rhelement.js";
 
 const template = document.createElement("template");
 template.innerHTML = `
@@ -14,7 +14,7 @@ template.innerHTML = `
   <slot></slot> // any html can go in here
 `;
 
-class MyElement extends Rhelement {
+class MyElement extends RHElement {
   constructor() {
     /*
      * the call to super should be first and should contain two
@@ -67,7 +67,7 @@ Run `npm start` and Polyserve will start a server and open your default browser
 
 ## Code style
 
- Rhelement (and all RHElements) use [Prettier][prettier] to auto-format JS and JSON.  The style rules get applied when you commit a change.  If you choose to, you can [integrate your editor][prettier-ed] with Prettier to have the style rules applied on every save.
+ RHElement (and all RHElements) use [Prettier][prettier] to auto-format JS and JSON.  The style rules get applied when you commit a change.  If you choose to, you can [integrate your editor][prettier-ed] with Prettier to have the style rules applied on every save.
 
 [prettier]: https://github.com/prettier/prettier/
 [prettier-ed]: https://github.com/prettier/prettier/#editor-integration
diff --git a/elements/rhelement/rhelement.js b/elements/rhelement/rhelement.js
index e9b4513c58..467ba0a8f0 100644
--- a/elements/rhelement/rhelement.js
+++ b/elements/rhelement/rhelement.js
@@ -1,4 +1,4 @@
-class Rhelement extends HTMLElement {
+class RHElement extends HTMLElement {
   static create(rhe) {
     window.customElements.define(rhe.tag, rhe);
   }
@@ -29,4 +29,4 @@ class Rhelement extends HTMLElement {
   }
 }
 
-export default Rhelement;
+export default RHElement;