@jack-henry/jh-icons 2.0.0-beta.6 → 2.0.0-beta.7

package/icons-wc/icon-box-archive.js

@@ -0,0 +1,88 @@
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
+import {LitElement, css, html} from 'lit';
+
+export default class JhIconBoxArchive extends LitElement {
+  /** @type {ElementInternals} */
+  #internals;
+
+  static get styles() {
+    return css`
+      :host {
+        fill: var(
+          --jh-icon-color-fill,
+          var(--jh-color-content-secondary-enabled)
+        );
+        width: var(--icon-size);
+        height: var(--icon-size);
+        display: inline-block;
+      }
+      :host([size='x-small']) {
+        --icon-size: var(
+          --jh-icon-size-extra-small,
+          var(--jh-dimension-400)
+        );
+      }
+      :host([size='small']) {
+        --icon-size: var(
+          --jh-icon-size-small,
+          var(--jh-dimension-500)
+        );
+      }
+      :host([size='medium']) {
+        --icon-size: var(
+          --jh-icon-size-medium,
+          var(--jh-dimension-600)
+        );
+      }
+      :host([size='large']) {
+        --icon-size: var(
+          --jh-icon-size-large,
+          var(--jh-dimension-900)
+        );
+      }
+      :host([size='x-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-large,
+          var(--jh-dimension-1400)
+        );
+      }
+      svg {
+        width: 100%;
+        height: 100%;
+      }
+    `;
+  }
+
+  static get properties() {
+    return {
+      /**
+      * The size of the icon.
+      */
+      size: {
+        type: String, reflect: true 
+      }
+    }
+  }
+
+  constructor() {
+    super();
+    this.#internals = this.attachInternals();
+    this.#internals.role = 'graphics-symbol';
+    this.#internals.ariaHidden = 'true';
+
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    this.size = 'medium';
+  }
+
+  render() {
+    return html`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">   <path d="M20.102 4.005A1 1 0 0 1 21 5v2l-.005.103a1 1 0 0 1-.893.892L20 8h-.25v9a2.25 2.25 0 0 1-2.25 2.25h-11A2.25 2.25 0 0 1 4.25 17V8H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h16l.102.005ZM5.75 17c0 .414.336.75.75.75h11a.75.75 0 0 0 .75-.75V8H5.75v9Zm7.75-8a2 2 0 0 1 .204 3.99L13.5 13h-3l-.204-.01A2 2 0 0 1 10.5 9h3Zm-3 1.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Zm-6-4h15v-1h-15v1Z"/> </svg> 
+    `;
+  }
+}
+
+customElements.define('jh-icon-box-archive', JhIconBoxArchive);

package/icons-wc/icon-box-open.js

