@skbkontur/react-ui 1.6.4 → 1.6.8-fixed-modal-stack

package/components/Toggle/Toggle.js.flow

@@ -1,28 +1,28 @@
-/* @flow */
-import type { InputEventHandler, FocusEventHandler } from '../eventHandlers';
-
-export type ToggleProps = {|
-  checked?: boolean,
-  defaultChecked?: boolean,
-  disabled?: boolean,
-  onChange?: (value: boolean) => void,
-  changeEventHandler?: InputEventHandler<HTMLInputElement>,
-  warning?: boolean,
-  error?: boolean,
-  loading?: boolean,
-  autoFocus?: boolean,
-  onFocus?: FocusEventHandler<HTMLInputElement>,
-  onBlur?: FocusEventHandler<HTMLInputElement>,
-  color?: string,
-|};
-
-export type ToggleState = {|
-  checked?: boolean,
-  focusByTab?: boolean,
-|};
-
-declare class Toggle extends React$Component<ToggleProps, ToggleState> {
-  focus: () => void;
-}
-
-export default Toggle;
+/* @flow */
+import type { InputEventHandler, FocusEventHandler } from '../eventHandlers';
+
+export type ToggleProps = {|
+  checked?: boolean,
+  defaultChecked?: boolean,
+  disabled?: boolean,
+  onChange?: (value: boolean) => void,
+  changeEventHandler?: InputEventHandler<HTMLInputElement>,
+  warning?: boolean,
+  error?: boolean,
+  loading?: boolean,
+  autoFocus?: boolean,
+  onFocus?: FocusEventHandler<HTMLInputElement>,
+  onBlur?: FocusEventHandler<HTMLInputElement>,
+  color?: string,
+|};
+
+export type ToggleState = {|
+  checked?: boolean,
+  focusByTab?: boolean,
+|};
+
+declare class Toggle extends React$Component<ToggleProps, ToggleState> {
+  focus: () => void;
+}
+
+export default Toggle;

package/components/Toggle/Toggle.styles.d.ts

@@ -1,12 +1,12 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsStyles: {
-    handle(t: ITheme): string;
-    container(t: ITheme): string;
-    focused(t: ITheme): string;
-    activeBackground(t: ITheme): string;
-    isLoading(t: ITheme): string;
-    isWarning(t: ITheme): string;
-    isError(t: ITheme): string;
-    wrapper(t: ITheme): string;
-};
-export default jsStyles;
+import { ITheme } from '../../lib/theming/Theme';
+declare const jsStyles: {
+    handle(t: ITheme): string;
+    container(t: ITheme): string;
+    focused(t: ITheme): string;
+    activeBackground(t: ITheme): string;
+    isLoading(t: ITheme): string;
+    isWarning(t: ITheme): string;
+    isError(t: ITheme): string;
+    wrapper(t: ITheme): string;
+};
+export default jsStyles;

package/components/Toggle/index.d.ts

@@ -1 +1 @@
-export { default, ToggleProps } from './Toggle';
+export { default, ToggleProps } from './Toggle';

package/components/Toggle/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, ToggleProps } from './Toggle';
+/* @flow */
+export { default, ToggleProps } from './Toggle';

package/components/Token/README.md

