@nice2dev/ui-communication 1.0.11 → 1.0.14

package/README.md

@@ -8,15 +8,15 @@
 
 Main entry-point with 7 modes:
 
-| Mode | Description |
-|------|-------------|
-| **bubble** | Floating chat bubble (customer support style) |
-| **chat** | Standalone chat panel |
-| **messenger** | Full messenger with contact list |
-| **workspace** | Teams-style workspace with rail navigation |
-| **call** | Audio/video call UI |
-| **conference** | Multi-participant conference |
-| **whiteboard** | Collaborative whiteboard |
+| Mode           | Description                                   |
+| -------------- | --------------------------------------------- |
+| **bubble**     | Floating chat bubble (customer support style) |
+| **chat**       | Standalone chat panel                         |
+| **messenger**  | Full messenger with contact list              |
+| **workspace**  | Teams-style workspace with rail navigation    |
+| **call**       | Audio/video call UI                           |
+| **conference** | Multi-participant conference                  |
+| **whiteboard** | Collaborative whiteboard                      |
 
 ### Components
 
@@ -39,6 +39,20 @@ Main entry-point with 7 modes:
 npm install @nice2dev/ui-communication
 ```
 
+## Styling
+
+This package ships unstyled component logic. Import the shared CSS bundle once at your app entrypoint:
+
+```tsx
+import '@nice2dev/ui/style.css';
+```
+
+Optional: opt into the legacy shorthand token aliases (`--bg-*`, `--text-*`, `--border-*`, ...) when migrating from a custom design-token system:
+
+```tsx
+import '@nice2dev/ui/css/legacy-bg-text-aliases.css';
+```
+
 ## License
 
 MIT © NiceToDev

package/dist/collaboration/collaborative-form.d.ts

@@ -54,7 +54,7 @@ export interface CollaborativeFieldProps {
 /**
  * Wrapper component showing collaborative field state
  */
-export declare function CollaborativeFieldWrapper({ name, focusedBy, children }: CollaborativeFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function CollaborativeFieldWrapper({ name: _name, focusedBy, children }: CollaborativeFieldProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Convenience hook for individual form field
  */

package/dist/components/NiceChannelView.d.ts

@@ -1,4 +1,4 @@
 import { NiceChannelViewProps } from '../types/communicationTypes';
 
-export declare function NiceChannelView({ channel, messages, users, currentUser, team, isLoading, hasMore, enableThreads, enableReactions, enableAttachments, onSendMessage, onEditMessage, onDeleteMessage, onReactToMessage, onPinMessage, onLoadMoreMessages, onStartCall, className, style, id, 'data-testid': testId, }: NiceChannelViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function NiceChannelView({ channel, messages, users, currentUser, team: _team, isLoading, hasMore, enableThreads, enableReactions, enableAttachments, onSendMessage, onEditMessage: _onEditMessage, onDeleteMessage: _onDeleteMessage, onReactToMessage, onPinMessage: _onPinMessage, onLoadMoreMessages, onStartCall, className, style, id, 'data-testid': testId, }: NiceChannelViewProps): import("react/jsx-runtime").JSX.Element;
 export default NiceChannelView;

package/dist/components/NiceCollaborativeEditor.d.ts

@@ -1,3 +1,3 @@
 import { NiceCollaborativeEditorProps } from '../types/communicationTypes';
 
-export declare function NiceCollaborativeEditor({ editorType, sessionId, currentUser, participants: propParticipants, onOperation, onParticipantJoin, onParticipantLeave, onCursorMove, isReadOnly, showParticipants, showCursors, pendingOperations, conflictCount, className, style, children, 'data-testid': testId, }: NiceCollaborativeEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function NiceCollaborativeEditor({ editorType, sessionId, currentUser, participants: propParticipants, onOperation: _onOperation, onParticipantJoin: _onParticipantJoin, onParticipantLeave: _onParticipantLeave, onCursorMove, isReadOnly, showParticipants, showCursors, pendingOperations, conflictCount, className, style, children, 'data-testid': testId, }: NiceCollaborativeEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NiceWhiteboard.d.ts

@@ -1,3 +1,3 @@
 import { NiceWhiteboardProps } from '../types/communicationTypes';
 
-export declare function NiceWhiteboard({ session: initialSession, currentUser, onOperation, remoteOperations, readonly, enableLayers, enableExport, enableLaserPointer, enableVectorEditor, enableDiagramEditor, onExport, onSessionUpdate, storageConfig, className, style, 'data-testid': testId, }: NiceWhiteboardProps): import("react/jsx-runtime").JSX.Element;
+export declare function NiceWhiteboard({ session: initialSession, currentUser, onOperation, remoteOperations, readonly, enableLayers, enableExport, enableLaserPointer: _enableLaserPointer, enableVectorEditor, enableDiagramEditor, onExport, onSessionUpdate, storageConfig, className, style, 'data-testid': testId, }: NiceWhiteboardProps): import("react/jsx-runtime").JSX.Element;