@foxford/ui 2.132.0 → 2.133.0
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/Menu/Menu.js +1 -1
- package/components/Menu/Menu.js.map +1 -1
- package/components/Menu/Menu.mjs +1 -1
- package/components/Menu/Menu.mjs.map +1 -1
- package/components/MenuComponent/MenuComponent.js +1 -1
- package/components/MenuComponent/MenuComponent.js.map +1 -1
- package/components/MenuComponent/MenuComponent.mjs +1 -1
- package/components/MenuComponent/MenuComponent.mjs.map +1 -1
- package/components/MenuComponent/{constants.js → sizes.js} +1 -1
- package/components/MenuComponent/sizes.js.map +1 -0
- package/components/MenuComponent/{constants.mjs → sizes.mjs} +1 -1
- package/components/MenuComponent/sizes.mjs.map +1 -0
- package/components/MenuComponent/style.js +1 -1
- package/components/MenuComponent/style.js.map +1 -1
- package/components/MenuComponent/style.mjs +1 -1
- package/components/MenuComponent/style.mjs.map +1 -1
- package/components/MenuContainer/MenuContainer.js +1 -1
- package/components/MenuContainer/MenuContainer.js.map +1 -1
- package/components/MenuContainer/MenuContainer.mjs +1 -1
- package/components/MenuContainer/MenuContainer.mjs.map +1 -1
- package/components/MenuContainer/style.js +1 -1
- package/components/MenuContainer/style.js.map +1 -1
- package/components/MenuContainer/style.mjs +1 -1
- package/components/MenuContainer/style.mjs.map +1 -1
- package/components/MenuList/MenuList.js.map +1 -1
- package/components/MenuList/MenuList.mjs.map +1 -1
- package/components/MenuList/style.js +1 -1
- package/components/MenuList/style.js.map +1 -1
- package/components/MenuList/style.mjs +1 -1
- package/components/MenuList/style.mjs.map +1 -1
- package/dts/index.d.ts +394 -219
- package/package.json +2 -2
- package/components/MenuComponent/constants.js.map +0 -1
- package/components/MenuComponent/constants.mjs.map +0 -1
package/dts/index.d.ts
CHANGED
|
@@ -27,8 +27,8 @@ type CSSColor = RGB | RGBA | HEX | CSSGlobalValue | 'currentcolor' | 'transparen
|
|
|
27
27
|
type CSSBorderStyle = CSSGlobalValue | 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
|
|
28
28
|
type CSSVerticalAlign = CSSGlobalValue | 'baseline' | 'sub' | 'super' | 'text-top' | 'text-bottom' | 'middle' | 'top' | 'bottom';
|
|
29
29
|
type CSSFontWeight = CSSGlobalValue | 'normal' | 'bold' | 'lighter' | 'bolder' | number;
|
|
30
|
-
type Size$
|
|
31
|
-
type SizeValue$1 = Size$
|
|
30
|
+
type Size$A = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
31
|
+
type SizeValue$1 = Size$A | CSSGlobalValue | number;
|
|
32
32
|
type Breakpoint$1 = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL';
|
|
33
33
|
type Orientation = 'landscape' | 'portrait';
|
|
34
34
|
type Color = ColorName | CSSColor;
|
|
@@ -94,7 +94,7 @@ interface ToolbarControl<T = Record<string, unknown>> {
|
|
|
94
94
|
type PlaygroundToolbar<T = Record<string, unknown>> = Record<string, ToolbarControl<T>[] | ToolbarControl<T>[][]>;
|
|
95
95
|
type WrappedComponentProps = {
|
|
96
96
|
preset?: ThemePreset;
|
|
97
|
-
sizes?: Partial<Record<Size$
|
|
97
|
+
sizes?: Partial<Record<Size$A, React.CSSProperties>>;
|
|
98
98
|
palette?: Partial<Record<ColorPaletteKey, Color>>;
|
|
99
99
|
};
|
|
100
100
|
type WithMergedPropsOptions<T extends WrappedComponentProps> = {
|
|
@@ -236,7 +236,7 @@ interface ExpandButtonProps extends React.ComponentPropsWithoutRef<'button'> {
|
|
|
236
236
|
/** Кастомные цвета */
|
|
237
237
|
palette?: Partial<Record<keyof ExpandButtonPalette, Color>>;
|
|
238
238
|
}
|
|
239
|
-
interface TextProps extends ResponsiveSizeProps<Size$
|
|
239
|
+
interface TextProps extends ResponsiveSizeProps<Size$A, SizeValue$1>, ResponsiveMarginProps,
|
|
240
240
|
/** @deprecated */
|
|
241
241
|
DisplayProperty, ColorProperty, Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<React.BlockquoteHTMLAttributes<HTMLElement>, 'color'>, Omit<React.LabelHTMLAttributes<HTMLElement>, 'color'> {
|
|
242
242
|
/** Применение присета стилей и размеров */
|
|
@@ -310,8 +310,8 @@ declare const Text: React.ForwardRefExoticComponent<TextProps> & {
|
|
|
310
310
|
Ellipse: typeof TextEllipse;
|
|
311
311
|
};
|
|
312
312
|
|
|
313
|
-
type Size$
|
|
314
|
-
interface TimerBaseProps extends ResponsiveSizeProps<Size$
|
|
313
|
+
type Size$z = 's' | 'm';
|
|
314
|
+
interface TimerBaseProps extends ResponsiveSizeProps<Size$z> {
|
|
315
315
|
/**
|
|
316
316
|
* Время работы таймера (секунды).
|
|
317
317
|
*/
|
|
@@ -1378,11 +1378,11 @@ type IconISOCode =
|
|
|
1378
1378
|
| 'af'
|
|
1379
1379
|
|
|
1380
1380
|
type SizeIcon = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
1381
|
-
type Size$
|
|
1381
|
+
type Size$y = SizeIcon | number | 'inherit';
|
|
1382
1382
|
type Margin$q = number | string;
|
|
1383
1383
|
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';
|
|
1384
1384
|
type IconName = IconName$1 | IconNameDefault | IconISOCode;
|
|
1385
|
-
interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$
|
|
1385
|
+
interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$y>, ResponsiveMarginProps {
|
|
1386
1386
|
/**
|
|
1387
1387
|
* Версия компонента: v3 ("brand") или v2 ("default").
|
|
1388
1388
|
*
|
|
@@ -1437,37 +1437,37 @@ interface IconBaseProps extends ResponsiveSizeProps<SizeIcon, Size$x>, Responsiv
|
|
|
1437
1437
|
*
|
|
1438
1438
|
* @general
|
|
1439
1439
|
* @default 'inherit' */
|
|
1440
|
-
size?: Size$
|
|
1440
|
+
size?: Size$y | [DESKTOP: Size$y, TABLET: Size$y, MOBILE: Size$y] | [XL: Size$y, L: Size$y, M: Size$y, S: Size$y, XS: Size$y, XXS: Size$y];
|
|
1441
1441
|
/**
|
|
1442
1442
|
* Размер для XXS брейкпоинта.
|
|
1443
1443
|
*
|
|
1444
1444
|
* @default undefined */
|
|
1445
|
-
sizeXXS?: Size$
|
|
1445
|
+
sizeXXS?: Size$y;
|
|
1446
1446
|
/**
|
|
1447
1447
|
* Размер для XS брейкпоинта.
|
|
1448
1448
|
*
|
|
1449
1449
|
* @default undefined */
|
|
1450
|
-
sizeXS?: Size$
|
|
1450
|
+
sizeXS?: Size$y;
|
|
1451
1451
|
/**
|
|
1452
1452
|
* Размер для S брейкпоинта.
|
|
1453
1453
|
*
|
|
1454
1454
|
* @default undefined */
|
|
1455
|
-
sizeS?: Size$
|
|
1455
|
+
sizeS?: Size$y;
|
|
1456
1456
|
/**
|
|
1457
1457
|
* Размер для M брейкпоинта.
|
|
1458
1458
|
*
|
|
1459
1459
|
* @default undefined */
|
|
1460
|
-
sizeM?: Size$
|
|
1460
|
+
sizeM?: Size$y;
|
|
1461
1461
|
/**
|
|
1462
1462
|
* Размер для L брейкпоинта.
|
|
1463
1463
|
*
|
|
1464
1464
|
* @default undefined */
|
|
1465
|
-
sizeL?: Size$
|
|
1465
|
+
sizeL?: Size$y;
|
|
1466
1466
|
/**
|
|
1467
1467
|
* Размер для XL брейкпоинта.
|
|
1468
1468
|
*
|
|
1469
1469
|
* @default undefined */
|
|
1470
|
-
sizeXL?: Size$
|
|
1470
|
+
sizeXL?: Size$y;
|
|
1471
1471
|
/**
|
|
1472
1472
|
* Модификация размеров.
|
|
1473
1473
|
*
|
|
@@ -1525,9 +1525,9 @@ type IconProps = IconBaseProps & Omit<React.ComponentPropsWithRef<'span'>, keyof
|
|
|
1525
1525
|
*/
|
|
1526
1526
|
declare const Icon: React.ForwardRefExoticComponent<IconProps>;
|
|
1527
1527
|
|
|
1528
|
-
type Size$
|
|
1528
|
+
type Size$x = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
|
|
1529
1529
|
type Margin$p = number | string;
|
|
1530
|
-
interface IconButtonBaseProps extends ResponsiveSizeProps<Size$
|
|
1530
|
+
interface IconButtonBaseProps extends ResponsiveSizeProps<Size$x>, ResponsiveMarginProps {
|
|
1531
1531
|
/**
|
|
1532
1532
|
* Кастомные цвета.
|
|
1533
1533
|
*
|
|
@@ -1597,43 +1597,43 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$w>, ResponsiveMar
|
|
|
1597
1597
|
*
|
|
1598
1598
|
* @general
|
|
1599
1599
|
* @default 'm' */
|
|
1600
|
-
size?: Size$
|
|
1600
|
+
size?: Size$x | [DESKTOP: Size$x, TABLET: Size$x, MOBILE: Size$x] | [XL: Size$x, L: Size$x, M: Size$x, S: Size$x, XS: Size$x, XXS: Size$x];
|
|
1601
1601
|
/**
|
|
1602
1602
|
* Размер для XXS брейкпоинта.
|
|
1603
1603
|
*
|
|
1604
1604
|
* @default undefined */
|
|
1605
|
-
sizeXXS?: Size$
|
|
1605
|
+
sizeXXS?: Size$x;
|
|
1606
1606
|
/**
|
|
1607
1607
|
* Размер для XS брейкпоинта.
|
|
1608
1608
|
*
|
|
1609
1609
|
* @default undefined */
|
|
1610
|
-
sizeXS?: Size$
|
|
1610
|
+
sizeXS?: Size$x;
|
|
1611
1611
|
/**
|
|
1612
1612
|
* Размер для S брейкпоинта.
|
|
1613
1613
|
*
|
|
1614
1614
|
* @default undefined */
|
|
1615
|
-
sizeS?: Size$
|
|
1615
|
+
sizeS?: Size$x;
|
|
1616
1616
|
/**
|
|
1617
1617
|
* Размер для M брейкпоинта.
|
|
1618
1618
|
*
|
|
1619
1619
|
* @default undefined */
|
|
1620
|
-
sizeM?: Size$
|
|
1620
|
+
sizeM?: Size$x;
|
|
1621
1621
|
/**
|
|
1622
1622
|
* Размер для L брейкпоинта.
|
|
1623
1623
|
*
|
|
1624
1624
|
* @default undefined */
|
|
1625
|
-
sizeL?: Size$
|
|
1625
|
+
sizeL?: Size$x;
|
|
1626
1626
|
/**
|
|
1627
1627
|
* Размер для XL брейкпоинта.
|
|
1628
1628
|
*
|
|
1629
1629
|
* @default undefined */
|
|
1630
|
-
sizeXL?: Size$
|
|
1630
|
+
sizeXL?: Size$x;
|
|
1631
1631
|
/**
|
|
1632
1632
|
* Модификация размеров.
|
|
1633
1633
|
*
|
|
1634
1634
|
* @general
|
|
1635
1635
|
* @default undefined */
|
|
1636
|
-
sizes?: Partial<Record<Size$
|
|
1636
|
+
sizes?: Partial<Record<Size$x, React.CSSProperties>>;
|
|
1637
1637
|
/**
|
|
1638
1638
|
* Внешние отступы.
|
|
1639
1639
|
*
|
|
@@ -1760,21 +1760,21 @@ interface Location extends Path {
|
|
|
1760
1760
|
/**
|
|
1761
1761
|
* Value for breakpoint
|
|
1762
1762
|
*/
|
|
1763
|
-
type PossibleValues = number | Size$
|
|
1763
|
+
type PossibleValues = number | Size$A | 'auto' | 'initial' | 'inherit' | boolean;
|
|
1764
1764
|
type PropsProperties = 'size' | 'fontSize' | 'height' | 'width' | 'top' | 'right' | 'bottom' | 'left' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'fluid';
|
|
1765
1765
|
type CalcProperty = (_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null;
|
|
1766
1766
|
type CssProperty = string | CalcProperty;
|
|
1767
1767
|
type ResponsiveKeys = '' | 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
|
|
1768
1768
|
type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = Partial<Record<`${T}${ResponsiveKeys}`, V>>;
|
|
1769
|
-
type ResponsiveProperty<V = number | Size$
|
|
1770
|
-
declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$
|
|
1769
|
+
type ResponsiveProperty<V = number | Size$A> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
|
|
1770
|
+
declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$A, number>) => () => () => FlattenSimpleInterpolation | null;
|
|
1771
1771
|
interface ResponsiveNamedPropertyPayload<T extends PropsProperties> {
|
|
1772
1772
|
sizes: ResponsiveNamedProperty<T>;
|
|
1773
1773
|
cssProperty: CssProperty;
|
|
1774
1774
|
sizing?: null | string;
|
|
1775
1775
|
customSizeHandler?: (_value: PossibleValues) => PossibleValues;
|
|
1776
1776
|
sort?: (_a: string, _b: string) => number;
|
|
1777
|
-
predefinedSizes?: Record<Size$
|
|
1777
|
+
predefinedSizes?: Record<Size$A, number>;
|
|
1778
1778
|
}
|
|
1779
1779
|
/**
|
|
1780
1780
|
* Миксин для генерации media запросов
|
|
@@ -1796,9 +1796,9 @@ declare const responsiveNamedProperty: <T extends PropsProperties>({ sizes, pred
|
|
|
1796
1796
|
*/
|
|
1797
1797
|
declare const responsiveProperty: (propName: string, cssProperty?: string | null, sizing?: null | string) => () => (props: any) => styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>> | null;
|
|
1798
1798
|
|
|
1799
|
-
type Size$
|
|
1799
|
+
type Size$w = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
1800
1800
|
type Margin$o = number | string;
|
|
1801
|
-
interface ButtonBaseProps extends ResponsiveSizeProps<Size$
|
|
1801
|
+
interface ButtonBaseProps extends ResponsiveSizeProps<Size$w>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>,
|
|
1802
1802
|
/** @deprecated */
|
|
1803
1803
|
ColorProperty,
|
|
1804
1804
|
/** @deprecated */
|
|
@@ -2026,53 +2026,53 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
|
|
|
2026
2026
|
*
|
|
2027
2027
|
* @general
|
|
2028
2028
|
* @default 'm' */
|
|
2029
|
-
size?: Size$
|
|
2029
|
+
size?: Size$w | [DESKTOP: Size$w, TABLET: Size$w, MOBILE: Size$w] | [XL: Size$w, L: Size$w, M: Size$w, S: Size$w, XS: Size$w, XXS: Size$w];
|
|
2030
2030
|
/**
|
|
2031
2031
|
* Размер для XXS брейкпоинта.
|
|
2032
2032
|
*
|
|
2033
2033
|
* @default undefined */
|
|
2034
|
-
sizeXXS?: Size$
|
|
2034
|
+
sizeXXS?: Size$w;
|
|
2035
2035
|
/**
|
|
2036
2036
|
* Размер для XS брейкпоинта.
|
|
2037
2037
|
*
|
|
2038
2038
|
* @default undefined */
|
|
2039
|
-
sizeXS?: Size$
|
|
2039
|
+
sizeXS?: Size$w;
|
|
2040
2040
|
/**
|
|
2041
2041
|
* Размер для S брейкпоинта.
|
|
2042
2042
|
*
|
|
2043
2043
|
* @default undefined */
|
|
2044
|
-
sizeS?: Size$
|
|
2044
|
+
sizeS?: Size$w;
|
|
2045
2045
|
/**
|
|
2046
2046
|
* Размер для M брейкпоинта.
|
|
2047
2047
|
*
|
|
2048
2048
|
* @default undefined */
|
|
2049
|
-
sizeM?: Size$
|
|
2049
|
+
sizeM?: Size$w;
|
|
2050
2050
|
/**
|
|
2051
2051
|
* Размер для L брейкпоинта.
|
|
2052
2052
|
*
|
|
2053
2053
|
* @default undefined */
|
|
2054
|
-
sizeL?: Size$
|
|
2054
|
+
sizeL?: Size$w;
|
|
2055
2055
|
/**
|
|
2056
2056
|
* Размер для XL брейкпоинта.
|
|
2057
2057
|
*
|
|
2058
2058
|
* @default undefined */
|
|
2059
|
-
sizeXL?: Size$
|
|
2059
|
+
sizeXL?: Size$w;
|
|
2060
2060
|
/**
|
|
2061
2061
|
* Модификация размеров.
|
|
2062
2062
|
*
|
|
2063
2063
|
* @general
|
|
2064
2064
|
* @default undefined */
|
|
2065
|
-
sizes?: Partial<Record<Size$
|
|
2065
|
+
sizes?: Partial<Record<Size$w, React.CSSProperties>>;
|
|
2066
2066
|
/**
|
|
2067
2067
|
* Модификация размеров текста.
|
|
2068
2068
|
*
|
|
2069
2069
|
* @default undefined */
|
|
2070
|
-
textSizes?: Partial<Record<Size$
|
|
2070
|
+
textSizes?: Partial<Record<Size$w, React.CSSProperties>>;
|
|
2071
2071
|
/**
|
|
2072
2072
|
* Модификация размеров иконок.
|
|
2073
2073
|
*
|
|
2074
2074
|
* @default undefined */
|
|
2075
|
-
iconSizes?: Partial<Record<Size$
|
|
2075
|
+
iconSizes?: Partial<Record<Size$w, React.CSSProperties>>;
|
|
2076
2076
|
/**
|
|
2077
2077
|
* Внешние отступы.
|
|
2078
2078
|
*
|
|
@@ -2148,10 +2148,10 @@ type ButtonProps = ButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>,
|
|
|
2148
2148
|
*/
|
|
2149
2149
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps>;
|
|
2150
2150
|
|
|
2151
|
-
type Size$
|
|
2152
|
-
type SizeValue = Size$
|
|
2151
|
+
type Size$v = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
2152
|
+
type SizeValue = Size$v | 'initial' | 'inherit' | 'unset' | 'revert' | 'revert-layer' | number;
|
|
2153
2153
|
type Margin$n = number | string;
|
|
2154
|
-
interface AnchorProps extends ResponsiveSizeProps<Size$
|
|
2154
|
+
interface AnchorProps extends ResponsiveSizeProps<Size$v, SizeValue>, ResponsiveMarginProps,
|
|
2155
2155
|
/** @deprecated Use palette */
|
|
2156
2156
|
ColorProperty<'color'>,
|
|
2157
2157
|
/** @deprecated Use children as function */
|
|
@@ -2281,7 +2281,7 @@ DisplayProperty {
|
|
|
2281
2281
|
*
|
|
2282
2282
|
* @general
|
|
2283
2283
|
* @default undefined */
|
|
2284
|
-
sizes?: Partial<Record<Size$
|
|
2284
|
+
sizes?: Partial<Record<Size$v, React.CSSProperties>>;
|
|
2285
2285
|
/**
|
|
2286
2286
|
* Внешние отступы.
|
|
2287
2287
|
*
|
|
@@ -2349,7 +2349,7 @@ DisplayProperty {
|
|
|
2349
2349
|
declare const Anchor: <C extends React.ElementType = "a">(props: PolymorphicPropsWithRef<C, AnchorProps>) => React.ReactElement | null;
|
|
2350
2350
|
|
|
2351
2351
|
type Margin$m = number | string;
|
|
2352
|
-
type Size$
|
|
2352
|
+
type Size$u = 'm' | 's';
|
|
2353
2353
|
type AlertType = 'info' | 'success' | 'warning' | 'error';
|
|
2354
2354
|
type Layout$6 = 'vertical' | 'horizontal';
|
|
2355
2355
|
interface AlertBaseProps {
|
|
@@ -2451,43 +2451,43 @@ interface AlertBaseProps {
|
|
|
2451
2451
|
*
|
|
2452
2452
|
* @general
|
|
2453
2453
|
* @default 's' */
|
|
2454
|
-
size?: Size$
|
|
2454
|
+
size?: Size$u | [DESKTOP: Size$u, TABLET: Size$u, MOBILE: Size$u] | [XL: Size$u, L: Size$u, M: Size$u, S: Size$u, XS: Size$u, XXS: Size$u];
|
|
2455
2455
|
/**
|
|
2456
2456
|
* Размер для XXS брейкпоинта.
|
|
2457
2457
|
*
|
|
2458
2458
|
* @default undefined */
|
|
2459
|
-
sizeXXS?: Size$
|
|
2459
|
+
sizeXXS?: Size$u;
|
|
2460
2460
|
/**
|
|
2461
2461
|
* Размер для XS брейкпоинта.
|
|
2462
2462
|
*
|
|
2463
2463
|
* @default undefined */
|
|
2464
|
-
sizeXS?: Size$
|
|
2464
|
+
sizeXS?: Size$u;
|
|
2465
2465
|
/**
|
|
2466
2466
|
* Размер для S брейкпоинта.
|
|
2467
2467
|
*
|
|
2468
2468
|
* @default undefined */
|
|
2469
|
-
sizeS?: Size$
|
|
2469
|
+
sizeS?: Size$u;
|
|
2470
2470
|
/**
|
|
2471
2471
|
* Размер для M брейкпоинта.
|
|
2472
2472
|
*
|
|
2473
2473
|
* @default undefined */
|
|
2474
|
-
sizeM?: Size$
|
|
2474
|
+
sizeM?: Size$u;
|
|
2475
2475
|
/**
|
|
2476
2476
|
* Размер для L брейкпоинта.
|
|
2477
2477
|
*
|
|
2478
2478
|
* @default undefined */
|
|
2479
|
-
sizeL?: Size$
|
|
2479
|
+
sizeL?: Size$u;
|
|
2480
2480
|
/**
|
|
2481
2481
|
* Размер для XL брейкпоинта.
|
|
2482
2482
|
*
|
|
2483
2483
|
* @default undefined */
|
|
2484
|
-
sizeXL?: Size$
|
|
2484
|
+
sizeXL?: Size$u;
|
|
2485
2485
|
/**
|
|
2486
2486
|
* Модификация размеров.
|
|
2487
2487
|
*
|
|
2488
2488
|
* @general
|
|
2489
2489
|
* @default undefined */
|
|
2490
|
-
sizes?: Partial<Record<Size$
|
|
2490
|
+
sizes?: Partial<Record<Size$u, React.CSSProperties>>;
|
|
2491
2491
|
/**
|
|
2492
2492
|
* Вариант шаблона лейаута.
|
|
2493
2493
|
*
|
|
@@ -2584,9 +2584,9 @@ declare const Alert: React.ForwardRefExoticComponent<AlertProps> & {
|
|
|
2584
2584
|
Timer: typeof Timer;
|
|
2585
2585
|
};
|
|
2586
2586
|
|
|
2587
|
-
type Size$
|
|
2587
|
+
type Size$t = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
2588
2588
|
type Margin$l = number | string;
|
|
2589
|
-
interface ArrowProps extends ResponsiveSizeProps<Size$
|
|
2589
|
+
interface ArrowProps extends ResponsiveSizeProps<Size$t, SizeValue$1>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
|
|
2590
2590
|
/**
|
|
2591
2591
|
* Версия компонента: v3 ("brand") или v2 ("default").
|
|
2592
2592
|
*
|
|
@@ -2668,43 +2668,43 @@ interface ArrowProps extends ResponsiveSizeProps<Size$s, SizeValue$1>, Responsiv
|
|
|
2668
2668
|
*
|
|
2669
2669
|
* @general
|
|
2670
2670
|
* @default 'l' */
|
|
2671
|
-
size?: Size$
|
|
2671
|
+
size?: Size$t | [DESKTOP: Size$t, TABLET: Size$t, MOBILE: Size$t] | [XL: Size$t, L: Size$t, M: Size$t, S: Size$t, XS: Size$t, XXS: Size$t];
|
|
2672
2672
|
/**
|
|
2673
2673
|
* Размер для XXS брейкпоинта.
|
|
2674
2674
|
*
|
|
2675
2675
|
* @default undefined */
|
|
2676
|
-
sizeXXS?: Size$
|
|
2676
|
+
sizeXXS?: Size$t;
|
|
2677
2677
|
/**
|
|
2678
2678
|
* Размер для XS брейкпоинта.
|
|
2679
2679
|
*
|
|
2680
2680
|
* @default undefined */
|
|
2681
|
-
sizeXS?: Size$
|
|
2681
|
+
sizeXS?: Size$t;
|
|
2682
2682
|
/**
|
|
2683
2683
|
* Размер для S брейкпоинта.
|
|
2684
2684
|
*
|
|
2685
2685
|
* @default undefined */
|
|
2686
|
-
sizeS?: Size$
|
|
2686
|
+
sizeS?: Size$t;
|
|
2687
2687
|
/**
|
|
2688
2688
|
* Размер для M брейкпоинта.
|
|
2689
2689
|
*
|
|
2690
2690
|
* @default undefined */
|
|
2691
|
-
sizeM?: Size$
|
|
2691
|
+
sizeM?: Size$t;
|
|
2692
2692
|
/**
|
|
2693
2693
|
* Размер для L брейкпоинта.
|
|
2694
2694
|
*
|
|
2695
2695
|
* @default undefined */
|
|
2696
|
-
sizeL?: Size$
|
|
2696
|
+
sizeL?: Size$t;
|
|
2697
2697
|
/**
|
|
2698
2698
|
* Размер для XL брейкпоинта.
|
|
2699
2699
|
*
|
|
2700
2700
|
* @default undefined */
|
|
2701
|
-
sizeXL?: Size$
|
|
2701
|
+
sizeXL?: Size$t;
|
|
2702
2702
|
/**
|
|
2703
2703
|
* Модификация размеров.
|
|
2704
2704
|
*
|
|
2705
2705
|
* @general
|
|
2706
2706
|
* @default undefined */
|
|
2707
|
-
sizes?: Partial<Record<Size$
|
|
2707
|
+
sizes?: Partial<Record<Size$t, React.CSSProperties>>;
|
|
2708
2708
|
/**
|
|
2709
2709
|
* Внешние отступы.
|
|
2710
2710
|
*
|
|
@@ -2759,8 +2759,8 @@ interface ArrowProps extends ResponsiveSizeProps<Size$s, SizeValue$1>, Responsiv
|
|
|
2759
2759
|
*/
|
|
2760
2760
|
declare const Arrow: React.ForwardRefExoticComponent<ArrowProps>;
|
|
2761
2761
|
|
|
2762
|
-
type Size$
|
|
2763
|
-
interface InputCheckboxProps extends ResponsiveSizeProps<Size$
|
|
2762
|
+
type Size$s = 'xl' | 'l' | 'm' | 's' | 'xs';
|
|
2763
|
+
interface InputCheckboxProps extends ResponsiveSizeProps<Size$s>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
|
|
2764
2764
|
/**
|
|
2765
2765
|
* Текущее состояние контрола (использование включает контролируемый режим).
|
|
2766
2766
|
*
|
|
@@ -2837,43 +2837,43 @@ interface InputCheckboxProps extends ResponsiveSizeProps<Size$r>, Omit<React.Com
|
|
|
2837
2837
|
*
|
|
2838
2838
|
* @general
|
|
2839
2839
|
* @default 'm' */
|
|
2840
|
-
size?: Size$
|
|
2840
|
+
size?: Size$s | [DESKTOP: Size$s, TABLET: Size$s, MOBILE: Size$s] | [XL: Size$s, L: Size$s, M: Size$s, S: Size$s, XS: Size$s, XXS: Size$s];
|
|
2841
2841
|
/**
|
|
2842
2842
|
* Размер для XXS брейкпоинта.
|
|
2843
2843
|
*
|
|
2844
2844
|
* @default undefined */
|
|
2845
|
-
sizeXXS?: Size$
|
|
2845
|
+
sizeXXS?: Size$s;
|
|
2846
2846
|
/**
|
|
2847
2847
|
* Размер для XS брейкпоинта.
|
|
2848
2848
|
*
|
|
2849
2849
|
* @default undefined */
|
|
2850
|
-
sizeXS?: Size$
|
|
2850
|
+
sizeXS?: Size$s;
|
|
2851
2851
|
/**
|
|
2852
2852
|
* Размер для S брейкпоинта.
|
|
2853
2853
|
*
|
|
2854
2854
|
* @default undefined */
|
|
2855
|
-
sizeS?: Size$
|
|
2855
|
+
sizeS?: Size$s;
|
|
2856
2856
|
/**
|
|
2857
2857
|
* Размер для M брейкпоинта.
|
|
2858
2858
|
*
|
|
2859
2859
|
* @default undefined */
|
|
2860
|
-
sizeM?: Size$
|
|
2860
|
+
sizeM?: Size$s;
|
|
2861
2861
|
/**
|
|
2862
2862
|
* Размер для L брейкпоинта.
|
|
2863
2863
|
*
|
|
2864
2864
|
* @default undefined */
|
|
2865
|
-
sizeL?: Size$
|
|
2865
|
+
sizeL?: Size$s;
|
|
2866
2866
|
/**
|
|
2867
2867
|
* Размер для XL брейкпоинта.
|
|
2868
2868
|
*
|
|
2869
2869
|
* @default undefined */
|
|
2870
|
-
sizeXL?: Size$
|
|
2870
|
+
sizeXL?: Size$s;
|
|
2871
2871
|
/**
|
|
2872
2872
|
* Модификация размеров.
|
|
2873
2873
|
*
|
|
2874
2874
|
* @general
|
|
2875
2875
|
* @default undefined */
|
|
2876
|
-
sizes?: Partial<Record<Size$
|
|
2876
|
+
sizes?: Partial<Record<Size$s, React.CSSProperties>>;
|
|
2877
2877
|
/** @ignore @deprecated */
|
|
2878
2878
|
onColored?: boolean;
|
|
2879
2879
|
}
|
|
@@ -2922,8 +2922,8 @@ declare enum SizeInput {
|
|
|
2922
2922
|
xs = 140
|
|
2923
2923
|
}
|
|
2924
2924
|
|
|
2925
|
-
type Size$
|
|
2926
|
-
interface TextareaBaseProps extends ResponsiveSizeProps<Size$
|
|
2925
|
+
type Size$r = 'l' | 'm' | 's' | 'xs';
|
|
2926
|
+
interface TextareaBaseProps extends ResponsiveSizeProps<Size$r>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
|
|
2927
2927
|
/**
|
|
2928
2928
|
* Автоматически адаптировать число строк под контент.
|
|
2929
2929
|
*
|
|
@@ -3075,8 +3075,8 @@ interface SwitcherProps extends ColorProperty<'color'>, ColorProperty<'inactiveC
|
|
|
3075
3075
|
declare const Switcher: react.ForwardRefExoticComponent<SwitcherProps & react.RefAttributes<HTMLDivElement>>;
|
|
3076
3076
|
|
|
3077
3077
|
type Margin$k = number | string;
|
|
3078
|
-
type Size$
|
|
3079
|
-
interface ArrowBadgeProps extends ResponsiveSizeProps<Size$
|
|
3078
|
+
type Size$q = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
3079
|
+
interface ArrowBadgeProps extends ResponsiveSizeProps<Size$q, SizeValue$1>, ResponsiveMarginProps,
|
|
3080
3080
|
/** @deprecated Используйте palette */
|
|
3081
3081
|
ColorProperty<'color'>,
|
|
3082
3082
|
/** @deprecated Используйте palette */
|
|
@@ -3157,43 +3157,43 @@ ColorProperty<'backgroundColor'> {
|
|
|
3157
3157
|
*
|
|
3158
3158
|
* @general
|
|
3159
3159
|
* @default 'm' */
|
|
3160
|
-
size?: Size$
|
|
3160
|
+
size?: Size$q | [DESKTOP: Size$q, TABLET: Size$q, MOBILE: Size$q] | [XL: Size$q, L: Size$q, M: Size$q, S: Size$q, XS: Size$q, XXS: Size$q];
|
|
3161
3161
|
/**
|
|
3162
3162
|
* Размер для XXS брейкпоинта.
|
|
3163
3163
|
*
|
|
3164
3164
|
* @default undefined */
|
|
3165
|
-
sizeXXS?: Size$
|
|
3165
|
+
sizeXXS?: Size$q;
|
|
3166
3166
|
/**
|
|
3167
3167
|
* Размер для XS брейкпоинта.
|
|
3168
3168
|
*
|
|
3169
3169
|
* @default undefined */
|
|
3170
|
-
sizeXS?: Size$
|
|
3170
|
+
sizeXS?: Size$q;
|
|
3171
3171
|
/**
|
|
3172
3172
|
* Размер для S брейкпоинта.
|
|
3173
3173
|
*
|
|
3174
3174
|
* @default undefined */
|
|
3175
|
-
sizeS?: Size$
|
|
3175
|
+
sizeS?: Size$q;
|
|
3176
3176
|
/**
|
|
3177
3177
|
* Размер для M брейкпоинта.
|
|
3178
3178
|
*
|
|
3179
3179
|
* @default undefined */
|
|
3180
|
-
sizeM?: Size$
|
|
3180
|
+
sizeM?: Size$q;
|
|
3181
3181
|
/**
|
|
3182
3182
|
* Размер для L брейкпоинта.
|
|
3183
3183
|
*
|
|
3184
3184
|
* @default undefined */
|
|
3185
|
-
sizeL?: Size$
|
|
3185
|
+
sizeL?: Size$q;
|
|
3186
3186
|
/**
|
|
3187
3187
|
* Размер для XL брейкпоинта.
|
|
3188
3188
|
*
|
|
3189
3189
|
* @default undefined */
|
|
3190
|
-
sizeXL?: Size$
|
|
3190
|
+
sizeXL?: Size$q;
|
|
3191
3191
|
/**
|
|
3192
3192
|
* Модификация размеров.
|
|
3193
3193
|
*
|
|
3194
3194
|
* @general
|
|
3195
3195
|
* @default undefined */
|
|
3196
|
-
sizes?: Partial<Record<Size$
|
|
3196
|
+
sizes?: Partial<Record<Size$q, React.CSSProperties>>;
|
|
3197
3197
|
/**
|
|
3198
3198
|
* Внешние отступы.
|
|
3199
3199
|
*
|
|
@@ -3248,9 +3248,9 @@ ColorProperty<'backgroundColor'> {
|
|
|
3248
3248
|
*/
|
|
3249
3249
|
declare const ArrowBadge: <C extends React.ElementType = "div">(props: PolymorphicPropsWithRef<C, ArrowBadgeProps>) => React.ReactElement | null;
|
|
3250
3250
|
|
|
3251
|
-
type Size$
|
|
3251
|
+
type Size$p = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
3252
3252
|
type Margin$j = number | string;
|
|
3253
|
-
interface TabProps extends ResponsiveSizeProps<Size$
|
|
3253
|
+
interface TabProps extends ResponsiveSizeProps<Size$p>, ResponsiveMarginProps,
|
|
3254
3254
|
/** @deprecated Используйте palette */
|
|
3255
3255
|
ColorProperty<'color'>,
|
|
3256
3256
|
/** @deprecated Используйте palette */
|
|
@@ -3347,43 +3347,43 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
|
|
|
3347
3347
|
*
|
|
3348
3348
|
* @general
|
|
3349
3349
|
* @default 'm' */
|
|
3350
|
-
size?: Size$
|
|
3350
|
+
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];
|
|
3351
3351
|
/**
|
|
3352
3352
|
* Размер для XXS брейкпоинта.
|
|
3353
3353
|
*
|
|
3354
3354
|
* @default undefined */
|
|
3355
|
-
sizeXXS?: Size$
|
|
3355
|
+
sizeXXS?: Size$p;
|
|
3356
3356
|
/**
|
|
3357
3357
|
* Размер для XS брейкпоинта.
|
|
3358
3358
|
*
|
|
3359
3359
|
* @default undefined */
|
|
3360
|
-
sizeXS?: Size$
|
|
3360
|
+
sizeXS?: Size$p;
|
|
3361
3361
|
/**
|
|
3362
3362
|
* Размер для S брейкпоинта.
|
|
3363
3363
|
*
|
|
3364
3364
|
* @default undefined */
|
|
3365
|
-
sizeS?: Size$
|
|
3365
|
+
sizeS?: Size$p;
|
|
3366
3366
|
/**
|
|
3367
3367
|
* Размер для M брейкпоинта.
|
|
3368
3368
|
*
|
|
3369
3369
|
* @default undefined */
|
|
3370
|
-
sizeM?: Size$
|
|
3370
|
+
sizeM?: Size$p;
|
|
3371
3371
|
/**
|
|
3372
3372
|
* Размер для L брейкпоинта.
|
|
3373
3373
|
*
|
|
3374
3374
|
* @default undefined */
|
|
3375
|
-
sizeL?: Size$
|
|
3375
|
+
sizeL?: Size$p;
|
|
3376
3376
|
/**
|
|
3377
3377
|
* Размер для XL брейкпоинта.
|
|
3378
3378
|
*
|
|
3379
3379
|
* @default undefined */
|
|
3380
|
-
sizeXL?: Size$
|
|
3380
|
+
sizeXL?: Size$p;
|
|
3381
3381
|
/**
|
|
3382
3382
|
* Модификация размеров.
|
|
3383
3383
|
*
|
|
3384
3384
|
* @general
|
|
3385
3385
|
* @default undefined */
|
|
3386
|
-
sizes?: Partial<Record<Size$
|
|
3386
|
+
sizes?: Partial<Record<Size$p, React.CSSProperties>>;
|
|
3387
3387
|
/**
|
|
3388
3388
|
* Внешние отступы.
|
|
3389
3389
|
*
|
|
@@ -3451,9 +3451,9 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
|
|
|
3451
3451
|
declare const Tab: <C extends React.ElementType = "button">(props: PolymorphicPropsWithRef<C, TabProps>) => React.ReactElement | null;
|
|
3452
3452
|
|
|
3453
3453
|
type Margin$i = number | string;
|
|
3454
|
-
type Size$
|
|
3455
|
-
type BadgeSize = Size$
|
|
3456
|
-
interface BadgeProps extends ResponsiveSizeProps<Size$
|
|
3454
|
+
type Size$o = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
3455
|
+
type BadgeSize = Size$o | number;
|
|
3456
|
+
interface BadgeProps extends ResponsiveSizeProps<Size$o, BadgeSize>, ResponsiveMarginProps,
|
|
3457
3457
|
/** @deprecated Use palette */
|
|
3458
3458
|
ColorProperty,
|
|
3459
3459
|
/** @deprecated Use children as function */
|
|
@@ -3577,7 +3577,7 @@ DisplayProperty {
|
|
|
3577
3577
|
*
|
|
3578
3578
|
* @general
|
|
3579
3579
|
* @default undefined */
|
|
3580
|
-
sizes?: Partial<Record<Size$
|
|
3580
|
+
sizes?: Partial<Record<Size$o, React.CSSProperties>>;
|
|
3581
3581
|
/**
|
|
3582
3582
|
* Внешние отступы.
|
|
3583
3583
|
*
|
|
@@ -3648,8 +3648,8 @@ DisplayProperty {
|
|
|
3648
3648
|
*/
|
|
3649
3649
|
declare const Badge: <C extends React.ElementType = "div">(props: PolymorphicPropsWithRef<C, BadgeProps>) => React.ReactElement | null;
|
|
3650
3650
|
|
|
3651
|
-
type Size$
|
|
3652
|
-
interface TooltipComponentBaseProps extends ResponsiveSizeProps<Size$
|
|
3651
|
+
type Size$n = 'l' | 'm' | 's';
|
|
3652
|
+
interface TooltipComponentBaseProps extends ResponsiveSizeProps<Size$n> {
|
|
3653
3653
|
/**
|
|
3654
3654
|
* Кастомные цвета.
|
|
3655
3655
|
*
|
|
@@ -3733,8 +3733,8 @@ type TooltipComponentProps = TooltipComponentBaseProps & Omit<React.ComponentPro
|
|
|
3733
3733
|
|
|
3734
3734
|
declare const TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps>;
|
|
3735
3735
|
|
|
3736
|
-
type Size$
|
|
3737
|
-
interface TooltipBaseProps extends ResponsiveSizeProps<Size$
|
|
3736
|
+
type Size$m = 'l' | 'm' | 's';
|
|
3737
|
+
interface TooltipBaseProps extends ResponsiveSizeProps<Size$m> {
|
|
3738
3738
|
/**
|
|
3739
3739
|
* Вариант компонента.
|
|
3740
3740
|
*
|
|
@@ -3919,43 +3919,43 @@ interface TooltipBaseProps extends ResponsiveSizeProps<Size$l> {
|
|
|
3919
3919
|
*
|
|
3920
3920
|
* @general
|
|
3921
3921
|
* @default 's' */
|
|
3922
|
-
size?: Size$
|
|
3922
|
+
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];
|
|
3923
3923
|
/**
|
|
3924
3924
|
* Размер для XXS брейкпоинта (brand).
|
|
3925
3925
|
*
|
|
3926
3926
|
* @default undefined */
|
|
3927
|
-
sizeXXS?: Size$
|
|
3927
|
+
sizeXXS?: Size$m;
|
|
3928
3928
|
/**
|
|
3929
3929
|
* Размер для XS брейкпоинта (brand).
|
|
3930
3930
|
*
|
|
3931
3931
|
* @default undefined */
|
|
3932
|
-
sizeXS?: Size$
|
|
3932
|
+
sizeXS?: Size$m;
|
|
3933
3933
|
/**
|
|
3934
3934
|
* Размер для S брейкпоинта (brand).
|
|
3935
3935
|
*
|
|
3936
3936
|
* @default undefined */
|
|
3937
|
-
sizeS?: Size$
|
|
3937
|
+
sizeS?: Size$m;
|
|
3938
3938
|
/**
|
|
3939
3939
|
* Размер для M брейкпоинта (brand).
|
|
3940
3940
|
*
|
|
3941
3941
|
* @default undefined */
|
|
3942
|
-
sizeM?: Size$
|
|
3942
|
+
sizeM?: Size$m;
|
|
3943
3943
|
/**
|
|
3944
3944
|
* Размер для L брейкпоинта (brand).
|
|
3945
3945
|
*
|
|
3946
3946
|
* @default undefined */
|
|
3947
|
-
sizeL?: Size$
|
|
3947
|
+
sizeL?: Size$m;
|
|
3948
3948
|
/**
|
|
3949
3949
|
* Размер для XL брейкпоинта (brand).
|
|
3950
3950
|
*
|
|
3951
3951
|
* @default undefined */
|
|
3952
|
-
sizeXL?: Size$
|
|
3952
|
+
sizeXL?: Size$m;
|
|
3953
3953
|
/**
|
|
3954
3954
|
* Модификация размеров (brand).
|
|
3955
3955
|
*
|
|
3956
3956
|
* @general
|
|
3957
3957
|
* @default undefined */
|
|
3958
|
-
sizes?: Partial<Record<Size$
|
|
3958
|
+
sizes?: Partial<Record<Size$m, React.CSSProperties>>;
|
|
3959
3959
|
/** @ignore */
|
|
3960
3960
|
styles?: Partial<Styles>;
|
|
3961
3961
|
/** @ignore */
|
|
@@ -4004,14 +4004,14 @@ declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps> & {
|
|
|
4004
4004
|
Component: typeof TooltipComponent;
|
|
4005
4005
|
};
|
|
4006
4006
|
|
|
4007
|
-
type Size$
|
|
4007
|
+
type Size$l = 'xl' | 'l' | 'm' | 's' | 'xs';
|
|
4008
4008
|
type Layout$5 = 'vertical' | 'horizontal';
|
|
4009
4009
|
type PopoverComponentPalette = {
|
|
4010
4010
|
color: CSSColor;
|
|
4011
4011
|
backgroundColor: CSSColor;
|
|
4012
4012
|
shadowColor: CSSColor;
|
|
4013
4013
|
};
|
|
4014
|
-
interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$
|
|
4014
|
+
interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$l>, ResponsiveLayoutProps<Layout$5> {
|
|
4015
4015
|
/**
|
|
4016
4016
|
* Кастомные цвета.
|
|
4017
4017
|
*
|
|
@@ -4122,9 +4122,9 @@ type PopoverComponentProps = PopoverComponentBaseProps & Omit<React.ComponentPro
|
|
|
4122
4122
|
|
|
4123
4123
|
declare const PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps>;
|
|
4124
4124
|
|
|
4125
|
-
type Size$
|
|
4125
|
+
type Size$k = 's' | 'xl' | 'l' | 'm' | 'xs';
|
|
4126
4126
|
type Layout$4 = 'vertical' | 'horizontal';
|
|
4127
|
-
interface PopoverBaseProps extends ResponsiveSizeProps<Size$
|
|
4127
|
+
interface PopoverBaseProps extends ResponsiveSizeProps<Size$k>, ResponsiveLayoutProps<Layout$4> {
|
|
4128
4128
|
/**
|
|
4129
4129
|
* Кастомные цвета.
|
|
4130
4130
|
*
|
|
@@ -4340,43 +4340,43 @@ interface PopoverBaseProps extends ResponsiveSizeProps<Size$j>, ResponsiveLayout
|
|
|
4340
4340
|
*
|
|
4341
4341
|
* @general
|
|
4342
4342
|
* @default 's' */
|
|
4343
|
-
size?: Size$
|
|
4343
|
+
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];
|
|
4344
4344
|
/**
|
|
4345
4345
|
* Размер для XXS брейкпоинта.
|
|
4346
4346
|
*
|
|
4347
4347
|
* @default undefined */
|
|
4348
|
-
sizeXXS?: Size$
|
|
4348
|
+
sizeXXS?: Size$k;
|
|
4349
4349
|
/**
|
|
4350
4350
|
* Размер для XS брейкпоинта.
|
|
4351
4351
|
*
|
|
4352
4352
|
* @default undefined */
|
|
4353
|
-
sizeXS?: Size$
|
|
4353
|
+
sizeXS?: Size$k;
|
|
4354
4354
|
/**
|
|
4355
4355
|
* Размер для S брейкпоинта.
|
|
4356
4356
|
*
|
|
4357
4357
|
* @default undefined */
|
|
4358
|
-
sizeS?: Size$
|
|
4358
|
+
sizeS?: Size$k;
|
|
4359
4359
|
/**
|
|
4360
4360
|
* Размер для M брейкпоинта.
|
|
4361
4361
|
*
|
|
4362
4362
|
* @default undefined */
|
|
4363
|
-
sizeM?: Size$
|
|
4363
|
+
sizeM?: Size$k;
|
|
4364
4364
|
/**
|
|
4365
4365
|
* Размер для L брейкпоинта.
|
|
4366
4366
|
*
|
|
4367
4367
|
* @default undefined */
|
|
4368
|
-
sizeL?: Size$
|
|
4368
|
+
sizeL?: Size$k;
|
|
4369
4369
|
/**
|
|
4370
4370
|
* Размер для XL брейкпоинта.
|
|
4371
4371
|
*
|
|
4372
4372
|
* @default undefined */
|
|
4373
|
-
sizeXL?: Size$
|
|
4373
|
+
sizeXL?: Size$k;
|
|
4374
4374
|
/**
|
|
4375
4375
|
* Модификация размеров.
|
|
4376
4376
|
*
|
|
4377
4377
|
* @general
|
|
4378
4378
|
* @default undefined */
|
|
4379
|
-
sizes?: Partial<Record<Size$
|
|
4379
|
+
sizes?: Partial<Record<Size$k, React.CSSProperties>>;
|
|
4380
4380
|
/**
|
|
4381
4381
|
* Вариант шаблона лейаута.
|
|
4382
4382
|
*
|
|
@@ -4590,9 +4590,9 @@ interface SkeletonProps extends ResponsiveMarginProps, React.ComponentPropsWithR
|
|
|
4590
4590
|
*/
|
|
4591
4591
|
declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps>;
|
|
4592
4592
|
|
|
4593
|
-
type Size$
|
|
4593
|
+
type Size$j = 'xs' | 's' | 'm' | 'l' | 'xl';
|
|
4594
4594
|
type Margin$h = number | string;
|
|
4595
|
-
interface ListItemProps extends ResponsiveSizeProps<Size$
|
|
4595
|
+
interface ListItemProps extends ResponsiveSizeProps<Size$j>, ResponsiveMarginProps {
|
|
4596
4596
|
/**
|
|
4597
4597
|
* Компонент рутового элемента.
|
|
4598
4598
|
*
|
|
@@ -4741,43 +4741,43 @@ interface ListItemProps extends ResponsiveSizeProps<Size$i>, ResponsiveMarginPro
|
|
|
4741
4741
|
*
|
|
4742
4742
|
* @general
|
|
4743
4743
|
* @default 's' */
|
|
4744
|
-
size?: Size$
|
|
4744
|
+
size?: Size$j | [DESKTOP: Size$j, TABLET: Size$j, MOBILE: Size$j] | [XL: Size$j, L: Size$j, M: Size$j, S: Size$j, XS: Size$j, XXS: Size$j];
|
|
4745
4745
|
/**
|
|
4746
4746
|
* Размер для XXS брейкпоинта.
|
|
4747
4747
|
*
|
|
4748
4748
|
* @default undefined */
|
|
4749
|
-
sizeXXS?: Size$
|
|
4749
|
+
sizeXXS?: Size$j;
|
|
4750
4750
|
/**
|
|
4751
4751
|
* Размер для XS брейкпоинта.
|
|
4752
4752
|
*
|
|
4753
4753
|
* @default undefined */
|
|
4754
|
-
sizeXS?: Size$
|
|
4754
|
+
sizeXS?: Size$j;
|
|
4755
4755
|
/**
|
|
4756
4756
|
* Размер для S брейкпоинта.
|
|
4757
4757
|
*
|
|
4758
4758
|
* @default undefined */
|
|
4759
|
-
sizeS?: Size$
|
|
4759
|
+
sizeS?: Size$j;
|
|
4760
4760
|
/**
|
|
4761
4761
|
* Размер для M брейкпоинта.
|
|
4762
4762
|
*
|
|
4763
4763
|
* @default undefined */
|
|
4764
|
-
sizeM?: Size$
|
|
4764
|
+
sizeM?: Size$j;
|
|
4765
4765
|
/**
|
|
4766
4766
|
* Размер для L брейкпоинта.
|
|
4767
4767
|
*
|
|
4768
4768
|
* @default undefined */
|
|
4769
|
-
sizeL?: Size$
|
|
4769
|
+
sizeL?: Size$j;
|
|
4770
4770
|
/**
|
|
4771
4771
|
* Размер для XL брейкпоинта.
|
|
4772
4772
|
*
|
|
4773
4773
|
* @default undefined */
|
|
4774
|
-
sizeXL?: Size$
|
|
4774
|
+
sizeXL?: Size$j;
|
|
4775
4775
|
/**
|
|
4776
4776
|
* Модификация размеров.
|
|
4777
4777
|
*
|
|
4778
4778
|
* @general
|
|
4779
4779
|
* @default undefined */
|
|
4780
|
-
sizes?: Partial<Record<Size$
|
|
4780
|
+
sizes?: Partial<Record<Size$j, React.CSSProperties>>;
|
|
4781
4781
|
/**
|
|
4782
4782
|
* Внешние отступы.
|
|
4783
4783
|
*
|
|
@@ -4831,8 +4831,8 @@ interface ListItemProps extends ResponsiveSizeProps<Size$i>, ResponsiveMarginPro
|
|
|
4831
4831
|
declare const ListItem: <C extends React.ElementType = "button">(props: PolymorphicPropsWithRef<C, ListItemProps>) => React.ReactElement | null;
|
|
4832
4832
|
|
|
4833
4833
|
type Margin$g = number | string;
|
|
4834
|
-
type Size$
|
|
4835
|
-
interface IndicatorProps extends ResponsiveSizeProps<Size$
|
|
4834
|
+
type Size$i = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
|
|
4835
|
+
interface IndicatorProps extends ResponsiveSizeProps<Size$i, SizeValue$1>, ResponsiveMarginProps {
|
|
4836
4836
|
/**
|
|
4837
4837
|
* Компонент рутового элемента.
|
|
4838
4838
|
*
|
|
@@ -4916,43 +4916,43 @@ interface IndicatorProps extends ResponsiveSizeProps<Size$h, SizeValue$1>, Respo
|
|
|
4916
4916
|
*
|
|
4917
4917
|
* @general
|
|
4918
4918
|
* @default 'm' */
|
|
4919
|
-
size?: Size$
|
|
4919
|
+
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];
|
|
4920
4920
|
/**
|
|
4921
4921
|
* Размер для XXS брейкпоинта.
|
|
4922
4922
|
*
|
|
4923
4923
|
* @default undefined */
|
|
4924
|
-
sizeXXS?: Size$
|
|
4924
|
+
sizeXXS?: Size$i;
|
|
4925
4925
|
/**
|
|
4926
4926
|
* Размер для XS брейкпоинта.
|
|
4927
4927
|
*
|
|
4928
4928
|
* @default undefined */
|
|
4929
|
-
sizeXS?: Size$
|
|
4929
|
+
sizeXS?: Size$i;
|
|
4930
4930
|
/**
|
|
4931
4931
|
* Размер для S брейкпоинта.
|
|
4932
4932
|
*
|
|
4933
4933
|
* @default undefined */
|
|
4934
|
-
sizeS?: Size$
|
|
4934
|
+
sizeS?: Size$i;
|
|
4935
4935
|
/**
|
|
4936
4936
|
* Размер для M брейкпоинта.
|
|
4937
4937
|
*
|
|
4938
4938
|
* @default undefined */
|
|
4939
|
-
sizeM?: Size$
|
|
4939
|
+
sizeM?: Size$i;
|
|
4940
4940
|
/**
|
|
4941
4941
|
* Размер для L брейкпоинта.
|
|
4942
4942
|
*
|
|
4943
4943
|
* @default undefined */
|
|
4944
|
-
sizeL?: Size$
|
|
4944
|
+
sizeL?: Size$i;
|
|
4945
4945
|
/**
|
|
4946
4946
|
* Размер для XL брейкпоинта.
|
|
4947
4947
|
*
|
|
4948
4948
|
* @default undefined */
|
|
4949
|
-
sizeXL?: Size$
|
|
4949
|
+
sizeXL?: Size$i;
|
|
4950
4950
|
/**
|
|
4951
4951
|
* Модификация размеров.
|
|
4952
4952
|
*
|
|
4953
4953
|
* @general
|
|
4954
4954
|
* @default undefined */
|
|
4955
|
-
sizes?: Partial<Record<Size$
|
|
4955
|
+
sizes?: Partial<Record<Size$i, React.CSSProperties>>;
|
|
4956
4956
|
/**
|
|
4957
4957
|
* Внешние отступы.
|
|
4958
4958
|
*
|
|
@@ -5012,9 +5012,9 @@ interface IndicatorProps extends ResponsiveSizeProps<Size$h, SizeValue$1>, Respo
|
|
|
5012
5012
|
declare const Indicator: <C extends React.ElementType = "span">(props: PolymorphicPropsWithRef<C, IndicatorProps>) => React.ReactElement | null;
|
|
5013
5013
|
|
|
5014
5014
|
type Margin$f = number | string;
|
|
5015
|
-
type Size$
|
|
5016
|
-
type AvatarSize = Size$
|
|
5017
|
-
interface AvatarProps extends ResponsiveSizeProps<Size$
|
|
5015
|
+
type Size$h = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs' | 'xxxxs';
|
|
5016
|
+
type AvatarSize = Size$h | 'sm' | number;
|
|
5017
|
+
interface AvatarProps extends ResponsiveSizeProps<Size$h, AvatarSize>, ResponsiveMarginProps,
|
|
5018
5018
|
/** @deprecated Use palette */
|
|
5019
5019
|
ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
|
|
5020
5020
|
/**
|
|
@@ -5117,7 +5117,7 @@ ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
|
|
|
5117
5117
|
*
|
|
5118
5118
|
* @general
|
|
5119
5119
|
* @default undefined */
|
|
5120
|
-
sizes?: Partial<Record<Size$
|
|
5120
|
+
sizes?: Partial<Record<Size$h, React.CSSProperties>>;
|
|
5121
5121
|
/**
|
|
5122
5122
|
* Внешние отступы.
|
|
5123
5123
|
*
|
|
@@ -5168,9 +5168,9 @@ ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
|
|
|
5168
5168
|
*/
|
|
5169
5169
|
declare const Avatar: React.ForwardRefExoticComponent<AvatarProps>;
|
|
5170
5170
|
|
|
5171
|
-
type Size$
|
|
5171
|
+
type Size$g = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
|
|
5172
5172
|
type Margin$e = number | string;
|
|
5173
|
-
interface ChipProps extends ResponsiveSizeProps<Size$
|
|
5173
|
+
interface ChipProps extends ResponsiveSizeProps<Size$g>, ResponsiveMarginProps {
|
|
5174
5174
|
/**
|
|
5175
5175
|
* Компонент рутового элемента.
|
|
5176
5176
|
*
|
|
@@ -5311,43 +5311,43 @@ interface ChipProps extends ResponsiveSizeProps<Size$f>, ResponsiveMarginProps {
|
|
|
5311
5311
|
*
|
|
5312
5312
|
* @general
|
|
5313
5313
|
* @default 'm' */
|
|
5314
|
-
size?: Size$
|
|
5314
|
+
size?: Size$g | [DESKTOP: Size$g, TABLET: Size$g, MOBILE: Size$g] | [XL: Size$g, L: Size$g, M: Size$g, S: Size$g, XS: Size$g, XXS: Size$g];
|
|
5315
5315
|
/**
|
|
5316
5316
|
* Размер для XXS брейкпоинта.
|
|
5317
5317
|
*
|
|
5318
5318
|
* @default undefined */
|
|
5319
|
-
sizeXXS?: Size$
|
|
5319
|
+
sizeXXS?: Size$g;
|
|
5320
5320
|
/**
|
|
5321
5321
|
* Размер для XS брейкпоинта.
|
|
5322
5322
|
*
|
|
5323
5323
|
* @default undefined */
|
|
5324
|
-
sizeXS?: Size$
|
|
5324
|
+
sizeXS?: Size$g;
|
|
5325
5325
|
/**
|
|
5326
5326
|
* Размер для S брейкпоинта.
|
|
5327
5327
|
*
|
|
5328
5328
|
* @default undefined */
|
|
5329
|
-
sizeS?: Size$
|
|
5329
|
+
sizeS?: Size$g;
|
|
5330
5330
|
/**
|
|
5331
5331
|
* Размер для M брейкпоинта.
|
|
5332
5332
|
*
|
|
5333
5333
|
* @default undefined */
|
|
5334
|
-
sizeM?: Size$
|
|
5334
|
+
sizeM?: Size$g;
|
|
5335
5335
|
/**
|
|
5336
5336
|
* Размер для L брейкпоинта.
|
|
5337
5337
|
*
|
|
5338
5338
|
* @default undefined */
|
|
5339
|
-
sizeL?: Size$
|
|
5339
|
+
sizeL?: Size$g;
|
|
5340
5340
|
/**
|
|
5341
5341
|
* Размер для XL брейкпоинта.
|
|
5342
5342
|
*
|
|
5343
5343
|
* @default undefined */
|
|
5344
|
-
sizeXL?: Size$
|
|
5344
|
+
sizeXL?: Size$g;
|
|
5345
5345
|
/**
|
|
5346
5346
|
* Модификация размеров.
|
|
5347
5347
|
*
|
|
5348
5348
|
* @general
|
|
5349
5349
|
* @default undefined */
|
|
5350
|
-
sizes?: Partial<Record<Size$
|
|
5350
|
+
sizes?: Partial<Record<Size$g, React.CSSProperties>>;
|
|
5351
5351
|
/**
|
|
5352
5352
|
* Внешние отступы.
|
|
5353
5353
|
*
|
|
@@ -5437,77 +5437,124 @@ type MenuComponentPalette = {
|
|
|
5437
5437
|
shadowColor: CSSColor;
|
|
5438
5438
|
};
|
|
5439
5439
|
interface MenuComponentProps extends ResponsiveSizeProps<MenuComponentSize>, Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
|
|
5440
|
-
/**
|
|
5440
|
+
/**
|
|
5441
|
+
* Кастомные цвета.
|
|
5442
|
+
*
|
|
5443
|
+
* @default {} */
|
|
5441
5444
|
palette?: Partial<Record<keyof MenuComponentPalette, Color>>;
|
|
5442
|
-
/**
|
|
5445
|
+
/**
|
|
5446
|
+
* Вариант цветовой схемы.
|
|
5447
|
+
*
|
|
5448
|
+
* @default true */
|
|
5443
5449
|
primary?: boolean;
|
|
5444
|
-
/**
|
|
5450
|
+
/**
|
|
5451
|
+
* Вариант цветовой схемы.
|
|
5452
|
+
*
|
|
5453
|
+
* @default false */
|
|
5445
5454
|
secondary?: boolean;
|
|
5446
|
-
/**
|
|
5455
|
+
/**
|
|
5456
|
+
* Использовать тень для рутового элемента.
|
|
5457
|
+
*
|
|
5458
|
+
* @default false */
|
|
5447
5459
|
elevated?: boolean;
|
|
5448
|
-
/**
|
|
5460
|
+
/**
|
|
5461
|
+
* При изменении значения фокус будет установлен на первый фокусируемый элемент.
|
|
5462
|
+
*
|
|
5463
|
+
* @default undefined */
|
|
5449
5464
|
autoFocus?: unknown;
|
|
5450
|
-
/**
|
|
5465
|
+
/**
|
|
5466
|
+
* Отключить автоматическую установку фокуса.
|
|
5467
|
+
*
|
|
5468
|
+
* Не рекомендуется использовать, если фокус не управляется вручную.
|
|
5469
|
+
*
|
|
5470
|
+
* @default false */
|
|
5451
5471
|
disableAutoFocus?: boolean;
|
|
5452
|
-
/**
|
|
5472
|
+
/**
|
|
5473
|
+
* Основной контент.
|
|
5474
|
+
*
|
|
5475
|
+
* Можно передать `Menu.List`, `Menu.Container` или кастомный компонент.
|
|
5476
|
+
*
|
|
5477
|
+
* Функция получает пропсы размеров и `closeFn`.
|
|
5478
|
+
*
|
|
5479
|
+
* @default undefined */
|
|
5453
5480
|
children?: React.ReactElement | ((props: Pick<MenuComponentProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'showCloseButton' | 'closeButtonProps'> & {
|
|
5454
5481
|
closeFn: () => void;
|
|
5455
5482
|
}) => React.ReactElement);
|
|
5456
|
-
/**
|
|
5483
|
+
/**
|
|
5484
|
+
* Показать кнопку закрытия.
|
|
5485
|
+
*
|
|
5486
|
+
* Пробрасывается в `children`. Применяется для `Menu.Container` или кастомного компонента.
|
|
5487
|
+
*
|
|
5488
|
+
* @default false */
|
|
5457
5489
|
showCloseButton?: boolean;
|
|
5458
|
-
/**
|
|
5490
|
+
/**
|
|
5491
|
+
* Пропсы кнопки закрытия.
|
|
5492
|
+
*
|
|
5493
|
+
* Пробрасывается в `children`. Применяется для `Menu.Container` или кастомного компонента.
|
|
5494
|
+
*
|
|
5495
|
+
* @default undefined */
|
|
5459
5496
|
closeButtonProps?: Partial<IconButtonProps>;
|
|
5460
|
-
/**
|
|
5497
|
+
/**
|
|
5498
|
+
* Внутренний колбек react-floater.
|
|
5499
|
+
*
|
|
5500
|
+
* @ignore */
|
|
5461
5501
|
closeFn?: () => void;
|
|
5462
5502
|
}
|
|
5463
5503
|
|
|
5464
5504
|
/**
|
|
5465
5505
|
*
|
|
5466
|
-
*
|
|
5467
|
-
*
|
|
5468
|
-
* Responsive "size" props are supported.
|
|
5469
|
-
*
|
|
5470
|
-
* Exposed "ref" attached to root node.
|
|
5506
|
+
* Компонент рутового блока выпадающего меню.
|
|
5471
5507
|
*
|
|
5472
|
-
*
|
|
5508
|
+
* Поддерживается "ref" и все нативные атрибуты \<div\> элемента.
|
|
5473
5509
|
*/
|
|
5474
5510
|
declare const MenuComponent: React.ForwardRefExoticComponent<MenuComponentProps>;
|
|
5475
5511
|
|
|
5476
5512
|
interface MenuListProps extends ResponsiveSizeProps<string>, React.ComponentPropsWithRef<'ul'> {
|
|
5477
|
-
/**
|
|
5513
|
+
/**
|
|
5514
|
+
* Элементы списка.
|
|
5515
|
+
*
|
|
5516
|
+
* React-элементы получают пропсы размеров списка.
|
|
5517
|
+
*
|
|
5518
|
+
*/
|
|
5478
5519
|
children: React.ReactNode;
|
|
5479
|
-
/**
|
|
5520
|
+
/**
|
|
5521
|
+
* Отступ между элементами списка (px).
|
|
5522
|
+
*
|
|
5523
|
+
* @default 4 */
|
|
5480
5524
|
gap?: string | number;
|
|
5481
5525
|
}
|
|
5482
5526
|
|
|
5483
5527
|
/**
|
|
5484
5528
|
*
|
|
5485
|
-
*
|
|
5486
|
-
*
|
|
5487
|
-
* Responsive "size" props are forwarded to children elements.
|
|
5488
|
-
*
|
|
5489
|
-
* Exposed "ref" attached to root node.
|
|
5529
|
+
* Компонент списка элементов в выпадающем меню.
|
|
5490
5530
|
*
|
|
5491
|
-
*
|
|
5531
|
+
* Поддерживается "ref" и все нативные атрибуты \<ul\> элемента.
|
|
5492
5532
|
*/
|
|
5493
5533
|
declare const MenuList: React.ForwardRefExoticComponent<MenuListProps>;
|
|
5494
5534
|
|
|
5495
5535
|
interface MenuContainerProps extends React.ComponentPropsWithRef<'div'> {
|
|
5496
|
-
/**
|
|
5536
|
+
/**
|
|
5537
|
+
* Показать кнопку закрытия.
|
|
5538
|
+
*
|
|
5539
|
+
* @default false */
|
|
5497
5540
|
showCloseButton?: boolean;
|
|
5498
|
-
/**
|
|
5541
|
+
/**
|
|
5542
|
+
* Пропсы кнопки закрытия.
|
|
5543
|
+
*
|
|
5544
|
+
* @default undefined */
|
|
5499
5545
|
closeButtonProps?: Partial<IconButtonProps>;
|
|
5500
|
-
/**
|
|
5546
|
+
/**
|
|
5547
|
+
* Внутренний колбек react-floater.
|
|
5548
|
+
*
|
|
5549
|
+
* @ignore */
|
|
5501
5550
|
closeFn?: () => void;
|
|
5502
5551
|
}
|
|
5503
5552
|
|
|
5504
5553
|
/**
|
|
5505
5554
|
*
|
|
5506
|
-
*
|
|
5555
|
+
* Компонент контейнера для произвольного контента в выпадающем меню.
|
|
5507
5556
|
*
|
|
5508
|
-
*
|
|
5509
|
-
*
|
|
5510
|
-
* See full [MenuContainerProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/MenuContainer/types.ts)
|
|
5557
|
+
* Поддерживается "ref" и все нативные атрибуты \<div\> элемента.
|
|
5511
5558
|
*/
|
|
5512
5559
|
declare const MenuContainer: React.ForwardRefExoticComponent<MenuContainerProps>;
|
|
5513
5560
|
|
|
@@ -5515,9 +5562,9 @@ type MenuDividerPalette = {
|
|
|
5515
5562
|
color: CSSColor;
|
|
5516
5563
|
lineColor: CSSColor;
|
|
5517
5564
|
};
|
|
5518
|
-
type Size$
|
|
5565
|
+
type Size$f = 'xl' | 'l' | 'm' | 's' | 'xs';
|
|
5519
5566
|
type MenuDividerSpacing = 'none' | 'default' | 'extended';
|
|
5520
|
-
interface MenuDividerBaseProps extends ResponsiveSizeProps<Size$
|
|
5567
|
+
interface MenuDividerBaseProps extends ResponsiveSizeProps<Size$f>, ResponsiveMarginProps {
|
|
5521
5568
|
/**
|
|
5522
5569
|
* Кастомные цвета.
|
|
5523
5570
|
*
|
|
@@ -5531,7 +5578,7 @@ interface MenuDividerBaseProps extends ResponsiveSizeProps<Size$e>, ResponsiveMa
|
|
|
5531
5578
|
/**
|
|
5532
5579
|
* Вариант отступов по краям.
|
|
5533
5580
|
*
|
|
5534
|
-
* @default '
|
|
5581
|
+
* @default 'extended' */
|
|
5535
5582
|
spacing?: MenuDividerSpacing;
|
|
5536
5583
|
}
|
|
5537
5584
|
type MenuDividerProps = MenuDividerBaseProps & Omit<React.ComponentPropsWithRef<'div'>, keyof MenuDividerBaseProps>;
|
|
@@ -5546,45 +5593,175 @@ type MenuDividerProps = MenuDividerBaseProps & Omit<React.ComponentPropsWithRef<
|
|
|
5546
5593
|
*/
|
|
5547
5594
|
declare const MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps>;
|
|
5548
5595
|
|
|
5549
|
-
|
|
5550
|
-
|
|
5596
|
+
type Size$e = 'l' | 'm' | 's' | 'fluid';
|
|
5597
|
+
interface MenuProps extends ResponsiveSizeProps<Size$e>, React.RefAttributes<HTMLDivElement> {
|
|
5598
|
+
/**
|
|
5599
|
+
* Открывать автоматически.
|
|
5600
|
+
*
|
|
5601
|
+
* @floating
|
|
5602
|
+
* @default false */
|
|
5551
5603
|
autoOpen?: boolean;
|
|
5552
|
-
/**
|
|
5604
|
+
/**
|
|
5605
|
+
* Колбек, который будет вызван при открытии или закрытии.
|
|
5606
|
+
*
|
|
5607
|
+
* @floating
|
|
5608
|
+
* @default undefined */
|
|
5553
5609
|
callback?: (action: 'open' | 'close', props: Props) => void;
|
|
5554
|
-
/**
|
|
5610
|
+
/**
|
|
5611
|
+
* Триггер открытия меню.
|
|
5612
|
+
*
|
|
5613
|
+
* @floating
|
|
5614
|
+
* @default undefined */
|
|
5555
5615
|
children?: React.ReactNode;
|
|
5556
|
-
/**
|
|
5616
|
+
/**
|
|
5617
|
+
* Отключить автоизменение положения меню при скролле или ресайзе.
|
|
5618
|
+
*
|
|
5619
|
+
* @floating
|
|
5620
|
+
* @default true */
|
|
5557
5621
|
disableFlip?: boolean;
|
|
5558
|
-
/**
|
|
5622
|
+
/**
|
|
5623
|
+
* Отступ между меню и триггером (px).
|
|
5624
|
+
*
|
|
5625
|
+
* @floating
|
|
5626
|
+
* @default 8 */
|
|
5559
5627
|
offset?: number;
|
|
5560
|
-
/**
|
|
5628
|
+
/**
|
|
5629
|
+
* Текущее состояние меню.
|
|
5630
|
+
*
|
|
5631
|
+
* Значение отличное от undefined включает контролируемый режим, в котором отдельные пропсы не имеют эффекта.
|
|
5632
|
+
*
|
|
5633
|
+
* @floating
|
|
5634
|
+
* @default undefined */
|
|
5561
5635
|
open?: boolean;
|
|
5562
|
-
/**
|
|
5636
|
+
/**
|
|
5637
|
+
* Позиция меню.
|
|
5638
|
+
*
|
|
5639
|
+
* @floating
|
|
5640
|
+
* @default 'bottom-start' */
|
|
5563
5641
|
placement?: Placement;
|
|
5564
|
-
/**
|
|
5642
|
+
/**
|
|
5643
|
+
* Элемент или CSS селектор элемента для портала.
|
|
5644
|
+
*
|
|
5645
|
+
* @floating
|
|
5646
|
+
* @default undefined */
|
|
5565
5647
|
portalElement?: Props['portalElement'];
|
|
5566
|
-
/**
|
|
5648
|
+
/**
|
|
5649
|
+
* Контент меню (`Menu.List`, `Menu.Container` или кастомный компонент).
|
|
5650
|
+
*
|
|
5651
|
+
* Функция получает пропсы размеров и `closeFn`. `closeFn` работает только если не используется проп `open`.
|
|
5652
|
+
*
|
|
5653
|
+
* @slot */
|
|
5567
5654
|
render: React.ReactElement | ((props: Pick<MenuProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'showCloseButton' | 'closeButtonProps'> & {
|
|
5568
5655
|
closeFn: () => void;
|
|
5569
5656
|
}) => React.ReactElement);
|
|
5570
|
-
/**
|
|
5657
|
+
/**
|
|
5658
|
+
* Вариант цветовой схемы.
|
|
5659
|
+
*
|
|
5660
|
+
* @general
|
|
5661
|
+
* @default true */
|
|
5571
5662
|
primary?: boolean;
|
|
5572
|
-
/**
|
|
5663
|
+
/**
|
|
5664
|
+
* Вариант цветовой схемы.
|
|
5665
|
+
*
|
|
5666
|
+
* @general
|
|
5667
|
+
* @default false */
|
|
5573
5668
|
secondary?: boolean;
|
|
5574
|
-
/**
|
|
5575
|
-
|
|
5576
|
-
|
|
5669
|
+
/**
|
|
5670
|
+
* Кастомные цвета.
|
|
5671
|
+
*
|
|
5672
|
+
* @general
|
|
5673
|
+
* @default {} */
|
|
5674
|
+
palette?: {
|
|
5675
|
+
backgroundColor?: Color;
|
|
5676
|
+
borderColor?: Color;
|
|
5677
|
+
shadowColor?: Color;
|
|
5678
|
+
};
|
|
5679
|
+
/**
|
|
5680
|
+
* При изменении значения фокус будет установлен на первый фокусируемый элемент.
|
|
5681
|
+
*
|
|
5682
|
+
* @floating
|
|
5683
|
+
* @default undefined */
|
|
5577
5684
|
autoFocus?: unknown;
|
|
5578
|
-
/**
|
|
5685
|
+
/**
|
|
5686
|
+
* Отключить автоматическую установку фокуса.
|
|
5687
|
+
*
|
|
5688
|
+
* Не рекомендуется использовать, если фокус не управляется вручную.
|
|
5689
|
+
*
|
|
5690
|
+
* @floating
|
|
5691
|
+
* @default false */
|
|
5579
5692
|
disableAutoFocus?: boolean;
|
|
5580
|
-
/**
|
|
5693
|
+
/**
|
|
5694
|
+
* Показать кнопку закрытия.
|
|
5695
|
+
*
|
|
5696
|
+
* Пробрасывается в `children`. Применяется для `Menu.Container` или кастомного компонента.
|
|
5697
|
+
*
|
|
5698
|
+
* @general
|
|
5699
|
+
* @default false */
|
|
5581
5700
|
showCloseButton?: boolean;
|
|
5582
|
-
/**
|
|
5701
|
+
/**
|
|
5702
|
+
* Пропсы кнопки закрытия.
|
|
5703
|
+
*
|
|
5704
|
+
* Пробрасывается в `children`. Применяется для `Menu.Container` или кастомного компонента.
|
|
5705
|
+
*
|
|
5706
|
+
* @default undefined */
|
|
5583
5707
|
closeButtonProps?: Partial<IconButtonProps>;
|
|
5584
|
-
/**
|
|
5708
|
+
/**
|
|
5709
|
+
* z-index рутового элемента.
|
|
5710
|
+
*
|
|
5711
|
+
* @default undefined */
|
|
5585
5712
|
zIndex?: number;
|
|
5586
|
-
/**
|
|
5713
|
+
/**
|
|
5714
|
+
* Закрывать меню при клике за пределами рутового элемента.
|
|
5715
|
+
*
|
|
5716
|
+
* Работает только если не используется проп `open`.
|
|
5717
|
+
*
|
|
5718
|
+
* @floating
|
|
5719
|
+
* @default false */
|
|
5587
5720
|
closeOnClickOutside?: boolean;
|
|
5721
|
+
/**
|
|
5722
|
+
* Размер.
|
|
5723
|
+
*
|
|
5724
|
+
* Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
|
|
5725
|
+
*
|
|
5726
|
+
* @general
|
|
5727
|
+
* @default 'm' */
|
|
5728
|
+
size?: Size$e | [DESKTOP: Size$e, TABLET: Size$e, MOBILE: Size$e] | [XL: Size$e, L: Size$e, M: Size$e, S: Size$e, XS: Size$e, XXS: Size$e];
|
|
5729
|
+
/**
|
|
5730
|
+
* Размер для XXS брейкпоинта.
|
|
5731
|
+
*
|
|
5732
|
+
* @default undefined */
|
|
5733
|
+
sizeXXS?: Size$e;
|
|
5734
|
+
/**
|
|
5735
|
+
* Размер для XS брейкпоинта.
|
|
5736
|
+
*
|
|
5737
|
+
* @default undefined */
|
|
5738
|
+
sizeXS?: Size$e;
|
|
5739
|
+
/**
|
|
5740
|
+
* Размер для S брейкпоинта.
|
|
5741
|
+
*
|
|
5742
|
+
* @default undefined */
|
|
5743
|
+
sizeS?: Size$e;
|
|
5744
|
+
/**
|
|
5745
|
+
* Размер для M брейкпоинта.
|
|
5746
|
+
*
|
|
5747
|
+
* @default undefined */
|
|
5748
|
+
sizeM?: Size$e;
|
|
5749
|
+
/**
|
|
5750
|
+
* Размер для L брейкпоинта.
|
|
5751
|
+
*
|
|
5752
|
+
* @default undefined */
|
|
5753
|
+
sizeL?: Size$e;
|
|
5754
|
+
/**
|
|
5755
|
+
* Размер для XL брейкпоинта.
|
|
5756
|
+
*
|
|
5757
|
+
* @default undefined */
|
|
5758
|
+
sizeXL?: Size$e;
|
|
5759
|
+
/**
|
|
5760
|
+
* Модификация размеров.
|
|
5761
|
+
*
|
|
5762
|
+
* @general
|
|
5763
|
+
* @default undefined */
|
|
5764
|
+
sizes?: Partial<Record<Size$e, React.CSSProperties>>;
|
|
5588
5765
|
/** @ignore */
|
|
5589
5766
|
debug?: boolean;
|
|
5590
5767
|
/** @ignore */
|
|
@@ -5595,13 +5772,11 @@ interface MenuProps extends ResponsiveSizeProps<MenuComponentSize>, React.RefAtt
|
|
|
5595
5772
|
|
|
5596
5773
|
/**
|
|
5597
5774
|
*
|
|
5598
|
-
*
|
|
5599
|
-
*
|
|
5600
|
-
* Responsive "size" props are supported.
|
|
5775
|
+
* *v1.0.0*
|
|
5601
5776
|
*
|
|
5602
|
-
*
|
|
5777
|
+
* Компонент выпадающего меню.
|
|
5603
5778
|
*
|
|
5604
|
-
*
|
|
5779
|
+
* Поддерживается "ref" и все нативные атрибуты \<div\> элемента.
|
|
5605
5780
|
*/
|
|
5606
5781
|
declare const Menu: React.ForwardRefExoticComponent<MenuProps> & {
|
|
5607
5782
|
Component: typeof MenuComponent;
|
|
@@ -7831,7 +8006,7 @@ declare const useMediaMatchers: () => Partial<Record<MediaMatcherId, boolean>>;
|
|
|
7831
8006
|
|
|
7832
8007
|
declare const vAlign: (align: "top" | "middle" | "bottom" | "text-top" | "text-bottom" | "baseline") => styled_components.FlattenSimpleInterpolation;
|
|
7833
8008
|
|
|
7834
|
-
declare function buildMediaQuery(value: number | Size$
|
|
8009
|
+
declare function buildMediaQuery(value: number | Size$A | '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$A, number>): ReturnType<typeof css>;
|
|
7835
8010
|
declare const desktopFirst: (a: string, b: string) => number;
|
|
7836
8011
|
declare const mobileFirst: (a: string, b: string) => number;
|
|
7837
8012
|
|
|
@@ -11399,4 +11574,4 @@ declare const ImageUploader: React.ForwardRefExoticComponent<ImageUploaderProps>
|
|
|
11399
11574
|
Grid: typeof ImageUploaderGrid;
|
|
11400
11575
|
};
|
|
11401
11576
|
|
|
11402
|
-
export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, AddElement, type AddElementProps, Alert, type AlertBaseProps, 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, type ColorName, 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, FileUploader, type FileUploaderItemProps, type FileUploaderListProps, type FileUploaderProps, FormLabel, type FormLabelProps, Gradient, type GradientProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconISOCode, type IconName, type IconProps, ImageUploader, type ImageUploaderGridProps, type ImageUploaderProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, type MarginValue, Media, type MediaBreakpoint, type MediaMatcherId, 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 ResponsiveMarginProps$1 as ResponsiveMarginProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, type SemanticTheme, Separator, type SeparatorProps, type Size$
|
|
11577
|
+
export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, AddElement, type AddElementProps, Alert, type AlertBaseProps, 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, type ColorName, 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, FileUploader, type FileUploaderItemProps, type FileUploaderListProps, type FileUploaderProps, FormLabel, type FormLabelProps, Gradient, type GradientProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconISOCode, type IconName, type IconProps, ImageUploader, type ImageUploaderGridProps, type ImageUploaderProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, type MarginValue, Media, type MediaBreakpoint, type MediaMatcherId, 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 ResponsiveMarginProps$1 as ResponsiveMarginProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, type SemanticTheme, Separator, type SeparatorProps, type Size$A 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 TimerBaseProps, type TimerProps, type ToolbarControl, Tooltip, type TooltipComponentProps, type TooltipProps, type WithMergedPropsOptions, type WithThemePreset, type WrappedComponentProps, adultDarkTheme, adultLightTheme, algoritmikaDayTheme, algoritmikaNightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, examDayTheme, examNightTheme, foxfordDayTheme, foxfordNightTheme, 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 };
|