@ozen-ui/kit 0.58.4 → 0.60.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.
Files changed (122) hide show
  1. package/__inner__/cjs/components/Autocomplete/helper.d.ts +50 -55
  2. package/__inner__/cjs/components/Autocomplete/helper.js +2 -2
  3. package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/helpers.js +2 -2
  4. package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/utils/useDataListNavigation.js +1 -2
  5. package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/utils/useScrollContainerToElement.js +1 -2
  6. package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/components/helpers.js +2 -2
  7. package/__inner__/cjs/components/AutocompleteNext/helpers.d.ts +50 -55
  8. package/__inner__/cjs/components/AutocompleteNext/helpers.js +2 -2
  9. package/__inner__/cjs/components/Calendar/components/CalendarGrid/CalendarGrid.d.ts +1 -1
  10. package/__inner__/cjs/components/Container/useGutters.d.ts +1 -1
  11. package/__inner__/cjs/components/Container/useMaxWidth.d.ts +1 -1
  12. package/__inner__/cjs/components/DataList/utils/useDataListNavigation.js +1 -2
  13. package/__inner__/cjs/components/DataList/utils/useScrollContainerToElement.js +1 -2
  14. package/__inner__/cjs/components/DatePicker/DatePicker.d.ts +28 -28
  15. package/__inner__/cjs/components/DatePicker/utils/isInExclude/isInExclude.d.ts +1 -1
  16. package/__inner__/cjs/components/DatePicker/utils/isOutOfRange/isOutOfRange.d.ts +1 -1
  17. package/__inner__/cjs/components/Dialog/Dialog.d.ts +24 -32
  18. package/__inner__/cjs/components/Drawer/Drawer.d.ts +25 -33
  19. package/__inner__/cjs/components/Fieldset/Fieldset.d.ts +1 -1
  20. package/__inner__/cjs/components/Grid/useGrid.d.ts +1 -3
  21. package/__inner__/cjs/components/Menu/useMenuFocusList.js +1 -2
  22. package/__inner__/cjs/components/Modal/Modal.d.ts +18 -26
  23. package/__inner__/cjs/components/Modal/ModalManager.js +1 -2
  24. package/__inner__/cjs/components/Pagination/components/PaginationItem/utils.d.ts +0 -1
  25. package/__inner__/cjs/components/Pagination/helpers/withNavigationButtons/withNavigationButtons.d.ts +1 -1
  26. package/__inner__/cjs/components/Portal/PortalManager.js +2 -2
  27. package/__inner__/cjs/components/Snackbar/SnackbarProvider.d.ts +1 -1
  28. package/__inner__/cjs/components/Snackbar/components/Snackbar/Snackbar.d.ts +1 -1
  29. package/__inner__/cjs/components/Snackbar/components/Snackbar/SnackbarManager.js +1 -2
  30. package/__inner__/cjs/components/Snackbar/components/SnackbarItem/SnackbarItem.d.ts +11 -11
  31. package/__inner__/cjs/components/Snackbar/components/SnackbarItem/types.d.ts +0 -1
  32. package/__inner__/cjs/components/Stack/utils/generateDirectionCn.d.ts +1 -1
  33. package/__inner__/cjs/components/Stack/utils/generateGapCn.d.ts +1 -1
  34. package/__inner__/cjs/components/Table/TableContext.d.ts +0 -1
  35. package/__inner__/cjs/components/ThemeProvider/ThemeProviderContext.d.ts +0 -1
  36. package/__inner__/cjs/components/ThemeProvider/ThemeProviderContext.js +2 -2
  37. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDark.css +15 -15
  38. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css +20 -20
  39. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDark.css +15 -15
  40. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDefault.css +20 -20
  41. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_vipDark.css +15 -15
  42. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_vipDefault.css +20 -20
  43. package/__inner__/cjs/components/ThemeProvider/index.d.ts +2 -0
  44. package/__inner__/cjs/components/ThemeProvider/index.js +2 -0
  45. package/__inner__/cjs/components/ThemeProvider/themes/themeVipDark.d.ts +14 -0
  46. package/__inner__/cjs/components/ThemeProvider/themes/themeVipDark.js +30 -0
  47. package/__inner__/cjs/components/ThemeProvider/themes/themeVipDefault.d.ts +14 -0
  48. package/__inner__/cjs/components/ThemeProvider/themes/themeVipDefault.js +30 -0
  49. package/__inner__/cjs/hooks/useBoolean/useBoolean.js +1 -2
  50. package/__inner__/cjs/hooks/useBreakpoints/useBreakpoints.js +1 -2
  51. package/__inner__/cjs/hooks/useClickOutside/useClickOutside.js +1 -2
  52. package/__inner__/cjs/hooks/useCounter/useCounter.js +1 -2
  53. package/__inner__/cjs/hooks/useDebounceCallback/useDebounceCallback.js +1 -2
  54. package/__inner__/cjs/hooks/useDeviceDetect/useDeviceDetect.js +1 -2
  55. package/__inner__/cjs/hooks/useElementSize/useElementSize.d.ts +0 -1
  56. package/__inner__/cjs/hooks/useElementSize/useElementSize.js +1 -2
  57. package/__inner__/cjs/hooks/useEventListener/useEventListener.js +1 -2
  58. package/__inner__/cjs/hooks/useFocusList/useFocusList.js +1 -2
  59. package/__inner__/cjs/hooks/useFocusTrap/useFocusTrap.js +1 -2
  60. package/__inner__/cjs/hooks/useHover/useHover.js +1 -2
  61. package/__inner__/cjs/hooks/useInterval/useInterval.js +1 -2
  62. package/__inner__/cjs/hooks/useLockBodyScroll/useLockBodyScroll.js +2 -2
  63. package/__inner__/cjs/hooks/useMultiRef/useMultiRef.js +1 -2
  64. package/__inner__/cjs/hooks/useMutableRef/useMutableRef.d.ts +0 -1
  65. package/__inner__/cjs/hooks/useMutableRef/useMutableRef.js +1 -2
  66. package/__inner__/cjs/hooks/usePrevious/usePrevious.js +1 -2
  67. package/__inner__/cjs/hooks/useResizeObserver/useResizeObserver.d.ts +0 -1
  68. package/__inner__/cjs/hooks/useResizeObserver/useResizeObserver.js +1 -2
  69. package/__inner__/cjs/hooks/useThemeVars/useThemeVars.js +1 -2
  70. package/__inner__/cjs/hooks/useTimer/useTimer.js +1 -2
  71. package/__inner__/cjs/hooks/useUniqueId/useUniqueId.js +1 -2
  72. package/__inner__/cjs/utils/animateProperty.d.ts +1 -1
  73. package/__inner__/cjs/utils/capitalizeFirstLetter/capitalizeFirstLetter.js +1 -2
  74. package/__inner__/cjs/utils/getByMap/getByMap.js +1 -2
  75. package/__inner__/cjs/utils/getNextIndex.js +1 -2
  76. package/__inner__/cjs/utils/getPrevIndex.js +1 -2
  77. package/__inner__/cjs/utils/isNotNil.d.ts +1 -1
  78. package/__inner__/cjs/utils/object/isPlainObject.js +1 -2
  79. package/__inner__/cjs/utils/polymorphicComponentWithRef.js +1 -2
  80. package/__inner__/cjs/utils/renderContent/renderContent.js +1 -2
  81. package/__inner__/cjs/utils/scrollContainerToElement.js +1 -2
  82. package/__inner__/esm/components/Autocomplete/helper.d.ts +50 -55
  83. package/__inner__/esm/components/AutocompleteNext/helpers.d.ts +50 -55
  84. package/__inner__/esm/components/Calendar/components/CalendarGrid/CalendarGrid.d.ts +1 -1
  85. package/__inner__/esm/components/Container/useGutters.d.ts +1 -1
  86. package/__inner__/esm/components/Container/useMaxWidth.d.ts +1 -1
  87. package/__inner__/esm/components/DatePicker/DatePicker.d.ts +28 -28
  88. package/__inner__/esm/components/DatePicker/utils/isInExclude/isInExclude.d.ts +1 -1
  89. package/__inner__/esm/components/DatePicker/utils/isOutOfRange/isOutOfRange.d.ts +1 -1
  90. package/__inner__/esm/components/Dialog/Dialog.d.ts +24 -32
  91. package/__inner__/esm/components/Drawer/Drawer.d.ts +25 -33
  92. package/__inner__/esm/components/Fieldset/Fieldset.d.ts +1 -1
  93. package/__inner__/esm/components/Grid/useGrid.d.ts +1 -3
  94. package/__inner__/esm/components/Modal/Modal.d.ts +18 -26
  95. package/__inner__/esm/components/Pagination/components/PaginationItem/utils.d.ts +0 -1
  96. package/__inner__/esm/components/Pagination/helpers/withNavigationButtons/withNavigationButtons.d.ts +1 -1
  97. package/__inner__/esm/components/Snackbar/SnackbarProvider.d.ts +1 -1
  98. package/__inner__/esm/components/Snackbar/components/Snackbar/Snackbar.d.ts +1 -1
  99. package/__inner__/esm/components/Snackbar/components/SnackbarItem/SnackbarItem.d.ts +11 -11
  100. package/__inner__/esm/components/Snackbar/components/SnackbarItem/types.d.ts +0 -1
  101. package/__inner__/esm/components/Stack/utils/generateDirectionCn.d.ts +1 -1
  102. package/__inner__/esm/components/Stack/utils/generateGapCn.d.ts +1 -1
  103. package/__inner__/esm/components/Table/TableContext.d.ts +0 -1
  104. package/__inner__/esm/components/ThemeProvider/ThemeProviderContext.d.ts +0 -1
  105. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDark.css +15 -15
  106. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css +20 -20
  107. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDark.css +15 -15
  108. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDefault.css +20 -20
  109. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_vipDark.css +15 -15
  110. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_vipDefault.css +20 -20
  111. package/__inner__/esm/components/ThemeProvider/index.d.ts +2 -0
  112. package/__inner__/esm/components/ThemeProvider/index.js +2 -0
  113. package/__inner__/esm/components/ThemeProvider/themes/themeVipDark.d.ts +14 -0
  114. package/__inner__/esm/components/ThemeProvider/themes/themeVipDark.js +27 -0
  115. package/__inner__/esm/components/ThemeProvider/themes/themeVipDefault.d.ts +14 -0
  116. package/__inner__/esm/components/ThemeProvider/themes/themeVipDefault.js +27 -0
  117. package/__inner__/esm/hooks/useElementSize/useElementSize.d.ts +0 -1
  118. package/__inner__/esm/hooks/useMutableRef/useMutableRef.d.ts +0 -1
  119. package/__inner__/esm/hooks/useResizeObserver/useResizeObserver.d.ts +0 -1
  120. package/__inner__/esm/utils/animateProperty.d.ts +1 -1
  121. package/__inner__/esm/utils/isNotNil.d.ts +1 -1
  122. package/package.json +4 -4