@@ -1,109 +1,109 @@
-Token example
-
-```js
-const { default: Token } = require('./Token');
-
-<Token>Example</Token>;
-```
-
-You can control color of each token
-
-```js
-const { default: Gapped } = require('../Gapped');
-const colors = {
-  default: {
-    idle: 'defaultIdle',
-    active: 'defaultActive',
-  },
-  gray: {
-    idle: 'grayIdle',
-    active: 'grayActive',
-  },
-  blue: {
-    idle: 'blueIdle',
-    active: 'blueActive',
-  },
-  green: {
-    idle: 'greenIdle',
-    active: 'greenActive',
-  },
-  yellow: {
-    idle: 'yellowIdle',
-    active: 'yellowActive',
-  },
-  red: {
-    idle: 'redIdle',
-    active: 'redActive',
-  },
-  mono: {
-    idle: 'white',
-    active: 'black',
-  },
-};
-
-<Gapped gap={20} vertical>
-  <Gapped gap={10}>
-    <Token colors={colors.default}>Default</Token>
-    <Token isActive colors={colors.default}>
-      Default
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.gray}>Gray</Token>
-    <Token isActive colors={colors.gray}>
-      Gray
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.blue}>Blue</Token>
-    <Token isActive colors={colors.blue}>
-      Blue
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.green}>Green</Token>
-    <Token isActive colors={colors.green}>
-      Green
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.yellow}>Yellow</Token>
-    <Token isActive colors={colors.yellow}>
-      Yellow
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.red}>Red</Token>
-    <Token isActive colors={colors.red}>
-      Red
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.mono}>Monochrome</Token>
-    <Token isActive colors={colors.mono}>
-      Monochrome
-    </Token>
-  </Gapped>
-</Gapped>;
-```
-
-Can accept validation state
-
-```js
-<Gapped gap={20} vertical>
-  <Gapped gap={10}>
-    <Token>Correct</Token>
-    <Token warning>Warned</Token>
-    <Token error>Errored</Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token isActive>Correct</Token>
-    <Token isActive warning>
-      Warned
-    </Token>
-    <Token isActive error>
-      Errored
-    </Token>
-  </Gapped>
-</Gapped>
-```
+Token example
+
+```js
+const { default: Token } = require('./Token');
+
+<Token>Example</Token>;
+```
+
+You can control color of each token
+
+```js
+const { default: Gapped } = require('../Gapped');
+const colors = {
+  default: {
+    idle: 'defaultIdle',
+    active: 'defaultActive',
+  },
+  gray: {
+    idle: 'grayIdle',
+    active: 'grayActive',
+  },
+  blue: {
+    idle: 'blueIdle',
+    active: 'blueActive',
+  },
+  green: {
+    idle: 'greenIdle',
+    active: 'greenActive',
+  },
+  yellow: {
+    idle: 'yellowIdle',
+    active: 'yellowActive',
+  },
+  red: {
+    idle: 'redIdle',
+    active: 'redActive',
+  },
+  mono: {
+    idle: 'white',
+    active: 'black',
+  },
+};
+
+<Gapped gap={20} vertical>
+  <Gapped gap={10}>
+    <Token colors={colors.default}>Default</Token>
+    <Token isActive colors={colors.default}>
+      Default
+    </Token>
+  </Gapped>
+  <Gapped gap={10}>
+    <Token colors={colors.gray}>Gray</Token>
+    <Token isActive colors={colors.gray}>
+      Gray
+    </Token>
+  </Gapped>
+  <Gapped gap={10}>
+    <Token colors={colors.blue}>Blue</Token>
+    <Token isActive colors={colors.blue}>
+      Blue
+    </Token>
+  </Gapped>
+  <Gapped gap={10}>
+    <Token colors={colors.green}>Green</Token>
+    <Token isActive colors={colors.green}>
+      Green
+    </Token>
+  </Gapped>
+  <Gapped gap={10}>
+    <Token colors={colors.yellow}>Yellow</Token>
+    <Token isActive colors={colors.yellow}>
+      Yellow
+    </Token>
+  </Gapped>
+  <Gapped gap={10}>
+    <Token colors={colors.red}>Red</Token>
+    <Token isActive colors={colors.red}>
+      Red
+    </Token>
+  </Gapped>
+  <Gapped gap={10}>
+    <Token colors={colors.mono}>Monochrome</Token>
+    <Token isActive colors={colors.mono}>
+      Monochrome
+    </Token>
+  </Gapped>
+</Gapped>;
+```
+
+Can accept validation state
+
+```js
+<Gapped gap={20} vertical>
+  <Gapped gap={10}>
+    <Token>Correct</Token>
+    <Token warning>Warned</Token>
+    <Token error>Errored</Token>
+  </Gapped>
+  <Gapped gap={10}>
+    <Token isActive>Correct</Token>
+    <Token isActive warning>
+      Warned
+    </Token>
+    <Token isActive error>
+      Errored
+    </Token>
+  </Gapped>
+</Gapped>
+```

package/components/Token/Token.d.ts

@@ -1,28 +1,28 @@
-import * as React from 'react';
-import { jsTokenColors } from './Token.styles';
-export declare type TokenColorName = keyof typeof jsTokenColors;
-export interface TokenColors {
-    idle: TokenColorName;
-    active?: TokenColorName;
-}
-export interface TokenActions {
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    onRemove?: React.MouseEventHandler<SVGElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
-    onFocus?: React.FocusEventHandler<HTMLDivElement>;
-    onBlur?: React.FocusEventHandler<HTMLDivElement>;
-}
-export interface TokenProps {
-    colors?: TokenColors;
-    isActive?: boolean;
-    error?: boolean;
-    warning?: boolean;
-    disabled?: boolean;
-}
-export default class Token extends React.Component<TokenProps & TokenActions> {
-    private theme;
-    render(): JSX.Element;
-    private renderMain;
-    private onRemoveClick;
-}
+import * as React from 'react';
+import { jsTokenColors } from './Token.styles';
+export declare type TokenColorName = keyof typeof jsTokenColors;
+export interface TokenColors {
+    idle: TokenColorName;
+    active?: TokenColorName;
+}
+export interface TokenActions {
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    onRemove?: React.MouseEventHandler<SVGElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
+    onFocus?: React.FocusEventHandler<HTMLDivElement>;
+    onBlur?: React.FocusEventHandler<HTMLDivElement>;
+}
+export interface TokenProps {
+    colors?: TokenColors;
+    isActive?: boolean;
+    error?: boolean;
+    warning?: boolean;
+    disabled?: boolean;
+}
+export default class Token extends React.Component<TokenProps & TokenActions> {
+    private theme;
+    render(): JSX.Element;
+    private renderMain;
+    private onRemoveClick;
+}

package/components/Token/Token.js.flow

