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

package/icons-wc/icon-arrow-right-to-square.js

@@ -50,6 +50,12 @@ export default class JhIconArrowRightToSquare extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowRightToSquare extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrow-right.js

@@ -50,6 +50,12 @@ export default class JhIconArrowRight extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowRight extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrow-rotate-right.js

@@ -50,6 +50,12 @@ export default class JhIconArrowRotateRight extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowRotateRight extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrow-straight-right-arrow-straight-left.js

@@ -50,6 +50,12 @@ export default class JhIconArrowStraightRightArrowStraightLeft extends LitElemen
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowStraightRightArrowStraightLeft extends LitElemen
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrow-trend-down.js

@@ -50,6 +50,12 @@ export default class JhIconArrowTrendDown extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowTrendDown extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrow-trend-up.js

@@ -50,6 +50,12 @@ export default class JhIconArrowTrendUp extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowTrendUp extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrow-turn-down-to-bracket.js

@@ -50,6 +50,12 @@ export default class JhIconArrowTurnDownToBracket extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowTurnDownToBracket extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrow-up-arrow-down.js

@@ -50,6 +50,12 @@ export default class JhIconArrowUpArrowDown extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowUpArrowDown extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrow-up-from-bracket.js

@@ -50,6 +50,12 @@ export default class JhIconArrowUpFromBracket extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowUpFromBracket extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrow-up-from-line.js

@@ -50,6 +50,12 @@ export default class JhIconArrowUpFromLine extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowUpFromLine extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrow-up-from-square.js

@@ -50,6 +50,12 @@ export default class JhIconArrowUpFromSquare extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowUpFromSquare extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrow-up-right-from-square.js

@@ -50,6 +50,12 @@ export default class JhIconArrowUpRightFromSquare extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowUpRightFromSquare extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrow-up-small.js

@@ -50,6 +50,12 @@ export default class JhIconArrowUpSmall extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowUpSmall extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrows-cross.js

@@ -50,6 +50,12 @@ export default class JhIconArrowsCross extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowsCross extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrows-left-right.js

@@ -50,6 +50,12 @@ export default class JhIconArrowsLeftRight extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowsLeftRight extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrows-out-from-center.js

@@ -50,6 +50,12 @@ export default class JhIconArrowsOutFromCenter extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowsOutFromCenter extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrows-repeat.js

@@ -50,6 +50,12 @@ export default class JhIconArrowsRepeat extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowsRepeat extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrows-rotate.js

@@ -50,6 +50,12 @@ export default class JhIconArrowsRotate extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowsRotate extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrows-up-down-left-right.js

@@ -50,6 +50,12 @@ export default class JhIconArrowsUpDownLeftRight extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowsUpDownLeftRight extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-arrows-up-down.js

@@ -50,6 +50,12 @@ export default class JhIconArrowsUpDown extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconArrowsUpDown extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-at.js

@@ -50,6 +50,12 @@ export default class JhIconAt extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconAt extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-authy.js

@@ -50,6 +50,12 @@ export default class JhIconAuthy extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconAuthy extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-badge-checkmark.js

@@ -50,6 +50,12 @@ export default class JhIconBadgeCheckmark extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconBadgeCheckmark extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-bag.js

@@ -50,6 +50,12 @@ export default class JhIconBag extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconBag extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-bars-filter.js

@@ -50,6 +50,12 @@ export default class JhIconBarsFilter extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconBarsFilter extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-bars.js

@@ -50,6 +50,12 @@ export default class JhIconBar extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconBar extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-bell-slash.js

@@ -50,6 +50,12 @@ export default class JhIconBellSlash extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconBellSlash extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-bell.js

@@ -50,6 +50,12 @@ export default class JhIconBell extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconBell extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }
 

package/icons-wc/icon-bluetooth.js

@@ -50,6 +50,12 @@ export default class JhIconBluetooth extends LitElement {
           var(--jh-dimension-1400)
         );
       }
+      :host([size='xx-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-extra-large,
+          var(--jh-dimension-2100)
+        );
+      }
       svg {
         width: 100%;
         height: 100%;
@@ -74,7 +80,7 @@ export default class JhIconBluetooth extends LitElement {
     this.#internals.role = 'graphics-symbol';
     this.#internals.ariaHidden = 'true';
 
-    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'|'xx-large'} */
     this.size = 'medium';
   }