@stream-io/video-styling 1.0.2

package/dist/css/styles.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../src/_base.scss","../../src/_global-theme-variables.scss","../../src/Avatar/Avatar-layout.scss","../../src/Avatar/Avatar-theme.scss","../../src/_utils.scss","../../src/Button/Button-layout.scss","../../src/Button/Button-theme.scss","../../src/BackgroundFilters/BackgroundFilters-layout.scss","../../src/CallControls/CallControls-layout.scss","../../src/CallControls/CancelCallButton.scss","../../src/CallLayout/LivestreamLayout-layout.scss","../../src/CallLayout/PaginatedGridLayout-layout.scss","../../src/CallLayout/SpeakerLayout-layout.scss","../../src/CallParticipantList/CallParticipantList-layout.scss","../../src/CallParticipantList/CallParticiantListingItem-layout.scss","../../src/CallParticipantList/CallParticiantListingItem-theme.scss","../../src/CallPreview/CallPreview-layout.scss","../../src/CallRecodingList/CallRecordingList-layout.scss","../../src/CallRecodingList/CallRecordingList-theme.scss","../../src/CallStats.scss","../../src/DeviceSettings/DeviceSettings-layout.scss","../../src/DropdownSelect/DropdownSelect.scss","../../src/Icon/Icon-theme.scss","../../src/Icon/Icon-layout.scss","../../src/LoadingIndicator/LoadingIndicator-layout.scss","../../src/LoadingIndicator/LoadingIndicator-theme.scss","../../src/Menu/Menu-layout.scss","../../src/Menu/Portal-layout.scss","../../src/Menu/Menu-theme.scss","../../src/Menu/GenericMenu-layout.scss","../../src/Notification/Notification-layout.scss","../../src/Notification/Notification-theme.scss","../../src/ParticipantView/ParticipantView-layout.scss","../../src/Permissions/Permissions-layout.scss","../../src/Reaction/Reaction-layout.scss","../../src/RingingCall/RingingCall-layout.scss","../../src/RingingCall/RingingCall-theme.scss","../../src/ScreenShareOverlay/ScreenShareOverlay-layout.scss","../../src/ScreenShareOverlay/ScreenShareOverlay-theme.scss","../../src/Search/SearchInput-layout.scss","../../src/Search/SearchInput-theme.scss","../../src/StreamCall.scss","../../src/Tooltip/Tooltip-layout.scss","../../src/Tooltip/Tooltip-theme.scss","../../src/Video/Video-layout.scss","../../src/Video/Video-theme.scss","../../src/Video/VideoPlaceholder-layout.scss","../../src/Video/VideoPlaceholder-theme.scss","../../src/VideoPreview/VideoPreview-layout.scss","../../src/VideoPreview/VideoPreview-theme.scss"],"names":[],"mappings":";AACE;AAAA;AAAA;EAGE;;;ACJJ;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACxLF;EAJE;EACA;EAKA;;;AAGF;EATE;EACA;EAUA;EACA;EACA;;;ACZF;AACE;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;ECSE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADZF;EACE;EACA;EACA;EACA;EACA;;;AEtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;;AAIJ;EACE;;AAEA;EAEE;;AAGF;EACE;;AAGF;EAEE;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EAGA;;;AAKF;EACE;;;ACxHF;AACE;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;EAIA;AAAA;AAAA;EAIA;AAAA;AAAA;EAIA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;;;AAKF;EFnBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EEcA;EAGA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;EAGA;;AAEA;EACE;;AAKF;EACE;;AAON;EACE;;AAIA;EACE;;AAIJ;EACE;;AAKF;EACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;AAIA;EACE;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;;AClKJ;EACE;EACA;EAGA;EACA;EAGA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AC/BJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;;AAEA;EACE;;;AChEJ;EACE;EAEA;EAEA;EACA;EAEA;EACA;;AAGF;EAEE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;;AAKN;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AC7GR;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAOE;;AANA;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC5GR;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EACE;;AAIF;EACE;;AAIF;EACE;;;ACrCR;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EAGE;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAIJ;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAIJ;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAIJ;EACE;;AACA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EAEA;;AAKN;EACE;;AAEF;EACE;;AAEF;EACE;;AAKA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAMF;EACE;;AAEF;EACE;;AAEF;EACE;;;AAKN;EAEI;IACE;IACA;;EAEA;IACE;;;AC7IR;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAGA;EACE;EACA;;AAKN;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE,QADiB;EAEjB,OAFiB;EAGjB,WAHiB;EAIjB,mBAJiB;;AAQrB;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AC5GJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EVdF;EACA;EAEA;EACA;EACA;;AUaA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AC7BJ;EACE;;AAIA;EXEF;EACA,oBWDQ;EXER;EACA;EACA;EACA;EACA,WWJQ;EXKR,mBWLQ;EXMR,kBWPQ;;AAKN;EXNF,YWQQ;EXPR,oBWOQ;EXNR;EACA;EACA;EACA;EACA,WWIQ;EXHR,mBWGQ;EXFR,kBWCQ;;AAKN;EXdF,YWgBQ;EXfR,oBWeQ;EXdR;EACA;EACA;EACA;EACA,WWYQ;EXXR,mBWWQ;EXVR,kBWSQ;;AAKN;EXtBF,YWwBQ;EXvBR,oBWuBQ;EXtBR;EACA;EACA;EACA;EACA,WWoBQ;EXnBR,mBWmBQ;EXlBR,kBWiBQ;;AAKN;EX9BF,YWgCQ;EX/BR,oBW+BQ;EX9BR;EACA;EACA;EACA;EACA,WW4BQ;EX3BR,mBW2BQ;EX1BR,kBWyBQ;;;AC3CV;EACE;EACA;EACA;EACA;;;ACJF;EACE;EACA;EACA;EACA;EACA;;AAGE;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAGJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIA;EACE;EACA;;AAGA;EACE;EACA;;;ACtDN;EACE;EACA;EACA;;;AAGF;EdEE;EACA,oBcDE;EdEF;EACA;EACA;EACA;EACA,WcJE;EdKF,mBcLE;EdMF,kBcPE;;;AAKJ;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EdxBA,Yc0BI;EdzBJ,oBcyBI;EdxBJ;EACA;EACA;EACA;EACA,WcsBI;EdrBJ,mBcqBI;EdpBJ,kBcmBI;;;AAMN;EdjCE,YcmCE;EdlCF,oBckCE;EdjCF;EACA;EACA;EACA;EACA,Wc+BE;Ed9BF,mBc8BE;Ed7BF,kBc4BE;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;AAGF;EACE;EACA;;;ACjHJ;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;;AAEA;AAAA;EACE;;AAIA;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;EAEE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;EACE;;AAGF;AAAA;EACE;;;AC3GN;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EAEE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AACA;EACE;;;AAMR;EACE;IACE;;;ACrGJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;ACzVJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACTF;EACE;EACA;EACA;;;ACDF;ErBQE,YqBNE;ErBOF,oBqBPE;ErBQF;EACA;EACA;EACA;EACA,WAPmD;EAQnD,mBARmD;EASnD,kBqBbE;EAEF;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;ACjBJ;EACE;EAKA;EACA;;AALA;EACE;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;ACnBF;EACE;EACA;;;ACFF;EACE;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAEA;EACE;EAEA;EACA;EAEA;EACA;EAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;;AAKJ;EACE;;AAEF;EACE;EACA;EACA;EACA;;;AC1DN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;ACpBN;EACE;EACA;EACA;;AAEA;E3BGA,Y2BDI;E3BEJ,oB2BFI;E3BGJ;EACA;EACA;EACA;EACA,W2BLI;E3BMJ,mB2BNI;E3BOJ,kB2BRI;;AAKJ;EACE;;;ACdJ;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAWA;EAPE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAKA;EACA;;AAGF;EAbE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAWA;EACA;;AAGF;EACE;EApBA,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAkBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAlCE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAgCA;EACA;EACA;;AAKN;EACE;EACA;EACA;EAEA;EAGA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAKF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;;ACjNN;EACE;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;ACnDN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;ACRJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;;;ACxCJ;EACE;EACA;EACA;;;AAME;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAGA,cACE;EAEF;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AClCR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACxBN;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;ACfN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;;ACxBJ;EACE;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;EAEA;EACA;AAAA;EAEA;EAEA;EAEA;;;AAGF;EACE;;;AAEF;EpCHE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AoCDA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EpC9BA,YoCgCI;EpC/BJ,oBoC+BI;EpC9BJ;EACA;EACA;EACA;EACA,WoC4BI;EpC3BJ,mBoC2BI;EpC1BJ,kBoCyBI;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EpC9CF,YoCgDM;EpC/CN,oBoC+CM;EpC9CN;EACA;EACA;EACA;EACA,WoC4CM;EpC3CN,mBoC2CM;EpC1CN,kBoCyCM;;;AC3DR;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;;ACbJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACNF;AACE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;EvCNE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EuCCA;EACA;;AAEA;EACE;;;AClCJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACZJ;EACE;;;ACDF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACnBJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACbJ;EACE;EACA;EACA;EAEA,OADkB;EAElB;;AAEA;EACE;EACA;EACA;;AAGF;EAEE,QADiB;EAEjB,OAFiB;EAGjB,WAHiB;;AAMnB;EACE;;AAGF;EACE;;;ACxBJ;AACE;EACA;AAEA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAGA;EACA;AAAA;AAGA;EACA;AAAA;AAGA;EACA;AAAA;;;AAIF;E7CXE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E6CMA","file":"styles.css"}

