@livekit/components-styles/dist/types/general/index.css.d.ts

Beautiful base styling for LiveKit components that you can use as is, build upon, or create your own.

export type Styles = {
  'lk-agent-control-bar': string;
  'lk-audio-bar': string;
  'lk-audio-bar-visualizer': string;
  'lk-audio-conference': string;
  'lk-audio-conference-stage': string;
  'lk-audio-container': string;
  'lk-audio-visualizer': string;
  'lk-button': string;
  'lk-button-group': string;
  'lk-button-group-container': string;
  'lk-button-group-menu': string;
  'lk-button-menu': string;
  'lk-camera-off-note': string;
  'lk-carousel': string;
  'lk-chat': string;
  'lk-chat-entry': string;
  'lk-chat-form': string;
  'lk-chat-form-input': string;
  'lk-chat-header': string;
  'lk-chat-messages': string;
  'lk-chat-toggle': string;
  'lk-close-button': string;
  'lk-connection-quality': string;
  'lk-control-bar': string;
  'lk-device-menu': string;
  'lk-device-menu-heading': string;
  'lk-disconnect-button': string;
  'lk-edit-button': string;
  'lk-focus-layout': string;
  'lk-focus-layout-wrapper': string;
  'lk-focus-toggle-button': string;
  'lk-focused-participant': string;
  'lk-form-control': string;
  'lk-grid-layout': string;
  'lk-grid-layout-wrapper': string;
  'lk-highlighted': string;
  'lk-join-button': string;
  'lk-list': string;
  'lk-media-device-select': string;
  'lk-message-body': string;
  'lk-meta-data': string;
  'lk-pagination-control': string;
  'lk-pagination-count': string;
  'lk-pagination-indicator': string;
  'lk-participant-media-audio': string;
  'lk-participant-media-video': string;
  'lk-participant-metadata': string;
  'lk-participant-metadata-item': string;
  'lk-participant-name': string;
  'lk-participant-placeholder': string;
  'lk-participant-tile': string;
  'lk-pip-track': string;
  'lk-prejoin': string;
  'lk-room-container': string;
  'lk-rotate': string;
  'lk-settings-menu-modal': string;
  'lk-spinner': string;
  'lk-start-audio-button': string;
  'lk-timestamp': string;
  'lk-toast': string;
  'lk-track-muted-indicator-camera': string;
  'lk-track-muted-indicator-microphone': string;
  'lk-username-container': string;
  'lk-video-conference': string;
  'lk-video-conference-inner': string;
  'lk-video-container': string;
};

export type ClassNames = keyof Styles;

declare const styles: Styles;

export default styles;