@itcase/ui 1.1.15 → 1.1.16
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/{Accordion-DyOfdiGd.js → Accordion-DF2lqrVA.js} +15 -9
- package/dist/{Cell-DftU408q.js → Cell-D9Wa7coO.js} +4 -1
- package/dist/{Checkbox-C-H_Z4S_.js → Checkbox-i0qZk0sb.js} +8 -7
- package/dist/{Chips-BR_EPV82.js → Chips-BdK4kVmq.js} +9 -3
- package/dist/{DadataHintField-QzDwYdF1.js → DadataHintField-CHJLsVjJ.js} +1 -1
- package/dist/{DatePicker-CUmrPZZ-.js → DatePicker-CAgJ_CIz.js} +1 -1
- package/dist/{Input-CYMKQ0qF.js → Input-CYDtAlO-.js} +14 -12
- package/dist/{Logo-D6UNcO5P.js → Logo-D4NFjeqd.js} +2 -2
- package/dist/{ModalLoader-8l8YtIvz.js → ModalLoader-D17lZhS7.js} +8 -1
- package/dist/{Response-DzfL5Sy8.js → Response-m-8zeYeD.js} +2 -2
- package/dist/cjs/{Accordion-UbOVpiO4.js → Accordion-rCFDAon3.js} +15 -9
- package/dist/cjs/{Cell-BhsGTfV-.js → Cell-DEBk3Rbp.js} +4 -1
- package/dist/cjs/{Checkbox-B-1dwjii.js → Checkbox-BIvndDsy.js} +8 -7
- package/dist/cjs/{Chips-BcJttN22.js → Chips-i7zrI9aU.js} +9 -3
- package/dist/cjs/{DadataHintField-DQHPRLs0.js → DadataHintField-z7Mw-xDn.js} +1 -1
- package/dist/cjs/{DatePicker-DOmOhaU3.js → DatePicker-e4-8mC1N.js} +1 -1
- package/dist/cjs/{Input-BqKlyvEt.js → Input-vwyG3XF0.js} +13 -11
- package/dist/cjs/{Logo-De74wmbt.js → Logo-CcEF4P2z.js} +2 -2
- package/dist/cjs/{ModalLoader-A2KkSC3x.js → ModalLoader-Cddzca-W.js} +8 -1
- package/dist/cjs/{Response-DOQQr9jP.js → Response-CwdUpO-8.js} +2 -2
- package/dist/cjs/components/Accordion/Accordion.d.ts +2 -2
- package/dist/cjs/components/Accordion/Accordion.interface.d.ts +52 -52
- package/dist/cjs/components/Accordion/AccordionItem.d.ts +2 -2
- package/dist/cjs/components/Accordion.js +1 -1
- package/dist/cjs/components/Avatar/Avatar.interface.d.ts +12 -12
- package/dist/cjs/components/Badge/Badge.interface.d.ts +13 -13
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.interface.d.ts +35 -35
- package/dist/cjs/components/Button/Button.interface.d.ts +26 -26
- package/dist/cjs/components/Caption/Caption.interface.d.ts +7 -7
- package/dist/cjs/components/Card/Card.interface.d.ts +13 -13
- package/dist/cjs/components/Cell/Cell.interface.d.ts +27 -27
- package/dist/cjs/components/Cell.js +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.d.ts +3 -3
- package/dist/cjs/components/Checkbox/Checkbox.interface.d.ts +43 -44
- package/dist/cjs/components/Checkbox.js +1 -1
- package/dist/cjs/components/Chips/Chips.interface.d.ts +19 -16
- package/dist/cjs/components/Chips.js +1 -1
- package/dist/cjs/components/Choice/Choice.interface.d.ts +25 -25
- package/dist/cjs/components/Code/Code.interface.d.ts +16 -16
- package/dist/cjs/components/ContextMenu/ContextMenu.interface.d.ts +18 -18
- package/dist/cjs/components/CookiesWarning/CookiesWarning.interface.d.ts +9 -9
- package/dist/cjs/components/DadataHintField/DadataHintField.interface.d.ts +3 -3
- package/dist/cjs/components/DadataHintField.js +2 -2
- package/dist/cjs/components/DatePicker/DatePicker.interface.d.ts +46 -46
- package/dist/cjs/components/DatePicker.js +2 -2
- package/dist/cjs/components/Divider/Divider.interface.d.ts +23 -23
- package/dist/cjs/components/Dot/Dot.interface.d.ts +16 -16
- package/dist/cjs/components/Drawer/Drawer.interface.d.ts +2 -2
- package/dist/cjs/components/Dropdown/Dropdown.interface.d.ts +26 -26
- package/dist/cjs/components/Flex/Flex.interface.d.ts +30 -30
- package/dist/cjs/components/FormField/FormFiled.interface.d.ts +45 -45
- package/dist/cjs/components/Grid/Grid.interface.d.ts +31 -31
- package/dist/cjs/components/Group/Group.interface.d.ts +14 -14
- package/dist/cjs/components/Icon/Icon.interface.d.ts +29 -29
- package/dist/cjs/components/Image/Image.interface.d.ts +8 -8
- package/dist/cjs/components/Input/Input.d.ts +3 -3
- package/dist/cjs/components/Input/Input.interface.d.ts +36 -38
- package/dist/cjs/components/Input.js +1 -1
- package/dist/cjs/components/InputMask/Input.d.ts +3 -3
- package/dist/cjs/components/InputMask/Input.interface.d.ts +32 -32
- package/dist/cjs/components/InputPassword/InputPassword.interface.d.ts +30 -30
- package/dist/cjs/components/Label/Label.interface.d.ts +15 -15
- package/dist/cjs/components/Link/Link.interface.d.ts +21 -21
- package/dist/cjs/components/List/List.interface.d.ts +11 -11
- package/dist/cjs/components/Loader/Loader.interface.d.ts +11 -11
- package/dist/cjs/components/Logo/Logo.interface.d.ts +5 -5
- package/dist/cjs/components/Logo.js +1 -1
- package/dist/cjs/components/Menu/Menu.interface.d.ts +5 -5
- package/dist/cjs/components/MenuItem/MenuItem.interface.d.ts +21 -21
- package/dist/cjs/components/Modal/Modal.interface.d.ts +4 -4
- package/dist/cjs/components/Modal.js +1 -1
- package/dist/cjs/components/Notification/Notification.interface.d.ts +16 -16
- package/dist/cjs/components/Overlay/Overlay.interface.d.ts +4 -4
- package/dist/cjs/components/Pagination/Pagination.interface.d.ts +20 -20
- package/dist/cjs/components/Panel/Panel.interface.d.ts +19 -19
- package/dist/cjs/components/Radio/Radio.interface.d.ts +25 -25
- package/dist/cjs/components/RangeSlider/RangeSlider.interface.d.ts +12 -12
- package/dist/cjs/components/Response/Response.interface.d.ts +30 -28
- package/dist/cjs/components/Response.js +1 -1
- package/dist/cjs/components/ScrollOnDrag/ScrollOnDrag.interface.d.ts +9 -9
- package/dist/cjs/components/Scrollbar/Scrollbar.interface.d.ts +2 -2
- package/dist/cjs/components/Search/Search.interface.d.ts +23 -23
- package/dist/cjs/components/Segmented/Segmented.interface.d.ts +14 -14
- package/dist/cjs/components/SiteMenu/SiteMenu.interface.d.ts +9 -9
- package/dist/cjs/components/Swiper/Swiper.interface.d.ts +7 -7
- package/dist/cjs/components/Switch/Switch.interface.d.ts +2 -2
- package/dist/cjs/components/Tab/Tab.interface.d.ts +29 -29
- package/dist/cjs/components/Text/Text.interface.d.ts +20 -20
- package/dist/cjs/components/Textarea/Textarea.interface.d.ts +17 -17
- package/dist/cjs/components/Tile/Tile.interface.d.ts +15 -15
- package/dist/cjs/components/Title/Title.interface.d.ts +9 -9
- package/dist/cjs/components/Tooltip/Tooltip.interface.d.ts +13 -13
- package/dist/cjs/components/Video/Video.interface.d.ts +2 -2
- package/dist/cjs/components/Wrapper/Wrapper.interface.d.ts +4 -4
- package/dist/cjs/components.js +10 -10
- package/dist/cjs/constants/componentProps/textColor.js +1 -1
- package/dist/cjs/constants/componentProps/textColorActive.js +1 -1
- package/dist/cjs/constants/componentProps/textColorHover.js +1 -1
- package/dist/cjs/hooks/styleAttributes.interface.d.ts +4 -4
- package/dist/cjs/types/componentProps/appearanceKeys.d.ts +1 -1
- package/dist/cjs/types/componentProps/borderColor.d.ts +1 -1
- package/dist/cjs/types/componentProps/borderWidth.d.ts +1 -1
- package/dist/cjs/types/componentProps/direction.d.ts +1 -1
- package/dist/cjs/types/componentProps/fill.d.ts +1 -1
- package/dist/cjs/types/componentProps/fillHover.d.ts +1 -1
- package/dist/cjs/types/componentProps/height.d.ts +1 -1
- package/dist/cjs/types/componentProps/itemColor.d.ts +1 -1
- package/dist/cjs/types/componentProps/shape.d.ts +1 -1
- package/dist/cjs/types/componentProps/size.d.ts +1 -1
- package/dist/cjs/types/componentProps/stateKeys.d.ts +1 -1
- package/dist/cjs/types/componentProps/textColor.d.ts +1 -1
- package/dist/cjs/types/componentProps/textSize.d.ts +1 -1
- package/dist/cjs/types/componentProps/textWeight.d.ts +1 -1
- package/dist/cjs/types/componentProps/width.d.ts +1 -1
- package/dist/cjs/types/index.d.ts +13 -13
- package/dist/components/Accordion/Accordion.d.ts +2 -2
- package/dist/components/Accordion/Accordion.interface.d.ts +52 -52
- package/dist/components/Accordion/AccordionItem.d.ts +2 -2
- package/dist/components/Accordion.js +1 -1
- package/dist/components/Avatar/Avatar.interface.d.ts +12 -12
- package/dist/components/Badge/Badge.interface.d.ts +13 -13
- package/dist/components/Breadcrumbs/Breadcrumbs.interface.d.ts +35 -35
- package/dist/components/Button/Button.interface.d.ts +26 -26
- package/dist/components/Caption/Caption.interface.d.ts +7 -7
- package/dist/components/Card/Card.interface.d.ts +13 -13
- package/dist/components/Cell/Cell.interface.d.ts +27 -27
- package/dist/components/Cell.js +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +3 -3
- package/dist/components/Checkbox/Checkbox.interface.d.ts +43 -44
- package/dist/components/Checkbox.js +1 -1
- package/dist/components/Chips/Chips.interface.d.ts +19 -16
- package/dist/components/Chips.js +1 -1
- package/dist/components/Choice/Choice.interface.d.ts +25 -25
- package/dist/components/Code/Code.interface.d.ts +16 -16
- package/dist/components/ContextMenu/ContextMenu.interface.d.ts +18 -18
- package/dist/components/CookiesWarning/CookiesWarning.interface.d.ts +9 -9
- package/dist/components/DadataHintField/DadataHintField.interface.d.ts +3 -3
- package/dist/components/DadataHintField.js +2 -2
- package/dist/components/DatePicker/DatePicker.interface.d.ts +46 -46
- package/dist/components/DatePicker.js +2 -2
- package/dist/components/Divider/Divider.interface.d.ts +23 -23
- package/dist/components/Dot/Dot.interface.d.ts +16 -16
- package/dist/components/Drawer/Drawer.interface.d.ts +2 -2
- package/dist/components/Dropdown/Dropdown.interface.d.ts +26 -26
- package/dist/components/Flex/Flex.interface.d.ts +30 -30
- package/dist/components/FormField/FormFiled.interface.d.ts +45 -45
- package/dist/components/Grid/Grid.interface.d.ts +31 -31
- package/dist/components/Group/Group.interface.d.ts +14 -14
- package/dist/components/Icon/Icon.interface.d.ts +29 -29
- package/dist/components/Image/Image.interface.d.ts +8 -8
- package/dist/components/Input/Input.d.ts +3 -3
- package/dist/components/Input/Input.interface.d.ts +36 -38
- package/dist/components/Input.js +1 -1
- package/dist/components/InputMask/Input.d.ts +3 -3
- package/dist/components/InputMask/Input.interface.d.ts +32 -32
- package/dist/components/InputPassword/InputPassword.interface.d.ts +30 -30
- package/dist/components/Label/Label.interface.d.ts +15 -15
- package/dist/components/Link/Link.interface.d.ts +21 -21
- package/dist/components/List/List.interface.d.ts +11 -11
- package/dist/components/Loader/Loader.interface.d.ts +11 -11
- package/dist/components/Logo/Logo.interface.d.ts +5 -5
- package/dist/components/Logo.js +1 -1
- package/dist/components/Menu/Menu.interface.d.ts +5 -5
- package/dist/components/MenuItem/MenuItem.interface.d.ts +21 -21
- package/dist/components/Modal/Modal.interface.d.ts +4 -4
- package/dist/components/Modal.js +1 -1
- package/dist/components/Notification/Notification.interface.d.ts +16 -16
- package/dist/components/Overlay/Overlay.interface.d.ts +4 -4
- package/dist/components/Pagination/Pagination.interface.d.ts +20 -20
- package/dist/components/Panel/Panel.interface.d.ts +19 -19
- package/dist/components/Radio/Radio.interface.d.ts +25 -25
- package/dist/components/RangeSlider/RangeSlider.interface.d.ts +12 -12
- package/dist/components/Response/Response.interface.d.ts +30 -28
- package/dist/components/Response.js +1 -1
- package/dist/components/ScrollOnDrag/ScrollOnDrag.interface.d.ts +9 -9
- package/dist/components/Scrollbar/Scrollbar.interface.d.ts +2 -2
- package/dist/components/Search/Search.interface.d.ts +23 -23
- package/dist/components/Segmented/Segmented.interface.d.ts +14 -14
- package/dist/components/SiteMenu/SiteMenu.interface.d.ts +9 -9
- package/dist/components/Swiper/Swiper.interface.d.ts +7 -7
- package/dist/components/Switch/Switch.interface.d.ts +2 -2
- package/dist/components/Tab/Tab.interface.d.ts +29 -29
- package/dist/components/Text/Text.interface.d.ts +20 -20
- package/dist/components/Textarea/Textarea.interface.d.ts +17 -17
- package/dist/components/Tile/Tile.interface.d.ts +15 -15
- package/dist/components/Title/Title.interface.d.ts +9 -9
- package/dist/components/Tooltip/Tooltip.interface.d.ts +13 -13
- package/dist/components/Video/Video.interface.d.ts +2 -2
- package/dist/components/Wrapper/Wrapper.interface.d.ts +4 -4
- package/dist/components.js +10 -10
- package/dist/constants/componentProps/textColor.js +1 -1
- package/dist/constants/componentProps/textColorActive.js +1 -1
- package/dist/constants/componentProps/textColorHover.js +1 -1
- package/dist/css/components/RangeSlider/RangeSlider.css +4 -1
- package/dist/hooks/styleAttributes.interface.d.ts +4 -4
- package/dist/types/componentProps/appearanceKeys.d.ts +1 -1
- package/dist/types/componentProps/borderColor.d.ts +1 -1
- package/dist/types/componentProps/borderWidth.d.ts +1 -1
- package/dist/types/componentProps/direction.d.ts +1 -1
- package/dist/types/componentProps/fill.d.ts +1 -1
- package/dist/types/componentProps/fillHover.d.ts +1 -1
- package/dist/types/componentProps/height.d.ts +1 -1
- package/dist/types/componentProps/itemColor.d.ts +1 -1
- package/dist/types/componentProps/shape.d.ts +1 -1
- package/dist/types/componentProps/size.d.ts +1 -1
- package/dist/types/componentProps/stateKeys.d.ts +1 -1
- package/dist/types/componentProps/textColor.d.ts +1 -1
- package/dist/types/componentProps/textSize.d.ts +1 -1
- package/dist/types/componentProps/textWeight.d.ts +1 -1
- package/dist/types/componentProps/width.d.ts +1 -1
- package/dist/types/index.d.ts +13 -13
- package/package.json +4 -4
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { borderColorHoverPropsType,
|
|
4
|
-
import {
|
|
2
|
+
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
import { borderColorHoverPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillProps, tFillHoverProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps } from '../../types';
|
|
4
|
+
import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
5
5
|
export interface IBadgeThemeColor {
|
|
6
|
-
borderColor?:
|
|
6
|
+
borderColor?: tBorderColorProps;
|
|
7
7
|
borderColorHover?: borderColorHoverPropsType;
|
|
8
8
|
borderType?: borderTypePropsType;
|
|
9
|
-
borderWidth?:
|
|
10
|
-
fill?:
|
|
11
|
-
fillHover?:
|
|
12
|
-
shape?:
|
|
13
|
-
size?:
|
|
14
|
-
textColor?:
|
|
15
|
-
textSize?:
|
|
9
|
+
borderWidth?: tBorderWidthProps;
|
|
10
|
+
fill?: tFillProps;
|
|
11
|
+
fillHover?: tFillHoverProps;
|
|
12
|
+
shape?: tShapeProps;
|
|
13
|
+
size?: tSizeProps;
|
|
14
|
+
textColor?: tTextColorProps;
|
|
15
|
+
textSize?: tTextSizeProps;
|
|
16
16
|
}
|
|
17
|
-
type appearanceKeysType =
|
|
17
|
+
type appearanceKeysType = tAppearanceKeysDefault & {};
|
|
18
18
|
export type badgeAppearanceType = {
|
|
19
19
|
[key in appearanceKeysType]?: IBadgeThemeColor;
|
|
20
20
|
};
|
|
@@ -22,7 +22,7 @@ export interface IBadgeConfig {
|
|
|
22
22
|
appearance: badgeAppearanceType | undefined;
|
|
23
23
|
setAppearance: (newComponent: badgeAppearanceType) => void;
|
|
24
24
|
}
|
|
25
|
-
export interface IBadgeProps extends IBadgeThemeColor,
|
|
25
|
+
export interface IBadgeProps extends IBadgeThemeColor, iStyleAttributes {
|
|
26
26
|
appearance?: appearanceKeysType;
|
|
27
27
|
children?: ReactNode;
|
|
28
28
|
className?: string;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
export interface IBreadcrumbsItemProps extends
|
|
2
|
+
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
import { tDirectionProps, tFillProps, iconSizePropsType, positionPropsType, tShapeProps, textColorHoverPropsType, tTextColorProps, tTextSizeProps, underlinePropsType, tWidthProps } from '../../types';
|
|
4
|
+
export interface IBreadcrumbsItemProps extends iStyleAttributes {
|
|
5
5
|
children?: ReactNode;
|
|
6
6
|
className?: string;
|
|
7
7
|
cursor?: string;
|
|
8
|
-
fill?:
|
|
9
|
-
fillDesktop?:
|
|
10
|
-
fillMobile?:
|
|
11
|
-
fillTablet?:
|
|
8
|
+
fill?: tFillProps;
|
|
9
|
+
fillDesktop?: tFillProps;
|
|
10
|
+
fillMobile?: tFillProps;
|
|
11
|
+
fillTablet?: tFillProps;
|
|
12
12
|
href?: string;
|
|
13
13
|
iconAfter?: ElementType;
|
|
14
14
|
itemIconAfter?: ElementType;
|
|
15
|
-
iconAfterBgFill?:
|
|
16
|
-
iconAfterFill?:
|
|
15
|
+
iconAfterBgFill?: tFillProps;
|
|
16
|
+
iconAfterFill?: tFillProps;
|
|
17
17
|
iconAfterSize?: iconSizePropsType;
|
|
18
18
|
id?: string;
|
|
19
19
|
position?: positionPropsType;
|
|
@@ -21,19 +21,19 @@ export interface IBreadcrumbsItemProps extends TypeStyleAttributes {
|
|
|
21
21
|
positionMobile?: positionPropsType;
|
|
22
22
|
positionTablet?: positionPropsType;
|
|
23
23
|
set?: string;
|
|
24
|
-
shape?:
|
|
25
|
-
shapeDesktop?:
|
|
26
|
-
shapeMobile?:
|
|
27
|
-
shapeTablet?:
|
|
24
|
+
shape?: tShapeProps;
|
|
25
|
+
shapeDesktop?: tShapeProps;
|
|
26
|
+
shapeMobile?: tShapeProps;
|
|
27
|
+
shapeTablet?: tShapeProps;
|
|
28
28
|
tag?: string;
|
|
29
29
|
text?: string;
|
|
30
|
-
textColor?:
|
|
30
|
+
textColor?: tTextColorProps;
|
|
31
31
|
textColorHover?: textColorHoverPropsType;
|
|
32
|
-
textSize?:
|
|
32
|
+
textSize?: tTextSizeProps;
|
|
33
33
|
onClick?: () => void;
|
|
34
34
|
underline?: underlinePropsType;
|
|
35
35
|
}
|
|
36
|
-
export interface IBreadcrumbsProps extends
|
|
36
|
+
export interface IBreadcrumbsProps extends iStyleAttributes {
|
|
37
37
|
breadcrumbsList?: {
|
|
38
38
|
href?: string;
|
|
39
39
|
id?: string;
|
|
@@ -41,18 +41,18 @@ export interface IBreadcrumbsProps extends TypeStyleAttributes {
|
|
|
41
41
|
}[];
|
|
42
42
|
children?: ReactNode;
|
|
43
43
|
className?: string;
|
|
44
|
-
direction?:
|
|
45
|
-
directionDesktop?:
|
|
46
|
-
directionMobile?:
|
|
47
|
-
directionTablet?:
|
|
48
|
-
fill?:
|
|
49
|
-
fillDesktop?:
|
|
50
|
-
fillMobile?:
|
|
51
|
-
fillTablet?:
|
|
52
|
-
iconAfterBgFill?:
|
|
53
|
-
iconAfterFill?:
|
|
44
|
+
direction?: tDirectionProps;
|
|
45
|
+
directionDesktop?: tDirectionProps;
|
|
46
|
+
directionMobile?: tDirectionProps;
|
|
47
|
+
directionTablet?: tDirectionProps;
|
|
48
|
+
fill?: tFillProps;
|
|
49
|
+
fillDesktop?: tFillProps;
|
|
50
|
+
fillMobile?: tFillProps;
|
|
51
|
+
fillTablet?: tFillProps;
|
|
52
|
+
iconAfterBgFill?: tFillProps;
|
|
53
|
+
iconAfterFill?: tFillProps;
|
|
54
54
|
iconAfterSize?: iconSizePropsType;
|
|
55
|
-
itemTextColor?:
|
|
55
|
+
itemTextColor?: tTextColorProps;
|
|
56
56
|
itemTextColorHover?: textColorHoverPropsType;
|
|
57
57
|
itemUnderline?: underlinePropsType;
|
|
58
58
|
position?: positionPropsType;
|
|
@@ -60,12 +60,12 @@ export interface IBreadcrumbsProps extends TypeStyleAttributes {
|
|
|
60
60
|
positionMobile?: positionPropsType;
|
|
61
61
|
positionTablet?: positionPropsType;
|
|
62
62
|
set?: string;
|
|
63
|
-
shape?:
|
|
64
|
-
shapeDesktop?:
|
|
65
|
-
shapeMobile?:
|
|
66
|
-
shapeTablet?:
|
|
67
|
-
width?:
|
|
68
|
-
widthDesktop?:
|
|
69
|
-
widthMobile?:
|
|
70
|
-
widthTablet?:
|
|
63
|
+
shape?: tShapeProps;
|
|
64
|
+
shapeDesktop?: tShapeProps;
|
|
65
|
+
shapeMobile?: tShapeProps;
|
|
66
|
+
shapeTablet?: tShapeProps;
|
|
67
|
+
width?: tWidthProps;
|
|
68
|
+
widthDesktop?: tWidthProps;
|
|
69
|
+
widthMobile?: tWidthProps;
|
|
70
|
+
widthTablet?: tWidthProps;
|
|
71
71
|
}
|
|
@@ -1,45 +1,45 @@
|
|
|
1
1
|
import { CSSProperties, ElementType, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
import { tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, iconFillSizePropsType, iconSizePropsType, tItemColorProps, tShapeProps, tSizeProps, textColorHoverPropsType, tTextColorProps, tTextSizeProps, tTextWeightProps, textWrapPropsType, tWidthProps } from '../../types';
|
|
4
|
+
import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
5
5
|
export interface IButtonThemeColor {
|
|
6
|
-
borderColor?:
|
|
6
|
+
borderColor?: tBorderColorProps;
|
|
7
7
|
borderType?: borderTypePropsType;
|
|
8
|
-
borderWidth?:
|
|
8
|
+
borderWidth?: tBorderWidthProps;
|
|
9
9
|
elevation?: elevationPropsType;
|
|
10
|
-
fill?:
|
|
11
|
-
fillHover?:
|
|
12
|
-
fillIcon?:
|
|
13
|
-
fillIconAfter?:
|
|
14
|
-
fillIconBefore?:
|
|
15
|
-
iconAfterFill?:
|
|
10
|
+
fill?: tFillProps;
|
|
11
|
+
fillHover?: tFillHoverProps;
|
|
12
|
+
fillIcon?: tFillProps;
|
|
13
|
+
fillIconAfter?: tFillProps;
|
|
14
|
+
fillIconBefore?: tFillProps;
|
|
15
|
+
iconAfterFill?: tItemColorProps;
|
|
16
16
|
iconAfterFillSize?: iconFillSizePropsType;
|
|
17
|
-
iconAfterShape?:
|
|
17
|
+
iconAfterShape?: tShapeProps;
|
|
18
18
|
iconAfterSize?: iconSizePropsType;
|
|
19
19
|
iconAfterSrc?: string;
|
|
20
|
-
iconBeforeFill?:
|
|
20
|
+
iconBeforeFill?: tItemColorProps;
|
|
21
21
|
iconBeforeFillSize?: iconFillSizePropsType;
|
|
22
|
-
iconBeforeShape?:
|
|
22
|
+
iconBeforeShape?: tShapeProps;
|
|
23
23
|
iconBeforeSize?: iconSizePropsType;
|
|
24
24
|
iconBeforeSrc?: string;
|
|
25
|
-
iconFill?:
|
|
25
|
+
iconFill?: tItemColorProps;
|
|
26
26
|
iconFillSize?: iconFillSizePropsType;
|
|
27
|
-
iconShape?:
|
|
27
|
+
iconShape?: tShapeProps;
|
|
28
28
|
iconSize?: iconSizePropsType;
|
|
29
29
|
label?: string;
|
|
30
|
-
labelTextColor?:
|
|
30
|
+
labelTextColor?: tTextColorProps;
|
|
31
31
|
labelTextColorHover?: textColorHoverPropsType;
|
|
32
|
-
labelTextSize?:
|
|
33
|
-
labelTextWeight?:
|
|
32
|
+
labelTextSize?: tTextSizeProps;
|
|
33
|
+
labelTextWeight?: tTextWeightProps;
|
|
34
34
|
labelTextWrap?: textWrapPropsType;
|
|
35
|
-
loaderFill?:
|
|
36
|
-
loaderItemFill?:
|
|
35
|
+
loaderFill?: tFillProps;
|
|
36
|
+
loaderItemFill?: tItemColorProps;
|
|
37
37
|
loaderSet?: string;
|
|
38
|
-
shape?:
|
|
39
|
-
size?:
|
|
40
|
-
width?:
|
|
38
|
+
shape?: tShapeProps;
|
|
39
|
+
size?: tSizeProps;
|
|
40
|
+
width?: tWidthProps;
|
|
41
41
|
}
|
|
42
|
-
type appearanceKeysType =
|
|
42
|
+
type appearanceKeysType = tAppearanceKeysDefault & {};
|
|
43
43
|
export type buttonAppearanceType = {
|
|
44
44
|
[key in appearanceKeysType]?: IButtonThemeColor;
|
|
45
45
|
};
|
|
@@ -47,7 +47,7 @@ export interface IButtonConfig {
|
|
|
47
47
|
appearance: buttonAppearanceType | undefined;
|
|
48
48
|
setAppearance: (newComponent: buttonAppearanceType) => void;
|
|
49
49
|
}
|
|
50
|
-
export interface IButtonProps extends IButtonThemeColor,
|
|
50
|
+
export interface IButtonProps extends IButtonThemeColor, iStyleAttributes {
|
|
51
51
|
Badge?: ReactNode;
|
|
52
52
|
after?: ReactNode;
|
|
53
53
|
appearance?: appearanceKeysType;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { captionPositionPropsType, fillGradientPropsType,
|
|
2
|
+
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
import { captionPositionPropsType, fillGradientPropsType, tFillProps } from '../../types';
|
|
4
4
|
export interface ICaptionThemeColor {
|
|
5
|
-
fill:
|
|
6
|
-
fillMobile:
|
|
7
|
-
fillTablet:
|
|
8
|
-
fillDesktop:
|
|
5
|
+
fill: tFillProps;
|
|
6
|
+
fillMobile: tFillProps;
|
|
7
|
+
fillTablet: tFillProps;
|
|
8
|
+
fillDesktop: tFillProps;
|
|
9
9
|
fillGradient: fillGradientPropsType;
|
|
10
10
|
fillGradientMobile: fillGradientPropsType;
|
|
11
11
|
fillGradientTablet: fillGradientPropsType;
|
|
@@ -15,7 +15,7 @@ export interface ICaptionThemeColor {
|
|
|
15
15
|
positionTablet: captionPositionPropsType;
|
|
16
16
|
positionDesktop: captionPositionPropsType;
|
|
17
17
|
}
|
|
18
|
-
export interface ICaptionProps extends ICaptionThemeColor, Omit<
|
|
18
|
+
export interface ICaptionProps extends ICaptionThemeColor, Omit<iStyleAttributes, 'position'> {
|
|
19
19
|
children?: ReactNode;
|
|
20
20
|
className?: string;
|
|
21
21
|
}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
export interface ICardProps extends
|
|
2
|
+
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
import { tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps } from '../../types';
|
|
4
|
+
export interface ICardProps extends iStyleAttributes {
|
|
5
5
|
children?: ReactNode;
|
|
6
6
|
className?: string;
|
|
7
|
-
size?:
|
|
7
|
+
size?: tSizeProps;
|
|
8
8
|
src?: string;
|
|
9
9
|
text?: string;
|
|
10
|
-
textSize?:
|
|
11
|
-
textColor?:
|
|
10
|
+
textSize?: tTextSizeProps;
|
|
11
|
+
textColor?: tTextColorProps;
|
|
12
12
|
textTag?: ElementType;
|
|
13
13
|
title?: string;
|
|
14
|
-
titleSize?:
|
|
14
|
+
titleSize?: tTextSizeProps;
|
|
15
15
|
titleTag?: ElementType;
|
|
16
|
-
titleColor?:
|
|
16
|
+
titleColor?: tTextColorProps;
|
|
17
17
|
image?: ReactNode;
|
|
18
|
-
imageShape?:
|
|
18
|
+
imageShape?: tShapeProps;
|
|
19
19
|
type?: string;
|
|
20
|
-
shape?:
|
|
21
|
-
shapeMobile?:
|
|
22
|
-
shapeTablet?:
|
|
23
|
-
shapeDesktop?:
|
|
20
|
+
shape?: tShapeProps;
|
|
21
|
+
shapeMobile?: tShapeProps;
|
|
22
|
+
shapeTablet?: tShapeProps;
|
|
23
|
+
shapeDesktop?: tShapeProps;
|
|
24
24
|
width?: string;
|
|
25
25
|
widthMobile?: string;
|
|
26
26
|
widthTablet?: string;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
type appearanceKeysType =
|
|
6
|
-
export interface ICellProps extends
|
|
7
|
-
direction?:
|
|
2
|
+
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
import { tDirectionProps, tFillProps, iconFillSizePropsType, tItemColorProps, tShapeProps, tSizeProps, textAlignPropsType, tTextColorProps, tTextSizeProps, tTextWeightProps, textWrapPropsType } from '../../types';
|
|
4
|
+
import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
5
|
+
type appearanceKeysType = tAppearanceKeysDefault & {};
|
|
6
|
+
export interface ICellProps extends iStyleAttributes {
|
|
7
|
+
direction?: tDirectionProps;
|
|
8
8
|
after?: ReactNode;
|
|
9
9
|
before?: ReactNode;
|
|
10
10
|
className?: string;
|
|
@@ -15,44 +15,44 @@ export interface ICellProps extends TypeStyleAttributes {
|
|
|
15
15
|
set?: string;
|
|
16
16
|
showTitleLabel?: boolean;
|
|
17
17
|
showValueLabel?: boolean;
|
|
18
|
-
size?:
|
|
18
|
+
size?: tSizeProps;
|
|
19
19
|
title?: any;
|
|
20
20
|
titleIcon?: ElementType;
|
|
21
|
-
titleIconFill?:
|
|
22
|
-
titleIconFillHover?:
|
|
21
|
+
titleIconFill?: tFillProps;
|
|
22
|
+
titleIconFillHover?: tItemColorProps;
|
|
23
23
|
titleIconFillSize?: iconFillSizePropsType;
|
|
24
|
-
titleIconItemFill?:
|
|
25
|
-
titleIconShape?:
|
|
24
|
+
titleIconItemFill?: tItemColorProps;
|
|
25
|
+
titleIconShape?: tShapeProps;
|
|
26
26
|
titleIconSrc?: string;
|
|
27
27
|
titleLabel?: string;
|
|
28
28
|
titleLabelAppearance?: appearanceKeysType;
|
|
29
|
-
titleLabelShape?:
|
|
30
|
-
titleLabelSize?:
|
|
31
|
-
titleLabelTextSize?:
|
|
29
|
+
titleLabelShape?: tShapeProps;
|
|
30
|
+
titleLabelSize?: tSizeProps;
|
|
31
|
+
titleLabelTextSize?: tTextSizeProps;
|
|
32
32
|
titleTag?: ElementType;
|
|
33
|
-
titleTextColor?:
|
|
34
|
-
titleTextSize?:
|
|
33
|
+
titleTextColor?: tTextColorProps;
|
|
34
|
+
titleTextSize?: tTextSizeProps;
|
|
35
35
|
titleTextTruncate?: boolean;
|
|
36
|
-
titleTextWeight?:
|
|
36
|
+
titleTextWeight?: tTextWeightProps;
|
|
37
37
|
titleTextWrap?: textWrapPropsType;
|
|
38
38
|
value?: any;
|
|
39
39
|
valueIcon?: ElementType;
|
|
40
|
-
valueIconFill?:
|
|
41
|
-
valueIconFillHover?:
|
|
40
|
+
valueIconFill?: tFillProps;
|
|
41
|
+
valueIconFillHover?: tItemColorProps;
|
|
42
42
|
valueIconFillSize?: iconFillSizePropsType;
|
|
43
|
-
valueIconItemFill?:
|
|
44
|
-
valueIconShape?:
|
|
43
|
+
valueIconItemFill?: tItemColorProps;
|
|
44
|
+
valueIconShape?: tShapeProps;
|
|
45
45
|
valueIconSrc?: string;
|
|
46
46
|
valueLabel?: string;
|
|
47
47
|
valueLabelAppearance?: appearanceKeysType;
|
|
48
|
-
valueLabelShape?:
|
|
49
|
-
valueLabelSize?:
|
|
50
|
-
valueLabelTextSize?:
|
|
48
|
+
valueLabelShape?: tShapeProps;
|
|
49
|
+
valueLabelSize?: tSizeProps;
|
|
50
|
+
valueLabelTextSize?: tTextSizeProps;
|
|
51
51
|
valueTag?: ElementType;
|
|
52
52
|
valueTextAlign?: textAlignPropsType;
|
|
53
|
-
valueTextColor?:
|
|
54
|
-
valueTextSize?:
|
|
55
|
-
valueTextWeight?:
|
|
53
|
+
valueTextColor?: tTextColorProps;
|
|
54
|
+
valueTextSize?: tTextSizeProps;
|
|
55
|
+
valueTextWeight?: tTextWeightProps;
|
|
56
56
|
valueTextWrap?: textWrapPropsType;
|
|
57
57
|
zeroGap?: boolean;
|
|
58
58
|
zeroPadding?: boolean;
|
package/dist/components/Cell.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare const checkboxConfig:
|
|
3
|
-
declare function Checkbox(props:
|
|
1
|
+
import type { iCheckboxConfig, iCheckboxProps } from './Checkbox.interface';
|
|
2
|
+
declare const checkboxConfig: iCheckboxConfig;
|
|
3
|
+
declare function Checkbox(props: iCheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare namespace Checkbox {
|
|
5
5
|
var defaultProps: {
|
|
6
6
|
tag: string;
|
|
@@ -1,57 +1,56 @@
|
|
|
1
|
-
import { ElementType, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
descTextSize?: textSizePropsType;
|
|
8
|
-
descTextWeight?: textWeightPropsType;
|
|
9
|
-
fill?: fillPropsType;
|
|
10
|
-
labelTextColor?: textColorPropsType;
|
|
11
|
-
labelTextSize?: textSizePropsType;
|
|
12
|
-
labelTextWeight?: textWeightPropsType;
|
|
13
|
-
shape?: shapePropsType;
|
|
14
|
-
stateBorderColor?: borderColorPropsType;
|
|
15
|
-
stateBorderColorChecked?: borderColorPropsType;
|
|
16
|
-
stateBorderColorDisabled?: borderColorPropsType;
|
|
17
|
-
stateBorderColorDisabledChecked?: borderColorPropsType;
|
|
18
|
-
stateBorderWidth?: borderWidthPropsType;
|
|
19
|
-
stateCheckmarkFill?: itemColorPropsType;
|
|
20
|
-
stateCheckmarkFillDisabled?: itemColorPropsType;
|
|
21
|
-
stateFill?: fillPropsType;
|
|
22
|
-
stateFillChecked?: fillPropsType;
|
|
23
|
-
stateFillDisabled?: fillPropsType;
|
|
24
|
-
stateFillDisabledChecked?: fillPropsType;
|
|
25
|
-
stateShape?: shapePropsType;
|
|
26
|
-
width?: widthPropsType;
|
|
27
|
-
}
|
|
28
|
-
type appearanceKeysType = appearanceKeysDefaultType & {};
|
|
29
|
-
export type checkboxStateType = {
|
|
30
|
-
[key in appearanceKeysType]?: ICheckboxThemeColor;
|
|
1
|
+
import type { ElementType, ReactNode } from 'react';
|
|
2
|
+
import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
import type { tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
|
|
4
|
+
import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
5
|
+
type tCheckboxState = {
|
|
6
|
+
[key in tAppearanceKeysDefault]?: iCheckboxThemeColor;
|
|
31
7
|
};
|
|
32
|
-
|
|
33
|
-
[key in
|
|
8
|
+
type tCheckboxAppearance = {
|
|
9
|
+
[key in tAppearanceKeysDefault]?: iCheckboxThemeColor;
|
|
34
10
|
};
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
11
|
+
interface iCheckboxThemeColor {
|
|
12
|
+
descTextColor?: tTextColorProps;
|
|
13
|
+
descTextSize?: tTextSizeProps;
|
|
14
|
+
descTextWeight?: tTextWeightProps;
|
|
15
|
+
fill?: tFillProps;
|
|
16
|
+
labelTextColor?: tTextColorProps;
|
|
17
|
+
labelTextSize?: tTextSizeProps;
|
|
18
|
+
labelTextWeight?: tTextWeightProps;
|
|
19
|
+
shape?: tShapeProps;
|
|
20
|
+
stateBorderColor?: tBorderColorProps;
|
|
21
|
+
stateBorderColorChecked?: tBorderColorProps;
|
|
22
|
+
stateBorderColorDisabled?: tBorderColorProps;
|
|
23
|
+
stateBorderColorDisabledChecked?: tBorderColorProps;
|
|
24
|
+
stateBorderWidth?: tBorderWidthProps;
|
|
25
|
+
stateCheckmarkFill?: tItemColorProps;
|
|
26
|
+
stateCheckmarkFillDisabled?: tItemColorProps;
|
|
27
|
+
stateFill?: tFillProps;
|
|
28
|
+
stateFillChecked?: tFillProps;
|
|
29
|
+
stateFillDisabled?: tFillProps;
|
|
30
|
+
stateFillDisabledChecked?: tFillProps;
|
|
31
|
+
stateShape?: tShapeProps;
|
|
32
|
+
width?: tWidthProps;
|
|
33
|
+
}
|
|
34
|
+
interface iCheckboxConfig {
|
|
35
|
+
appearance: tCheckboxAppearance | undefined;
|
|
36
|
+
state: tCheckboxState | undefined;
|
|
37
|
+
setAppearance: (newComponent: tCheckboxAppearance) => void;
|
|
38
|
+
setState: (newComponent: tCheckboxState) => void;
|
|
40
39
|
}
|
|
41
|
-
|
|
40
|
+
interface iCheckboxProps extends iCheckboxThemeColor, iStyleAttributes {
|
|
41
|
+
id?: number | string;
|
|
42
42
|
Tag?: ElementType;
|
|
43
43
|
after?: ReactNode;
|
|
44
|
-
appearance?:
|
|
44
|
+
appearance?: tAppearanceKeysDefault;
|
|
45
45
|
before?: ReactNode;
|
|
46
46
|
checked?: boolean;
|
|
47
47
|
className?: string;
|
|
48
48
|
desc?: string;
|
|
49
49
|
disabled?: boolean;
|
|
50
|
-
id?: number | string;
|
|
51
50
|
label?: string;
|
|
52
51
|
value?: string;
|
|
53
|
-
onBlur?: () => void;
|
|
54
|
-
onChange?: () => void;
|
|
55
|
-
onFocus?: () => void;
|
|
52
|
+
onBlur?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
53
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
54
|
+
onFocus?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
56
55
|
}
|
|
57
|
-
export {};
|
|
56
|
+
export type { iCheckboxThemeColor, tCheckboxState, tCheckboxAppearance, iCheckboxConfig, iCheckboxProps, };
|
|
@@ -1,27 +1,29 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { alignDirectionPropsType, alignPropsType,
|
|
4
|
-
import {
|
|
2
|
+
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
import { alignDirectionPropsType, alignPropsType, tBorderColorProps, borderTypePropsType, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
|
|
4
|
+
import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
5
5
|
export interface IChipsThemeColor {
|
|
6
6
|
align?: alignPropsType;
|
|
7
7
|
alignDirection?: alignDirectionPropsType;
|
|
8
|
-
borderColor?:
|
|
9
|
-
borderColorDesktop?:
|
|
10
|
-
borderColorMobile?:
|
|
11
|
-
borderColorTablet?:
|
|
8
|
+
borderColor?: tBorderColorProps;
|
|
9
|
+
borderColorDesktop?: tBorderColorProps;
|
|
10
|
+
borderColorMobile?: tBorderColorProps;
|
|
11
|
+
borderColorTablet?: tBorderColorProps;
|
|
12
12
|
borderType?: borderTypePropsType;
|
|
13
13
|
borderTypeDesktop?: borderTypePropsType;
|
|
14
14
|
borderTypeMobile?: borderTypePropsType;
|
|
15
15
|
borderTypeTablet?: borderTypePropsType;
|
|
16
|
-
fill?:
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
16
|
+
fill?: tFillProps;
|
|
17
|
+
fillActive?: tFillProps;
|
|
18
|
+
fillHover?: tFillHoverProps;
|
|
19
|
+
labelTextActiveColor?: tTextColorProps;
|
|
20
|
+
labelTextColor?: tTextColorProps;
|
|
21
|
+
labelTextSize?: tTextSizeProps;
|
|
22
|
+
labelTextWeight?: tTextWeightProps;
|
|
23
|
+
shape?: tShapeProps;
|
|
24
|
+
size?: tSizeProps;
|
|
23
25
|
}
|
|
24
|
-
type appearanceKeysType =
|
|
26
|
+
type appearanceKeysType = tAppearanceKeysDefault & {};
|
|
25
27
|
export type chipsAppearanceType = {
|
|
26
28
|
[key in appearanceKeysType]?: IChipsThemeColor;
|
|
27
29
|
};
|
|
@@ -29,11 +31,12 @@ export interface IChipsConfig {
|
|
|
29
31
|
appearance: chipsAppearanceType | undefined;
|
|
30
32
|
setAppearance: (newComponent: chipsAppearanceType) => void;
|
|
31
33
|
}
|
|
32
|
-
export interface IChipsProps extends IChipsThemeColor,
|
|
34
|
+
export interface IChipsProps extends IChipsThemeColor, iStyleAttributes {
|
|
33
35
|
appearance?: appearanceKeysType;
|
|
34
36
|
children?: ReactNode;
|
|
35
37
|
className?: string;
|
|
36
38
|
cursor?: string;
|
|
39
|
+
isActive?: boolean;
|
|
37
40
|
label?: string;
|
|
38
41
|
style?: CSSProperties;
|
|
39
42
|
type?: string;
|
package/dist/components/Chips.js
CHANGED