mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2025-07-27 08:30:02 +03:00
redux-devtools-ui
This commit is contained in:
parent
c1e623d4a6
commit
ae1b0f7356
|
@ -8,7 +8,7 @@ export const MainContainerWrapper = styled.div`
|
||||||
width: 100%;
|
width: 100%;
|
||||||
flex-flow: column nowrap;
|
flex-flow: column nowrap;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
${/* eslint-disable-next-line @typescript-eslint/ban-types */ ''}
|
${/* eslint-disable-next-line @typescript-eslint/no-empty-object-type */ ''}
|
||||||
background-color: ${(props: ThemedStyledProps<{}, Theme>) =>
|
background-color: ${(props: ThemedStyledProps<{}, Theme>) =>
|
||||||
color(props.theme.base00, 'lighten', 0.03)};
|
color(props.theme.base00, 'lighten', 0.03)};
|
||||||
color: ${(props) => props.theme.base07};
|
color: ${(props) => props.theme.base07};
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
import { css, ThemedStyledProps } from 'styled-components';
|
import { css, ThemedStyledProps } from 'styled-components';
|
||||||
import { Theme } from '../../themes/default';
|
import { Theme } from '../../themes/default';
|
||||||
|
|
||||||
// eslint-disable-next-line @typescript-eslint/ban-types
|
// eslint-disable-next-line @typescript-eslint/no-empty-object-type
|
||||||
export default ({ theme }: ThemedStyledProps<{}, Theme>) => css`
|
export default ({ theme }: ThemedStyledProps<{}, Theme>) => css`
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
line-height: 1.846;
|
line-height: 1.846;
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
import { css, ThemedStyledProps } from 'styled-components';
|
import { css, ThemedStyledProps } from 'styled-components';
|
||||||
import { Theme } from '../../themes/default';
|
import { Theme } from '../../themes/default';
|
||||||
|
|
||||||
// eslint-disable-next-line @typescript-eslint/ban-types
|
// eslint-disable-next-line @typescript-eslint/no-empty-object-type
|
||||||
export const containerStyle = ({ theme }: ThemedStyledProps<{}, Theme>) => css`
|
export const containerStyle = ({ theme }: ThemedStyledProps<{}, Theme>) => css`
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
@ -12,7 +12,7 @@ import { ThemeFromProvider } from './theme';
|
||||||
|
|
||||||
type StyleFunction<
|
type StyleFunction<
|
||||||
C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
|
C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
|
||||||
// eslint-disable-next-line @typescript-eslint/ban-types
|
// eslint-disable-next-line @typescript-eslint/no-empty-object-type
|
||||||
O extends object = {},
|
O extends object = {},
|
||||||
> = InterpolationFunction<
|
> = InterpolationFunction<
|
||||||
ThemedStyledProps<StyledComponentPropsWithRef<C> & O, Theme>
|
ThemedStyledProps<StyledComponentPropsWithRef<C> & O, Theme>
|
||||||
|
@ -20,7 +20,7 @@ type StyleFunction<
|
||||||
|
|
||||||
interface StylesObject<
|
interface StylesObject<
|
||||||
C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
|
C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
|
||||||
// eslint-disable-next-line @typescript-eslint/ban-types
|
// eslint-disable-next-line @typescript-eslint/no-empty-object-type
|
||||||
O extends object = {},
|
O extends object = {},
|
||||||
> {
|
> {
|
||||||
[type: string]: StyleFunction<C, O>;
|
[type: string]: StyleFunction<C, O>;
|
||||||
|
@ -28,13 +28,13 @@ interface StylesObject<
|
||||||
|
|
||||||
type Styles<
|
type Styles<
|
||||||
C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
|
C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
|
||||||
// eslint-disable-next-line @typescript-eslint/ban-types
|
// eslint-disable-next-line @typescript-eslint/no-empty-object-type
|
||||||
O extends object = {},
|
O extends object = {},
|
||||||
> = StylesObject<C, O> | StyleFunction<C, O>;
|
> = StylesObject<C, O> | StyleFunction<C, O>;
|
||||||
|
|
||||||
function isStylesObject<
|
function isStylesObject<
|
||||||
C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
|
C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
|
||||||
// eslint-disable-next-line @typescript-eslint/ban-types
|
// eslint-disable-next-line @typescript-eslint/no-empty-object-type
|
||||||
O extends object = {},
|
O extends object = {},
|
||||||
>(styles: Styles<C>): styles is StylesObject<C, O> {
|
>(styles: Styles<C>): styles is StylesObject<C, O> {
|
||||||
return typeof styles === 'object';
|
return typeof styles === 'object';
|
||||||
|
@ -42,7 +42,7 @@ function isStylesObject<
|
||||||
|
|
||||||
const getStyle = <
|
const getStyle = <
|
||||||
C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
|
C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
|
||||||
// eslint-disable-next-line @typescript-eslint/ban-types
|
// eslint-disable-next-line @typescript-eslint/no-empty-object-type
|
||||||
O extends object = {},
|
O extends object = {},
|
||||||
>(
|
>(
|
||||||
styles: Styles<C, O>,
|
styles: Styles<C, O>,
|
||||||
|
@ -57,7 +57,7 @@ function isThemeFromProvider(
|
||||||
|
|
||||||
export default function createStyledComponent<
|
export default function createStyledComponent<
|
||||||
C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
|
C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
|
||||||
// eslint-disable-next-line @typescript-eslint/ban-types
|
// eslint-disable-next-line @typescript-eslint/no-empty-object-type
|
||||||
O extends object = {},
|
O extends object = {},
|
||||||
>(
|
>(
|
||||||
styles: Styles<C, O>,
|
styles: Styles<C, O>,
|
||||||
|
|
Loading…
Reference in New Issue
Block a user