SPFx 1.18.1 GA

Author: VesaJuvonen

docs/spfx/release-1.18.1.md

@@ -1,17 +1,14 @@
 ---
-title: SharePoint Framework v1.18.1 preview release notes
-description: Release notes for the SharePoint Framework v1.18.1 preview release
-ms.date: 10/24/2023
+title: SharePoint Framework v1.18.1 release notes
+description: Release notes for the SharePoint Framework v1.18.1 release
+ms.date: 11/07/2023
 ms.localizationpriority: high
 ---
-# SharePoint Framework v1.18.1 preview release notes
+# SharePoint Framework v1.18.1 release notes
 
-This is a _minor release_ that introduces a new property targeting Adaptive Card Extensions for a better mobile experience.
+This is a _minor release_ that introduces a new property targeting Adaptive Card Extensions for a better mobile experience with the Microsot Viva Connections.
 
-[!INCLUDE [spfx-release-beta](../../includes/snippets/spfx-release-beta.md)]
-
-- rc.0 **Released**: October 24, 2023
-- beta.0 **Released**: October 10, 2023
+**Released:** November 7, 2023
 
 [!INCLUDE [spfx-release-notes-common](../../includes/snippets/spfx-release-notes-common.md)]
 
@@ -20,7 +17,7 @@ This is a _minor release_ that introduces a new property targeting Adaptive Card
 Install the latest release of the SharePoint Framework (SPFx) by including the **@latest** tag:
 
 ```console
-npm install @microsoft/generator-sharepoint@next --global
+npm install @microsoft/generator-sharepoint@latest --global
 ```
 
 ## Upgrading projects from v1.18 to v1.18.1
@@ -36,7 +33,7 @@ In the project's **package.json** file, identify all SPFx packages. For each SPF
 1. Install the new v1.18.1 package:
 
     ```console
-    npm install @microsoft/{spfx-package-name}@next --save --save-exact
+    npm install @microsoft/{spfx-package-name}@latest --save --save-exact
     ```
 
 [!INCLUDE [spfx-release-upgrade-tip](../../includes/snippets/spfx-release-upgrade-tip.md)]
@@ -45,7 +42,7 @@ In the project's **package.json** file, identify all SPFx packages. For each SPF
 
 ### Partial Support for Teams JS SDK in Adaptive Card Extensions (Mobile only)
 
-Developers can access **partial** Teams JS SDK in Adaptive Card Extensions via ACE's context (in the same way as in web parts).
+Developers can access **partial** Teams JS SDK in Adaptive Card Extensions via ACE's context (in the same way as in web parts). This enables the Adaptive Card Extensions to reflect the user interface based on the Microsoft Teams mobile theme setting.
 
 ```typescript
 class AdaptiveCardExtensionContext {
@@ -73,4 +70,4 @@ See more details on the use cases with code samples from the following updated d
 
 ## Summary
 
-Version 1.18.1 is expected to be a small release with limited new capabilities. If you find any issues or have other feedback on the provided capabilities, report them at the [SPFx issue list](https://aka.ms/spfx/issues). Thank you for your input advance.
+Version 1.18.1 is a small release with a limited new capabilities. If you find any issues or have other feedback on the provided capabilities, report them at the [SPFx issue list](https://aka.ms/spfx/issues). Thank you for your input advance.

docs/spfx/viva/get-started/making-quickview-compatable-darkmode-mobile.md

@@ -1,17 +1,15 @@
 ---
 title: Making Quick View compatible with dark mode in mobile devices
 description: Making Adaptive Card Extension Quick View compatible for both dark and light mode by using different resources for both scenarios.
-ms.date: 09/12/2023
+ms.date: 11/07/2023
 ms.localizationpriority: high
 ---
 # Making Quick View compatible with dark mode in mobile devices
 
 > [!IMPORTANT]
 > The following tutorial is targeted specifically for Quick View in Mobile for Viva Connections iOS and Android.
 
-To adapt to the dark mode release in Viva Connections Mobile, which is scheduled for early Q4 of Calender Year 23, make sure that your card contents look compatible with both light and dark mode.
-
-An API ([context.sdks.microsoftTeams.teamsJs.app.getContext()](/javascript/api/sp-adaptive-card-extension-base/ipartialsdks?view=sp-typescript-latest)) will be available in SPFx 1.18.1 package to get the information about the theme of the mobile app. This helps with using associated assets like images compliant to the theme. If you want to use two different sets of data while keeping the existing view style, follow these steps:
+An API ([context.sdks.microsoftTeams.teamsJs.app.getContext()](/javascript/api/sp-adaptive-card-extension-base/ipartialsdks?view=sp-typescript-latest)) is available staring with the SPFx 1.18.1 version, to get the information about the theme of the mobile app. This helps with using associated assets like images compliant to the theme. If you want to use two different sets of data while keeping the existing view style, follow these steps:
 
 - Let’s create a basic card with an image in Quick View. Locate and open the following file: **./src/adaptiveCardExtensions/helloWorld/quickView/template/QuickViewTemplate.json**. 
 - Replace the contents of this file with the following JSON:

docs/toc.yml

@@ -466,7 +466,7 @@
     items:
     - name: Overview
       href: spfx/roadmap.md
-    - name: SPFx v1.18.1 - October 10, 2023
+    - name: SPFx v1.18.1 - November 7, 2023
       href: spfx/release-1.18.1.md
     - name: SPFx v1.18 - September 12, 2023
       href: spfx/release-1.18.md