From 7f4047e71a58538d7ec49075bdbbacdc6d9dcd6d Mon Sep 17 00:00:00 2001
From: Kelsey Jackson <kelseythej@gmail.com>
Date: Fri, 23 May 2025 11:28:48 -0500
Subject: [PATCH] got a few

---
 docs/_includes/svgs/action-panel.njk   | 13 ++++++-------
 docs/_includes/svgs/call-to-action.njk |  2 +-
 docs/_includes/svgs/data-display.njk   |  5 +++++
 docs/_includes/svgs/empty-state.njk    |  6 ++++++
 docs/_includes/svgs/faq.njk            |  3 +++
 docs/docs/patterns/app/data-display.md |  1 +
 docs/docs/patterns/app/empty-state.md  |  1 +
 docs/docs/patterns/app/faq.md          |  1 +
 8 files changed, 24 insertions(+), 8 deletions(-)
 create mode 100644 docs/_includes/svgs/data-display.njk
 create mode 100644 docs/_includes/svgs/empty-state.njk
 create mode 100644 docs/_includes/svgs/faq.njk

diff --git a/docs/_includes/svgs/action-panel.njk b/docs/_includes/svgs/action-panel.njk
index 514314c31..4e0242eb3 100644
--- a/docs/_includes/svgs/action-panel.njk
+++ b/docs/_includes/svgs/action-panel.njk
@@ -1,8 +1,7 @@
-<svg width="96" height="57" viewBox="0 0 96 57" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 1H84C90.0751 1 95 5.92487 95 12V45C95 51.0751 90.0751 56 84 56H12C5.92487 56 1 51.0751 1 45V12C1 5.92487 5.92487 1 12 1Z" fill="white" stroke="#E4E5E9" stroke-width="2"/>
-<rect x="7" y="39" width="50" height="11" rx="4" fill="#4895FD"/>
-<rect x="7" y="8" width="41" height="5" fill="#616D8A"/>
-<rect x="7" y="19.75" width="76" height="3" fill="#D9D9D9"/>
-<rect x="7" y="25" width="76" height="3" fill="#D9D9D9"/>
-<rect x="7" y="32" width="76" height="3" fill="#D9D9D9"/>
+<svg width="111" height="47" viewBox="0 0 111 47" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 1H99C105.075 1 110 5.92487 110 12V35C110 41.0751 105.075 46 99 46H12C5.92487 46 1 41.0751 1 35V12C1 6.11484 5.6217 1.30945 11.4336 1.01465L12 1Z" fill="white" stroke="#E4E5E9" stroke-width="2"/>
+<circle cx="18" cy="23" r="13" fill="var(--wa-color-neutral-on-quiet)"/>
+<rect x="34" y="10" width="62" height="8" fill="#616D8A"/>
+<rect x="34" y="23" width="62" height="4" fill="var(--wa-color-neutral-on-quiet)"/>
+<rect x="34" y="30" width="62" height="4" fill="var(--wa-color-neutral-on-quiet)"/>
 </svg>
