@foxford/ui 2.97.0 → 2.98.0-beta-a38f477-20260225
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/Avatar/Avatar.js +1 -1
- package/components/Avatar/Avatar.js.map +1 -1
- package/components/Avatar/Avatar.mjs +1 -1
- package/components/Avatar/Avatar.mjs.map +1 -1
- package/components/Avatar/sizes.js +2 -0
- package/components/Avatar/sizes.js.map +1 -0
- package/components/Avatar/sizes.mjs +2 -0
- package/components/Avatar/sizes.mjs.map +1 -0
- package/components/Chip/constants.js +1 -1
- package/components/Chip/constants.js.map +1 -1
- package/components/Chip/constants.mjs +1 -1
- package/components/Chip/constants.mjs.map +1 -1
- package/dts/index.d.ts +279 -161
- package/package.json +2 -2
- package/components/Avatar/constants.js +0 -2
- package/components/Avatar/constants.js.map +0 -1
- package/components/Avatar/constants.mjs +0 -2
- package/components/Avatar/constants.mjs.map +0 -1
- package/components/Avatar/default-constants.js +0 -2
- package/components/Avatar/default-constants.js.map +0 -1
- package/components/Avatar/default-constants.mjs +0 -2
- package/components/Avatar/default-constants.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$1 = Size$
|
|
885
|
+
type Size$p = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
886
|
+
type SizeValue$1 = Size$p | 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}`;
|
|
@@ -942,7 +942,7 @@ interface ToolbarControl<T = Record<string, unknown>> {
|
|
|
942
942
|
type PlaygroundToolbar<T = Record<string, unknown>> = Record<string, ToolbarControl<T>[] | ToolbarControl<T>[][]>;
|
|
943
943
|
type WrappedComponentProps = {
|
|
944
944
|
preset?: ThemePreset;
|
|
945
|
-
sizes?: Partial<Record<Size$
|
|
945
|
+
sizes?: Partial<Record<Size$p, React.CSSProperties>>;
|
|
946
946
|
palette?: Partial<Record<ColorPaletteKey, Color>>;
|
|
947
947
|
};
|
|
948
948
|
type WithMergedPropsOptions<T extends WrappedComponentProps> = {
|
|
@@ -987,21 +987,21 @@ declare const adultDarkTheme: DefaultTheme;
|
|
|
987
987
|
/**
|
|
988
988
|
* Value for breakpoint
|
|
989
989
|
*/
|
|
990
|
-
type PossibleValues = number | Size$
|
|
990
|
+
type PossibleValues = number | Size$p | 'auto' | 'initial' | 'inherit' | boolean;
|
|
991
991
|
type PropsProperties = 'size' | 'fontSize' | 'height' | 'width' | 'top' | 'right' | 'bottom' | 'left' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'fluid';
|
|
992
992
|
type CalcProperty = (_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null;
|
|
993
993
|
type CssProperty = string | CalcProperty;
|
|
994
994
|
type ResponsiveKeys = '' | 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
|
|
995
995
|
type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = Partial<Record<`${T}${ResponsiveKeys}`, V>>;
|
|
996
|
-
type ResponsiveProperty<V = number | Size$
|
|
997
|
-
declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$
|
|
996
|
+
type ResponsiveProperty<V = number | Size$p> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
|
|
997
|
+
declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$p, number>) => () => () => FlattenSimpleInterpolation | null;
|
|
998
998
|
interface ResponsiveNamedPropertyPayload<T extends PropsProperties> {
|
|
999
999
|
sizes: ResponsiveNamedProperty<T>;
|
|
1000
1000
|
cssProperty: CssProperty;
|
|
1001
1001
|
sizing?: null | string;
|
|
1002
1002
|
customSizeHandler?: (_value: PossibleValues) => PossibleValues;
|
|
1003
1003
|
sort?: (_a: string, _b: string) => number;
|
|
1004
|
-
predefinedSizes?: Record<Size$
|
|
1004
|
+
predefinedSizes?: Record<Size$p, number>;
|
|
1005
1005
|
}
|
|
1006
1006
|
/**
|
|
1007
1007
|
* Миксин для генерации media запросов
|
|
@@ -1102,7 +1102,7 @@ interface ExpandButtonProps extends React.ComponentPropsWithoutRef<'button'> {
|
|
|
1102
1102
|
/** Кастомные цвета */
|
|
1103
1103
|
palette?: Partial<Record<keyof ExpandButtonPalette, Color>>;
|
|
1104
1104
|
}
|
|
1105
|
-
interface TextProps extends ResponsiveSizeProps<Size$
|
|
1105
|
+
interface TextProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps,
|
|
1106
1106
|
/** @deprecated */
|
|
1107
1107
|
DisplayProperty, ColorProperty, Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<React.BlockquoteHTMLAttributes<HTMLElement>, 'color'>, Omit<React.LabelHTMLAttributes<HTMLElement>, 'color'> {
|
|
1108
1108
|
/** Применение присета стилей и размеров */
|
|
@@ -2864,11 +2864,11 @@ type IconISOCode =
|
|
|
2864
2864
|
| 'af'
|
|
2865
2865
|
|
|
2866
2866
|
type SizeIcon = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
2867
|
-
type Size$
|
|
2868
|
-
type Margin$
|
|
2867
|
+
type Size$o = SizeIcon | number | 'inherit';
|
|
2868
|
+
type Margin$f = number | string;
|
|
2869
2869
|
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';
|
|
2870
2870
|
type IconName = IconName$1 | IconNameDefault | IconISOCode;
|
|
2871
|
-
interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$
|
|
2871
|
+
interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$o>, ResponsiveMarginProps {
|
|
2872
2872
|
/**
|
|
2873
2873
|
* Версия компонента: v3 ("brand") или v2 ("default").
|
|
2874
2874
|
*
|
|
@@ -2905,37 +2905,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$n>, Responsiv
|
|
|
2905
2905
|
*
|
|
2906
2906
|
* @general
|
|
2907
2907
|
* @default 'inherit' */
|
|
2908
|
-
size?: Size$
|
|
2908
|
+
size?: Size$o | [DESKTOP: Size$o, TABLET: Size$o, MOBILE: Size$o] | [XL: Size$o, L: Size$o, M: Size$o, S: Size$o, XS: Size$o, XXS: Size$o];
|
|
2909
2909
|
/**
|
|
2910
2910
|
* Размер для XXS брейкпоинта.
|
|
2911
2911
|
*
|
|
2912
2912
|
* @default undefined */
|
|
2913
|
-
sizeXXS?: Size$
|
|
2913
|
+
sizeXXS?: Size$o;
|
|
2914
2914
|
/**
|
|
2915
2915
|
* Размер для XS брейкпоинта.
|
|
2916
2916
|
*
|
|
2917
2917
|
* @default undefined */
|
|
2918
|
-
sizeXS?: Size$
|
|
2918
|
+
sizeXS?: Size$o;
|
|
2919
2919
|
/**
|
|
2920
2920
|
* Размер для S брейкпоинта.
|
|
2921
2921
|
*
|
|
2922
2922
|
* @default undefined */
|
|
2923
|
-
sizeS?: Size$
|
|
2923
|
+
sizeS?: Size$o;
|
|
2924
2924
|
/**
|
|
2925
2925
|
* Размер для M брейкпоинта.
|
|
2926
2926
|
*
|
|
2927
2927
|
* @default undefined */
|
|
2928
|
-
sizeM?: Size$
|
|
2928
|
+
sizeM?: Size$o;
|
|
2929
2929
|
/**
|
|
2930
2930
|
* Размер для L брейкпоинта.
|
|
2931
2931
|
*
|
|
2932
2932
|
* @default undefined */
|
|
2933
|
-
sizeL?: Size$
|
|
2933
|
+
sizeL?: Size$o;
|
|
2934
2934
|
/**
|
|
2935
2935
|
* Размер для XL брейкпоинта.
|
|
2936
2936
|
*
|
|
2937
2937
|
* @default undefined */
|
|
2938
|
-
sizeXL?: Size$
|
|
2938
|
+
sizeXL?: Size$o;
|
|
2939
2939
|
/**
|
|
2940
2940
|
* Модификация размеров.
|
|
2941
2941
|
*
|
|
@@ -2949,37 +2949,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$n>, Responsiv
|
|
|
2949
2949
|
*
|
|
2950
2950
|
* @general
|
|
2951
2951
|
* @default undefined */
|
|
2952
|
-
margin?: Margin$
|
|
2952
|
+
margin?: Margin$f | [DESKTOP: Margin$f, TABLET: Margin$f, MOBILE: Margin$f] | [XL: Margin$f, L: Margin$f, M: Margin$f, S: Margin$f, XS: Margin$f, XXS: Margin$f];
|
|
2953
2953
|
/**
|
|
2954
2954
|
* Отступ для XXS брейкпоинта.
|
|
2955
2955
|
*
|
|
2956
2956
|
* @default undefined */
|
|
2957
|
-
marginXXS?: Margin$
|
|
2957
|
+
marginXXS?: Margin$f;
|
|
2958
2958
|
/**
|
|
2959
2959
|
* Отступ для XS брейкпоинта.
|
|
2960
2960
|
*
|
|
2961
2961
|
* @default undefined */
|
|
2962
|
-
marginXS?: Margin$
|
|
2962
|
+
marginXS?: Margin$f;
|
|
2963
2963
|
/**
|
|
2964
2964
|
* Отступ для S брейкпоинта.
|
|
2965
2965
|
*
|
|
2966
2966
|
* @default undefined */
|
|
2967
|
-
marginS?: Margin$
|
|
2967
|
+
marginS?: Margin$f;
|
|
2968
2968
|
/**
|
|
2969
2969
|
* Отступ для M брейкпоинта.
|
|
2970
2970
|
*
|
|
2971
2971
|
* @default undefined */
|
|
2972
|
-
marginM?: Margin$
|
|
2972
|
+
marginM?: Margin$f;
|
|
2973
2973
|
/**
|
|
2974
2974
|
* Отступ для L брейкпоинта.
|
|
2975
2975
|
*
|
|
2976
2976
|
* @default undefined */
|
|
2977
|
-
marginL?: Margin$
|
|
2977
|
+
marginL?: Margin$f;
|
|
2978
2978
|
/**
|
|
2979
2979
|
* Отступ для XL брейкпоинта.
|
|
2980
2980
|
*
|
|
2981
2981
|
* @default undefined */
|
|
2982
|
-
marginXL?: Margin$
|
|
2982
|
+
marginXL?: Margin$f;
|
|
2983
2983
|
/** @ignore @deprecated */
|
|
2984
2984
|
as?: React.ElementType;
|
|
2985
2985
|
}
|
|
@@ -3074,10 +3074,10 @@ interface Location$1 extends Path {
|
|
|
3074
3074
|
key: Key;
|
|
3075
3075
|
}
|
|
3076
3076
|
|
|
3077
|
-
type Size$
|
|
3078
|
-
type SizeValue = Size$
|
|
3079
|
-
type Margin$
|
|
3080
|
-
interface AnchorProps extends ResponsiveSizeProps<Size$
|
|
3077
|
+
type Size$n = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
3078
|
+
type SizeValue = Size$n | 'initial' | 'inherit' | 'unset' | 'revert' | 'revert-layer' | number;
|
|
3079
|
+
type Margin$e = number | string;
|
|
3080
|
+
interface AnchorProps extends ResponsiveSizeProps<Size$n, SizeValue>, ResponsiveMarginProps,
|
|
3081
3081
|
/** @deprecated Use palette */
|
|
3082
3082
|
ColorProperty<'color'>,
|
|
3083
3083
|
/** @deprecated Use children as function */
|
|
@@ -3207,7 +3207,7 @@ DisplayProperty {
|
|
|
3207
3207
|
*
|
|
3208
3208
|
* @general
|
|
3209
3209
|
* @default undefined */
|
|
3210
|
-
sizes?: Partial<Record<Size$
|
|
3210
|
+
sizes?: Partial<Record<Size$n, React.CSSProperties>>;
|
|
3211
3211
|
/**
|
|
3212
3212
|
* Внешние отступы.
|
|
3213
3213
|
*
|
|
@@ -3215,37 +3215,37 @@ DisplayProperty {
|
|
|
3215
3215
|
*
|
|
3216
3216
|
* @general
|
|
3217
3217
|
* @default undefined */
|
|
3218
|
-
margin?: Margin$
|
|
3218
|
+
margin?: Margin$e | [DESKTOP: Margin$e, TABLET: Margin$e, MOBILE: Margin$e] | [XL: Margin$e, L: Margin$e, M: Margin$e, S: Margin$e, XS: Margin$e, XXS: Margin$e];
|
|
3219
3219
|
/**
|
|
3220
3220
|
* Отступ для XXS брейкпоинта.
|
|
3221
3221
|
*
|
|
3222
3222
|
* @default undefined */
|
|
3223
|
-
marginXXS?: Margin$
|
|
3223
|
+
marginXXS?: Margin$e;
|
|
3224
3224
|
/**
|
|
3225
3225
|
* Отступ для XS брейкпоинта.
|
|
3226
3226
|
*
|
|
3227
3227
|
* @default undefined */
|
|
3228
|
-
marginXS?: Margin$
|
|
3228
|
+
marginXS?: Margin$e;
|
|
3229
3229
|
/**
|
|
3230
3230
|
* Отступ для S брейкпоинта.
|
|
3231
3231
|
*
|
|
3232
3232
|
* @default undefined */
|
|
3233
|
-
marginS?: Margin$
|
|
3233
|
+
marginS?: Margin$e;
|
|
3234
3234
|
/**
|
|
3235
3235
|
* Отступ для M брейкпоинта.
|
|
3236
3236
|
*
|
|
3237
3237
|
* @default undefined */
|
|
3238
|
-
marginM?: Margin$
|
|
3238
|
+
marginM?: Margin$e;
|
|
3239
3239
|
/**
|
|
3240
3240
|
* Отступ для L брейкпоинта.
|
|
3241
3241
|
*
|
|
3242
3242
|
* @default undefined */
|
|
3243
|
-
marginL?: Margin$
|
|
3243
|
+
marginL?: Margin$e;
|
|
3244
3244
|
/**
|
|
3245
3245
|
* Отступ для XL брейкпоинта.
|
|
3246
3246
|
*
|
|
3247
3247
|
* @default undefined */
|
|
3248
|
-
marginXL?: Margin$
|
|
3248
|
+
marginXL?: Margin$e;
|
|
3249
3249
|
/** @ignore @deprecated */
|
|
3250
3250
|
replace?: boolean;
|
|
3251
3251
|
/** @ignore */
|
|
@@ -3269,9 +3269,9 @@ type PolymorphicAnchorProps = PolymorphicComponentProps<'a', AnchorProps>;
|
|
|
3269
3269
|
*/
|
|
3270
3270
|
declare const Anchor: <C extends React.ElementType = "a">(props: PolymorphicComponentProps<C, AnchorProps>) => React.ReactElement | null;
|
|
3271
3271
|
|
|
3272
|
-
type Size$
|
|
3273
|
-
type Margin$
|
|
3274
|
-
interface ButtonBaseProps extends ResponsiveSizeProps<Size$
|
|
3272
|
+
type Size$m = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
3273
|
+
type Margin$d = number | string;
|
|
3274
|
+
interface ButtonBaseProps extends ResponsiveSizeProps<Size$m>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>,
|
|
3275
3275
|
/** @deprecated */
|
|
3276
3276
|
ColorProperty,
|
|
3277
3277
|
/** @deprecated */
|
|
@@ -3442,43 +3442,43 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
|
|
|
3442
3442
|
*
|
|
3443
3443
|
* @general
|
|
3444
3444
|
* @default 'm' */
|
|
3445
|
-
size?: Size$
|
|
3445
|
+
size?: Size$m | [DESKTOP: Size$m, TABLET: Size$m, MOBILE: Size$m] | [XL: Size$m, L: Size$m, M: Size$m, S: Size$m, XS: Size$m, XXS: Size$m];
|
|
3446
3446
|
/**
|
|
3447
3447
|
* Размер для XXS брейкпоинта.
|
|
3448
3448
|
*
|
|
3449
3449
|
* @default undefined */
|
|
3450
|
-
sizeXXS?: Size$
|
|
3450
|
+
sizeXXS?: Size$m;
|
|
3451
3451
|
/**
|
|
3452
3452
|
* Размер для XS брейкпоинта.
|
|
3453
3453
|
*
|
|
3454
3454
|
* @default undefined */
|
|
3455
|
-
sizeXS?: Size$
|
|
3455
|
+
sizeXS?: Size$m;
|
|
3456
3456
|
/**
|
|
3457
3457
|
* Размер для S брейкпоинта.
|
|
3458
3458
|
*
|
|
3459
3459
|
* @default undefined */
|
|
3460
|
-
sizeS?: Size$
|
|
3460
|
+
sizeS?: Size$m;
|
|
3461
3461
|
/**
|
|
3462
3462
|
* Размер для M брейкпоинта.
|
|
3463
3463
|
*
|
|
3464
3464
|
* @default undefined */
|
|
3465
|
-
sizeM?: Size$
|
|
3465
|
+
sizeM?: Size$m;
|
|
3466
3466
|
/**
|
|
3467
3467
|
* Размер для L брейкпоинта.
|
|
3468
3468
|
*
|
|
3469
3469
|
* @default undefined */
|
|
3470
|
-
sizeL?: Size$
|
|
3470
|
+
sizeL?: Size$m;
|
|
3471
3471
|
/**
|
|
3472
3472
|
* Размер для XL брейкпоинта.
|
|
3473
3473
|
*
|
|
3474
3474
|
* @default undefined */
|
|
3475
|
-
sizeXL?: Size$
|
|
3475
|
+
sizeXL?: Size$m;
|
|
3476
3476
|
/**
|
|
3477
3477
|
* Модификация размеров.
|
|
3478
3478
|
*
|
|
3479
3479
|
* @general
|
|
3480
3480
|
* @default undefined */
|
|
3481
|
-
sizes?: Partial<Record<Size$
|
|
3481
|
+
sizes?: Partial<Record<Size$m, React.CSSProperties>>;
|
|
3482
3482
|
/**
|
|
3483
3483
|
* Внешние отступы.
|
|
3484
3484
|
*
|
|
@@ -3486,37 +3486,37 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
|
|
|
3486
3486
|
*
|
|
3487
3487
|
* @general
|
|
3488
3488
|
* @default undefined */
|
|
3489
|
-
margin?: Margin$
|
|
3489
|
+
margin?: Margin$d | [DESKTOP: Margin$d, TABLET: Margin$d, MOBILE: Margin$d] | [XL: Margin$d, L: Margin$d, M: Margin$d, S: Margin$d, XS: Margin$d, XXS: Margin$d];
|
|
3490
3490
|
/**
|
|
3491
3491
|
* Отступ для XXS брейкпоинта.
|
|
3492
3492
|
*
|
|
3493
3493
|
* @default undefined */
|
|
3494
|
-
marginXXS?: Margin$
|
|
3494
|
+
marginXXS?: Margin$d;
|
|
3495
3495
|
/**
|
|
3496
3496
|
* Отступ для XS брейкпоинта.
|
|
3497
3497
|
*
|
|
3498
3498
|
* @default undefined */
|
|
3499
|
-
marginXS?: Margin$
|
|
3499
|
+
marginXS?: Margin$d;
|
|
3500
3500
|
/**
|
|
3501
3501
|
* Отступ для S брейкпоинта.
|
|
3502
3502
|
*
|
|
3503
3503
|
* @default undefined */
|
|
3504
|
-
marginS?: Margin$
|
|
3504
|
+
marginS?: Margin$d;
|
|
3505
3505
|
/**
|
|
3506
3506
|
* Отступ для M брейкпоинта.
|
|
3507
3507
|
*
|
|
3508
3508
|
* @default undefined */
|
|
3509
|
-
marginM?: Margin$
|
|
3509
|
+
marginM?: Margin$d;
|
|
3510
3510
|
/**
|
|
3511
3511
|
* Отступ для L брейкпоинта.
|
|
3512
3512
|
*
|
|
3513
3513
|
* @default undefined */
|
|
3514
|
-
marginL?: Margin$
|
|
3514
|
+
marginL?: Margin$d;
|
|
3515
3515
|
/**
|
|
3516
3516
|
* Отступ для XL брейкпоинта.
|
|
3517
3517
|
*
|
|
3518
3518
|
* @default undefined */
|
|
3519
|
-
marginXL?: Margin$
|
|
3519
|
+
marginXL?: Margin$d;
|
|
3520
3520
|
/** @ignore */
|
|
3521
3521
|
primary?: boolean;
|
|
3522
3522
|
/** @ignore */
|
|
@@ -3607,9 +3607,9 @@ interface AlertProps extends BaseProps {
|
|
|
3607
3607
|
|
|
3608
3608
|
declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
|
|
3609
3609
|
|
|
3610
|
-
type Size$
|
|
3611
|
-
type Margin$
|
|
3612
|
-
interface ArrowProps extends ResponsiveSizeProps<Size$
|
|
3610
|
+
type Size$l = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
3611
|
+
type Margin$c = number | string;
|
|
3612
|
+
interface ArrowProps extends ResponsiveSizeProps<Size$l, SizeValue$1>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
|
|
3613
3613
|
/**
|
|
3614
3614
|
* Версия компонента: v3 ("brand") или v2 ("default").
|
|
3615
3615
|
*
|
|
@@ -3691,43 +3691,43 @@ interface ArrowProps extends ResponsiveSizeProps<Size$k, SizeValue$1>, Responsiv
|
|
|
3691
3691
|
*
|
|
3692
3692
|
* @general
|
|
3693
3693
|
* @default 'l' */
|
|
3694
|
-
size?: Size$
|
|
3694
|
+
size?: Size$l | [DESKTOP: Size$l, TABLET: Size$l, MOBILE: Size$l] | [XL: Size$l, L: Size$l, M: Size$l, S: Size$l, XS: Size$l, XXS: Size$l];
|
|
3695
3695
|
/**
|
|
3696
3696
|
* Размер для XXS брейкпоинта.
|
|
3697
3697
|
*
|
|
3698
3698
|
* @default undefined */
|
|
3699
|
-
sizeXXS?: Size$
|
|
3699
|
+
sizeXXS?: Size$l;
|
|
3700
3700
|
/**
|
|
3701
3701
|
* Размер для XS брейкпоинта.
|
|
3702
3702
|
*
|
|
3703
3703
|
* @default undefined */
|
|
3704
|
-
sizeXS?: Size$
|
|
3704
|
+
sizeXS?: Size$l;
|
|
3705
3705
|
/**
|
|
3706
3706
|
* Размер для S брейкпоинта.
|
|
3707
3707
|
*
|
|
3708
3708
|
* @default undefined */
|
|
3709
|
-
sizeS?: Size$
|
|
3709
|
+
sizeS?: Size$l;
|
|
3710
3710
|
/**
|
|
3711
3711
|
* Размер для M брейкпоинта.
|
|
3712
3712
|
*
|
|
3713
3713
|
* @default undefined */
|
|
3714
|
-
sizeM?: Size$
|
|
3714
|
+
sizeM?: Size$l;
|
|
3715
3715
|
/**
|
|
3716
3716
|
* Размер для L брейкпоинта.
|
|
3717
3717
|
*
|
|
3718
3718
|
* @default undefined */
|
|
3719
|
-
sizeL?: Size$
|
|
3719
|
+
sizeL?: Size$l;
|
|
3720
3720
|
/**
|
|
3721
3721
|
* Размер для XL брейкпоинта.
|
|
3722
3722
|
*
|
|
3723
3723
|
* @default undefined */
|
|
3724
|
-
sizeXL?: Size$
|
|
3724
|
+
sizeXL?: Size$l;
|
|
3725
3725
|
/**
|
|
3726
3726
|
* Модификация размеров.
|
|
3727
3727
|
*
|
|
3728
3728
|
* @general
|
|
3729
3729
|
* @default undefined */
|
|
3730
|
-
sizes?: Partial<Record<Size$
|
|
3730
|
+
sizes?: Partial<Record<Size$l, React.CSSProperties>>;
|
|
3731
3731
|
/**
|
|
3732
3732
|
* Внешние отступы.
|
|
3733
3733
|
*
|
|
@@ -3735,37 +3735,37 @@ interface ArrowProps extends ResponsiveSizeProps<Size$k, SizeValue$1>, Responsiv
|
|
|
3735
3735
|
*
|
|
3736
3736
|
* @general
|
|
3737
3737
|
* @default undefined */
|
|
3738
|
-
margin?: Margin$
|
|
3738
|
+
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];
|
|
3739
3739
|
/**
|
|
3740
3740
|
* Отступ для XXS брейкпоинта.
|
|
3741
3741
|
*
|
|
3742
3742
|
* @default undefined */
|
|
3743
|
-
marginXXS?: Margin$
|
|
3743
|
+
marginXXS?: Margin$c;
|
|
3744
3744
|
/**
|
|
3745
3745
|
* Отступ для XS брейкпоинта.
|
|
3746
3746
|
*
|
|
3747
3747
|
* @default undefined */
|
|
3748
|
-
marginXS?: Margin$
|
|
3748
|
+
marginXS?: Margin$c;
|
|
3749
3749
|
/**
|
|
3750
3750
|
* Отступ для S брейкпоинта.
|
|
3751
3751
|
*
|
|
3752
3752
|
* @default undefined */
|
|
3753
|
-
marginS?: Margin$
|
|
3753
|
+
marginS?: Margin$c;
|
|
3754
3754
|
/**
|
|
3755
3755
|
* Отступ для M брейкпоинта.
|
|
3756
3756
|
*
|
|
3757
3757
|
* @default undefined */
|
|
3758
|
-
marginM?: Margin$
|
|
3758
|
+
marginM?: Margin$c;
|
|
3759
3759
|
/**
|
|
3760
3760
|
* Отступ для L брейкпоинта.
|
|
3761
3761
|
*
|
|
3762
3762
|
* @default undefined */
|
|
3763
|
-
marginL?: Margin$
|
|
3763
|
+
marginL?: Margin$c;
|
|
3764
3764
|
/**
|
|
3765
3765
|
* Отступ для XL брейкпоинта.
|
|
3766
3766
|
*
|
|
3767
3767
|
* @default undefined */
|
|
3768
|
-
marginXL?: Margin$
|
|
3768
|
+
marginXL?: Margin$c;
|
|
3769
3769
|
/** @ignore */
|
|
3770
3770
|
inverse?: boolean;
|
|
3771
3771
|
/** @ignore @deprecated */
|
|
@@ -3782,8 +3782,8 @@ interface ArrowProps extends ResponsiveSizeProps<Size$k, SizeValue$1>, Responsiv
|
|
|
3782
3782
|
*/
|
|
3783
3783
|
declare const Arrow: React.ForwardRefExoticComponent<ArrowProps>;
|
|
3784
3784
|
|
|
3785
|
-
type Size$
|
|
3786
|
-
interface InputCheckboxProps extends ResponsiveSizeProps<Size$
|
|
3785
|
+
type Size$k = 'xl' | 'l' | 'm' | 's' | 'xs';
|
|
3786
|
+
interface InputCheckboxProps extends ResponsiveSizeProps<Size$k>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
|
|
3787
3787
|
/**
|
|
3788
3788
|
* Текущее состояние контрола (использование включает контролируемый режим).
|
|
3789
3789
|
*
|
|
@@ -3860,43 +3860,43 @@ interface InputCheckboxProps extends ResponsiveSizeProps<Size$j>, Omit<React.Com
|
|
|
3860
3860
|
*
|
|
3861
3861
|
* @general
|
|
3862
3862
|
* @default 'm' */
|
|
3863
|
-
size?: Size$
|
|
3863
|
+
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];
|
|
3864
3864
|
/**
|
|
3865
3865
|
* Размер для XXS брейкпоинта.
|
|
3866
3866
|
*
|
|
3867
3867
|
* @default undefined */
|
|
3868
|
-
sizeXXS?: Size$
|
|
3868
|
+
sizeXXS?: Size$k;
|
|
3869
3869
|
/**
|
|
3870
3870
|
* Размер для XS брейкпоинта.
|
|
3871
3871
|
*
|
|
3872
3872
|
* @default undefined */
|
|
3873
|
-
sizeXS?: Size$
|
|
3873
|
+
sizeXS?: Size$k;
|
|
3874
3874
|
/**
|
|
3875
3875
|
* Размер для S брейкпоинта.
|
|
3876
3876
|
*
|
|
3877
3877
|
* @default undefined */
|
|
3878
|
-
sizeS?: Size$
|
|
3878
|
+
sizeS?: Size$k;
|
|
3879
3879
|
/**
|
|
3880
3880
|
* Размер для M брейкпоинта.
|
|
3881
3881
|
*
|
|
3882
3882
|
* @default undefined */
|
|
3883
|
-
sizeM?: Size$
|
|
3883
|
+
sizeM?: Size$k;
|
|
3884
3884
|
/**
|
|
3885
3885
|
* Размер для L брейкпоинта.
|
|
3886
3886
|
*
|
|
3887
3887
|
* @default undefined */
|
|
3888
|
-
sizeL?: Size$
|
|
3888
|
+
sizeL?: Size$k;
|
|
3889
3889
|
/**
|
|
3890
3890
|
* Размер для XL брейкпоинта.
|
|
3891
3891
|
*
|
|
3892
3892
|
* @default undefined */
|
|
3893
|
-
sizeXL?: Size$
|
|
3893
|
+
sizeXL?: Size$k;
|
|
3894
3894
|
/**
|
|
3895
3895
|
* Модификация размеров.
|
|
3896
3896
|
*
|
|
3897
3897
|
* @general
|
|
3898
3898
|
* @default undefined */
|
|
3899
|
-
sizes?: Partial<Record<Size$
|
|
3899
|
+
sizes?: Partial<Record<Size$k, React.CSSProperties>>;
|
|
3900
3900
|
/** @ignore @deprecated */
|
|
3901
3901
|
onColored?: boolean;
|
|
3902
3902
|
}
|
|
@@ -3945,8 +3945,8 @@ declare enum SizeInput {
|
|
|
3945
3945
|
xs = 140
|
|
3946
3946
|
}
|
|
3947
3947
|
|
|
3948
|
-
type Size$
|
|
3949
|
-
interface TextareaBaseProps extends ResponsiveSizeProps<Size$
|
|
3948
|
+
type Size$j = 'l' | 'm' | 's' | 'xs';
|
|
3949
|
+
interface TextareaBaseProps extends ResponsiveSizeProps<Size$j>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
|
|
3950
3950
|
/**
|
|
3951
3951
|
* Автоматически адаптировать число строк под контент.
|
|
3952
3952
|
*
|
|
@@ -4101,7 +4101,7 @@ type ArrowBadgePalette = {
|
|
|
4101
4101
|
color: CSSColor;
|
|
4102
4102
|
backgroundColor: CSSColor;
|
|
4103
4103
|
};
|
|
4104
|
-
interface ArrowBadgeProps extends ResponsiveSizeProps<Size$
|
|
4104
|
+
interface ArrowBadgeProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps,
|
|
4105
4105
|
/** @deprecated Use palette */
|
|
4106
4106
|
ColorProperty<'color'>,
|
|
4107
4107
|
/** @deprecated Use palette */
|
|
@@ -4143,9 +4143,9 @@ ColorProperty<'backgroundColor'>, Omit<React.ComponentPropsWithRef<'div'>, 'colo
|
|
|
4143
4143
|
*/
|
|
4144
4144
|
declare const ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps>;
|
|
4145
4145
|
|
|
4146
|
-
type Size$
|
|
4147
|
-
type Margin$
|
|
4148
|
-
interface TabProps extends ResponsiveSizeProps<Size$
|
|
4146
|
+
type Size$i = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
4147
|
+
type Margin$b = number | string;
|
|
4148
|
+
interface TabProps extends ResponsiveSizeProps<Size$i, SizeValue$1>, ResponsiveMarginProps,
|
|
4149
4149
|
/** @deprecated Use palette */
|
|
4150
4150
|
ColorProperty<'color'>,
|
|
4151
4151
|
/** @deprecated Use palette */
|
|
@@ -4236,43 +4236,43 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
|
|
|
4236
4236
|
*
|
|
4237
4237
|
* @general
|
|
4238
4238
|
* @default 'm' */
|
|
4239
|
-
size?: Size$
|
|
4239
|
+
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];
|
|
4240
4240
|
/**
|
|
4241
4241
|
* Размер для XXS брейкпоинта.
|
|
4242
4242
|
*
|
|
4243
4243
|
* @default undefined */
|
|
4244
|
-
sizeXXS?: Size$
|
|
4244
|
+
sizeXXS?: Size$i;
|
|
4245
4245
|
/**
|
|
4246
4246
|
* Размер для XS брейкпоинта.
|
|
4247
4247
|
*
|
|
4248
4248
|
* @default undefined */
|
|
4249
|
-
sizeXS?: Size$
|
|
4249
|
+
sizeXS?: Size$i;
|
|
4250
4250
|
/**
|
|
4251
4251
|
* Размер для S брейкпоинта.
|
|
4252
4252
|
*
|
|
4253
4253
|
* @default undefined */
|
|
4254
|
-
sizeS?: Size$
|
|
4254
|
+
sizeS?: Size$i;
|
|
4255
4255
|
/**
|
|
4256
4256
|
* Размер для M брейкпоинта.
|
|
4257
4257
|
*
|
|
4258
4258
|
* @default undefined */
|
|
4259
|
-
sizeM?: Size$
|
|
4259
|
+
sizeM?: Size$i;
|
|
4260
4260
|
/**
|
|
4261
4261
|
* Размер для L брейкпоинта.
|
|
4262
4262
|
*
|
|
4263
4263
|
* @default undefined */
|
|
4264
|
-
sizeL?: Size$
|
|
4264
|
+
sizeL?: Size$i;
|
|
4265
4265
|
/**
|
|
4266
4266
|
* Размер для XL брейкпоинта.
|
|
4267
4267
|
*
|
|
4268
4268
|
* @default undefined */
|
|
4269
|
-
sizeXL?: Size$
|
|
4269
|
+
sizeXL?: Size$i;
|
|
4270
4270
|
/**
|
|
4271
4271
|
* Модификация размеров.
|
|
4272
4272
|
*
|
|
4273
4273
|
* @general
|
|
4274
4274
|
* @default undefined */
|
|
4275
|
-
sizes?: Partial<Record<Size$
|
|
4275
|
+
sizes?: Partial<Record<Size$i, React.CSSProperties>>;
|
|
4276
4276
|
/**
|
|
4277
4277
|
* Внешние отступы.
|
|
4278
4278
|
*
|
|
@@ -4280,37 +4280,37 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
|
|
|
4280
4280
|
*
|
|
4281
4281
|
* @general
|
|
4282
4282
|
* @default undefined */
|
|
4283
|
-
margin?: Margin$
|
|
4283
|
+
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];
|
|
4284
4284
|
/**
|
|
4285
4285
|
* Отступ для XXS брейкпоинта.
|
|
4286
4286
|
*
|
|
4287
4287
|
* @default undefined */
|
|
4288
|
-
marginXXS?: Margin$
|
|
4288
|
+
marginXXS?: Margin$b;
|
|
4289
4289
|
/**
|
|
4290
4290
|
* Отступ для XS брейкпоинта.
|
|
4291
4291
|
*
|
|
4292
4292
|
* @default undefined */
|
|
4293
|
-
marginXS?: Margin$
|
|
4293
|
+
marginXS?: Margin$b;
|
|
4294
4294
|
/**
|
|
4295
4295
|
* Отступ для S брейкпоинта.
|
|
4296
4296
|
*
|
|
4297
4297
|
* @default undefined */
|
|
4298
|
-
marginS?: Margin$
|
|
4298
|
+
marginS?: Margin$b;
|
|
4299
4299
|
/**
|
|
4300
4300
|
* Отступ для M брейкпоинта.
|
|
4301
4301
|
*
|
|
4302
4302
|
* @default undefined */
|
|
4303
|
-
marginM?: Margin$
|
|
4303
|
+
marginM?: Margin$b;
|
|
4304
4304
|
/**
|
|
4305
4305
|
* Отступ для L брейкпоинта.
|
|
4306
4306
|
*
|
|
4307
4307
|
* @default undefined */
|
|
4308
|
-
marginL?: Margin$
|
|
4308
|
+
marginL?: Margin$b;
|
|
4309
4309
|
/**
|
|
4310
4310
|
* Отступ для XL брейкпоинта.
|
|
4311
4311
|
*
|
|
4312
4312
|
* @default undefined */
|
|
4313
|
-
marginXL?: Margin$
|
|
4313
|
+
marginXL?: Margin$b;
|
|
4314
4314
|
/** @ignore */
|
|
4315
4315
|
compact?: boolean;
|
|
4316
4316
|
/** @ignore */
|
|
@@ -4335,7 +4335,7 @@ type BadgePalette = {
|
|
|
4335
4335
|
color: CSSColor;
|
|
4336
4336
|
backgroundColor: CSSColor;
|
|
4337
4337
|
};
|
|
4338
|
-
interface BadgeProps extends ResponsiveSizeProps<Size$
|
|
4338
|
+
interface BadgeProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps,
|
|
4339
4339
|
/** @deprecated Use palette */
|
|
4340
4340
|
ColorProperty,
|
|
4341
4341
|
/** @deprecated Use children as function */
|
|
@@ -4388,9 +4388,9 @@ DisplayProperty, Omit<React.ComponentPropsWithRef<'div'>, 'color' | 'children'>
|
|
|
4388
4388
|
*/
|
|
4389
4389
|
declare const Badge: React.ForwardRefExoticComponent<BadgeProps>;
|
|
4390
4390
|
|
|
4391
|
-
type Size$
|
|
4392
|
-
type Margin$
|
|
4393
|
-
interface IconButtonBaseProps extends ResponsiveSizeProps<Size$
|
|
4391
|
+
type Size$h = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
|
|
4392
|
+
type Margin$a = number | string;
|
|
4393
|
+
interface IconButtonBaseProps extends ResponsiveSizeProps<Size$h>, ResponsiveMarginProps {
|
|
4394
4394
|
/**
|
|
4395
4395
|
* Кастомные цвета.
|
|
4396
4396
|
*
|
|
@@ -4448,43 +4448,43 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$g>, ResponsiveMar
|
|
|
4448
4448
|
*
|
|
4449
4449
|
* @general
|
|
4450
4450
|
* @default 'm' */
|
|
4451
|
-
size?: Size$
|
|
4451
|
+
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];
|
|
4452
4452
|
/**
|
|
4453
4453
|
* Размер для XXS брейкпоинта.
|
|
4454
4454
|
*
|
|
4455
4455
|
* @default undefined */
|
|
4456
|
-
sizeXXS?: Size$
|
|
4456
|
+
sizeXXS?: Size$h;
|
|
4457
4457
|
/**
|
|
4458
4458
|
* Размер для XS брейкпоинта.
|
|
4459
4459
|
*
|
|
4460
4460
|
* @default undefined */
|
|
4461
|
-
sizeXS?: Size$
|
|
4461
|
+
sizeXS?: Size$h;
|
|
4462
4462
|
/**
|
|
4463
4463
|
* Размер для S брейкпоинта.
|
|
4464
4464
|
*
|
|
4465
4465
|
* @default undefined */
|
|
4466
|
-
sizeS?: Size$
|
|
4466
|
+
sizeS?: Size$h;
|
|
4467
4467
|
/**
|
|
4468
4468
|
* Размер для M брейкпоинта.
|
|
4469
4469
|
*
|
|
4470
4470
|
* @default undefined */
|
|
4471
|
-
sizeM?: Size$
|
|
4471
|
+
sizeM?: Size$h;
|
|
4472
4472
|
/**
|
|
4473
4473
|
* Размер для L брейкпоинта.
|
|
4474
4474
|
*
|
|
4475
4475
|
* @default undefined */
|
|
4476
|
-
sizeL?: Size$
|
|
4476
|
+
sizeL?: Size$h;
|
|
4477
4477
|
/**
|
|
4478
4478
|
* Размер для XL брейкпоинта.
|
|
4479
4479
|
*
|
|
4480
4480
|
* @default undefined */
|
|
4481
|
-
sizeXL?: Size$
|
|
4481
|
+
sizeXL?: Size$h;
|
|
4482
4482
|
/**
|
|
4483
4483
|
* Модификация размеров.
|
|
4484
4484
|
*
|
|
4485
4485
|
* @general
|
|
4486
4486
|
* @default undefined */
|
|
4487
|
-
sizes?: Partial<Record<Size$
|
|
4487
|
+
sizes?: Partial<Record<Size$h, React.CSSProperties>>;
|
|
4488
4488
|
/**
|
|
4489
4489
|
* Внешние отступы.
|
|
4490
4490
|
*
|
|
@@ -4492,37 +4492,37 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$g>, ResponsiveMar
|
|
|
4492
4492
|
*
|
|
4493
4493
|
* @general
|
|
4494
4494
|
* @default undefined */
|
|
4495
|
-
margin?: Margin$
|
|
4495
|
+
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];
|
|
4496
4496
|
/**
|
|
4497
4497
|
* Отступ для XXS брейкпоинта.
|
|
4498
4498
|
*
|
|
4499
4499
|
* @default undefined */
|
|
4500
|
-
marginXXS?: Margin$
|
|
4500
|
+
marginXXS?: Margin$a;
|
|
4501
4501
|
/**
|
|
4502
4502
|
* Отступ для XS брейкпоинта.
|
|
4503
4503
|
*
|
|
4504
4504
|
* @default undefined */
|
|
4505
|
-
marginXS?: Margin$
|
|
4505
|
+
marginXS?: Margin$a;
|
|
4506
4506
|
/**
|
|
4507
4507
|
* Отступ для S брейкпоинта.
|
|
4508
4508
|
*
|
|
4509
4509
|
* @default undefined */
|
|
4510
|
-
marginS?: Margin$
|
|
4510
|
+
marginS?: Margin$a;
|
|
4511
4511
|
/**
|
|
4512
4512
|
* Отступ для M брейкпоинта.
|
|
4513
4513
|
*
|
|
4514
4514
|
* @default undefined */
|
|
4515
|
-
marginM?: Margin$
|
|
4515
|
+
marginM?: Margin$a;
|
|
4516
4516
|
/**
|
|
4517
4517
|
* Отступ для L брейкпоинта.
|
|
4518
4518
|
*
|
|
4519
4519
|
* @default undefined */
|
|
4520
|
-
marginL?: Margin$
|
|
4520
|
+
marginL?: Margin$a;
|
|
4521
4521
|
/**
|
|
4522
4522
|
* Отступ для XL брейкпоинта.
|
|
4523
4523
|
*
|
|
4524
4524
|
* @default undefined */
|
|
4525
|
-
marginXL?: Margin$
|
|
4525
|
+
marginXL?: Margin$a;
|
|
4526
4526
|
}
|
|
4527
4527
|
type IconButtonProps = IconButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof IconButtonBaseProps>;
|
|
4528
4528
|
|
|
@@ -4765,14 +4765,14 @@ declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps> & {
|
|
|
4765
4765
|
Component: typeof TooltipComponent;
|
|
4766
4766
|
};
|
|
4767
4767
|
|
|
4768
|
-
type Size$
|
|
4768
|
+
type Size$g = 'xl' | 'l' | 'm' | 's' | 'xs';
|
|
4769
4769
|
type Layout$5 = 'vertical' | 'horizontal';
|
|
4770
4770
|
type PopoverComponentPalette = {
|
|
4771
4771
|
color: CSSColor;
|
|
4772
4772
|
backgroundColor: CSSColor;
|
|
4773
4773
|
shadowColor: CSSColor;
|
|
4774
4774
|
};
|
|
4775
|
-
interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$
|
|
4775
|
+
interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$g>, ResponsiveLayoutProps<Layout$5> {
|
|
4776
4776
|
/**
|
|
4777
4777
|
* Кастомные цвета.
|
|
4778
4778
|
*
|
|
@@ -4883,9 +4883,9 @@ type PopoverComponentProps = PopoverComponentBaseProps & Omit<React.ComponentPro
|
|
|
4883
4883
|
|
|
4884
4884
|
declare const PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps>;
|
|
4885
4885
|
|
|
4886
|
-
type Size$
|
|
4886
|
+
type Size$f = 's' | 'xl' | 'l' | 'm' | 'xs';
|
|
4887
4887
|
type Layout$4 = 'vertical' | 'horizontal';
|
|
4888
|
-
interface PopoverBaseProps extends ResponsiveSizeProps<Size$
|
|
4888
|
+
interface PopoverBaseProps extends ResponsiveSizeProps<Size$f>, ResponsiveLayoutProps<Layout$4> {
|
|
4889
4889
|
/**
|
|
4890
4890
|
* Кастомные цвета.
|
|
4891
4891
|
*
|
|
@@ -5101,43 +5101,43 @@ interface PopoverBaseProps extends ResponsiveSizeProps<Size$e>, ResponsiveLayout
|
|
|
5101
5101
|
*
|
|
5102
5102
|
* @general
|
|
5103
5103
|
* @default 's' */
|
|
5104
|
-
size?: Size$
|
|
5104
|
+
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];
|
|
5105
5105
|
/**
|
|
5106
5106
|
* Размер для XXS брейкпоинта.
|
|
5107
5107
|
*
|
|
5108
5108
|
* @default undefined */
|
|
5109
|
-
sizeXXS?: Size$
|
|
5109
|
+
sizeXXS?: Size$f;
|
|
5110
5110
|
/**
|
|
5111
5111
|
* Размер для XS брейкпоинта.
|
|
5112
5112
|
*
|
|
5113
5113
|
* @default undefined */
|
|
5114
|
-
sizeXS?: Size$
|
|
5114
|
+
sizeXS?: Size$f;
|
|
5115
5115
|
/**
|
|
5116
5116
|
* Размер для S брейкпоинта.
|
|
5117
5117
|
*
|
|
5118
5118
|
* @default undefined */
|
|
5119
|
-
sizeS?: Size$
|
|
5119
|
+
sizeS?: Size$f;
|
|
5120
5120
|
/**
|
|
5121
5121
|
* Размер для M брейкпоинта.
|
|
5122
5122
|
*
|
|
5123
5123
|
* @default undefined */
|
|
5124
|
-
sizeM?: Size$
|
|
5124
|
+
sizeM?: Size$f;
|
|
5125
5125
|
/**
|
|
5126
5126
|
* Размер для L брейкпоинта.
|
|
5127
5127
|
*
|
|
5128
5128
|
* @default undefined */
|
|
5129
|
-
sizeL?: Size$
|
|
5129
|
+
sizeL?: Size$f;
|
|
5130
5130
|
/**
|
|
5131
5131
|
* Размер для XL брейкпоинта.
|
|
5132
5132
|
*
|
|
5133
5133
|
* @default undefined */
|
|
5134
|
-
sizeXL?: Size$
|
|
5134
|
+
sizeXL?: Size$f;
|
|
5135
5135
|
/**
|
|
5136
5136
|
* Модификация размеров.
|
|
5137
5137
|
*
|
|
5138
5138
|
* @general
|
|
5139
5139
|
* @default undefined */
|
|
5140
|
-
sizes?: Partial<Record<Size$
|
|
5140
|
+
sizes?: Partial<Record<Size$f, React.CSSProperties>>;
|
|
5141
5141
|
/**
|
|
5142
5142
|
* Вариант шаблона лейаута.
|
|
5143
5143
|
*
|
|
@@ -5312,7 +5312,7 @@ type ListItemPalette = {
|
|
|
5312
5312
|
backgroundColorHover: CSSColor;
|
|
5313
5313
|
mediaPlaceholderColor: CSSColor;
|
|
5314
5314
|
};
|
|
5315
|
-
interface ListItemProps extends ResponsiveSizeProps<Size$
|
|
5315
|
+
interface ListItemProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type'>, Omit<React.AnchorHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type' | 'media'> {
|
|
5316
5316
|
/** Root node type */
|
|
5317
5317
|
as?: React.ElementType;
|
|
5318
5318
|
/** Main text content or render function */
|
|
@@ -5390,7 +5390,7 @@ type IndicatorPalette = {
|
|
|
5390
5390
|
backgroundColor: CSSColor;
|
|
5391
5391
|
shadowColor: CSSColor;
|
|
5392
5392
|
};
|
|
5393
|
-
interface IndicatorProps extends ResponsiveSizeProps<Size$
|
|
5393
|
+
interface IndicatorProps extends ResponsiveSizeProps<Size$p, SizeValue$1>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
|
|
5394
5394
|
/** Custom colors */
|
|
5395
5395
|
palette?: Partial<Record<keyof IndicatorPalette, Color>>;
|
|
5396
5396
|
/** Text content */
|
|
@@ -5429,42 +5429,160 @@ interface IndicatorProps extends ResponsiveSizeProps<Size$o, SizeValue$1>, Respo
|
|
|
5429
5429
|
*/
|
|
5430
5430
|
declare const Indicator: React.ForwardRefExoticComponent<IndicatorProps>;
|
|
5431
5431
|
|
|
5432
|
-
type
|
|
5433
|
-
|
|
5434
|
-
|
|
5435
|
-
|
|
5436
|
-
};
|
|
5437
|
-
type AvatarSize = SizeValue$1 | 'sm';
|
|
5438
|
-
interface AvatarProps extends ResponsiveSizeProps<Size$o, AvatarSize>, ResponsiveMarginProps,
|
|
5432
|
+
type Margin$9 = number | string;
|
|
5433
|
+
type Size$e = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs' | 'xxxxs';
|
|
5434
|
+
type AvatarSize = Size$e | 'sm' | number;
|
|
5435
|
+
interface AvatarProps extends ResponsiveSizeProps<Size$e, AvatarSize>, ResponsiveMarginProps,
|
|
5439
5436
|
/** @deprecated Use palette */
|
|
5440
5437
|
ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
|
|
5441
|
-
/**
|
|
5442
|
-
|
|
5443
|
-
|
|
5444
|
-
|
|
5445
|
-
|
|
5438
|
+
/**
|
|
5439
|
+
* Версия компонента: v3 ("brand") или v2 ("default").
|
|
5440
|
+
*
|
|
5441
|
+
* @general
|
|
5442
|
+
* @default 'default' */
|
|
5443
|
+
preset?: 'default' | 'brand';
|
|
5444
|
+
/**
|
|
5445
|
+
* Кастомные цвета.
|
|
5446
|
+
*
|
|
5447
|
+
* @general
|
|
5448
|
+
* @default {} */
|
|
5449
|
+
palette?: {
|
|
5450
|
+
color?: Color;
|
|
5451
|
+
backgroundColor?: Color;
|
|
5452
|
+
shadowColor?: Color;
|
|
5453
|
+
};
|
|
5454
|
+
/**
|
|
5455
|
+
* Текстовый контент, отображаемый при отсутствии изображения.
|
|
5456
|
+
*
|
|
5457
|
+
* @general
|
|
5458
|
+
* @default undefined */
|
|
5446
5459
|
text?: string;
|
|
5447
|
-
/**
|
|
5460
|
+
/**
|
|
5461
|
+
* Пропсы типографики для текста.
|
|
5462
|
+
*
|
|
5463
|
+
* @general
|
|
5464
|
+
* @default {} */
|
|
5448
5465
|
textProps?: TextProps;
|
|
5449
|
-
/**
|
|
5466
|
+
/**
|
|
5467
|
+
* Адрес изображения.
|
|
5468
|
+
*
|
|
5469
|
+
* @general
|
|
5470
|
+
* @default undefined */
|
|
5450
5471
|
src?: string;
|
|
5451
|
-
/**
|
|
5472
|
+
/**
|
|
5473
|
+
* Использование тени.
|
|
5474
|
+
*
|
|
5475
|
+
* @general
|
|
5476
|
+
* @default false */
|
|
5452
5477
|
shadow?: boolean;
|
|
5453
|
-
/**
|
|
5478
|
+
/**
|
|
5479
|
+
* Квадратная форма рутового элемента.
|
|
5480
|
+
*
|
|
5481
|
+
* @general
|
|
5482
|
+
* @default false */
|
|
5454
5483
|
square?: boolean;
|
|
5455
|
-
/**
|
|
5484
|
+
/**
|
|
5485
|
+
* Использование скелетона вместо реального контента.
|
|
5486
|
+
*
|
|
5487
|
+
* @default false */
|
|
5456
5488
|
loading?: boolean;
|
|
5489
|
+
/**
|
|
5490
|
+
* Кастомный рутовый блок.
|
|
5491
|
+
*
|
|
5492
|
+
* @general
|
|
5493
|
+
* @default undefined */
|
|
5494
|
+
children?: React.ReactNode;
|
|
5495
|
+
/**
|
|
5496
|
+
* Размер.
|
|
5497
|
+
*
|
|
5498
|
+
* Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
|
|
5499
|
+
*
|
|
5500
|
+
* @general
|
|
5501
|
+
* @default 'm' */
|
|
5502
|
+
size?: AvatarSize | [DESKTOP: AvatarSize, TABLET: AvatarSize, MOBILE: AvatarSize] | [XL: AvatarSize, L: AvatarSize, M: AvatarSize, S: AvatarSize, XS: AvatarSize, XXS: AvatarSize];
|
|
5503
|
+
/**
|
|
5504
|
+
* Размер для XXS брейкпоинта.
|
|
5505
|
+
*
|
|
5506
|
+
* @default undefined */
|
|
5507
|
+
sizeXXS?: AvatarSize;
|
|
5508
|
+
/**
|
|
5509
|
+
* Размер для XS брейкпоинта.
|
|
5510
|
+
*
|
|
5511
|
+
* @default undefined */
|
|
5512
|
+
sizeXS?: AvatarSize;
|
|
5513
|
+
/**
|
|
5514
|
+
* Размер для S брейкпоинта.
|
|
5515
|
+
*
|
|
5516
|
+
* @default undefined */
|
|
5517
|
+
sizeS?: AvatarSize;
|
|
5518
|
+
/**
|
|
5519
|
+
* Размер для M брейкпоинта.
|
|
5520
|
+
*
|
|
5521
|
+
* @default undefined */
|
|
5522
|
+
sizeM?: AvatarSize;
|
|
5523
|
+
/**
|
|
5524
|
+
* Размер для L брейкпоинта.
|
|
5525
|
+
*
|
|
5526
|
+
* @default undefined */
|
|
5527
|
+
sizeL?: AvatarSize;
|
|
5528
|
+
/**
|
|
5529
|
+
* Размер для XL брейкпоинта.
|
|
5530
|
+
*
|
|
5531
|
+
* @default undefined */
|
|
5532
|
+
sizeXL?: AvatarSize;
|
|
5533
|
+
/**
|
|
5534
|
+
* Модификация размеров.
|
|
5535
|
+
*
|
|
5536
|
+
* @general
|
|
5537
|
+
* @default undefined */
|
|
5538
|
+
sizes?: Partial<Record<Size$e, React.CSSProperties>>;
|
|
5539
|
+
/**
|
|
5540
|
+
* Внешние отступы.
|
|
5541
|
+
*
|
|
5542
|
+
* Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
|
|
5543
|
+
*
|
|
5544
|
+
* @general
|
|
5545
|
+
* @default undefined */
|
|
5546
|
+
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];
|
|
5547
|
+
/**
|
|
5548
|
+
* Отступ для XXS брейкпоинта.
|
|
5549
|
+
*
|
|
5550
|
+
* @default undefined */
|
|
5551
|
+
marginXXS?: Margin$9;
|
|
5552
|
+
/**
|
|
5553
|
+
* Отступ для XS брейкпоинта.
|
|
5554
|
+
*
|
|
5555
|
+
* @default undefined */
|
|
5556
|
+
marginXS?: Margin$9;
|
|
5557
|
+
/**
|
|
5558
|
+
* Отступ для S брейкпоинта.
|
|
5559
|
+
*
|
|
5560
|
+
* @default undefined */
|
|
5561
|
+
marginS?: Margin$9;
|
|
5562
|
+
/**
|
|
5563
|
+
* Отступ для M брейкпоинта.
|
|
5564
|
+
*
|
|
5565
|
+
* @default undefined */
|
|
5566
|
+
marginM?: Margin$9;
|
|
5567
|
+
/**
|
|
5568
|
+
* Отступ для L брейкпоинта.
|
|
5569
|
+
*
|
|
5570
|
+
* @default undefined */
|
|
5571
|
+
marginL?: Margin$9;
|
|
5572
|
+
/**
|
|
5573
|
+
* Отступ для XL брейкпоинта.
|
|
5574
|
+
*
|
|
5575
|
+
* @default undefined */
|
|
5576
|
+
marginXL?: Margin$9;
|
|
5457
5577
|
}
|
|
5458
5578
|
|
|
5459
5579
|
/**
|
|
5460
5580
|
*
|
|
5461
|
-
*
|
|
5462
|
-
*
|
|
5463
|
-
* Responsive "size", "margin" props are supported.
|
|
5581
|
+
* *v1.0.0*
|
|
5464
5582
|
*
|
|
5465
|
-
*
|
|
5583
|
+
* Компонент для отображения сущности с помощью изображения, инициалов или другого текста.
|
|
5466
5584
|
*
|
|
5467
|
-
*
|
|
5585
|
+
* Поддерживается "ref" и все нативные атрибуты \<span\> элемента.
|
|
5468
5586
|
*/
|
|
5469
5587
|
declare const Avatar: React.ForwardRefExoticComponent<AvatarProps>;
|
|
5470
5588
|
|
|
@@ -7813,7 +7931,7 @@ declare function useScrollLock(params: ScrollLockParams): void;
|
|
|
7813
7931
|
|
|
7814
7932
|
declare const vAlign: (align: "top" | "middle" | "bottom" | "text-top" | "text-bottom" | "baseline") => styled_components.FlattenSimpleInterpolation;
|
|
7815
7933
|
|
|
7816
|
-
declare function buildMediaQuery(value: number | Size$
|
|
7934
|
+
declare function buildMediaQuery(value: number | Size$p | '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$p, number>): ReturnType<typeof css>;
|
|
7817
7935
|
declare const desktopFirst: (a: string, b: string) => number;
|
|
7818
7936
|
declare const mobileFirst: (a: string, b: string) => number;
|
|
7819
7937
|
|
|
@@ -10607,4 +10725,4 @@ type AddElementProps = AddElementBaseProps & Omit<React.ComponentPropsWithRef<'b
|
|
|
10607
10725
|
*/
|
|
10608
10726
|
declare const AddElement: React.ForwardRefExoticComponent<AddElementProps>;
|
|
10609
10727
|
|
|
10610
|
-
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$
|
|
10728
|
+
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$p as Size, type SizeValue$1 as 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 WithMergedPropsOptions, type WithThemePreset, type WrappedComponentProps, 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 };
|