@itcase/ui 1.1.23 → 1.1.25

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 (57) hide show
  1. package/dist/{Button-Vxs8zjSy.js → Button-CSzPxWyC.js} +1 -1
  2. package/dist/{Chips-uYPtUsLf.js → Chips-Bd3ZFosY.js} +3 -4
  3. package/dist/{CookiesWarning-Dc6YFhTn.js → CookiesWarning-B30eAOND.js} +1 -1
  4. package/dist/{DatePicker-l1a-OAls.js → DatePicker-Bf7t1yiM.js} +29 -13
  5. package/dist/{ModalLoader-Bk6l3vO9.js → ModalLoader-4OS81u94.js} +17 -24
  6. package/dist/{Overlay-C4gCb0sL.js → Overlay-DNPslUfY.js} +2 -2
  7. package/dist/{Response-sCPsxYoM.js → Response-BMRzGa5t.js} +1 -1
  8. package/dist/{SwitchField-BdrNzvfC.js → SwitchField-DCwEVCVg.js} +2 -2
  9. package/dist/cjs/{Button-xUrOQjVd.js → Button-DH5f_2bV.js} +1 -1
  10. package/dist/cjs/{Chips-D6tw75eZ.js → Chips-wl8WgeWZ.js} +3 -4
  11. package/dist/cjs/{CookiesWarning-DaEYrVWy.js → CookiesWarning-C-6cEf16.js} +1 -1
  12. package/dist/cjs/{DatePicker-CBdRlgIa.js → DatePicker-4tMTL9Nx.js} +29 -13
  13. package/dist/cjs/{ModalLoader-QyRlFIR4.js → ModalLoader-DRt-18Tr.js} +17 -24
  14. package/dist/cjs/{Overlay-18bnPZPd.js → Overlay-CkN2X1BM.js} +2 -2
  15. package/dist/cjs/{Response-DDEFfCC4.js → Response-CTawELy2.js} +1 -1
  16. package/dist/cjs/{SwitchField-D2V-28Fy.js → SwitchField-C31Nbyyn.js} +2 -2
  17. package/dist/cjs/components/Button.js +1 -1
  18. package/dist/cjs/components/Caption/Caption.interface.d.ts +5 -5
  19. package/dist/cjs/components/Chips/Chips.interface.d.ts +1 -1
  20. package/dist/cjs/components/Chips.js +1 -1
  21. package/dist/cjs/components/CookiesWarning.js +2 -2
  22. package/dist/cjs/components/DatePicker.js +2 -2
  23. package/dist/cjs/components/FormField/FormFiled.interface.d.ts +1 -1
  24. package/dist/cjs/components/FormField.js +1 -1
  25. package/dist/cjs/components/Modal/Modal.d.ts +2 -2
  26. package/dist/cjs/components/Modal/Modal.interface.d.ts +18 -15
  27. package/dist/cjs/components/Modal/ModalLoader.d.ts +2 -2
  28. package/dist/cjs/components/Modal.js +2 -2
  29. package/dist/cjs/components/Overlay/Overlay.d.ts +2 -2
  30. package/dist/cjs/components/Overlay/Overlay.interface.d.ts +6 -4
  31. package/dist/cjs/components/Overlay.js +1 -1
  32. package/dist/cjs/components/Response.js +2 -2
  33. package/dist/cjs/components.js +8 -8
  34. package/dist/cjs/types/componentProps/fillGradient.d.ts +1 -1
  35. package/dist/cjs/types/index.d.ts +1 -1
  36. package/dist/components/Button.js +1 -1
  37. package/dist/components/Caption/Caption.interface.d.ts +5 -5
  38. package/dist/components/Chips/Chips.interface.d.ts +1 -1
  39. package/dist/components/Chips.js +1 -1
  40. package/dist/components/CookiesWarning.js +2 -2
  41. package/dist/components/DatePicker.js +2 -2
  42. package/dist/components/FormField/FormFiled.interface.d.ts +1 -1
  43. package/dist/components/FormField.js +1 -1
  44. package/dist/components/Modal/Modal.d.ts +2 -2
  45. package/dist/components/Modal/Modal.interface.d.ts +18 -15
  46. package/dist/components/Modal/ModalLoader.d.ts +2 -2
  47. package/dist/components/Modal.js +2 -2
  48. package/dist/components/Overlay/Overlay.d.ts +2 -2
  49. package/dist/components/Overlay/Overlay.interface.d.ts +6 -4
  50. package/dist/components/Overlay.js +1 -1
  51. package/dist/components/Response.js +2 -2
  52. package/dist/components.js +8 -8
  53. package/dist/css/components/Swiper/Swiper.css +3 -0
  54. package/dist/stories/Chips.stories.js +2 -2
  55. package/dist/types/componentProps/fillGradient.d.ts +1 -1
  56. package/dist/types/index.d.ts +1 -1
  57. package/package.json +1 -1