diff --git a/docs/_includes/svgs/call-to-action.njk b/docs/_includes/svgs/call-to-action.njk
index d577af287..9029cd0bd 100644
--- a/docs/_includes/svgs/call-to-action.njk
+++ b/docs/_includes/svgs/call-to-action.njk
@@ -1,3 +1,3 @@
 <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M63 6.32811V61.3125C63 66.375 56.6719 68.9062 53.2969 65.25L49.9219 61.7344C43.7344 55.2656 35.7188 51.1875 27 50.0625V64.125C27 68.4844 23.3438 72 19.125 72H16.875C12.5156 72 9 68.4844 9 64.125V49.5C3.9375 49.5 0 45.5625 0 40.5V27C0 22.0781 3.9375 18 9 18H20.1094L24.1875 17.8594C34.0312 17.2969 43.1719 13.0781 49.9219 5.90624L53.2969 2.39061C56.6719 -1.26564 63 1.12499 63 6.32811ZM22.5 49.6406L20.1094 49.5H13.5V64.125C13.5 66.0937 14.9062 67.5 16.875 67.5H19.125C20.9531 67.5 22.5 66.0937 22.5 64.125V49.6406ZM56.5312 5.48436L53.1562 8.99999C47.25 15.1875 39.6562 19.5469 31.5 21.375V46.2656C39.6562 48.0937 47.25 52.3125 53.1562 58.6406L56.5312 62.1562C57.2344 62.8594 58.5 62.2969 58.5 61.3125V6.32811C58.5 5.20311 57.2344 4.78124 56.5312 5.48436ZM27 22.0781C26.1562 22.2187 25.3125 22.3594 24.4688 22.3594L20.25 22.5H9C6.46875 22.5 4.5 24.6094 4.5 27V40.5C4.5 43.0312 6.46875 45 9 45H20.25L24.4688 45.2812C25.3125 45.4219 26.1562 45.4219 27 45.5625V22.0781ZM69.75 27C70.875 27 72 28.125 72 29.25V38.25C72 39.5156 70.875 40.5 69.75 40.5C68.4844 40.5 67.5 39.5156 67.5 38.25V29.25C67.5 28.125 68.4844 27 69.75 27Z" fill="var(--wa-color-neutral-on-quiet"/>
+<path d="M63 6.32811V61.3125C63 66.375 56.6719 68.9062 53.2969 65.25L49.9219 61.7344C43.7344 55.2656 35.7188 51.1875 27 50.0625V64.125C27 68.4844 23.3438 72 19.125 72H16.875C12.5156 72 9 68.4844 9 64.125V49.5C3.9375 49.5 0 45.5625 0 40.5V27C0 22.0781 3.9375 18 9 18H20.1094L24.1875 17.8594C34.0312 17.2969 43.1719 13.0781 49.9219 5.90624L53.2969 2.39061C56.6719 -1.26564 63 1.12499 63 6.32811ZM22.5 49.6406L20.1094 49.5H13.5V64.125C13.5 66.0937 14.9062 67.5 16.875 67.5H19.125C20.9531 67.5 22.5 66.0937 22.5 64.125V49.6406ZM56.5312 5.48436L53.1562 8.99999C47.25 15.1875 39.6562 19.5469 31.5 21.375V46.2656C39.6562 48.0937 47.25 52.3125 53.1562 58.6406L56.5312 62.1562C57.2344 62.8594 58.5 62.2969 58.5 61.3125V6.32811C58.5 5.20311 57.2344 4.78124 56.5312 5.48436ZM27 22.0781C26.1562 22.2187 25.3125 22.3594 24.4688 22.3594L20.25 22.5H9C6.46875 22.5 4.5 24.6094 4.5 27V40.5C4.5 43.0312 6.46875 45 9 45H20.25L24.4688 45.2812C25.3125 45.4219 26.1562 45.4219 27 45.5625V22.0781ZM69.75 27C70.875 27 72 28.125 72 29.25V38.25C72 39.5156 70.875 40.5 69.75 40.5C68.4844 40.5 67.5 39.5156 67.5 38.25V29.25C67.5 28.125 68.4844 27 69.75 27Z" fill="var(--wa-color-neutral-on-quiet)"/>
 </svg>
diff --git a/docs/_includes/svgs/data-display.njk b/docs/_includes/svgs/data-display.njk
new file mode 100644
index 000000000..4a84d921e
--- /dev/null
+++ b/docs/_includes/svgs/data-display.njk
@@ -0,0 +1,5 @@
+<svg width="68" height="55" viewBox="0 0 68 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.625 37.5801C28.625 40.0703 26.5996 42.0625 24.1094 42.0625H21.4531C19.8926 42.0625 18.5312 41.0996 18.0332 39.6055C17.8672 39.041 18.166 38.4434 18.6973 38.2773C19.2617 38.0781 19.8594 38.377 20.0586 38.9414C20.2578 39.5391 20.8223 39.9375 21.4531 39.9375H24.1094C25.4375 39.9375 26.5 38.875 26.5 37.5801C26.5 36.2852 25.4375 35.2227 24.1094 35.2227H19.0625C18.7305 35.2227 18.4316 35.0898 18.2324 34.8242C18.0332 34.5918 17.9336 34.2598 18 33.9609L19.0625 28.084C19.1621 27.5859 19.5938 27.2207 20.125 27.2207H26.5C27.0645 27.2207 27.5625 27.6855 27.5625 28.2832C27.5625 28.8477 27.0645 29.3457 26.5 29.3457H20.9883L20.3242 33.0977H24.1094C26.5996 33.0977 28.625 35.0898 28.625 37.5801ZM34.1699 31.4707C36.9922 31.6035 39.25 33.9277 39.25 36.75C39.25 39.7051 36.8594 42.0625 33.9375 42.0625C30.9824 42.0625 28.625 39.7051 28.625 36.75C28.625 34.293 29.8867 33.2637 34.7012 27.5859C34.9004 27.3203 35.1992 27.2207 35.5312 27.2207C35.7637 27.2207 35.9961 27.2871 36.1953 27.4531C36.6602 27.8516 36.6934 28.5156 36.3281 28.9473L34.1699 31.4707ZM33.9375 39.9375C35.6641 39.9375 37.125 38.5098 37.125 36.75C37.125 35.0234 35.6641 33.5957 33.9375 33.5957C32.1777 33.5957 30.75 35.0234 30.75 36.75C30.75 38.5098 32.1777 39.9375 33.9375 39.9375ZM51.668 28.582C52.0996 28.9805 52.0996 29.6777 51.668 30.0762L41.043 40.7012C40.8438 40.9004 40.5781 41 40.3125 41C40.0137 41 39.748 40.9004 39.5488 40.7012C39.1172 40.3027 39.1172 39.6055 39.5488 39.207L50.1738 28.582C50.5723 28.1504 51.2695 28.1504 51.668 28.582ZM41.375 32.5C40.1797 32.5 39.25 31.5703 39.25 30.375C39.25 29.2129 40.1797 28.2832 41.375 28.2832C42.5371 28.2832 43.5 29.2129 43.5 30.375C43.5 31.5703 42.5371 32.5 41.375 32.5ZM49.875 36.75C51.0371 36.75 52 37.7129 52 38.875C52 40.0703 51.0371 41 49.875 41C48.6797 41 47.75 40.0703 47.75 38.875C47.75 37.7129 48.6797 36.75 49.875 36.75Z" fill="#8A8BEB"/>
+<path d="M34 0C52.7777 0 68 15.2223 68 34C68 41.1239 65.8074 47.7348 62.0621 53.1978C61.0571 54.6636 58.9823 54.7487 57.7258 53.4919V53.4919C56.6316 52.3974 56.5547 50.6629 57.4055 49.3701C60.3093 44.9581 62 39.6768 62 34C62 18.536 49.464 6 34 6C18.536 6 6 18.536 6 34C6 39.7856 7.75497 45.1612 10.7613 49.6238C11.6326 50.9171 11.565 52.6684 10.4623 53.7711V53.7711C9.21569 55.0177 7.16 54.9436 6.14747 53.5003C2.2744 47.9796 0 41.2559 0 34C0 15.2223 15.2223 0 34 0Z" fill="#E4E5E9"/>
+<path d="M34 0C36.5689 0 39.071 0.285505 41.4766 0.826001C44.1416 1.42476 44.3829 4.80299 42.0174 6.16876V6.16876C41.2666 6.60229 40.3783 6.71747 39.5282 6.54703C37.741 6.18873 35.8926 6 34 6C18.536 6 6 18.536 6 34C6 39.7856 7.75497 45.1612 10.7613 49.6238C11.6326 50.9171 11.565 52.6684 10.4623 53.7711V53.7711C9.21569 55.0177 7.16 54.9436 6.14747 53.5003C2.2744 47.9796 0 41.2559 0 34C0 15.2223 15.2223 0 34 0Z" fill="#8A8BEB"/>
+</svg>
diff --git a/docs/_includes/svgs/empty-state.njk b/docs/_includes/svgs/empty-state.njk
new file mode 100644
index 000000000..745e35b9e
--- /dev/null
+++ b/docs/_includes/svgs/empty-state.njk
@@ -0,0 +1,6 @@
+<svg width="59" height="41" viewBox="0 0 59 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 6C0 2.68629 2.68629 0 6 0H53C56.3137 0 59 2.68629 59 6V26C59 29.3137 56.3137 32 53 32H6C2.68629 32 0 29.3137 0 26V6Z" fill="#0070EF"/>
+<path d="M18.3125 15.75C18.3125 16.2422 17.9023 16.6523 17.4375 16.6523H13.5V20.5898C13.5 21.0547 13.0898 21.4375 12.625 21.4375C12.1328 21.4375 11.75 21.0547 11.75 20.5898V16.6523H7.8125C7.32031 16.6523 6.9375 16.2422 6.9375 15.75C6.9375 15.2852 7.32031 14.9023 7.8125 14.9023H11.75V10.9648C11.75 10.4727 12.1328 10.0625 12.625 10.0625C13.0898 10.0625 13.5 10.4727 13.5 10.9648V14.9023H17.4375C17.9023 14.875 18.3125 15.2852 18.3125 15.75Z" fill="white"/>
+<path d="M31 12.5195V20.0195C31 20.2734 30.8242 20.5078 30.5703 20.6055C30.5117 20.625 30.4336 20.625 30.375 20.625C30.1797 20.625 30.0039 20.5469 29.8867 20.4102L24.75 14.2383V20C24.75 20.3516 24.457 20.625 24.125 20.625C23.7734 20.625 23.5 20.3516 23.5 20V12.5C23.5 12.2461 23.6562 12.0117 23.9102 11.9141C24.1445 11.8359 24.418 11.9141 24.5938 12.1094L29.75 18.2812V12.5C29.75 12.168 30.0234 11.875 30.375 11.875C30.707 11.875 31 12.168 31 12.5195ZM39.25 20C39.25 20.3516 38.957 20.625 38.625 20.625H33.625C33.2734 20.625 33 20.3516 33 20V12.5C33 12.168 33.2734 11.8945 33.625 11.8945H38.625C38.957 11.8945 39.25 12.168 39.25 12.5195C39.25 12.8516 38.957 13.1445 38.625 13.1445H34.25V15.6445H37.375C37.707 15.6445 38 15.918 38 16.25C38 16.6016 37.707 16.8945 37.375 16.8945H34.25V19.3945H38.625C38.957 19.375 39.25 19.668 39.25 20ZM52.4414 12.7344L49.6289 20.2344C49.5312 20.4688 49.2969 20.6445 49.043 20.6445C49.0234 20.6445 49.0234 20.6445 49.0039 20.6445C48.75 20.625 48.5156 20.4492 48.4375 20.1758L46.875 14.7461L45.2734 20.1758C45.1953 20.4492 44.9609 20.625 44.707 20.6445C44.4336 20.6445 44.1797 20.4883 44.1016 20.2344L41.2891 12.7344C41.1523 12.4023 41.3281 12.0508 41.6406 11.9336C41.9727 11.7969 42.3242 11.9727 42.4414 12.2852L44.6094 18.0078L46.2695 12.3242C46.3477 12.0703 46.582 11.8945 46.875 11.8945C47.1484 11.8945 47.3828 12.0703 47.4609 12.3438L49.1211 18.0273L51.2891 12.3047C51.4062 11.9922 51.7578 11.8164 52.0898 11.9336C52.4023 12.0508 52.5781 12.4023 52.4414 12.7344Z" fill="white"/>
+<path d="M57.5586 35.252C57.4258 35.5508 57.127 35.7832 56.7949 35.7832H53.3086L54.8359 38.9043C55.1348 39.5684 54.8691 40.3652 54.2051 40.6973C53.541 40.9961 52.7441 40.7305 52.4121 40.0664L50.8848 36.8125L48.3945 39.7344C48.2285 39.9336 47.9961 40.0332 47.7969 40.0332C47.6973 40.0332 47.5977 40 47.498 39.9668C47.1992 39.8672 47 39.5684 47 39.2031V27.0176C47 26.6855 47.166 26.3867 47.4648 26.2871C47.7305 26.1543 48.0625 26.1875 48.2949 26.3867L57.293 34.3555C57.5918 34.5879 57.6582 34.9531 57.5586 35.252Z" fill="black"/>
+</svg>
diff --git a/docs/_includes/svgs/faq.njk b/docs/_includes/svgs/faq.njk
new file mode 100644
index 000000000..24a79e0ae
--- /dev/null
+++ b/docs/_includes/svgs/faq.njk
@@ -0,0 +1,3 @@
+<svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.8887 14.8672C21.4199 15.9297 22.1504 16.6934 22.1504 16.7266C22.2168 16.793 22.25 16.8926 22.2168 16.9922C22.1836 17.0918 22.084 17.125 21.9844 17.125C20.7891 17.125 19.7598 16.793 18.9297 16.4277C18.0332 16.8594 16.9707 17.125 15.875 17.125C12.8535 17.125 10.3633 15.2656 9.66602 12.709C13.2188 12.0117 15.875 9.25586 15.875 5.96875C15.875 5.80273 15.8418 5.63672 15.8418 5.4707C15.8418 5.4707 15.8418 5.4375 15.875 5.4375C19.3945 5.4375 22.25 8.06055 22.25 11.2812C22.25 12.6426 21.7188 13.8711 20.8887 14.8672ZM14.8125 5.96875C14.8125 9.22266 11.6914 11.8125 7.90625 11.8125C6.61133 11.8125 5.44922 11.5469 4.41992 11.0156C3.58984 11.4473 2.52734 11.8125 1.23242 11.8125C1.13281 11.8125 1.0332 11.7793 1 11.6797C0.966797 11.5801 0.966797 11.4805 1.06641 11.4141C1.06641 11.3809 1.83008 10.584 2.36133 9.48828C1.49805 8.49219 1 7.29688 1 5.96875C1 2.74805 4.08789 0.125 7.90625 0.125C11.6914 0.125 14.8125 2.74805 14.8125 5.96875ZM7.90625 9.6875C8.37109 9.6875 8.70312 9.35547 8.70312 8.89062C8.70312 8.42578 8.37109 8.09375 7.90625 8.09375C7.44141 8.09375 7.10938 8.42578 7.10938 8.89062C7.10938 9.35547 7.44141 9.6875 7.90625 9.6875ZM9.66602 5.83594C10.2305 5.50391 10.5625 4.90625 10.5625 4.30859C10.5625 3.3125 9.76562 2.51562 8.76953 2.51562H7.44141C6.44531 2.51562 5.68164 3.3125 5.68164 4.30859C5.68164 4.64062 5.94727 4.90625 6.2793 4.90625C6.61133 4.90625 6.87695 4.64062 6.87695 4.30859C6.87695 4.00977 7.14258 3.74414 7.44141 3.74414H8.76953C9.06836 3.74414 9.33398 4.00977 9.33398 4.30859C9.33398 4.50781 9.23438 4.67383 9.03516 4.80664L7.60742 5.66992C7.4082 5.76953 7.30859 5.96875 7.30859 6.20117V6.59961C7.30859 6.93164 7.57422 7.19727 7.90625 7.19727C8.23828 7.19727 8.50391 6.93164 8.50391 6.59961V6.5332L9.66602 5.83594Z" fill="black"/>
+</svg>
diff --git a/docs/docs/patterns/app/data-display.md b/docs/docs/patterns/app/data-display.md
index c6600edf6..30cf90a29 100644
--- a/docs/docs/patterns/app/data-display.md
+++ b/docs/docs/patterns/app/data-display.md
@@ -2,6 +2,7 @@
 title: Data Display
 description: 'Convey insights, metrics, and aggregate data at a glance.'
 isPro: true
+icon: data-display
 ---
 
 ## Simple
diff --git a/docs/docs/patterns/app/empty-state.md b/docs/docs/patterns/app/empty-state.md
index a449b009b..087ee675b 100644
--- a/docs/docs/patterns/app/empty-state.md
+++ b/docs/docs/patterns/app/empty-state.md
@@ -2,6 +2,7 @@
 title: Empty State
 description: 'Guide users with helpful prompts and visuals when no content is available.'
 isPro: true
+icon: empty-state
 ---
 
 ## Simple
diff --git a/docs/docs/patterns/app/faq.md b/docs/docs/patterns/app/faq.md
index cb1be3411..4418c3374 100644
--- a/docs/docs/patterns/app/faq.md
+++ b/docs/docs/patterns/app/faq.md
@@ -2,6 +2,7 @@
 title: FAQ
 description: 'Empower users to learn more with a structured list of questions and answers.'
 isPro: true
+icon: faq
 ---
 
 ## With Flanked Heading & Description