@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
198 lines (197 loc) • 6.56 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: any) => {
height: string;
left: number;
overflow: string;
position: string;
top: number;
touchAction: string;
width: string;
zIndex: number;
"& .PhotoView__Spinner": {
'-webkit-animation': string;
animation: string;
};
"& .PhotoView__Spinner svg": {
'-webkit-animation': string;
animation: string;
};
"& .PhotoView__Photo": {
cursor: string;
maxWidth: string;
WebkitUserDrag: string;
userDrag: string;
'@-moz-document url-prefix()': {
pointerEvents: string;
};
};
"& .PhotoView__Photo:active": {
cursor: string;
"&:active": {
opacity: number;
};
};
"& .PhotoView__icon": {
display: string;
left: number;
position: string;
top: number;
transform: string;
};
"& .PhotoView__PhotoBox": {
bottom: number;
direction: string;
left: number;
position: string;
right: number;
top: number;
touchAction: string;
width: string;
transformOrigin: string;
};
"& .PhotoView__PhotoWrap": {
bottom: number;
direction: string;
left: number;
position: string;
right: number;
top: number;
touchAction: string;
width: string;
overflow: string;
zIndex: number;
};
"& .PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft, .PhotoView-Slider__clean .PhotoView-Slider__ArrowRight, .PhotoView-Slider__clean .PhotoView-Slider__BannerWrap, .PhotoView-Slider__clean .PhotoView-Slider__Overlay, .PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover": {
opacity: number;
};
"& .PhotoView-Slider__Backdrop": {
background: string;
height: string;
left: number;
position: string;
top: number;
transitionProperty: string;
width: string;
zIndex: number;
};
"& .PhotoView-Slider__fadeIn": {
'-webkit-animation': string;
animation: string;
opacity: number;
};
"& .PhotoView-Slider__fadeOut": {
animation: string;
opacity: number;
};
"& .PhotoView-Slider__BannerWrap": {
alignItems: string;
backgroundColor: string;
color: string;
display: string;
height: number;
justifyContent: string;
left: number;
position: string;
top: number;
transition: string;
width: string;
zIndex: number;
"&:hover": {
opacity: number;
};
"& Button": {
color: string;
};
"& Button:hover": {
color: any;
};
};
"& .PhotoView-Slider__Counter": {
fontSize: string;
opacity: number;
padding: string;
};
"& .PhotoView-Slider__BannerRight": {
alignItems: string;
display: string;
height: string;
color: string;
};
"& .PhotoView-Slider__toolbarIcon": {
fill: string;
boxSizing: string;
cursor: string;
opacity: number;
padding: string;
transition: string;
};
"& .PhotoView-Slider__toolbarIcon:hover": {
opacity: number;
};
"& .PhotoView-Slider__ArrowLeft": {
alignItems: string;
bottom: number;
cursor: string;
display: string;
height: number;
justifyContent: string;
margin: string;
opacity: number;
position: string;
top: number;
transition: string;
WebkitUserSelect: string;
MozUserSelect: string;
MsUserSelect: string;
userSelect: string;
width: number;
zIndex: number;
left: number;
"& svg": {
fill: string;
background: string;
boxSizing: string;
height: number;
padding: number;
width: number;
};
"&:hover": {
opacity: number;
};
};
"& .PhotoView-Slider__ArrowRight": {
alignItems: string;
bottom: number;
cursor: string;
display: string;
height: number;
justifyContent: string;
margin: string;
opacity: number;
position: string;
top: number;
transition: string;
WebkitUserSelect: string;
MozUserSelect: string;
MsUserSelect: string;
userSelect: string;
width: number;
zIndex: number;
right: number;
"& svg": {
fill: string;
background: string;
boxSizing: string;
height: number;
padding: number;
width: number;
};
"&:hover": {
opacity: number;
};
};
};
};
};
export default Component;