@@ -2,45 +2,37 @@ import './Dialog.css';
2
2
  import React from 'react';
3
3
  export declare const cnDialog: import("@bem-react/classname").ClassNameFormatter;
4
4
  export declare const Dialog: React.ForwardRefExoticComponent<{
5
- size?: "s" | "l" | undefined;
6
- variant?: "small" | "medium" | "large" | "fullsize" | undefined;
7
- closeButtonProps?: (Omit<import("../IconButtonNext").IconButtonProps, "icon"> & {
8
- 'data-testid'?: string | undefined;
9
- }) | undefined;
10
- hideCloseButton?: boolean | undefined;
5
+ size?: import("./types").DialogSizeVariant;
6
+ variant?: import("./types").DialogVariant;
7
+ closeButtonProps?: Omit<import("../IconButtonNext").IconButtonProps, "icon"> & {
8
+ "data-testid"?: string;
9
+ };
10
+ hideCloseButton?: boolean;
11
11
  } & {
12
- open?: boolean | undefined;
12
+ open?: boolean;
13
13
  children: React.ReactNode;
14
14
  onEnter?(): void;
15
15
  onEntered?(): void;
16
16
  onExit?(): void;
17
17
  onExited?(): void;
18
18
  onClose?(): void;
19
- hideBackdrop?: boolean | undefined;
20
- keepMounted?: boolean | undefined;
21
- disableScrollLock?: boolean | undefined;
22
- disableClickOutside?: boolean | undefined;
23
- disableEscapeKeyDown?: boolean | undefined;
24
- backdropProps?: (import("../Backdrop").BackdropBaseProps & {
25
- as?: "div" | undefined;
26
- } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
27
- ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
28
- }, keyof import("../Backdrop").BackdropBaseProps> & {
29
- 'data-testid'?: string | undefined;
30
- }) | undefined;
31
- transitionProps?: (Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
32
- 'data-testid'?: string | undefined;
33
- }) | undefined;
34
- windowProps?: (import("../Paper").PaperBaseProps & {
35
- as?: "div" | undefined;
36
- } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
37
- ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
38
- }, keyof import("../Paper").PaperBaseProps> & {
39
- 'data-testid'?: string | undefined;
40
- }) | undefined;
41
- className?: string | undefined;
42
- 'data-testid'?: string | undefined;
43
- ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
19
+ hideBackdrop?: boolean;
20
+ keepMounted?: boolean;
21
+ disableScrollLock?: boolean;
22
+ disableClickOutside?: boolean;
23
+ disableEscapeKeyDown?: boolean;
24
+ backdropProps?: import("../Backdrop").BackdropProps & {
25
+ "data-testid"?: string;
26
+ };
27
+ transitionProps?: Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
28
+ "data-testid"?: string;
29
+ };
30
+ windowProps?: import("../Paper").PaperProps & {
31
+ "data-testid"?: string;
32
+ };
33
+ className?: string;
34
+ 'data-testid'?: string;
35
+ ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
44
36
  } & import("../Portal").PortalBaseProps & {
45
37
  as?: "div" | undefined;
46
38
  } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;
