From a3552152ea645c4f743d2cf00eaebf0ce80a359c Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 27 Sep 2023 07:04:09 -0500
Subject: [PATCH 01/15] Search - some design QA Chen

---
 src/lib/components/Search.svelte     | 6 +++---
 src/lib/layouts/Docs.svelte          | 2 +-
 src/lib/layouts/Sidebar.svelte       | 2 +-
 src/scss/6-elements/_input-text.scss | 3 ++-
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/Search.svelte b/src/lib/components/Search.svelte
index d9e69b3f3a..f02df4925c 100644
--- a/src/lib/components/Search.svelte
+++ b/src/lib/components/Search.svelte
@@ -147,7 +147,7 @@
 		<div
 			class="aw-input-text-search-wrapper aw-u-max-width-680 aw-u-margin-inline-20 u-width-full-line"
 		>
-			<span class="icon-search u-z-index-5" aria-hidden="true" style="" />
+			<span class="aw-icon-search u-z-index-5" aria-hidden="true" style="inset-block-start:0.9rem" />
 			<div id="searchbox" />
 
 			<!-- svelte-ignore a11y-autofocus -->
@@ -157,7 +157,7 @@
 				type="text"
 				id="search"
 				bind:value
-				placeholder="Search"
+				placeholder="Search in docs"
 				style="border-end-start-radius:0; border-end-end-radius:0;"
 				use:arrowKeyFocus
 				data-hit="-1"
@@ -203,7 +203,7 @@
 					{/if}
 					<section>
 						<h6 class="aw-eyebrow">Recommended</h6>
