@foxford/ui 2.91.0-beta-84a4274-20260112 → 2.91.0-beta-7cc2222-20260116
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Dialog/Dialog.js +1 -1
- package/components/Dialog/Dialog.js.map +1 -1
- package/components/Dialog/Dialog.mjs +1 -1
- package/components/Dialog/Dialog.mjs.map +1 -1
- package/components/FormInputLabel/style.js +1 -1
- package/components/FormInputLabel/style.js.map +1 -1
- package/components/FormInputLabel/style.mjs +1 -1
- package/components/FormInputLabel/style.mjs.map +1 -1
- package/components/Notification/Notification.js +1 -1
- package/components/Notification/Notification.js.map +1 -1
- package/components/Notification/Notification.mjs +1 -1
- package/components/Notification/Notification.mjs.map +1 -1
- package/components/Notification/constants.js +2 -0
- package/components/Notification/constants.js.map +1 -0
- package/components/Notification/constants.mjs +2 -0
- package/components/Notification/constants.mjs.map +1 -0
- package/components/Notification/style.js +1 -1
- package/components/Notification/style.js.map +1 -1
- package/components/Notification/style.mjs +1 -1
- package/components/Notification/style.mjs.map +1 -1
- package/dts/index.d.ts +225 -363
- package/hooks/useScrollLock.js +2 -0
- package/hooks/useScrollLock.js.map +1 -0
- package/hooks/useScrollLock.mjs +2 -0
- package/hooks/useScrollLock.mjs.map +1 -0
- package/icon-pack/src/icons/CheckCircle/index.js +2 -0
- package/icon-pack/src/icons/CheckCircle/index.js.map +1 -0
- package/icon-pack/src/icons/CheckCircle/index.mjs +2 -0
- package/icon-pack/src/icons/CheckCircle/index.mjs.map +1 -0
- package/icon-pack/src/icons/CloseCirlce/index.js +2 -0
- package/icon-pack/src/icons/CloseCirlce/index.js.map +1 -0
- package/icon-pack/src/icons/CloseCirlce/index.mjs +2 -0
- package/icon-pack/src/icons/CloseCirlce/index.mjs.map +1 -0
- package/icon-pack/src/icons/WarningTriangle/index.js +2 -0
- package/icon-pack/src/icons/WarningTriangle/index.js.map +1 -0
- package/icon-pack/src/icons/WarningTriangle/index.mjs +2 -0
- package/icon-pack/src/icons/WarningTriangle/index.mjs.map +1 -0
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/package.json +2 -2
- package/components/Notification/layouts.js +0 -2
- package/components/Notification/layouts.js.map +0 -1
- package/components/Notification/layouts.mjs +0 -2
- package/components/Notification/layouts.mjs.map +0 -1
- package/components/Notification/sizes.js +0 -2
- package/components/Notification/sizes.js.map +0 -1
- package/components/Notification/sizes.mjs +0 -2
- package/components/Notification/sizes.mjs.map +0 -1
package/dts/index.d.ts
CHANGED
|
@@ -882,8 +882,8 @@ type CSSColor = RGB | RGBA | HEX | CSSGlobalValue | 'currentcolor' | 'transparen
|
|
|
882
882
|
type CSSBorderStyle = CSSGlobalValue | 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
|
|
883
883
|
type CSSVerticalAlign = CSSGlobalValue | 'baseline' | 'sub' | 'super' | 'text-top' | 'text-bottom' | 'middle' | 'top' | 'bottom';
|
|
884
884
|
type CSSFontWeight = CSSGlobalValue | 'normal' | 'bold' | 'lighter' | 'bolder' | number;
|
|
885
|
-
type Size$
|
|
886
|
-
type SizeValue = Size$
|
|
885
|
+
type Size$l = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
886
|
+
type SizeValue = Size$l | CSSGlobalValue | number;
|
|
887
887
|
type Breakpoint = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
|
|
888
888
|
type Color = keyof typeof ColorNames | CSSColor;
|
|
889
889
|
type ColorPaletteKey = 'color' | `color${string}` | `${string}Color` | `${string}Color${string}`;
|
|
@@ -978,21 +978,21 @@ declare const adultDarkTheme: DefaultTheme;
|
|
|
978
978
|
/**
|
|
979
979
|
* Value for breakpoint
|
|
980
980
|
*/
|
|
981
|
-
type PossibleValues = number | Size$
|
|
981
|
+
type PossibleValues = number | Size$l | 'auto' | 'initial' | 'inherit' | boolean;
|
|
982
982
|
type PropsProperties = 'size' | 'fontSize' | 'height' | 'width' | 'top' | 'right' | 'bottom' | 'left' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'fluid';
|
|
983
983
|
type CalcProperty = (_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null;
|
|
984
984
|
type CssProperty = string | CalcProperty;
|
|
985
985
|
type ResponsiveKeys = '' | 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
|
|
986
986
|
type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = Partial<Record<`${T}${ResponsiveKeys}`, V>>;
|
|
987
|
-
type ResponsiveProperty<V = number | Size$
|
|
988
|
-
declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$
|
|
987
|
+
type ResponsiveProperty<V = number | Size$l> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
|
|
988
|
+
declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$l, number>) => () => () => FlattenSimpleInterpolation | null;
|
|
989
989
|
interface ResponsiveNamedPropertyPayload<T extends PropsProperties> {
|
|
990
990
|
sizes: ResponsiveNamedProperty<T>;
|
|
991
991
|
cssProperty: CssProperty;
|
|
992
992
|
sizing?: null | string;
|
|
993
993
|
customSizeHandler?: (_value: PossibleValues) => PossibleValues;
|
|
994
994
|
sort?: (_a: string, _b: string) => number;
|
|
995
|
-
predefinedSizes?: Record<Size$
|
|
995
|
+
predefinedSizes?: Record<Size$l, number>;
|
|
996
996
|
}
|
|
997
997
|
/**
|
|
998
998
|
* Миксин для генерации media запросов
|
|
@@ -1093,7 +1093,7 @@ interface ExpandButtonProps extends React.ComponentPropsWithoutRef<'button'> {
|
|
|
1093
1093
|
/** Кастомные цвета */
|
|
1094
1094
|
palette?: Partial<Record<keyof ExpandButtonPalette, Color>>;
|
|
1095
1095
|
}
|
|
1096
|
-
interface TextProps extends ResponsiveSizeProps<Size$
|
|
1096
|
+
interface TextProps extends ResponsiveSizeProps<Size$l, SizeValue>, ResponsiveMarginProps,
|
|
1097
1097
|
/** @deprecated */
|
|
1098
1098
|
DisplayProperty, ColorProperty, Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<React.BlockquoteHTMLAttributes<HTMLElement>, 'color'>, Omit<React.LabelHTMLAttributes<HTMLElement>, 'color'> {
|
|
1099
1099
|
/** Применение присета стилей и размеров */
|
|
@@ -2843,11 +2843,11 @@ type IconISOCode =
|
|
|
2843
2843
|
| 'af'
|
|
2844
2844
|
|
|
2845
2845
|
type SizeIcon = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
2846
|
-
type Size$
|
|
2847
|
-
type Margin$
|
|
2846
|
+
type Size$k = SizeIcon | number | 'inherit';
|
|
2847
|
+
type Margin$c = number | string;
|
|
2848
2848
|
type IconNameDefault = 'book' | 'blackBoard' | 'burger' | 'eye' | 'email' | 'sort' | 'unsort' | 'person' | 'diamond' | 'diamondFilled' | 'infoInverse' | 'list' | 'login' | 'logout' | 'fire' | 'camps' | 'cart' | 'clock' | 'clockFilled' | 'courses' | 'discount' | 'externat' | 'headphones' | 'page' | 'priceTag' | 'phone' | 'prof' | 'star' | 'settings' | 'student' | 'target' | 'textbook' | 'trophy' | 'message' | 'wallet' | 'edit' | 'copy' | 'print' | 'objective' | 'present' | 'coins' | 'calendar' | 'calendar_simple' | 'chevronDown' | 'chevronUp' | 'chevronRight' | 'chevronLeft' | 'cross' | 'dialog' | 'dropDownArrow' | 'externalLink' | 'file' | 'fileBordered' | 'lessons' | 'pencil' | 'phoneNoFill' | 'radioChecked' | 'radioNotChecked' | 'search' | 'tasks' | 'tinyCross' | 'sharpCross' | 'plus' | 'plusThin' | 'play' | 'reload' | 'checkCircle' | 'info' | 'check' | 'home' | 'questionFilled' | 'document' | 'cancel' | 'playPause' | 'video';
|
|
2849
2849
|
type IconName = IconName$1 | IconNameDefault | IconISOCode;
|
|
2850
|
-
interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$
|
|
2850
|
+
interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$k>, ResponsiveMarginProps {
|
|
2851
2851
|
/**
|
|
2852
2852
|
* Версия компонента: v3 ("brand") или v2 ("default").
|
|
2853
2853
|
*
|
|
@@ -2884,37 +2884,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$l>, Responsiv
|
|
|
2884
2884
|
*
|
|
2885
2885
|
* @general
|
|
2886
2886
|
* @default 'inherit' */
|
|
2887
|
-
size?: Size$
|
|
2887
|
+
size?: Size$k | [DESKTOP: Size$k, TABLET: Size$k, MOBILE: Size$k] | [XL: Size$k, L: Size$k, M: Size$k, S: Size$k, XS: Size$k, XXS: Size$k];
|
|
2888
2888
|
/**
|
|
2889
2889
|
* Размер для XXS брейкпоинта.
|
|
2890
2890
|
*
|
|
2891
2891
|
* @default undefined */
|
|
2892
|
-
sizeXXS?: Size$
|
|
2892
|
+
sizeXXS?: Size$k;
|
|
2893
2893
|
/**
|
|
2894
2894
|
* Размер для XS брейкпоинта.
|
|
2895
2895
|
*
|
|
2896
2896
|
* @default undefined */
|
|
2897
|
-
sizeXS?: Size$
|
|
2897
|
+
sizeXS?: Size$k;
|
|
2898
2898
|
/**
|
|
2899
2899
|
* Размер для S брейкпоинта.
|
|
2900
2900
|
*
|
|
2901
2901
|
* @default undefined */
|
|
2902
|
-
sizeS?: Size$
|
|
2902
|
+
sizeS?: Size$k;
|
|
2903
2903
|
/**
|
|
2904
2904
|
* Размер для M брейкпоинта.
|
|
2905
2905
|
*
|
|
2906
2906
|
* @default undefined */
|
|
2907
|
-
sizeM?: Size$
|
|
2907
|
+
sizeM?: Size$k;
|
|
2908
2908
|
/**
|
|
2909
2909
|
* Размер для L брейкпоинта.
|
|
2910
2910
|
*
|
|
2911
2911
|
* @default undefined */
|
|
2912
|
-
sizeL?: Size$
|
|
2912
|
+
sizeL?: Size$k;
|
|
2913
2913
|
/**
|
|
2914
2914
|
* Размер для XL брейкпоинта.
|
|
2915
2915
|
*
|
|
2916
2916
|
* @default undefined */
|
|
2917
|
-
sizeXL?: Size$
|
|
2917
|
+
sizeXL?: Size$k;
|
|
2918
2918
|
/**
|
|
2919
2919
|
* Модификация размеров.
|
|
2920
2920
|
*
|
|
@@ -2928,37 +2928,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$l>, Responsiv
|
|
|
2928
2928
|
*
|
|
2929
2929
|
* @general
|
|
2930
2930
|
* @default undefined */
|
|
2931
|
-
margin?: Margin$
|
|
2931
|
+
margin?: Margin$c | [DESKTOP: Margin$c, TABLET: Margin$c, MOBILE: Margin$c] | [XL: Margin$c, L: Margin$c, M: Margin$c, S: Margin$c, XS: Margin$c, XXS: Margin$c];
|
|
2932
2932
|
/**
|
|
2933
2933
|
* Отступ для XXS брейкпоинта.
|
|
2934
2934
|
*
|
|
2935
2935
|
* @default undefined */
|
|
2936
|
-
marginXXS?: Margin$
|
|
2936
|
+
marginXXS?: Margin$c;
|
|
2937
2937
|
/**
|
|
2938
2938
|
* Отступ для XS брейкпоинта.
|
|
2939
2939
|
*
|
|
2940
2940
|
* @default undefined */
|
|
2941
|
-
marginXS?: Margin$
|
|
2941
|
+
marginXS?: Margin$c;
|
|
2942
2942
|
/**
|
|
2943
2943
|
* Отступ для S брейкпоинта.
|
|
2944
2944
|
*
|
|
2945
2945
|
* @default undefined */
|
|
2946
|
-
marginS?: Margin$
|
|
2946
|
+
marginS?: Margin$c;
|
|
2947
2947
|
/**
|
|
2948
2948
|
* Отступ для M брейкпоинта.
|
|
2949
2949
|
*
|
|
2950
2950
|
* @default undefined */
|
|
2951
|
-
marginM?: Margin$
|
|
2951
|
+
marginM?: Margin$c;
|
|
2952
2952
|
/**
|
|
2953
2953
|
* Отступ для L брейкпоинта.
|
|
2954
2954
|
*
|
|
2955
2955
|
* @default undefined */
|
|
2956
|
-
marginL?: Margin$
|
|
2956
|
+
marginL?: Margin$c;
|
|
2957
2957
|
/**
|
|
2958
2958
|
* Отступ для XL брейкпоинта.
|
|
2959
2959
|
*
|
|
2960
2960
|
* @default undefined */
|
|
2961
|
-
marginXL?: Margin$
|
|
2961
|
+
marginXL?: Margin$c;
|
|
2962
2962
|
/** @ignore @deprecated */
|
|
2963
2963
|
as?: React.ElementType;
|
|
2964
2964
|
}
|
|
@@ -3049,7 +3049,7 @@ type AnchorPalette = {
|
|
|
3049
3049
|
colorHover: CSSColor;
|
|
3050
3050
|
colorDisabled: CSSColor;
|
|
3051
3051
|
};
|
|
3052
|
-
interface AnchorProps extends ResponsiveSizeProps<Size$
|
|
3052
|
+
interface AnchorProps extends ResponsiveSizeProps<Size$l, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'a'>, 'color' | 'children'>,
|
|
3053
3053
|
/** @deprecated Use palette */
|
|
3054
3054
|
ColorProperty<'color'>,
|
|
3055
3055
|
/** @deprecated Use children as function */
|
|
@@ -3108,9 +3108,9 @@ DisplayProperty {
|
|
|
3108
3108
|
*/
|
|
3109
3109
|
declare const Anchor: React.ForwardRefExoticComponent<AnchorProps>;
|
|
3110
3110
|
|
|
3111
|
-
type Size$
|
|
3112
|
-
type Margin$
|
|
3113
|
-
interface ButtonBaseProps extends ResponsiveSizeProps<Size$
|
|
3111
|
+
type Size$j = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
3112
|
+
type Margin$b = number | string;
|
|
3113
|
+
interface ButtonBaseProps extends ResponsiveSizeProps<Size$j>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>,
|
|
3114
3114
|
/** @deprecated */
|
|
3115
3115
|
ColorProperty,
|
|
3116
3116
|
/** @deprecated */
|
|
@@ -3275,43 +3275,43 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
|
|
|
3275
3275
|
*
|
|
3276
3276
|
* @general
|
|
3277
3277
|
* @default 'm' */
|
|
3278
|
-
size?: Size$
|
|
3278
|
+
size?: Size$j | [DESKTOP: Size$j, TABLET: Size$j, MOBILE: Size$j] | [XL: Size$j, L: Size$j, M: Size$j, S: Size$j, XS: Size$j, XXS: Size$j];
|
|
3279
3279
|
/**
|
|
3280
3280
|
* Размер для XXS брейкпоинта.
|
|
3281
3281
|
*
|
|
3282
3282
|
* @default undefined */
|
|
3283
|
-
sizeXXS?: Size$
|
|
3283
|
+
sizeXXS?: Size$j;
|
|
3284
3284
|
/**
|
|
3285
3285
|
* Размер для XS брейкпоинта.
|
|
3286
3286
|
*
|
|
3287
3287
|
* @default undefined */
|
|
3288
|
-
sizeXS?: Size$
|
|
3288
|
+
sizeXS?: Size$j;
|
|
3289
3289
|
/**
|
|
3290
3290
|
* Размер для S брейкпоинта.
|
|
3291
3291
|
*
|
|
3292
3292
|
* @default undefined */
|
|
3293
|
-
sizeS?: Size$
|
|
3293
|
+
sizeS?: Size$j;
|
|
3294
3294
|
/**
|
|
3295
3295
|
* Размер для M брейкпоинта.
|
|
3296
3296
|
*
|
|
3297
3297
|
* @default undefined */
|
|
3298
|
-
sizeM?: Size$
|
|
3298
|
+
sizeM?: Size$j;
|
|
3299
3299
|
/**
|
|
3300
3300
|
* Размер для L брейкпоинта.
|
|
3301
3301
|
*
|
|
3302
3302
|
* @default undefined */
|
|
3303
|
-
sizeL?: Size$
|
|
3303
|
+
sizeL?: Size$j;
|
|
3304
3304
|
/**
|
|
3305
3305
|
* Размер для XL брейкпоинта.
|
|
3306
3306
|
*
|
|
3307
3307
|
* @default undefined */
|
|
3308
|
-
sizeXL?: Size$
|
|
3308
|
+
sizeXL?: Size$j;
|
|
3309
3309
|
/**
|
|
3310
3310
|
* Модификация размеров.
|
|
3311
3311
|
*
|
|
3312
3312
|
* @general
|
|
3313
3313
|
* @default undefined */
|
|
3314
|
-
sizes?: Partial<Record<Size$
|
|
3314
|
+
sizes?: Partial<Record<Size$j, React.CSSProperties>>;
|
|
3315
3315
|
/**
|
|
3316
3316
|
* Внешние отступы.
|
|
3317
3317
|
*
|
|
@@ -3319,37 +3319,37 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
|
|
|
3319
3319
|
*
|
|
3320
3320
|
* @general
|
|
3321
3321
|
* @default undefined */
|
|
3322
|
-
margin?: Margin$
|
|
3322
|
+
margin?: Margin$b | [DESKTOP: Margin$b, TABLET: Margin$b, MOBILE: Margin$b] | [XL: Margin$b, L: Margin$b, M: Margin$b, S: Margin$b, XS: Margin$b, XXS: Margin$b];
|
|
3323
3323
|
/**
|
|
3324
3324
|
* Отступ для XXS брейкпоинта.
|
|
3325
3325
|
*
|
|
3326
3326
|
* @default undefined */
|
|
3327
|
-
marginXXS?: Margin$
|
|
3327
|
+
marginXXS?: Margin$b;
|
|
3328
3328
|
/**
|
|
3329
3329
|
* Отступ для XS брейкпоинта.
|
|
3330
3330
|
*
|
|
3331
3331
|
* @default undefined */
|
|
3332
|
-
marginXS?: Margin$
|
|
3332
|
+
marginXS?: Margin$b;
|
|
3333
3333
|
/**
|
|
3334
3334
|
* Отступ для S брейкпоинта.
|
|
3335
3335
|
*
|
|
3336
3336
|
* @default undefined */
|
|
3337
|
-
marginS?: Margin$
|
|
3337
|
+
marginS?: Margin$b;
|
|
3338
3338
|
/**
|
|
3339
3339
|
* Отступ для M брейкпоинта.
|
|
3340
3340
|
*
|
|
3341
3341
|
* @default undefined */
|
|
3342
|
-
marginM?: Margin$
|
|
3342
|
+
marginM?: Margin$b;
|
|
3343
3343
|
/**
|
|
3344
3344
|
* Отступ для L брейкпоинта.
|
|
3345
3345
|
*
|
|
3346
3346
|
* @default undefined */
|
|
3347
|
-
marginL?: Margin$
|
|
3347
|
+
marginL?: Margin$b;
|
|
3348
3348
|
/**
|
|
3349
3349
|
* Отступ для XL брейкпоинта.
|
|
3350
3350
|
*
|
|
3351
3351
|
* @default undefined */
|
|
3352
|
-
marginXL?: Margin$
|
|
3352
|
+
marginXL?: Margin$b;
|
|
3353
3353
|
/** @ignore */
|
|
3354
3354
|
primary?: boolean;
|
|
3355
3355
|
/** @ignore */
|
|
@@ -3440,9 +3440,9 @@ interface AlertProps extends BaseProps {
|
|
|
3440
3440
|
|
|
3441
3441
|
declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
|
|
3442
3442
|
|
|
3443
|
-
type Size$
|
|
3444
|
-
type Margin$
|
|
3445
|
-
interface ArrowProps extends ResponsiveSizeProps<Size$
|
|
3443
|
+
type Size$i = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
3444
|
+
type Margin$a = number | string;
|
|
3445
|
+
interface ArrowProps extends ResponsiveSizeProps<Size$i, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
|
|
3446
3446
|
/**
|
|
3447
3447
|
* Версия компонента: v3 ("brand") или v2 ("default").
|
|
3448
3448
|
*
|
|
@@ -3524,43 +3524,43 @@ interface ArrowProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveM
|
|
|
3524
3524
|
*
|
|
3525
3525
|
* @general
|
|
3526
3526
|
* @default 'l' */
|
|
3527
|
-
size?: Size$
|
|
3527
|
+
size?: Size$i | [DESKTOP: Size$i, TABLET: Size$i, MOBILE: Size$i] | [XL: Size$i, L: Size$i, M: Size$i, S: Size$i, XS: Size$i, XXS: Size$i];
|
|
3528
3528
|
/**
|
|
3529
3529
|
* Размер для XXS брейкпоинта.
|
|
3530
3530
|
*
|
|
3531
3531
|
* @default undefined */
|
|
3532
|
-
sizeXXS?: Size$
|
|
3532
|
+
sizeXXS?: Size$i;
|
|
3533
3533
|
/**
|
|
3534
3534
|
* Размер для XS брейкпоинта.
|
|
3535
3535
|
*
|
|
3536
3536
|
* @default undefined */
|
|
3537
|
-
sizeXS?: Size$
|
|
3537
|
+
sizeXS?: Size$i;
|
|
3538
3538
|
/**
|
|
3539
3539
|
* Размер для S брейкпоинта.
|
|
3540
3540
|
*
|
|
3541
3541
|
* @default undefined */
|
|
3542
|
-
sizeS?: Size$
|
|
3542
|
+
sizeS?: Size$i;
|
|
3543
3543
|
/**
|
|
3544
3544
|
* Размер для M брейкпоинта.
|
|
3545
3545
|
*
|
|
3546
3546
|
* @default undefined */
|
|
3547
|
-
sizeM?: Size$
|
|
3547
|
+
sizeM?: Size$i;
|
|
3548
3548
|
/**
|
|
3549
3549
|
* Размер для L брейкпоинта.
|
|
3550
3550
|
*
|
|
3551
3551
|
* @default undefined */
|
|
3552
|
-
sizeL?: Size$
|
|
3552
|
+
sizeL?: Size$i;
|
|
3553
3553
|
/**
|
|
3554
3554
|
* Размер для XL брейкпоинта.
|
|
3555
3555
|
*
|
|
3556
3556
|
* @default undefined */
|
|
3557
|
-
sizeXL?: Size$
|
|
3557
|
+
sizeXL?: Size$i;
|
|
3558
3558
|
/**
|
|
3559
3559
|
* Модификация размеров.
|
|
3560
3560
|
*
|
|
3561
3561
|
* @general
|
|
3562
3562
|
* @default undefined */
|
|
3563
|
-
sizes?: Partial<Record<Size$
|
|
3563
|
+
sizes?: Partial<Record<Size$i, React.CSSProperties>>;
|
|
3564
3564
|
/**
|
|
3565
3565
|
* Внешние отступы.
|
|
3566
3566
|
*
|
|
@@ -3568,37 +3568,37 @@ interface ArrowProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveM
|
|
|
3568
3568
|
*
|
|
3569
3569
|
* @general
|
|
3570
3570
|
* @default undefined */
|
|
3571
|
-
margin?: Margin$
|
|
3571
|
+
margin?: Margin$a | [DESKTOP: Margin$a, TABLET: Margin$a, MOBILE: Margin$a] | [XL: Margin$a, L: Margin$a, M: Margin$a, S: Margin$a, XS: Margin$a, XXS: Margin$a];
|
|
3572
3572
|
/**
|
|
3573
3573
|
* Отступ для XXS брейкпоинта.
|
|
3574
3574
|
*
|
|
3575
3575
|
* @default undefined */
|
|
3576
|
-
marginXXS?: Margin$
|
|
3576
|
+
marginXXS?: Margin$a;
|
|
3577
3577
|
/**
|
|
3578
3578
|
* Отступ для XS брейкпоинта.
|
|
3579
3579
|
*
|
|
3580
3580
|
* @default undefined */
|
|
3581
|
-
marginXS?: Margin$
|
|
3581
|
+
marginXS?: Margin$a;
|
|
3582
3582
|
/**
|
|
3583
3583
|
* Отступ для S брейкпоинта.
|
|
3584
3584
|
*
|
|
3585
3585
|
* @default undefined */
|
|
3586
|
-
marginS?: Margin$
|
|
3586
|
+
marginS?: Margin$a;
|
|
3587
3587
|
/**
|
|
3588
3588
|
* Отступ для M брейкпоинта.
|
|
3589
3589
|
*
|
|
3590
3590
|
* @default undefined */
|
|
3591
|
-
marginM?: Margin$
|
|
3591
|
+
marginM?: Margin$a;
|
|
3592
3592
|
/**
|
|
3593
3593
|
* Отступ для L брейкпоинта.
|
|
3594
3594
|
*
|
|
3595
3595
|
* @default undefined */
|
|
3596
|
-
marginL?: Margin$
|
|
3596
|
+
marginL?: Margin$a;
|
|
3597
3597
|
/**
|
|
3598
3598
|
* Отступ для XL брейкпоинта.
|
|
3599
3599
|
*
|
|
3600
3600
|
* @default undefined */
|
|
3601
|
-
marginXL?: Margin$
|
|
3601
|
+
marginXL?: Margin$a;
|
|
3602
3602
|
/** @ignore */
|
|
3603
3603
|
inverse?: boolean;
|
|
3604
3604
|
/** @ignore @deprecated */
|
|
@@ -3613,8 +3613,8 @@ interface ArrowProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveM
|
|
|
3613
3613
|
*/
|
|
3614
3614
|
declare const Arrow: React.ForwardRefExoticComponent<ArrowProps>;
|
|
3615
3615
|
|
|
3616
|
-
type Size$
|
|
3617
|
-
interface InputCheckboxProps extends ResponsiveSizeProps<Size$
|
|
3616
|
+
type Size$h = 'xl' | 'l' | 'm' | 's' | 'xs';
|
|
3617
|
+
interface InputCheckboxProps extends ResponsiveSizeProps<Size$h>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
|
|
3618
3618
|
/**
|
|
3619
3619
|
* Текущее состояние контрола (использование включает контролируемый режим).
|
|
3620
3620
|
*
|
|
@@ -3691,43 +3691,43 @@ interface InputCheckboxProps extends ResponsiveSizeProps<Size$i>, Omit<React.Com
|
|
|
3691
3691
|
*
|
|
3692
3692
|
* @general
|
|
3693
3693
|
* @default 'm' */
|
|
3694
|
-
size?: Size$
|
|
3694
|
+
size?: Size$h | [DESKTOP: Size$h, TABLET: Size$h, MOBILE: Size$h] | [XL: Size$h, L: Size$h, M: Size$h, S: Size$h, XS: Size$h, XXS: Size$h];
|
|
3695
3695
|
/**
|
|
3696
3696
|
* Размер для XXS брейкпоинта.
|
|
3697
3697
|
*
|
|
3698
3698
|
* @default undefined */
|
|
3699
|
-
sizeXXS?: Size$
|
|
3699
|
+
sizeXXS?: Size$h;
|
|
3700
3700
|
/**
|
|
3701
3701
|
* Размер для XS брейкпоинта.
|
|
3702
3702
|
*
|
|
3703
3703
|
* @default undefined */
|
|
3704
|
-
sizeXS?: Size$
|
|
3704
|
+
sizeXS?: Size$h;
|
|
3705
3705
|
/**
|
|
3706
3706
|
* Размер для S брейкпоинта.
|
|
3707
3707
|
*
|
|
3708
3708
|
* @default undefined */
|
|
3709
|
-
sizeS?: Size$
|
|
3709
|
+
sizeS?: Size$h;
|
|
3710
3710
|
/**
|
|
3711
3711
|
* Размер для M брейкпоинта.
|
|
3712
3712
|
*
|
|
3713
3713
|
* @default undefined */
|
|
3714
|
-
sizeM?: Size$
|
|
3714
|
+
sizeM?: Size$h;
|
|
3715
3715
|
/**
|
|
3716
3716
|
* Размер для L брейкпоинта.
|
|
3717
3717
|
*
|
|
3718
3718
|
* @default undefined */
|
|
3719
|
-
sizeL?: Size$
|
|
3719
|
+
sizeL?: Size$h;
|
|
3720
3720
|
/**
|
|
3721
3721
|
* Размер для XL брейкпоинта.
|
|
3722
3722
|
*
|
|
3723
3723
|
* @default undefined */
|
|
3724
|
-
sizeXL?: Size$
|
|
3724
|
+
sizeXL?: Size$h;
|
|
3725
3725
|
/**
|
|
3726
3726
|
* Модификация размеров.
|
|
3727
3727
|
*
|
|
3728
3728
|
* @general
|
|
3729
3729
|
* @default undefined */
|
|
3730
|
-
sizes?: Partial<Record<Size$
|
|
3730
|
+
sizes?: Partial<Record<Size$h, React.CSSProperties>>;
|
|
3731
3731
|
/** @ignore @deprecated */
|
|
3732
3732
|
onColored?: boolean;
|
|
3733
3733
|
}
|
|
@@ -3776,8 +3776,8 @@ declare enum SizeInput {
|
|
|
3776
3776
|
xs = 140
|
|
3777
3777
|
}
|
|
3778
3778
|
|
|
3779
|
-
type Size$
|
|
3780
|
-
interface TextareaBaseProps extends ResponsiveSizeProps<Size$
|
|
3779
|
+
type Size$g = 'l' | 'm' | 's' | 'xs';
|
|
3780
|
+
interface TextareaBaseProps extends ResponsiveSizeProps<Size$g>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
|
|
3781
3781
|
/**
|
|
3782
3782
|
* Автоматически адаптировать число строк под контент.
|
|
3783
3783
|
*
|
|
@@ -3932,7 +3932,7 @@ type ArrowBadgePalette = {
|
|
|
3932
3932
|
color: CSSColor;
|
|
3933
3933
|
backgroundColor: CSSColor;
|
|
3934
3934
|
};
|
|
3935
|
-
interface ArrowBadgeProps extends ResponsiveSizeProps<Size$
|
|
3935
|
+
interface ArrowBadgeProps extends ResponsiveSizeProps<Size$l, SizeValue>, ResponsiveMarginProps,
|
|
3936
3936
|
/** @deprecated Use palette */
|
|
3937
3937
|
ColorProperty<'color'>,
|
|
3938
3938
|
/** @deprecated Use palette */
|
|
@@ -3974,9 +3974,9 @@ ColorProperty<'backgroundColor'>, Omit<React.ComponentPropsWithRef<'div'>, 'colo
|
|
|
3974
3974
|
*/
|
|
3975
3975
|
declare const ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps>;
|
|
3976
3976
|
|
|
3977
|
-
type Size$
|
|
3978
|
-
type Margin$
|
|
3979
|
-
interface TabProps extends ResponsiveSizeProps<Size$
|
|
3977
|
+
type Size$f = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
3978
|
+
type Margin$9 = number | string;
|
|
3979
|
+
interface TabProps extends ResponsiveSizeProps<Size$f, SizeValue>, ResponsiveMarginProps,
|
|
3980
3980
|
/** @deprecated Use palette */
|
|
3981
3981
|
ColorProperty<'color'>,
|
|
3982
3982
|
/** @deprecated Use palette */
|
|
@@ -4067,43 +4067,43 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
|
|
|
4067
4067
|
*
|
|
4068
4068
|
* @general
|
|
4069
4069
|
* @default 'm' */
|
|
4070
|
-
size?: Size$
|
|
4070
|
+
size?: Size$f | [DESKTOP: Size$f, TABLET: Size$f, MOBILE: Size$f] | [XL: Size$f, L: Size$f, M: Size$f, S: Size$f, XS: Size$f, XXS: Size$f];
|
|
4071
4071
|
/**
|
|
4072
4072
|
* Размер для XXS брейкпоинта.
|
|
4073
4073
|
*
|
|
4074
4074
|
* @default undefined */
|
|
4075
|
-
sizeXXS?: Size$
|
|
4075
|
+
sizeXXS?: Size$f;
|
|
4076
4076
|
/**
|
|
4077
4077
|
* Размер для XS брейкпоинта.
|
|
4078
4078
|
*
|
|
4079
4079
|
* @default undefined */
|
|
4080
|
-
sizeXS?: Size$
|
|
4080
|
+
sizeXS?: Size$f;
|
|
4081
4081
|
/**
|
|
4082
4082
|
* Размер для S брейкпоинта.
|
|
4083
4083
|
*
|
|
4084
4084
|
* @default undefined */
|
|
4085
|
-
sizeS?: Size$
|
|
4085
|
+
sizeS?: Size$f;
|
|
4086
4086
|
/**
|
|
4087
4087
|
* Размер для M брейкпоинта.
|
|
4088
4088
|
*
|
|
4089
4089
|
* @default undefined */
|
|
4090
|
-
sizeM?: Size$
|
|
4090
|
+
sizeM?: Size$f;
|
|
4091
4091
|
/**
|
|
4092
4092
|
* Размер для L брейкпоинта.
|
|
4093
4093
|
*
|
|
4094
4094
|
* @default undefined */
|
|
4095
|
-
sizeL?: Size$
|
|
4095
|
+
sizeL?: Size$f;
|
|
4096
4096
|
/**
|
|
4097
4097
|
* Размер для XL брейкпоинта.
|
|
4098
4098
|
*
|
|
4099
4099
|
* @default undefined */
|
|
4100
|
-
sizeXL?: Size$
|
|
4100
|
+
sizeXL?: Size$f;
|
|
4101
4101
|
/**
|
|
4102
4102
|
* Модификация размеров.
|
|
4103
4103
|
*
|
|
4104
4104
|
* @general
|
|
4105
4105
|
* @default undefined */
|
|
4106
|
-
sizes?: Partial<Record<Size$
|
|
4106
|
+
sizes?: Partial<Record<Size$f, React.CSSProperties>>;
|
|
4107
4107
|
/**
|
|
4108
4108
|
* Внешние отступы.
|
|
4109
4109
|
*
|
|
@@ -4111,37 +4111,37 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
|
|
|
4111
4111
|
*
|
|
4112
4112
|
* @general
|
|
4113
4113
|
* @default undefined */
|
|
4114
|
-
margin?: Margin$
|
|
4114
|
+
margin?: Margin$9 | [DESKTOP: Margin$9, TABLET: Margin$9, MOBILE: Margin$9] | [XL: Margin$9, L: Margin$9, M: Margin$9, S: Margin$9, XS: Margin$9, XXS: Margin$9];
|
|
4115
4115
|
/**
|
|
4116
4116
|
* Отступ для XXS брейкпоинта.
|
|
4117
4117
|
*
|
|
4118
4118
|
* @default undefined */
|
|
4119
|
-
marginXXS?: Margin$
|
|
4119
|
+
marginXXS?: Margin$9;
|
|
4120
4120
|
/**
|
|
4121
4121
|
* Отступ для XS брейкпоинта.
|
|
4122
4122
|
*
|
|
4123
4123
|
* @default undefined */
|
|
4124
|
-
marginXS?: Margin$
|
|
4124
|
+
marginXS?: Margin$9;
|
|
4125
4125
|
/**
|
|
4126
4126
|
* Отступ для S брейкпоинта.
|
|
4127
4127
|
*
|
|
4128
4128
|
* @default undefined */
|
|
4129
|
-
marginS?: Margin$
|
|
4129
|
+
marginS?: Margin$9;
|
|
4130
4130
|
/**
|
|
4131
4131
|
* Отступ для M брейкпоинта.
|
|
4132
4132
|
*
|
|
4133
4133
|
* @default undefined */
|
|
4134
|
-
marginM?: Margin$
|
|
4134
|
+
marginM?: Margin$9;
|
|
4135
4135
|
/**
|
|
4136
4136
|
* Отступ для L брейкпоинта.
|
|
4137
4137
|
*
|
|
4138
4138
|
* @default undefined */
|
|
4139
|
-
marginL?: Margin$
|
|
4139
|
+
marginL?: Margin$9;
|
|
4140
4140
|
/**
|
|
4141
4141
|
* Отступ для XL брейкпоинта.
|
|
4142
4142
|
*
|
|
4143
4143
|
* @default undefined */
|
|
4144
|
-
marginXL?: Margin$
|
|
4144
|
+
marginXL?: Margin$9;
|
|
4145
4145
|
/** @ignore */
|
|
4146
4146
|
compact?: boolean;
|
|
4147
4147
|
/** @ignore */
|
|
@@ -4166,7 +4166,7 @@ type BadgePalette = {
|
|
|
4166
4166
|
color: CSSColor;
|
|
4167
4167
|
backgroundColor: CSSColor;
|
|
4168
4168
|
};
|
|
4169
|
-
interface BadgeProps extends ResponsiveSizeProps<Size$
|
|
4169
|
+
interface BadgeProps extends ResponsiveSizeProps<Size$l, SizeValue>, ResponsiveMarginProps,
|
|
4170
4170
|
/** @deprecated Use palette */
|
|
4171
4171
|
ColorProperty,
|
|
4172
4172
|
/** @deprecated Use children as function */
|
|
@@ -4219,9 +4219,9 @@ DisplayProperty, Omit<React.ComponentPropsWithRef<'div'>, 'color' | 'children'>
|
|
|
4219
4219
|
*/
|
|
4220
4220
|
declare const Badge: React.ForwardRefExoticComponent<BadgeProps>;
|
|
4221
4221
|
|
|
4222
|
-
type Size$
|
|
4223
|
-
type Margin$
|
|
4224
|
-
interface IconButtonBaseProps extends ResponsiveSizeProps<Size$
|
|
4222
|
+
type Size$e = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
|
|
4223
|
+
type Margin$8 = number | string;
|
|
4224
|
+
interface IconButtonBaseProps extends ResponsiveSizeProps<Size$e>, ResponsiveMarginProps {
|
|
4225
4225
|
/**
|
|
4226
4226
|
* Кастомные цвета.
|
|
4227
4227
|
*
|
|
@@ -4279,43 +4279,43 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$f>, ResponsiveMar
|
|
|
4279
4279
|
*
|
|
4280
4280
|
* @general
|
|
4281
4281
|
* @default 'm' */
|
|
4282
|
-
size?: Size$
|
|
4282
|
+
size?: Size$e | [DESKTOP: Size$e, TABLET: Size$e, MOBILE: Size$e] | [XL: Size$e, L: Size$e, M: Size$e, S: Size$e, XS: Size$e, XXS: Size$e];
|
|
4283
4283
|
/**
|
|
4284
4284
|
* Размер для XXS брейкпоинта.
|
|
4285
4285
|
*
|
|
4286
4286
|
* @default undefined */
|
|
4287
|
-
sizeXXS?: Size$
|
|
4287
|
+
sizeXXS?: Size$e;
|
|
4288
4288
|
/**
|
|
4289
4289
|
* Размер для XS брейкпоинта.
|
|
4290
4290
|
*
|
|
4291
4291
|
* @default undefined */
|
|
4292
|
-
sizeXS?: Size$
|
|
4292
|
+
sizeXS?: Size$e;
|
|
4293
4293
|
/**
|
|
4294
4294
|
* Размер для S брейкпоинта.
|
|
4295
4295
|
*
|
|
4296
4296
|
* @default undefined */
|
|
4297
|
-
sizeS?: Size$
|
|
4297
|
+
sizeS?: Size$e;
|
|
4298
4298
|
/**
|
|
4299
4299
|
* Размер для M брейкпоинта.
|
|
4300
4300
|
*
|
|
4301
4301
|
* @default undefined */
|
|
4302
|
-
sizeM?: Size$
|
|
4302
|
+
sizeM?: Size$e;
|
|
4303
4303
|
/**
|
|
4304
4304
|
* Размер для L брейкпоинта.
|
|
4305
4305
|
*
|
|
4306
4306
|
* @default undefined */
|
|
4307
|
-
sizeL?: Size$
|
|
4307
|
+
sizeL?: Size$e;
|
|
4308
4308
|
/**
|
|
4309
4309
|
* Размер для XL брейкпоинта.
|
|
4310
4310
|
*
|
|
4311
4311
|
* @default undefined */
|
|
4312
|
-
sizeXL?: Size$
|
|
4312
|
+
sizeXL?: Size$e;
|
|
4313
4313
|
/**
|
|
4314
4314
|
* Модификация размеров.
|
|
4315
4315
|
*
|
|
4316
4316
|
* @general
|
|
4317
4317
|
* @default undefined */
|
|
4318
|
-
sizes?: Partial<Record<Size$
|
|
4318
|
+
sizes?: Partial<Record<Size$e, React.CSSProperties>>;
|
|
4319
4319
|
/**
|
|
4320
4320
|
* Внешние отступы.
|
|
4321
4321
|
*
|
|
@@ -4323,37 +4323,37 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$f>, ResponsiveMar
|
|
|
4323
4323
|
*
|
|
4324
4324
|
* @general
|
|
4325
4325
|
* @default undefined */
|
|
4326
|
-
margin?: Margin$
|
|
4326
|
+
margin?: Margin$8 | [DESKTOP: Margin$8, TABLET: Margin$8, MOBILE: Margin$8] | [XL: Margin$8, L: Margin$8, M: Margin$8, S: Margin$8, XS: Margin$8, XXS: Margin$8];
|
|
4327
4327
|
/**
|
|
4328
4328
|
* Отступ для XXS брейкпоинта.
|
|
4329
4329
|
*
|
|
4330
4330
|
* @default undefined */
|
|
4331
|
-
marginXXS?: Margin$
|
|
4331
|
+
marginXXS?: Margin$8;
|
|
4332
4332
|
/**
|
|
4333
4333
|
* Отступ для XS брейкпоинта.
|
|
4334
4334
|
*
|
|
4335
4335
|
* @default undefined */
|
|
4336
|
-
marginXS?: Margin$
|
|
4336
|
+
marginXS?: Margin$8;
|
|
4337
4337
|
/**
|
|
4338
4338
|
* Отступ для S брейкпоинта.
|
|
4339
4339
|
*
|
|
4340
4340
|
* @default undefined */
|
|
4341
|
-
marginS?: Margin$
|
|
4341
|
+
marginS?: Margin$8;
|
|
4342
4342
|
/**
|
|
4343
4343
|
* Отступ для M брейкпоинта.
|
|
4344
4344
|
*
|
|
4345
4345
|
* @default undefined */
|
|
4346
|
-
marginM?: Margin$
|
|
4346
|
+
marginM?: Margin$8;
|
|
4347
4347
|
/**
|
|
4348
4348
|
* Отступ для L брейкпоинта.
|
|
4349
4349
|
*
|
|
4350
4350
|
* @default undefined */
|
|
4351
|
-
marginL?: Margin$
|
|
4351
|
+
marginL?: Margin$8;
|
|
4352
4352
|
/**
|
|
4353
4353
|
* Отступ для XL брейкпоинта.
|
|
4354
4354
|
*
|
|
4355
4355
|
* @default undefined */
|
|
4356
|
-
marginXL?: Margin$
|
|
4356
|
+
marginXL?: Margin$8;
|
|
4357
4357
|
}
|
|
4358
4358
|
type IconButtonProps = IconButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof IconButtonBaseProps>;
|
|
4359
4359
|
|
|
@@ -4596,14 +4596,14 @@ declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps> & {
|
|
|
4596
4596
|
Component: typeof TooltipComponent;
|
|
4597
4597
|
};
|
|
4598
4598
|
|
|
4599
|
-
type Size$
|
|
4600
|
-
type Layout$
|
|
4599
|
+
type Size$d = 'xl' | 'l' | 'm' | 's' | 'xs';
|
|
4600
|
+
type Layout$4 = 'vertical' | 'horizontal';
|
|
4601
4601
|
type PopoverComponentPalette = {
|
|
4602
4602
|
color: CSSColor;
|
|
4603
4603
|
backgroundColor: CSSColor;
|
|
4604
4604
|
shadowColor: CSSColor;
|
|
4605
4605
|
};
|
|
4606
|
-
interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$
|
|
4606
|
+
interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$d>, ResponsiveLayoutProps<Layout$4> {
|
|
4607
4607
|
/**
|
|
4608
4608
|
* Кастомные цвета.
|
|
4609
4609
|
*
|
|
@@ -4714,9 +4714,9 @@ type PopoverComponentProps = PopoverComponentBaseProps & Omit<React.ComponentPro
|
|
|
4714
4714
|
|
|
4715
4715
|
declare const PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps>;
|
|
4716
4716
|
|
|
4717
|
-
type Size$
|
|
4718
|
-
type Layout$
|
|
4719
|
-
interface PopoverBaseProps extends ResponsiveSizeProps<Size$
|
|
4717
|
+
type Size$c = 's' | 'xl' | 'l' | 'm' | 'xs';
|
|
4718
|
+
type Layout$3 = 'vertical' | 'horizontal';
|
|
4719
|
+
interface PopoverBaseProps extends ResponsiveSizeProps<Size$c>, ResponsiveLayoutProps<Layout$3> {
|
|
4720
4720
|
/**
|
|
4721
4721
|
* Кастомные цвета.
|
|
4722
4722
|
*
|
|
@@ -4932,43 +4932,43 @@ interface PopoverBaseProps extends ResponsiveSizeProps<Size$d>, ResponsiveLayout
|
|
|
4932
4932
|
*
|
|
4933
4933
|
* @general
|
|
4934
4934
|
* @default 's' */
|
|
4935
|
-
size?: Size$
|
|
4935
|
+
size?: Size$c | [DESKTOP: Size$c, TABLET: Size$c, MOBILE: Size$c] | [XL: Size$c, L: Size$c, M: Size$c, S: Size$c, XS: Size$c, XXS: Size$c];
|
|
4936
4936
|
/**
|
|
4937
4937
|
* Размер для XXS брейкпоинта.
|
|
4938
4938
|
*
|
|
4939
4939
|
* @default undefined */
|
|
4940
|
-
sizeXXS?: Size$
|
|
4940
|
+
sizeXXS?: Size$c;
|
|
4941
4941
|
/**
|
|
4942
4942
|
* Размер для XS брейкпоинта.
|
|
4943
4943
|
*
|
|
4944
4944
|
* @default undefined */
|
|
4945
|
-
sizeXS?: Size$
|
|
4945
|
+
sizeXS?: Size$c;
|
|
4946
4946
|
/**
|
|
4947
4947
|
* Размер для S брейкпоинта.
|
|
4948
4948
|
*
|
|
4949
4949
|
* @default undefined */
|
|
4950
|
-
sizeS?: Size$
|
|
4950
|
+
sizeS?: Size$c;
|
|
4951
4951
|
/**
|
|
4952
4952
|
* Размер для M брейкпоинта.
|
|
4953
4953
|
*
|
|
4954
4954
|
* @default undefined */
|
|
4955
|
-
sizeM?: Size$
|
|
4955
|
+
sizeM?: Size$c;
|
|
4956
4956
|
/**
|
|
4957
4957
|
* Размер для L брейкпоинта.
|
|
4958
4958
|
*
|
|
4959
4959
|
* @default undefined */
|
|
4960
|
-
sizeL?: Size$
|
|
4960
|
+
sizeL?: Size$c;
|
|
4961
4961
|
/**
|
|
4962
4962
|
* Размер для XL брейкпоинта.
|
|
4963
4963
|
*
|
|
4964
4964
|
* @default undefined */
|
|
4965
|
-
sizeXL?: Size$
|
|
4965
|
+
sizeXL?: Size$c;
|
|
4966
4966
|
/**
|
|
4967
4967
|
* Модификация размеров.
|
|
4968
4968
|
*
|
|
4969
4969
|
* @general
|
|
4970
4970
|
* @default undefined */
|
|
4971
|
-
sizes?: Partial<Record<Size$
|
|
4971
|
+
sizes?: Partial<Record<Size$c, React.CSSProperties>>;
|
|
4972
4972
|
/**
|
|
4973
4973
|
* Вариант шаблона лейаута.
|
|
4974
4974
|
*
|
|
@@ -4976,37 +4976,37 @@ interface PopoverBaseProps extends ResponsiveSizeProps<Size$d>, ResponsiveLayout
|
|
|
4976
4976
|
*
|
|
4977
4977
|
* @general
|
|
4978
4978
|
* @default 'vertical' */
|
|
4979
|
-
layout?: Layout$
|
|
4979
|
+
layout?: Layout$3 | [DESKTOP: Layout$3, TABLET: Layout$3, MOBILE: Layout$3] | [XL: Layout$3, L: Layout$3, M: Layout$3, S: Layout$3, XS: Layout$3, XXS: Layout$3];
|
|
4980
4980
|
/**
|
|
4981
4981
|
* Лейаут для XXS брейкпоинта.
|
|
4982
4982
|
*
|
|
4983
4983
|
* @default undefined */
|
|
4984
|
-
layoutXXS?: Layout$
|
|
4984
|
+
layoutXXS?: Layout$3;
|
|
4985
4985
|
/**
|
|
4986
4986
|
* Лейаут для XS брейкпоинта.
|
|
4987
4987
|
*
|
|
4988
4988
|
* @default undefined */
|
|
4989
|
-
layoutXS?: Layout$
|
|
4989
|
+
layoutXS?: Layout$3;
|
|
4990
4990
|
/**
|
|
4991
4991
|
* Лейаут для S брейкпоинта.
|
|
4992
4992
|
*
|
|
4993
4993
|
* @default undefined */
|
|
4994
|
-
layoutS?: Layout$
|
|
4994
|
+
layoutS?: Layout$3;
|
|
4995
4995
|
/**
|
|
4996
4996
|
* Лейаут для M брейкпоинта.
|
|
4997
4997
|
*
|
|
4998
4998
|
* @default undefined */
|
|
4999
|
-
layoutM?: Layout$
|
|
4999
|
+
layoutM?: Layout$3;
|
|
5000
5000
|
/**
|
|
5001
5001
|
* Лейаут для L брейкпоинта.
|
|
5002
5002
|
*
|
|
5003
5003
|
* @default undefined */
|
|
5004
|
-
layoutL?: Layout$
|
|
5004
|
+
layoutL?: Layout$3;
|
|
5005
5005
|
/**
|
|
5006
5006
|
* Лейаут для XL брейкпоинта.
|
|
5007
5007
|
*
|
|
5008
5008
|
* @default undefined */
|
|
5009
|
-
layoutXL?: Layout$
|
|
5009
|
+
layoutXL?: Layout$3;
|
|
5010
5010
|
/**
|
|
5011
5011
|
* Кастомный рутовый блок.
|
|
5012
5012
|
*
|
|
@@ -5143,7 +5143,7 @@ type ListItemPalette = {
|
|
|
5143
5143
|
backgroundColorHover: CSSColor;
|
|
5144
5144
|
mediaPlaceholderColor: CSSColor;
|
|
5145
5145
|
};
|
|
5146
|
-
interface ListItemProps extends ResponsiveSizeProps<Size$
|
|
5146
|
+
interface ListItemProps extends ResponsiveSizeProps<Size$l, SizeValue>, ResponsiveMarginProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type'>, Omit<React.AnchorHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type' | 'media'> {
|
|
5147
5147
|
/** Root node type */
|
|
5148
5148
|
as?: React.ElementType;
|
|
5149
5149
|
/** Main text content or render function */
|
|
@@ -5221,7 +5221,7 @@ type IndicatorPalette = {
|
|
|
5221
5221
|
backgroundColor: CSSColor;
|
|
5222
5222
|
shadowColor: CSSColor;
|
|
5223
5223
|
};
|
|
5224
|
-
interface IndicatorProps extends ResponsiveSizeProps<Size$
|
|
5224
|
+
interface IndicatorProps extends ResponsiveSizeProps<Size$l, SizeValue>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
|
|
5225
5225
|
/** Custom colors */
|
|
5226
5226
|
palette?: Partial<Record<keyof IndicatorPalette, Color>>;
|
|
5227
5227
|
/** Text content */
|
|
@@ -5266,7 +5266,7 @@ type AvatarPalette = {
|
|
|
5266
5266
|
shadowColor: CSSColor;
|
|
5267
5267
|
};
|
|
5268
5268
|
type AvatarSize = SizeValue | 'sm';
|
|
5269
|
-
interface AvatarProps extends ResponsiveSizeProps<Size$
|
|
5269
|
+
interface AvatarProps extends ResponsiveSizeProps<Size$l, AvatarSize>, ResponsiveMarginProps,
|
|
5270
5270
|
/** @deprecated Use palette */
|
|
5271
5271
|
ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
|
|
5272
5272
|
/** UI: brand (v3), or default (v2) */
|
|
@@ -5577,14 +5577,14 @@ declare const Menu: React.ForwardRefExoticComponent<MenuProps> & {
|
|
|
5577
5577
|
Divider: typeof MenuDivider;
|
|
5578
5578
|
};
|
|
5579
5579
|
|
|
5580
|
-
type Size$
|
|
5581
|
-
type Layout$
|
|
5580
|
+
type Size$b = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
|
|
5581
|
+
type Layout$2 = 'vertical' | 'horizontal' | 'vertical-reverse' | 'horizontal-reverse';
|
|
5582
5582
|
type DialogComponentPalette = {
|
|
5583
5583
|
color: CSSColor;
|
|
5584
5584
|
backgroundColor: CSSColor;
|
|
5585
5585
|
shadowColor: CSSColor;
|
|
5586
5586
|
};
|
|
5587
|
-
interface DialogComponentBaseProps extends ResponsiveSizeProps<Size$
|
|
5587
|
+
interface DialogComponentBaseProps extends ResponsiveSizeProps<Size$b>, ResponsiveLayoutProps<Layout$2> {
|
|
5588
5588
|
/**
|
|
5589
5589
|
* Кнопка закрытия.
|
|
5590
5590
|
*
|
|
@@ -5754,10 +5754,10 @@ type DialogComponentProps = DialogComponentBaseProps & Omit<React.ComponentProps
|
|
|
5754
5754
|
|
|
5755
5755
|
declare const DialogComponent: React.ForwardRefExoticComponent<DialogComponentProps>;
|
|
5756
5756
|
|
|
5757
|
-
type Size$
|
|
5758
|
-
type Layout$
|
|
5757
|
+
type Size$a = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
|
|
5758
|
+
type Layout$1 = 'vertical' | 'horizontal' | 'vertical-reverse' | 'horizontal-reverse';
|
|
5759
5759
|
type Position = 'center' | 'top-center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'bottom-center' | 'left' | 'right';
|
|
5760
|
-
interface DialogBaseProps extends ResponsiveSizeProps<Size$
|
|
5760
|
+
interface DialogBaseProps extends ResponsiveSizeProps<Size$a>, ResponsiveLayoutProps<Layout$1>, ResponsivePositionProps<Position> {
|
|
5761
5761
|
/**
|
|
5762
5762
|
* Открыто диалоговое окно.
|
|
5763
5763
|
*
|
|
@@ -6048,6 +6048,21 @@ interface DialogBaseProps extends ResponsiveSizeProps<Size$b>, ResponsiveLayoutP
|
|
|
6048
6048
|
* @general
|
|
6049
6049
|
* @default false */
|
|
6050
6050
|
stickyHeader?: boolean;
|
|
6051
|
+
/**
|
|
6052
|
+
* Параметры блокировки скролла.
|
|
6053
|
+
*
|
|
6054
|
+
* @general
|
|
6055
|
+
* @default undefined */
|
|
6056
|
+
scrollLock?: {
|
|
6057
|
+
/**
|
|
6058
|
+
* Блокировать скролл.
|
|
6059
|
+
*/
|
|
6060
|
+
locked: boolean;
|
|
6061
|
+
/**
|
|
6062
|
+
* Контейнер, в котором разрешена прокрутка на iOS при заблокированном скролле страницы.
|
|
6063
|
+
*/
|
|
6064
|
+
scrollableContainer?: HTMLElement;
|
|
6065
|
+
};
|
|
6051
6066
|
/**
|
|
6052
6067
|
* Размер.
|
|
6053
6068
|
*
|
|
@@ -6055,43 +6070,43 @@ interface DialogBaseProps extends ResponsiveSizeProps<Size$b>, ResponsiveLayoutP
|
|
|
6055
6070
|
*
|
|
6056
6071
|
* @general
|
|
6057
6072
|
* @default 's' */
|
|
6058
|
-
size?: Size$
|
|
6073
|
+
size?: Size$a | [DESKTOP: Size$a, TABLET: Size$a, MOBILE: Size$a] | [XL: Size$a, L: Size$a, M: Size$a, S: Size$a, XS: Size$a, XXS: Size$a];
|
|
6059
6074
|
/**
|
|
6060
6075
|
* Размер для XXS брейкпоинта.
|
|
6061
6076
|
*
|
|
6062
6077
|
* @default undefined */
|
|
6063
|
-
sizeXXS?: Size$
|
|
6078
|
+
sizeXXS?: Size$a;
|
|
6064
6079
|
/**
|
|
6065
6080
|
* Размер для XS брейкпоинта.
|
|
6066
6081
|
*
|
|
6067
6082
|
* @default undefined */
|
|
6068
|
-
sizeXS?: Size$
|
|
6083
|
+
sizeXS?: Size$a;
|
|
6069
6084
|
/**
|
|
6070
6085
|
* Размер для S брейкпоинта.
|
|
6071
6086
|
*
|
|
6072
6087
|
* @default undefined */
|
|
6073
|
-
sizeS?: Size$
|
|
6088
|
+
sizeS?: Size$a;
|
|
6074
6089
|
/**
|
|
6075
6090
|
* Размер для M брейкпоинта.
|
|
6076
6091
|
*
|
|
6077
6092
|
* @default undefined */
|
|
6078
|
-
sizeM?: Size$
|
|
6093
|
+
sizeM?: Size$a;
|
|
6079
6094
|
/**
|
|
6080
6095
|
* Размер для L брейкпоинта.
|
|
6081
6096
|
*
|
|
6082
6097
|
* @default undefined */
|
|
6083
|
-
sizeL?: Size$
|
|
6098
|
+
sizeL?: Size$a;
|
|
6084
6099
|
/**
|
|
6085
6100
|
* Размер для XL брейкпоинта.
|
|
6086
6101
|
*
|
|
6087
6102
|
* @default undefined */
|
|
6088
|
-
sizeXL?: Size$
|
|
6103
|
+
sizeXL?: Size$a;
|
|
6089
6104
|
/**
|
|
6090
6105
|
* Модификация размеров.
|
|
6091
6106
|
*
|
|
6092
6107
|
* @general
|
|
6093
6108
|
* @default undefined */
|
|
6094
|
-
sizes?: Partial<Record<Size$
|
|
6109
|
+
sizes?: Partial<Record<Size$a, React.CSSProperties>>;
|
|
6095
6110
|
/**
|
|
6096
6111
|
* Вариант шаблона лейаута.
|
|
6097
6112
|
*
|
|
@@ -6099,37 +6114,37 @@ interface DialogBaseProps extends ResponsiveSizeProps<Size$b>, ResponsiveLayoutP
|
|
|
6099
6114
|
*
|
|
6100
6115
|
* @general
|
|
6101
6116
|
* @default 'vertical' */
|
|
6102
|
-
layout?: Layout$
|
|
6117
|
+
layout?: Layout$1 | [DESKTOP: Layout$1, TABLET: Layout$1, MOBILE: Layout$1] | [XL: Layout$1, L: Layout$1, M: Layout$1, S: Layout$1, XS: Layout$1, XXS: Layout$1];
|
|
6103
6118
|
/**
|
|
6104
6119
|
* Лейаут для XXS брейкпоинта.
|
|
6105
6120
|
*
|
|
6106
6121
|
* @default undefined */
|
|
6107
|
-
layoutXXS?: Layout$
|
|
6122
|
+
layoutXXS?: Layout$1;
|
|
6108
6123
|
/**
|
|
6109
6124
|
* Лейаут для XS брейкпоинта.
|
|
6110
6125
|
*
|
|
6111
6126
|
* @default undefined */
|
|
6112
|
-
layoutXS?: Layout$
|
|
6127
|
+
layoutXS?: Layout$1;
|
|
6113
6128
|
/**
|
|
6114
6129
|
* Лейаут для S брейкпоинта.
|
|
6115
6130
|
*
|
|
6116
6131
|
* @default undefined */
|
|
6117
|
-
layoutS?: Layout$
|
|
6132
|
+
layoutS?: Layout$1;
|
|
6118
6133
|
/**
|
|
6119
6134
|
* Лейаут для M брейкпоинта.
|
|
6120
6135
|
*
|
|
6121
6136
|
* @default undefined */
|
|
6122
|
-
layoutM?: Layout$
|
|
6137
|
+
layoutM?: Layout$1;
|
|
6123
6138
|
/**
|
|
6124
6139
|
* Лейаут для L брейкпоинта.
|
|
6125
6140
|
*
|
|
6126
6141
|
* @default undefined */
|
|
6127
|
-
layoutL?: Layout$
|
|
6142
|
+
layoutL?: Layout$1;
|
|
6128
6143
|
/**
|
|
6129
6144
|
* Лейаут для XL брейкпоинта.
|
|
6130
6145
|
*
|
|
6131
6146
|
* @default undefined */
|
|
6132
|
-
layoutXL?: Layout$
|
|
6147
|
+
layoutXL?: Layout$1;
|
|
6133
6148
|
/**
|
|
6134
6149
|
* Позиция диалога.
|
|
6135
6150
|
*
|
|
@@ -6187,223 +6202,58 @@ declare const Dialog: React.ForwardRefExoticComponent<DialogProps> & {
|
|
|
6187
6202
|
Component: typeof DialogComponent;
|
|
6188
6203
|
};
|
|
6189
6204
|
|
|
6190
|
-
type
|
|
6191
|
-
type Size$a = 'l' | 'm' | 's';
|
|
6205
|
+
type NotificationSize = 'l' | 'm' | 's';
|
|
6192
6206
|
type NotificationStatus = 'system' | 'info' | 'success' | 'error' | 'warning';
|
|
6193
|
-
type
|
|
6194
|
-
|
|
6207
|
+
type NotificationPalette = {
|
|
6208
|
+
color: CSSColor;
|
|
6209
|
+
backgroundColor: CSSColor;
|
|
6210
|
+
};
|
|
6211
|
+
interface NotificationProps extends ResponsiveSizeProps<NotificationSize>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'div'>, 'title'> {
|
|
6195
6212
|
/**
|
|
6196
|
-
*
|
|
6197
|
-
*
|
|
6198
|
-
|
|
6199
|
-
|
|
6200
|
-
withIcon?: boolean;
|
|
6213
|
+
* Пропсы для кнопки действия.
|
|
6214
|
+
* Для рендера нужно передать "onClick"
|
|
6215
|
+
*/
|
|
6216
|
+
actionButtonProps?: ButtonProps;
|
|
6201
6217
|
/**
|
|
6202
|
-
*
|
|
6203
|
-
*
|
|
6204
|
-
*
|
|
6205
|
-
|
|
6206
|
-
|
|
6207
|
-
|
|
6208
|
-
|
|
6209
|
-
};
|
|
6218
|
+
* Пропсы для компонента ссылки.
|
|
6219
|
+
* Для рендера нужно передать "to" (будет использован `theme.link`)
|
|
6220
|
+
* или "href" (будет использован нативный \<a\> элемент)
|
|
6221
|
+
*/
|
|
6222
|
+
anchorProps?: AnchorProps;
|
|
6223
|
+
/** Контент будет отображаться колонкой */
|
|
6224
|
+
contentDirectionColumn?: boolean;
|
|
6210
6225
|
/**
|
|
6211
|
-
*
|
|
6212
|
-
*
|
|
6213
|
-
|
|
6214
|
-
|
|
6226
|
+
* Пропсы для кнопки с иконкой "close".
|
|
6227
|
+
* Для рендера нужно передать "onClick"
|
|
6228
|
+
*/
|
|
6229
|
+
discardButtonProps?: Partial<IconButtonProps>;
|
|
6230
|
+
/** Пропсы для иконки слева */
|
|
6231
|
+
iconProps?: IconProps;
|
|
6232
|
+
/** Не показывать иконку слева */
|
|
6233
|
+
hideIcon?: boolean;
|
|
6234
|
+
/** Кастомные цвета */
|
|
6235
|
+
palette?: Partial<Record<keyof NotificationPalette, Color>>;
|
|
6236
|
+
/** Цветовая схема */
|
|
6215
6237
|
status?: NotificationStatus;
|
|
6216
|
-
/**
|
|
6217
|
-
|
|
6218
|
-
|
|
6219
|
-
|
|
6220
|
-
|
|
6221
|
-
|
|
6222
|
-
|
|
6223
|
-
|
|
6224
|
-
/**
|
|
6225
|
-
* Заголовок.
|
|
6226
|
-
*
|
|
6227
|
-
* Если передана строка или число используется встроенная типографика.
|
|
6228
|
-
*
|
|
6229
|
-
* @slot
|
|
6230
|
-
* @default undefined */
|
|
6231
|
-
title?: React.ReactNode | ((titleProps: TextProps) => React.ReactNode);
|
|
6232
|
-
/**
|
|
6233
|
-
* Основной текст.
|
|
6234
|
-
*
|
|
6235
|
-
* Если передана строка или число используется встроенная типографика.
|
|
6236
|
-
*
|
|
6237
|
-
* @slot
|
|
6238
|
-
* @default undefined */
|
|
6239
|
-
text?: React.ReactNode | ((textProps: TextProps) => React.ReactNode);
|
|
6240
|
-
/**
|
|
6241
|
-
* Дополнительные элементы.
|
|
6242
|
-
*
|
|
6243
|
-
* @slot
|
|
6244
|
-
* @default undefined */
|
|
6245
|
-
addon?: React.ReactNode | ((addonProps: {
|
|
6246
|
-
anchorProps: AnchorProps;
|
|
6247
|
-
buttonProps: ButtonProps;
|
|
6248
|
-
}) => React.ReactNode);
|
|
6249
|
-
/**
|
|
6250
|
-
* Кнопка закрытия.
|
|
6251
|
-
*
|
|
6252
|
-
* @slot
|
|
6253
|
-
* @default undefined */
|
|
6254
|
-
discardButton?: React.ReactNode | ((discardButtonProps: IconButtonProps) => React.ReactNode);
|
|
6255
|
-
/**
|
|
6256
|
-
* Кастомный рутовый блок.
|
|
6257
|
-
*
|
|
6258
|
-
* @slot
|
|
6259
|
-
* @default undefined */
|
|
6260
|
-
children?: React.ReactNode | ((rootProps: {
|
|
6261
|
-
iconProps: IconProps;
|
|
6262
|
-
titleProps: TextProps;
|
|
6263
|
-
textProps: TextProps;
|
|
6264
|
-
buttonProps: ButtonProps;
|
|
6265
|
-
anchorProps: AnchorProps;
|
|
6266
|
-
discardButtonProps: IconButtonProps;
|
|
6267
|
-
}) => React.ReactNode);
|
|
6268
|
-
/**
|
|
6269
|
-
* Кастомный блок с основным контентом.
|
|
6270
|
-
*
|
|
6271
|
-
* @slot
|
|
6272
|
-
* @default undefined */
|
|
6273
|
-
content?: React.ReactNode | ((contentProps: {
|
|
6274
|
-
titleProps: TextProps;
|
|
6275
|
-
textProps: TextProps;
|
|
6276
|
-
}) => React.ReactNode);
|
|
6277
|
-
/**
|
|
6278
|
-
* Размер.
|
|
6279
|
-
*
|
|
6280
|
-
* Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
|
|
6281
|
-
*
|
|
6282
|
-
* @general
|
|
6283
|
-
* @default 'm' */
|
|
6284
|
-
size?: Size$a | [DESKTOP: Size$a, TABLET: Size$a, MOBILE: Size$a] | [XL: Size$a, L: Size$a, M: Size$a, S: Size$a, XS: Size$a, XXS: Size$a];
|
|
6285
|
-
/**
|
|
6286
|
-
* Размер для XXS брейкпоинта.
|
|
6287
|
-
*
|
|
6288
|
-
* @default undefined */
|
|
6289
|
-
sizeXXS?: Size$a;
|
|
6290
|
-
/**
|
|
6291
|
-
* Размер для XS брейкпоинта.
|
|
6292
|
-
*
|
|
6293
|
-
* @default undefined */
|
|
6294
|
-
sizeXS?: Size$a;
|
|
6295
|
-
/**
|
|
6296
|
-
* Размер для S брейкпоинта.
|
|
6297
|
-
*
|
|
6298
|
-
* @default undefined */
|
|
6299
|
-
sizeS?: Size$a;
|
|
6300
|
-
/**
|
|
6301
|
-
* Размер для M брейкпоинта.
|
|
6302
|
-
*
|
|
6303
|
-
* @default undefined */
|
|
6304
|
-
sizeM?: Size$a;
|
|
6305
|
-
/**
|
|
6306
|
-
* Размер для L брейкпоинта.
|
|
6307
|
-
*
|
|
6308
|
-
* @default undefined */
|
|
6309
|
-
sizeL?: Size$a;
|
|
6310
|
-
/**
|
|
6311
|
-
* Размер для XL брейкпоинта.
|
|
6312
|
-
*
|
|
6313
|
-
* @default undefined */
|
|
6314
|
-
sizeXL?: Size$a;
|
|
6315
|
-
/**
|
|
6316
|
-
* Модификация размеров.
|
|
6317
|
-
*
|
|
6318
|
-
* @general
|
|
6319
|
-
* @default undefined */
|
|
6320
|
-
sizes?: Partial<Record<Size$a, React.CSSProperties>>;
|
|
6321
|
-
/**
|
|
6322
|
-
* Вариант шаблона лейаута.
|
|
6323
|
-
*
|
|
6324
|
-
* Использование кортежей включает применение шаблонов в зависимости от ширины вьюпорта.
|
|
6325
|
-
*
|
|
6326
|
-
* @general
|
|
6327
|
-
* @default 'horizontal' */
|
|
6328
|
-
layout?: Layout$1 | [DESKTOP: Layout$1, TABLET: Layout$1, MOBILE: Layout$1] | [XL: Layout$1, L: Layout$1, M: Layout$1, S: Layout$1, XS: Layout$1, XXS: Layout$1];
|
|
6329
|
-
/**
|
|
6330
|
-
* Лейаут для XXS брейкпоинта.
|
|
6331
|
-
*
|
|
6332
|
-
* @default undefined */
|
|
6333
|
-
layoutXXS?: Layout$1;
|
|
6334
|
-
/**
|
|
6335
|
-
* Лейаут для XS брейкпоинта.
|
|
6336
|
-
*
|
|
6337
|
-
* @default undefined */
|
|
6338
|
-
layoutXS?: Layout$1;
|
|
6339
|
-
/**
|
|
6340
|
-
* Лейаут для S брейкпоинта.
|
|
6341
|
-
*
|
|
6342
|
-
* @default undefined */
|
|
6343
|
-
layoutS?: Layout$1;
|
|
6344
|
-
/**
|
|
6345
|
-
* Лейаут для M брейкпоинта.
|
|
6346
|
-
*
|
|
6347
|
-
* @default undefined */
|
|
6348
|
-
layoutM?: Layout$1;
|
|
6349
|
-
/**
|
|
6350
|
-
* Лейаут для L брейкпоинта.
|
|
6351
|
-
*
|
|
6352
|
-
* @default undefined */
|
|
6353
|
-
layoutL?: Layout$1;
|
|
6354
|
-
/**
|
|
6355
|
-
* Лейаут для XL брейкпоинта.
|
|
6356
|
-
*
|
|
6357
|
-
* @default undefined */
|
|
6358
|
-
layoutXL?: Layout$1;
|
|
6359
|
-
/**
|
|
6360
|
-
* Внешние отступы.
|
|
6361
|
-
*
|
|
6362
|
-
* Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
|
|
6363
|
-
*
|
|
6364
|
-
* @general
|
|
6365
|
-
* @default undefined */
|
|
6366
|
-
margin?: Margin$8 | [DESKTOP: Margin$8, TABLET: Margin$8, MOBILE: Margin$8] | [XL: Margin$8, L: Margin$8, M: Margin$8, S: Margin$8, XS: Margin$8, XXS: Margin$8];
|
|
6367
|
-
/**
|
|
6368
|
-
* Отступ для XXS брейкпоинта.
|
|
6369
|
-
*
|
|
6370
|
-
* @default undefined */
|
|
6371
|
-
marginXXS?: Margin$8;
|
|
6372
|
-
/**
|
|
6373
|
-
* Отступ для XS брейкпоинта.
|
|
6374
|
-
*
|
|
6375
|
-
* @default undefined */
|
|
6376
|
-
marginXS?: Margin$8;
|
|
6377
|
-
/**
|
|
6378
|
-
* Отступ для S брейкпоинта.
|
|
6379
|
-
*
|
|
6380
|
-
* @default undefined */
|
|
6381
|
-
marginS?: Margin$8;
|
|
6382
|
-
/**
|
|
6383
|
-
* Отступ для M брейкпоинта.
|
|
6384
|
-
*
|
|
6385
|
-
* @default undefined */
|
|
6386
|
-
marginM?: Margin$8;
|
|
6387
|
-
/**
|
|
6388
|
-
* Отступ для L брейкпоинта.
|
|
6389
|
-
*
|
|
6390
|
-
* @default undefined */
|
|
6391
|
-
marginL?: Margin$8;
|
|
6392
|
-
/**
|
|
6393
|
-
* Отступ для XL брейкпоинта.
|
|
6394
|
-
*
|
|
6395
|
-
* @default undefined */
|
|
6396
|
-
marginXL?: Margin$8;
|
|
6238
|
+
/** Основной контент */
|
|
6239
|
+
text?: React.ReactNode;
|
|
6240
|
+
/** Пропсы типографики для основного текста */
|
|
6241
|
+
textProps?: TextProps;
|
|
6242
|
+
/** Контент заголовка */
|
|
6243
|
+
title?: React.ReactNode;
|
|
6244
|
+
/** Пропсы типографики для заголовка */
|
|
6245
|
+
titleProps?: TextProps;
|
|
6397
6246
|
}
|
|
6398
6247
|
|
|
6399
6248
|
/**
|
|
6400
6249
|
*
|
|
6401
|
-
*
|
|
6250
|
+
* Компонент поддерживает все атрибуты \<div\> элемента.
|
|
6402
6251
|
*
|
|
6403
|
-
*
|
|
6252
|
+
* Можно передать "ref", который будет ассоциирован с рутовым элементом.
|
|
6404
6253
|
*
|
|
6405
|
-
*
|
|
6254
|
+
* Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.
|
|
6406
6255
|
*
|
|
6256
|
+
* Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Notification/types.ts).
|
|
6407
6257
|
*/
|
|
6408
6258
|
declare const Notification: React.ForwardRefExoticComponent<NotificationProps>;
|
|
6409
6259
|
|
|
@@ -7605,9 +7455,21 @@ declare const useScrollMonitor: ({ target, scrollThrottleMS, scrollEndDebounceMS
|
|
|
7605
7455
|
listenerOptions?: AddEventListenerOptions | boolean;
|
|
7606
7456
|
}) => void;
|
|
7607
7457
|
|
|
7458
|
+
type ScrollLockParams = {
|
|
7459
|
+
/**
|
|
7460
|
+
* Блокировать скролл.
|
|
7461
|
+
*/
|
|
7462
|
+
locked: boolean;
|
|
7463
|
+
/**
|
|
7464
|
+
* Контейнер, в котором разрешена прокрутка на iOS при заблокированном скролле страницы.
|
|
7465
|
+
*/
|
|
7466
|
+
scrollableContainer?: HTMLElement;
|
|
7467
|
+
};
|
|
7468
|
+
declare function useScrollLock(params: ScrollLockParams): void;
|
|
7469
|
+
|
|
7608
7470
|
declare const vAlign: (align: "top" | "middle" | "bottom" | "text-top" | "text-bottom" | "baseline") => styled_components.FlattenSimpleInterpolation;
|
|
7609
7471
|
|
|
7610
|
-
declare function buildMediaQuery(value: number | Size$
|
|
7472
|
+
declare function buildMediaQuery(value: number | Size$l | 'auto' | 'initial' | 'inherit' | boolean, property: string | ((_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null), screenQueryFunction: typeof screenXs, sizing: null | string, sizes?: Record<Size$l, number>): ReturnType<typeof css>;
|
|
7611
7473
|
declare const desktopFirst: (a: string, b: string) => number;
|
|
7612
7474
|
declare const mobileFirst: (a: string, b: string) => number;
|
|
7613
7475
|
|
|
@@ -10391,4 +10253,4 @@ type AddElementProps = AddElementBaseProps & Omit<React.ComponentPropsWithRef<'b
|
|
|
10391
10253
|
*/
|
|
10392
10254
|
declare const AddElement: React.ForwardRefExoticComponent<AddElementProps>;
|
|
10393
10255
|
|
|
10394
|
-
export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, AddElement, type AddElementProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, ColorNames, type ColorPaletteKey, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, type DividerProps, type DomTarget, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconISOCode, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, Paper, type PaperProps, type PlaygroundToolbar, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle$1 as ProgressCircle, type ProgressCircleProps$1 as ProgressCircleProps, ProgressLine, type ProgressLineProps, type ProgressProps, type ProgressSegmentedProps, type RGB, type RGBA, Radio, type RadioProps, type ResponsiveLayoutInterpolationProps, type ResponsiveLayoutProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, Separator, type SeparatorProps, type Size$
|
|
10256
|
+
export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, AddElement, type AddElementProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, ColorNames, type ColorPaletteKey, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, type DividerProps, type DomTarget, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconISOCode, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, Paper, type PaperProps, type PlaygroundToolbar, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle$1 as ProgressCircle, type ProgressCircleProps$1 as ProgressCircleProps, ProgressLine, type ProgressLineProps, type ProgressProps, type ProgressSegmentedProps, type RGB, type RGBA, Radio, type RadioProps, type ResponsiveLayoutInterpolationProps, type ResponsiveLayoutProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, Separator, type SeparatorProps, type Size$l as Size, type SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, TabList, type TabListPanelProps, type TabListProps, type TabListTabProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextEllipseProps, type TextHeadingProps, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, type ToolbarControl, Tooltip, type TooltipComponentProps, type TooltipProps, type WithThemePreset, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useScrollLock, useScrollMonitor, vAlign };
|