@@ -2,46 +2,38 @@ import './Drawer.css';
2
2
  import React from 'react';
3
3
  export declare const cnDrawer: import("@bem-react/classname").ClassNameFormatter;
4
4
  export declare const Drawer: React.ForwardRefExoticComponent<{
5
- variant?: "medium" | "large" | "little" | undefined;
6
- size?: "s" | "l" | undefined;
7
- placement?: "left" | "right" | undefined;
8
- hideCloseButton?: boolean | undefined;
9
- closeButtonProps?: (Omit<import("../IconButtonNext").IconButtonProps, "icon"> & {
10
- 'data-testid'?: string | undefined;
11
- }) | undefined;
5
+ variant?: import("./types").DrawerVariant;
6
+ size?: import("./types").DrawerSizeVariant;
7
+ placement?: import("./types").DrawerPlacementVariant;
8
+ hideCloseButton?: boolean;
9
+ closeButtonProps?: Omit<import("../IconButtonNext").IconButtonProps, "icon"> & {
10
+ "data-testid"?: string;
11
+ };
12
12
  } & {
13
- open?: boolean | undefined;
13
+ open?: boolean;
14
14
  children: React.ReactNode;
15
15
  onEnter?(): void;
16
16
  onEntered?(): void;
17
17
  onExit?(): void;
18
18
  onExited?(): void;
19
19
  onClose?(): void;
20
- hideBackdrop?: boolean | undefined;
21
- keepMounted?: boolean | undefined;
22
- disableScrollLock?: boolean | undefined;
23
- disableClickOutside?: boolean | undefined;
24
- disableEscapeKeyDown?: boolean | undefined;
25
- backdropProps?: (import("../Backdrop").BackdropBaseProps & {
26
- as?: "div" | undefined;
27
- } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
28
- ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
29
- }, keyof import("../Backdrop").BackdropBaseProps> & {
30
- 'data-testid'?: string | undefined;
31
- }) | undefined;
32
- transitionProps?: (Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
33
- 'data-testid'?: string | undefined;
34
- }) | undefined;
35
- windowProps?: (import("../Paper").PaperBaseProps & {
36
- as?: "div" | undefined;
37
- } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
38
- ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
39
- }, keyof import("../Paper").PaperBaseProps> & {
40
- 'data-testid'?: string | undefined;
41
- }) | undefined;
42
- className?: string | undefined;
43
- 'data-testid'?: string | undefined;
44
- ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
20
+ hideBackdrop?: boolean;
21
+ keepMounted?: boolean;
22
+ disableScrollLock?: boolean;
23
+ disableClickOutside?: boolean;
24
+ disableEscapeKeyDown?: boolean;
25
+ backdropProps?: import("../Backdrop").BackdropProps & {
26
+ "data-testid"?: string;
27
+ };
28
+ transitionProps?: Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
29
+ "data-testid"?: string;
30
+ };
31
+ windowProps?: import("../Paper").PaperProps & {
32
+ "data-testid"?: string;
33
+ };
34
+ className?: string;
35
+ 'data-testid'?: string;
36
+ ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
45
37
  } & import("../Portal").PortalBaseProps & {
46
38
  as?: "div" | undefined;
47
39
  } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;
