@nova-design-system/nova-react 3.19.0 → 3.21.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

@@ -101,7 +101,8 @@ const NvButton = ssr.createComponent({
         disabled: 'disabled',
         fluid: 'fluid',
         type: 'type',
-        form: 'form'
+        form: 'form',
+        disableTabindex: 'disable-tabindex'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     serializeShadowRoot
@@ -615,7 +616,8 @@ const NvIconbutton = ssr.createComponent({
         active: 'active',
         name: 'name',
         type: 'type',
-        shape: 'shape'
+        shape: 'shape',
+        disableTabindex: 'disable-tabindex'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     serializeShadowRoot
@@ -726,6 +728,15 @@ const NvTable = ssr.createComponent({
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     serializeShadowRoot
 });
+const NvTableheader = ssr.createComponent({
+    tagName: 'nv-tableheader',
+    properties: {
+        sortable: 'sortable',
+        sortDirection: 'sort-direction'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
 const NvToggle = ssr.createComponent({
     tagName: 'nv-toggle',
     properties: {
@@ -821,6 +832,7 @@ exports.NvRow = NvRow;
 exports.NvSplit = NvSplit;
 exports.NvStack = NvStack;
 exports.NvTable = NvTable;
+exports.NvTableheader = NvTableheader;
 exports.NvToggle = NvToggle;
 exports.NvTogglebutton = NvTogglebutton;
 exports.NvTogglebuttongroup = NvTogglebuttongroup;