@nova-design-system/nova-react 3.18.0 → 3.20.0

package/README.md

@@ -2,26 +2,6 @@
 
 **Nova Components React** provides an easy way to use [Nova’s native Web Components](https://www.npmjs.com/package/@nova-design-system/nova-webcomponents) within your React applications.
 
-- [Nova Components React](#nova-components-react)
-  - [Key Features](#key-features)
-  - [Installation](#installation)
-  - [Setting up Tailwind](#setting-up-tailwind)
-    - [About Tailwind and the Nova Plugin](#about-tailwind-and-the-nova-plugin)
-    - [1. Install Tailwind CSS and the Vite Plugin](#1-install-tailwind-css-and-the-vite-plugin)
-    - [2. Configure the Vite Plugin](#2-configure-the-vite-plugin)
-    - [3. Create `tailwind.config.ts`](#3-create-tailwindconfigts)
-    - [4. Configure Tailwind and Nova Plugin in `index.css`](#4-configure-tailwind-and-nova-plugin-in-indexcss)
-    - [5. Include the Nova Tokens (Spark or Ocean)](#5-include-the-nova-tokens-spark-or-ocean)
-    - [6. Use Nova Components with Tailwind Utilities](#6-use-nova-components-with-tailwind-utilities)
-    - [7. Setup the Nova Font](#7-setup-the-nova-font)
-    - [Creating Your Own Style Components with Tailwind](#creating-your-own-style-components-with-tailwind)
-  - [Nova Font Pro Integration](#nova-font-pro-integration)
-    - [Option 1: Import in Global CSS (Recommended)](#option-1-import-in-global-css-recommended)
-    - [Option 2: HTML Integration](#option-2-html-integration)
-
-
----
-
 ## Key Features
 
 - **Lightweight Integration**: Leverage Nova Web Components with minimal configuration in React.
@@ -35,6 +15,9 @@
 
 Install the necessary packages using the package manager of your choice:
 
+> [!IMPORTANT]
+> If you want to set it up in NextJS, please refer to the [NextJS Integration Guide](/docs/guides-next-js-integration--docs).
+
 ```bash
 npm install @nova-design-system/nova-webcomponents @nova-design-system/nova-base @nova-design-system/nova-react
 ```

package/dist/cjs/generated/components.server.js

@@ -314,9 +314,10 @@ const NvFielddropdown = ssr.createComponent({
         error: 'error',
         errorDescription: 'error-description',
         maxHeight: 'max-height',
-        open: 'open',
         emptyResult: 'empty-result',
         filterable: 'filterable',
+        openOnSelect: 'open-on-select',
+        controlledFilter: 'controlled-filter',
         debounceDelay: 'debounce-delay',
         autofocus: 'autofocus',
         fluid: 'fluid'
@@ -330,7 +331,8 @@ const NvFielddropdownitem = ssr.createComponent({
         disabled: 'disabled',
         selected: 'selected',
         value: 'value',
-        label: 'label'
+        label: 'label',
+        detached: 'detached'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     serializeShadowRoot