@@ -6,5 +6,5 @@ export type FieldsetRef = ComponentRef<typeof FIELDSET_DEFAULT_TAG>;
6
6
  export type FieldsetProps = ComponentPropsWithRef<typeof FIELDSET_DEFAULT_TAG>;
7
7
  export declare const cnFieldset: import("@bem-react/classname").ClassNameFormatter;
8
8
  export declare const Fieldset: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & {
9
- ref?: ((instance: HTMLFieldSetElement | null) => void) | React.RefObject<HTMLFieldSetElement> | null | undefined;
9
+ ref?: ((instance: HTMLFieldSetElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLFieldSetElement> | null | undefined;
10
10
  }, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;
@@ -1,6 +1,4 @@
1
1
  import type { ClassNameFormatter } from '@bem-react/classname';
2
2
  import type { ResponsiveValue } from '../../types/ResponsiveValue';
3
3
  export type Mod = string | number | ResponsiveValue<string | number> | undefined;
4
- export declare const useGenerateGridModsCn: (cn: ClassNameFormatter, mods: {
5
- [x: string]: Mod;
6
- }) => string;
4
+ export declare const useGenerateGridModsCn: (cn: ClassNameFormatter, mods: { [key in string]: Mod; }) => string;
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useMenuFocusList = void 0;
3
+ exports.useMenuFocusList = useMenuFocusList;
4
4
  var react_1 = require("react");
5
5
  var getNextIndex_1 = require("../../utils/getNextIndex");
6
6
  var getPrevIndex_1 = require("../../utils/getPrevIndex");
@@ -36,4 +36,3 @@ function useMenuFocusList(nodes) {
36
36
  }, []);
37
37
  return { onKeyDown: onKeyDown };
38
38
  }
39
- exports.useMenuFocusList = useMenuFocusList;
@@ -2,38 +2,30 @@ import './Modal.css';
2
2
  import React from 'react';
3
3
  export declare const cnModal: import("@bem-react/classname").ClassNameFormatter;
