@globis/player
Version:
GLOBIS React Video Player.
487 lines (486 loc) • 11 kB
TypeScript
import * as styledComponents from 'styled-components';
export declare const breakPoints: {
sm: number;
md: number;
lg: number;
xl: number;
};
export declare const mq: {
sm: string;
md: string;
lg: string;
xl: string;
};
export declare const styled: styledComponents.ThemedStyledInterface<{
colors: {
black: string;
blue: string;
danger: string;
globisBlue: string;
matBlack: string;
mediumGray: string;
white: string;
};
colorPallets: {
primary: {
normal: string;
hover: string;
disable: string;
};
cta: {
normal: string;
hover: string;
disable: string;
};
success: {
normal: string;
background: string;
};
error: {
normal: string;
background: string;
};
caution: {
normal: string;
background: string;
};
mono: {
black: string;
textGray: string;
line: string;
hover: string;
background: string;
};
};
sizes: {
borderRadius: string;
font: {
s12: string;
s14: string;
s16: string;
s24: string;
s32: string;
};
};
zIndexes: {
video: {
overlay: number;
ctrl: number;
progress: number;
progressThumb: number;
};
};
}>, css: styledComponents.ThemedCssFunction<{
colors: {
black: string;
blue: string;
danger: string;
globisBlue: string;
matBlack: string;
mediumGray: string;
white: string;
};
colorPallets: {
primary: {
normal: string;
hover: string;
disable: string;
};
cta: {
normal: string;
hover: string;
disable: string;
};
success: {
normal: string;
background: string;
};
error: {
normal: string;
background: string;
};
caution: {
normal: string;
background: string;
};
mono: {
black: string;
textGray: string;
line: string;
hover: string;
background: string;
};
};
sizes: {
borderRadius: string;
font: {
s12: string;
s14: string;
s16: string;
s24: string;
s32: string;
};
};
zIndexes: {
video: {
overlay: number;
ctrl: number;
progress: number;
progressThumb: number;
};
};
}>, createGlobalStyle: <P extends object = {}>(first: TemplateStringsArray | styledComponents.CSSObject | styledComponents.InterpolationFunction<styledComponents.ThemedStyledProps<P, {
colors: {
black: string;
blue: string;
danger: string;
globisBlue: string;
matBlack: string;
mediumGray: string;
white: string;
};
colorPallets: {
primary: {
normal: string;
hover: string;
disable: string;
};
cta: {
normal: string;
hover: string;
disable: string;
};
success: {
normal: string;
background: string;
};
error: {
normal: string;
background: string;
};
caution: {
normal: string;
background: string;
};
mono: {
black: string;
textGray: string;
line: string;
hover: string;
background: string;
};
};
sizes: {
borderRadius: string;
font: {
s12: string;
s14: string;
s16: string;
s24: string;
s32: string;
};
};
zIndexes: {
video: {
overlay: number;
ctrl: number;
progress: number;
progressThumb: number;
};
};
}>>, ...interpolations: styledComponents.Interpolation<styledComponents.ThemedStyledProps<P, {
colors: {
black: string;
blue: string;
danger: string;
globisBlue: string;
matBlack: string;
mediumGray: string;
white: string;
};
colorPallets: {
primary: {
normal: string;
hover: string;
disable: string;
};
cta: {
normal: string;
hover: string;
disable: string;
};
success: {
normal: string;
background: string;
};
error: {
normal: string;
background: string;
};
caution: {
normal: string;
background: string;
};
mono: {
black: string;
textGray: string;
line: string;
hover: string;
background: string;
};
};
sizes: {
borderRadius: string;
font: {
s12: string;
s14: string;
s16: string;
s24: string;
s32: string;
};
};
zIndexes: {
video: {
overlay: number;
ctrl: number;
progress: number;
progressThumb: number;
};
};
}>>[]) => styledComponents.GlobalStyleComponent<P, {
colors: {
black: string;
blue: string;
danger: string;
globisBlue: string;
matBlack: string;
mediumGray: string;
white: string;
};
colorPallets: {
primary: {
normal: string;
hover: string;
disable: string;
};
cta: {
normal: string;
hover: string;
disable: string;
};
success: {
normal: string;
background: string;
};
error: {
normal: string;
background: string;
};
caution: {
normal: string;
background: string;
};
mono: {
black: string;
textGray: string;
line: string;
hover: string;
background: string;
};
};
sizes: {
borderRadius: string;
font: {
s12: string;
s14: string;
s16: string;
s24: string;
s32: string;
};
};
zIndexes: {
video: {
overlay: number;
ctrl: number;
progress: number;
progressThumb: number;
};
};
}>, keyframes: (strings: TemplateStringsArray | styledComponents.CSSKeyframes, ...interpolations: styledComponents.SimpleInterpolation[]) => styledComponents.Keyframes, ThemeProvider: styledComponents.BaseThemeProviderComponent<{
colors: {
black: string;
blue: string;
danger: string;
globisBlue: string;
matBlack: string;
mediumGray: string;
white: string;
};
colorPallets: {
primary: {
normal: string;
hover: string;
disable: string;
};
cta: {
normal: string;
hover: string;
disable: string;
};
success: {
normal: string;
background: string;
};
error: {
normal: string;
background: string;
};
caution: {
normal: string;
background: string;
};
mono: {
black: string;
textGray: string;
line: string;
hover: string;
background: string;
};
};
sizes: {
borderRadius: string;
font: {
s12: string;
s14: string;
s16: string;
s24: string;
s32: string;
};
};
zIndexes: {
video: {
overlay: number;
ctrl: number;
progress: number;
progressThumb: number;
};
};
}, {
colors: {
black: string;
blue: string;
danger: string;
globisBlue: string;
matBlack: string;
mediumGray: string;
white: string;
};
colorPallets: {
primary: {
normal: string;
hover: string;
disable: string;
};
cta: {
normal: string;
hover: string;
disable: string;
};
success: {
normal: string;
background: string;
};
error: {
normal: string;
background: string;
};
caution: {
normal: string;
background: string;
};
mono: {
black: string;
textGray: string;
line: string;
hover: string;
background: string;
};
};
sizes: {
borderRadius: string;
font: {
s12: string;
s14: string;
s16: string;
s24: string;
s32: string;
};
};
zIndexes: {
video: {
overlay: number;
ctrl: number;
progress: number;
progressThumb: number;
};
};
}>, withTheme: styledComponents.BaseWithThemeFnInterface<{
colors: {
black: string;
blue: string;
danger: string;
globisBlue: string;
matBlack: string;
mediumGray: string;
white: string;
};
colorPallets: {
primary: {
normal: string;
hover: string;
disable: string;
};
cta: {
normal: string;
hover: string;
disable: string;
};
success: {
normal: string;
background: string;
};
error: {
normal: string;
background: string;
};
caution: {
normal: string;
background: string;
};
mono: {
black: string;
textGray: string;
line: string;
hover: string;
background: string;
};
};
sizes: {
borderRadius: string;
font: {
s12: string;
s14: string;
s16: string;
s24: string;
s32: string;
};
};
zIndexes: {
video: {
overlay: number;
ctrl: number;
progress: number;
progressThumb: number;
};
};
}>;