@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.
- package/dist/{Button-Vxs8zjSy.js → Button-CSzPxWyC.js} +1 -1
- package/dist/{Chips-uYPtUsLf.js → Chips-Bd3ZFosY.js} +3 -4
- package/dist/{CookiesWarning-Dc6YFhTn.js → CookiesWarning-B30eAOND.js} +1 -1
- package/dist/{DatePicker-l1a-OAls.js → DatePicker-Bf7t1yiM.js} +29 -13
- package/dist/{ModalLoader-Bk6l3vO9.js → ModalLoader-4OS81u94.js} +17 -24
- package/dist/{Overlay-C4gCb0sL.js → Overlay-DNPslUfY.js} +2 -2
- package/dist/{Response-sCPsxYoM.js → Response-BMRzGa5t.js} +1 -1
- package/dist/{SwitchField-BdrNzvfC.js → SwitchField-DCwEVCVg.js} +2 -2
- package/dist/cjs/{Button-xUrOQjVd.js → Button-DH5f_2bV.js} +1 -1
- package/dist/cjs/{Chips-D6tw75eZ.js → Chips-wl8WgeWZ.js} +3 -4
- package/dist/cjs/{CookiesWarning-DaEYrVWy.js → CookiesWarning-C-6cEf16.js} +1 -1
- package/dist/cjs/{DatePicker-CBdRlgIa.js → DatePicker-4tMTL9Nx.js} +29 -13
- package/dist/cjs/{ModalLoader-QyRlFIR4.js → ModalLoader-DRt-18Tr.js} +17 -24
- package/dist/cjs/{Overlay-18bnPZPd.js → Overlay-CkN2X1BM.js} +2 -2
- package/dist/cjs/{Response-DDEFfCC4.js → Response-CTawELy2.js} +1 -1
- package/dist/cjs/{SwitchField-D2V-28Fy.js → SwitchField-C31Nbyyn.js} +2 -2
- package/dist/cjs/components/Button.js +1 -1
- package/dist/cjs/components/Caption/Caption.interface.d.ts +5 -5
- package/dist/cjs/components/Chips/Chips.interface.d.ts +1 -1
- package/dist/cjs/components/Chips.js +1 -1
- package/dist/cjs/components/CookiesWarning.js +2 -2
- package/dist/cjs/components/DatePicker.js +2 -2
- package/dist/cjs/components/FormField/FormFiled.interface.d.ts +1 -1
- package/dist/cjs/components/FormField.js +1 -1
- package/dist/cjs/components/Modal/Modal.d.ts +2 -2
- package/dist/cjs/components/Modal/Modal.interface.d.ts +18 -15
- package/dist/cjs/components/Modal/ModalLoader.d.ts +2 -2
- package/dist/cjs/components/Modal.js +2 -2
- package/dist/cjs/components/Overlay/Overlay.d.ts +2 -2
- package/dist/cjs/components/Overlay/Overlay.interface.d.ts +6 -4
- package/dist/cjs/components/Overlay.js +1 -1
- package/dist/cjs/components/Response.js +2 -2
- package/dist/cjs/components.js +8 -8
- package/dist/cjs/types/componentProps/fillGradient.d.ts +1 -1
- package/dist/cjs/types/index.d.ts +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Caption/Caption.interface.d.ts +5 -5
- package/dist/components/Chips/Chips.interface.d.ts +1 -1
- package/dist/components/Chips.js +1 -1
- package/dist/components/CookiesWarning.js +2 -2
- package/dist/components/DatePicker.js +2 -2
- package/dist/components/FormField/FormFiled.interface.d.ts +1 -1
- package/dist/components/FormField.js +1 -1
- package/dist/components/Modal/Modal.d.ts +2 -2
- package/dist/components/Modal/Modal.interface.d.ts +18 -15
- package/dist/components/Modal/ModalLoader.d.ts +2 -2
- package/dist/components/Modal.js +2 -2
- package/dist/components/Overlay/Overlay.d.ts +2 -2
- package/dist/components/Overlay/Overlay.interface.d.ts +6 -4
- package/dist/components/Overlay.js +1 -1
- package/dist/components/Response.js +2 -2
- package/dist/components.js +8 -8
- package/dist/css/components/Swiper/Swiper.css +3 -0
- package/dist/stories/Chips.stories.js +2 -2
- package/dist/types/componentProps/fillGradient.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- 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 CookiesWarning = require('../CookiesWarning-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
27
|
+
labelTextSize?: tTextSizeProps;
|
|
28
28
|
labelTextColor?: tTextColorProps;
|
|
29
29
|
labelTextWeight?: tTextWeightProps;
|
|
30
30
|
message?: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
declare const Modal: React.ForwardRefExoticComponent<
|
|
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 {
|
|
4
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
18
|
-
|
|
18
|
+
debug?: boolean;
|
|
19
|
+
modalQuerySelector?: string;
|
|
19
20
|
overlayClassName?: string;
|
|
20
21
|
overlayFill?: tFillProps;
|
|
21
|
-
overlayFillGradient?:
|
|
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
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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 {
|
|
2
|
-
declare function ModalLoader(props:
|
|
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-
|
|
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-
|
|
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 {
|
|
2
|
-
declare function Overlay(props:
|
|
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 {
|
|
3
|
-
|
|
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?:
|
|
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 Response = require('../Response-
|
|
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-
|
|
19
|
+
require('../Button-DH5f_2bV.js');
|
|
20
20
|
require('../Icon-C7ZJyN5o.js');
|
|
21
21
|
require('../_tslib-CKiUdo7p.js');
|
|
22
22
|
require('../Link-DRV1vzHd.js');
|
package/dist/cjs/components.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
16
|
+
var CookiesWarning = require('./CookiesWarning-C-6cEf16.js');
|
|
17
17
|
var DadataHintField = require('./DadataHintField-z7Mw-xDn.js');
|
|
18
|
-
var DatePicker = require('./DatePicker-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
|
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 {
|
|
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,15 +1,15 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
-
import { captionPositionPropsType,
|
|
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:
|
|
10
|
-
fillGradientMobile:
|
|
11
|
-
fillGradientTablet:
|
|
12
|
-
fillGradientDesktop:
|
|
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;
|
package/dist/components/Chips.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { C as CookiesWarning } from '../CookiesWarning-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
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-
|
|
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 {
|
|
3
|
-
declare const Modal: React.ForwardRefExoticComponent<
|
|
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 {
|
|
4
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
18
|
-
|
|
18
|
+
debug?: boolean;
|
|
19
|
+
modalQuerySelector?: string;
|
|
19
20
|
overlayClassName?: string;
|
|
20
21
|
overlayFill?: tFillProps;
|
|
21
|
-
overlayFillGradient?:
|
|
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
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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 {
|
|
2
|
-
declare function ModalLoader(props:
|
|
1
|
+
import { iModalLoaderProps } from './Modal.interface';
|
|
2
|
+
declare function ModalLoader(props: iModalLoaderProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export { ModalLoader };
|
package/dist/components/Modal.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { M as Modal, a as ModalLoader } from '../ModalLoader-
|
|
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-
|
|
17
|
+
import '../Overlay-DNPslUfY.js';
|
|
18
18
|
import '../Loader-VCP1ZNcb.js';
|
|
19
19
|
import '../Text-Dz-KPI5I.js';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare function Overlay(props:
|
|
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 {
|
|
3
|
-
|
|
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?:
|
|
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 { R as Response, r as responseConfig } from '../Response-
|
|
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-
|
|
17
|
+
import '../Button-CSzPxWyC.js';
|
|
18
18
|
import '../Icon-BLqnXYOO.js';
|
|
19
19
|
import '../_tslib-S-VPg1Cw.js';
|
|
20
20
|
import '../Link-DtzAAQn8.js';
|
package/dist/components.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
81
|
+
import './Overlay-DNPslUfY.js';
|
|
82
82
|
import './context/Notifications.js';
|
|
83
83
|
import 'uuid';
|
|
84
84
|
import './constants/componentProps/alignDirection.js';
|
|
@@ -68,7 +68,7 @@ export default {
|
|
|
68
68
|
options: fillProps,
|
|
69
69
|
control: 'select',
|
|
70
70
|
},
|
|
71
|
-
|
|
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
|
-
|
|
106
|
+
labelTextSize: 'xxl',
|
|
107
107
|
},
|
|
108
108
|
}
|
|
109
109
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type tFillGradientProps = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -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 {
|
|
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';
|