@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
@@ -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;
@@ -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,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;
@@ -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>>;
@@ -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;
@@ -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;
@@ -53,9 +53,9 @@
53
53
  --color-background-action-hover: #d4aa6b;
54
54
  --color-background-action-pressed: #db8;
55
55
  --color-background-action-active-disabled: #5f4d36;
56
- --color-background-action-light: #2d261f;
57
- --color-background-action-light-hover: #372e24;
58
- --color-background-action-light-pressed: #5f4d36;
56
+ --color-background-action-light: #372e24;
57
+ --color-background-action-light-hover: #5f4d36;
58
+ --color-background-action-light-pressed: #866c47;
59
59
  --color-background-accent-action-light: #5f4d36;
60
60
  --color-background-accent-action-light-hover: #866c47;
61
61
  --color-background-accent-action-light-pressed: #ad8b59;
@@ -72,36 +72,36 @@
72
72
  --color-background-error: #c85390;
73
73
  --color-background-error-hover: #f664af;
74
74
  --color-background-error-pressed: #f883bf;
75
- --color-background-error-light: #321c2a;
76
- --color-background-error-light-hover: #3e2031;
77
- --color-background-error-light-pressed: #6c3151;
75
+ --color-background-error-light: #3e2031;
76
+ --color-background-error-light-hover: #6c3151;
77
+ --color-background-error-light-pressed: #9a4270;
78
78
  --color-background-accent-error-light: #6c3151;
79
79
  --color-background-accent-error-light-hover: #9a4270;
80
80
  --color-background-accent-error-light-pressed: #c85390;
81
81
  --color-background-warning: #cf6944;
82
82
  --color-background-warning-hover: #ff7f50;
83
83
  --color-background-warning-pressed: #ff9973;
84
- --color-background-warning-light: #34201b;
85
- --color-background-warning-light-hover: #40251e;
86
- --color-background-warning-light-pressed: #703c2b;
84
+ --color-background-warning-light: #40251e;
85
+ --color-background-warning-light-hover: #703c2b;
86
+ --color-background-warning-light-pressed: #9f5237;
87
87
  --color-background-accent-warning-light: #703c2b;
88
88
  --color-background-accent-warning-light-hover: #9f5237;
89
89
  --color-background-accent-warning-light-pressed: #cf6944;
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: #d4aa6b;
8
- --color-content-action-hover: #ad8b59;
9
- --color-content-action-pressed: #866c47;
10
- --color-content-action-dark: #5f4d36;
7
+ --color-content-action: #ad8b59;
8
+ --color-content-action-hover: #866c47;
9
+ --color-content-action-pressed: #5f4d36;
10
+ --color-content-action-dark: #372e24;
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: #f664af;
17
- --color-content-error-hover: #c85390;
18
- --color-content-error-pressed: #9a4270;
19
- --color-content-error-dark: #6c3151;
20
- --color-content-warning: #ff7f50;
21
- --color-content-warning-hover: #cf6944;
22
- --color-content-warning-pressed: #9f5237;
23
- --color-content-warning-dark: #703c2b;
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: #c85390;
17
+ --color-content-error-hover: #9a4270;
18
+ --color-content-error-pressed: #6c3151;
19
+ --color-content-error-dark: #3e2031;
20
+ --color-content-warning: #cf6944;
21
+ --color-content-warning-hover: #9f5237;
22
+ --color-content-warning-pressed: #703c2b;
23
+ --color-content-warning-dark: #40251e;
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;
@@ -3,6 +3,8 @@ export * from './themes/themeOzenDark';
3
3
  export * from './themes/themeOzenDefault';
4
4
  export * from './themes/themeBBusinessDefault';
5
5
  export * from './themes/themeBBusinessDark';
6
+ export * from './themes/themeVipDefault';
7
+ export * from './themes/themeVipDark';
6
8
  export * as themeHelper from './themes/helper';
7
9
  export { useTheme } from './ThemeProviderContext';
8
10
  export * from './utils';
@@ -3,6 +3,8 @@ export * from './themes/themeOzenDark';
3
3
  export * from './themes/themeOzenDefault';
4
4
  export * from './themes/themeBBusinessDefault';
5
5
  export * from './themes/themeBBusinessDark';
6
+ export * from './themes/themeVipDefault';
7
+ export * from './themes/themeVipDark';
6
8
  import * as themeHelper_1 from './themes/helper';
7
9
  export { themeHelper_1 as themeHelper };
8
10
  export { useTheme } from './ThemeProviderContext';
