diff --git a/CHANGELOG.md b/CHANGELOG.md
index 78b632f..2733231 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,23 @@
 # Semantic Release Automated Changelog
 
+# [2.0.0-beta.1](https://github.com/AlaskaAirlines/auro-toast/compare/v1.2.0-beta.2...v2.0.0-beta.1) (2024-09-26)
+
+
+### Features
+
+* add tag name as attribute when custom registered ([c140d41](https://github.com/AlaskaAirlines/auro-toast/commit/c140d41e678179a631e69efa01fb979f03ac767c))
+
+
+### Performance Improvements
+
+* refactor custom component registration config ([ec76cc7](https://github.com/AlaskaAirlines/auro-toast/commit/ec76cc76c3b386b0a13194a8ec8d68f6f03465f6))
+* update dependencies ([2831c72](https://github.com/AlaskaAirlines/auro-toast/commit/2831c7285753ce4281ce80cb24d0b3a11b89998a))
+
+
+### BREAKING CHANGES
+
+* trigger major release for theming support #37
+
 # [1.2.0-beta.2](https://github.com/AlaskaAirlines/auro-toast/compare/v1.2.0-beta.1...v1.2.0-beta.2) (2024-07-20)
 
 
diff --git a/README.md b/README.md
index d4915d4..b0ea4b7 100644
--- a/README.md
+++ b/README.md
@@ -111,7 +111,7 @@ In cases where the project is not able to process JS assets, there are pre-proce
 ```html
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.9.2/dist/tokens/CSSCustomProperties.css" />
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-toast@1.2.0-beta.2/dist/auro-toast__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-toast@2.0.0-beta.1/dist/auro-toast__bundled.js" type="module"></script>
 ```
 
 <!-- AURO-GENERATED-CONTENT:END -->
diff --git a/demo/index.md b/demo/index.md
index a91e7b4..f918b0f 100644
--- a/demo/index.md
+++ b/demo/index.md
@@ -239,8 +239,10 @@ There are two important parts of every Auro component. The <a href="https://deve
 To protect from versioning conflicts with other instances of the component being loaded, it is recommended to use our `registerComponent(name)` method and pass in a unique name.
 
 ```js
-import './node_modules/@aurodesignsystem/auro-toast';
-registerComponent('custom-toast');
+import { AuroToast } from './src/auro-toast.js';
+import * as RuntimeUtils from '@aurodesignsystem/auro-library/scripts/utils/runtimeUtils.mjs';
+
+RuntimeUtils.default.prototype.registerComponent('custom-toast', AuroToast);
 ```
 
 This will create a new custom element that you can use in your HTML that will function identically to the `auro-toast` element.
diff --git a/package.json b/package.json
index 03a2fe2..d262e9a 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "================================================================================"
   ],
   "name": "@aurodesignsystem/auro-toast",
-  "version": "1.2.0-beta.2",
+  "version": "2.0.0-beta.1",
   "description": "auro-toast HTML custom element",
   "repository": {
     "type": "git",