Merge pull request #128 from neos/task/update-fe-dependencies

TASK: Update frontend dependencies

DistributionPackages/Neos.DocsNeosIo/Resources/Private/Fusion/Component/Footer/Footer.scss

@@ -1,4 +1,4 @@
-@use "../../../../public/Frontend/scss/screen";
+@use "../../../../Public/Frontend/scss/screen";
 
 .main-footer {
 	background-color: #f9fcff;
@@ -31,10 +31,11 @@
     display: grid;
     place-content: center;
     gap: 40px;
+    margin: 0 auto 40px;
+
     @include screen.xl {
         grid-template-columns: 2fr 3fr;
     }
-    margin: 0 auto 40px;
 }
 
 .socials {

DistributionPackages/Neos.DocsNeosIo/Resources/Private/Fusion/Component/Layout/Layout.scss

@@ -1,5 +1,5 @@
-@use "../../../../public/Frontend/scss/screen";
-@use "../../../../public/Frontend/scss/helpers";
+@use "../../../../Public/Frontend/scss/screen";
+@use "../../../../Public/Frontend/scss/helpers";
 
 .profile-image {
 	width: 200px;

DistributionPackages/Neos.DocsNeosIo/Resources/Private/Fusion/Component/LocalNavigation/LocalNavigation.scss

@@ -1,11 +1,12 @@
-@use "../../../../public/Frontend/scss/screen";
+@use "../../../../Public/Frontend/scss/screen";
 
 .local-navigation {
     display: none;
+    height: auto!important;
+
     @include screen.xl {
         display:block;
     }
-    height: auto!important;
 
 	.toc {
         top: calc(var(--header-height) + 32px);

DistributionPackages/Neos.DocsNeosIo/Resources/Private/Fusion/Component/NavBar/NavBar.scss

@@ -1,5 +1,5 @@
-@use "../../../../public/Frontend/scss/screen";
-@use "../../../../public/Frontend/scss/helpers";
+@use "../../../../Public/Frontend/scss/screen";
+@use "../../../../Public/Frontend/scss/helpers";
 
 .nav-bar {
     position: fixed;
@@ -95,14 +95,15 @@
         display: block;
         padding: 0.5rem 0.5rem 0.5rem 2.5rem;
         line-height: normal;
+        font-size: .9rem;
+        font-weight: 500;
+        color: var(--c-text);
+
         @include screen.sm {
             padding: 0 1.5rem 0 2.5rem;
             line-height: 32px;
             white-space: nowrap;
         }
-        font-size: .9rem;
-        font-weight: 500;
-        color: var(--c-text);
     }
 
     @include screen.sm {
@@ -147,11 +148,13 @@
 
 .nav-dropdown-link {
     position: relative;
+    overflow: hidden;
+    cursor: pointer;
+
     @include screen.sm {
         height: 36px;
     }
-    overflow: hidden;
-    cursor: pointer;
+
     .dialog {
         display: none;
     }
@@ -181,19 +184,20 @@
     border: 0;
     padding: 0.5rem 0.5rem 0.5rem 1.5rem;
     line-height: normal;
-    @include screen.sm {
-        padding: 0 1.5rem;
-        line-height: 36px;
-        white-space: nowrap;
-    }
     width: 100%;
     text-align: left;
     font-family: var(--font-family-base);
     font-size: 1rem;
     font-weight: 600;
     color: var(--c-text);
     background-color: transparent;
-    cursor: pointer
+    cursor: pointer;
+
+    @include screen.sm {
+        padding: 0 1.5rem;
+        line-height: 36px;
+        white-space: nowrap;
+    }
 }
 
 .nav-links .search-form__wrapper {

DistributionPackages/Neos.DocsNeosIo/Resources/Private/Fusion/Component/Sidebar/Sidebar.scss

@@ -1,4 +1,4 @@
-@use "../../../../public/Frontend/scss/screen";
+@use "../../../../Public/Frontend/scss/screen";
 
 .navigation-item--level-1 {
     padding-top: 1.25rem;

DistributionPackages/Neos.DocsNeosIo/Resources/Private/Fusion/Component/_index.scss

@@ -1,10 +1,10 @@
-@import "Authors/Authors";
-@import "Layout/Layout";
-@import "Sidebar/Sidebar";
-@import "NavBar/NavBar";
-@import "Header/Header";
-@import "Footer/Footer";
-@import "LocalNavigation/LocalNavigation";
-@import "Notice/Notice";
-@import "Badge/Badge";
-@import "SearchForm/SearchForm";
+@use "Authors/Authors";
+@use "Layout/Layout";
+@use "Sidebar/Sidebar";
+@use "NavBar/NavBar";
+@use "Header/Header";
+@use "Footer/Footer";
+@use "LocalNavigation/LocalNavigation";
+@use "Notice/Notice";
+@use "Badge/Badge";
+@use "SearchForm/SearchForm";

DistributionPackages/Neos.DocsNeosIo/Resources/Private/Fusion/Content/Code/Code.scss

@@ -1,5 +1,5 @@
-@use "../../../../public/Frontend/scss/screen";
-@use "../../../../public/Frontend/scss/helpers";
+@use "../../../../Public/Frontend/scss/screen";
+@use "../../../../Public/Frontend/scss/helpers";
 
 code {
     margin: 0;

DistributionPackages/Neos.DocsNeosIo/Resources/Private/Fusion/Content/Tabs/Tabs.scss

@@ -1,4 +1,4 @@
-@use "../../../../public/Frontend/scss/helpers";
+@use "../../../../Public/Frontend/scss/helpers";
 
 .tabs {
     position: relative;

DistributionPackages/Neos.DocsNeosIo/Resources/Private/Fusion/Content/_index.scss

@@ -1,6 +1,6 @@
-@import "Buttons/Buttons";
-@import "Code/Code";
-@import "Navigation/Navigation";
-@import "Image/Image";
-@import "Section/Section";
-@import "Tabs/Tabs";
+@use "Buttons/Buttons";
+@use "Code/Code";
+@use "Navigation/Navigation";
+@use "Image/Image";
+@use "Section/Section";
+@use "Tabs/Tabs";

DistributionPackages/Neos.DocsNeosIo/Resources/Private/Fusion/Override/Flowpack.SearchPlugin/Search.scss

@@ -1,4 +1,4 @@
-@use "../../../../public/Frontend/scss/screen";
+@use "../../../../Public/Frontend/scss/screen";
 
 .flowpack-searchplugin-search {
 	margin-top: 32px;
@@ -30,17 +30,19 @@
 
 		.title {
             font-size: 1.2rem;
+			font-weight: 300;
+
             @include screen.sm {
                 font-size: 1.5rem;
             }
-			font-weight: 300;
 		}
 
         .highlights {
             display: flex;
             flex-direction: column;
             gap: 0.25rem;
             font-size: 0.9rem;
+
             @include screen.sm {
                 font-size: 1rem;
             }

DistributionPackages/Neos.DocsNeosIo/Resources/Private/Fusion/Override/_index.scss

@@ -1,3 +1,3 @@
-@import "PrettyEmbed";
-@import "Flowpack.Searchplugin/Search";
-@import "Sandstorm.MxGraph/Sandstorm.MxGraph";
+@use "PrettyEmbed";
+@use "Flowpack.SearchPlugin/Search";
+@use "Sandstorm.MxGraph/Sandstorm.MxGraph";

DistributionPackages/Neos.DocsNeosIo/Resources/Public/Frontend/.nvmrc

@@ -1 +1 @@
-16
+22