@foxford/ui 2.110.0 → 2.111.0-beta-279e87d-20260513
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/Badge/Badge.js +1 -1
- package/components/Badge/Badge.js.map +1 -1
- package/components/Badge/Badge.mjs +1 -1
- package/components/Badge/Badge.mjs.map +1 -1
- package/components/Badge/sizes.js +2 -0
- package/components/Badge/sizes.js.map +1 -0
- package/components/Badge/sizes.mjs +2 -0
- package/components/Badge/sizes.mjs.map +1 -0
- package/components/Badge/style.js +1 -1
- package/components/Badge/style.js.map +1 -1
- package/components/Badge/style.mjs +1 -1
- package/components/Badge/style.mjs.map +1 -1
- package/components/FormLabel/FormLabel.js +1 -1
- package/components/FormLabel/FormLabel.js.map +1 -1
- package/components/FormLabel/FormLabel.mjs +1 -1
- package/components/FormLabel/FormLabel.mjs.map +1 -1
- package/components/PopoverComponent/PopoverComponent.js +1 -1
- package/components/PopoverComponent/PopoverComponent.js.map +1 -1
- package/components/PopoverComponent/PopoverComponent.mjs +1 -1
- package/components/PopoverComponent/PopoverComponent.mjs.map +1 -1
- package/components/PopoverComponent/sizes.js +1 -1
- package/components/PopoverComponent/sizes.js.map +1 -1
- package/components/PopoverComponent/sizes.mjs +1 -1
- package/components/PopoverComponent/sizes.mjs.map +1 -1
- package/dts/index.d.ts +271 -141
- package/package.json +2 -2
- package/components/Badge/constants.js +0 -2
- package/components/Badge/constants.js.map +0 -1
- package/components/Badge/constants.mjs +0 -2
- package/components/Badge/constants.mjs.map +0 -1
package/dts/index.d.ts
CHANGED
|
@@ -896,8 +896,8 @@ type CSSColor = RGB | RGBA | HEX | CSSGlobalValue | 'currentcolor' | 'transparen
|
|
|
896
896
|
type CSSBorderStyle = CSSGlobalValue | 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
|
|
897
897
|
type CSSVerticalAlign = CSSGlobalValue | 'baseline' | 'sub' | 'super' | 'text-top' | 'text-bottom' | 'middle' | 'top' | 'bottom';
|
|
898
898
|
type CSSFontWeight = CSSGlobalValue | 'normal' | 'bold' | 'lighter' | 'bolder' | number;
|
|
899
|
-
type Size$
|
|
900
|
-
type SizeValue$1 = Size$
|
|
899
|
+
type Size$s = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
900
|
+
type SizeValue$1 = Size$s | CSSGlobalValue | number;
|
|
901
901
|
type Breakpoint$1 = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL';
|
|
902
902
|
type Orientation = 'landscape' | 'portrait';
|
|
903
903
|
type Color = keyof typeof ColorNames | CSSColor;
|
|
@@ -959,7 +959,7 @@ interface ToolbarControl<T = Record<string, unknown>> {
|
|
|
959
959
|
type PlaygroundToolbar<T = Record<string, unknown>> = Record<string, ToolbarControl<T>[] | ToolbarControl<T>[][]>;
|
|
960
960
|
type WrappedComponentProps = {
|
|
961
961
|
preset?: ThemePreset;
|
|
962
|
-
sizes?: Partial<Record<Size$
|
|
962
|
+
sizes?: Partial<Record<Size$s, React.CSSProperties>>;
|
|
963
963
|
palette?: Partial<Record<ColorPaletteKey, Color>>;
|
|
964
964
|
};
|
|
965
965
|
type WithMergedPropsOptions<T extends WrappedComponentProps> = {
|
|
@@ -991,21 +991,21 @@ declare function ThemeProvider(props: ThemeProviderProps): JSX.Element;
|
|
|
991
991
|
/**
|
|
992
992
|
* Value for breakpoint
|
|
993
993
|
*/
|
|
994
|
-
type PossibleValues = number | Size$
|
|
994
|
+
type PossibleValues = number | Size$s | 'auto' | 'initial' | 'inherit' | boolean;
|
|
995
995
|
type PropsProperties = 'size' | 'fontSize' | 'height' | 'width' | 'top' | 'right' | 'bottom' | 'left' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'fluid';
|
|
996
996
|
type CalcProperty = (_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null;
|
|
997
997
|
type CssProperty = string | CalcProperty;
|
|
998
998
|
type ResponsiveKeys = '' | 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
|
|
999
999
|
type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = Partial<Record<`${T}${ResponsiveKeys}`, V>>;
|
|
1000
|
-
type ResponsiveProperty<V = number | Size$
|
|
1001
|
-
declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$
|
|
1000
|
+
type ResponsiveProperty<V = number | Size$s> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
|
|
1001
|
+
declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$s, number>) => () => () => FlattenSimpleInterpolation | null;
|
|
1002
1002
|
interface ResponsiveNamedPropertyPayload<T extends PropsProperties> {
|
|
1003
1003
|
sizes: ResponsiveNamedProperty<T>;
|
|
1004
1004
|
cssProperty: CssProperty;
|
|
1005
1005
|
sizing?: null | string;
|
|
1006
1006
|
customSizeHandler?: (_value: PossibleValues) => PossibleValues;
|
|
1007
1007
|
sort?: (_a: string, _b: string) => number;
|
|
1008
|
-
predefinedSizes?: Record<Size$
|
|
1008
|
+
predefinedSizes?: Record<Size$s, number>;
|
|
1009
1009
|
}
|
|
1010
1010
|
/**
|
|
1011
1011
|
* Миксин для генерации media запросов
|
|
@@ -1106,7 +1106,7 @@ interface ExpandButtonProps extends React.ComponentPropsWithoutRef<'button'> {
|
|
|
1106
1106
|
/** Кастомные цвета */
|
|
1107
1107
|
palette?: Partial<Record<keyof ExpandButtonPalette, Color>>;
|
|
1108
1108
|
}
|
|
1109
|
-
interface TextProps extends ResponsiveSizeProps<Size$
|
|
1109
|
+
interface TextProps extends ResponsiveSizeProps<Size$s, SizeValue$1>, ResponsiveMarginProps,
|
|
1110
1110
|
/** @deprecated */
|
|
1111
1111
|
DisplayProperty, ColorProperty, Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<React.BlockquoteHTMLAttributes<HTMLElement>, 'color'>, Omit<React.LabelHTMLAttributes<HTMLElement>, 'color'> {
|
|
1112
1112
|
/** Применение присета стилей и размеров */
|
|
@@ -2879,11 +2879,11 @@ type IconISOCode =
|
|
|
2879
2879
|
| 'af'
|
|
2880
2880
|
|
|
2881
2881
|
type SizeIcon = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
2882
|
-
type Size$
|
|
2883
|
-
type Margin$
|
|
2882
|
+
type Size$r = SizeIcon | number | 'inherit';
|
|
2883
|
+
type Margin$i = number | string;
|
|
2884
2884
|
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';
|
|
2885
2885
|
type IconName = IconName$1 | IconNameDefault | IconISOCode;
|
|
2886
|
-
interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$
|
|
2886
|
+
interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$r>, ResponsiveMarginProps {
|
|
2887
2887
|
/**
|
|
2888
2888
|
* Версия компонента: v3 ("brand") или v2 ("default").
|
|
2889
2889
|
*
|
|
@@ -2920,37 +2920,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$q>, Responsiv
|
|
|
2920
2920
|
*
|
|
2921
2921
|
* @general
|
|
2922
2922
|
* @default 'inherit' */
|
|
2923
|
-
size?: Size$
|
|
2923
|
+
size?: Size$r | [DESKTOP: Size$r, TABLET: Size$r, MOBILE: Size$r] | [XL: Size$r, L: Size$r, M: Size$r, S: Size$r, XS: Size$r, XXS: Size$r];
|
|
2924
2924
|
/**
|
|
2925
2925
|
* Размер для XXS брейкпоинта.
|
|
2926
2926
|
*
|
|
2927
2927
|
* @default undefined */
|
|
2928
|
-
sizeXXS?: Size$
|
|
2928
|
+
sizeXXS?: Size$r;
|
|
2929
2929
|
/**
|
|
2930
2930
|
* Размер для XS брейкпоинта.
|
|
2931
2931
|
*
|
|
2932
2932
|
* @default undefined */
|
|
2933
|
-
sizeXS?: Size$
|
|
2933
|
+
sizeXS?: Size$r;
|
|
2934
2934
|
/**
|
|
2935
2935
|
* Размер для S брейкпоинта.
|
|
2936
2936
|
*
|
|
2937
2937
|
* @default undefined */
|
|
2938
|
-
sizeS?: Size$
|
|
2938
|
+
sizeS?: Size$r;
|
|
2939
2939
|
/**
|
|
2940
2940
|
* Размер для M брейкпоинта.
|
|
2941
2941
|
*
|
|
2942
2942
|
* @default undefined */
|
|
2943
|
-
sizeM?: Size$
|
|
2943
|
+
sizeM?: Size$r;
|
|
2944
2944
|
/**
|
|
2945
2945
|
* Размер для L брейкпоинта.
|
|
2946
2946
|
*
|
|
2947
2947
|
* @default undefined */
|
|
2948
|
-
sizeL?: Size$
|
|
2948
|
+
sizeL?: Size$r;
|
|
2949
2949
|
/**
|
|
2950
2950
|
* Размер для XL брейкпоинта.
|
|
2951
2951
|
*
|
|
2952
2952
|
* @default undefined */
|
|
2953
|
-
sizeXL?: Size$
|
|
2953
|
+
sizeXL?: Size$r;
|
|
2954
2954
|
/**
|
|
2955
2955
|
* Модификация размеров.
|
|
2956
2956
|
*
|
|
@@ -2964,37 +2964,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$q>, Responsiv
|
|
|
2964
2964
|
*
|
|
2965
2965
|
* @general
|
|
2966
2966
|
* @default undefined */
|
|
2967
|
-
margin?: Margin$
|
|
2967
|
+
margin?: Margin$i | [DESKTOP: Margin$i, TABLET: Margin$i, MOBILE: Margin$i] | [XL: Margin$i, L: Margin$i, M: Margin$i, S: Margin$i, XS: Margin$i, XXS: Margin$i];
|
|
2968
2968
|
/**
|
|
2969
2969
|
* Отступ для XXS брейкпоинта.
|
|
2970
2970
|
*
|
|
2971
2971
|
* @default undefined */
|
|
2972
|
-
marginXXS?: Margin$
|
|
2972
|
+
marginXXS?: Margin$i;
|
|
2973
2973
|
/**
|
|
2974
2974
|
* Отступ для XS брейкпоинта.
|
|
2975
2975
|
*
|
|
2976
2976
|
* @default undefined */
|
|
2977
|
-
marginXS?: Margin$
|
|
2977
|
+
marginXS?: Margin$i;
|
|
2978
2978
|
/**
|
|
2979
2979
|
* Отступ для S брейкпоинта.
|
|
2980
2980
|
*
|
|
2981
2981
|
* @default undefined */
|
|
2982
|
-
marginS?: Margin$
|
|
2982
|
+
marginS?: Margin$i;
|
|
2983
2983
|
/**
|
|
2984
2984
|
* Отступ для M брейкпоинта.
|
|
2985
2985
|
*
|
|
2986
2986
|
* @default undefined */
|
|
2987
|
-
marginM?: Margin$
|
|
2987
|
+
marginM?: Margin$i;
|
|
2988
2988
|
/**
|
|
2989
2989
|
* Отступ для L брейкпоинта.
|
|
2990
2990
|
*
|
|
2991
2991
|
* @default undefined */
|
|
2992
|
-
marginL?: Margin$
|
|
2992
|
+
marginL?: Margin$i;
|
|
2993
2993
|
/**
|
|
2994
2994
|
* Отступ для XL брейкпоинта.
|
|
2995
2995
|
*
|
|
2996
2996
|
* @default undefined */
|
|
2997
|
-
marginXL?: Margin$
|
|
2997
|
+
marginXL?: Margin$i;
|
|
2998
2998
|
/** @ignore @deprecated */
|
|
2999
2999
|
as?: React.ElementType;
|
|
3000
3000
|
}
|
|
@@ -3080,10 +3080,10 @@ interface Location extends Path {
|
|
|
3080
3080
|
key: Key;
|
|
3081
3081
|
}
|
|
3082
3082
|
|
|
3083
|
-
type Size$
|
|
3084
|
-
type SizeValue = Size$
|
|
3085
|
-
type Margin$
|
|
3086
|
-
interface AnchorProps extends ResponsiveSizeProps<Size$
|
|
3083
|
+
type Size$q = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
3084
|
+
type SizeValue = Size$q | 'initial' | 'inherit' | 'unset' | 'revert' | 'revert-layer' | number;
|
|
3085
|
+
type Margin$h = number | string;
|
|
3086
|
+
interface AnchorProps extends ResponsiveSizeProps<Size$q, SizeValue>, ResponsiveMarginProps,
|
|
3087
3087
|
/** @deprecated Use palette */
|
|
3088
3088
|
ColorProperty<'color'>,
|
|
3089
3089
|
/** @deprecated Use children as function */
|
|
@@ -3213,7 +3213,7 @@ DisplayProperty {
|
|
|
3213
3213
|
*
|
|
3214
3214
|
* @general
|
|
3215
3215
|
* @default undefined */
|
|
3216
|
-
sizes?: Partial<Record<Size$
|
|
3216
|
+
sizes?: Partial<Record<Size$q, React.CSSProperties>>;
|
|
3217
3217
|
/**
|
|
3218
3218
|
* Внешние отступы.
|
|
3219
3219
|
*
|
|
@@ -3221,37 +3221,37 @@ DisplayProperty {
|
|
|
3221
3221
|
*
|
|
3222
3222
|
* @general
|
|
3223
3223
|
* @default undefined */
|
|
3224
|
-
margin?: Margin$
|
|
3224
|
+
margin?: Margin$h | [DESKTOP: Margin$h, TABLET: Margin$h, MOBILE: Margin$h] | [XL: Margin$h, L: Margin$h, M: Margin$h, S: Margin$h, XS: Margin$h, XXS: Margin$h];
|
|
3225
3225
|
/**
|
|
3226
3226
|
* Отступ для XXS брейкпоинта.
|
|
3227
3227
|
*
|
|
3228
3228
|
* @default undefined */
|
|
3229
|
-
marginXXS?: Margin$
|
|
3229
|
+
marginXXS?: Margin$h;
|
|
3230
3230
|
/**
|
|
3231
3231
|
* Отступ для XS брейкпоинта.
|
|
3232
3232
|
*
|
|
3233
3233
|
* @default undefined */
|
|
3234
|
-
marginXS?: Margin$
|
|
3234
|
+
marginXS?: Margin$h;
|
|
3235
3235
|
/**
|
|
3236
3236
|
* Отступ для S брейкпоинта.
|
|
3237
3237
|
*
|
|
3238
3238
|
* @default undefined */
|
|
3239
|
-
marginS?: Margin$
|
|
3239
|
+
marginS?: Margin$h;
|
|
3240
3240
|
/**
|
|
3241
3241
|
* Отступ для M брейкпоинта.
|
|
3242
3242
|
*
|
|
3243
3243
|
* @default undefined */
|
|
3244
|
-
marginM?: Margin$
|
|
3244
|
+
marginM?: Margin$h;
|
|
3245
3245
|
/**
|
|
3246
3246
|
* Отступ для L брейкпоинта.
|
|
3247
3247
|
*
|
|
3248
3248
|
* @default undefined */
|
|
3249
|
-
marginL?: Margin$
|
|
3249
|
+
marginL?: Margin$h;
|
|
3250
3250
|
/**
|
|
3251
3251
|
* Отступ для XL брейкпоинта.
|
|
3252
3252
|
*
|
|
3253
3253
|
* @default undefined */
|
|
3254
|
-
marginXL?: Margin$
|
|
3254
|
+
marginXL?: Margin$h;
|
|
3255
3255
|
/** @ignore @deprecated */
|
|
3256
3256
|
replace?: boolean;
|
|
3257
3257
|
/** @ignore */
|
|
@@ -3276,9 +3276,9 @@ DisplayProperty {
|
|
|
3276
3276
|
*/
|
|
3277
3277
|
declare const Anchor: <C extends React.ElementType = "a">(props: PolymorphicPropsWithRef<C, AnchorProps>) => React.ReactElement | null;
|
|
3278
3278
|
|
|
3279
|
-
type Size$
|
|
3280
|
-
type Margin$
|
|
3281
|
-
interface ButtonBaseProps extends ResponsiveSizeProps<Size$
|
|
3279
|
+
type Size$p = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
3280
|
+
type Margin$g = number | string;
|
|
3281
|
+
interface ButtonBaseProps extends ResponsiveSizeProps<Size$p>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>,
|
|
3282
3282
|
/** @deprecated */
|
|
3283
3283
|
ColorProperty,
|
|
3284
3284
|
/** @deprecated */
|
|
@@ -3449,43 +3449,43 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
|
|
|
3449
3449
|
*
|
|
3450
3450
|
* @general
|
|
3451
3451
|
* @default 'm' */
|
|
3452
|
-
size?: Size$
|
|
3452
|
+
size?: Size$p | [DESKTOP: Size$p, TABLET: Size$p, MOBILE: Size$p] | [XL: Size$p, L: Size$p, M: Size$p, S: Size$p, XS: Size$p, XXS: Size$p];
|
|
3453
3453
|
/**
|
|
3454
3454
|
* Размер для XXS брейкпоинта.
|
|
3455
3455
|
*
|
|
3456
3456
|
* @default undefined */
|
|
3457
|
-
sizeXXS?: Size$
|
|
3457
|
+
sizeXXS?: Size$p;
|
|
3458
3458
|
/**
|
|
3459
3459
|
* Размер для XS брейкпоинта.
|
|
3460
3460
|
*
|
|
3461
3461
|
* @default undefined */
|
|
3462
|
-
sizeXS?: Size$
|
|
3462
|
+
sizeXS?: Size$p;
|
|
3463
3463
|
/**
|
|
3464
3464
|
* Размер для S брейкпоинта.
|
|
3465
3465
|
*
|
|
3466
3466
|
* @default undefined */
|
|
3467
|
-
sizeS?: Size$
|
|
3467
|
+
sizeS?: Size$p;
|
|
3468
3468
|
/**
|
|
3469
3469
|
* Размер для M брейкпоинта.
|
|
3470
3470
|
*
|
|
3471
3471
|
* @default undefined */
|
|
3472
|
-
sizeM?: Size$
|
|
3472
|
+
sizeM?: Size$p;
|
|
3473
3473
|
/**
|
|
3474
3474
|
* Размер для L брейкпоинта.
|
|
3475
3475
|
*
|
|
3476
3476
|
* @default undefined */
|
|
3477
|
-
sizeL?: Size$
|
|
3477
|
+
sizeL?: Size$p;
|
|
3478
3478
|
/**
|
|
3479
3479
|
* Размер для XL брейкпоинта.
|
|
3480
3480
|
*
|
|
3481
3481
|
* @default undefined */
|
|
3482
|
-
sizeXL?: Size$
|
|
3482
|
+
sizeXL?: Size$p;
|
|
3483
3483
|
/**
|
|
3484
3484
|
* Модификация размеров.
|
|
3485
3485
|
*
|
|
3486
3486
|
* @general
|
|
3487
3487
|
* @default undefined */
|
|
3488
|
-
sizes?: Partial<Record<Size$
|
|
3488
|
+
sizes?: Partial<Record<Size$p, React.CSSProperties>>;
|
|
3489
3489
|
/**
|
|
3490
3490
|
* Внешние отступы.
|
|
3491
3491
|
*
|
|
@@ -3493,37 +3493,37 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
|
|
|
3493
3493
|
*
|
|
3494
3494
|
* @general
|
|
3495
3495
|
* @default undefined */
|
|
3496
|
-
margin?: Margin$
|
|
3496
|
+
margin?: Margin$g | [DESKTOP: Margin$g, TABLET: Margin$g, MOBILE: Margin$g] | [XL: Margin$g, L: Margin$g, M: Margin$g, S: Margin$g, XS: Margin$g, XXS: Margin$g];
|
|
3497
3497
|
/**
|
|
3498
3498
|
* Отступ для XXS брейкпоинта.
|
|
3499
3499
|
*
|
|
3500
3500
|
* @default undefined */
|
|
3501
|
-
marginXXS?: Margin$
|
|
3501
|
+
marginXXS?: Margin$g;
|
|
3502
3502
|
/**
|
|
3503
3503
|
* Отступ для XS брейкпоинта.
|
|
3504
3504
|
*
|
|
3505
3505
|
* @default undefined */
|
|
3506
|
-
marginXS?: Margin$
|
|
3506
|
+
marginXS?: Margin$g;
|
|
3507
3507
|
/**
|
|
3508
3508
|
* Отступ для S брейкпоинта.
|
|
3509
3509
|
*
|
|
3510
3510
|
* @default undefined */
|
|
3511
|
-
marginS?: Margin$
|
|
3511
|
+
marginS?: Margin$g;
|
|
3512
3512
|
/**
|
|
3513
3513
|
* Отступ для M брейкпоинта.
|
|
3514
3514
|
*
|
|
3515
3515
|
* @default undefined */
|
|
3516
|
-
marginM?: Margin$
|
|
3516
|
+
marginM?: Margin$g;
|
|
3517
3517
|
/**
|
|
3518
3518
|
* Отступ для L брейкпоинта.
|
|
3519
3519
|
*
|
|
3520
3520
|
* @default undefined */
|
|
3521
|
-
marginL?: Margin$
|
|
3521
|
+
marginL?: Margin$g;
|
|
3522
3522
|
/**
|
|
3523
3523
|
* Отступ для XL брейкпоинта.
|
|
3524
3524
|
*
|
|
3525
3525
|
* @default undefined */
|
|
3526
|
-
marginXL?: Margin$
|
|
3526
|
+
marginXL?: Margin$g;
|
|
3527
3527
|
/** @ignore */
|
|
3528
3528
|
primary?: boolean;
|
|
3529
3529
|
/** @ignore */
|
|
@@ -3614,9 +3614,9 @@ interface AlertProps extends BaseProps {
|
|
|
3614
3614
|
|
|
3615
3615
|
declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
|
|
3616
3616
|
|
|
3617
|
-
type Size$
|
|
3618
|
-
type Margin$
|
|
3619
|
-
interface ArrowProps extends ResponsiveSizeProps<Size$
|
|
3617
|
+
type Size$o = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
3618
|
+
type Margin$f = number | string;
|
|
3619
|
+
interface ArrowProps extends ResponsiveSizeProps<Size$o, SizeValue$1>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
|
|
3620
3620
|
/**
|
|
3621
3621
|
* Версия компонента: v3 ("brand") или v2 ("default").
|
|
3622
3622
|
*
|
|
@@ -3698,43 +3698,43 @@ interface ArrowProps extends ResponsiveSizeProps<Size$n, SizeValue$1>, Responsiv
|
|
|
3698
3698
|
*
|
|
3699
3699
|
* @general
|
|
3700
3700
|
* @default 'l' */
|
|
3701
|
-
size?: Size$
|
|
3701
|
+
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];
|
|
3702
3702
|
/**
|
|
3703
3703
|
* Размер для XXS брейкпоинта.
|
|
3704
3704
|
*
|
|
3705
3705
|
* @default undefined */
|
|
3706
|
-
sizeXXS?: Size$
|
|
3706
|
+
sizeXXS?: Size$o;
|
|
3707
3707
|
/**
|
|
3708
3708
|
* Размер для XS брейкпоинта.
|
|
3709
3709
|
*
|
|
3710
3710
|
* @default undefined */
|
|
3711
|
-
sizeXS?: Size$
|
|
3711
|
+
sizeXS?: Size$o;
|
|
3712
3712
|
/**
|
|
3713
3713
|
* Размер для S брейкпоинта.
|
|
3714
3714
|
*
|
|
3715
3715
|
* @default undefined */
|
|
3716
|
-
sizeS?: Size$
|
|
3716
|
+
sizeS?: Size$o;
|
|
3717
3717
|
/**
|
|
3718
3718
|
* Размер для M брейкпоинта.
|
|
3719
3719
|
*
|
|
3720
3720
|
* @default undefined */
|
|
3721
|
-
sizeM?: Size$
|
|
3721
|
+
sizeM?: Size$o;
|
|
3722
3722
|
/**
|
|
3723
3723
|
* Размер для L брейкпоинта.
|
|
3724
3724
|
*
|
|
3725
3725
|
* @default undefined */
|
|
3726
|
-
sizeL?: Size$
|
|
3726
|
+
sizeL?: Size$o;
|
|
3727
3727
|
/**
|
|
3728
3728
|
* Размер для XL брейкпоинта.
|
|
3729
3729
|
*
|
|
3730
3730
|
* @default undefined */
|
|
3731
|
-
sizeXL?: Size$
|
|
3731
|
+
sizeXL?: Size$o;
|
|
3732
3732
|
/**
|
|
3733
3733
|
* Модификация размеров.
|
|
3734
3734
|
*
|
|
3735
3735
|
* @general
|
|
3736
3736
|
* @default undefined */
|
|
3737
|
-
sizes?: Partial<Record<Size$
|
|
3737
|
+
sizes?: Partial<Record<Size$o, React.CSSProperties>>;
|
|
3738
3738
|
/**
|
|
3739
3739
|
* Внешние отступы.
|
|
3740
3740
|
*
|
|
@@ -3742,37 +3742,37 @@ interface ArrowProps extends ResponsiveSizeProps<Size$n, SizeValue$1>, Responsiv
|
|
|
3742
3742
|
*
|
|
3743
3743
|
* @general
|
|
3744
3744
|
* @default undefined */
|
|
3745
|
-
margin?: Margin$
|
|
3745
|
+
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];
|
|
3746
3746
|
/**
|
|
3747
3747
|
* Отступ для XXS брейкпоинта.
|
|
3748
3748
|
*
|
|
3749
3749
|
* @default undefined */
|
|
3750
|
-
marginXXS?: Margin$
|
|
3750
|
+
marginXXS?: Margin$f;
|
|
3751
3751
|
/**
|
|
3752
3752
|
* Отступ для XS брейкпоинта.
|
|
3753
3753
|
*
|
|
3754
3754
|
* @default undefined */
|
|
3755
|
-
marginXS?: Margin$
|
|
3755
|
+
marginXS?: Margin$f;
|
|
3756
3756
|
/**
|
|
3757
3757
|
* Отступ для S брейкпоинта.
|
|
3758
3758
|
*
|
|
3759
3759
|
* @default undefined */
|
|
3760
|
-
marginS?: Margin$
|
|
3760
|
+
marginS?: Margin$f;
|
|
3761
3761
|
/**
|
|
3762
3762
|
* Отступ для M брейкпоинта.
|
|
3763
3763
|
*
|
|
3764
3764
|
* @default undefined */
|
|
3765
|
-
marginM?: Margin$
|
|
3765
|
+
marginM?: Margin$f;
|
|
3766
3766
|
/**
|
|
3767
3767
|
* Отступ для L брейкпоинта.
|
|
3768
3768
|
*
|
|
3769
3769
|
* @default undefined */
|
|
3770
|
-
marginL?: Margin$
|
|
3770
|
+
marginL?: Margin$f;
|
|
3771
3771
|
/**
|
|
3772
3772
|
* Отступ для XL брейкпоинта.
|
|
3773
3773
|
*
|
|
3774
3774
|
* @default undefined */
|
|
3775
|
-
marginXL?: Margin$
|
|
3775
|
+
marginXL?: Margin$f;
|
|
3776
3776
|
/** @ignore */
|
|
3777
3777
|
inverse?: boolean;
|
|
3778
3778
|
/** @ignore @deprecated */
|
|
@@ -3789,8 +3789,8 @@ interface ArrowProps extends ResponsiveSizeProps<Size$n, SizeValue$1>, Responsiv
|
|
|
3789
3789
|
*/
|
|
3790
3790
|
declare const Arrow: React.ForwardRefExoticComponent<ArrowProps>;
|
|
3791
3791
|
|
|
3792
|
-
type Size$
|
|
3793
|
-
interface InputCheckboxProps extends ResponsiveSizeProps<Size$
|
|
3792
|
+
type Size$n = 'xl' | 'l' | 'm' | 's' | 'xs';
|
|
3793
|
+
interface InputCheckboxProps extends ResponsiveSizeProps<Size$n>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
|
|
3794
3794
|
/**
|
|
3795
3795
|
* Текущее состояние контрола (использование включает контролируемый режим).
|
|
3796
3796
|
*
|
|
@@ -3867,43 +3867,43 @@ interface InputCheckboxProps extends ResponsiveSizeProps<Size$m>, Omit<React.Com
|
|
|
3867
3867
|
*
|
|
3868
3868
|
* @general
|
|
3869
3869
|
* @default 'm' */
|
|
3870
|
-
size?: Size$
|
|
3870
|
+
size?: Size$n | [DESKTOP: Size$n, TABLET: Size$n, MOBILE: Size$n] | [XL: Size$n, L: Size$n, M: Size$n, S: Size$n, XS: Size$n, XXS: Size$n];
|
|
3871
3871
|
/**
|
|
3872
3872
|
* Размер для XXS брейкпоинта.
|
|
3873
3873
|
*
|
|
3874
3874
|
* @default undefined */
|
|
3875
|
-
sizeXXS?: Size$
|
|
3875
|
+
sizeXXS?: Size$n;
|
|
3876
3876
|
/**
|
|
3877
3877
|
* Размер для XS брейкпоинта.
|
|
3878
3878
|
*
|
|
3879
3879
|
* @default undefined */
|
|
3880
|
-
sizeXS?: Size$
|
|
3880
|
+
sizeXS?: Size$n;
|
|
3881
3881
|
/**
|
|
3882
3882
|
* Размер для S брейкпоинта.
|
|
3883
3883
|
*
|
|
3884
3884
|
* @default undefined */
|
|
3885
|
-
sizeS?: Size$
|
|
3885
|
+
sizeS?: Size$n;
|
|
3886
3886
|
/**
|
|
3887
3887
|
* Размер для M брейкпоинта.
|
|
3888
3888
|
*
|
|
3889
3889
|
* @default undefined */
|
|
3890
|
-
sizeM?: Size$
|
|
3890
|
+
sizeM?: Size$n;
|
|
3891
3891
|
/**
|
|
3892
3892
|
* Размер для L брейкпоинта.
|
|
3893
3893
|
*
|
|
3894
3894
|
* @default undefined */
|
|
3895
|
-
sizeL?: Size$
|
|
3895
|
+
sizeL?: Size$n;
|
|
3896
3896
|
/**
|
|
3897
3897
|
* Размер для XL брейкпоинта.
|
|
3898
3898
|
*
|
|
3899
3899
|
* @default undefined */
|
|
3900
|
-
sizeXL?: Size$
|
|
3900
|
+
sizeXL?: Size$n;
|
|
3901
3901
|
/**
|
|
3902
3902
|
* Модификация размеров.
|
|
3903
3903
|
*
|
|
3904
3904
|
* @general
|
|
3905
3905
|
* @default undefined */
|
|
3906
|
-
sizes?: Partial<Record<Size$
|
|
3906
|
+
sizes?: Partial<Record<Size$n, React.CSSProperties>>;
|
|
3907
3907
|
/** @ignore @deprecated */
|
|
3908
3908
|
onColored?: boolean;
|
|
3909
3909
|
}
|
|
@@ -3952,8 +3952,8 @@ declare enum SizeInput {
|
|
|
3952
3952
|
xs = 140
|
|
3953
3953
|
}
|
|
3954
3954
|
|
|
3955
|
-
type Size$
|
|
3956
|
-
interface TextareaBaseProps extends ResponsiveSizeProps<Size$
|
|
3955
|
+
type Size$m = 'l' | 'm' | 's' | 'xs';
|
|
3956
|
+
interface TextareaBaseProps extends ResponsiveSizeProps<Size$m>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
|
|
3957
3957
|
/**
|
|
3958
3958
|
* Автоматически адаптировать число строк под контент.
|
|
3959
3959
|
*
|
|
@@ -4108,7 +4108,7 @@ type ArrowBadgePalette = {
|
|
|
4108
4108
|
color: CSSColor;
|
|
4109
4109
|
backgroundColor: CSSColor;
|
|
4110
4110
|
};
|
|
4111
|
-
interface ArrowBadgeProps extends ResponsiveSizeProps<Size$
|
|
4111
|
+
interface ArrowBadgeProps extends ResponsiveSizeProps<Size$s, SizeValue$1>, ResponsiveMarginProps,
|
|
4112
4112
|
/** @deprecated Use palette */
|
|
4113
4113
|
ColorProperty<'color'>,
|
|
4114
4114
|
/** @deprecated Use palette */
|
|
@@ -4150,9 +4150,9 @@ ColorProperty<'backgroundColor'>, Omit<React.ComponentPropsWithRef<'div'>, 'colo
|
|
|
4150
4150
|
*/
|
|
4151
4151
|
declare const ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps>;
|
|
4152
4152
|
|
|
4153
|
-
type Size$
|
|
4154
|
-
type Margin$
|
|
4155
|
-
interface TabProps extends ResponsiveSizeProps<Size$
|
|
4153
|
+
type Size$l = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
4154
|
+
type Margin$e = number | string;
|
|
4155
|
+
interface TabProps extends ResponsiveSizeProps<Size$l, SizeValue$1>, ResponsiveMarginProps,
|
|
4156
4156
|
/** @deprecated Use palette */
|
|
4157
4157
|
ColorProperty<'color'>,
|
|
4158
4158
|
/** @deprecated Use palette */
|
|
@@ -4243,43 +4243,43 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
|
|
|
4243
4243
|
*
|
|
4244
4244
|
* @general
|
|
4245
4245
|
* @default 'm' */
|
|
4246
|
-
size?: Size$
|
|
4246
|
+
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];
|
|
4247
4247
|
/**
|
|
4248
4248
|
* Размер для XXS брейкпоинта.
|
|
4249
4249
|
*
|
|
4250
4250
|
* @default undefined */
|
|
4251
|
-
sizeXXS?: Size$
|
|
4251
|
+
sizeXXS?: Size$l;
|
|
4252
4252
|
/**
|
|
4253
4253
|
* Размер для XS брейкпоинта.
|
|
4254
4254
|
*
|
|
4255
4255
|
* @default undefined */
|
|
4256
|
-
sizeXS?: Size$
|
|
4256
|
+
sizeXS?: Size$l;
|
|
4257
4257
|
/**
|
|
4258
4258
|
* Размер для S брейкпоинта.
|
|
4259
4259
|
*
|
|
4260
4260
|
* @default undefined */
|
|
4261
|
-
sizeS?: Size$
|
|
4261
|
+
sizeS?: Size$l;
|
|
4262
4262
|
/**
|
|
4263
4263
|
* Размер для M брейкпоинта.
|
|
4264
4264
|
*
|
|
4265
4265
|
* @default undefined */
|
|
4266
|
-
sizeM?: Size$
|
|
4266
|
+
sizeM?: Size$l;
|
|
4267
4267
|
/**
|
|
4268
4268
|
* Размер для L брейкпоинта.
|
|
4269
4269
|
*
|
|
4270
4270
|
* @default undefined */
|
|
4271
|
-
sizeL?: Size$
|
|
4271
|
+
sizeL?: Size$l;
|
|
4272
4272
|
/**
|
|
4273
4273
|
* Размер для XL брейкпоинта.
|
|
4274
4274
|
*
|
|
4275
4275
|
* @default undefined */
|
|
4276
|
-
sizeXL?: Size$
|
|
4276
|
+
sizeXL?: Size$l;
|
|
4277
4277
|
/**
|
|
4278
4278
|
* Модификация размеров.
|
|
4279
4279
|
*
|
|
4280
4280
|
* @general
|
|
4281
4281
|
* @default undefined */
|
|
4282
|
-
sizes?: Partial<Record<Size$
|
|
4282
|
+
sizes?: Partial<Record<Size$l, React.CSSProperties>>;
|
|
4283
4283
|
/**
|
|
4284
4284
|
* Внешние отступы.
|
|
4285
4285
|
*
|
|
@@ -4287,37 +4287,37 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
|
|
|
4287
4287
|
*
|
|
4288
4288
|
* @general
|
|
4289
4289
|
* @default undefined */
|
|
4290
|
-
margin?: Margin$
|
|
4290
|
+
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];
|
|
4291
4291
|
/**
|
|
4292
4292
|
* Отступ для XXS брейкпоинта.
|
|
4293
4293
|
*
|
|
4294
4294
|
* @default undefined */
|
|
4295
|
-
marginXXS?: Margin$
|
|
4295
|
+
marginXXS?: Margin$e;
|
|
4296
4296
|
/**
|
|
4297
4297
|
* Отступ для XS брейкпоинта.
|
|
4298
4298
|
*
|
|
4299
4299
|
* @default undefined */
|
|
4300
|
-
marginXS?: Margin$
|
|
4300
|
+
marginXS?: Margin$e;
|
|
4301
4301
|
/**
|
|
4302
4302
|
* Отступ для S брейкпоинта.
|
|
4303
4303
|
*
|
|
4304
4304
|
* @default undefined */
|
|
4305
|
-
marginS?: Margin$
|
|
4305
|
+
marginS?: Margin$e;
|
|
4306
4306
|
/**
|
|
4307
4307
|
* Отступ для M брейкпоинта.
|
|
4308
4308
|
*
|
|
4309
4309
|
* @default undefined */
|
|
4310
|
-
marginM?: Margin$
|
|
4310
|
+
marginM?: Margin$e;
|
|
4311
4311
|
/**
|
|
4312
4312
|
* Отступ для L брейкпоинта.
|
|
4313
4313
|
*
|
|
4314
4314
|
* @default undefined */
|
|
4315
|
-
marginL?: Margin$
|
|
4315
|
+
marginL?: Margin$e;
|
|
4316
4316
|
/**
|
|
4317
4317
|
* Отступ для XL брейкпоинта.
|
|
4318
4318
|
*
|
|
4319
4319
|
* @default undefined */
|
|
4320
|
-
marginXL?: Margin$
|
|
4320
|
+
marginXL?: Margin$e;
|
|
4321
4321
|
/** @ignore */
|
|
4322
4322
|
compact?: boolean;
|
|
4323
4323
|
/** @ignore */
|
|
@@ -4338,62 +4338,192 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
|
|
|
4338
4338
|
*/
|
|
4339
4339
|
declare const Tab: React.ForwardRefExoticComponent<TabProps>;
|
|
4340
4340
|
|
|
4341
|
-
type
|
|
4342
|
-
|
|
4343
|
-
|
|
4344
|
-
};
|
|
4345
|
-
interface BadgeProps extends ResponsiveSizeProps<Size$r, SizeValue$1>, ResponsiveMarginProps,
|
|
4341
|
+
type Margin$d = number | string;
|
|
4342
|
+
type Size$k = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
4343
|
+
interface BadgeProps extends ResponsiveSizeProps<Size$k>, ResponsiveMarginProps,
|
|
4346
4344
|
/** @deprecated Use palette */
|
|
4347
4345
|
ColorProperty,
|
|
4348
4346
|
/** @deprecated Use children as function */
|
|
4349
4347
|
DisplayProperty, Omit<React.ComponentPropsWithRef<'div'>, 'color' | 'children'> {
|
|
4350
|
-
/**
|
|
4351
|
-
|
|
4352
|
-
|
|
4353
|
-
|
|
4354
|
-
|
|
4355
|
-
|
|
4356
|
-
|
|
4348
|
+
/**
|
|
4349
|
+
* Кастомный рутовый блок.
|
|
4350
|
+
*
|
|
4351
|
+
* @slot
|
|
4352
|
+
* @default undefined */
|
|
4353
|
+
children?: React.ReactNode | ((rootProps: {
|
|
4354
|
+
textProps: Partial<TextProps>;
|
|
4355
|
+
iconProps: Partial<IconProps>;
|
|
4357
4356
|
}) => React.ReactNode);
|
|
4358
|
-
/**
|
|
4359
|
-
|
|
4360
|
-
|
|
4361
|
-
|
|
4362
|
-
|
|
4357
|
+
/**
|
|
4358
|
+
* Кастомные цвета.
|
|
4359
|
+
*
|
|
4360
|
+
* @general
|
|
4361
|
+
* @default {} */
|
|
4362
|
+
palette?: {
|
|
4363
|
+
color?: Color;
|
|
4364
|
+
backgroundColor?: Color;
|
|
4365
|
+
};
|
|
4366
|
+
/**
|
|
4367
|
+
* Вариант внешнего вида.
|
|
4368
|
+
*
|
|
4369
|
+
* @general
|
|
4370
|
+
* @default true */
|
|
4363
4371
|
primary?: boolean;
|
|
4364
|
-
/**
|
|
4372
|
+
/**
|
|
4373
|
+
* Вариант внешнего вида.
|
|
4374
|
+
*
|
|
4375
|
+
* @general
|
|
4376
|
+
* @default false */
|
|
4365
4377
|
secondary?: boolean;
|
|
4366
|
-
/**
|
|
4378
|
+
/**
|
|
4379
|
+
* Вариант внешнего вида.
|
|
4380
|
+
*
|
|
4381
|
+
* @general
|
|
4382
|
+
* @default false */
|
|
4367
4383
|
tertiary?: boolean;
|
|
4368
|
-
/**
|
|
4384
|
+
/**
|
|
4385
|
+
* Вариант внешнего вида.
|
|
4386
|
+
*
|
|
4387
|
+
* @general
|
|
4388
|
+
* @default false */
|
|
4369
4389
|
quaternary?: boolean;
|
|
4370
|
-
/**
|
|
4371
|
-
|
|
4372
|
-
|
|
4373
|
-
|
|
4374
|
-
|
|
4375
|
-
|
|
4376
|
-
/**
|
|
4377
|
-
|
|
4378
|
-
|
|
4390
|
+
/**
|
|
4391
|
+
* Форма рутового элемента.
|
|
4392
|
+
*
|
|
4393
|
+
* @general
|
|
4394
|
+
* @default 'square' */
|
|
4395
|
+
shape?: 'square' | 'rounded';
|
|
4396
|
+
/**
|
|
4397
|
+
* Сброс заданного по умолчанию `margin-right: 8px;`.
|
|
4398
|
+
*
|
|
4399
|
+
* @general
|
|
4400
|
+
* @default false */
|
|
4379
4401
|
resetDefaultMargin?: boolean;
|
|
4402
|
+
/**
|
|
4403
|
+
* Дополнительные элементы слева.
|
|
4404
|
+
*
|
|
4405
|
+
* @slot
|
|
4406
|
+
* @default undefined */
|
|
4407
|
+
addonLeft?: React.ReactElement | ((addonLeftProps: {
|
|
4408
|
+
iconProps: IconProps;
|
|
4409
|
+
}) => React.ReactNode);
|
|
4410
|
+
/**
|
|
4411
|
+
* Дополнительные элементы справа.
|
|
4412
|
+
*
|
|
4413
|
+
* @slot
|
|
4414
|
+
* @default undefined */
|
|
4415
|
+
addonRight?: React.ReactElement | ((addonRightProps: {
|
|
4416
|
+
iconProps: IconProps;
|
|
4417
|
+
}) => React.ReactNode);
|
|
4418
|
+
/**
|
|
4419
|
+
* Размер.
|
|
4420
|
+
*
|
|
4421
|
+
* Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
|
|
4422
|
+
*
|
|
4423
|
+
* @general
|
|
4424
|
+
* @default 's' */
|
|
4425
|
+
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];
|
|
4426
|
+
/**
|
|
4427
|
+
* Размер для XXS брейкпоинта.
|
|
4428
|
+
*
|
|
4429
|
+
* @default undefined */
|
|
4430
|
+
sizeXXS?: Size$k;
|
|
4431
|
+
/**
|
|
4432
|
+
* Размер для XS брейкпоинта.
|
|
4433
|
+
*
|
|
4434
|
+
* @default undefined */
|
|
4435
|
+
sizeXS?: Size$k;
|
|
4436
|
+
/**
|
|
4437
|
+
* Размер для S брейкпоинта.
|
|
4438
|
+
*
|
|
4439
|
+
* @default undefined */
|
|
4440
|
+
sizeS?: Size$k;
|
|
4441
|
+
/**
|
|
4442
|
+
* Размер для M брейкпоинта.
|
|
4443
|
+
*
|
|
4444
|
+
* @default undefined */
|
|
4445
|
+
sizeM?: Size$k;
|
|
4446
|
+
/**
|
|
4447
|
+
* Размер для L брейкпоинта.
|
|
4448
|
+
*
|
|
4449
|
+
* @default undefined */
|
|
4450
|
+
sizeL?: Size$k;
|
|
4451
|
+
/**
|
|
4452
|
+
* Размер для XL брейкпоинта.
|
|
4453
|
+
*
|
|
4454
|
+
* @default undefined */
|
|
4455
|
+
sizeXL?: Size$k;
|
|
4456
|
+
/**
|
|
4457
|
+
* Модификация размеров.
|
|
4458
|
+
*
|
|
4459
|
+
* @general
|
|
4460
|
+
* @default undefined */
|
|
4461
|
+
sizes?: Partial<Record<Size$k, React.CSSProperties>>;
|
|
4462
|
+
/**
|
|
4463
|
+
* Внешние отступы.
|
|
4464
|
+
*
|
|
4465
|
+
* Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
|
|
4466
|
+
*
|
|
4467
|
+
* @general
|
|
4468
|
+
* @default undefined */
|
|
4469
|
+
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];
|
|
4470
|
+
/**
|
|
4471
|
+
* Отступ для XXS брейкпоинта.
|
|
4472
|
+
*
|
|
4473
|
+
* @default undefined */
|
|
4474
|
+
marginXXS?: Margin$d;
|
|
4475
|
+
/**
|
|
4476
|
+
* Отступ для XS брейкпоинта.
|
|
4477
|
+
*
|
|
4478
|
+
* @default undefined */
|
|
4479
|
+
marginXS?: Margin$d;
|
|
4480
|
+
/**
|
|
4481
|
+
* Отступ для S брейкпоинта.
|
|
4482
|
+
*
|
|
4483
|
+
* @default undefined */
|
|
4484
|
+
marginS?: Margin$d;
|
|
4485
|
+
/**
|
|
4486
|
+
* Отступ для M брейкпоинта.
|
|
4487
|
+
*
|
|
4488
|
+
* @default undefined */
|
|
4489
|
+
marginM?: Margin$d;
|
|
4490
|
+
/**
|
|
4491
|
+
* Отступ для L брейкпоинта.
|
|
4492
|
+
*
|
|
4493
|
+
* @default undefined */
|
|
4494
|
+
marginL?: Margin$d;
|
|
4495
|
+
/**
|
|
4496
|
+
* Отступ для XL брейкпоинта.
|
|
4497
|
+
*
|
|
4498
|
+
* @default undefined */
|
|
4499
|
+
marginXL?: Margin$d;
|
|
4380
4500
|
/** @ignore Internal */
|
|
4381
4501
|
cursor?: string;
|
|
4382
4502
|
/** @ignore @deprecated Use children */
|
|
4383
4503
|
content?: string | React.ReactNode;
|
|
4504
|
+
/** @ignore @deprecated Use children */
|
|
4505
|
+
textProps?: TextProps;
|
|
4506
|
+
/** @ignore @deprecated Use shape */
|
|
4507
|
+
round?: boolean;
|
|
4508
|
+
/** @ignore @deprecated Use shape */
|
|
4509
|
+
borderRadius?: string | number;
|
|
4510
|
+
/** @ignore @deprecated Use addonLeft */
|
|
4511
|
+
icon?: JSX.Element | IconName | [Nullable<JSX.Element | IconName>, Nullable<JSX.Element | IconName>];
|
|
4512
|
+
/** @ignore @deprecated Use addonLeft */
|
|
4513
|
+
iconProps?: IconProps;
|
|
4384
4514
|
}
|
|
4385
4515
|
|
|
4386
4516
|
/**
|
|
4387
4517
|
*
|
|
4388
|
-
*
|
|
4518
|
+
* *v1.0.0*
|
|
4389
4519
|
*
|
|
4390
|
-
*
|
|
4520
|
+
* Компонент для маркировки свойств сущности.
|
|
4391
4521
|
*
|
|
4392
|
-
*
|
|
4522
|
+
* Полиморфный компонент.
|
|
4393
4523
|
*
|
|
4394
|
-
*
|
|
4524
|
+
* Можно передать "ref" и атрибуты выбранного HTML-элемента (по умолчанию \<div\>).
|
|
4395
4525
|
*/
|
|
4396
|
-
declare const Badge: React.
|
|
4526
|
+
declare const Badge: <C extends React.ElementType = "div">(props: PolymorphicPropsWithRef<C, BadgeProps>) => React.ReactElement | null;
|
|
4397
4527
|
|
|
4398
4528
|
type Size$j = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
|
|
4399
4529
|
type Margin$c = number | string;
|
|
@@ -5603,7 +5733,7 @@ type IndicatorPalette = {
|
|
|
5603
5733
|
backgroundColor: CSSColor;
|
|
5604
5734
|
shadowColor: CSSColor;
|
|
5605
5735
|
};
|
|
5606
|
-
interface IndicatorProps extends ResponsiveSizeProps<Size$
|
|
5736
|
+
interface IndicatorProps extends ResponsiveSizeProps<Size$s, SizeValue$1>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
|
|
5607
5737
|
/** Custom colors */
|
|
5608
5738
|
palette?: Partial<Record<keyof IndicatorPalette, Color>>;
|
|
5609
5739
|
/** Text content */
|
|
@@ -8322,7 +8452,7 @@ declare function useScrollLock(params: ScrollLockParams): void;
|
|
|
8322
8452
|
|
|
8323
8453
|
declare const vAlign: (align: "top" | "middle" | "bottom" | "text-top" | "text-bottom" | "baseline") => styled_components.FlattenSimpleInterpolation;
|
|
8324
8454
|
|
|
8325
|
-
declare function buildMediaQuery(value: number | Size$
|
|
8455
|
+
declare function buildMediaQuery(value: number | Size$s | '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$s, number>): ReturnType<typeof css>;
|
|
8326
8456
|
declare const desktopFirst: (a: string, b: string) => number;
|
|
8327
8457
|
declare const mobileFirst: (a: string, b: string) => number;
|
|
8328
8458
|
|
|
@@ -11183,4 +11313,4 @@ declare const MediaProvider: (props: React.PropsWithChildren<{
|
|
|
11183
11313
|
*/
|
|
11184
11314
|
declare const useMediaMatchers: () => Partial<Record<MediaMatcherId, boolean>>;
|
|
11185
11315
|
|
|
11186
|
-
export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, AddElement, type AddElementProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, type AnchorProps, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint$1 as 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, type ComponentElementType, 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, Media, MediaMediator, type MediaProps, MediaProvider, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, type Orientation, Paper, type PaperProps, type PlaygroundToolbar, type PolymorphicProps, type PolymorphicPropsWithRef, type PolymorphicRef, 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$
|
|
11316
|
+
export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, AddElement, type AddElementProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, type AnchorProps, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint$1 as 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, type ComponentElementType, 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, Media, MediaMediator, type MediaProps, MediaProvider, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, type Orientation, Paper, type PaperProps, type PlaygroundToolbar, type PolymorphicProps, type PolymorphicPropsWithRef, type PolymorphicRef, 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$s 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, getDarkHoverColor, getDarkStrongHoverColor, getLightHoverColor, getLightStrongHoverColor, 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, useMediaMatchers, useScrollLock, useScrollMonitor, vAlign };
|