@aurodesignsystem-dev/auro-banner 0.0.0-pr103.0

package/CHANGELOG.md

@@ -0,0 +1,246 @@
+# Semantic Release Automated Changelog
+
+## [4.1.2](https://github.com/AlaskaAirlines/auro-banner/compare/v4.1.1...v4.1.2) (2025-08-14)
+
+
+### Bug Fixes
+
+* update auro-library to latest version ([24fdcc5](https://github.com/AlaskaAirlines/auro-banner/commit/24fdcc5757419716854e2295219d1d41f01c6e63))
+
+## [4.1.1](https://github.com/AlaskaAirlines/auro-banner/compare/v4.1.0...v4.1.1) (2025-07-09)
+
+
+### Bug Fixes
+
+* add themable type classes ([eb1b53b](https://github.com/AlaskaAirlines/auro-banner/commit/eb1b53bb2bb956efaf928f025abf1ce30fced814))
+* update docs head content ([aab8b91](https://github.com/AlaskaAirlines/auro-banner/commit/aab8b91fd2a4425571ad8814aae878fe428fc539))
+
+# [4.1.0](https://github.com/AlaskaAirlines/auro-banner/compare/v4.0.1...v4.1.0) (2025-04-30)
+
+
+### Features
+
+* update to use new color theme tokens [#80](https://github.com/AlaskaAirlines/auro-banner/issues/80) ([8aa3ecb](https://github.com/AlaskaAirlines/auro-banner/commit/8aa3ecb76b7f647a4cb5767ab39c35455236473c))
+
+## [4.0.1](https://github.com/AlaskaAirlines/auro-banner/compare/v4.0.0...v4.0.1) (2025-04-15)
+
+
+### Performance Improvements
+
+* add wca script for docs api ([02cb6e3](https://github.com/AlaskaAirlines/auro-banner/commit/02cb6e3f5b294b53b776ad48abecd8d7d586b06b))
+
+# [4.0.0](https://github.com/AlaskaAirlines/auro-banner/compare/v3.1.3...v4.0.0) (2025-02-28)
+
+
+* feat!: move peer dependencies to "real" dependencies ([9b9c93b](https://github.com/AlaskaAirlines/auro-banner/commit/9b9c93b93bcd1a0909e49e8d570198dc346d0567))
+
+
+### BREAKING CHANGES
+
+* last change was breaking _on a patch version_ because of peer dependencies
+
+Summary:
+  Our current build process relies on peer dependencies being present, but
+  the peer dependency pipeline is causing far more issues than it's worth.
+  Why not just make them regular dependencies? This is what this PR does :)
+
+## [3.1.3](https://github.com/AlaskaAirlines/auro-banner/compare/v3.1.2...v3.1.3) (2025-02-08)
+
+
+### Performance Improvements
+
+* update dependencies ([66e5743](https://github.com/AlaskaAirlines/auro-banner/commit/66e5743f8a3218b51f31d0fedadb5496a895aa22))
+* update mixins to support new npm spec ([2004ac7](https://github.com/AlaskaAirlines/auro-banner/commit/2004ac7db46e4290bc090e7ba5691ecd1650fba0))
+
+## [3.1.2](https://github.com/AlaskaAirlines/auro-banner/compare/v3.1.1...v3.1.2) (2024-12-23)
+
+
+### Bug Fixes
+
+* update auro-library ([4c17c28](https://github.com/AlaskaAirlines/auro-banner/commit/4c17c282b24abb4f7b61e31f0e5fb6ea169fc3d8))
+* update node version ([f3531b8](https://github.com/AlaskaAirlines/auro-banner/commit/f3531b8b79da4def5b8b37f24af41b22800c6599))
+* update package lock ([2c95de9](https://github.com/AlaskaAirlines/auro-banner/commit/2c95de9f40141ee051cf545235c01caaf3bd9394))
+
+## [3.1.1](https://github.com/AlaskaAirlines/auro-banner/compare/v3.1.0...v3.1.1) (2024-11-23)
+
+
+### Bug Fixes
+
+* update markdown partial pathing to consume new auro lib [#72](https://github.com/AlaskaAirlines/auro-banner/issues/72) ([3bd64df](https://github.com/AlaskaAirlines/auro-banner/commit/3bd64df136d08e173651a6ebc86b1b2c6aec6562))
+
+
+### Performance Improvements
+
+* update library to 3.0.2 ([a7d9831](https://github.com/AlaskaAirlines/auro-banner/commit/a7d98311e4742e1ba2cbde1abe15cb2195e81a2d))
+
+# [3.1.0](https://github.com/AlaskaAirlines/auro-banner/compare/v3.0.1...v3.1.0) (2024-10-23)
+
+
+### Features
+
+* **api:** add register static method [#70](https://github.com/AlaskaAirlines/auro-banner/issues/70) ([a3ffbd2](https://github.com/AlaskaAirlines/auro-banner/commit/a3ffbd297e8a9791097174d01bd28dfb0370ba51))
+
+
+### Performance Improvements
+
+* update dependency versions ([82b19cf](https://github.com/AlaskaAirlines/auro-banner/commit/82b19cf0bc79c068b346dfd9c7183ea434569ddd))
+
+## [3.0.1](https://github.com/AlaskaAirlines/auro-banner/compare/v3.0.0...v3.0.1) (2024-10-08)
+
+
+### Bug Fixes
+
+* moves auro library to dependencies in package.json [#68](https://github.com/AlaskaAirlines/auro-banner/issues/68) ([e79b9bc](https://github.com/AlaskaAirlines/auro-banner/commit/e79b9bc6901b15cf7a9977060f32985412aaab5c))
+
+# [3.0.0](https://github.com/AlaskaAirlines/auro-banner/compare/v2.0.7...v3.0.0) (2024-09-30)
+
+
+### Bug Fixes
+
+* resolve minor color theming issues [#57](https://github.com/AlaskaAirlines/auro-banner/issues/57) ([167aa4d](https://github.com/AlaskaAirlines/auro-banner/commit/167aa4da7295ef7be8ea4fad5933a67817dd6b6b))
+
+
+### Features
+
+* add attribute as tag name when custom registered ([6b08477](https://github.com/AlaskaAirlines/auro-banner/commit/6b08477ae8ce4ad00e0ea05f0ff70b961cb593ad))
+* refactor color tokens with tier 3 tokens [#57](https://github.com/AlaskaAirlines/auro-banner/issues/57) ([26d976d](https://github.com/AlaskaAirlines/auro-banner/commit/26d976d313d48328d3cadaac52bb7f65f8108d32))
+* use custom registered auro-header ([965ca98](https://github.com/AlaskaAirlines/auro-banner/commit/965ca98f02c10198ad3f4c8777a9c8bd727875b6))
+
+
+### Performance Improvements
+
+* refactor custom component registration config ([97a6262](https://github.com/AlaskaAirlines/auro-banner/commit/97a6262280f0ceebcbcb3b1e56331cde21895031))
+* update dependencies ([15541ad](https://github.com/AlaskaAirlines/auro-banner/commit/15541ad6b091f0a948ea75bc9a5d00dcb4f21732))
+* update dependencies ([70a4b58](https://github.com/AlaskaAirlines/auro-banner/commit/70a4b58d897e9c72debd7953b82df2d85b93d52f))
+* update dependencies and lint configuration ([16a4b0f](https://github.com/AlaskaAirlines/auro-banner/commit/16a4b0f9142e0ddcc0464d1e98266e1efe32a0d8))
+
+
+### BREAKING CHANGES
+
+* trigger major release for color theme support #57
+
+## [2.0.7](https://github.com/AlaskaAirlines/auro-banner/compare/v2.0.6...v2.0.7) (2024-05-13)
+
+
+### Bug Fixes
+
+* **docs:** use correct generateDocs script and file names ([374e7ca](https://github.com/AlaskaAirlines/auro-banner/commit/374e7caa0ed9aca0ac69abdd15f74518108c5151))
+
+
+### Performance Improvements
+
+* **images:** update path of images ([761113b](https://github.com/AlaskaAirlines/auro-banner/commit/761113bf72a8b5d6c1f3ec02015bad95aa7654b5))
+
+## [2.0.6](https://github.com/AlaskaAirlines/auro-banner/compare/v2.0.5...v2.0.6) (2024-02-23)
+
+
+### Performance Improvements
+
+* **docs:** add custom registration example ([d0d3aa9](https://github.com/AlaskaAirlines/auro-banner/commit/d0d3aa922e7a9acc3dac736416952afa2c40093f))
+
+## [2.0.5](https://github.com/AlaskaAirlines/auro-banner/compare/v2.0.4...v2.0.5) (2024-02-20)
+
+
+### Bug Fixes
+
+* **styles:** style template uses lit correctly ([4e2b2e2](https://github.com/AlaskaAirlines/auro-banner/commit/4e2b2e28dd35f6f1c78ecbc58832776868c27f4a))
+
+## [2.0.4](https://github.com/AlaskaAirlines/auro-banner/compare/v2.0.3...v2.0.4) (2024-02-13)
+
+
+### Performance Improvements
+
+* update auro dependencies ([fcf9d6f](https://github.com/AlaskaAirlines/auro-banner/commit/fcf9d6fbd6cd02df1549c512cfa023b258f37d50))
+
+## [2.0.3](https://github.com/AlaskaAirlines/auro-banner/compare/v2.0.2...v2.0.3) (2024-02-01)
+
+
+### Performance Improvements
+
+* update auro dependencies ([70279e0](https://github.com/AlaskaAirlines/auro-banner/commit/70279e0ec1f184d0920248def79443ad2f58cfea))
+
+## [2.0.2](https://github.com/AlaskaAirlines/auro-banner/compare/v2.0.1...v2.0.2) (2024-01-31)
+
+
+### Performance Improvements
+
+* alaskaairux ref updates ([b2fa155](https://github.com/AlaskaAirlines/auro-banner/commit/b2fa1555a0391118a4672b9a0abfa772bd590d64))
+
+## [2.0.1](https://github.com/AlaskaAirlines/auro-banner/compare/v2.0.0...v2.0.1) (2024-01-27)
+
+
+### Performance Improvements
+
+* update index per SSR support ([f628ee9](https://github.com/AlaskaAirlines/auro-banner/commit/f628ee94d2e1478cf33e206a5c6a1a5dd9bfc9b6))
+
+# [2.0.0](https://github.com/AlaskaAirlines/auro-banner/compare/v1.1.0...v2.0.0) (2024-01-24)
+
+
+### Documentation
+
+* update demo template ([1c550c7](https://github.com/AlaskaAirlines/auro-banner/commit/1c550c716d39c92bdd3ec897d340989b4a4a0293))
+
+
+### Features
+
+* **modernize:** rebuild component using the generator [#49](https://github.com/AlaskaAirlines/auro-banner/issues/49) ([3ce06bb](https://github.com/AlaskaAirlines/auro-banner/commit/3ce06bb406c6af608c83be951287284679bdc904))
+* **ssr:** add support for SSR projects [#50](https://github.com/AlaskaAirlines/auro-banner/issues/50) ([b276957](https://github.com/AlaskaAirlines/auro-banner/commit/b276957493a8e84e3f4eb409852e2ea5aee81e47))
+* **tokens:** implement theming support [#51](https://github.com/AlaskaAirlines/auro-banner/issues/51) ([ebfc5e5](https://github.com/AlaskaAirlines/auro-banner/commit/ebfc5e50d300514b297858ddcd02c33471a35fd3))
+
+
+### Performance Improvements
+
+* **accordion:** update doc accordion attributes ([f8ae926](https://github.com/AlaskaAirlines/auro-banner/commit/f8ae92622585e8e03231df96388b2e5c6ed5f18a))
+
+
+### BREAKING CHANGES
+
+* This is NOT the breaking commit, but the npm namespace
+has been updated and requires a MAJOR release.
+
+Changes to be committed:
+modified:   demo/index.md
+modified:   docs/partials/index.md
+
+# [1.1.0](https://github.com/AlaskaAirlines/aurolabs-banner/compare/v1.0.4...v1.1.0) (2021-07-09)
+
+
+### Features
+
+* add the row attribute so the banner can be stay as a row on mobile ([89f558e](https://github.com/AlaskaAirlines/aurolabs-banner/commit/89f558eb9af23c8abc2d1c165a14b9ab0654e438))
+
+## [1.0.4](https://github.com/AlaskaAirlines/aurolabs-banner/compare/v1.0.3...v1.0.4) (2021-07-08)
+
+
+### Bug Fixes
+
+* make the rounder border an auro-variable ([ad854df](https://github.com/AlaskaAirlines/aurolabs-banner/commit/ad854df2a7ab1f11c6f7ed1d33053d8934d8f910))
+
+## [1.0.3](https://github.com/AlaskaAirlines/aurolabs-banner/compare/v1.0.2...v1.0.3) (2021-06-16)
+
+
+### Bug Fixes
+
+* Add max-width to slotted images ([0b89484](https://github.com/AlaskaAirlines/aurolabs-banner/commit/0b8948418cb72a8f9ec37b02bb5202f3501fea5b))
+
+## [1.0.2](https://github.com/AlaskaAirlines/aurolabs-banner/compare/v1.0.1...v1.0.2) (2021-06-07)
+
+
+### Bug Fixes
+
+* allow the inset property on mobile ([4625a2a](https://github.com/AlaskaAirlines/aurolabs-banner/commit/4625a2a38a209fd043a30aa50ac64d4d3c30272c))
+
+## [1.0.1](https://github.com/AlaskaAirlines/aurolabs-banner/compare/v1.0.0...v1.0.1) (2021-06-02)
+
+
+### Bug Fixes
+
+* rename package from aurolabs-banner to auro-banner ([9a6979d](https://github.com/AlaskaAirlines/aurolabs-banner/commit/9a6979db96671b9403f1b3350b6416a4bafd1099))
+
+# 1.0.0 (2021-06-01)
+
+
+### Features
+
+* fix linting issues ([5e52b2f](https://github.com/AlaskaAirlines/aurolabs-banner/commit/5e52b2f02524287b675d192c3f1485980be7d2d5))
+* fix tests ([526c15d](https://github.com/AlaskaAirlines/aurolabs-banner/commit/526c15dcc111598cac632ecade26d95590d960bd))

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/NOTICE

@@ -0,0 +1,2 @@
+Alaska Airlines Auro Design System
+Copyright 2024 Alaska Airlines, Inc. or its affiliates. All Rights Reserved.

package/README.md

@@ -0,0 +1,204 @@
+<!--
+The README.md file is a compiled document. No edits should be made directly to this file.
+
+README.md is created by running `npm run build:docs`.
+
+This file is generated based on a template fetched from
+`https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/README.md`
+and copied to `./componentDocs/README.md` each time the docs are compiled.
+
+The following sections are editable by making changes to the following files:
+
+| SECTION                | DESCRIPTION                                       | FILE LOCATION                       |
+|------------------------|---------------------------------------------------|-------------------------------------|
+| Description            | Description of the component                      | `./docs/partials/description.md`    |
+| Use Cases              | Examples for when to use this component           | `./docs/partials/useCases.md`       |
+| Additional Information | For use to add any component specific information | `./docs/partials/readmeAddlInfo.md` |
+| Component Example Code | HTML sample code of the components use            | `./apiExamples/basic.html`          |
+-->
+
+# Banner
+
+<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/description.md) -->
+<!-- The below content is automatically added from ./docs/partials/description.md -->
+The `<auro-banner>` element provides users a flexible way to convey a summary of information. The primary elements of a banner include an image, and details.
+
+The details are broken down into `prefix`, `title`, `description`, `action`, and `disclaimer`.
+<!-- AURO-GENERATED-CONTENT:END -->
+<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/readmeAddlInfo.md) -->
+<!-- The below content is automatically added from ./docs/partials/readmeAddlInfo.md -->
+<!-- AURO-GENERATED-CONTENT This file is to be used for any additional content that should be included in the README.md which is specific to this component. -->
+**Do not** use `<auro-banner>` as a primary source of information.
+<!-- AURO-GENERATED-CONTENT:END -->
+
+## Use Cases
+
+<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/useCases.md) -->
+<!-- The below content is automatically added from ./docs/partials/useCases.md -->
+Use the `<auro-banner>` element to:
+
+* grab the attention of a user
+* direct your user to another resource for further information
+<!-- AURO-GENERATED-CONTENT:END -->
+
+## Install
+
+<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/usage/componentInstall.md) -->
+[![Build Status](https://img.shields.io/github/actions/workflow/status/AlaskaAirlines/auro-banner/release.yml?style=for-the-badge)](https://github.com/AlaskaAirlines/auro-banner/actions/workflows/release.yml)
+[![See it on NPM!](https://img.shields.io/npm/v/@aurodesignsystem/auro-banner?style=for-the-badge&color=orange)](https://www.npmjs.com/package/@aurodesignsystem/auro-banner)
+[![License](https://img.shields.io/npm/l/@aurodesignsystem/auro-banner?color=blue&style=for-the-badge)](https://www.apache.org/licenses/LICENSE-2.0)
+![ESM supported](https://img.shields.io/badge/ESM-compatible-FFE900?style=for-the-badge)
+
+```shell
+$ npm i @aurodesignsystem/auro-banner
+```
+
+<!-- AURO-GENERATED-CONTENT:END -->
+
+### Define Dependency in Project
+
+<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/usage/componentImportDescription.md) -->
+Defining the dependency within each project that is using the `<auro-banner>` component.
+
+<!-- AURO-GENERATED-CONTENT:END -->
+<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/usage/componentImport.md) -->
+
+```js
+import "@aurodesignsystem/auro-banner";
+```
+
+<!-- AURO-GENERATED-CONTENT:END -->
+
+### Use CDN
+
+<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/usage/bundleInstallDescription.md) -->
+In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
+
+```html
+<script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-banner@latest/+esm"></script>
+```
+
+<!-- AURO-GENERATED-CONTENT:END -->
+
+## Basic Example
+
+<!-- AURO-GENERATED-CONTENT:START (CODE:src=./apiExamples/basic.html) -->
+<!-- The below code snippet is automatically added from ./apiExamples/basic.html -->
+
+```html
+<auro-banner billboard>
+  <picture slot="displayImage">
+    <source srcset="https://picsum.photos/id/196/1124/800" media="(min-width: 1024px)">
+    <source srcset="https://picsum.photos/id/196/1124/1000" media="(min-width: 768px)">
+    <source srcset="https://picsum.photos/id/196/736/750" media="(min-width: 736px)">
+    <source srcset="https://picsum.photos/id/196/736/1400" media="(min-width: 375px)">
+    <source srcset="https://picsum.photos/id/196/320/700" media="(min-width: 320px)">
+    <img src="https://picsum.photos/id/196/225/550" alt="" />
+  </picture>
+  <img
+    slot="contentImage"
+    src="https://images.contentstack.io/v3/assets/blt2cefe12c88e9dd91/bltc1fa673bb196d177/6633f3de693c294c708b20de/oneworld-travel-bright-Horizontal-300.png"
+    alt="Random insert"/>
+  <p slot="description">
+    We’ll explain any additional costs before you book your car rental. More details on what’s included? Just check the Ts&Cs of any car.
+  </p>
+  <auro-hyperlink
+    type="cta"
+    variant="secondary"
+    href="/"
+    slot="action"
+    target="_blank">
+    More info
+  </auro-hyperlink>
+</auro-banner>
+```
+<!-- AURO-GENERATED-CONTENT:END -->
+
+## Custom Component Registration for Version Management
+
+There are two key parts to every Auro component: the <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes">class</a> and the custom element definition.
+The class defines the component’s behavior, while the custom element registers it under a specific name so it can be used in HTML.
+
+When you install the component as described on the `Install` page, the class is imported automatically, and the component is registered globally for you.
+
+However, if you need to load multiple versions of the same component on a single page (for example, when two projects depend on different versions), you can manually register the class under a custom element name to avoid conflicts.
+
+You can do this by importing only the component class and using the `register(name)` method with a unique name:
+
+<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/customRegistration.md) -->
+<!-- The below content is automatically added from ./docs/partials/customRegistration.md -->
+
+```js
+// Import the class only
+import { AuroBanner } from '@aurodesignsystem/auro-banner/class';
+
+// Register with a custom name if desired
+AuroBanner.register('custom-banner');
+```
+
+This will create a new custom element `<custom-banner>` that behaves exactly like `<auro-banner>`, allowing both sets of components to coexist on the same page without interfering with each other.
+<!-- AURO-GENERATED-CONTENT:END -->
+<div class="exampleWrapper exampleWrapper--flex">
+  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./apiExamples/custom.html) -->
+  <!-- The below content is automatically added from ./apiExamples/custom.html -->
+  <custom-banner billboard>
+    <picture slot="displayImage">
+      <source srcset="https://picsum.photos/id/196/1124/800" media="(min-width: 1024px)">
+      <source srcset="https://picsum.photos/id/196/1124/1000" media="(min-width: 768px)">
+      <source srcset="https://picsum.photos/id/196/736/750" media="(min-width: 736px)">
+      <source srcset="https://picsum.photos/id/196/736/1400" media="(min-width: 375px)">
+      <source srcset="https://picsum.photos/id/196/320/700" media="(min-width: 320px)">
+      <img src="https://picsum.photos/id/196/225/550" alt="" />
+    </picture>
+    <img
+      slot="contentImage"
+      src="https://images.contentstack.io/v3/assets/blt2cefe12c88e9dd91/bltc1fa673bb196d177/6633f3de693c294c708b20de/oneworld-travel-bright-Horizontal-300.png"
+      alt="Random insert"/>
+    <p slot="description">
+      We’ll explain any additional costs before you book your car rental. More details on what’s included? Just check the Ts&Cs of any car.
+    </p>
+    <auro-hyperlink
+      type="cta"
+      variant="secondary"
+      href="/"
+      slot="action"
+      target="_blank">
+      More info
+    </auro-hyperlink>
+  </custom-banner>
+  <!-- AURO-GENERATED-CONTENT:END -->
+</div>
+<auro-accordion alignRight>
+  <span slot="trigger">See code</span>
+<!-- AURO-GENERATED-CONTENT:START (CODE:src=./apiExamples/custom.html) -->
+<!-- The below code snippet is automatically added from ./apiExamples/custom.html -->
+
+```html
+<custom-banner billboard>
+  <picture slot="displayImage">
+    <source srcset="https://picsum.photos/id/196/1124/800" media="(min-width: 1024px)">
+    <source srcset="https://picsum.photos/id/196/1124/1000" media="(min-width: 768px)">
+    <source srcset="https://picsum.photos/id/196/736/750" media="(min-width: 736px)">
+    <source srcset="https://picsum.photos/id/196/736/1400" media="(min-width: 375px)">
+    <source srcset="https://picsum.photos/id/196/320/700" media="(min-width: 320px)">
+    <img src="https://picsum.photos/id/196/225/550" alt="" />
+  </picture>
+  <img
+    slot="contentImage"
+    src="https://images.contentstack.io/v3/assets/blt2cefe12c88e9dd91/bltc1fa673bb196d177/6633f3de693c294c708b20de/oneworld-travel-bright-Horizontal-300.png"
+    alt="Random insert"/>
+  <p slot="description">
+    We’ll explain any additional costs before you book your car rental. More details on what’s included? Just check the Ts&Cs of any car.
+  </p>
+  <auro-hyperlink
+    type="cta"
+    variant="secondary"
+    href="/"
+    slot="action"
+    target="_blank">
+    More info
+  </auro-hyperlink>
+</custom-banner>
+```
+<!-- AURO-GENERATED-CONTENT:END -->
+</auro-accordion>