Move theming support from Beta to Main

.husky/commit-msg

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
 npx --no-install commitlint --edit "$1"

.husky/pre-commit

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
 ./node_modules/.bin/npm-run-all preCommit test linters postinstall

CHANGELOG.md

@@ -1,5 +1,34 @@
 # Semantic Release Automated Changelog
 
+# [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)
+
+
+### Features
+
+* **version:** implement custom versioned components ([f0c717c](https://github.com/AlaskaAirlines/auro-toast/commit/f0c717c9a70cf8a81b4beb8c42cc64cd8cf17cab))
+
+
+### Performance Improvements
+
+* **icon:** update to use dynamic named icon ([22939fd](https://github.com/AlaskaAirlines/auro-toast/commit/22939fdbacc04952d8b3a73b8796f8c7275781ef))
+
+# [1.2.0-beta.1](https://github.com/AlaskaAirlines/auro-toast/compare/v1.1.6...v1.2.0-beta.1) (2024-07-09)
+
+
+### Bug Fixes
+
+* **hover:** corrects minor visual jump in close button on hover ([7e1a45d](https://github.com/AlaskaAirlines/auro-toast/commit/7e1a45dd0ea7b7bf660757128f0855b1e0520f60))
+
+
+### Features
+
+* refactor color token structure with tier 3 tokens [#37](https://github.com/AlaskaAirlines/auro-toast/issues/37) ([4c3e3ce](https://github.com/AlaskaAirlines/auro-toast/commit/4c3e3ce2a5f503bbed3854a38014f339d6dbb2c1))
+
+
+### Performance Improvements
+
+* replace hard coded values with tokens ([f31eb13](https://github.com/AlaskaAirlines/auro-toast/commit/f31eb13358d815056a73179d4eb74b829323a9e2))
+
 ## [1.1.6](https://github.com/AlaskaAirlines/auro-toast/compare/v1.1.5...v1.1.6) (2024-02-22)
 
 

README.md

@@ -60,15 +60,6 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
 
 <!-- AURO-GENERATED-CONTENT:END -->
 
-### CSS Custom Property fallbacks
-
-<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/cssFallbacks.md) -->
-[CSS custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) are [not supported](https://auro.alaskaair.com/support/custom-properties) in older browsers. For this, fallback properties are pre-generated and included with the npm.
-
-Any update to the Auro Design Tokens will be immediately reflected with browsers that support CSS custom properties, legacy browsers will require updated components with pre-generated fallback properties.
-
-<!-- AURO-GENERATED-CONTENT:END -->
-
 ### Define dependency in project component
 
 <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentImportDescription.md) -->
@@ -120,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/[email protected]/dist/tokens/CSSCustomProperties.css" />
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/[email protected]/dist/bundled/essentials.css" />
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-toast@1.1.6/dist/auro-toast__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-toast@1.2.0-beta.2/dist/auro-toast__bundled.js" type="module"></script>
 ```
 
 <!-- AURO-GENERATED-CONTENT:END -->

demo/api.html

@@ -38,8 +38,6 @@
     </script>
     <script type="module" src="../index.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/dist/auro-icon__bundled.js" type="module"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
     <script type="module">
       import { initExamples } from "./api.min.js"
       initExamples();

demo/api.md

@@ -170,4 +170,22 @@ export function showToast(toastID) {
 };
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
-</auro-accordion>
+</auro-accordion>
+
+### Theme Support
+
+The component may be restyled using the following code sample and changing the values of the following token(s).
+
+<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../src/tokens.scss) -->
+<!-- The below code snippet is automatically added from ./../../src/tokens.scss -->
+
+```scss
+@import "./../node_modules/@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables";
+
+:host {
+  --ds-auro-toast-container-color: var(--ds-color-container-subtle-inverse, #{$ds-color-container-subtle-inverse});
+  --ds-auro-toast-text-color: var(--ds-color-text-primary-inverse, #{$ds-color-text-primary-inverse});
+  --ds-auro-toast-close-button-hover-container-color: var(--ds-color-container-ui-secondary-hover-default, #{$ds-color-container-ui-secondary-hover-default});
+}
+```
+<!-- AURO-GENERATED-CONTENT:END -->

demo/index.html

@@ -43,7 +43,6 @@
 
     <!-- If additional elements are needed for the demo, add them here. -->
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
     <script type="module" src="../index.js"></script>
     <script type="module">
       import { registerComponent } from "../index.js"

docs/partials/api.md

@@ -62,3 +62,11 @@ Using the `noIcon` attribute will set no icon to be visible in the notification.
 
 
 </auro-accordion>
+
+
+### Theme Support
+
+The component may be restyled using the following code sample and changing the values of the following token(s).
+
+<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../src/tokens.scss) -->
+<!-- AURO-GENERATED-CONTENT:END -->