@@ -16,9 +16,9 @@ interface iChipsThemeColor {
16
16
  fill?: tFillProps;
17
17
  fillActive?: tFillProps;
18
18
  fillHover?: tFillHoverProps;
19
- labelSize?: tTextSizeProps;
20
19
  labelTextActiveColor?: tTextColorProps;
21
20
  labelTextColor?: tTextColorProps;
21
+ labelTextSize?: tTextSizeProps;
22
22
  labelTextWeight?: tTextWeightProps;
23
23
  shape?: tShapeProps;
24
24
  size?: tSizeProps;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Chips = require('../Chips-D6tw75eZ.js');
3
+ var Chips = require('../Chips-wl8WgeWZ.js');
4
4
  require('../jsx-runtime-BBxmckJR.js');
5
5
  require('react');
6
6
  require('clsx');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CookiesWarning = require('../CookiesWarning-DaEYrVWy.js');
3
+ var CookiesWarning = require('../CookiesWarning-C-6cEf16.js');
4
4
  require('../jsx-runtime-BBxmckJR.js');
5
5
  require('react');
6
6
  require('clsx');
@@ -12,7 +12,7 @@ require('../context/UIContext.js');
12
12
  require('prop-types');
13
13
  require('../hooks/useMediaQueries.js');
14
14
  require('react-responsive');
15
- require('../Button-xUrOQjVd.js');
15
+ require('../Button-DH5f_2bV.js');
16
16
  require('../hooks/useStyles.js');
17
17
  require('lodash/maxBy');
18
18
  require('lodash/upperFirst');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var DatePicker = require('../DatePicker-CBdRlgIa.js');
3
+ var DatePicker = require('../DatePicker-4tMTL9Nx.js');
4
4
  require('../_tslib-CKiUdo7p.js');
5
5
  require('../jsx-runtime-BBxmckJR.js');
6
6
  require('react');
@@ -14,7 +14,7 @@ require('../context/UIContext.js');
14
14
  require('prop-types');
15
15
  require('../hooks/useMediaQueries.js');
16
16
  require('react-responsive');
17
- require('../Button-xUrOQjVd.js');
17
+ require('../Button-DH5f_2bV.js');
18
18
  require('../hooks/useStyles.js');
19
19
  require('lodash/maxBy');
20
20
  require('lodash/upperFirst');
@@ -24,7 +24,7 @@ export interface IFormFieldProps extends iStyleAttributes {
24
24
  inputFill?: tFillProps;
25
25
  inputShape?: tShapeProps;
26
26
  label?: string;
27
- labelSize?: tTextSizeProps;
27
+ labelTextSize?: tTextSizeProps;
28
28
  labelTextColor?: tTextColorProps;
29
29
  labelTextWeight?: tTextWeightProps;
30
30
  message?: string;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var SwitchField = require('../SwitchField-D2V-28Fy.js');
3
+ var SwitchField = require('../SwitchField-C31Nbyyn.js');
4
4
  require('../_tslib-CKiUdo7p.js');
5
5
  require('../jsx-runtime-BBxmckJR.js');
6
6
  require('react');
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import { IModalProps, IModalRef } from './Modal.interface';
3
- declare const Modal: React.ForwardRefExoticComponent<IModalProps & React.RefAttributes<IModalRef>>;
2
+ import { iModalProps, iModalRef } from './Modal.interface';
3
+ declare const Modal: React.ForwardRefExoticComponent<iModalProps & React.RefAttributes<iModalRef>>;
4
4
  export { Modal };
@@ -1,30 +1,33 @@
1
- import type { MouseEventHandler, ReactNode } from 'react';
2
- import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
3
- import { fillGradientPropsType, tFillProps } from '../../types';
4
- export interface IModalLoaderProps {
1
+ import type { FocusEvent, MouseEvent, MouseEventHandler, ReactNode } from 'react';
2
+ import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
3
+ import type { tFillGradientProps, tFillProps } from '../../types';
4
+ interface iModalLoaderProps {
5
5
  }
6
- export interface IModalRef {
7
- isOpen: boolean;
8
- openModal: () => void;
6
+ interface iModalRef {
9
7
  closeModal: MouseEventHandler<HTMLDivElement>;
10
8
  modalElement: Element | HTMLDivElement | null;
9
+ openModal: () => void;
10
+ isOpen: boolean;
11
11
  }
12
- export interface IModalProps extends iStyleAttributes {
12
+ interface iModalProps extends iStyleAttributes {
13
+ id?: string;
13
14
  children?: ReactNode;
14
15
  className?: string;
15
16
  closeButton?: ReactNode;
16
17
  contentClassName?: string;
17
- id?: string;
18
- isOverlay?: boolean;
18
+ debug?: boolean;
19
+ modalQuerySelector?: string;
19
20
  overlayClassName?: string;
20
21
  overlayFill?: tFillProps;
21
- overlayFillGradient?: fillGradientPropsType;
22
+ overlayFillGradient?: tFillGradientProps;
22
23
  overlayOpacity?: string;
24
+ isCloseOnBlur?: boolean;
23
25
  isOpen: boolean;
26
+ isOverlay?: boolean;
24
27
  isScrollOnOpen?: boolean;
25
28
  isSetFocusOnOpen?: boolean;
26
- modalQuerySelector?: string;
27
- debug?: boolean;
28
- onCloseModal?: unknown;
29
- onOpenModal?: unknown;
29
+ onClickOverlay?: () => void;
30
+ onCloseModal?: (event?: FocusEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>) => void;
31
+ onOpenModal?: () => void;
30
32
  }
33
+ export type { iModalLoaderProps, iModalRef, iModalProps };
@@ -1,3 +1,3 @@
1
- import { IModalLoaderProps } from './Modal.interface';
2
- declare function ModalLoader(props: IModalLoaderProps): import("react/jsx-runtime").JSX.Element;
1
+ import { iModalLoaderProps } from './Modal.interface';
2
+ declare function ModalLoader(props: iModalLoaderProps): import("react/jsx-runtime").JSX.Element;
3
3
  export { ModalLoader };
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var ModalLoader = require('../ModalLoader-QyRlFIR4.js');
3
+ var ModalLoader = require('../ModalLoader-DRt-18Tr.js');
4
4
  require('../jsx-runtime-BBxmckJR.js');
5
5
  require('react');
6
6
  require('clsx');
@@ -16,7 +16,7 @@ require('../hooks/useStyles.js');
16
16
  require('lodash/maxBy');
17
17
  require('lodash/upperFirst');
18
18
  require('../hooks/styleAttributes.js');
19
- require('../Overlay-18bnPZPd.js');
19
+ require('../Overlay-CkN2X1BM.js');
20
20
  require('../Loader-C2D6fJk1.js');
21
21
  require('../Text-B0SULA92.js');
22
22
 
@@ -1,3 +1,3 @@
1
- import { IOverlayProps } from './Overlay.interface';
2
- declare function Overlay(props: IOverlayProps): import("react/jsx-runtime").JSX.Element;
1
+ import { iOverlayProps } from './Overlay.interface';
2
+ declare function Overlay(props: iOverlayProps): import("react/jsx-runtime").JSX.Element;
3
3
  export { Overlay };
@@ -1,10 +1,12 @@
1
- import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
2
- import { fillGradientPropsType, tFillProps } from '../../types';
3
- export interface IOverlayProps extends iStyleAttributes {
1
+ import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
2
+ import type { tFillGradientProps, tFillProps } from '../../types';
3
+ interface iOverlayProps extends iStyleAttributes {
4
4
  className?: string;
5
5
  fill?: tFillProps;
6
- fillGradient?: fillGradientPropsType;
6
+ fillGradient?: tFillGradientProps;
7
7
  opacity?: string;
8
8
  type?: string;
9
9
  isOverlay?: boolean;
10
+ onClick?: () => void;
10
11
  }
12
+ export type { iOverlayProps };
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Overlay = require('../Overlay-18bnPZPd.js');
3
+ var Overlay = require('../Overlay-CkN2X1BM.js');
4
4
  require('../jsx-runtime-BBxmckJR.js');
5
5
  require('react');
6
6
  require('clsx');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Response = require('../Response-DDEFfCC4.js');
3
+ var Response = require('../Response-CTawELy2.js');
4
4
  require('../jsx-runtime-BBxmckJR.js');
5
5
  require('react');
6
6
  require('clsx');
@@ -16,7 +16,7 @@ require('../hooks/useStyles.js');
16
16
  require('lodash/maxBy');
17
17
  require('lodash/upperFirst');
18
18
  require('../hooks/styleAttributes.js');
19
- require('../Button-xUrOQjVd.js');
19
+ require('../Button-DH5f_2bV.js');
20
20
  require('../Icon-C7ZJyN5o.js');
21
21
  require('../_tslib-CKiUdo7p.js');
22
22
  require('../Link-DRV1vzHd.js');
@@ -4,24 +4,24 @@ var Accordion = require('./Accordion-Ba4Use_H.js');
4
4
  var Avatar = require('./Avatar-BKK80aBG.js');
5
5
  var Badge = require('./Badge-C_bYrtVY.js');
6
6
  var Breadcrumbs = require('./Breadcrumbs-B7F96CYT.js');
7
- var Button = require('./Button-xUrOQjVd.js');
7
+ var Button = require('./Button-DH5f_2bV.js');
8
8
  var Caption = require('./Caption-f-OM1D-G.js');
9
9
  var Card = require('./Card-BhnTRJN5.js');
10
10
  var Cell = require('./Cell-Bc4BC1e3.js');
11
11
  var Checkbox = require('./Checkbox-C5EikmBn.js');
12
- var Chips = require('./Chips-D6tw75eZ.js');
12
+ var Chips = require('./Chips-wl8WgeWZ.js');
13
13
  var Choice = require('./Choice-DJOKyu8I.js');
14
14
  var Code = require('./Code-BJFoJBYh.js');
15
15
  var ContextMenuItem = require('./ContextMenuItem-CLU1xPrC.js');
16
- var CookiesWarning = require('./CookiesWarning-DaEYrVWy.js');
16
+ var CookiesWarning = require('./CookiesWarning-C-6cEf16.js');
17
17
  var DadataHintField = require('./DadataHintField-z7Mw-xDn.js');
18
- var DatePicker = require('./DatePicker-CBdRlgIa.js');
18
+ var DatePicker = require('./DatePicker-4tMTL9Nx.js');
19
19
  var Divider = require('./Divider-D92wY8Fn.js');
20
20
  var Dot = require('./Dot-CKWexdtn.js');
21
21
  var Drawer = require('./Drawer-AQqI18ra.js');
22
22
  var DropdownItem = require('./DropdownItem-2Nqtx3Vi.js');
23
23
  var FlexItem = require('./FlexItem-2KlvlTJY.js');
24
- var SwitchField = require('./SwitchField-D2V-28Fy.js');
24
+ var SwitchField = require('./SwitchField-C31Nbyyn.js');
25
25
  var GridRow = require('./GridRow-CAqZZGge.js');
26
26
  var Group = require('./Group-EFTg84wP.js');
27
27
  var HTMLContent = require('./HTMLContent-4vI2pdQC.js');
@@ -37,14 +37,14 @@ var Loader = require('./Loader-C2D6fJk1.js');
37
37
  var Logo = require('./Logo-CsOCRB7d.js');
38
38
  var Menu = require('./Menu-KYRzB912.js');
39
39
  var MenuItem = require('./MenuItem-D6T9WRQk.js');
40
- var ModalLoader = require('./ModalLoader-QyRlFIR4.js');
40
+ var ModalLoader = require('./ModalLoader-DRt-18Tr.js');
41
41
  var NotificationList = require('./NotificationList-DETpx50O.js');
42
42
  var index = require('./components/Page.js');
43
43
  var Pagination = require('./Pagination-DuykmIqr.js');
44
44
  var Radio = require('./Radio-Bvv59nEV.js');
45
45
  var RangeSlider = require('./RangeSlider-Dy53bTyY.js');
46
46
  var ScrollToView = require('./ScrollToView-DPhR0AQC.js');
47
- var Response = require('./Response-DDEFfCC4.js');
47
+ var Response = require('./Response-CTawELy2.js');
48
48
  var Scrollbar = require('./Scrollbar-DOujlQOb.js');
49
49
  var SearchResult = require('./SearchResult-CfZvZ2Rg.js');
50
50
  var Segmented = require('./Segmented-D9L6q-Sa.js');
@@ -80,7 +80,7 @@ require('crypto');
80
80
  require('react-dom');
81
81
  require('./floating-ui.dom-ma2MDAMT.js');
82
82
  require('react-inlinesvg');
83
- require('./Overlay-18bnPZPd.js');
83
+ require('./Overlay-CkN2X1BM.js');
84
84
  require('./context/Notifications.js');
85
85
  require('uuid');
86
86
  require('./constants/componentProps/alignDirection.js');
@@ -1 +1 @@
1
- export type fillGradientPropsType = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';
1
+ export type tFillGradientProps = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';
@@ -9,7 +9,7 @@ export type { captionPositionPropsType } from './componentProps/captionPosition'
9
9
  export type { tDirectionProps } from './componentProps/direction';
10
10
  export type { elevationPropsType } from './componentProps/elevation';
11
11
  export type { emojiSizePropsType } from './componentProps/emojiSize';
12
- export type { fillGradientPropsType } from './componentProps/fillGradient';
12
+ export type { tFillGradientProps } from './componentProps/fillGradient';
13
13
  export type { tFillHoverProps } from './componentProps/fillHover';
14
14
  export type { svgFillPropsType } from './componentProps/svgFill';
15
15
  export type { tFillProps } from './componentProps/fill';
@@ -1,4 +1,4 @@
1
- export { B as Button, b as buttonConfig } from '../Button-Vxs8zjSy.js';
1
+ export { B as Button, b as buttonConfig } from '../Button-CSzPxWyC.js';
2
2
  import '../jsx-runtime-C2uP7l8s.js';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -1,15 +1,15 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
3
- import { captionPositionPropsType, fillGradientPropsType, tFillProps } from '../../types';
3
+ import { captionPositionPropsType, tFillGradientProps, tFillProps } from '../../types';
4
4
  export interface ICaptionThemeColor {
5
5
  fill: tFillProps;
6
6
  fillMobile: tFillProps;
7
7
  fillTablet: tFillProps;
8
8
  fillDesktop: tFillProps;
9
- fillGradient: fillGradientPropsType;
10
- fillGradientMobile: fillGradientPropsType;
11
- fillGradientTablet: fillGradientPropsType;
12
- fillGradientDesktop: fillGradientPropsType;
9
+ fillGradient: tFillGradientProps;
10
+ fillGradientMobile: tFillGradientProps;
11
+ fillGradientTablet: tFillGradientProps;
12
+ fillGradientDesktop: tFillGradientProps;
13
13
  position: captionPositionPropsType;
14
14
  positionMobile: captionPositionPropsType;
15
15
  positionTablet: captionPositionPropsType;
@@ -16,9 +16,9 @@ interface iChipsThemeColor {
16
16
  fill?: tFillProps;
17
17
  fillActive?: tFillProps;
18
18
  fillHover?: tFillHoverProps;
19
- labelSize?: tTextSizeProps;
20
19
  labelTextActiveColor?: tTextColorProps;
21
20
  labelTextColor?: tTextColorProps;
21
+ labelTextSize?: tTextSizeProps;
22
22
  labelTextWeight?: tTextWeightProps;
23
23
  shape?: tShapeProps;
24
24
  size?: tSizeProps;
@@ -1,4 +1,4 @@
1
- export { C as Chips, c as chipsConfig } from '../Chips-uYPtUsLf.js';
1
+ export { C as Chips, c as chipsConfig } from '../Chips-Bd3ZFosY.js';
2
2
  import '../jsx-runtime-C2uP7l8s.js';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -1,4 +1,4 @@
1
- export { C as CookiesWarning } from '../CookiesWarning-Dc6YFhTn.js';
1
+ export { C as CookiesWarning } from '../CookiesWarning-B30eAOND.js';
2
2
  import '../jsx-runtime-C2uP7l8s.js';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -10,7 +10,7 @@ import '../context/UIContext.js';
10
10
  import 'prop-types';
11
11
  import '../hooks/useMediaQueries.js';
12
12
  import 'react-responsive';
13
- import '../Button-Vxs8zjSy.js';
13
+ import '../Button-CSzPxWyC.js';
14
14
  import '../hooks/useStyles.js';
15
15
  import 'lodash/maxBy';
16
16
  import 'lodash/upperFirst';
@@ -1,4 +1,4 @@
1
- export { D as DatePickerInput } from '../DatePicker-l1a-OAls.js';
1
+ export { D as DatePickerInput } from '../DatePicker-Bf7t1yiM.js';
2
2
  import '../_tslib-S-VPg1Cw.js';
3
3
  import '../jsx-runtime-C2uP7l8s.js';
4
4
  import 'react';
@@ -12,7 +12,7 @@ import '../context/UIContext.js';
12
12
  import 'prop-types';
13
13
  import '../hooks/useMediaQueries.js';
14
14
  import 'react-responsive';
15
- import '../Button-Vxs8zjSy.js';
15
+ import '../Button-CSzPxWyC.js';
16
16
  import '../hooks/useStyles.js';
17
17
  import 'lodash/maxBy';
18
18
  import 'lodash/upperFirst';
@@ -24,7 +24,7 @@ export interface IFormFieldProps extends iStyleAttributes {
24
24
  inputFill?: tFillProps;
25
25
  inputShape?: tShapeProps;
26
26
  label?: string;
27
- labelSize?: tTextSizeProps;
27
+ labelTextSize?: tTextSizeProps;
28
28
  labelTextColor?: tTextColorProps;
29
29
  labelTextWeight?: tTextWeightProps;
30
30
  message?: string;
@@ -1,4 +1,4 @@
1
- export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from '../SwitchField-BdrNzvfC.js';
1
+ export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from '../SwitchField-DCwEVCVg.js';
2
2
  import '../_tslib-S-VPg1Cw.js';
3
3
  import '../jsx-runtime-C2uP7l8s.js';
4
4
  import 'react';
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import { IModalProps, IModalRef } from './Modal.interface';
3
- declare const Modal: React.ForwardRefExoticComponent<IModalProps & React.RefAttributes<IModalRef>>;
2
+ import { iModalProps, iModalRef } from './Modal.interface';
3
+ declare const Modal: React.ForwardRefExoticComponent<iModalProps & React.RefAttributes<iModalRef>>;
4
4
  export { Modal };
@@ -1,30 +1,33 @@
1
- import type { MouseEventHandler, ReactNode } from 'react';
2
- import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
3
- import { fillGradientPropsType, tFillProps } from '../../types';
4
- export interface IModalLoaderProps {
1
+ import type { FocusEvent, MouseEvent, MouseEventHandler, ReactNode } from 'react';
2
+ import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
3
+ import type { tFillGradientProps, tFillProps } from '../../types';
4
+ interface iModalLoaderProps {
5
5
  }
6
- export interface IModalRef {
7
- isOpen: boolean;
8
- openModal: () => void;
6
+ interface iModalRef {
9
7
  closeModal: MouseEventHandler<HTMLDivElement>;
10
8
  modalElement: Element | HTMLDivElement | null;
9
+ openModal: () => void;
10
+ isOpen: boolean;
11
11
  }
12
- export interface IModalProps extends iStyleAttributes {
12
+ interface iModalProps extends iStyleAttributes {
13
+ id?: string;
13
14
  children?: ReactNode;
14
15
  className?: string;
15
16
  closeButton?: ReactNode;
16
17
  contentClassName?: string;
17
- id?: string;
18
- isOverlay?: boolean;
18
+ debug?: boolean;
19
+ modalQuerySelector?: string;
19
20
  overlayClassName?: string;
20
21
  overlayFill?: tFillProps;
21
- overlayFillGradient?: fillGradientPropsType;
22
+ overlayFillGradient?: tFillGradientProps;
22
23
  overlayOpacity?: string;
24
+ isCloseOnBlur?: boolean;
23
25
  isOpen: boolean;
26
+ isOverlay?: boolean;
24
27
  isScrollOnOpen?: boolean;
25
28
  isSetFocusOnOpen?: boolean;
26
- modalQuerySelector?: string;
27
- debug?: boolean;
28
- onCloseModal?: unknown;
29
- onOpenModal?: unknown;
29
+ onClickOverlay?: () => void;
30
+ onCloseModal?: (event?: FocusEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>) => void;
31
+ onOpenModal?: () => void;
30
32
  }
33
+ export type { iModalLoaderProps, iModalRef, iModalProps };
@@ -1,3 +1,3 @@
1
- import { IModalLoaderProps } from './Modal.interface';
2
- declare function ModalLoader(props: IModalLoaderProps): import("react/jsx-runtime").JSX.Element;
1
+ import { iModalLoaderProps } from './Modal.interface';
2
+ declare function ModalLoader(props: iModalLoaderProps): import("react/jsx-runtime").JSX.Element;
3
3
  export { ModalLoader };
@@ -1,4 +1,4 @@
1
- export { M as Modal, a as ModalLoader } from '../ModalLoader-Bk6l3vO9.js';
1
+ export { M as Modal, a as ModalLoader } from '../ModalLoader-4OS81u94.js';
2
2
  import '../jsx-runtime-C2uP7l8s.js';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -14,6 +14,6 @@ import '../hooks/useStyles.js';
14
14
  import 'lodash/maxBy';
15
15
  import 'lodash/upperFirst';
16
16
  import '../hooks/styleAttributes.js';
17
- import '../Overlay-C4gCb0sL.js';
17
+ import '../Overlay-DNPslUfY.js';
18
18
  import '../Loader-VCP1ZNcb.js';
19
19
  import '../Text-Dz-KPI5I.js';
@@ -1,3 +1,3 @@
1
- import { IOverlayProps } from './Overlay.interface';
2
- declare function Overlay(props: IOverlayProps): import("react/jsx-runtime").JSX.Element;
1
+ import { iOverlayProps } from './Overlay.interface';
2
+ declare function Overlay(props: iOverlayProps): import("react/jsx-runtime").JSX.Element;
3
3
  export { Overlay };
@@ -1,10 +1,12 @@
1
- import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
2
- import { fillGradientPropsType, tFillProps } from '../../types';
3
- export interface IOverlayProps extends iStyleAttributes {
1
+ import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
2
+ import type { tFillGradientProps, tFillProps } from '../../types';
3
+ interface iOverlayProps extends iStyleAttributes {
4
4
  className?: string;
5
5
  fill?: tFillProps;
6
- fillGradient?: fillGradientPropsType;
6
+ fillGradient?: tFillGradientProps;
7
7
  opacity?: string;
8
8
  type?: string;
9
9
  isOverlay?: boolean;
10
+ onClick?: () => void;
10
11
  }
12
+ export type { iOverlayProps };
@@ -1,4 +1,4 @@
1
- export { O as Overlay } from '../Overlay-C4gCb0sL.js';
1
+ export { O as Overlay } from '../Overlay-DNPslUfY.js';
2
2
  import '../jsx-runtime-C2uP7l8s.js';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -1,4 +1,4 @@
1
- export { R as Response, r as responseConfig } from '../Response-sCPsxYoM.js';
1
+ export { R as Response, r as responseConfig } from '../Response-BMRzGa5t.js';
2
2
  import '../jsx-runtime-C2uP7l8s.js';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -14,7 +14,7 @@ import '../hooks/useStyles.js';
14
14
  import 'lodash/maxBy';
15
15
  import 'lodash/upperFirst';
16
16
  import '../hooks/styleAttributes.js';
17
- import '../Button-Vxs8zjSy.js';
17
+ import '../Button-CSzPxWyC.js';
18
18
  import '../Icon-BLqnXYOO.js';
19
19
  import '../_tslib-S-VPg1Cw.js';
20
20
  import '../Link-DtzAAQn8.js';
@@ -2,24 +2,24 @@ export { A as Accordion, a as AccordionItem } from './Accordion-FIIzpSgl.js';
2
2
  export { A as Avatar } from './Avatar-DR2A8Na8.js';
3
3
  export { B as Badge, b as badgeConfig } from './Badge-CLV5v6N7.js';
4
4
  export { B as Breadcrumbs, a as BreadcrumbsItem } from './Breadcrumbs-CDKi6gOC.js';
5
- export { B as Button, b as buttonConfig } from './Button-Vxs8zjSy.js';
5
+ export { B as Button, b as buttonConfig } from './Button-CSzPxWyC.js';
6
6
  export { C as Caption } from './Caption-DDh0VFPJ.js';
7
7
  export { C as Card } from './Card-CvW4Qozl.js';
8
8
  export { C as Cell } from './Cell-3We_qMvM.js';
9
9
  export { C as Checkbox, c as checkboxConfig } from './Checkbox-0h4YosTW.js';
10
- export { C as Chips, c as chipsConfig } from './Chips-uYPtUsLf.js';
10
+ export { C as Chips, c as chipsConfig } from './Chips-Bd3ZFosY.js';
11
11
  export { C as Choice, c as choiceConfig } from './Choice-CeQ9Il98.js';
12
12
  export { C as Code } from './Code-1WUXVzfb.js';
13
13
  export { C as ContextMenu, a as ContextMenuItem } from './ContextMenuItem-KPAQQHlQ.js';
14
- export { C as CookiesWarning } from './CookiesWarning-Dc6YFhTn.js';
14
+ export { C as CookiesWarning } from './CookiesWarning-B30eAOND.js';
15
15
  export { D as DadataHintField } from './DadataHintField-CHJLsVjJ.js';
16
- export { D as DatePickerInput } from './DatePicker-l1a-OAls.js';
16
+ export { D as DatePickerInput } from './DatePicker-Bf7t1yiM.js';
17
17
  export { D as Divider } from './Divider-Dhj6sMWd.js';
18
18
  export { D as Dot } from './Dot-Bc0Ly45H.js';
19
19
  export { D as Drawer } from './Drawer-DkLkFSmD.js';
20
20
  export { D as Dropdown, a as DropdownItem } from './DropdownItem-CkojAA8a.js';
21
21
  export { F as Flex, a as FlexItem } from './FlexItem-DHmKl6e7.js';
22
- export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from './SwitchField-BdrNzvfC.js';
22
+ export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from './SwitchField-DCwEVCVg.js';
23
23
  export { G as Grid, a as GridItem, b as GridRow } from './GridRow-DRjyNWBh.js';
24
24
  export { G as Group, g as groupConfig } from './Group-DLmtajo8.js';
25
25
  export { H as HTMLContent } from './HTMLContent-CgbJTAy4.js';
@@ -35,14 +35,14 @@ export { L as Loader, l as loaderConfig } from './Loader-VCP1ZNcb.js';
35
35
  export { L as Logo, l as logoConfig } from './Logo-DCx_YOA2.js';
36
36
  export { M as Menu } from './Menu-C-TIWZeb.js';
37
37
  export { M as MenuItem, m as menuItemConfig } from './MenuItem-BbU9r8_D.js';
38
- export { M as Modal, a as ModalLoader } from './ModalLoader-Bk6l3vO9.js';
38
+ export { M as Modal, a as ModalLoader } from './ModalLoader-4OS81u94.js';
39
39
  export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from './NotificationList-CmXca2zs.js';
40
40
  export { Page } from './components/Page.js';
41
41
  export { P as Pagination } from './Pagination-BAbFsztK.js';
42
42
  export { R as Radio, r as radioConfig } from './Radio-BHqgR8WO.js';
43
43
  export { R as RangeSlider } from './RangeSlider-BPFVikab.js';
44
44
  export { S as ScrollToView } from './ScrollToView-W6XhacKJ.js';
45
- export { R as Response, r as responseConfig } from './Response-sCPsxYoM.js';
45
+ export { R as Response, r as responseConfig } from './Response-BMRzGa5t.js';
46
46
  export { S as Scrollbar } from './Scrollbar-DrRNpn12.js';
47
47
  export { S as SearchInput, a as SearchResult } from './SearchResult-6Vg0m_NA.js';
48
48
  export { S as Segmented, s as segmentedConfig } from './Segmented-BM1p7Ubz.js';
@@ -78,7 +78,7 @@ import 'crypto';
78
78
  import 'react-dom';
79
79
  import './floating-ui.dom-BV5qw-HP.js';
80
80
  import 'react-inlinesvg';
81
- import './Overlay-C4gCb0sL.js';
81
+ import './Overlay-DNPslUfY.js';
82
82
  import './context/Notifications.js';
83
83
  import 'uuid';
84
84
  import './constants/componentProps/alignDirection.js';
@@ -907,6 +907,9 @@ div.swiper-block__item {
907
907
  height: 100%;
908
908
  display: flex;
909
909
  align-items: center;
910
+ @media (--mobile) {
911
+ height: auto;
912
+ }
910
913
  }
911
914
  & .swiper-wrapper {
912
915
  align-items: center !important;
@@ -68,7 +68,7 @@ export default {
68
68
  options: fillProps,
69
69
  control: 'select',
70
70
  },
71
- labelSize: {
71
+ labelTextSize: {
72
72
  options: textSizeProps,
73
73
  control: 'inline-radio',
74
74
  },
@@ -103,7 +103,7 @@ export const Default = {
103
103
  shape: 'rounded',
104
104
  label: 'Chips',
105
105
  size: 'xxl',
106
- labelSize: 'xxl',
106
+ labelTextSize: 'xxl',
107
107
  },
108
108
  }
109
109
 
@@ -1 +1 @@
1
- export type fillGradientPropsType = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';
1
+ export type tFillGradientProps = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';
@@ -9,7 +9,7 @@ export type { captionPositionPropsType } from './componentProps/captionPosition'
9
9
  export type { tDirectionProps } from './componentProps/direction';
10
10
  export type { elevationPropsType } from './componentProps/elevation';
11
11
  export type { emojiSizePropsType } from './componentProps/emojiSize';
12
- export type { fillGradientPropsType } from './componentProps/fillGradient';
12
+ export type { tFillGradientProps } from './componentProps/fillGradient';
13
13
  export type { tFillHoverProps } from './componentProps/fillHover';
14
14
  export type { svgFillPropsType } from './componentProps/svgFill';
15
15
  export type { tFillProps } from './componentProps/fill';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.1.23",
3
+ "version": "1.1.25",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",