@livekit/components-styles/dist/types_unprefixed/index.scss.d.ts

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

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

export type UnprefixedClassNames = keyof Styles;

declare const styles: Styles;

export default styles;