deploy: 6168c55

_state.json

@@ -2,7 +2,7 @@
   "config": {
     "name": "BTCPay Server Design System",
     "version": "0.1.0",
-    "update": 1713295592654,
+    "update": 1713445910988,
     "logo": "/resources/design-files/btcpay-logo.svg",
     "source": {
       "components": [
@@ -1841,6 +1841,12 @@
               "variable": "nav-close",
               "value": "<svg role=\"img\"><use href=\"/svg/icons.svg#nav-close\"/></svg>"
             },
+            {
+              "type": "icon",
+              "name": "nav-contact",
+              "variable": "nav-contact",
+              "value": "<svg role=\"img\"><use href=\"/svg/icons.svg#nav-contact\"/></svg>"
+            },
             {
               "type": "icon",
               "name": "nav-crowdfund",

_tokens/_all/design/icons.html

@@ -403,6 +403,14 @@ <h2 class="uie-tokens__title">nav</h2>
               nav-close
             </figcaption>
           </figure>
+          <figure class="uie-icon-token">
+            <div class="uie-icon-token__icon">
+              <svg role="img"><use href="/svg/icons.svg#nav-contact"/></svg>
+            </div>
+            <figcaption class="uie-icon-token__name">
+              nav-contact
+            </figcaption>
+          </figure>
           <figure class="uie-icon-token">
             <div class="uie-icon-token__icon">
               <svg role="img"><use href="/svg/icons.svg#nav-crowdfund"/></svg>

_tokens/dark/design/icons.html

@@ -403,6 +403,14 @@ <h2 class="uie-tokens__title">nav</h2>
               nav-close
             </figcaption>
           </figure>
+          <figure class="uie-icon-token">
+            <div class="uie-icon-token__icon">
+              <svg role="img"><use href="/svg/icons.svg#nav-contact"/></svg>
+            </div>
+            <figcaption class="uie-icon-token__name">
+              nav-contact
+            </figcaption>
+          </figure>
           <figure class="uie-icon-token">
             <div class="uie-icon-token__icon">
               <svg role="img"><use href="/svg/icons.svg#nav-crowdfund"/></svg>

_tokens/light/design/icons.html

@@ -403,6 +403,14 @@ <h2 class="uie-tokens__title">nav</h2>
               nav-close
             </figcaption>
           </figure>
+          <figure class="uie-icon-token">
+            <div class="uie-icon-token__icon">
+              <svg role="img"><use href="/svg/icons.svg#nav-contact"/></svg>
+            </div>
+            <figcaption class="uie-icon-token__name">
+              nav-contact
+            </figcaption>
+          </figure>
           <figure class="uie-icon-token">
             <div class="uie-icon-token__icon">
               <svg role="img"><use href="/svg/icons.svg#nav-crowdfund"/></svg>

styles/btcpayserver-bootstrap.css

@@ -12298,7 +12298,19 @@ ul:not([class]) li {
   padding: 1rem;
 }
 
+/* Icons */
+.icon {
+    display: inline-block;
+    width: var(--icon-size, 1rem);
+    height: var(--icon-size, 1rem);
+    flex-shrink: 0 !important;
+}
+
 /* Button */
+.btn .icon {
+  --icon-size: 1.25em;
+}
+
 .btn-outline-secondary {
   --btcpay-btn-color: var(--btcpay-secondary-text);
 }
@@ -12312,12 +12324,6 @@ ul:not([class]) li {
   --btcpay-btn-color: var(--btcpay-secondary-text-active);
 }
 
-.btn .icon {
-  --btn-icon-size: 1.25em;
-  height: var(--btn-icon-size);
-  width: var(--btn-icon-size);
-}
-
 .btn.rounded-circle {
   display: inline-flex;
   align-items: center;
@@ -12341,8 +12347,8 @@ ul:not([class]) li {
   position: relative;
   top: -0.4rem;
   display: inline-block;
-  width: 1rem;
-  height: 1rem;
+  width: var(--icon-size, 1rem);
+  height: var(--icon-size, 1rem);
 }
 
 .dropdown-toggle-split {