4
4
  export declare const Modal: React.ForwardRefExoticComponent<{
5
- open?: boolean | undefined;
5
+ open?: boolean;
6
6
  children: React.ReactNode;
7
7
  onEnter?(): void;
8
8
  onEntered?(): void;
9
9
  onExit?(): void;
10
10
  onExited?(): void;
11
11
  onClose?(): void;
12
- hideBackdrop?: boolean | undefined;
13
- keepMounted?: boolean | undefined;
14
- disableScrollLock?: boolean | undefined;
15
- disableClickOutside?: boolean | undefined;
16
- disableEscapeKeyDown?: boolean | undefined;
17
- backdropProps?: (import("../Backdrop").BackdropBaseProps & {
18
- as?: "div" | undefined;
19
- } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
20
- ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
21
- }, keyof import("../Backdrop").BackdropBaseProps> & {
22
- 'data-testid'?: string | undefined;
23
- }) | undefined;
24
- transitionProps?: (Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
25
- 'data-testid'?: string | undefined;
26
- }) | undefined;
27
- windowProps?: (import("../Paper").PaperBaseProps & {
28
- as?: "div" | undefined;
29
- } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
30
- ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
31
- }, keyof import("../Paper").PaperBaseProps> & {
32
- 'data-testid'?: string | undefined;
33
- }) | undefined;
34
- className?: string | undefined;
35
- 'data-testid'?: string | undefined;
36
- ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
12
+ hideBackdrop?: boolean;
13
+ keepMounted?: boolean;
14
+ disableScrollLock?: boolean;
15
+ disableClickOutside?: boolean;
16
+ disableEscapeKeyDown?: boolean;
17
+ backdropProps?: import("../Backdrop").BackdropProps & {
18
+ "data-testid"?: string;
19
+ };
20
+ transitionProps?: Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
21
+ "data-testid"?: string;
22
+ };
23
+ windowProps?: import("../Paper").PaperProps & {
24
+ "data-testid"?: string;
25
+ };
26
+ className?: string;
27
+ 'data-testid'?: string;
28
+ ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
37
29
  } & import("../Portal").PortalBaseProps & {
38
30
  as?: "div" | undefined;
39
31
  } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useModalManager = void 0;
3
+ exports.useModalManager = useModalManager;
4
4
  var react_1 = require("react");
5
5
  var Portal_1 = require("../Portal");
6
6
  function useModalManager(ref, key, open) {
@@ -28,4 +28,3 @@ function useModalManager(ref, key, open) {
28
28
  }, [open, key]);
29
29
  return { portals: portals, refsClickOutside: refsClickOutside, isTop: isTop };
30
30
  }
31
- exports.useModalManager = useModalManager;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const sizeMapper: {
3
2
  readonly l: {
4
3
  readonly size: "m";
@@ -5,4 +5,4 @@ export type PaginationRangeWithNavigationType = [
5
5
  ...PaginationRangeType,
6
6
  NextType
7
7
  ];
8
- export declare const withNavigationButton: (arr: PaginationRangeType) => ["Previous", ...(number | "Ellipsis")[], "Next"];
8
+ export declare const withNavigationButton: (arr: PaginationRangeType) => PaginationRangeWithNavigationType;
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.usePortalManager = exports.portalManager = exports.createPortalManager = void 0;
3
+ exports.portalManager = exports.createPortalManager = void 0;
4
+ exports.usePortalManager = usePortalManager;
4
5
  var tslib_1 = require("tslib");
5
6
  var react_1 = require("react");
6
7
  var createPortalManager = function () {
@@ -48,4 +49,3 @@ function usePortalManager() {
48
49
  };
49
50
  return { portals: portals, add: add, remove: remove };
50
51
  }
51
- exports.usePortalManager = usePortalManager;
@@ -9,5 +9,5 @@ export type SnackbarProviderProps = Partial<SnackbarProps> & SnackbarCommonProps
9
9
  };
10
10
  export declare const SnackbarProvider: React.ForwardRefExoticComponent<Partial<SnackbarProps> & SnackbarCommonProps & {
11
11
  /** Максимальное количество одновременно отображенных сообщений */
12
- maxMessages?: number | undefined;
12
+ maxMessages?: number;
13
13
  } & React.RefAttributes<HTMLDivElement>>;
@@ -12,5 +12,5 @@ export declare const Snackbar: React.ForwardRefExoticComponent<import("../../../
12
12
  as?: "div" | undefined;
13
13
  } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../../../Portal").PortalBaseProps> & {
14
14
  /** Расположение сообщения относительно контейнера */
15
- anchorOrigin?: SnackbarAnchorOrigin | undefined;
15
+ anchorOrigin?: SnackbarAnchorOrigin;
16
16
  } & React.RefAttributes<HTMLDivElement>>;
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useSnackbarManager = void 0;
3
+ exports.useSnackbarManager = useSnackbarManager;
4
4
  var react_1 = require("react");
5
5
  var PortalManager_1 = require("../../../Portal/PortalManager");
6
6
  function useSnackbarManager(ref, key) {
@@ -12,4 +12,3 @@ function useSnackbarManager(ref, key) {
12
12
  };
13
13
  }, []);
14
14
  }