@@ -0,0 +1,88 @@
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
+import {LitElement, css, html} from 'lit';
+
+export default class JhIconBoxOpen extends LitElement {
+  /** @type {ElementInternals} */
+  #internals;
+
+  static get styles() {
+    return css`
+      :host {
+        fill: var(
+          --jh-icon-color-fill,
+          var(--jh-color-content-secondary-enabled)
+        );
+        width: var(--icon-size);
+        height: var(--icon-size);
+        display: inline-block;
+      }
+      :host([size='x-small']) {
+        --icon-size: var(
+          --jh-icon-size-extra-small,
+          var(--jh-dimension-400)
+        );
+      }
+      :host([size='small']) {
+        --icon-size: var(
+          --jh-icon-size-small,
+          var(--jh-dimension-500)
+        );
+      }
+      :host([size='medium']) {
+        --icon-size: var(
+          --jh-icon-size-medium,
+          var(--jh-dimension-600)
+        );
+      }
+      :host([size='large']) {
+        --icon-size: var(
+          --jh-icon-size-large,
+          var(--jh-dimension-900)
+        );
+      }
+      :host([size='x-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-large,
+          var(--jh-dimension-1400)
+        );
+      }
+      svg {
+        width: 100%;
+        height: 100%;
+      }
+    `;
+  }
+
+  static get properties() {
+    return {
+      /**
+      * The size of the icon.
+      */
+      size: {
+        type: String, reflect: true 
+      }
+    }
+  }
+
+  constructor() {
+    super();
+    this.#internals = this.attachInternals();
+    this.#internals.role = 'graphics-symbol';
+    this.#internals.ariaHidden = 'true';
+
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    this.size = 'medium';
+  }
+
+  render() {
+    return html`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">   <path d="M11.775 3.873a.751.751 0 0 1 .52.026l6.917 2.965.009.004.034.016.033.018c.015.008.03.016.043.026l.01.007.03.022.02.016.01.007.016.015a.773.773 0 0 1 .083.088c.003.004.008.008.01.012l2.333 3.014a.75.75 0 0 1-.297 1.149l-1.878.803v4.385c0 .3-.18.571-.455.69L12.296 20.1a.749.749 0 0 1-.297.06.752.752 0 0 1-.288-.059c-.002 0-.004 0-.006-.002l-6.918-2.964a.751.751 0 0 1-.454-.69v-4.384l-1.879-.804a.75.75 0 0 1-.297-1.149L4.49 7.095l.011-.012a.75.75 0 0 1 .166-.153l.004-.002.01-.007a.73.73 0 0 1 .088-.048l.018-.009L11.704 3.9l.071-.026Zm2.853 10.349a.75.75 0 0 1-.889-.23l-.99-1.28v5.561l5.419-2.32v-3.249l-3.54 1.518Zm-8.795 1.73 5.416 2.32v-5.557l-.988 1.277a.75.75 0 0 1-.889.23l-3.539-1.517v3.247ZM3.937 10.26l5.493 2.354 1.385-1.787L5.32 8.472 3.937 10.26Zm9.249.567 1.384 1.787 5.494-2.354-1.385-1.788-5.493 2.355ZM6.984 7.553l4.873 2.087a.755.755 0 0 1 .284 0l4.872-2.087-5.014-2.149-5.015 2.149Z"/> </svg>   
+    `;
+  }
+}
+
+customElements.define('jh-icon-box-open', JhIconBoxOpen);

package/icons-wc/icon-box.js

@@ -0,0 +1,88 @@
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
+import {LitElement, css, html} from 'lit';
+
+export default class JhIconBox extends LitElement {
+  /** @type {ElementInternals} */
+  #internals;
+
+  static get styles() {
+    return css`
+      :host {
+        fill: var(
+          --jh-icon-color-fill,
+          var(--jh-color-content-secondary-enabled)
+        );
+        width: var(--icon-size);
+        height: var(--icon-size);
+        display: inline-block;
+      }
+      :host([size='x-small']) {
+        --icon-size: var(
+          --jh-icon-size-extra-small,
+          var(--jh-dimension-400)
+        );
+      }
+      :host([size='small']) {
+        --icon-size: var(
+          --jh-icon-size-small,
+          var(--jh-dimension-500)
+        );
+      }
+      :host([size='medium']) {
+        --icon-size: var(
+          --jh-icon-size-medium,
+          var(--jh-dimension-600)
+        );
+      }
+      :host([size='large']) {
+        --icon-size: var(
+          --jh-icon-size-large,
+          var(--jh-dimension-900)
+        );
+      }
+      :host([size='x-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-large,
+          var(--jh-dimension-1400)
+        );
+      }
+      svg {
+        width: 100%;
+        height: 100%;
+      }
+    `;
+  }
+
+  static get properties() {
+    return {
+      /**
+      * The size of the icon.
+      */
+      size: {
+        type: String, reflect: true 
+      }
+    }
+  }
+
+  constructor() {
+    super();
+    this.#internals = this.attachInternals();
+    this.#internals.role = 'graphics-symbol';
+    this.#internals.ariaHidden = 'true';
+
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    this.size = 'medium';
+  }
+
+  render() {
+    return html`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">   <path d="M11.776 2.713a.75.75 0 0 1 .519.026l8 3.429.015.007a.77.77 0 0 1 .053.027.39.39 0 0 1 .044.026l.006.003a.749.749 0 0 1 .203.2c.01.014.018.028.027.043.008.015.018.029.026.045a.678.678 0 0 1 .05.13.769.769 0 0 1 .016.07.763.763 0 0 1 .015.139v10.285a.75.75 0 0 1-.454.689l-8.001 3.429a.75.75 0 0 1-.59 0l-8.002-3.429a.75.75 0 0 1-.454-.69V6.858l.006-.093a.755.755 0 0 1 .111-.309l.023-.031a.748.748 0 0 1 .04-.053l.017-.02a.746.746 0 0 1 .067-.064l.008-.007a.75.75 0 0 1 .065-.049c.002 0 .003-.002.005-.003l.05-.029a.754.754 0 0 1 .044-.022l.018-.009 8.001-3.429.072-.026ZM4.75 16.647l6.5 2.786V10.78l-6.5-2.786v8.654Zm8-5.867v8.653l6.501-2.785V7.994L12.75 10.78ZM9.713 8.49l2.286.98 6.097-2.614-2.33-.998L9.714 8.49Zm-3.81-1.634 1.916.822 6.054-2.631-1.874-.803-6.097 2.612Z"/> </svg> 
+    `;
+  }
+}
+
+customElements.define('jh-icon-box', JhIconBox);