@@ -0,0 +1,14 @@
1
+ import '@ozen-ui/fonts';
2
+ import type { Theme } from '../index';
3
+ import '../_color/Theme_color_vipDark.css';
4
+ import '../_typography/Theme_typography_ozenDefault.css';
5
+ import '../_borderRadius/Theme_borderRadius_ozenDefault.css';
6
+ import '../_space/Theme_space_ozenDefault.css';
7
+ import '../_spacing/Theme_spacing_ozenDefault.css';
8
+ import '../_control/Theme_control_ozenDefault.css';
9
+ import '../_shadow/Theme_shadow_ozenDefault.css';
10
+ import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
11
+ import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
12
+ import '../_zIndex/Theme_zIndex_ozenDefault.css';
13
+ import '../_transition/Theme_transition_ozenDefault.css';
14
+ export declare const themeVipDark: Theme;
@@ -0,0 +1,27 @@
1
+ import { __assign } from "tslib";
2
+ import '@ozen-ui/fonts';
3
+ import { ruRU } from '../../../locale';
4
+ import '../_color/Theme_color_vipDark.css';
5
+ import '../_typography/Theme_typography_ozenDefault.css';
6
+ import '../_borderRadius/Theme_borderRadius_ozenDefault.css';
7
+ import '../_space/Theme_space_ozenDefault.css';
8
+ import '../_spacing/Theme_spacing_ozenDefault.css';
9
+ import '../_control/Theme_control_ozenDefault.css';
10
+ import '../_shadow/Theme_shadow_ozenDefault.css';
11
+ import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
12
+ import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
13
+ import '../_zIndex/Theme_zIndex_ozenDefault.css';
14
+ import '../_transition/Theme_transition_ozenDefault.css';
15
+ export var themeVipDark = __assign({ tokens: {
16
+ color: 'vipDark',
17
+ space: 'ozenDefault',
18
+ spacing: 'ozenDefault',
19
+ control: 'ozenDefault',
20
+ typography: 'ozenDefault',
21
+ borderRadius: 'ozenDefault',
22
+ borderWidth: 'ozenDefault',
23
+ shadow: 'ozenDefault',
24
+ breakpoint: 'ozenDefault',
25
+ zIndex: 'ozenDefault',
26
+ transition: 'ozenDefault',
27
+ } }, ruRU);
@@ -0,0 +1,14 @@
1
+ import '@ozen-ui/fonts';
2
+ import type { Theme } from '../index';
3
+ import '../_color/Theme_color_vipDefault.css';
4
+ import '../_typography/Theme_typography_ozenDefault.css';
5
+ import '../_borderRadius/Theme_borderRadius_ozenDefault.css';
6
+ import '../_space/Theme_space_ozenDefault.css';
7
+ import '../_spacing/Theme_spacing_ozenDefault.css';
8
+ import '../_control/Theme_control_ozenDefault.css';
9
+ import '../_shadow/Theme_shadow_ozenDefault.css';
10
+ import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
11
+ import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
12
+ import '../_zIndex/Theme_zIndex_ozenDefault.css';
13
+ import '../_transition/Theme_transition_ozenDefault.css';
14
+ export declare const themeVipDefault: Theme;
@@ -0,0 +1,27 @@
1
+ import { __assign } from "tslib";
2
+ import '@ozen-ui/fonts';
3
+ import { ruRU } from '../../../locale';
4
+ import '../_color/Theme_color_vipDefault.css';
5
+ import '../_typography/Theme_typography_ozenDefault.css';
6
+ import '../_borderRadius/Theme_borderRadius_ozenDefault.css';
7
+ import '../_space/Theme_space_ozenDefault.css';
8
+ import '../_spacing/Theme_spacing_ozenDefault.css';
9
+ import '../_control/Theme_control_ozenDefault.css';
10
+ import '../_shadow/Theme_shadow_ozenDefault.css';
11
+ import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
12
+ import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
13
+ import '../_zIndex/Theme_zIndex_ozenDefault.css';
14
+ import '../_transition/Theme_transition_ozenDefault.css';
15
+ export var themeVipDefault = __assign({ tokens: {
16
+ color: 'vipDefault',
17
+ space: 'ozenDefault',
18
+ spacing: 'ozenDefault',
19
+ control: 'ozenDefault',
20
+ typography: 'ozenDefault',
21
+ borderRadius: 'ozenDefault',
22
+ borderWidth: 'ozenDefault',
23
+ shadow: 'ozenDefault',
24
+ breakpoint: 'ozenDefault',
25
+ zIndex: 'ozenDefault',
26
+ transition: 'ozenDefault',
27
+ } }, ruRU);
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare function useElementSize<T extends HTMLElement = any>(options?: ResizeObserverOptions): {
3
2
  ref: import("react").RefObject<T>;
4
3
  width: number;