package/index.scss

@@ -0,0 +1,31 @@
+// main entry point for component styles
+
+@use 'src/base';
+@use 'src/global-theme-variables';
+@use 'src/utils';
+
+@import 'src/Avatar';
+@import 'src/Button';
+@import 'src/BackgroundFilters';
+@import 'src/CallControls';
+@import 'src/CallLayout';
+@import 'src/CallParticipantList';
+@import 'src/CallPreview';
+@import 'src/CallRecodingList';
+@import 'src/CallStats';
+@import 'src/DeviceSettings';
+@import 'src/DropdownSelect';
+@import 'src/Icon';
+@import 'src/LoadingIndicator';
+@import 'src/Menu';
+@import 'src/Notification';
+@import 'src/ParticipantView';
+@import 'src/Permissions';
+@import 'src/Reaction';
+@import 'src/RingingCall';
+@import 'src/ScreenShareOverlay';
+@import 'src/Search';
+@import 'src/StreamCall';
+@import 'src/Tooltip';
+@import 'src/Video';
+@import 'src/VideoPreview';

package/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@stream-io/video-styling",
+  "version": "1.0.2",
+  "packageManager": "yarn@3.2.4",
+  "license": "See license in LICENSE",
+  "scripts": {
+    "clean": "rimraf dist",
+    "start": "sass --watch index.scss ./dist/css/styles.css",
+    "build": "sass index.scss ./dist/css/styles.css"
+  },
+  "devDependencies": {
+    "rimraf": "^5.0.5",
+    "sass": "^1.69.5"
+  }
+}

