@arcware-cloud/pixelstreaming-websdk
Version:
WebSDK for easy implementation of pixel streaming with Arcware Cloud Services. Heavily based on the '@epicgames-ps' library.
479 lines (478 loc) • 14.1 kB
TypeScript
export declare const ArcwareStyles: {
customStyles: {
":root": {
"--color0": string;
"--color1": string;
"--color2": string;
"--color3": string;
"--color4": string;
"--color5": string;
"--color6": string;
"--color7": string;
"--color8": string;
"--color9": string;
"--color10": string;
"--color11": string;
"--color12": string;
"--color13": string;
"--colorBoxShadow": string;
};
"#playerUI *": {
fontFamily: string;
};
"#shared-stream-container": {
boxSizing: string;
};
"#shared-stream-container::-webkit-scrollbar": {
width: string;
};
"#shared-stream-container::-webkit-scrollbar-track": {
background: string;
opacity: string;
borderRadius: string;
borderTop: string;
borderRight: string;
borderBottom: string;
borderLeft: string;
};
"#shared-stream-container::-webkit-scrollbar-track-piece": {
background: string;
};
"#shared-stream-container::-webkit-scrollbar-thumb": {
background: string;
width: string;
borderRight: string;
borderLeft: string;
transition: string;
borderRadius: string;
};
"#shared-stream-container::-webkit-scrollbar-thumb:hover": {
transition: string;
background: string;
};
"#playerUI, #videoElementParent": {
position: string;
width: string;
height: string;
maxWidth: string;
maxHeight: string;
top: number;
right: number;
bottom: number;
left: number;
margin: string;
boxSizing: string;
pointerEvents: string;
};
"#streamingVideo": {
maxWidth: string;
maxHeight: string;
boxSizing: string;
background: string;
};
"#uiFeatures #controls": {
top: string;
left: string;
bottom: string;
right: string;
display: string;
flexDirection: string;
};
"#uiFeatures #connection": {
bottom: string;
left: string;
width: string;
heihgt: string;
};
"#uiFeatures button": {
backgroundColor: string;
border: string;
position: string;
width: string;
height: string;
padding: string;
textAlign: string;
cursor: string;
display: string;
flexDirection: string;
justifyContent: string;
alignItems: string;
boxShadow: string;
borderRadius: string;
outline: string;
};
"#uiFeatures button:hover, #uiFeatures button:active": {
padding: string;
border: string;
};
"#uiFeatures button #audioIconMuted, #uiFeatures button #audioIconUnmuted, #uiFeatures button #micIconMuted, #uiFeatures button #micIconUnmuted": {
width: string;
height: string;
};
"#uiFeatures button #maximizeIcon, #uiFeatures button #minimizeIcon": {
width: string;
height: string;
};
"#stopIcon, #playIcon": {
width: string;
height: string;
};
"#uiFeatures button .tooltiptext": {
right: string;
left: string;
boxShadow: string;
borderRadius: string;
backgroundColor: string;
width: string;
visibility: string;
};
"@media (hover: hover) and (pointer: fine)": {
"#uiFeatures button:hover .tooltiptext": {
visibility: string;
};
};
"#controls>*": {
marginBottom: string;
display: string;
lineHeight: string;
padding: string;
backgroundColor: string;
};
"#uiFeatures #settingsIcon, #uiFeatures #statsIcon": {
width: string;
height: string;
};
".svgIcon": {
fill: string;
};
"#uiFeatures button:hover .svgIcon, #uiFeatures button:active .svgIcon": {
fill: string;
};
".tgl-switch .tgl-slider, .tgl-flat:checked+.tgl-slider": {
border: string;
};
".tgl-switch .tgl-slider": {
background: string;
};
".tgl-switch .tgl-slider::before": {
content: string;
display: string;
background: string;
position: string;
height: string;
width: string;
borderRadius: string;
margin: string;
top: string;
bottom: string;
left: string;
right: string;
};
".tgl-switch .tgl-slider::after": {
height: string;
width: string;
borderRadius: string;
top: string;
left: string;
};
".tgl-flat:checked+.tgl-slider:after": {
left: string;
background: string;
};
".form-control": {
backgroundColor: string;
border: string;
borderRadius: string;
color: string;
textAlign: string;
fontFamily: string;
padding: string;
};
".btn-flat": {
background: string;
color: string;
border: string;
padding: string;
cursor: string;
borderRadius: string;
textTransform: string;
minWidth: string;
};
".btn-flat:disabled": {
background: string;
borderColor: string;
color: string;
cursor: string;
};
".btn-flat:focus": {
outline: string;
};
".arcware-logo-loader": {
position: string;
display: string;
width: string;
height: string;
};
"#playOverlay img#playButton": {
width: string;
};
"#disconnectOverlay, #errorOverlay": {
textTransform: string;
textAlign: string;
fontSize: string;
lineHeight: number;
};
"#disconnectOverlay .clickableState": {
textTransform: string;
textAlign: string;
color: string;
padding: string;
fontSize: string;
border: string;
margin: string;
width: string;
};
"#afkOverlay": {
background: string;
transition: string;
opacity: number;
pointerEvents: string;
};
"#afkOverlayInner": {
textTransform: string;
background: string;
padding: string;
fontSize: string;
width: string;
textAlign: string;
lineHeight: number;
};
"#afkOverlayInner center::first-line": {
textTransform: string;
color: string;
fontWeight: string;
fontSize: string;
};
"#afkOverlayInner #afkCountDownNumber": {
color: string;
fontSize: string;
lineHeight: string;
};
"#afkOverlayInner center .retry-button": {
textTransform: string;
textAlign: string;
color: string;
padding: string;
fontSize: string;
border: string;
margin: string;
width: string;
};
"#connectOverlay #connectButton": {
textTransform: string;
textAlign: string;
color: string;
padding: string;
fontSize: string;
border: string;
margin: string;
width: string;
};
"#connectOverlay .connection-text": {
textTransform: string;
textAlign: string;
margin: string;
};
"#connectOverlay .connection-text .title": {
color: string;
fontSize: string;
margin: string;
};
"#connectOverlay .connection-text .subtitle": {
color: string;
opacity: number;
fontSize: string;
margin: string;
};
"#infoOverlay.hiddenState": {
display: string;
};
"#disconnectOverlay, #playOverlay, #errorOverlay, #microphoneOverlay, #connectOverlay": {
background: string;
display: string;
transition: string;
opacity: number;
pointerEvents: string;
};
"#microphoneOverlay": {
textTransform: string;
padding: string;
fontSize: string;
height: string;
width: string;
textAlign: string;
lineHeight: number;
position: string;
margin: string;
top: string;
bottom: string;
left: string;
right: string;
justifyContent: string;
alignItems: string;
flexDirection: string;
zIndex: number;
};
"#microphoneOverlay .title": {
fontSize: string;
position: string;
marginBottom: string;
color: string;
};
"#microphoneOverlay .title:after": {
content: string;
display: string;
animation: string;
position: string;
};
"#microphoneOverlay p": {
margin: number;
color: string;
};
"#microphoneOverlay svg": {
height: string;
marginBottom: string;
marginTop: string;
};
"#microphoneOverlay .svgIcon": {
fill: string;
};
"#disconnectOverlay.hiddenState, #playOverlay.hiddenState, #errorOverlay.hiddenState, #afkOverlay.hiddenState, #microphoneOverlay.hiddenState": {
opacity: number;
pointerEvents: string;
};
"#disconnectOverlay.mic-overlay-is-visible, #errorOverlay.mic-overlay-is-visible, #infoOverlay.mic-overlay-is-visible": {
opacity: number;
pointerEvents: string;
};
"#infoOverlay.hiddenState, #connectOverlay.hiddenState": {
display: string;
};
"#connectOverlay": {
display: string;
flexDirection: string;
alignItems: string;
justifyContent: string;
};
"#infoOverlay": {
display: string;
};
".love-letters-box-root": {
display: string;
position: string;
width: string;
height: string;
color: string;
justifyContent: string;
alignItems: string;
flexDirection: string;
background: string;
zIndex: number;
};
".love-letters-box-root.fade-out": {
opacity: number;
transition: string;
};
"#letters-block": {
position: string;
top: number;
left: number;
right: number;
bottom: number;
margin: string;
color: string;
zIndex: number;
display: string;
flexDirection: string;
justifyContent: string;
alignItems: string;
fontSize: string;
textTransform: string;
textAlign: string;
};
"#letters-wrapper": {
height: string;
overflow: string;
position: string;
display: string;
flexDirection: string;
alignItems: string;
justifyContent: string;
marginTop: string;
paddingBottom: string;
};
"#letters-wrapper p": {
textAlign: string;
lineHeight: number;
fontSize: string;
};
".letter-animation:nth-last-of-type(1)::after": {
display: string;
animation: string;
content: string;
position: string;
};
".letter-animation": {
transition: string;
transformOrigin: string;
margin: string;
};
".letter-animation-enter": {
animation: string;
};
".letter-animation-exit": {
opacity: number;
scale: number;
transition: string;
margin: number;
};
"@keyframes dotty": {
"0%": {
content: string;
};
"25%": {
content: string;
};
"50%": {
content: string;
};
"75%": {
content: string;
};
"100%": {
content: string;
};
};
"@keyframes fadeInUp": {
from: {
opacity: number;
transform: string;
scale: number;
};
to: {
opacity: number;
transform: string;
scale: number;
};
};
".hidden": {
display: string;
opacity: number;
};
".visible": {
display: string;
opacity: number;
transition: string;
};
};
};