15
- exports.useSnackbarManager = useSnackbarManager;
@@ -9,16 +9,16 @@ export declare const SnackbarItem: React.ForwardRefExoticComponent<{
9
9
  opening: boolean;
10
10
  messageId: import("../..").SnackbarMessageId;
11
11
  anchorOrigin: import("../..").SnackbarAnchorOrigin;
12
- rootProps?: (React.HTMLAttributes<HTMLDivElement> & {
13
- 'data-testid'?: string | undefined;
14
- }) | undefined;
12
+ rootProps?: React.HTMLAttributes<HTMLDivElement> & {
13
+ "data-testid"?: string;
14
+ };
15
15
  description?: React.ReactNode;
16
- onClose?: ((messageId: import("../..").SnackbarMessageId) => void) | undefined;
17
- onExit?: ((messageId: import("../..").SnackbarMessageId) => void) | undefined;
18
- onExited?: ((messageId: import("../..").SnackbarMessageId) => void) | undefined;
19
- onEnter?: ((messageId: import("../..").SnackbarMessageId) => void) | undefined;
20
- onEntered?: ((messageId: import("../..").SnackbarMessageId) => void) | undefined;
21
- renderContent?: ((props: import("./types").SnackbarItemRenderContentProps) => React.ReactNode) | undefined;
22
- collapseTransitionTimeout?: number | undefined;
23
- contentTransitionTimeout?: number | undefined;
16
+ onClose?: (messageId: import("../..").SnackbarMessageId) => void;
17
+ onExit?: (messageId: import("../..").SnackbarMessageId) => void;
18
+ onExited?: (messageId: import("../..").SnackbarMessageId) => void;
19
+ onEnter?: (messageId: import("../..").SnackbarMessageId) => void;
20
+ onEntered?: (messageId: import("../..").SnackbarMessageId) => void;
21
+ renderContent?: (props: import("./types").SnackbarItemRenderContentProps) => React.ReactNode;
22
+ collapseTransitionTimeout?: number;
23
+ contentTransitionTimeout?: number;
24
24
  } & Required<import("../..").SnackbarCommonProps> & React.RefAttributes<HTMLDivElement>>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import type { ReactNode, HTMLAttributes } from 'React';
3
2
  import type { SnackbarMessageId, SnackbarCommonProps, SnackbarAnchorOrigin } from '../../types';