-						<ul class="u-margin-block-start-8">
+						<ul class="u-flex-vertical u-gap-4 u-margin-block-start-8">
 							{#each recommended as hit, i (hit.uid)}
 								{@const index = i + (results.length ? results.length : 0)}
 								<li>
diff --git a/src/lib/layouts/Docs.svelte b/src/lib/layouts/Docs.svelte
index 7a37f297f3..d3596c0062 100644
--- a/src/lib/layouts/Docs.svelte
+++ b/src/lib/layouts/Docs.svelte
@@ -135,7 +135,7 @@
 								class="aw-input-button aw-u-flex-basis-400"
 								on:click={() => ($layoutState.showSearch = true)}
 							>
-								<span class="icon-search" aria-hidden="true" />
+								<span class="aw-icon-search" aria-hidden="true" />
 								<span class="text">Search in docs</span>
 
 								<div class="u-flex u-gap-4 u-margin-inline-start-auto">
diff --git a/src/lib/layouts/Sidebar.svelte b/src/lib/layouts/Sidebar.svelte
index 15f7d4b857..7eb85be8a1 100644
--- a/src/lib/layouts/Sidebar.svelte
+++ b/src/lib/layouts/Sidebar.svelte
@@ -39,7 +39,7 @@
 			class="aw-input-text aw-is-not-desktop"
 			on:click={() => ($layoutState.showSearch = true)}
 		>
-			<span class="icon-search" />
+			<span class="aw-icon-search" />
 			<span class="text">Search in docs</span>
 		</button>
 		<div class="aw-side-nav-scroll">
diff --git a/src/scss/6-elements/_input-text.scss b/src/scss/6-elements/_input-text.scss
index f8f2a6d538..2f4d55ca8e 100644
--- a/src/scss/6-elements/_input-text.scss
+++ b/src/scss/6-elements/_input-text.scss
@@ -115,7 +115,8 @@
   &-search-wrapper {
     position:relative; min-inline-size:pxToRem(350);
     input { block-size:pxToRem(48); padding-inline-start:pxToRem(40);  }
-    .icon-search {
+    .icon-search,
+    .#{$p}-icon-search {
       position:absolute; inset-block-start:pxToRem(16);  inset-inline-start:pxToRem(16);
       line-height:1;
     }

From 2764240d2a3ad986d46e7862e1ec1fc49ac3a659 Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 27 Sep 2023 09:04:53 -0500
Subject: [PATCH 02/15] Side Nav - Update icon-size to 16px

---
 src/scss/7-components/_side-nav.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/scss/7-components/_side-nav.scss b/src/scss/7-components/_side-nav.scss
index 3bf60ec707..bf5d4b9fa3 100644
--- a/src/scss/7-components/_side-nav.scss
+++ b/src/scss/7-components/_side-nav.scss
@@ -52,6 +52,7 @@
     padding-inline:pxToRem(12); padding-block:pxToRem(8); white-space:nowrap;
     color:hsl(var(--p-side-nav-item-text-color)); background-color:hsl(var(--p-side-nav-item-bg-color));
     border-radius:pxToRem(8);
+    [class*="icon-"] { font-size:pxToRem(16); }
     [class*="icon"]:first-child { color:hsl(var(--p-side-nav-item-icon-color)); }
     [class*="icon"]:last-child { transition:var(--transiton); }
     &:hover {

From 568249fd00c57a8730c9cd164967da22ec92175d Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 27 Sep 2023 09:34:55 -0500
Subject: [PATCH 03/15] Search - Update QA styles

---
 src/lib/components/Search.svelte | 4 ++--
 src/scss/_10-utilities.scss      | 8 ++++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/Search.svelte b/src/lib/components/Search.svelte
index f02df4925c..3055f68a13 100644
--- a/src/lib/components/Search.svelte
+++ b/src/lib/components/Search.svelte
@@ -171,14 +171,14 @@
 						{#if results.length > 0}
 							<section>
 								<h6 class="aw-eyebrow">{results.length} results found</h6>
-								<ul class="u-margin-block-start-8">
+								<ul class="u-flex-vertical u-gap-4 u-margin-block-start-8">
 									{#each results as hit, i (hit.uid)}
 										<li>
 											<a
 												data-hit={i}
 												href={createHref(hit)}
 												use:arrowKeyFocus
-												class="aw-button aw-caption-400 is-text u-flex-vertical u-gap-8 u-min-width-100-percent aw-u-padding-block-4 aw-u-cross-start u-max-width-100-percent"
+												class="aw-button aw-caption-400 is-text u-flex-vertical u-gap-8 u-min-width-100-percent aw-u-padding-block-8 aw-padding-inline-12  aw-u-cross-start u-max-width-100-percent"
 											>
 												<div class="aw-u-trim-1">
 													<span class="aw-u-color-text-secondary">{hit.h1}</span>
diff --git a/src/scss/_10-utilities.scss b/src/scss/_10-utilities.scss
index e41f12fa53..8e672f1e63 100644
--- a/src/scss/_10-utilities.scss
+++ b/src/scss/_10-utilities.scss
@@ -68,6 +68,7 @@
 .#{$p}-u-max-height-300             { max-block-size:pxToRem(300); }
 
 .#{$p}-u-trim-1           { @include trim(1); }
+.#{$p}-u-line-height-1-2         { line-height:1.2!important; }
 .#{$p}-u-line-height-2           { line-height:2!important; }
 
 .#{$p}-u-size-40                  { inline-size:pxToRem(40); block-size:pxToRem(40); }
@@ -143,8 +144,11 @@
 .#{$p}-u-text-align-start { text-align:start!important; }
 .#{$p}-u-text-align-center { text-align:center!important; }
 .#{$p}-u-mobile-align-text-center { @media #{$break1} { text-align:center!important;} }
-.#{$p}-u-padding-inline-0 {padding-inline:0!important;}
-.#{$p}-u-padding-inline-64 {padding-inline:pxToRem(64)!important;}
+.#{$p}-u-padding-inline-0  { padding-inline:0!important; }
+.#{$p}-u-padding-inline-12 { padding-inline:pxToRem(12)!important; }
+.#{$p}-u-padding-inline-64 { padding-inline:pxToRem(64)!important; }
+
+.#{$p}-u-padding-block-8   { padding-block:pxToRem(8)!important; }
 
 .#{$p}-u-inset-block-start-100 { inset-block-start:pxToRem(160); }
 

From 0eb8e553b3e33d81dad35bd2556a78839d5458d1 Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 27 Sep 2023 09:59:09 -0500
Subject: [PATCH 04/15] Main Header Docs - Update icon of Star on GitHub

---
 src/lib/layouts/Docs.svelte | 17 +----------------
 1 file changed, 1 insertion(+), 16 deletions(-)

diff --git a/src/lib/layouts/Docs.svelte b/src/lib/layouts/Docs.svelte
index d3596c0062..7cf2c51f30 100644
--- a/src/lib/layouts/Docs.svelte
+++ b/src/lib/layouts/Docs.svelte
@@ -152,22 +152,7 @@
 								target="_blank"
 								class="aw-button is-text"
 							>
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									width="18"
-									height="16"
-									viewBox="0 0 18 16"
-									fill="none"
-								>
-									<path
-										d="M8.55214 0.894436C8.73682 0.525615 9.26319 0.525617 9.44786 0.894438L11.3548 4.70276C11.4282 4.84944 11.5688 4.95086 11.7312 4.97425L15.9844 5.5871C16.3973 5.64659 16.5607 6.15521 16.2598 6.44413L13.1922 9.38955C13.0721 9.50495 13.0171 9.67255 13.0457 9.83669L13.7708 14.0043C13.8418 14.4126 13.4147 14.7256 13.0468 14.5349L9.23053 12.5564C9.08598 12.4815 8.91402 12.4815 8.76948 12.5564L4.95321 14.5349C4.58534 14.7256 4.1582 14.4126 4.22923 14.0044L4.95432 9.83669C4.98288 9.67255 4.92794 9.50495 4.80776 9.38955L1.74017 6.44413C1.43926 6.15521 1.60274 5.64659 2.01564 5.5871L6.26881 4.97425C6.43118 4.95086 6.5718 4.84944 6.64524 4.70276L8.55214 0.894436Z"
-										stroke="white"
-										stroke-opacity="0.48"
-										stroke-width="1.20208"
-										stroke-linecap="round"
-										stroke-linejoin="round"
-									/>
-								</svg>
+								<span class="aw-icon-star" aria-hidden="true"></span>
 								<span class="text">Star on GitHub</span>
 								<span class="aw-inline-tag aw-sub-body-400">33.2K</span>
 							</a>

From 69194e408d103463f72f03d8730f510a8d629ce7 Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 27 Sep 2023 10:06:25 -0500
Subject: [PATCH 05/15] Blog - Solve missing space in mobile

---
 src/scss/6-elements/_container.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/scss/6-elements/_container.scss b/src/scss/6-elements/_container.scss
index 70ad51c9d5..bc63e0aeba 100644
--- a/src/scss/6-elements/_container.scss
+++ b/src/scss/6-elements/_container.scss
@@ -19,6 +19,7 @@
   display:grid;
 
   &-level-1 {
+    overflow:hidden;
     @media #{$break1} {
       padding-block:pxToRem(0);
       &:first-child { padding-block-start:pxToRem(0); }

From 558898e792a571a49ce9b32e96aea0eed5c679c9 Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 27 Sep 2023 10:14:13 -0500
Subject: [PATCH 06/15] Side Nav - Revert changes

---
 src/scss/7-components/_side-nav.scss | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/scss/7-components/_side-nav.scss b/src/scss/7-components/_side-nav.scss
index bf5d4b9fa3..e53cbff979 100644
--- a/src/scss/7-components/_side-nav.scss
+++ b/src/scss/7-components/_side-nav.scss
@@ -18,16 +18,16 @@
 
 
   position:sticky; z-index:35; inset-block-start:pxToRem(74); inset-block-end:0;
-  block-size:calc(100vh - pxToRem(75));
+  block-size:calc(100vh - pxToRem(81));
   .#{$p}-icon-button { transition:var(--transition); margin-block-end:pxToRem(-4); margin-inline-end:pxToRem(6); }
 
 
 
   &-wrapper {
     display:flex; flex-direction:column; block-size:100%; gap:pxToRem(16);
-    padding-inline:pxToRem(16);
+    padding:pxToRem(16); padding-block-end:pxToRem(32);
     background-color:hsl(var(--p-side-nav-bg-color)); transition:var(--transition);
-    
+
     &-parent {
       display:flex; align-items:center;
       padding-block-end:pxToRem(16); border-block-end:pxToRem(1) solid hsl(var(--aw-color-smooth));
@@ -39,7 +39,7 @@
     @include scroll(); overflow-y:auto; overflow-x:hidden;
     flex:1;
     display:flex; flex-direction:column; gap:pxToRem(24);
-    padding:pxToRem(16); margin-inline:pxToRem(-16); 
+    padding-inline:pxToRem(16); margin-inline:pxToRem(-16);
 
     .#{$p}-is-only-mobile  & {
       border-block-start: 1px solid hsl(var(--aw-color-smooth));
@@ -52,7 +52,6 @@
     padding-inline:pxToRem(12); padding-block:pxToRem(8); white-space:nowrap;
     color:hsl(var(--p-side-nav-item-text-color)); background-color:hsl(var(--p-side-nav-item-bg-color));
     border-radius:pxToRem(8);
-    [class*="icon-"] { font-size:pxToRem(16); }
     [class*="icon"]:first-child { color:hsl(var(--p-side-nav-item-icon-color)); }
     [class*="icon"]:last-child { transition:var(--transiton); }
     &:hover {

From 288f7a234bddad162016541a900414bd4765d30c Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 27 Sep 2023 11:08:03 -0500
Subject: [PATCH 07/15] Article - Add media section margin-top if it isn't
 first-child - Chen QA

---
 src/scss/7-components/_article.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/scss/7-components/_article.scss b/src/scss/7-components/_article.scss
index 06607a20e5..88822bb39a 100644
--- a/src/scss/7-components/_article.scss
+++ b/src/scss/7-components/_article.scss
@@ -28,7 +28,10 @@
       &-pink-dots    { margin-block-end:pxToRem(24); }
       &-blockquote    { margin-block:pxToRem(16); }
       &-table-wrapper { margin-block-end:pxToRem(32); }
-      &-media         { margin-block-end:pxToRem(32); }
+      &-media         {
+        margin-block-end:pxToRem(32);
+        &:not(:first-child) { margin-block-start:pxToRem(16); }
+      }
       &-inline-info   { margin-block-end:pxToRem(24); }
       &-code-snippet  { margin-block-end:pxToRem(32); }
     }

From fc650e131ba43b6c0c5d74b2ee0e93e9ab894b91 Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 27 Sep 2023 11:33:35 -0500
Subject: [PATCH 08/15] Reference Menu - Update style - Eldad QA

---
 src/scss/7-components/_references-menu.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/scss/7-components/_references-menu.scss b/src/scss/7-components/_references-menu.scss
index 9858deabb3..3e6fbb27e1 100644
--- a/src/scss/7-components/_references-menu.scss
+++ b/src/scss/7-components/_references-menu.scss
@@ -9,12 +9,12 @@
   display:flex; flex-direction:column; padding-inline:pxToRem(16);
 
   &-content {
-    display:flex; flex-direction:column; gap:pxToRem(24); inline-size:pxToRem(255);
+    display:flex; flex-direction:column; inline-size:pxToRem(255);
   }
   &-title { color:hsl(var(--aw-color-primary)); }
   &-list {
     @include scroll(); overflow-y:auto;
-    display:flex; flex-direction:column; gap:pxToRem(16);
+    display:flex; flex-direction:column; gap:pxToRem(16); margin-block-start:pxToRem(8);
     padding-block:pxToRem(4);
     padding-inline:pxToRem(4);
   }

From d27c5a6184a8cdb18cdb95767e458306f6aa8d1b Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 27 Sep 2023 11:41:19 -0500
Subject: [PATCH 09/15] Reference Menu - Update style - Eldad QA

---
 src/scss/7-components/_references-menu.scss | 4 ++--
 src/scss/9-grids/_grid-huge-navs.scss       | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/scss/7-components/_references-menu.scss b/src/scss/7-components/_references-menu.scss
index 3e6fbb27e1..9858deabb3 100644
--- a/src/scss/7-components/_references-menu.scss
+++ b/src/scss/7-components/_references-menu.scss
@@ -9,12 +9,12 @@
   display:flex; flex-direction:column; padding-inline:pxToRem(16);
 
   &-content {
-    display:flex; flex-direction:column; inline-size:pxToRem(255);
+    display:flex; flex-direction:column; gap:pxToRem(24); inline-size:pxToRem(255);
   }
   &-title { color:hsl(var(--aw-color-primary)); }
   &-list {
     @include scroll(); overflow-y:auto;
-    display:flex; flex-direction:column; gap:pxToRem(16); margin-block-start:pxToRem(8);
+    display:flex; flex-direction:column; gap:pxToRem(16);
     padding-block:pxToRem(4);
     padding-inline:pxToRem(4);
   }
diff --git a/src/scss/9-grids/_grid-huge-navs.scss b/src/scss/9-grids/_grid-huge-navs.scss
index 94fdd77387..9975ab4363 100644
--- a/src/scss/9-grids/_grid-huge-navs.scss
+++ b/src/scss/9-grids/_grid-huge-navs.scss
@@ -60,10 +60,12 @@
       #refOpen { position:sticky; inset-block-start:calc(var(--p-grid-huge-navs-secondary-sticky-position) + 24px); }
       &-content {
         display:none; /* hide */
+        gap:0;
         padding-inline-start:pxToRem(24);  padding-inline-end:var(--p-grid-huge-navs-padding-inline);
         border-inline-start:solid pxToRem(1) hsl(var(--aw-color-border));
         background-color:hsl(var(--p-body-bg-color)); inline-size:var(--p-grid-huge-navs-side-nav-width-opened);
       }
+      &-list { margin-block-start:pxToRem(8); }
       &.is-open {
         .#{$p}-references-menu-content {
           display:flex; /* show */

From 758376f60fc7cdca3620a4565667d1acff40b01e Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 27 Sep 2023 11:55:30 -0500
Subject: [PATCH 10/15] Reference Menu - Update style - Eldad QA

---
 .../docs/references/[version]/[platform]/[service]/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte b/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte
index 25772f518a..0a5191d793 100644
--- a/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte
+++ b/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte
@@ -237,7 +237,7 @@
 				<span class="icon-menu-alt-4" aria-hidden="true" />
 			</button>
 			<div class="aw-references-menu-content">
-				<div class="u-flex u-main-space-between u-cross-center u-gap-16 u-margin-block-start-24">
+				<div class="aw-references-menu-header u-flex u-main-space-between u-cross-center u-gap-16 u-margin-block-start-24">
 					<h5 class="aw-references-menu-title aw-eyebrow">On This Page</h5>
 					<button class="aw-icon-button" id="refClose" on:click={toggleReferences}>
 						<span class="icon-x" aria-hidden="true" />

From fe21d6acc2013310787c5e693437cc52173e9cf3 Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 27 Sep 2023 12:21:29 -0500
Subject: [PATCH 11/15] Homepage - fix blur shadow - in Safari doesn't work

---
 src/lib/animations/Products/post/post.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/lib/animations/Products/post/post.svelte b/src/lib/animations/Products/post/post.svelte
index b03dfe0f4e..f55fd88337 100644
--- a/src/lib/animations/Products/post/post.svelte
+++ b/src/lib/animations/Products/post/post.svelte
@@ -211,8 +211,11 @@
 			content: '';
 			inset: 0;
 			position: absolute;
-			background: #19191d;
-			filter: blur(125px);
+			//background: #19191d; // old bg
+			//filter: blur(125px); // break Safari
+			background: #19191dcc;
+			filter: blur(67px);
+
 		}
 
 		h3 {

From 56e1b1128ef9871ef6ea17f1cbe2a7f3b5785d2a Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 27 Sep 2023 12:34:23 -0500
Subject: [PATCH 12/15] Grid Huge Navs - Fix layout

---
 src/scss/9-grids/_grid-huge-navs.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/scss/9-grids/_grid-huge-navs.scss b/src/scss/9-grids/_grid-huge-navs.scss
index 9975ab4363..ab039658ac 100644
--- a/src/scss/9-grids/_grid-huge-navs.scss
+++ b/src/scss/9-grids/_grid-huge-navs.scss
@@ -2,9 +2,9 @@
 
 .#{$p}-grid-huge-navs {
   --p-grid-huge-navs-padding-inline: #{pxToRem(32)};
-  --p-grid-huge-navs-main-header-height: #{pxToRem(80)};
+  --p-grid-huge-navs-main-header-height: #{pxToRem(73)};
   --p-grid-huge-navs-secondary-header-height: #{pxToRem(116)};
-  --p-grid-huge-navs-secondary-sticky-position: #{pxToRem(80 + 116)}; /* 80 + 116 + 24 (margin) */
+  --p-grid-huge-navs-secondary-sticky-position: #{pxToRem(213)}; /* 80 + 116 + 24 (margin) */
 
   --p-grid-huge-navs-side-nav-width-closed: #{pxToRem(73)};
   --p-grid-huge-navs-side-nav-width-opened: #{pxToRem(280)};
@@ -57,7 +57,7 @@
 
   @media #{$break2}, #{$break3}, #{$break4} {
     .#{$p}-references-menu {
-      #refOpen { position:sticky; inset-block-start:calc(var(--p-grid-huge-navs-secondary-sticky-position) + 24px); }
+      #refOpen { position:sticky; inset-block-start:var(--p-grid-huge-navs-secondary-sticky-position); }
       &-content {
         display:none; /* hide */
         gap:0;

From 98fae6f24deabf884fad791880c19123586ce6c3 Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 27 Sep 2023 12:37:02 -0500
Subject: [PATCH 13/15] Side Nav - Fixed item size on squeeze state

---
 src/scss/7-components/_side-nav.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/scss/7-components/_side-nav.scss b/src/scss/7-components/_side-nav.scss
index e53cbff979..95d3029923 100644
--- a/src/scss/7-components/_side-nav.scss
+++ b/src/scss/7-components/_side-nav.scss
@@ -52,7 +52,7 @@
     padding-inline:pxToRem(12); padding-block:pxToRem(8); white-space:nowrap;
     color:hsl(var(--p-side-nav-item-text-color)); background-color:hsl(var(--p-side-nav-item-bg-color));
     border-radius:pxToRem(8);
-    [class*="icon"]:first-child { color:hsl(var(--p-side-nav-item-icon-color)); }
+    [class*="icon"]:first-child { color:hsl(var(--p-side-nav-item-icon-color)); font-size:pxToRem(16); }
     [class*="icon"]:last-child { transition:var(--transiton); }
     &:hover {
       --p-side-nav-item-bg-color: var(--p-side-nav-item-bg-color-hover);

From 19776c5203fee8050988d8feed126e1d20494fa6 Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 27 Sep 2023 12:45:34 -0500
Subject: [PATCH 14/15] Side Nav - Fixed item size on squeeze state

---
 src/scss/9-grids/_grid-huge-navs.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/scss/9-grids/_grid-huge-navs.scss b/src/scss/9-grids/_grid-huge-navs.scss
index ab039658ac..7d2a7ade99 100644
--- a/src/scss/9-grids/_grid-huge-navs.scss
+++ b/src/scss/9-grids/_grid-huge-navs.scss
@@ -4,7 +4,7 @@
   --p-grid-huge-navs-padding-inline: #{pxToRem(32)};
   --p-grid-huge-navs-main-header-height: #{pxToRem(73)};
   --p-grid-huge-navs-secondary-header-height: #{pxToRem(116)};
-  --p-grid-huge-navs-secondary-sticky-position: #{pxToRem(213)}; /* 80 + 116 + 24 (margin) */
+  --p-grid-huge-navs-secondary-sticky-position: #{pxToRem(189)}; /* 80 + 116 + 24 (margin) */
 
   --p-grid-huge-navs-side-nav-width-closed: #{pxToRem(73)};
   --p-grid-huge-navs-side-nav-width-opened: #{pxToRem(280)};
@@ -57,7 +57,7 @@
 
   @media #{$break2}, #{$break3}, #{$break4} {
     .#{$p}-references-menu {
-      #refOpen { position:sticky; inset-block-start:var(--p-grid-huge-navs-secondary-sticky-position); }
+      #refOpen { position:sticky; inset-block-start:pxToRem(213); }
       &-content {
         display:none; /* hide */
         gap:0;
@@ -138,7 +138,7 @@
   @media #{$break5open} {
     .#{$p}-references-menu {
       #refOpen, #refClose { display:none; }
-      &-content { position:sticky; inset-block-start:var(--p-grid-huge-navs-secondary-sticky-position); }
+      &-content { position:sticky; inset-block-start:pxToRem(213); }
     }
   }
   @media #{$break6open} {

From 5bc66aabaf3b018d53bcc6e5aa07ac57159e5f7d Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Wed, 27 Sep 2023 20:49:05 +0200
Subject: [PATCH 15/15] chore: remove svelte-seo

---
 package.json   |  1 -
 pnpm-lock.yaml | 19 -------------------
 2 files changed, 20 deletions(-)

diff --git a/package.json b/package.json
index e70b6f33d5..3ef7e43c6c 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,6 @@
 		"svelte": "^4.2.0",
 		"svelte-check": "^3.5.1",
 		"svelte-markdoc-preprocess": "^0.3.2",
-		"svelte-seo": "^1.5.4",
 		"svelte-sequential-preprocessor": "^2.0.1",
 		"svgo": "^3.0.2",
 		"svgtofont": "^4.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0457cedca6..ff0fac3785 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -94,9 +94,6 @@ devDependencies:
   svelte-markdoc-preprocess:
     specifier: ^0.3.2
     version: 0.3.2
-  svelte-seo:
-    specifier: ^1.5.4
-    version: 1.5.4(typescript@5.2.2)
   svelte-sequential-preprocessor:
     specifier: ^2.0.1
     version: 2.0.1
@@ -3946,14 +3943,6 @@ packages:
     resolution: {integrity: sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==}
     dev: true
 
-  /schema-dts@1.1.2(typescript@5.2.2):
-    resolution: {integrity: sha512-MpNwH0dZJHinVxk9bT8XUdjKTxMYrA5bLtrrGmFA6PTLwlOKnhi67XoRd6/ty+Djt6ZC0slR57qFhZDNMI6DhQ==}
-    peerDependencies:
-      typescript: '>=4.1.0'
-    dependencies:
-      typescript: 5.2.2
-    dev: true
-
   /semver@7.5.4:
     resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
     engines: {node: '>=10'}
@@ -4401,14 +4390,6 @@ packages:
       typescript: 5.2.2
     dev: true
 
-  /svelte-seo@1.5.4(typescript@5.2.2):
-    resolution: {integrity: sha512-pevGUiWkqLrSWXVkxE0SbkBLNsz2dVaiK8/kBq2eUHYdyzuPEZGbqtUARyJZHouv28xre7IU9t0VnoYt8d4kzA==}
-    dependencies:
-      schema-dts: 1.1.2(typescript@5.2.2)
-    transitivePeerDependencies:
-      - typescript
-    dev: true
-
   /svelte-sequential-preprocessor@2.0.1:
     resolution: {integrity: sha512-N5JqlBni6BzElxmuFrOPxOJnjsxh1cFDACLEVKs8OHBcx8ZNRO1p5SxuQex1m3qbLzAC8G99EHeWcxGkjyKjLQ==}
     engines: {node: '>=16'}