@foxford/ui 2.85.0 → 2.86.1-beta-caed857-20251118

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.
Files changed (32) hide show
  1. package/components/FormLabel/FormLabel.js +1 -1
  2. package/components/FormLabel/FormLabel.js.map +1 -1
  3. package/components/FormLabel/FormLabel.mjs +1 -1
  4. package/components/FormLabel/FormLabel.mjs.map +1 -1
  5. package/components/FormLabel/constants.js +1 -1
  6. package/components/FormLabel/constants.js.map +1 -1
  7. package/components/FormLabel/constants.mjs +1 -1
  8. package/components/FormLabel/constants.mjs.map +1 -1
  9. package/components/FormLabel/style.js +1 -1
  10. package/components/FormLabel/style.js.map +1 -1
  11. package/components/FormLabel/style.mjs +1 -1
  12. package/components/FormLabel/style.mjs.map +1 -1
  13. package/components/InputCheckbox/InputCheckbox.js.map +1 -1
  14. package/components/InputCheckbox/InputCheckbox.mjs.map +1 -1
  15. package/components/InputCheckbox/constants.js.map +1 -1
  16. package/components/InputCheckbox/constants.mjs.map +1 -1
  17. package/components/InputCheckbox/style.js +1 -1
  18. package/components/InputCheckbox/style.js.map +1 -1
  19. package/components/InputCheckbox/style.mjs +1 -1
  20. package/components/InputCheckbox/style.mjs.map +1 -1
  21. package/components/InputRadio/InputRadio.js.map +1 -1
  22. package/components/InputRadio/InputRadio.mjs.map +1 -1
  23. package/components/InputRadio/constants.js.map +1 -1
  24. package/components/InputRadio/constants.mjs.map +1 -1
  25. package/components/Switch/Switch.js +1 -1
  26. package/components/Switch/Switch.js.map +1 -1
  27. package/components/Switch/Switch.mjs +1 -1
  28. package/components/Switch/Switch.mjs.map +1 -1
  29. package/components/Switch/constants.js.map +1 -1
  30. package/components/Switch/constants.mjs.map +1 -1
  31. package/dts/index.d.ts +622 -321
  32. package/package.json +2 -2
package/dts/index.d.ts CHANGED
@@ -883,8 +883,8 @@ type CSSColor = RGB | RGBA | HEX | CSSGlobalValue | 'currentcolor' | 'transparen
883
883
  type CSSBorderStyle = CSSGlobalValue | 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
884
884
  type CSSVerticalAlign = CSSGlobalValue | 'baseline' | 'sub' | 'super' | 'text-top' | 'text-bottom' | 'middle' | 'top' | 'bottom';
885
885
  type CSSFontWeight = CSSGlobalValue | 'normal' | 'bold' | 'lighter' | 'bolder' | number;
886
- type Size$f = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
887
- type SizeValue = Size$f | CSSGlobalValue | number;
886
+ type Size$j = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
887
+ type SizeValue = Size$j | CSSGlobalValue | number;
888
888
  type Breakpoint = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
889
889
  type Color = keyof typeof ColorNames | CSSColor;
890
890
  type ColorPaletteKey = 'color' | `color${string}` | `${string}Color` | `${string}Color${string}`;
@@ -979,21 +979,21 @@ declare const adultDarkTheme: DefaultTheme;
979
979
  /**
980
980
  * Value for breakpoint
981
981
  */
982
- type PossibleValues = number | Size$f | 'auto' | 'initial' | 'inherit' | boolean;
982
+ type PossibleValues = number | Size$j | 'auto' | 'initial' | 'inherit' | boolean;
983
983
  type PropsProperties = 'size' | 'fontSize' | 'height' | 'width' | 'top' | 'right' | 'bottom' | 'left' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'fluid';
984
984
  type CalcProperty = (_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null;
985
985
  type CssProperty = string | CalcProperty;
986
986
  type ResponsiveKeys = '' | 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
987
987
  type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = Partial<Record<`${T}${ResponsiveKeys}`, V>>;
988
- type ResponsiveProperty<V = number | Size$f> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
989
- declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$f, number>) => () => () => FlattenSimpleInterpolation | null;
988
+ type ResponsiveProperty<V = number | Size$j> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
989
+ declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$j, number>) => () => () => FlattenSimpleInterpolation | null;
990
990
  interface ResponsiveNamedPropertyPayload<T extends PropsProperties> {
991
991
  sizes: ResponsiveNamedProperty<T>;
992
992
  cssProperty: CssProperty;
993
993
  sizing?: null | string;
994
994
  customSizeHandler?: (_value: PossibleValues) => PossibleValues;
995
995
  sort?: (_a: string, _b: string) => number;
996
- predefinedSizes?: Record<Size$f, number>;
996
+ predefinedSizes?: Record<Size$j, number>;
997
997
  }
998
998
  /**
999
999
  * Миксин для генерации media запросов
@@ -1094,7 +1094,7 @@ interface ExpandButtonProps extends React.ComponentPropsWithoutRef<'button'> {
1094
1094
  /** Кастомные цвета */
1095
1095
  palette?: Partial<Record<keyof ExpandButtonPalette, Color>>;
1096
1096
  }
1097
- interface TextProps extends ResponsiveSizeProps<Size$f, SizeValue>, ResponsiveMarginProps,
1097
+ interface TextProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveMarginProps,
1098
1098
  /** @deprecated */