4
3
  export type SnackbarItemRenderContentProps = {
@@ -1,3 +1,3 @@
1
1
  import type { ClassNameFormatter } from '@bem-react/classname';
2
2
  import type { StackProps } from '../types';
3
- export declare const generateDirectionCn: (cn: ClassNameFormatter, direction: StackProps['direction']) => string;
3
+ export declare const generateDirectionCn: (cn: ClassNameFormatter, direction: StackProps["direction"]) => string;
@@ -1,3 +1,3 @@
1
1
  import type { ClassNameFormatter } from '@bem-react/classname';
2
2
  import type { StackProps } from '../types';
3
- export declare const generateGapCn: (cn: ClassNameFormatter, gap: StackProps['gap']) => string;
3
+ export declare const generateGapCn: (cn: ClassNameFormatter, gap: StackProps["gap"]) => string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const TableContext: import("react").Context<{
3
2
  variant: string;
4
3
  }>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import type { Theme } from './types';
3
2
  export declare const ThemeProviderContext: import("react").Context<Theme | undefined>;
4
3
  export declare function useTheme(): Theme | undefined;
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useTheme = exports.ThemeProviderContext = void 0;
3
+ exports.ThemeProviderContext = void 0;
4
+ exports.useTheme = useTheme;
4
5
  var react_1 = require("react");
5
6
  exports.ThemeProviderContext = (0, react_1.createContext)(undefined);
6
7
  function useTheme() {
7
8
  return (0, react_1.useContext)(exports.ThemeProviderContext);
8
9
  }
9
- exports.useTheme = useTheme;
@@ -53,9 +53,9 @@
53
53
  --color-background-action-hover: #023dff;
54
54
  --color-background-action-pressed: #3564ff;
55
55
  --color-background-action-active-disabled: #0a2171;
56
- --color-background-action-light: #0e1636;
57
- --color-background-action-light-hover: #0d1841;
58
- --color-background-action-light-pressed: #0a2171;
56
+ --color-background-action-light: #0d1841;
57
+ --color-background-action-light-hover: #0a2171;
58
+ --color-background-action-light-pressed: #082ba0;
59
59
  --color-background-accent-action-light: #0a2171;
60
60
  --color-background-accent-action-light-hover: #082ba0;
61
61
  --color-background-accent-action-light-pressed: #0534d0;
@@ -72,36 +72,36 @@
72
72
  --color-background-error: #cf4a4b;
73
73
  --color-background-error-hover: #ff5959;
74
74
  --color-background-error-pressed: #ff7a7a;
75
- --color-background-error-light: #341a1d;
76
- --color-background-error-light-hover: #401e20;
77
- --color-background-error-light-pressed: #702d2e;
75
+ --color-background-error-light: #401e20;
76
+ --color-background-error-light-hover: #702d2e;
77
+ --color-background-error-light-pressed: #9f3b3d;
78
78
  --color-background-accent-error-light: #702d2e;
79
79
  --color-background-accent-error-light-hover: #9f3b3d;
80
80
  --color-background-accent-error-light-pressed: #cf4a4b;
81
81
  --color-background-warning: #cf8d2a;
82
82
  --color-background-warning-hover: #ffac30;
83
83
  --color-background-warning-pressed: #ffbd59;
84
- --color-background-warning-light: #342717;
85
- --color-background-warning-light-hover: #402e18;
86
- --color-background-warning-light-pressed: #704e1e;
84
+ --color-background-warning-light: #402e18;
85
+ --color-background-warning-light-hover: #704e1e;
86
+ --color-background-warning-light-pressed: #9f6d24;
87
87
  --color-background-accent-warning-light: #704e1e;
88
88
  --color-background-accent-warning-light-hover: #9f6d24;
89
89
  --color-background-accent-warning-light-pressed: #cf8d2a;
90
90
  --color-background-success: #039904;
91
91
  --color-background-success-hover: #0b0;
92
92
  --color-background-success-pressed: #33c933;
93
- --color-background-success-light: #0e290f;
94
- --color-background-success-light-hover: #0d310e;
95
- --color-background-success-light-pressed: #0a540b;
93
+ --color-background-success-light: #0d310e;
94
+ --color-background-success-light-hover: #0a540b;
95
+ --color-background-success-light-pressed: #067607;
96
96
  --color-background-accent-success-light: #0a540b;
97
97
  --color-background-accent-success-light-hover: #067607;
98
98
  --color-background-accent-success-light-pressed: #039904;
99
99
  --color-background-info: #6a05d0;
100
100
  --color-background-info-hover: #8002ff;
101
101
  --color-background-info-pressed: #9a35ff;
102
- --color-background-info-light: #210d36;
103
- --color-background-info-light-hover: #270d41;
104
- --color-background-info-light-pressed: #3d0a71;
102
+ --color-background-info-light: #270d41;
103
+ --color-background-info-light-hover: #3d0a71;
104
+ --color-background-info-light-pressed: #5307a0;
105
105
  --color-background-accent-info-light: #3d0a71;
106
106
  --color-background-accent-info-light-hover: #5307a0;
107
107
  --color-background-accent-info-light-pressed: #6a05d0;
@@ -4,31 +4,31 @@
4
4
  --color-content-tertiary: #7e8194;
5
5
  --color-content-disabled: #9a9eb5;
6
6
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
7
- --color-content-action: #023dff;
8
- --color-content-action-hover: #0534d0;
9
- --color-content-action-pressed: #082ba0;
10
- --color-content-action-dark: #0a2171;
7
+ --color-content-action: #0534d0;
8
+ --color-content-action-hover: #082ba0;
9
+ --color-content-action-pressed: #0a2171;
10
+ --color-content-action-dark: #0d1841;
11
11
  --color-content-action-secondary: #2c2c33;
12
12
  --color-content-action-secondary-hover: #1e1d22;
13
13
  --color-content-action-secondary-pressed: #17161a;
14
14
  --color-content-action-secondary-dark: #17161a;
15
15
  --color-content-action-on: #fff;
16
- --color-content-error: #ff5959;
17
- --color-content-error-hover: #cf4a4b;
18
- --color-content-error-pressed: #9f3b3d;
19
- --color-content-error-dark: #702d2e;
20
- --color-content-warning: #ffac30;
21
- --color-content-warning-hover: #cf8d2a;
22
- --color-content-warning-pressed: #9f6d24;
23
- --color-content-warning-dark: #704e1e;
24
- --color-content-success: #0b0;
25
- --color-content-success-hover: #039904;
26
- --color-content-success-pressed: #067607;
27
- --color-content-success-dark: #0a540b;
28
- --color-content-info: #8002ff;
29
- --color-content-info-hover: #6a05d0;
30
- --color-content-info-pressed: #5307a0;
31
- --color-content-info-dark: #3d0a71;
16
+ --color-content-error: #cf4a4b;
17
+ --color-content-error-hover: #9f3b3d;
18
+ --color-content-error-pressed: #702d2e;
19
+ --color-content-error-dark: #401e20;
20
+ --color-content-warning: #cf8d2a;
21
+ --color-content-warning-hover: #9f6d24;
22
+ --color-content-warning-pressed: #704e1e;
23
+ --color-content-warning-dark: #402e18;
24
+ --color-content-success: #039904;
25
+ --color-content-success-hover: #067607;
26
+ --color-content-success-pressed: #0a540b;
27
+ --color-content-success-dark: #0d310e;
28
+ --color-content-info: #6a05d0;
29
+ --color-content-info-hover: #5307a0;
30
+ --color-content-info-pressed: #3d0a71;
31
+ --color-content-info-dark: #270d41;
32
32
  --color-content-primary-inverse: #fff;
33
33
  --color-content-accent-primary: #989aa5;
34
34
  --color-accent-primary: #1b1c24;
@@ -53,9 +53,9 @@
53
53
  --color-background-action-hover: #0b0;
54
54
  --color-background-action-pressed: #33c933;
55
55
  --color-background-action-active-disabled: #0a540b;
56
- --color-background-action-light: #0e290f;
57
- --color-background-action-light-hover: #0d310e;
58
- --color-background-action-light-pressed: #0a540b;
56
+ --color-background-action-light: #0d310e;
57
+ --color-background-action-light-hover: #0a540b;
58
+ --color-background-action-light-pressed: #067607;
59
59
  --color-background-accent-action-light: #0a540b;
60
60
  --color-background-accent-action-light-hover: #067607;
61
61
  --color-background-accent-action-light-pressed: #039904;
@@ -72,36 +72,36 @@
72
72
  --color-background-error: #cf4a4b;
73
73
  --color-background-error-hover: #ff5959;
74
74
  --color-background-error-pressed: #ff7a7a;
75
- --color-background-error-light: #341a1d;
76
- --color-background-error-light-hover: #401e20;
77
- --color-background-error-light-pressed: #702d2e;
75
+ --color-background-error-light: #401e20;
76
+ --color-background-error-light-hover: #702d2e;
77
+ --color-background-error-light-pressed: #9f3b3d;
78
78
  --color-background-accent-error-light: #702d2e;
79
79
  --color-background-accent-error-light-hover: #9f3b3d;
80
80
  --color-background-accent-error-light-pressed: #cf4a4b;
81
81
  --color-background-warning: #cf8d2a;
82
82
  --color-background-warning-hover: #ffac30;
83
83
  --color-background-warning-pressed: #ffbd59;
84
- --color-background-warning-light: #342717;
85
- --color-background-warning-light-hover: #402e18;
86
- --color-background-warning-light-pressed: #704e1e;
84
+ --color-background-warning-light: #402e18;
85
+ --color-background-warning-light-hover: #704e1e;
86
+ --color-background-warning-light-pressed: #9f6d24;
87
87
  --color-background-accent-warning-light: #704e1e;
88
88
  --color-background-accent-warning-light-hover: #9f6d24;
89
89
  --color-background-accent-warning-light-pressed: #cf8d2a;
90
90
  --color-background-success: #039904;
91
91
  --color-background-success-hover: #0b0;
92
92
  --color-background-success-pressed: #33c933;
93
- --color-background-success-light: #0e290f;
94
- --color-background-success-light-hover: #0d310e;
95
- --color-background-success-light-pressed: #0a540b;
93
+ --color-background-success-light: #0d310e;
94
+ --color-background-success-light-hover: #0a540b;
95
+ --color-background-success-light-pressed: #067607;
96
96
  --color-background-accent-success-light: #0a540b;
97
97
  --color-background-accent-success-light-hover: #067607;
98
98
  --color-background-accent-success-light-pressed: #039904;
99
99
  --color-background-info: #0534d0;
100
100
  --color-background-info-hover: #023dff;
101
101
  --color-background-info-pressed: #3564ff;
102
- --color-background-info-light: #0e1636;
103
- --color-background-info-light-hover: #0d1841;
104
- --color-background-info-light-pressed: #0a2171;
102
+ --color-background-info-light: #0d1841;
103
+ --color-background-info-light-hover: #0a2171;
104
+ --color-background-info-light-pressed: #082ba0;
105
105
  --color-background-accent-info-light: #0a2171;
106
106
  --color-background-accent-info-light-hover: #082ba0;
107
107
  --color-background-accent-info-light-pressed: #0534d0;
@@ -4,31 +4,31 @@
4
4
  --color-content-tertiary: #7e8194;
5
5
  --color-content-disabled: #9a9eb5;
6
6
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
7
- --color-content-action: #0b0;
8
- --color-content-action-hover: #039904;
9
- --color-content-action-pressed: #067607;
10
- --color-content-action-dark: #0a540b;
7
+ --color-content-action: #039904;
8
+ --color-content-action-hover: #067607;
9
+ --color-content-action-pressed: #0a540b;
10
+ --color-content-action-dark: #0d310e;
11
11
  --color-content-action-secondary: #2c2c33;
12
12
  --color-content-action-secondary-hover: #1e1d22;
13
13
  --color-content-action-secondary-pressed: #17161a;
14
14
  --color-content-action-secondary-dark: #17161a;
15
15
  --color-content-action-on: #fff;
16
- --color-content-error: #ff5959;
17
- --color-content-error-hover: #cf4a4b;
18
- --color-content-error-pressed: #9f3b3d;
19
- --color-content-error-dark: #702d2e;
20
- --color-content-warning: #ffac30;
21
- --color-content-warning-hover: #cf8d2a;
22
- --color-content-warning-pressed: #9f6d24;
23
- --color-content-warning-dark: #704e1e;
24
- --color-content-success: #0b0;
25
- --color-content-success-hover: #039904;
26
- --color-content-success-pressed: #067607;
27
- --color-content-success-dark: #0a540b;
28
- --color-content-info: #023dff;
29
- --color-content-info-hover: #0534d0;
30
- --color-content-info-pressed: #082ba0;
31
- --color-content-info-dark: #0a2171;
16
+ --color-content-error: #cf4a4b;
17
+ --color-content-error-hover: #9f3b3d;
18
+ --color-content-error-pressed: #702d2e;
19
+ --color-content-error-dark: #401e20;
20
+ --color-content-warning: #cf8d2a;
21
+ --color-content-warning-hover: #9f6d24;
22
+ --color-content-warning-pressed: #704e1e;
23
+ --color-content-warning-dark: #402e18;
24
+ --color-content-success: #039904;
25
+ --color-content-success-hover: #067607;
26
+ --color-content-success-pressed: #0a540b;
27
+ --color-content-success-dark: #0d310e;
28
+ --color-content-info: #0534d0;
29
+ --color-content-info-hover: #082ba0;
30
+ --color-content-info-pressed: #0a2171;
31
+ --color-content-info-dark: #0d1841;
32
32
  --color-content-primary-inverse: #fff;
33
33
  --color-content-accent-secondary: #989aa5;
34
34
  --color-accent-main: #14151b;