package/project.json

@@ -0,0 +1,51 @@
+{
+  "name": "@stream-io/video-styling",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "targets": {
+    "version": {
+      "executor": "@jscutlery/semver:version",
+      "options": {
+        "dryRun": false,
+        "preset": {
+          "name": "conventionalcommits",
+          "preMajor": true,
+          "types": [
+            {"type": "feat", "section": "Features"},
+            {"type": "fix", "section": "Bug Fixes"},
+            {"type": "chore", "hidden": true},
+            {"type": "docs", "section": "Documentation"},
+            {"type": "style", "hidden": true},
+            {"type": "refactor", "hidden": true},
+            {"type": "perf", "section": "Features"},
+            {"type": "test", "hidden": true}
+          ]
+        },
+        "trackDeps": true,
+        "push": true,
+        "skipCommitTypes": ["chore", "ci", "refactor", "test"],
+        "postTargets": [
+          "@stream-io/video-styling:github",
+          "@stream-io/video-styling:publish"
+        ]
+      }
+    },
+    "github": {
+      "executor": "@jscutlery/semver:github",
+      "options": {
+        "tag": "${tag}",
+        "notes": "${notes}"
+      }
+    },
+    "publish": {
+      "executor": "nx:run-commands",
+      "options": {
+        "commands": [
+          {
+            "command": "yarn release:styling",
+            "forwardAllArgs": false
+          }
+        ]
+      }
+    }
+  }
+}

package/src/Avatar/Avatar-layout.scss