@@ -1,25 +1,25 @@
-/* @flow */
-import type { MouseEventHandler } from '../eventHandlers';
-
-export type TokenColorName = string;
-
-export type TokenColors = {|
-  idle: TokenColorName,
-  active?: TokenColorName,
-|};
-
-type TokenActions = {|
-  onClick?: MouseEventHandler<HTMLDivElement>,
-  onRemove?: MouseEventHandler<HTMLElement>,
-|};
-
-export type TokenProps = {|
-  colors?: TokenColors,
-  isActive?: boolean,
-  error?: boolean,
-  warning?: boolean,
-|};
-
-declare var Token: React$ComponentType<TokenProps & TokenActions>;
-
-export default Token;
+/* @flow */
+import type { MouseEventHandler } from '../eventHandlers';
+
+export type TokenColorName = string;
+
+export type TokenColors = {|
+  idle: TokenColorName,
+  active?: TokenColorName,
+|};
+
+type TokenActions = {|
+  onClick?: MouseEventHandler<HTMLDivElement>,
+  onRemove?: MouseEventHandler<HTMLElement>,
+|};
+
+export type TokenProps = {|
+  colors?: TokenColors,
+  isActive?: boolean,
+  error?: boolean,
+  warning?: boolean,
+|};
+
+declare var Token: React$ComponentType<TokenProps & TokenActions>;
+
+export default Token;

package/components/Token/Token.styles.d.ts

@@ -1,22 +1,22 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const _default: {
-    disabled(t: ITheme): string;
-};
-export default _default;
-export declare const jsTokenColors: {
-    defaultIdle: (t: ITheme) => string;
-    defaultActive: (t: ITheme) => string;
-    defaultDisabled: (t: ITheme) => string;
-    grayIdle: (t: ITheme) => string;
-    grayActive: (t: ITheme) => string;
-    blueIdle: (t: ITheme) => string;
-    blueActive: (t: ITheme) => string;
-    greenIdle: (t: ITheme) => string;
-    greenActive: (t: ITheme) => string;
-    yellowIdle: (t: ITheme) => string;
-    yellowActive: (t: ITheme) => string;
-    redIdle: (t: ITheme) => string;
-    redActive: (t: ITheme) => string;
-    white: (t: ITheme) => string;
-    black: (t: ITheme) => string;
-};
+import { ITheme } from '../../lib/theming/Theme';
+declare const _default: {
+    disabled(t: ITheme): string;
+};
+export default _default;
+export declare const jsTokenColors: {
+    defaultIdle: (t: ITheme) => string;
+    defaultActive: (t: ITheme) => string;
+    defaultDisabled: (t: ITheme) => string;
+    grayIdle: (t: ITheme) => string;
+    grayActive: (t: ITheme) => string;
+    blueIdle: (t: ITheme) => string;
+    blueActive: (t: ITheme) => string;
+    greenIdle: (t: ITheme) => string;
+    greenActive: (t: ITheme) => string;
+    yellowIdle: (t: ITheme) => string;
+    yellowActive: (t: ITheme) => string;
+    redIdle: (t: ITheme) => string;
+    redActive: (t: ITheme) => string;
+    white: (t: ITheme) => string;
+    black: (t: ITheme) => string;
+};

package/components/Token/TokenRemoveIcon.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-export interface RemoveIconProps {
-    className?: string;
-    onClick?: React.MouseEventHandler<SVGElement>;
-}
-declare const TokenRemoveIcon: (props: RemoveIconProps) => JSX.Element;
-export default TokenRemoveIcon;
+import * as React from 'react';
+export interface RemoveIconProps {
+    className?: string;
+    onClick?: React.MouseEventHandler<SVGElement>;
+}
+declare const TokenRemoveIcon: (props: RemoveIconProps) => JSX.Element;
+export default TokenRemoveIcon;

package/components/Token/TokenRemoveIcon.js.flow

@@ -1,11 +1,11 @@
-/* @flow */
-import type { MouseEventHandler } from '../eventHandlers';
-
-export type RemoveIconProps = {|
-  className?: string,
-  onClick?: MouseEventHandler<HTMLElement>,
-|};
-
-declare var TokenRemoveIcon: (props: RemoveIconProps) => React$Node;
-
-export default TokenRemoveIcon;
+/* @flow */
+import type { MouseEventHandler } from '../eventHandlers';
+
+export type RemoveIconProps = {|
+  className?: string,
+  onClick?: MouseEventHandler<HTMLElement>,
+|};
+
+declare var TokenRemoveIcon: (props: RemoveIconProps) => React$Node;
+
+export default TokenRemoveIcon;

package/components/Token/index.d.ts

@@ -1 +1 @@
-export { default, TokenColors, TokenColorName, TokenProps } from './Token';
+export { default, TokenColors, TokenColorName, TokenProps } from './Token';

package/components/Token/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, TokenColors, TokenColorName, TokenProps } from './Token';
+/* @flow */
+export { default, TokenColors, TokenColorName, TokenProps } from './Token';