@foxford/ui 2.0.0-beta-8e01b3e-20220707 → 2.0.0-beta-a9b3e3f-20220707

package/dts/index.d.ts

@@ -12,6 +12,7 @@ import * as type_fest_source_partial_deep from 'type-fest/source/partial-deep';
 import * as react_floater_lib_types from 'react-floater/lib/types';
 import Floater from 'react-floater';
 import { InputState, MaskOptions } from 'react-input-mask';
+import { SizeInput as SizeInput$1 } from 'shared/enums/sizeInput';
 import { ReactSelectProps } from 'react-select';
 
 declare enum ColorNames {
@@ -230,7 +231,7 @@ declare type ResponsiveKeys = '' | 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
 declare type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = {
     [key in `${T}${ResponsiveKeys}`]?: V;
 };
-declare type ResponsiveProperty<V = number | string | keyof typeof SizeLatin> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
+declare type ResponsiveProperty<V = number | keyof typeof SizeLatin> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
 declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string) => () => () => FlattenSimpleInterpolation | null;
 /**
  * Sort keys as desktop first
@@ -273,6 +274,13 @@ declare const responsiveNamedProperty: <T extends PropsProperties>({ sizes, cssP
  */
 declare const responsiveProperty: (property: string, cssProperty?: string | null, sizing?: null | string) => () => (props: any) => styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>> | null;
 
+declare enum SizeInput {
+    l = 380,
+    m = 300,
+    s = 220,
+    xs = 140
+}
+
 declare type HEX = `#${string}`;
 declare type RGB = `rgb(${number}, ${number}, ${number})`;
 declare type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
@@ -291,7 +299,7 @@ interface BaseProps {
      */
     style?: React.CSSProperties;
 }
-interface InputField extends Color, Color<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number> {
+interface InputField extends Color, Color<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
     /**
      * Is disabled field
      */
@@ -2268,7 +2276,7 @@ declare class InputPhone extends PureComponent<typeof InputPhone.defaultProps &
     static defaultProps: {
         rounded: boolean;
         type: string;
-        width: string;
+        width: SizeInput;
         color: string;
         mask: string;
         placeholderColor: string;
@@ -2348,12 +2356,12 @@ interface InputProps extends BaseProps, InputField, InputHTMLAttributes {
  * - [`InputField`](#/Миксины)
  * - `React.InputHTMLAttributes<HTMLInputElement>`
  */
-declare function Input(props: InputProps & typeof Input.defaultProps): JSX.Element;
+declare function Input(props: InputProps): JSX.Element;
 declare namespace Input {
     var defaultProps: {
         rounded: boolean;
         type: string;
-        width: string;
+        width: SizeInput$1;
         color: string;
         mask: string;
         placeholderColor: string;
@@ -2376,8 +2384,8 @@ interface RadioGroupProps extends BaseProps {
 }
 declare function RadioGroup({ children, ...props }: RadioGroupProps): JSX.Element;
 
-declare type RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;
-interface RadioProps extends BaseProps, RadioInputHtmlAttributes {
+declare type RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>;
+interface RadioProps extends BaseProps, Display, RadioInputHtmlAttributes {
     /**
      * Field id
      */
@@ -2419,6 +2427,8 @@ interface RadioProps extends BaseProps, RadioInputHtmlAttributes {
      * Value
      */
     value?: string | number;
+    fluid?: boolean;
+    width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>;
 }
 /**
  * Расширен:
@@ -2431,6 +2441,8 @@ declare namespace Radio {
         disabled: boolean;
         size: string;
         defaultChecked: boolean;
+        display: string;
+        width: SizeInput;
         onChange: (e: react.ChangeEvent<HTMLInputElement>) => void;
     };
     var Group: typeof RadioGroup;
@@ -2443,8 +2455,8 @@ interface CheckboxGroupProps extends BaseProps {
 }
 declare function CheckboxGroup({ children, ...props }: CheckboxGroupProps): JSX.Element;
 
-declare type CheckboxInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;
-interface CheckboxProps extends BaseProps, CheckboxInputHtmlAttributes {
+declare type CheckboxInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>;
+interface CheckboxProps extends BaseProps, Display, CheckboxInputHtmlAttributes {
     /**
      * Children react node
      */
@@ -2485,6 +2497,8 @@ interface CheckboxProps extends BaseProps, CheckboxInputHtmlAttributes {
      * Checkbox size
      */
     size?: 'small' | 'medium' | 'large' | 'extraLarge' | 's' | 'm' | 'l' | 'xl';
+    fluid?: boolean;
+    width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>;
 }
 /**
  * Расширен:
@@ -2497,22 +2511,25 @@ declare namespace Checkbox {
         disabled: boolean;
         size: string;
         defaultChecked: boolean;
+        display: string;
+        width: SizeInput;
         onChange: (e: react.ChangeEvent<HTMLInputElement>) => void;
     };
     var Group: typeof CheckboxGroup;
     var displayName: string;
 }
 
-interface SelectProps extends BaseProps, ReactSelectProps {
+interface SelectProps extends BaseProps, ReactSelectProps, Display {
     fluid?: boolean;
     error?: boolean;
+    width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>;
 }
 /**
  * Расширен:
  * - [`BaseProps`](#/Миксины)
  * - `ReactSelectProps`
  */
-declare function Select(props: typeof Select.defaultProps & SelectProps): JSX.Element;
+declare function Select(props: SelectProps): JSX.Element;
 declare namespace Select {
     var defaultProps: {
         allowCreate: boolean;
@@ -2528,6 +2545,8 @@ declare namespace Select {
         loadingPlaceholder: string;
         autoload: boolean;
         loadOptions: boolean;
+        display: string;
+        width: SizeInput;
     };
     var displayName: string;
 }