@@ -0,0 +1,16 @@
+@mixin default-avatar-dimensions {
+  width: 2rem;
+  height: 2rem;
+}
+
+.str-video__avatar {
+  @include default-avatar-dimensions;
+  object-fit: cover;
+}
+
+.str-video__avatar--initials-fallback {
+  @include default-avatar-dimensions;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

package/src/Avatar/Avatar-theme.scss

@@ -0,0 +1,24 @@
+@use "../utils";
+
+.str-video {
+  /* The font color applied inside the component */
+  --str-video__avatar--color: var(--str-video__text-color1);
+
+  /* The background color of the component */
+  --str-video__avatar--background-color: var(--str-video__background-color1);
+
+  /* The border radius used for the borders of the component */
+  --str-video__avatar--border-radius: var(--str-video__border-radius-circle);
+
+}
+.str-video__avatar {
+  @include utils.component-layer-overrides('avatar');
+}
+
+.str-video__avatar--initials-fallback {
+  background-color: var(--str-video__primary-color);
+  font-size: 1rem;
+  font-weight: 600;
+  border-radius: var(--str-video__border-radius-circle);
+  text-transform: uppercase;
+}

package/src/Avatar/index.scss

@@ -0,0 +1,2 @@
+@import "Avatar-layout";
+@import "Avatar-theme";

package/src/BackgroundFilters/BackgroundFilters-layout.scss

@@ -0,0 +1,34 @@
+.str-video__background-filters {
+  position: absolute;
+  bottom: 0;
+  // it needs at least 1px to be visible in the viewport,
+  // otherwise, the browser will not play the videos
+  right: calc(100% - 1px);
+  overflow: hidden;
+  // trick to make the video not visible but still playable by the browser
+  // display: none doesn't work as the browser won't play the video
+  opacity: 0;
+
+  .str-video__background-filters__video {
+    top: 0;
+    width: 100%;
+    height: auto;
+    object-fit: cover;
+  }
+
+  .str-video__background-filters__video--tall {
+    object-fit: contain;
+  }
+
+  .str-video__background-filters__background-image {
+    top: 5px;
+    width: 100%;
+    height: auto;
+  }
+
+  .str-video__background-filters__target-canvas {
+    top: 10px;
+    width: 100%;
+    height: auto;
+  }
+}

package/src/BackgroundFilters/index.scss

@@ -0,0 +1 @@
+@import 'BackgroundFilters-layout';

package/src/Button/Button-layout.scss

@@ -0,0 +1,124 @@
+.str-video__button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--str-video__border-radius-md);
+  padding: var(--str-video__spacing-sm) var(--str-video__spacing-lg);
+  text-align: center;
+  min-width: 120px;
+  width: 100%;
+  font-size: var(--str-video__font-size-md);
+  font-weight: 500;
+  border: 1px solid transparent;
+  color: var(--str-video__text-color1);
+
+  background-color: var(--str-video__button-primary-base);
+
+  &:hover {
+    background-color: var(--str-video__button-primary-hover);
+    cursor: pointer;
+  }
+
+  &__icon {
+    margin-right: var(--str-video__spacing-xs);
+    height: 16px;
+    background-color: var(--str-video__text-color1);
+  }
+
+  &:disabled {
+    background-color: var(--str-video__button-default-disabled);
+    cursor: not-allowed;
+  }
+}
+
+.str-video__composite-button {
+  &--caption {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  .str-video__composite-button__button-group {
+    display: flex;
+    align-items: center;
+
+    .str-video__composite-button__button {
+      all: unset;
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 12px;
+      height: calc(38px - 1rem);
+      padding: 0.5rem;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+
+    .str-video__menu-toggle-button {
+      padding: 0;
+      margin-left: -30px;
+      margin-right: 8px;
+    }
+
+    .str-video__loading-indicator__icon {
+      width: 1.375rem;
+      height: 1.375rem;
+      -webkit-mask-size: 1.25rem;
+      mask-size: 1.25rem;
+    }
+  }
+
+  &.str-video__composite-button--menu .str-video__composite-button__button {
+    padding-right: 2.5rem;
+  }
+}
+
+.str-video__call-controls__button {
+  padding: 0.5rem;
+
+  &--variant-danger,
+  &--variant-success {
+    padding: 0.5rem 1rem;
+  }
+
+  &[disabled] {
+    cursor: not-allowed;
+  }
+
+  &:hover,
+  &:hover > *:hover {
+    cursor: pointer;
+  }
+
+  .str-video__icon {
+    &--call-end {
+      width: 1.5rem;
+      height: 1.5rem;
+    }
+
+    &--call-accept {
+      width: 1.5rem;
+      height: 1.5rem;
+    }
+  }
+}
+
+.str-video__text-button {
+  all: unset;
+  padding: 5px;
+  font-size: 12px;
+  border-radius: var(
+    --str-video__participant-list-header__close-button--border-radius
+  );
+  background: var(
+    --str-video__participant-list-header__close-button--background-color
+  );
+}
+
+.str-video__call-recording-list-item__action-button {
+  border: none;
+}

package/src/Button/Button-theme.scss

@@ -0,0 +1,165 @@
+@use '../utils';
+
+.str-video {
+  /* The font color applied inside the component */
+  --str-video__composite-button__button-group--color: var(
+    --str-video__text-color1
+  );
+
+  /* The background color of the component */
+  --str-video__composite-button__button-group--background-color: var(
+    --str-video__button-primary-base
+  );
+
+  /* The active background color of the component */
+  --str-video__composite-button__button-group-active--background-color: var(
+    --str-video__button-primary-active
+  );
+
+  --str-video__composite-button__button-group-active-primary--background-color: var(
+    --str-video__button-primary-active
+  );
+
+  --str-video__composite-button__button-group-active-secondary--background-color: var(
+    --str-video__button-secondary-active
+  );
+
+  --str-video__composite-button__button-group-active-secondary-hover--background-color: var(
+    --str-video__button-secondary-hover
+  );
+
+  /* The hover background color of the component */
+  --str-video__composite-button__button-group-hover--background-color: var(
+    --str-video__button-default-hover
+  );
+
+  /* The border radius used for the borders of the component */
+  --str-video__composite-button__button-group--border-radius: var(
+    --str-video__border-radius-xs
+  );
+}
+
+.str-video__composite-button__button-group {
+  @include utils.component-layer-overrides('composite-button__button-group');
+  background-color: var(
+    --str-video__composite-button__button-group--background-color
+  );
+  border-radius: var(--str-video__border-radius-circle);
+
+  .str-video__call-controls__button.str-video__menu-toggle-button {
+    background-color: var(--str-video__button-primary-base);
+
+    &:hover {
+      background-color: var(--str-video__button-default-hover);
+    }
+
+    &--active {
+      background-color: var(
+        --str-video__composite-button__button-group-hover--background-color
+      );
+      color: white;
+
+      &:hover {
+        background-color: var(
+          --str-video__composite-button__button-group-hover--background-color
+        );
+      }
+
+      &:disabled {
+        background-color: var(
+          --str-video__composite-button__button-group-hover--background-color
+        );
+      }
+    }
+  }
+
+  &.str-video__composite-button__button-group--active {
+    background-color: var(
+      --str-video__composite-button__button-group-active--background-color
+    );
+
+    &:hover {
+      background-color: var(--str-video__button-primary-hover);
+    }
+  }
+
+  &.str-video__composite-button__button-group--active-primary {
+    background-color: var(
+      --str-video__composite-button__button-group-active-primary--background-color
+    );
+  }
+
+  &.str-video__composite-button__button-group--active-secondary {
+    background-color: var(
+      --str-video__composite-button__button-group-active-secondary--background-color
+    );
+  }
+}
+
+.str-video__composite-button__caption {
+  font-size: 12px;
+  line-height: 15px;
+  text-align: center;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.str-video__composite-button__button-group:hover {
+  background-color: var(
+    --str-video__composite-button__button-group-hover--background-color
+  );
+
+  &.str-video__composite-button__button-group--active-secondary:hover {
+    background-color: var(
+      --str-video__composite-button__button-group-active-secondary-hover--background-color
+    );
+  }
+
+  .str-video__icon {
+    background-color: var(--str-video__icon-hover);
+  }
+}
+
+.str-video__call-controls__button {
+  border-radius: var(--str-video__border-radius-circle);
+  text-decoration: none;
+  box-shadow: none;
+  border: none;
+  background-color: var(--str-video__button-primary-base);
+
+  &:hover {
+    text-decoration: none;
+    background-color: var(
+      --str-video__composite-button__button-group-hover--background-color
+    );
+
+    .str-video__icon {
+      background-color: var(--str-video__icon-hover);
+    }
+  }
+
+  &--variant-danger {
+    background-color: var(--str-video__button-tertiary-base);
+    padding: 0.4rem;
+
+    .str-video__icon {
+      background-color: white;
+    }
+
+    &:hover {
+      background-color: var(--str-video__button-tertiary-hover);
+    }
+  }
+
+  &--variant-success {
+    background-color: var(--str-video__info-color);
+
+    &:hover {
+      background-color: var(--str-video__info-color--accent);
+    }
+  }
+
+  &--enabled {
+    background: var(--str-video__background-color7);
+  }
+}

package/src/Button/index.scss

@@ -0,0 +1,2 @@
+@import "Button-layout";
+@import "Button-theme";

package/src/CallControls/CallControls-layout.scss

@@ -0,0 +1,69 @@
+.str-video__call-controls {
+  display: flex;
+  justify-content: center;
+  gap: 1rem;
+  padding: 1rem 0;
+
+  .str-video__reactions-menu {
+    background-color: var(--str-video__base-color7);
+    display: flex;
+
+    padding: var(--str-video__spacing-sm);
+    gap: 0.5rem;
+
+    border-radius: var(--str-video__border-radius-lg);
+
+    &--horizontal {
+      flex-direction: row;
+    }
+
+    &--vertical {
+      flex-direction: column;
+    }
+
+    .str-video__reactions-menu__button {
+      font-size: 1.2rem;
+      height: 38px;
+      width: 38px;
+      background-color: var(--str-video__button-primary-base);
+      border-radius: var(--str-video__border-radius-circle);
+      border: 1px solid transparent;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      &:hover {
+        background-color: var(--str-video__button-primary-hover);
+        cursor: pointer;
+      }
+    }
+  }
+}
+
+.str-video__no-media-permission {
+  position: absolute;
+  background-color: var(--str-video__alert-caution);
+  height: 12px;
+  width: 12px;
+  border-radius: var(--str-video__border-radius-circle);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  font-size: var(--str-video__font-size-xxs);
+  color: var(--str-video__base-color4);
+  cursor: pointer;
+  font-weight: 600;
+  top: 0;
+  right: -3px;
+}
+
+.str-video__composite-button.str-video__device-unavailable {
+  .str-video__composite-button__button-group {
+    background-color: var(--str-video__button-default-disabled);
+
+    &:hover {
+      background-color: var(--str-video__button-default-hover);
+    }
+  }
+}

package/src/CallControls/CancelCallButton.scss

@@ -0,0 +1,114 @@
+.str-video__end-call {
+  &__confirmation {
+    background-color: var(--str-video__base-color7);
+
+    border-radius: var(--str-video__border-radius-xl);
+
+    padding: var(--str-video__spacing-sm);
+    gap: var(--str-video__spacing-md);
+
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__leave,
+  &__end {
+    min-width: 211px;
+    color: var(--str-video__text-color1);
+
+    &-icon {
+      background-color: var(--str-video__text-color1);
+    }
+  }
+
+  &__leave {
+    background-color: var(--str-video__button-tertiary-base);
+    border: 1px solid transparent;
+
+    &:hover {
+      background-color: var(--str-video__button-primary-hover);
+    }
+  }
+
+  &__end {
+    background-color: var(--str-video__button-primary-base);
+
+    &:hover {
+      background-color: var(--str-video__button-tertiary-hover);
+    }
+  }
+}
+
+.str-video__end-call.str-video__end-call__leave-icon,
+.str-video__icon.str-video__end-call__end-icon {
+  background-color: var(--str-video__text-color1);
+}
+
+.str-video__end-recording__confirmation {
+  background-color: var(--str-video__base-color7);
+  border-radius: var(--str-video__border-radius-lg);
+  padding: var(--str-video__spacing-xl);
+  gap: var(--str-video__spacing-lg);
+  display: flex;
+  flex-direction: column;
+}
+
+.str-video__end-recording__header {
+  display: flex;
+  flex-direction: row;
+  gap: var(--str-video__spacing-md);
+}
+
+.str-video__end-recording__heading {
+  font-size: var(--str-video__font-size-lg);
+  font-weight: 600;
+  margin: 0;
+}
+
+.str-video__end-recording__description {
+  margin: 0;
+  color: var(--str-video__text-color2);
+  font-size: var(--str-video__font-size-sm);
+}
+
+.str-video__end-recording__actions {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  gap: var(--str-video__spacing-md);
+
+  .str-video__composite-button {
+    width: 100%;
+    gap: var(--str-video__spacing-md);
+
+    &:first-of-type {
+      background-color: transparent;
+
+      .str-video__composite-button__button-group {
+        background-color: transparent;
+        border: 1px solid var(--str-video__base-color2);
+        width: 100%;
+        justify-content: center;
+
+        &:hover {
+          background-color: var(--str-video__button-default-hover);
+        }
+      }
+    }
+    .str-video__composite-button__button-group {
+      background-color: var(--str-video__button-tertiary-base);
+      width: 100%;
+      justify-content: center;
+
+      .str-video__text-button {
+        display: flex;
+        align-items: center;
+        gap: 5px;
+      }
+
+      &:hover {
+        background-color: var(--str-video__button-tertiary-hover);
+      }
+    }
+  }
+}