1099
1099
  DisplayProperty, ColorProperty, Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<React.BlockquoteHTMLAttributes<HTMLElement>, 'color'>, Omit<React.LabelHTMLAttributes<HTMLElement>, 'color'> {
1100
1100
  /** Применение присета стилей и размеров */
@@ -1171,7 +1171,7 @@ declare const Text: React.ForwardRefExoticComponent<TextProps> & {
1171
1171
  type IconPackIconName = Uncapitalize<keyof typeof IconPack>;
1172
1172
  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';
1173
1173
  type IconName = IconPackIconName | IconNameDefault;
1174
- interface IconProps extends ResponsiveSizeProps<Size$f, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'span'>, 'children'> {
1174
+ interface IconProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'span'>, 'children'> {
1175
1175
  /** UI: brand (v3), or default (v2) */
1176
1176
  preset?: ThemePreset;
1177
1177
  /** Icon color */
@@ -1275,7 +1275,7 @@ type AnchorPalette = {
1275
1275
  colorHover: CSSColor;
1276
1276
  colorDisabled: CSSColor;
1277
1277
  };
1278
- interface AnchorProps extends ResponsiveSizeProps<Size$f, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'a'>, 'color' | 'children'>,
1278
+ interface AnchorProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'a'>, 'color' | 'children'>,
1279
1279
  /** @deprecated Use palette */
1280
1280
  ColorProperty<'color'>,
1281
1281
  /** @deprecated Use children as function */
@@ -1334,9 +1334,9 @@ DisplayProperty {
1334
1334
  */
1335
1335
  declare const Anchor: React.ForwardRefExoticComponent<AnchorProps>;
1336
1336
 
1337
- type Size$e = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
1338
- type Margin$9 = number | string;
1339
- interface ButtonBaseProps extends ResponsiveSizeProps<Size$e>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>,
1337
+ type Size$i = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
1338
+ type Margin$a = number | string;
1339
+ interface ButtonBaseProps extends ResponsiveSizeProps<Size$i>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>,
1340
1340
  /** @deprecated */
1341
1341
  ColorProperty,
1342
1342
  /** @deprecated */
@@ -1501,43 +1501,43 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
1501
1501
  *
1502
1502
  * @general
1503
1503
  * @default 'm' */
1504
- 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];
1504
+ 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];
1505
1505
  /**
1506
1506
  * Размер для XXS брейкпоинта.
1507
1507
  *
1508
1508
  * @default undefined */
1509
- sizeXXS?: Size$e;
1509
+ sizeXXS?: Size$i;
1510
1510
  /**
1511
1511
  * Размер для XS брейкпоинта.
1512
1512
  *
1513
1513
  * @default undefined */
1514
- sizeXS?: Size$e;
1514
+ sizeXS?: Size$i;
1515
1515
  /**
1516
1516
  * Размер для S брейкпоинта.
1517
1517
  *
1518
1518
  * @default undefined */
1519
- sizeS?: Size$e;
1519
+ sizeS?: Size$i;
1520
1520
  /**
1521
1521
  * Размер для M брейкпоинта.
1522
1522
  *
1523
1523
  * @default undefined */
1524
- sizeM?: Size$e;
1524
+ sizeM?: Size$i;
1525
1525
  /**
1526
1526
  * Размер для L брейкпоинта.
1527
1527
  *
1528
1528
  * @default undefined */
1529
- sizeL?: Size$e;
1529
+ sizeL?: Size$i;
1530
1530
  /**
1531
1531
  * Размер для XL брейкпоинта.
1532
1532
  *
1533
1533
  * @default undefined */
1534
- sizeXL?: Size$e;
1534
+ sizeXL?: Size$i;
1535
1535
  /**
1536
1536
  * Модификация размеров.
1537
1537
  *
1538
1538
  * @general
1539
1539
  * @default undefined */
1540
- sizes?: Partial<Record<Size$e, React.CSSProperties>>;
1540
+ sizes?: Partial<Record<Size$i, React.CSSProperties>>;
1541
1541
  /**
1542
1542
  * Внешние отступы.
1543
1543
  *
@@ -1545,37 +1545,37 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
1545
1545
  *
1546
1546
  * @general
1547
1547
  * @default undefined */
1548
- margin?: Margin$9 | [DESKTOP: Margin$9, TABLET: Margin$9, MOBILE: Margin$9] | [XL: Margin$9, L: Margin$9, M: Margin$9, S: Margin$9, XS: Margin$9, XXS: Margin$9];
1548
+ margin?: Margin$a | [DESKTOP: Margin$a, TABLET: Margin$a, MOBILE: Margin$a] | [XL: Margin$a, L: Margin$a, M: Margin$a, S: Margin$a, XS: Margin$a, XXS: Margin$a];
1549
1549
  /**
1550
1550
  * Отступ для XXS брейкпоинта.
1551
1551
  *
1552
1552
  * @default undefined */
1553
- marginXXS?: Margin$9;
1553
+ marginXXS?: Margin$a;
1554
1554
  /**
1555
1555
  * Отступ для XS брейкпоинта.
1556
1556
  *
1557
1557
  * @default undefined */
1558
- marginXS?: Margin$9;
1558
+ marginXS?: Margin$a;
1559
1559
  /**
1560
1560
  * Отступ для S брейкпоинта.
1561
1561
  *
1562
1562
  * @default undefined */
1563
- marginS?: Margin$9;
1563
+ marginS?: Margin$a;
1564
1564
  /**
1565
1565
  * Отступ для M брейкпоинта.
1566
1566
  *
1567
1567
  * @default undefined */
1568
- marginM?: Margin$9;
1568
+ marginM?: Margin$a;
1569
1569
  /**
1570
1570
  * Отступ для L брейкпоинта.
1571
1571
  *
1572
1572
  * @default undefined */
1573
- marginL?: Margin$9;
1573
+ marginL?: Margin$a;
1574
1574
  /**
1575
1575
  * Отступ для XL брейкпоинта.
1576
1576
  *
1577
1577
  * @default undefined */
1578
- marginXL?: Margin$9;
1578
+ marginXL?: Margin$a;
1579
1579
  /** @ignore */
1580
1580
  primary?: boolean;
1581
1581
  /** @ignore */
@@ -1666,9 +1666,9 @@ interface AlertProps extends BaseProps {
1666
1666
 
1667
1667
  declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
1668
1668
 
1669
- type Size$d = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
1670
- type Margin$8 = number | string;
1671
- interface ArrowProps extends ResponsiveSizeProps<Size$d, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
1669
+ type Size$h = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
1670
+ type Margin$9 = number | string;
1671
+ interface ArrowProps extends ResponsiveSizeProps<Size$h, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
1672
1672
  /**
1673
1673
  * Версия компонента: v3 ("brand") или v2 ("default").
1674
1674
  *
@@ -1750,43 +1750,43 @@ interface ArrowProps extends ResponsiveSizeProps<Size$d, SizeValue>, ResponsiveM
1750
1750
  *
1751
1751
  * @general
1752
1752
  * @default 'l' */
1753
- size?: Size$d | [DESKTOP: Size$d, TABLET: Size$d, MOBILE: Size$d] | [XL: Size$d, L: Size$d, M: Size$d, S: Size$d, XS: Size$d, XXS: Size$d];
1753
+ size?: Size$h | [DESKTOP: Size$h, TABLET: Size$h, MOBILE: Size$h] | [XL: Size$h, L: Size$h, M: Size$h, S: Size$h, XS: Size$h, XXS: Size$h];
1754
1754
  /**
1755
1755
  * Размер для XXS брейкпоинта.
1756
1756
  *
1757
1757
  * @default undefined */
1758
- sizeXXS?: Size$d;
1758
+ sizeXXS?: Size$h;
1759
1759
  /**
1760
1760
  * Размер для XS брейкпоинта.
1761
1761
  *
1762
1762
  * @default undefined */
1763
- sizeXS?: Size$d;
1763
+ sizeXS?: Size$h;
1764
1764
  /**
1765
1765
  * Размер для S брейкпоинта.
1766
1766
  *
1767
1767
  * @default undefined */
1768
- sizeS?: Size$d;
1768
+ sizeS?: Size$h;
1769
1769
  /**
1770
1770
  * Размер для M брейкпоинта.
1771
1771
  *
1772
1772
  * @default undefined */
1773
- sizeM?: Size$d;
1773
+ sizeM?: Size$h;
1774
1774
  /**
1775
1775
  * Размер для L брейкпоинта.
1776
1776
  *
1777
1777
  * @default undefined */
1778
- sizeL?: Size$d;
1778
+ sizeL?: Size$h;
1779
1779
  /**
1780
1780
  * Размер для XL брейкпоинта.
1781
1781
  *
1782
1782
  * @default undefined */
1783
- sizeXL?: Size$d;
1783
+ sizeXL?: Size$h;
1784
1784
  /**
1785
1785
  * Модификация размеров.
1786
1786
  *
1787
1787
  * @general
1788
1788
  * @default undefined */
1789
- sizes?: Partial<Record<Size$d, React.CSSProperties>>;
1789
+ sizes?: Partial<Record<Size$h, React.CSSProperties>>;
1790
1790
  /**
1791
1791
  * Внешние отступы.
1792
1792
  *
@@ -1794,37 +1794,37 @@ interface ArrowProps extends ResponsiveSizeProps<Size$d, SizeValue>, ResponsiveM
1794
1794
  *
1795
1795
  * @general
1796
1796
  * @default undefined */
1797
- margin?: Margin$8 | [DESKTOP: Margin$8, TABLET: Margin$8, MOBILE: Margin$8] | [XL: Margin$8, L: Margin$8, M: Margin$8, S: Margin$8, XS: Margin$8, XXS: Margin$8];
1797
+ margin?: Margin$9 | [DESKTOP: Margin$9, TABLET: Margin$9, MOBILE: Margin$9] | [XL: Margin$9, L: Margin$9, M: Margin$9, S: Margin$9, XS: Margin$9, XXS: Margin$9];
1798
1798
  /**
1799
1799
  * Отступ для XXS брейкпоинта.
1800
1800
  *
1801
1801
  * @default undefined */
1802
- marginXXS?: Margin$8;
1802
+ marginXXS?: Margin$9;
1803
1803
  /**
1804
1804
  * Отступ для XS брейкпоинта.
1805
1805
  *
1806
1806
  * @default undefined */
1807
- marginXS?: Margin$8;
1807
+ marginXS?: Margin$9;
1808
1808
  /**
1809
1809
  * Отступ для S брейкпоинта.
1810
1810
  *
1811
1811
  * @default undefined */
1812
- marginS?: Margin$8;
1812
+ marginS?: Margin$9;
1813
1813
  /**
1814
1814
  * Отступ для M брейкпоинта.
1815
1815
  *
1816
1816
  * @default undefined */
1817
- marginM?: Margin$8;
1817
+ marginM?: Margin$9;
1818
1818
  /**
1819
1819
  * Отступ для L брейкпоинта.
1820
1820
  *
1821
1821
  * @default undefined */
1822
- marginL?: Margin$8;
1822
+ marginL?: Margin$9;
1823
1823
  /**
1824
1824
  * Отступ для XL брейкпоинта.
1825
1825
  *
1826
1826
  * @default undefined */
1827
- marginXL?: Margin$8;
1827
+ marginXL?: Margin$9;
1828
1828
  /** @ignore */
1829
1829
  inverse?: boolean;
1830
1830
  /** @ignore @deprecated */
@@ -1839,61 +1839,121 @@ interface ArrowProps extends ResponsiveSizeProps<Size$d, SizeValue>, ResponsiveM
1839
1839
  */
1840
1840
  declare const Arrow: React.ForwardRefExoticComponent<ArrowProps>;
1841
1841
 
1842
- type CheckboxSize$1 = 'xl' | 'l' | 'm' | 's' | 'xs';
1843
- type InputCheckboxPalette = {
1844
- color: CSSColor;
1845
- backgroundColor: CSSColor;
1846
- borderColor: CSSColor;
1847
- colorHover: CSSColor;
1848
- backgroundColorHover: CSSColor;
1849
- borderColorHover: CSSColor;
1850
- colorChecked: CSSColor;
1851
- backgroundColorChecked: CSSColor;
1852
- borderColorChecked: CSSColor;
1853
- colorDisabled: CSSColor;
1854
- backgroundColorDisabled: CSSColor;
1855
- borderColorDisabled: CSSColor;
1856
- colorDisabledChecked: CSSColor;
1857
- backgroundColorDisabledChecked: CSSColor;
1858
- borderColorDisabledChecked: CSSColor;
1859
- };
1860
- interface InputCheckboxProps extends ResponsiveSizeProps<CheckboxSize$1>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
1842
+ type Size$g = 'xl' | 'l' | 'm' | 's' | 'xs';
1843
+ interface InputCheckboxProps extends ResponsiveSizeProps<Size$g>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
1861
1844
  /**
1862
- * Текущее состояние контрола (использование включает контролируемый режим)
1845
+ * Текущее состояние контрола (использование включает контролируемый режим).
1846
+ *
1847
+ * @general
1863
1848
  * @default undefined */
1864
1849
  checked?: boolean;
1865
1850
  /**
1866
- * Начальное состояние контрола
1851
+ * Начальное состояние контрола.
1852
+ *
1853
+ * @general
1867
1854
  * @default false */
1868
1855
  defaultChecked?: boolean;
1869
1856
  /**
1870
- * Колбек, который будет вызван при изменении состояния контрола
1857
+ * Колбек, который будет вызван при изменении состояния контрола.
1858
+ *
1859
+ * @general
1871
1860
  * @default undefined */
1872
1861
  onChange?: React.ChangeEventHandler<HTMLInputElement>;
1873
1862
  /**
1874
- * Кастомные цвета
1863
+ * Кастомные цвета.
1864
+ *
1865
+ * @general
1875
1866
  * @default undefined */
1876
- palette?: Partial<Record<keyof InputCheckboxPalette, Color>>;
1867
+ palette?: {
1868
+ color?: Color;
1869
+ backgroundColor?: Color;
1870
+ borderColor?: Color;
1871
+ colorHover?: Color;
1872
+ backgroundColorHover?: Color;
1873
+ borderColorHover?: Color;
1874
+ colorChecked?: Color;
1875
+ backgroundColorChecked?: Color;
1876
+ borderColorChecked?: Color;
1877
+ colorDisabled?: Color;
1878
+ backgroundColorDisabled?: Color;
1879
+ borderColorDisabled?: Color;
1880
+ colorDisabledChecked?: Color;
1881
+ backgroundColorDisabledChecked?: Color;
1882
+ borderColorDisabledChecked?: Color;
1883
+ };
1877
1884
  /**
1878
- * Рендер рутового элемента инлайн
1885
+ * Отображение на одной линии с другими элементами.
1886
+ *
1879
1887
  * @default false */
1880
1888
  inline?: boolean;
1881
1889
  /**
1882
- * Визуальное состояние `indeterminate` (не влияет на стейт `checked`)
1890
+ * Признак неопределенного состояния (не влияет на стейт `checked`).
1891
+ *
1892
+ * @general
1883
1893
  * @default false */
1884
1894
  indeterminate?: boolean;
1885
1895
  /**
1886
- * Вариант цветовой схемы
1896
+ * Вариант цветовой схемы.
1897
+ *
1898
+ * @general
1887
1899
  * @default false */
1888
1900
  error?: boolean;
1889
1901
  /**
1890
- * Вариант цветовой схемы
1902
+ * Вариант цветовой схемы.
1903
+ *
1904
+ * @general
1891
1905
  * @default false */
1892
1906
  success?: boolean;
1893
1907
  /**
1894
- * Адаптировать цветовую схему для контрастного фона
1908
+ * Вариант цветовой схемы.
1909
+ *
1910
+ * @general
1895
1911
  * @default false */
1896
1912
  contrast?: boolean;
1913
+ /**
1914
+ * Размер.
1915
+ *
1916
+ * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
1917
+ *
1918
+ * @general
1919
+ * @default 'm' */
1920
+ 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];
1921
+ /**
1922
+ * Размер для XXS брейкпоинта.
1923
+ *
1924
+ * @default undefined */
1925
+ sizeXXS?: Size$g;
1926
+ /**
1927
+ * Размер для XS брейкпоинта.
1928
+ *
1929
+ * @default undefined */
1930
+ sizeXS?: Size$g;
1931
+ /**
1932
+ * Размер для S брейкпоинта.
1933
+ *
1934
+ * @default undefined */
1935
+ sizeS?: Size$g;
1936
+ /**
1937
+ * Размер для M брейкпоинта.
1938
+ *
1939
+ * @default undefined */
1940
+ sizeM?: Size$g;
1941
+ /**
1942
+ * Размер для L брейкпоинта.
1943
+ *
1944
+ * @default undefined */
1945
+ sizeL?: Size$g;
1946
+ /**
1947
+ * Размер для XL брейкпоинта.
1948
+ *
1949
+ * @default undefined */
1950
+ sizeXL?: Size$g;
1951
+ /**
1952
+ * Модификация размеров.
1953
+ *
1954
+ * @general
1955
+ * @default undefined */
1956
+ sizes?: Partial<Record<Size$g, React.CSSProperties>>;
1897
1957
  /** @ignore @deprecated */
1898
1958
  onColored?: boolean;
1899
1959
  }
@@ -1942,8 +2002,8 @@ declare enum SizeInput {
1942
2002
  xs = 140
1943
2003
  }
1944
2004
 
1945
- type Size$c = 'l' | 'm' | 's' | 'xs';
1946
- interface TextareaBaseProps extends ResponsiveSizeProps<Size$c>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
2005
+ type Size$f = 'l' | 'm' | 's' | 'xs';
2006
+ interface TextareaBaseProps extends ResponsiveSizeProps<Size$f>, ResponsiveMarginProps, ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
1947
2007
  /**
1948
2008
  * Автоматически адаптировать число строк под контент.
1949
2009
  *
@@ -2098,7 +2158,7 @@ type ArrowBadgePalette = {
2098
2158
  color: CSSColor;
2099
2159
  backgroundColor: CSSColor;
2100
2160
  };
2101
- interface ArrowBadgeProps extends ResponsiveSizeProps<Size$f, SizeValue>, ResponsiveMarginProps,
2161
+ interface ArrowBadgeProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveMarginProps,
2102
2162
  /** @deprecated Use palette */
2103
2163
  ColorProperty<'color'>,
2104
2164
  /** @deprecated Use palette */
@@ -2140,9 +2200,9 @@ ColorProperty<'backgroundColor'>, Omit<React.ComponentPropsWithRef<'div'>, 'colo
2140
2200
  */
2141
2201
  declare const ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps>;
2142
2202
 
2143
- type Size$b = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
2144
- type Margin$7 = number | string;
2145
- interface TabProps extends ResponsiveSizeProps<Size$b, SizeValue>, ResponsiveMarginProps,
2203
+ type Size$e = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
2204
+ type Margin$8 = number | string;
2205
+ interface TabProps extends ResponsiveSizeProps<Size$e, SizeValue>, ResponsiveMarginProps,
2146
2206
  /** @deprecated Use palette */
2147
2207
  ColorProperty<'color'>,
2148
2208
  /** @deprecated Use palette */
@@ -2233,43 +2293,43 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
2233
2293
  *
2234
2294
  * @general
2235
2295
  * @default 'm' */
2236
- size?: Size$b | [DESKTOP: Size$b, TABLET: Size$b, MOBILE: Size$b] | [XL: Size$b, L: Size$b, M: Size$b, S: Size$b, XS: Size$b, XXS: Size$b];
2296
+ 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];
2237
2297
  /**
2238
2298
  * Размер для XXS брейкпоинта.
2239
2299
  *
2240
2300
  * @default undefined */
2241
- sizeXXS?: Size$b;
2301
+ sizeXXS?: Size$e;
2242
2302
  /**
2243
2303
  * Размер для XS брейкпоинта.
2244
2304
  *
2245
2305
  * @default undefined */
2246
- sizeXS?: Size$b;
2306
+ sizeXS?: Size$e;
2247
2307
  /**
2248
2308
  * Размер для S брейкпоинта.
2249
2309
  *
2250
2310
  * @default undefined */
2251
- sizeS?: Size$b;
2311
+ sizeS?: Size$e;
2252
2312
  /**
2253
2313
  * Размер для M брейкпоинта.
2254
2314
  *
2255
2315
  * @default undefined */
2256
- sizeM?: Size$b;
2316
+ sizeM?: Size$e;
2257
2317
  /**
2258
2318
  * Размер для L брейкпоинта.
2259
2319
  *
2260
2320
  * @default undefined */
2261
- sizeL?: Size$b;
2321
+ sizeL?: Size$e;
2262
2322
  /**
2263
2323
  * Размер для XL брейкпоинта.
2264
2324
  *
2265
2325
  * @default undefined */
2266
- sizeXL?: Size$b;
2326
+ sizeXL?: Size$e;
2267
2327
  /**
2268
2328
  * Модификация размеров.
2269
2329
  *
2270
2330
  * @general
2271
2331
  * @default undefined */
2272
- sizes?: Partial<Record<Size$b, React.CSSProperties>>;
2332
+ sizes?: Partial<Record<Size$e, React.CSSProperties>>;
2273
2333
  /**
2274
2334
  * Внешние отступы.
2275
2335
  *
@@ -2277,37 +2337,37 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
2277
2337
  *
2278
2338
  * @general
2279
2339
  * @default undefined */
2280
- margin?: Margin$7 | [DESKTOP: Margin$7, TABLET: Margin$7, MOBILE: Margin$7] | [XL: Margin$7, L: Margin$7, M: Margin$7, S: Margin$7, XS: Margin$7, XXS: Margin$7];
2340
+ margin?: Margin$8 | [DESKTOP: Margin$8, TABLET: Margin$8, MOBILE: Margin$8] | [XL: Margin$8, L: Margin$8, M: Margin$8, S: Margin$8, XS: Margin$8, XXS: Margin$8];
2281
2341
  /**
2282
2342
  * Отступ для XXS брейкпоинта.
2283
2343
  *
2284
2344
  * @default undefined */
2285
- marginXXS?: Margin$7;
2345
+ marginXXS?: Margin$8;
2286
2346
  /**
2287
2347
  * Отступ для XS брейкпоинта.
2288
2348
  *
2289
2349
  * @default undefined */
2290
- marginXS?: Margin$7;
2350
+ marginXS?: Margin$8;
2291
2351
  /**
2292
2352
  * Отступ для S брейкпоинта.
2293
2353
  *
2294
2354
  * @default undefined */
2295
- marginS?: Margin$7;
2355
+ marginS?: Margin$8;
2296
2356
  /**
2297
2357
  * Отступ для M брейкпоинта.
2298
2358
  *
2299
2359
  * @default undefined */
2300
- marginM?: Margin$7;
2360
+ marginM?: Margin$8;
2301
2361
  /**
2302
2362
  * Отступ для L брейкпоинта.
2303
2363
  *
2304
2364
  * @default undefined */
2305
- marginL?: Margin$7;
2365
+ marginL?: Margin$8;
2306
2366
  /**
2307
2367
  * Отступ для XL брейкпоинта.
2308
2368
  *
2309
2369
  * @default undefined */
2310
- marginXL?: Margin$7;
2370
+ marginXL?: Margin$8;
2311
2371
  /** @ignore */
2312
2372
  compact?: boolean;
2313
2373
  /** @ignore */
@@ -2332,7 +2392,7 @@ type BadgePalette = {
2332
2392
  color: CSSColor;
2333
2393
  backgroundColor: CSSColor;
2334
2394
  };
2335
- interface BadgeProps extends ResponsiveSizeProps<Size$f, SizeValue>, ResponsiveMarginProps,
2395
+ interface BadgeProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveMarginProps,
2336
2396
  /** @deprecated Use palette */
2337
2397
  ColorProperty,
2338
2398
  /** @deprecated Use children as function */
@@ -2385,9 +2445,9 @@ DisplayProperty, Omit<React.ComponentPropsWithRef<'div'>, 'color' | 'children'>
2385
2445
  */
2386
2446
  declare const Badge: React.ForwardRefExoticComponent<BadgeProps>;
2387
2447
 
2388
- type Size$a = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
2389
- type Margin$6 = number | string;
2390
- interface IconButtonBaseProps extends ResponsiveSizeProps<Size$a>, ResponsiveMarginProps {
2448
+ type Size$d = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
2449
+ type Margin$7 = number | string;
2450
+ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$d>, ResponsiveMarginProps {
2391
2451
  /**
2392
2452
  * Кастомные цвета.
2393
2453
  *
@@ -2445,43 +2505,43 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$a>, ResponsiveMar
2445
2505
  *
2446
2506
  * @general
2447
2507
  * @default 'm' */
2448
- size?: Size$a | [DESKTOP: Size$a, TABLET: Size$a, MOBILE: Size$a] | [XL: Size$a, L: Size$a, M: Size$a, S: Size$a, XS: Size$a, XXS: Size$a];
2508
+ size?: Size$d | [DESKTOP: Size$d, TABLET: Size$d, MOBILE: Size$d] | [XL: Size$d, L: Size$d, M: Size$d, S: Size$d, XS: Size$d, XXS: Size$d];
2449
2509
  /**
2450
2510
  * Размер для XXS брейкпоинта.
2451
2511
  *
2452
2512
  * @default undefined */
2453
- sizeXXS?: Size$a;
2513
+ sizeXXS?: Size$d;
2454
2514
  /**
2455
2515
  * Размер для XS брейкпоинта.
2456
2516
  *
2457
2517
  * @default undefined */
2458
- sizeXS?: Size$a;
2518
+ sizeXS?: Size$d;
2459
2519
  /**
2460
2520
  * Размер для S брейкпоинта.
2461
2521
  *
2462
2522
  * @default undefined */
2463
- sizeS?: Size$a;
2523
+ sizeS?: Size$d;
2464
2524
  /**
2465
2525
  * Размер для M брейкпоинта.
2466
2526
  *
2467
2527
  * @default undefined */
2468
- sizeM?: Size$a;
2528
+ sizeM?: Size$d;
2469
2529
  /**
2470
2530
  * Размер для L брейкпоинта.
2471
2531
  *
2472
2532
  * @default undefined */
2473
- sizeL?: Size$a;
2533
+ sizeL?: Size$d;
2474
2534
  /**
2475
2535
  * Размер для XL брейкпоинта.
2476
2536
  *
2477
2537
  * @default undefined */
2478
- sizeXL?: Size$a;
2538
+ sizeXL?: Size$d;
2479
2539
  /**
2480
2540
  * Модификация размеров.
2481
2541
  *
2482
2542
  * @general
2483
2543
  * @default undefined */
2484
- sizes?: Partial<Record<Size$a, React.CSSProperties>>;
2544
+ sizes?: Partial<Record<Size$d, React.CSSProperties>>;
2485
2545
  /**
2486
2546
  * Внешние отступы.
2487
2547
  *
@@ -2489,37 +2549,37 @@ interface IconButtonBaseProps extends ResponsiveSizeProps<Size$a>, ResponsiveMar
2489
2549
  *
2490
2550
  * @general
2491
2551
  * @default undefined */
2492
- margin?: Margin$6 | [DESKTOP: Margin$6, TABLET: Margin$6, MOBILE: Margin$6] | [XL: Margin$6, L: Margin$6, M: Margin$6, S: Margin$6, XS: Margin$6, XXS: Margin$6];
2552
+ margin?: Margin$7 | [DESKTOP: Margin$7, TABLET: Margin$7, MOBILE: Margin$7] | [XL: Margin$7, L: Margin$7, M: Margin$7, S: Margin$7, XS: Margin$7, XXS: Margin$7];
2493
2553
  /**
2494
2554
  * Отступ для XXS брейкпоинта.
2495
2555
  *
2496
2556
  * @default undefined */
2497
- marginXXS?: Margin$6;
2557
+ marginXXS?: Margin$7;
2498
2558
  /**
2499
2559
  * Отступ для XS брейкпоинта.
2500
2560
  *
2501
2561
  * @default undefined */
2502
- marginXS?: Margin$6;
2562
+ marginXS?: Margin$7;
2503
2563
  /**
2504
2564
  * Отступ для S брейкпоинта.
2505
2565
  *
2506
2566
  * @default undefined */
2507
- marginS?: Margin$6;
2567
+ marginS?: Margin$7;
2508
2568
  /**
2509
2569
  * Отступ для M брейкпоинта.
2510
2570
  *
2511
2571
  * @default undefined */
2512
- marginM?: Margin$6;
2572
+ marginM?: Margin$7;
2513
2573
  /**
2514
2574
  * Отступ для L брейкпоинта.
2515
2575
  *
2516
2576
  * @default undefined */
2517
- marginL?: Margin$6;
2577
+ marginL?: Margin$7;
2518
2578
  /**
2519
2579
  * Отступ для XL брейкпоинта.
2520
2580
  *
2521
2581
  * @default undefined */
2522
- marginXL?: Margin$6;
2582
+ marginXL?: Margin$7;
2523
2583
  }
2524
2584
  type IconButtonProps = IconButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof IconButtonBaseProps>;
2525
2585
 
@@ -2762,14 +2822,14 @@ declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps> & {
2762
2822
  Component: typeof TooltipComponent;
2763
2823
  };
2764
2824
 
2765
- type Size$9 = 'xl' | 'l' | 'm' | 's' | 'xs';
2825
+ type Size$c = 'xl' | 'l' | 'm' | 's' | 'xs';
2766
2826
  type Layout$4 = 'vertical' | 'horizontal';
2767
2827
  type PopoverComponentPalette = {
2768
2828
  color: CSSColor;
2769
2829
  backgroundColor: CSSColor;
2770
2830
  shadowColor: CSSColor;
2771
2831
  };
2772
- interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$9>, ResponsiveLayoutProps<Layout$4> {
2832
+ interface PopoverComponentBaseProps extends ResponsiveSizeProps<Size$c>, ResponsiveLayoutProps<Layout$4> {
2773
2833
  /**
2774
2834
  * Кастомные цвета.
2775
2835
  *
@@ -2880,9 +2940,9 @@ type PopoverComponentProps = PopoverComponentBaseProps & Omit<React.ComponentPro
2880
2940
 
2881
2941
  declare const PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps>;
2882
2942
 
2883
- type Size$8 = 's' | 'xl' | 'l' | 'm' | 'xs';
2943
+ type Size$b = 's' | 'xl' | 'l' | 'm' | 'xs';
2884
2944
  type Layout$3 = 'vertical' | 'horizontal';
2885
- interface PopoverBaseProps extends ResponsiveSizeProps<Size$8>, ResponsiveLayoutProps<Layout$3> {
2945
+ interface PopoverBaseProps extends ResponsiveSizeProps<Size$b>, ResponsiveLayoutProps<Layout$3> {
2886
2946
  /**
2887
2947
  * Кастомные цвета.
2888
2948
  *
@@ -3098,43 +3158,43 @@ interface PopoverBaseProps extends ResponsiveSizeProps<Size$8>, ResponsiveLayout
3098
3158
  *
3099
3159
  * @general
3100
3160
  * @default 's' */
3101
- size?: Size$8 | [DESKTOP: Size$8, TABLET: Size$8, MOBILE: Size$8] | [XL: Size$8, L: Size$8, M: Size$8, S: Size$8, XS: Size$8, XXS: Size$8];
3161
+ size?: Size$b | [DESKTOP: Size$b, TABLET: Size$b, MOBILE: Size$b] | [XL: Size$b, L: Size$b, M: Size$b, S: Size$b, XS: Size$b, XXS: Size$b];
3102
3162
  /**
3103
3163
  * Размер для XXS брейкпоинта.
3104
3164
  *
3105
3165
  * @default undefined */
3106
- sizeXXS?: Size$8;
3166
+ sizeXXS?: Size$b;
3107
3167
  /**
3108
3168
  * Размер для XS брейкпоинта.
3109
3169
  *
3110
3170
  * @default undefined */
3111
- sizeXS?: Size$8;
3171
+ sizeXS?: Size$b;
3112
3172
  /**
3113
3173
  * Размер для S брейкпоинта.
3114
3174
  *
3115
3175
  * @default undefined */
3116
- sizeS?: Size$8;
3176
+ sizeS?: Size$b;
3117
3177
  /**
3118
3178
  * Размер для M брейкпоинта.
3119
3179
  *
3120
3180
  * @default undefined */
3121
- sizeM?: Size$8;
3181
+ sizeM?: Size$b;
3122
3182
  /**
3123
3183
  * Размер для L брейкпоинта.
3124
3184
  *
3125
3185
  * @default undefined */
3126
- sizeL?: Size$8;
3186
+ sizeL?: Size$b;
3127
3187
  /**
3128
3188
  * Размер для XL брейкпоинта.
3129
3189
  *
3130
3190
  * @default undefined */
3131
- sizeXL?: Size$8;
3191
+ sizeXL?: Size$b;
3132
3192
  /**
3133
3193
  * Модификация размеров.
3134
3194
  *
3135
3195
  * @general
3136
3196
  * @default undefined */
3137
- sizes?: Partial<Record<Size$8, React.CSSProperties>>;
3197
+ sizes?: Partial<Record<Size$b, React.CSSProperties>>;
3138
3198
  /**
3139
3199
  * Вариант шаблона лейаута.
3140
3200
  *
@@ -3309,7 +3369,7 @@ type ListItemPalette = {
3309
3369
  backgroundColorHover: CSSColor;
3310
3370
  mediaPlaceholderColor: CSSColor;
3311
3371
  };
3312
- interface ListItemProps extends ResponsiveSizeProps<Size$f, SizeValue>, ResponsiveMarginProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type'>, Omit<React.AnchorHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type' | 'media'> {
3372
+ interface ListItemProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveMarginProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type'>, Omit<React.AnchorHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type' | 'media'> {
3313
3373
  /** Root node type */
3314
3374
  as?: React.ElementType;
3315
3375
  /** Main text content or render function */
@@ -3387,7 +3447,7 @@ type IndicatorPalette = {
3387
3447
  backgroundColor: CSSColor;
3388
3448
  shadowColor: CSSColor;
3389
3449
  };
3390
- interface IndicatorProps extends ResponsiveSizeProps<Size$f, SizeValue>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
3450
+ interface IndicatorProps extends ResponsiveSizeProps<Size$j, SizeValue>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
3391
3451
  /** Custom colors */
3392
3452
  palette?: Partial<Record<keyof IndicatorPalette, Color>>;
3393
3453
  /** Text content */
@@ -3432,7 +3492,7 @@ type AvatarPalette = {
3432
3492
  shadowColor: CSSColor;
3433
3493
  };
3434
3494
  type AvatarSize = SizeValue | 'sm';
3435
- interface AvatarProps extends ResponsiveSizeProps<Size$f, AvatarSize>, ResponsiveMarginProps,
3495
+ interface AvatarProps extends ResponsiveSizeProps<Size$j, AvatarSize>, ResponsiveMarginProps,
3436
3496
  /** @deprecated Use palette */
3437
3497
  ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
3438
3498
  /** UI: brand (v3), or default (v2) */
@@ -3743,14 +3803,14 @@ declare const Menu: React.ForwardRefExoticComponent<MenuProps> & {
3743
3803
  Divider: typeof MenuDivider;
3744
3804
  };
3745
3805
 
3746
- type Size$7 = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
3806
+ type Size$a = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
3747
3807
  type Layout$2 = 'vertical' | 'horizontal' | 'vertical-reverse' | 'horizontal-reverse';
3748
3808
  type DialogComponentPalette = {
3749
3809
  color: CSSColor;
3750
3810
  backgroundColor: CSSColor;
3751
3811
  shadowColor: CSSColor;
3752
3812
  };
3753
- interface DialogComponentBaseProps extends ResponsiveSizeProps<Size$7>, ResponsiveLayoutProps<Layout$2> {
3813
+ interface DialogComponentBaseProps extends ResponsiveSizeProps<Size$a>, ResponsiveLayoutProps<Layout$2> {
3754
3814
  /**
3755
3815
  * Кнопка закрытия.
3756
3816
  *
@@ -3920,10 +3980,10 @@ type DialogComponentProps = DialogComponentBaseProps & Omit<React.ComponentProps
3920
3980
 
3921
3981
  declare const DialogComponent: React.ForwardRefExoticComponent<DialogComponentProps>;
3922
3982
 
3923
- type Size$6 = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
3983
+ type Size$9 = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs';
3924
3984
  type Layout$1 = 'vertical' | 'horizontal' | 'vertical-reverse' | 'horizontal-reverse';
3925
3985
  type Position = 'center' | 'top-center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'bottom-center' | 'left' | 'right';
3926
- interface DialogBaseProps extends ResponsiveSizeProps<Size$6>, ResponsiveLayoutProps<Layout$1>, ResponsivePositionProps<Position> {
3986
+ interface DialogBaseProps extends ResponsiveSizeProps<Size$9>, ResponsiveLayoutProps<Layout$1>, ResponsivePositionProps<Position> {
3927
3987
  /**
3928
3988
  * Открыто диалоговое окно.
3929
3989
  *
@@ -4221,43 +4281,43 @@ interface DialogBaseProps extends ResponsiveSizeProps<Size$6>, ResponsiveLayoutP
4221
4281
  *
4222
4282
  * @general
4223
4283
  * @default 's' */
4224
- size?: Size$6 | [DESKTOP: Size$6, TABLET: Size$6, MOBILE: Size$6] | [XL: Size$6, L: Size$6, M: Size$6, S: Size$6, XS: Size$6, XXS: Size$6];
4284
+ size?: Size$9 | [DESKTOP: Size$9, TABLET: Size$9, MOBILE: Size$9] | [XL: Size$9, L: Size$9, M: Size$9, S: Size$9, XS: Size$9, XXS: Size$9];
4225
4285
  /**
4226
4286
  * Размер для XXS брейкпоинта.
4227
4287
  *
4228
4288
  * @default undefined */
4229
- sizeXXS?: Size$6;
4289
+ sizeXXS?: Size$9;
4230
4290
  /**
4231
4291
  * Размер для XS брейкпоинта.
4232
4292
  *
4233
4293
  * @default undefined */
4234
- sizeXS?: Size$6;
4294
+ sizeXS?: Size$9;
4235
4295
  /**
4236
4296
  * Размер для S брейкпоинта.
4237
4297
  *
4238
4298
  * @default undefined */
4239
- sizeS?: Size$6;
4299
+ sizeS?: Size$9;
4240
4300
  /**
4241
4301
  * Размер для M брейкпоинта.
4242
4302
  *
4243
4303
  * @default undefined */
4244
- sizeM?: Size$6;
4304
+ sizeM?: Size$9;
4245
4305
  /**
4246
4306
  * Размер для L брейкпоинта.
4247
4307
  *
4248
4308
  * @default undefined */
4249
- sizeL?: Size$6;
4309
+ sizeL?: Size$9;
4250
4310
  /**
4251
4311
  * Размер для XL брейкпоинта.
4252
4312
  *
4253
4313
  * @default undefined */
4254
- sizeXL?: Size$6;
4314
+ sizeXL?: Size$9;
4255
4315
  /**
4256
4316
  * Модификация размеров.
4257
4317
  *
4258
4318
  * @general
4259
4319
  * @default undefined */
4260
- sizes?: Partial<Record<Size$6, React.CSSProperties>>;
4320
+ sizes?: Partial<Record<Size$9, React.CSSProperties>>;
4261
4321
  /**
4262
4322
  * Вариант шаблона лейаута.
4263
4323
  *
@@ -4408,9 +4468,9 @@ interface NotificationProps extends ResponsiveSizeProps<NotificationSize>, Respo
4408
4468
  */
4409
4469
  declare const Notification: React.ForwardRefExoticComponent<NotificationProps>;
4410
4470
 
4411
- type Size$5 = 'l' | 'm' | 's' | 'xs';
4412
- type Margin$5 = number | string;
4413
- interface AccordionItemBaseProps extends ResponsiveSizeProps<Size$5>, ResponsiveMarginProps {
4471
+ type Size$8 = 'l' | 'm' | 's' | 'xs';
4472
+ type Margin$6 = number | string;
4473
+ interface AccordionItemBaseProps extends ResponsiveSizeProps<Size$8>, ResponsiveMarginProps {
4414
4474
  /**
4415
4475
  * Кастомный блок хедера.
4416
4476
  *
@@ -4565,43 +4625,43 @@ interface AccordionItemBaseProps extends ResponsiveSizeProps<Size$5>, Responsive
4565
4625
  *
4566
4626
  * @general
4567
4627
  * @default 'm' */
4568
- size?: Size$5 | [DESKTOP: Size$5, TABLET: Size$5, MOBILE: Size$5] | [XL: Size$5, L: Size$5, M: Size$5, S: Size$5, XS: Size$5, XXS: Size$5];
4628
+ size?: Size$8 | [DESKTOP: Size$8, TABLET: Size$8, MOBILE: Size$8] | [XL: Size$8, L: Size$8, M: Size$8, S: Size$8, XS: Size$8, XXS: Size$8];
4569
4629
  /**
4570
4630
  * Размер для XXS брейкпоинта.
4571
4631
  *
4572
4632
  * @default undefined */
4573
- sizeXXS?: Size$5;
4633
+ sizeXXS?: Size$8;
4574
4634
  /**
4575
4635
  * Размер для XS брейкпоинта.
4576
4636
  *
4577
4637
  * @default undefined */
4578
- sizeXS?: Size$5;
4638
+ sizeXS?: Size$8;
4579
4639
  /**
4580
4640
  * Размер для S брейкпоинта.
4581
4641
  *
4582
4642
  * @default undefined */
4583
- sizeS?: Size$5;
4643
+ sizeS?: Size$8;
4584
4644
  /**
4585
4645
  * Размер для M брейкпоинта.
4586
4646
  *
4587
4647
  * @default undefined */
4588
- sizeM?: Size$5;
4648
+ sizeM?: Size$8;
4589
4649
  /**
4590
4650
  * Размер для L брейкпоинта.
4591
4651
  *
4592
4652
  * @default undefined */
4593
- sizeL?: Size$5;
4653
+ sizeL?: Size$8;
4594
4654
  /**
4595
4655
  * Размер для XL брейкпоинта.
4596
4656
  *
4597
4657
  * @default undefined */
4598
- sizeXL?: Size$5;
4658
+ sizeXL?: Size$8;
4599
4659
  /**
4600
4660
  * Модификация размеров.
4601
4661
  *
4602
4662
  * @general
4603
4663
  * @default undefined */
4604
- sizes?: Partial<Record<Size$5, React.CSSProperties>>;
4664
+ sizes?: Partial<Record<Size$8, React.CSSProperties>>;
4605
4665
  /**
4606
4666
  * Внешние отступы.
4607
4667
  *
@@ -4609,37 +4669,37 @@ interface AccordionItemBaseProps extends ResponsiveSizeProps<Size$5>, Responsive
4609
4669
  *
4610
4670
  * @general
4611
4671
  * @default undefined */
4612
- margin?: Margin$5 | [DESKTOP: Margin$5, TABLET: Margin$5, MOBILE: Margin$5] | [XL: Margin$5, L: Margin$5, M: Margin$5, S: Margin$5, XS: Margin$5, XXS: Margin$5];
4672
+ margin?: Margin$6 | [DESKTOP: Margin$6, TABLET: Margin$6, MOBILE: Margin$6] | [XL: Margin$6, L: Margin$6, M: Margin$6, S: Margin$6, XS: Margin$6, XXS: Margin$6];
4613
4673
  /**
4614
4674
  * Отступ для XXS брейкпоинта.
4615
4675
  *
4616
4676
  * @default undefined */
4617
- marginXXS?: Margin$5;
4677
+ marginXXS?: Margin$6;
4618
4678
  /**
4619
4679
  * Отступ для XS брейкпоинта.
4620
4680
  *
4621
4681
  * @default undefined */
4622
- marginXS?: Margin$5;
4682
+ marginXS?: Margin$6;
4623
4683
  /**
4624
4684
  * Отступ для S брейкпоинта.
4625
4685
  *
4626
4686
  * @default undefined */
4627
- marginS?: Margin$5;
4687
+ marginS?: Margin$6;
4628
4688
  /**
4629
4689
  * Отступ для M брейкпоинта.
4630
4690
  *
4631
4691
  * @default undefined */
4632
- marginM?: Margin$5;
4692
+ marginM?: Margin$6;
4633
4693
  /**
4634
4694
  * Отступ для L брейкпоинта.
4635
4695
  *
4636
4696
  * @default undefined */
4637
- marginL?: Margin$5;
4697
+ marginL?: Margin$6;
4638
4698
  /**
4639
4699
  * Отступ для XL брейкпоинта.
4640
4700
  *
4641
4701
  * @default undefined */
4642
- marginXL?: Margin$5;
4702
+ marginXL?: Margin$6;
4643
4703
  }
4644
4704
  type AccordionItemProps = AccordionItemBaseProps & Omit<React.ComponentPropsWithRef<'section'>, keyof AccordionItemBaseProps>;
4645
4705
 
@@ -4667,9 +4727,9 @@ type DividerProps = DividerBaseProps & Omit<React.ComponentPropsWithRef<'div'>,
4667
4727
  */
4668
4728
  declare const Divider: React.ForwardRefExoticComponent<DividerProps>;
4669
4729
 
4670
- type Size$4 = 'l' | 'm' | 's' | 'xs';
4671
- type Margin$4 = number | string;
4672
- interface AccordionBaseProps extends ResponsiveSizeProps<Size$4>, ResponsiveMarginProps {
4730
+ type Size$7 = 'l' | 'm' | 's' | 'xs';
4731
+ type Margin$5 = number | string;
4732
+ interface AccordionBaseProps extends ResponsiveSizeProps<Size$7>, ResponsiveMarginProps {
4673
4733
  /**
4674
4734
  * Одновременно раскрыты могут быть несколько динамических панелей.
4675
4735
  *
@@ -4771,43 +4831,43 @@ interface AccordionBaseProps extends ResponsiveSizeProps<Size$4>, ResponsiveMarg
4771
4831
  *
4772
4832
  * @general
4773
4833
  * @default 'm' */
4774
- size?: Size$4 | [DESKTOP: Size$4, TABLET: Size$4, MOBILE: Size$4] | [XL: Size$4, L: Size$4, M: Size$4, S: Size$4, XS: Size$4, XXS: Size$4];
4834
+ size?: Size$7 | [DESKTOP: Size$7, TABLET: Size$7, MOBILE: Size$7] | [XL: Size$7, L: Size$7, M: Size$7, S: Size$7, XS: Size$7, XXS: Size$7];
4775
4835
  /**
4776
4836
  * Размер для XXS брейкпоинта.
4777
4837
  *
4778
4838
  * @default undefined */
4779
- sizeXXS?: Size$4;
4839
+ sizeXXS?: Size$7;
4780
4840
  /**
4781
4841
  * Размер для XS брейкпоинта.
4782
4842
  *
4783
4843
  * @default undefined */
4784
- sizeXS?: Size$4;
4844
+ sizeXS?: Size$7;
4785
4845
  /**
4786
4846
  * Размер для S брейкпоинта.
4787
4847
  *
4788
4848
  * @default undefined */
4789
- sizeS?: Size$4;
4849
+ sizeS?: Size$7;
4790
4850
  /**
4791
4851
  * Размер для M брейкпоинта.
4792
4852
  *
4793
4853
  * @default undefined */
4794
- sizeM?: Size$4;
4854
+ sizeM?: Size$7;
4795
4855
  /**
4796
4856
  * Размер для L брейкпоинта.
4797
4857
  *
4798
4858
  * @default undefined */
4799
- sizeL?: Size$4;
4859
+ sizeL?: Size$7;
4800
4860
  /**
4801
4861
  * Размер для XL брейкпоинта.
4802
4862
  *
4803
4863
  * @default undefined */
4804
- sizeXL?: Size$4;
4864
+ sizeXL?: Size$7;
4805
4865
  /**
4806
4866
  * Модификация размеров.
4807
4867
  *
4808
4868
  * @general
4809
4869
  * @default undefined */
4810
- sizes?: Partial<Record<Size$4, React.CSSProperties>>;
4870
+ sizes?: Partial<Record<Size$7, React.CSSProperties>>;
4811
4871
  /**
4812
4872
  * Внешние отступы.
4813
4873
  *
@@ -4815,37 +4875,37 @@ interface AccordionBaseProps extends ResponsiveSizeProps<Size$4>, ResponsiveMarg
4815
4875
  *
4816
4876
  * @general
4817
4877
  * @default undefined */
4818
- margin?: Margin$4 | [DESKTOP: Margin$4, TABLET: Margin$4, MOBILE: Margin$4] | [XL: Margin$4, L: Margin$4, M: Margin$4, S: Margin$4, XS: Margin$4, XXS: Margin$4];
4878
+ margin?: Margin$5 | [DESKTOP: Margin$5, TABLET: Margin$5, MOBILE: Margin$5] | [XL: Margin$5, L: Margin$5, M: Margin$5, S: Margin$5, XS: Margin$5, XXS: Margin$5];
4819
4879
  /**
4820
4880
  * Отступ для XXS брейкпоинта.
4821
4881
  *
4822
4882
  * @default undefined */
4823
- marginXXS?: Margin$4;
4883
+ marginXXS?: Margin$5;
4824
4884
  /**
4825
4885
  * Отступ для XS брейкпоинта.
4826
4886
  *
4827
4887
  * @default undefined */
4828
- marginXS?: Margin$4;
4888
+ marginXS?: Margin$5;
4829
4889
  /**
4830
4890
  * Отступ для S брейкпоинта.
4831
4891
  *
4832
4892
  * @default undefined */
4833
- marginS?: Margin$4;
4893
+ marginS?: Margin$5;
4834
4894
  /**
4835
4895
  * Отступ для M брейкпоинта.
4836
4896
  *
4837
4897
  * @default undefined */
4838
- marginM?: Margin$4;
4898
+ marginM?: Margin$5;
4839
4899
  /**
4840
4900
  * Отступ для L брейкпоинта.
4841
4901
  *
4842
4902
  * @default undefined */
4843
- marginL?: Margin$4;
4903
+ marginL?: Margin$5;
4844
4904
  /**
4845
4905
  * Отступ для XL брейкпоинта.
4846
4906
  *
4847
4907
  * @default undefined */
4848
- marginXL?: Margin$4;
4908
+ marginXL?: Margin$5;
4849
4909
  }
4850
4910
  type AccordionProps = AccordionBaseProps & Omit<React.ComponentPropsWithRef<'div'>, keyof AccordionBaseProps>;
4851
4911
 
@@ -4862,61 +4922,109 @@ declare const Accordion: React.ForwardRefExoticComponent<AccordionProps> & {
4862
4922
  Divider: typeof Divider;
4863
4923
  };
4864
4924
 
4865
- type SwitchSize = 'xl' | 'l' | 'm' | 's' | 'xs';
4866
- type SwitchPalette = {
4867
- knobColor: CSSColor;
4868
- knobShadowColor: CSSColor;
4869
- trackColor: CSSColor;
4870
- trackColorHover: CSSColor;
4871
- trackColorChecked: CSSColor;
4872
- trackColorCheckedHover: CSSColor;
4873
- trackColorDisabled: CSSColor;
4874
- trackColorDisabledChecked: CSSColor;
4875
- };
4876
- interface KnobProps extends ResponsiveSizeProps<SwitchSize>, React.ComponentPropsWithoutRef<'span'> {
4925
+ type Size$6 = 'xl' | 'l' | 'm' | 's' | 'xs';
4926
+ interface KnobProps extends ResponsiveSizeProps<Size$6>, React.ComponentPropsWithoutRef<'span'> {
4877
4927
  }
4878
- interface SwitchProps extends ResponsiveSizeProps<SwitchSize>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
4928
+ interface SwitchProps extends ResponsiveSizeProps<Size$6>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
4879
4929
  /**
4880
- * Текущее состояние контрола (использование включает контролируемый режим)
4930
+ * Текущее состояние контрола (использование включает контролируемый режим).
4931
+ *
4932
+ * @general
4881
4933
  * @default undefined */
4882
4934
  checked?: boolean;
4883
4935
  /**
4884
- * Начальное состояние контрола
4936
+ * Начальное состояние контрола.
4937
+ *
4938
+ * @general
4885
4939
  * @default false */
4886
4940
  defaultChecked?: boolean;
4887
4941
  /**
4888
- * Колбек, который будет вызван при изменении состояния контрола
4942
+ * Колбек, который будет вызван при изменении состояния контрола.
4943
+ *
4944
+ * @general
4889
4945
  * @default undefined */
4890
4946
  onChange?: React.ChangeEventHandler<HTMLInputElement>;
4891
4947
  /**
4892
- * Кастомные цвета
4948
+ * Кастомные цвета.
4949
+ *
4950
+ * @general
4893
4951
  * @default undefined */
4894
- palette?: Partial<Record<keyof SwitchPalette, Color>>;
4895
- /**
4896
- * Пропсы для ручки переключателя
4897
- * @default {} */
4898
- knobProps?: KnobProps;
4952
+ palette?: {
4953
+ knobColor?: Color;
4954
+ knobShadowColor?: Color;
4955
+ trackColor?: Color;
4956
+ trackColorHover?: Color;
4957
+ trackColorChecked?: Color;
4958
+ trackColorCheckedHover?: Color;
4959
+ trackColorDisabled?: Color;
4960
+ trackColorDisabledChecked?: Color;
4961
+ };
4899
4962
  /**
4900
- * Рендер рутового элемента инлайн
4963
+ * Отображение на одной линии с другими элементами.
4964
+ *
4901
4965
  * @default false */
4902
4966
  inline?: boolean;
4967
+ /**
4968
+ * Размер.
4969
+ *
4970
+ * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
4971
+ *
4972
+ * @general
4973
+ * @default 's' */
4974
+ size?: Size$6 | [DESKTOP: Size$6, TABLET: Size$6, MOBILE: Size$6] | [XL: Size$6, L: Size$6, M: Size$6, S: Size$6, XS: Size$6, XXS: Size$6];
4975
+ /**
4976
+ * Размер для XXS брейкпоинта.
4977
+ *
4978
+ * @default undefined */
4979
+ sizeXXS?: Size$6;
4980
+ /**
4981
+ * Размер для XS брейкпоинта.
4982
+ *
4983
+ * @default undefined */
4984
+ sizeXS?: Size$6;
4985
+ /**
4986
+ * Размер для S брейкпоинта.
4987
+ *
4988
+ * @default undefined */
4989
+ sizeS?: Size$6;
4990
+ /**
4991
+ * Размер для M брейкпоинта.
4992
+ *
4993
+ * @default undefined */
4994
+ sizeM?: Size$6;
4995
+ /**
4996
+ * Размер для L брейкпоинта.
4997
+ *
4998
+ * @default undefined */
4999
+ sizeL?: Size$6;
5000
+ /**
5001
+ * Размер для XL брейкпоинта.
5002
+ *
5003
+ * @default undefined */
5004
+ sizeXL?: Size$6;
5005
+ /**
5006
+ * Модификация размеров.
5007
+ *
5008
+ * @general
5009
+ * @default undefined */
5010
+ sizes?: Partial<Record<Size$6, React.CSSProperties>>;
5011
+ /** @ignore */
5012
+ knobProps?: KnobProps;
4903
5013
  }
4904
5014
 
4905
5015
  /**
4906
5016
  *
4907
- * Компонент поддерживает все атрибуты \<input\> элемента.
5017
+ * *v1.0.0*
4908
5018
  *
4909
- * Переданный "ref" будет ассоциирован с \<input\>.
5019
+ * Контрол для переключения между двумя значениями: включено или выключено.
4910
5020
  *
4911
- * Поддерживаются пропсы определения размеров в зависимости от ширины вьюпорта.
4912
- *
4913
- * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Switch/types.ts).
5021
+ * Поддерживается "ref" и все нативные атрибуты \<input\> элемента.
4914
5022
  */
4915
5023
  declare const Switch: React.ForwardRefExoticComponent<SwitchProps>;
4916
5024
 
4917
- type Size$3 = 'l' | 'm' | 's';
4918
- type Margin$3 = number | string;
4919
- interface TabListTabBaseProps extends ResponsiveSizeProps<Size$3>, ResponsiveMarginProps {
5025
+ type Size$5 = 'l' | 'm' | 's';
5026
+ type Margin$4 = number | string;
5027
+ interface TabListTabBaseProps extends ResponsiveSizeProps<Size$5>, ResponsiveMarginProps {
4920
5028
  /**
4921
5029
  * Идентификатор.
4922
5030
  *
@@ -5011,43 +5119,43 @@ interface TabListTabBaseProps extends ResponsiveSizeProps<Size$3>, ResponsiveMar
5011
5119
  *
5012
5120
  * @general
5013
5121
  * @default 's' */
5014
- size?: Size$3 | [DESKTOP: Size$3, TABLET: Size$3, MOBILE: Size$3] | [XL: Size$3, L: Size$3, M: Size$3, S: Size$3, XS: Size$3, XXS: Size$3];
5122
+ size?: Size$5 | [DESKTOP: Size$5, TABLET: Size$5, MOBILE: Size$5] | [XL: Size$5, L: Size$5, M: Size$5, S: Size$5, XS: Size$5, XXS: Size$5];
5015
5123
  /**
5016
5124
  * Размер для XXS брейкпоинта.
5017
5125
  *
5018
5126
  * @default undefined */
5019
- sizeXXS?: Size$3;
5127
+ sizeXXS?: Size$5;
5020
5128
  /**
5021
5129
  * Размер для XS брейкпоинта.
5022
5130
  *
5023
5131
  * @default undefined */
5024
- sizeXS?: Size$3;
5132
+ sizeXS?: Size$5;
5025
5133
  /**
5026
5134
  * Размер для S брейкпоинта.
5027
5135
  *
5028
5136
  * @default undefined */
5029
- sizeS?: Size$3;
5137
+ sizeS?: Size$5;
5030
5138
  /**
5031
5139
  * Размер для M брейкпоинта.
5032
5140
  *
5033
5141
  * @default undefined */
5034
- sizeM?: Size$3;
5142
+ sizeM?: Size$5;
5035
5143
  /**
5036
5144
  * Размер для L брейкпоинта.
5037
5145
  *
5038
5146
  * @default undefined */
5039
- sizeL?: Size$3;
5147
+ sizeL?: Size$5;
5040
5148
  /**
5041
5149
  * Размер для XL брейкпоинта.
5042
5150
  *
5043
5151
  * @default undefined */
5044
- sizeXL?: Size$3;
5152
+ sizeXL?: Size$5;
5045
5153
  /**
5046
5154
  * Модификация размеров.
5047
5155
  *
5048
5156
  * @general
5049
5157
  * @default undefined */
5050
- sizes?: Partial<Record<Size$3, React.CSSProperties>>;
5158
+ sizes?: Partial<Record<Size$5, React.CSSProperties>>;
5051
5159
  /**
5052
5160
  * Внешние отступы.
5053
5161
  *
@@ -5055,37 +5163,37 @@ interface TabListTabBaseProps extends ResponsiveSizeProps<Size$3>, ResponsiveMar
5055
5163
  *
5056
5164
  * @general
5057
5165
  * @default undefined */
5058
- margin?: Margin$3 | [DESKTOP: Margin$3, TABLET: Margin$3, MOBILE: Margin$3] | [XL: Margin$3, L: Margin$3, M: Margin$3, S: Margin$3, XS: Margin$3, XXS: Margin$3];
5166
+ margin?: Margin$4 | [DESKTOP: Margin$4, TABLET: Margin$4, MOBILE: Margin$4] | [XL: Margin$4, L: Margin$4, M: Margin$4, S: Margin$4, XS: Margin$4, XXS: Margin$4];
5059
5167
  /**
5060
5168
  * Отступ для XXS брейкпоинта.
5061
5169
  *
5062
5170
  * @default undefined */
5063
- marginXXS?: Margin$3;
5171
+ marginXXS?: Margin$4;
5064
5172
  /**
5065
5173
  * Отступ для XS брейкпоинта.
5066
5174
  *
5067
5175
  * @default undefined */
5068
- marginXS?: Margin$3;
5176
+ marginXS?: Margin$4;
5069
5177
  /**
5070
5178
  * Отступ для S брейкпоинта.
5071
5179
  *
5072
5180
  * @default undefined */
5073
- marginS?: Margin$3;
5181
+ marginS?: Margin$4;
5074
5182
  /**
5075
5183
  * Отступ для M брейкпоинта.
5076
5184
  *
5077
5185
  * @default undefined */
5078
- marginM?: Margin$3;
5186
+ marginM?: Margin$4;
5079
5187
  /**
5080
5188
  * Отступ для L брейкпоинта.
5081
5189
  *
5082
5190
  * @default undefined */
5083
- marginL?: Margin$3;
5191
+ marginL?: Margin$4;
5084
5192
  /**
5085
5193
  * Отступ для XL брейкпоинта.
5086
5194
  *
5087
5195
  * @default undefined */
5088
- marginXL?: Margin$3;
5196
+ marginXL?: Margin$4;
5089
5197
  }
5090
5198
  type TabListTabProps = TabListTabBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof TabListTabBaseProps>;
5091
5199
 
@@ -5101,11 +5209,11 @@ type TabListTabProps = TabListTabBaseProps & Omit<React.ComponentPropsWithRef<'b
5101
5209
  */
5102
5210
  declare const TabListTab: React.ForwardRefExoticComponent<TabListTabProps>;
5103
5211
 
5104
- type Size$2 = 'l' | 'm' | 's';
5212
+ type Size$4 = 'l' | 'm' | 's';
5105
5213
  type Variant = 'underlined' | 'filled' | 'clear';
5106
5214
  type Layout = 'vertical' | 'horizontal';
5107
- type Margin$2 = number | string;
5108
- interface TabListBaseProps extends ResponsiveSizeProps<Size$2>, ResponsiveLayoutProps<Layout>, ResponsiveMarginProps {
5215
+ type Margin$3 = number | string;
5216
+ interface TabListBaseProps extends ResponsiveSizeProps<Size$4>, ResponsiveLayoutProps<Layout>, ResponsiveMarginProps {
5109
5217
  /**
5110
5218
  * Идентификатор активного таба в начальном состоянии.
5111
5219
  *
@@ -5246,43 +5354,43 @@ interface TabListBaseProps extends ResponsiveSizeProps<Size$2>, ResponsiveLayout
5246
5354
  *
5247
5355
  * @general
5248
5356
  * @default 's' */
5249
- size?: Size$2 | [DESKTOP: Size$2, TABLET: Size$2, MOBILE: Size$2] | [XL: Size$2, L: Size$2, M: Size$2, S: Size$2, XS: Size$2, XXS: Size$2];
5357
+ size?: Size$4 | [DESKTOP: Size$4, TABLET: Size$4, MOBILE: Size$4] | [XL: Size$4, L: Size$4, M: Size$4, S: Size$4, XS: Size$4, XXS: Size$4];
5250
5358
  /**
5251
5359
  * Размер для XXS брейкпоинта.
5252
5360
  *
5253
5361
  * @default undefined */
5254
- sizeXXS?: Size$2;
5362
+ sizeXXS?: Size$4;
5255
5363
  /**
5256
5364
  * Размер для XS брейкпоинта.
5257
5365
  *
5258
5366
  * @default undefined */
5259
- sizeXS?: Size$2;
5367
+ sizeXS?: Size$4;
5260
5368
  /**
5261
5369
  * Размер для S брейкпоинта.
5262
5370
  *
5263
5371
  * @default undefined */
5264
- sizeS?: Size$2;
5372
+ sizeS?: Size$4;
5265
5373
  /**
5266
5374
  * Размер для M брейкпоинта.
5267
5375
  *
5268
5376
  * @default undefined */
5269
- sizeM?: Size$2;
5377
+ sizeM?: Size$4;
5270
5378
  /**
5271
5379
  * Размер для L брейкпоинта.
5272
5380
  *
5273
5381
  * @default undefined */
5274
- sizeL?: Size$2;
5382
+ sizeL?: Size$4;
5275
5383
  /**
5276
5384
  * Размер для XL брейкпоинта.
5277
5385
  *
5278
5386
  * @default undefined */
5279
- sizeXL?: Size$2;
5387
+ sizeXL?: Size$4;
5280
5388
  /**
5281
5389
  * Модификация размеров.
5282
5390
  *
5283
5391
  * @general
5284
5392
  * @default undefined */
5285
- sizes?: Partial<Record<Size$2, React.CSSProperties>>;
5393
+ sizes?: Partial<Record<Size$4, React.CSSProperties>>;
5286
5394
  /**
5287
5395
  * Вариант шаблона лейаута.
5288
5396
  *
@@ -5328,40 +5436,40 @@ interface TabListBaseProps extends ResponsiveSizeProps<Size$2>, ResponsiveLayout
5328
5436
  *
5329
5437
  * @general
5330
5438
  * @default undefined */
5331
- margin?: Margin$2 | [DESKTOP: Margin$2, TABLET: Margin$2, MOBILE: Margin$2] | [XL: Margin$2, L: Margin$2, M: Margin$2, S: Margin$2, XS: Margin$2, XXS: Margin$2];
5439
+ margin?: Margin$3 | [DESKTOP: Margin$3, TABLET: Margin$3, MOBILE: Margin$3] | [XL: Margin$3, L: Margin$3, M: Margin$3, S: Margin$3, XS: Margin$3, XXS: Margin$3];
5332
5440
  /**
5333
5441
  * Отступ для XXS брейкпоинта.
5334
5442
  *
5335
5443
  * @default undefined */
5336
- marginXXS?: Margin$2;
5444
+ marginXXS?: Margin$3;
5337
5445
  /**
5338
5446
  * Отступ для XS брейкпоинта.
5339
5447
  *
5340
5448
  * @default undefined */
5341
- marginXS?: Margin$2;
5449
+ marginXS?: Margin$3;
5342
5450
  /**
5343
5451
  * Отступ для S брейкпоинта.
5344
5452
  *
5345
5453
  * @default undefined */
5346
- marginS?: Margin$2;
5454
+ marginS?: Margin$3;
5347
5455
  /**
5348
5456
  * Отступ для M брейкпоинта.
5349
5457
  *
5350
5458
  * @default undefined */
5351
- marginM?: Margin$2;
5459
+ marginM?: Margin$3;
5352
5460
  /**
5353
5461
  * Отступ для L брейкпоинта.
5354
5462
  *
5355
5463
  * @default undefined */
5356
- marginL?: Margin$2;
5464
+ marginL?: Margin$3;
5357
5465
  /**
5358
5466
  * Отступ для XL брейкпоинта.
5359
5467
  *
5360
5468
  * @default undefined */
5361
- marginXL?: Margin$2;
5469
+ marginXL?: Margin$3;
5362
5470
  }
5363
5471
  type TabListProps = TabListBaseProps & Omit<React.ComponentPropsWithRef<'div'>, keyof TabListBaseProps>;
5364
- interface TabListPanelBaseProps extends ResponsiveSizeProps<Size$2>, ResponsiveMarginProps {
5472
+ interface TabListPanelBaseProps extends ResponsiveSizeProps<Size$4>, ResponsiveMarginProps {
5365
5473
  /**
5366
5474
  * Идентификатор ассоциированного таба.
5367
5475
  *
@@ -5560,7 +5668,7 @@ declare const useScrollMonitor: ({ target, scrollThrottleMS, scrollEndDebounceMS
5560
5668
 
5561
5669
  declare const vAlign: (align: "top" | "middle" | "bottom" | "text-top" | "text-bottom" | "baseline") => styled_components.FlattenSimpleInterpolation;
5562
5670
 
5563
- declare function buildMediaQuery(value: number | Size$f | '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$f, number>): ReturnType<typeof css>;
5671
+ declare function buildMediaQuery(value: number | Size$j | '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$j, number>): ReturnType<typeof css>;
5564
5672
  declare const desktopFirst: (a: string, b: string) => number;
5565
5673
  declare const mobileFirst: (a: string, b: string) => number;
5566
5674
 
@@ -6721,9 +6829,9 @@ declare class InputPhone extends PureComponent<typeof InputPhone.defaultProps &
6721
6829
  render(): JSX.Element;
6722
6830
  }
6723
6831
 
6724
- type Size$1 = 'l' | 'm' | 's' | 'xs';
6725
- type Margin$1 = number | string;
6726
- interface InputBaseProps extends ResponsiveSizeProps<Size$1>, ResponsiveMarginProps,
6832
+ type Size$3 = 'l' | 'm' | 's' | 'xs';
6833
+ type Margin$2 = number | string;
6834
+ interface InputBaseProps extends ResponsiveSizeProps<Size$3>, ResponsiveMarginProps,
6727
6835
  /** @deprecated */
6728
6836
  ColorProperty,
6729
6837
  /** @deprecated */
@@ -6896,43 +7004,43 @@ ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
6896
7004
  *
6897
7005
  * @general
6898
7006
  * @default 'm' */
6899
- size?: Size$1 | [DESKTOP: Size$1, TABLET: Size$1, MOBILE: Size$1] | [XL: Size$1, L: Size$1, M: Size$1, S: Size$1, XS: Size$1, XXS: Size$1];
7007
+ size?: Size$3 | [DESKTOP: Size$3, TABLET: Size$3, MOBILE: Size$3] | [XL: Size$3, L: Size$3, M: Size$3, S: Size$3, XS: Size$3, XXS: Size$3];
6900
7008
  /**
6901
7009
  * Размер для XXS брейкпоинта.
6902
7010
  *
6903
7011
  * @default undefined */
6904
- sizeXXS?: Size$1;
7012
+ sizeXXS?: Size$3;
6905
7013
  /**
6906
7014
  * Размер для XS брейкпоинта.
6907
7015
  *
6908
7016
  * @default undefined */
6909
- sizeXS?: Size$1;
7017
+ sizeXS?: Size$3;
6910
7018
  /**
6911
7019
  * Размер для S брейкпоинта.
6912
7020
  *
6913
7021
  * @default undefined */
6914
- sizeS?: Size$1;
7022
+ sizeS?: Size$3;
6915
7023
  /**
6916
7024
  * Размер для M брейкпоинта.
6917
7025
  *
6918
7026
  * @default undefined */
6919
- sizeM?: Size$1;
7027
+ sizeM?: Size$3;
6920
7028
  /**
6921
7029
  * Размер для L брейкпоинта.
6922
7030
  *
6923
7031
  * @default undefined */
6924
- sizeL?: Size$1;
7032
+ sizeL?: Size$3;
6925
7033
  /**
6926
7034
  * Размер для XL брейкпоинта.
6927
7035
  *
6928
7036
  * @default undefined */
6929
- sizeXL?: Size$1;
7037
+ sizeXL?: Size$3;
6930
7038
  /**
6931
7039
  * Модификация размеров.
6932
7040
  *
6933
7041
  * @general
6934
7042
  * @default undefined */
6935
- sizes?: Partial<Record<Size$1, React.CSSProperties>>;
7043
+ sizes?: Partial<Record<Size$3, React.CSSProperties>>;
6936
7044
  /**
6937
7045
  * Внешние отступы.
6938
7046
  *
@@ -6940,37 +7048,37 @@ ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
6940
7048
  *
6941
7049
  * @general
6942
7050
  * @default undefined */
6943
- margin?: Margin$1 | [DESKTOP: Margin$1, TABLET: Margin$1, MOBILE: Margin$1] | [XL: Margin$1, L: Margin$1, M: Margin$1, S: Margin$1, XS: Margin$1, XXS: Margin$1];
7051
+ margin?: Margin$2 | [DESKTOP: Margin$2, TABLET: Margin$2, MOBILE: Margin$2] | [XL: Margin$2, L: Margin$2, M: Margin$2, S: Margin$2, XS: Margin$2, XXS: Margin$2];
6944
7052
  /**
6945
7053
  * Отступ для XXS брейкпоинта.
6946
7054
  *
6947
7055
  * @default undefined */
6948
- marginXXS?: Margin$1;
7056
+ marginXXS?: Margin$2;
6949
7057
  /**
6950
7058
  * Отступ для XS брейкпоинта.
6951
7059
  *
6952
7060
  * @default undefined */
6953
- marginXS?: Margin$1;
7061
+ marginXS?: Margin$2;
6954
7062
  /**
6955
7063
  * Отступ для S брейкпоинта.
6956
7064
  *
6957
7065
  * @default undefined */
6958
- marginS?: Margin$1;
7066
+ marginS?: Margin$2;
6959
7067
  /**
6960
7068
  * Отступ для M брейкпоинта.
6961
7069
  *
6962
7070
  * @default undefined */
6963
- marginM?: Margin$1;
7071
+ marginM?: Margin$2;
6964
7072
  /**
6965
7073
  * Отступ для L брейкпоинта.
6966
7074
  *
6967
7075
  * @default undefined */
6968
- marginL?: Margin$1;
7076
+ marginL?: Margin$2;
6969
7077
  /**
6970
7078
  * Отступ для XL брейкпоинта.
6971
7079
  *
6972
7080
  * @default undefined */
6973
- marginXL?: Margin$1;
7081
+ marginXL?: Margin$2;
6974
7082
  /** @ignore */
6975
7083
  fluid?: boolean;
6976
7084
  /** @ignore */
@@ -7012,57 +7120,115 @@ declare const INITIAL_MASK = "99999999999999999999";
7012
7120
  declare const DEFAULT_MASK = "+99999999999999999999";
7013
7121
  declare const COUNTRY_DATA: [string, string, string, RegExp][];
7014
7122
 
7015
- type RadioSize = 'xl' | 'l' | 'm' | 's' | 'xs';
7016
- type InputRadioPalette = {
7017
- color: CSSColor;
7018
- backgroundColor: CSSColor;
7019
- borderColor: CSSColor;
7020
- colorHover: CSSColor;
7021
- backgroundColorHover: CSSColor;
7022
- borderColorHover: CSSColor;
7023
- colorChecked: CSSColor;
7024
- backgroundColorChecked: CSSColor;
7025
- borderColorChecked: CSSColor;
7026
- colorDisabled: CSSColor;
7027
- backgroundColorDisabled: CSSColor;
7028
- borderColorDisabled: CSSColor;
7029
- colorDisabledChecked: CSSColor;
7030
- backgroundColorDisabledChecked: CSSColor;
7031
- borderColorDisabledChecked: CSSColor;
7032
- };
7033
- interface InputRadioProps extends ResponsiveSizeProps<RadioSize>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
7123
+ type Size$2 = 'xl' | 'l' | 'm' | 's' | 'xs';
7124
+ interface InputRadioProps extends ResponsiveSizeProps<Size$2>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
7034
7125
  /**
7035
- * Текущее состояние контрола (использование включает контролируемый режим)
7126
+ * Текущее состояние контрола (использование включает контролируемый режим).
7127
+ *
7128
+ * @general
7036
7129
  * @default undefined */
7037
7130
  checked?: boolean;
7038
7131
  /**
7039
- * Начальное состояние контрола
7132
+ * Начальное состояние контрола.
7133
+ *
7134
+ * @general
7040
7135
  * @default false */
7041
7136
  defaultChecked?: boolean;
7042
7137
  /**
7043
- * Колбек, который будет вызван при изменении состояния контрола
7138
+ * Колбек, который будет вызван при изменении состояния контрола.
7139
+ *
7140
+ * @general
7044
7141
  * @default undefined */
7045
7142
  onChange?: React.ChangeEventHandler<HTMLInputElement>;
7046
7143
  /**
7047
- * Кастомные цвета
7144
+ * Кастомные цвета.
7145
+ *
7146
+ * @general
7048
7147
  * @default undefined */
7049
- palette?: Partial<Record<keyof InputRadioPalette, Color>>;
7148
+ palette?: {
7149
+ color?: Color;
7150
+ backgroundColor?: Color;
7151
+ borderColor?: Color;
7152
+ colorHover?: Color;
7153
+ backgroundColorHover?: Color;
7154
+ borderColorHover?: Color;
7155
+ colorChecked?: Color;
7156
+ backgroundColorChecked?: Color;
7157
+ borderColorChecked?: Color;
7158
+ colorDisabled?: Color;
7159
+ backgroundColorDisabled?: Color;
7160
+ borderColorDisabled?: Color;
7161
+ colorDisabledChecked?: Color;
7162
+ backgroundColorDisabledChecked?: Color;
7163
+ borderColorDisabledChecked?: Color;
7164
+ };
7050
7165
  /**
7051
- * Рендер рутового элемента инлайн
7166
+ * Отображение на одной линии с другими элементами.
7167
+ *
7052
7168
  * @default false */
7053
7169
  inline?: boolean;
7054
7170
  /**
7055
- * Вариант цветовой схемы
7171
+ * Вариант цветовой схемы.
7172
+ *
7173
+ * @general
7056
7174
  * @default false */
7057
7175
  error?: boolean;
7058
7176
  /**
7059
- * Вариант цветовой схемы
7177
+ * Вариант цветовой схемы.
7178
+ *
7179
+ * @general
7060
7180
  * @default false */
7061
7181
  success?: boolean;
7062
7182
  /**
7063
- * Адаптировать цветовую схему для контрастного фона
7183
+ * Вариант цветовой схемы.
7184
+ *
7185
+ * @general
7064
7186
  * @default false */
7065
7187
  contrast?: boolean;
7188
+ /**
7189
+ * Размер.
7190
+ *
7191
+ * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
7192
+ *
7193
+ * @general
7194
+ * @default 'm' */
7195
+ size?: Size$2 | [DESKTOP: Size$2, TABLET: Size$2, MOBILE: Size$2] | [XL: Size$2, L: Size$2, M: Size$2, S: Size$2, XS: Size$2, XXS: Size$2];
7196
+ /**
7197
+ * Размер для XXS брейкпоинта.
7198
+ *
7199
+ * @default undefined */
7200
+ sizeXXS?: Size$2;
7201
+ /**
7202
+ * Размер для XS брейкпоинта.
7203
+ *
7204
+ * @default undefined */
7205
+ sizeXS?: Size$2;
7206
+ /**
7207
+ * Размер для S брейкпоинта.
7208
+ *
7209
+ * @default undefined */
7210
+ sizeS?: Size$2;
7211
+ /**
7212
+ * Размер для M брейкпоинта.
7213
+ *
7214
+ * @default undefined */
7215
+ sizeM?: Size$2;
7216
+ /**
7217
+ * Размер для L брейкпоинта.
7218
+ *
7219
+ * @default undefined */
7220
+ sizeL?: Size$2;
7221
+ /**
7222
+ * Размер для XL брейкпоинта.
7223
+ *
7224
+ * @default undefined */
7225
+ sizeXL?: Size$2;
7226
+ /**
7227
+ * Модификация размеров.
7228
+ *
7229
+ * @general
7230
+ * @default undefined */
7231
+ sizes?: Partial<Record<Size$2, React.CSSProperties>>;
7066
7232
  /** @ignore @deprecated */
7067
7233
  onColored?: boolean;
7068
7234
  }
@@ -7357,62 +7523,197 @@ declare namespace Select {
7357
7523
  var displayName: string;
7358
7524
  }
7359
7525
 
7360
- type FormLabelSize = 'xl' | 'l' | 'm' | 's' | 'xs';
7361
- type FormLabelPalette = {
7362
- color: CSSColor;
7363
- backgroundColor: CSSColor;
7364
- borderColor: CSSColor;
7365
- colorHover: CSSColor;
7366
- backgroundColorHover: CSSColor;
7367
- borderColorHover: CSSColor;
7368
- };
7369
- interface FormLabelProps extends ResponsiveSizeProps<FormLabelSize>, ResponsiveMarginProps, React.ComponentPropsWithRef<'label'> {
7370
- /** Пропсы бейджа с правого края (для рендера нужно передать `badgeProps.children`) */
7526
+ type Margin$1 = number | string;
7527
+ type Size$1 = 'xl' | 'l' | 'm' | 's' | 'xs';
7528
+ interface FormLabelProps extends ResponsiveSizeProps<Size$1>, ResponsiveMarginProps, React.ComponentPropsWithRef<'label'> {
7529
+ /** Пропсы для компонента бейджа.
7530
+ *
7531
+ * Для рендера нужно передать `badgeProps.children`.
7532
+ *
7533
+ * @general
7534
+ * @default {}
7535
+ */
7371
7536
  badgeProps?: BadgeProps;
7372
- /** Кастомные цвета */
7373
- palette?: Partial<Record<keyof FormLabelPalette, Color>>;
7374
- /** Рендер контрола: `Radio.Input`, `Checkbox.Input` или кастомного.
7375
- * Если передается React элемент, то в его пропсы будут добавлены текущие пропсы размеров и пропсы состояний (`disabled`, `error`, `success`, `checked`).
7376
- * Если передается функция, то пропсы размеров и состояний будут переданы аргументом */
7537
+ /**
7538
+ * Кастомные цвета.
7539
+ *
7540
+ * @general
7541
+ * @default undefined */
7542
+ palette?: {
7543
+ color?: Color;
7544
+ backgroundColor?: Color;
7545
+ borderColor?: Color;
7546
+ colorHover?: Color;
7547
+ backgroundColorHover?: Color;
7548
+ borderColorHover?: Color;
7549
+ };
7550
+ /**
7551
+ * Контрол: `Radio.Input`, `Checkbox.Input`, `Switch` или кастомный контрол.
7552
+ *
7553
+ * Если контрол - React-элемент, то получает пропсы размеров и состояний (`disabled`, `error`, `success`, `checked`).
7554
+ * Если контрол - функция, то получает пропсы размеров и состояний аргументом.
7555
+ *
7556
+ * @general
7557
+ */
7377
7558
  control: JSX.Element | ((props: Required<Pick<FormLabelProps, 'size'>> & Pick<FormLabelProps, 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'disabled' | 'error' | 'success' | 'checked'>) => JSX.Element);
7378
- /** Пропсы типографики для основного текста лейбла */
7559
+ /**
7560
+ * Пропсы для типографики лейбла.
7561
+ *
7562
+ * @general
7563
+ * @default {} */
7379
7564
  textProps?: TextProps;
7380
- /** Основной текст лейбла (альтернативно можно передать через `children`) */
7565
+ /**
7566
+ * Основной текст лейбла (альтернативно можно передать через `children`).
7567
+ *
7568
+ * @general
7569
+ * @default undefined */
7381
7570
  label?: React.ReactNode;
7382
- /** Рендер рутового элемента инлайн */
7571
+ /**
7572
+ * Отображение на одной линии с другими элементами.
7573
+ *
7574
+ * @default false */
7383
7575
  inline?: boolean;
7384
- /** Отключение применения цветовых схем */
7576
+ /**
7577
+ * Отключение применения цветовых схем.
7578
+ *
7579
+ * @general
7580
+ * @default undefined */
7385
7581
  clear?: boolean;
7386
- /** Отключение интерактивности */
7582
+ /**
7583
+ * Отключение интерактивности.
7584
+ *
7585
+ * @general
7586
+ * @default false */
7387
7587
  disabled?: boolean;
7388
- /** Вариант цветовой схемы */
7588
+ /**
7589
+ * Вариант цветовой схемы.
7590
+ *
7591
+ * @general
7592
+ * @default false */
7389
7593
  error?: boolean;
7390
- /** Вариант цветовой схемы */
7594
+ /**
7595
+ * Вариант цветовой схемы.
7596
+ *
7597
+ * @general
7598
+ * @default false */
7391
7599
  success?: boolean;
7392
- /** Вариант цветовой схемы */
7600
+ /**
7601
+ * Текущее состояние контрола.
7602
+ *
7603
+ * @general
7604
+ * @default undefined */
7393
7605
  checked?: boolean;
7394
- /** Адаптировать цветовую схему для контрастного фона */
7606
+ /**
7607
+ * Вариант цветовой схемы.
7608
+ *
7609
+ * @general
7610
+ * @default false */
7395
7611
  contrast?: boolean;
7396
- /** Рендер дополнительных элементов */
7612
+ /**
7613
+ * Дополнительные элементы (подзаголовок и подсказка).
7614
+ *
7615
+ * @general
7616
+ * @default {} */
7397
7617
  hint?: {
7398
7618
  text?: React.ReactNode;
7399
7619
  textProps?: TextProps;
7400
7620
  buttonProps?: Partial<IconButtonProps>;
7401
7621
  tooltipProps?: TooltipProps;
7402
7622
  };
7623
+ /**
7624
+ * Размер.
7625
+ *
7626
+ * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
7627
+ *
7628
+ * @general
7629
+ * @default 'm' */
7630
+ size?: Size$1 | [DESKTOP: Size$1, TABLET: Size$1, MOBILE: Size$1] | [XL: Size$1, L: Size$1, M: Size$1, S: Size$1, XS: Size$1, XXS: Size$1];
7631
+ /**
7632
+ * Размер для XXS брейкпоинта.
7633
+ *
7634
+ * @default undefined */
7635
+ sizeXXS?: Size$1;
7636
+ /**
7637
+ * Размер для XS брейкпоинта.
7638
+ *
7639
+ * @default undefined */
7640
+ sizeXS?: Size$1;
7641
+ /**
7642
+ * Размер для S брейкпоинта.
7643
+ *
7644
+ * @default undefined */
7645
+ sizeS?: Size$1;
7646
+ /**
7647
+ * Размер для M брейкпоинта.
7648
+ *
7649
+ * @default undefined */
7650
+ sizeM?: Size$1;
7651
+ /**
7652
+ * Размер для L брейкпоинта.
7653
+ *
7654
+ * @default undefined */
7655
+ sizeL?: Size$1;
7656
+ /**
7657
+ * Размер для XL брейкпоинта.
7658
+ *
7659
+ * @default undefined */
7660
+ sizeXL?: Size$1;
7661
+ /**
7662
+ * Модификация размеров.
7663
+ *
7664
+ * @general
7665
+ * @default undefined */
7666
+ sizes?: Partial<Record<Size$1, React.CSSProperties>>;
7667
+ /**
7668
+ * Внешние отступы.
7669
+ *
7670
+ * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
7671
+ *
7672
+ * @general
7673
+ * @default undefined */
7674
+ margin?: Margin$1 | [DESKTOP: Margin$1, TABLET: Margin$1, MOBILE: Margin$1] | [XL: Margin$1, L: Margin$1, M: Margin$1, S: Margin$1, XS: Margin$1, XXS: Margin$1];
7675
+ /**
7676
+ * Отступ для XXS брейкпоинта.
7677
+ *
7678
+ * @default undefined */
7679
+ marginXXS?: Margin$1;
7680
+ /**
7681
+ * Отступ для XS брейкпоинта.
7682
+ *
7683
+ * @default undefined */
7684
+ marginXS?: Margin$1;
7685
+ /**
7686
+ * Отступ для S брейкпоинта.
7687
+ *
7688
+ * @default undefined */
7689
+ marginS?: Margin$1;
7690
+ /**
7691
+ * Отступ для M брейкпоинта.
7692
+ *
7693
+ * @default undefined */
7694
+ marginM?: Margin$1;
7695
+ /**
7696
+ * Отступ для L брейкпоинта.
7697
+ *
7698
+ * @default undefined */
7699
+ marginL?: Margin$1;
7700
+ /**
7701
+ * Отступ для XL брейкпоинта.
7702
+ *
7703
+ * @default undefined */
7704
+ marginXL?: Margin$1;
7403
7705
  /** @ignore @deprecated */
7404
7706
  onColored?: boolean;
7405
7707
  }
7406
7708
 
7407
7709
  /**
7408
7710
  *
7409
- * Компонент поддерживает все атрибуты \<label\> элемента.
7711
+ * *v1.0.0*
7410
7712
  *
7411
- * Можно передать "ref", который будет ассоциирован с рутовым элементом.
7412
- *
7413
- * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.
7713
+ * Компонент для контрола выбора с дополнительными элементами.
7714
+ * Позволяет добавить для контрола заголовок, подзаголовок, бейдж и подсказку.
7414
7715
  *
7415
- * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/FormLabel/types.ts).
7716
+ * Поддерживается "ref" и все нативные атрибуты \<label\> элемента.
7416
7717
  */
7417
7718
  declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps>;
7418
7719
 
@@ -7964,4 +8265,4 @@ type AspectRatioProps = AspectRatioBaseProps & Omit<React.ComponentPropsWithRef<
7964
8265
  */
7965
8266
  declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps>;
7966
8267
 
7967
- export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, ColorNames, type ColorPaletteKey, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, type DividerProps, type DomTarget, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, Paper, type PaperProps, type PlaygroundToolbar, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle$1 as ProgressCircle, type ProgressCircleProps$1 as ProgressCircleProps, ProgressLine, type ProgressLineProps, type ProgressProps, type ProgressSegmentedProps, type RGB, type RGBA, Radio, type RadioProps, type ResponsiveLayoutInterpolationProps, type ResponsiveLayoutProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, Separator, type SeparatorProps, type Size$f as Size, type SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, TabList, type TabListPanelProps, type TabListProps, type TabListTabProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextEllipseProps, type TextHeadingProps, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, type ToolbarControl, Tooltip, type TooltipComponentProps, type TooltipProps, type WithThemePreset, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useScrollMonitor, vAlign };
8268
+ export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, ColorNames, type ColorPaletteKey, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, type DividerProps, type DomTarget, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, Paper, type PaperProps, type PlaygroundToolbar, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle$1 as ProgressCircle, type ProgressCircleProps$1 as ProgressCircleProps, ProgressLine, type ProgressLineProps, type ProgressProps, type ProgressSegmentedProps, type RGB, type RGBA, Radio, type RadioProps, type ResponsiveLayoutInterpolationProps, type ResponsiveLayoutProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, Separator, type SeparatorProps, type Size$j as Size, type SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, TabList, type TabListPanelProps, type TabListProps, type TabListTabProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextEllipseProps, type TextHeadingProps, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, type ToolbarControl, Tooltip, type TooltipComponentProps, type TooltipProps, type WithThemePreset, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useScrollMonitor, vAlign };