package/icons-wc/icon-briefcase.js

@@ -1,7 +1,8 @@
-// SPDX-FileCopyrightText: 2025 Jack Henry
-//
-// SPDX-License-Identifier: Apache-2.0
-
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
 import {LitElement, css, html} from 'lit';
 
 export default class JhIconBriefcase extends LitElement {

package/icons-wc/icon-broom.js

@@ -0,0 +1,88 @@
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
+import {LitElement, css, html} from 'lit';
+
+export default class JhIconBroom extends LitElement {
+  /** @type {ElementInternals} */
+  #internals;
+
+  static get styles() {
+    return css`
+      :host {
+        fill: var(
+          --jh-icon-color-fill,
+          var(--jh-color-content-secondary-enabled)
+        );
+        width: var(--icon-size);
+        height: var(--icon-size);
+        display: inline-block;
+      }
+      :host([size='x-small']) {
+        --icon-size: var(
+          --jh-icon-size-extra-small,
+          var(--jh-dimension-400)
+        );
+      }
+      :host([size='small']) {
+        --icon-size: var(
+          --jh-icon-size-small,
+          var(--jh-dimension-500)
+        );
+      }
+      :host([size='medium']) {
+        --icon-size: var(
+          --jh-icon-size-medium,
+          var(--jh-dimension-600)
+        );
+      }
+      :host([size='large']) {
+        --icon-size: var(
+          --jh-icon-size-large,
+          var(--jh-dimension-900)
+        );
+      }
+      :host([size='x-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-large,
+          var(--jh-dimension-1400)
+        );
+      }
+      svg {
+        width: 100%;
+        height: 100%;
+      }
+    `;
+  }
+
+  static get properties() {
+    return {
+      /**
+      * The size of the icon.
+      */
+      size: {
+        type: String, reflect: true 
+      }
+    }
+  }
+
+  constructor() {
+    super();
+    this.#internals = this.attachInternals();
+    this.#internals.role = 'graphics-symbol';
+    this.#internals.ariaHidden = 'true';
+
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    this.size = 'medium';
+  }
+
+  render() {
+    return html`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">   <path d="M18.559 2.84a1.75 1.75 0 0 1 2.438-.279l.165.13a1.75 1.75 0 0 1 .319 2.432l-6.849 9.074c.996 1.004 1.227 2.543.61 3.818-.179.37-.35.74-.484 1.058-.34.807-.768 1.561-1.42 2.06-.691.53-1.537.704-2.54.538-.586-.097-1.24-.389-1.887-.762a17.22 17.22 0 0 1-2.073-1.44c-1.41-1.124-2.858-2.542-3.95-3.886a.751.751 0 0 1 .693-1.215c.947.14 1.475-.11 1.845-.401a4.34 4.34 0 0 0 .56-.555c.156-.176.382-.446.63-.624.282-.202.604-.46.925-.729 1.084-.907 2.635-1.084 3.865-.374l7.153-8.845ZM7.454 14.036a4.5 4.5 0 0 0-.344.37 5.776 5.776 0 0 1-.755.74c-.352.277-.775.51-1.29.643.2.214.408.426.62.637.091.015.215.031.358.031.319 0 .69-.073 1.016-.328a.75.75 0 1 1 .923 1.183 2.95 2.95 0 0 1-.844.458 19.192 19.192 0 0 0 1.542 1.206l.006.002c.139.015.344.027.587.007a3.013 3.013 0 0 0 1.71-.707.75.75 0 0 1 .965 1.15 4.56 4.56 0 0 1-1.15.703c.089.026.17.047.245.06.679.111 1.083-.018 1.382-.248.318-.243.604-.665.895-1.325l-5.866-4.582Zm3.41-.916c-.623-.486-1.51-.496-2.192-.036l5.284 4.128c.293-.761.072-1.62-.553-2.108l-2.54-1.984Zm9.21-9.377a.25.25 0 0 0-.348.04l-7.115 8.799.856.669 6.818-9.031a.251.251 0 0 0-.047-.348l-.164-.129Z"/> </svg> 
+    `;
+  }
+}
+
+customElements.define('jh-icon-broom', JhIconBroom);

package/icons-wc/icon-browser.js

@@ -1,7 +1,8 @@
-// SPDX-FileCopyrightText: 2025 Jack Henry
-//
-// SPDX-License-Identifier: Apache-2.0
-
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
 import {LitElement, css, html} from 'lit';
 
 export default class JhIconBrowser extends LitElement {

package/icons-wc/icon-bug-filled.js

@@ -0,0 +1,88 @@
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
+import {LitElement, css, html} from 'lit';
+
+export default class JhIconBugFilled extends LitElement {
+  /** @type {ElementInternals} */
+  #internals;
+
+  static get styles() {
+    return css`
+      :host {
+        fill: var(
+          --jh-icon-color-fill,
+          var(--jh-color-content-secondary-enabled)
+        );
+        width: var(--icon-size);
+        height: var(--icon-size);
+        display: inline-block;
+      }
+      :host([size='x-small']) {
+        --icon-size: var(
+          --jh-icon-size-extra-small,
+          var(--jh-dimension-400)
+        );
+      }
+      :host([size='small']) {
+        --icon-size: var(
+          --jh-icon-size-small,
+          var(--jh-dimension-500)
+        );
+      }
+      :host([size='medium']) {
+        --icon-size: var(
+          --jh-icon-size-medium,
+          var(--jh-dimension-600)
+        );
+      }
+      :host([size='large']) {
+        --icon-size: var(
+          --jh-icon-size-large,
+          var(--jh-dimension-900)
+        );
+      }
+      :host([size='x-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-large,
+          var(--jh-dimension-1400)
+        );
+      }
+      svg {
+        width: 100%;
+        height: 100%;
+      }
+    `;
+  }
+
+  static get properties() {
+    return {
+      /**
+      * The size of the icon.
+      */
+      size: {
+        type: String, reflect: true 
+      }
+    }
+  }
+
+  constructor() {
+    super();
+    this.#internals = this.attachInternals();
+    this.#internals.role = 'graphics-symbol';
+    this.#internals.ariaHidden = 'true';
+
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    this.size = 'medium';
+  }
+
+  render() {
+    return html`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">   <path d="M3.209 8.967a.75.75 0 0 1 1.038.216l.775 1.182a1.25 1.25 0 0 0 1.704.377l.147-.093a5.63 5.63 0 0 0 1.254 1.678c.808.75 1.892 1.352 3.123 1.527v8.016c-1.216-.018-1.932-.185-3.563-1.612-.333-.292-.64-.684-.921-1.132a6.577 6.577 0 0 1-.335-.602c-.31.147-.556.42-.662.77l-.425 1.422a.751.751 0 0 1-1.438-.432l.427-1.42a2.747 2.747 0 0 1 1.6-1.758 7.395 7.395 0 0 1-.157-2.197 1.25 1.25 0 0 0-.738.368l-1.505 1.55a.75.75 0 0 1-1.076-1.045l1.505-1.55a2.75 2.75 0 0 1 1.972-.834h.086c.081-.329.178-.657.291-.982a2.747 2.747 0 0 1-2.544-1.229l-.774-1.182a.75.75 0 0 1 .216-1.038Zm16.544.216a.75.75 0 0 1 1.254.822l-.775 1.182a2.748 2.748 0 0 1-2.567 1.227c.111.326.207.654.285.984h.115a2.75 2.75 0 0 1 1.973.834l1.505 1.55a.75.75 0 0 1-1.076 1.045l-1.505-1.55a1.251 1.251 0 0 0-.777-.373 7.624 7.624 0 0 1-.154 2.187 2.749 2.749 0 0 1 1.636 1.772l.427 1.421a.751.751 0 0 1-1.438.432l-.426-1.422a1.248 1.248 0 0 0-.682-.778c-.1.211-.21.42-.335.626-.28.463-.582.853-.9 1.116-1.478 1.22-2.302 1.53-3.563 1.598v-8.01c1.208-.185 2.271-.78 3.066-1.519a5.624 5.624 0 0 0 1.266-1.704l.192.12a1.25 1.25 0 0 0 1.703-.378l.776-1.182Zm-4.485-.399c.393.02.554.087.61.127.016.01.022.018.03.033.01.023.03.085.03.213-.001.546-.378 1.361-1.142 2.072-.745.691-1.749 1.178-2.824 1.178-1.076 0-2.08-.487-2.825-1.178-.764-.71-1.14-1.526-1.141-2.072 0-.128.02-.19.03-.213a.07.07 0 0 1 .028-.033c.057-.04.218-.107.61-.127.377-.019.84.008 1.415.044.56.036 1.204.08 1.883.08s1.323-.044 1.882-.08c.575-.036 1.039-.063 1.415-.044Zm1.877-6.472a1 1 0 1 1-.568 1.824c-.52.102-.73.134-1.139.305a.298.298 0 0 0-.062.068c-.056.074-.12.187-.202.364-.11.236-.262.604-.469.974a2.954 2.954 0 0 1 .255 1.431c-.38.002-.79.027-1.2.053-.57.036-1.165.076-1.788.076s-1.22-.04-1.788-.076c-.39-.025-.781-.048-1.145-.052a2.953 2.953 0 0 1 .31-1.548c-.175-.33-.307-.646-.407-.858a2.148 2.148 0 0 0-.202-.364.296.296 0 0 0-.062-.068c-.409-.171-.62-.203-1.14-.305A1 1 0 1 1 7.71 2.64c.554.108.968.174 1.55.419.593.25.874.824 1.04 1.177l.14.306a2.955 2.955 0 0 1 3.21.055l.166-.36c.166-.354.447-.929 1.04-1.178.58-.245.995-.311 1.548-.42a.999.999 0 0 1 .74-.326Z"/> </svg> 
+    `;
+  }
+}
+
+customElements.define('jh-icon-bug-filled', JhIconBugFilled);

package/icons-wc/icon-bug.js

@@ -0,0 +1,88 @@
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
+import {LitElement, css, html} from 'lit';
+
+export default class JhIconBug extends LitElement {
+  /** @type {ElementInternals} */
+  #internals;
+
+  static get styles() {
+    return css`
+      :host {
+        fill: var(
+          --jh-icon-color-fill,
+          var(--jh-color-content-secondary-enabled)
+        );
+        width: var(--icon-size);
+        height: var(--icon-size);
+        display: inline-block;
+      }
+      :host([size='x-small']) {
+        --icon-size: var(
+          --jh-icon-size-extra-small,
+          var(--jh-dimension-400)
+        );
+      }
+      :host([size='small']) {
+        --icon-size: var(
+          --jh-icon-size-small,
+          var(--jh-dimension-500)
+        );
+      }
+      :host([size='medium']) {
+        --icon-size: var(
+          --jh-icon-size-medium,
+          var(--jh-dimension-600)
+        );
+      }
+      :host([size='large']) {
+        --icon-size: var(
+          --jh-icon-size-large,
+          var(--jh-dimension-900)
+        );
+      }
+      :host([size='x-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-large,
+          var(--jh-dimension-1400)
+        );
+      }
+      svg {
+        width: 100%;
+        height: 100%;
+      }
+    `;
+  }
+
+  static get properties() {
+    return {
+      /**
+      * The size of the icon.
+      */
+      size: {
+        type: String, reflect: true 
+      }
+    }
+  }
+
+  constructor() {
+    super();
+    this.#internals = this.attachInternals();
+    this.#internals.role = 'graphics-symbol';
+    this.#internals.ariaHidden = 'true';
+
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    this.size = 'medium';
+  }
+
+  render() {
+    return html`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">   <path d="M17.145 2.313a1 1 0 1 1-.568 1.823c-.52.102-.73.134-1.139.305a.296.296 0 0 0-.062.068c-.056.074-.12.187-.202.364-.054.114-.119.258-.193.419a3.453 3.453 0 0 1 .478 2.004c.432.03.91.119 1.296.396.48.346.682.873.682 1.465 0 .486-.13.985-.355 1.466l.192.12a1.25 1.25 0 0 0 1.703-.378l.776-1.182a.75.75 0 0 1 1.254.822l-.775 1.182a2.748 2.748 0 0 1-2.567 1.227c.117.343.216.69.297 1.037l-.01-.053h.113c.743 0 1.455.301 1.973.834l1.505 1.55a.75.75 0 0 1-1.076 1.045l-1.505-1.55a1.25 1.25 0 0 0-.668-.357l-.11-.016a7.624 7.624 0 0 1-.153 2.187 2.749 2.749 0 0 1 1.636 1.772l.427 1.421a.751.751 0 0 1-1.438.432l-.426-1.422a1.248 1.248 0 0 0-.682-.778c-.1.211-.21.42-.335.626-.28.463-.582.853-.9 1.116-1.75 1.445-2.584 1.617-4.313 1.617-1.729 0-2.375.078-4.313-1.617a4.566 4.566 0 0 1-.706-.807l-.215-.325a6.582 6.582 0 0 1-.333-.598l-.002-.004c-.31.147-.556.42-.662.77l-.425 1.422a.751.751 0 0 1-1.438-.432l.427-1.42a2.748 2.748 0 0 1 1.6-1.758 7.435 7.435 0 0 1-.147-2.302l-.01.105a1.25 1.25 0 0 0-.738.368l-1.505 1.55a.75.75 0 0 1-1.076-1.045l1.505-1.55a2.75 2.75 0 0 1 1.972-.834h.085c.084-.34.186-.679.304-1.014l-.012.032a2.747 2.747 0 0 1-2.544-1.229l-.774-1.182a.75.75 0 0 1 1.254-.822l.775 1.182a1.25 1.25 0 0 0 1.704.377l.147-.093c-.232-.49-.367-.998-.367-1.492 0-.592.201-1.119.682-1.465.403-.289.905-.374 1.351-.401a3.452 3.452 0 0 1 .546-2.106 22.51 22.51 0 0 0-.143-.312 2.149 2.149 0 0 0-.202-.364.296.296 0 0 0-.062-.068c-.409-.171-.62-.203-1.14-.305A1 1 0 1 1 7.71 2.64c.554.108.968.174 1.55.419.513.216.79.676.964 1.025A3.453 3.453 0 0 1 12 3.596c.686 0 1.326.2 1.864.544.171-.355.451-.853.992-1.081.58-.245.995-.311 1.548-.42a.999.999 0 0 1 .74-.326Zm-9.143 9.893c-.937 2.168-1.05 4.39.035 6.124.234.374.452.636.639.799.917.802 1.372 1.042 1.69 1.14.239.075.464.095.884.101v-6.517c-1.231-.174-2.315-.775-3.123-1.526l-.125-.12Zm7.814.121c-.795.74-1.858 1.334-3.066 1.519v6.509c.382-.025.652-.075.906-.164.398-.138.884-.414 1.701-1.09.135-.11.333-.342.573-.737 1.073-1.77.966-4.016.04-6.186l-.154.15Zm-.548-3.543c-.375-.019-.839.008-1.414.044-.559.036-1.203.08-1.882.08-.68 0-1.324-.044-1.883-.08-.575-.036-1.038-.063-1.414-.044-.393.02-.554.087-.61.127a.07.07 0 0 0-.029.033.55.55 0 0 0-.03.213c0 .546.377 1.361 1.141 2.072.745.691 1.749 1.178 2.825 1.178 1.075 0 2.08-.487 2.824-1.178.764-.71 1.141-1.526 1.141-2.072 0-.128-.02-.19-.03-.213a.071.071 0 0 0-.028-.033c-.056-.04-.218-.107-.61-.127ZM12 5.096a1.963 1.963 0 0 0-1.89 1.42c-.05.175-.079.358-.079.548 0 .093.009.179.022.26l.13.007c.57.036 1.165.076 1.789.076.623 0 1.219-.04 1.788-.076l.185-.01a1.59 1.59 0 0 0 .024-.257c0-.186-.029-.366-.077-.538v.001a1.966 1.966 0 0 0-.716-1.039A1.958 1.958 0 0 0 12 5.095Z"/> </svg> 
+    `;
+  }
+}
+
+customElements.define('jh-icon-bug', JhIconBug);

package/icons-wc/icon-building-columns.js

@@ -1,7 +1,8 @@
-// SPDX-FileCopyrightText: 2025 Jack Henry
-//
-// SPDX-License-Identifier: Apache-2.0
-
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
 import {LitElement, css, html} from 'lit';
 
 export default class JhIconBuildingColumn extends LitElement {

package/icons-wc/icon-building-dome.js

@@ -0,0 +1,88 @@
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
+import {LitElement, css, html} from 'lit';
+
+export default class JhIconBuildingDome extends LitElement {
+  /** @type {ElementInternals} */
+  #internals;
+
+  static get styles() {
+    return css`
+      :host {
+        fill: var(
+          --jh-icon-color-fill,
+          var(--jh-color-content-secondary-enabled)
+        );
+        width: var(--icon-size);
+        height: var(--icon-size);
+        display: inline-block;
+      }
+      :host([size='x-small']) {
+        --icon-size: var(
+          --jh-icon-size-extra-small,
+          var(--jh-dimension-400)
+        );
+      }
+      :host([size='small']) {
+        --icon-size: var(
+          --jh-icon-size-small,
+          var(--jh-dimension-500)
+        );
+      }
+      :host([size='medium']) {
+        --icon-size: var(
+          --jh-icon-size-medium,
+          var(--jh-dimension-600)
+        );
+      }
+      :host([size='large']) {
+        --icon-size: var(
+          --jh-icon-size-large,
+          var(--jh-dimension-900)
+        );
+      }
+      :host([size='x-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-large,
+          var(--jh-dimension-1400)
+        );
+      }
+      svg {
+        width: 100%;
+        height: 100%;
+      }
+    `;
+  }
+
+  static get properties() {
+    return {
+      /**
+      * The size of the icon.
+      */
+      size: {
+        type: String, reflect: true 
+      }
+    }
+  }
+
+  constructor() {
+    super();
+    this.#internals = this.attachInternals();
+    this.#internals.role = 'graphics-symbol';
+    this.#internals.ariaHidden = 'true';
+
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    this.size = 'medium';
+  }
+
+  render() {
+    return html`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">   <path d="M12 2.25a.75.75 0 0 1 .75.75v1.073A1.75 1.75 0 0 1 14 5.75v1.33a6.242 6.242 0 0 1 4.096 4.554c.088.04.173.08.253.124.207.113.415.257.58.442.169.19.321.461.321.8a1.2 1.2 0 0 1-.315.794c-.057.064-.12.121-.185.176v2.35a8.107 8.107 0 0 1 1.371.404c.25.104.498.235.696.406.194.167.433.457.433.87 0 .356-.18.623-.349.791a1.74 1.74 0 0 1-.151.132V22h-1.5v-3.96l.044-.023a10.046 10.046 0 0 0-1.414-.34c-1.483-.261-3.563-.427-5.88-.427-2.317 0-4.396.166-5.88.428a10.05 10.05 0 0 0-1.415.339l.045.022V22h-1.5v-3.077a1.621 1.621 0 0 1-.151-.132A1.119 1.119 0 0 1 2.75 18c0-.413.24-.703.433-.87.198-.171.447-.302.696-.406.37-.155.837-.288 1.371-.404v-2.35a1.675 1.675 0 0 1-.185-.176A1.2 1.2 0 0 1 4.75 13c0-.339.152-.61.321-.8a2.14 2.14 0 0 1 .58-.442c.08-.043.164-.084.252-.124A6.246 6.246 0 0 1 10 7.08V5.75a1.75 1.75 0 0 1 1.25-1.677V3a.75.75 0 0 1 .75-.75ZM7.5 18.5a.75.75 0 0 1 .75.75V22h-1.5v-2.75a.75.75 0 0 1 .75-.75Zm3-.25a.75.75 0 0 1 .75.75v3h-1.5v-3a.75.75 0 0 1 .75-.75Zm3 0a.75.75 0 0 1 .75.75v3h-1.5v-3a.75.75 0 0 1 .75-.75Zm3 .25a.75.75 0 0 1 .75.75V22h-1.5v-2.75a.75.75 0 0 1 .75-.75ZM12 12.25c-1.755 0-3.321.165-4.428.42-.46.106-.812.223-1.057.335l.235.13v2.93c1.471-.198 3.29-.315 5.25-.315s3.779.117 5.25.315v-2.93l.234-.13a5.791 5.791 0 0 0-1.056-.335c-1.107-.255-2.673-.42-4.428-.42Zm-3.35 1a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0V14a.75.75 0 0 1 .75-.75Zm6.7 0a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0V14a.75.75 0 0 1 .75-.75ZM12 13a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5A.75.75 0 0 1 12 13Zm0-4.75c-1.26 0-2.468.5-3.358 1.392a4.73 4.73 0 0 0-1.001 1.481c1.195-.235 2.717-.373 4.359-.373 1.641 0 3.162.138 4.356.373A4.72 4.72 0 0 0 12 8.25Zm-.25-2.75a.25.25 0 0 0-.25.25v1h1v-1a.25.25 0 0 0-.25-.25h-.5Z"/> </svg> 
+    `;
+  }
+}
+
+customElements.define('jh-icon-building-dome', JhIconBuildingDome);

package/icons-wc/icon-building.js

@@ -1,7 +1,8 @@
-// SPDX-FileCopyrightText: 2025 Jack Henry
-//
-// SPDX-License-Identifier: Apache-2.0
-
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
 import {LitElement, css, html} from 'lit';
 
 export default class JhIconBuilding extends LitElement {