@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,45 +1,45 @@
|
|
|
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, tDirectionProps, tFillHoverProps, tFillProps, justifyContentPropsType, tShapeProps, tSizeProps, textColorActivePropsType, textColorHoverPropsType, tTextColorProps, textGradientPropsType, tTextSizeProps, textStylePropsType, tTextWeightProps, textWrapPropsType, tWidthProps } from '../../types';
|
|
4
|
+
import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
5
5
|
export interface ITabThemeColor {
|
|
6
6
|
align?: alignPropsType;
|
|
7
7
|
alignDirection?: alignDirectionPropsType;
|
|
8
8
|
badgeAppearance?: appearanceKeysType;
|
|
9
|
-
badgeSize?:
|
|
10
|
-
badgeTextColor?:
|
|
11
|
-
badgeTextSize?:
|
|
9
|
+
badgeSize?: tSizeProps;
|
|
10
|
+
badgeTextColor?: tTextColorProps;
|
|
11
|
+
badgeTextSize?: tTextSizeProps;
|
|
12
12
|
badgeValue?: string;
|
|
13
|
-
dividerDirection?:
|
|
14
|
-
dividerFill?:
|
|
15
|
-
dividerFillActive?:
|
|
16
|
-
dividerFillActiveHover?:
|
|
17
|
-
dividerFillDisabled?:
|
|
18
|
-
dividerFillHover?:
|
|
19
|
-
dividerSize?:
|
|
20
|
-
fill?:
|
|
21
|
-
fillActive?:
|
|
22
|
-
fillActiveHover?:
|
|
23
|
-
fillDisabled?:
|
|
24
|
-
fillHover?:
|
|
13
|
+
dividerDirection?: tDirectionProps;
|
|
14
|
+
dividerFill?: tFillProps;
|
|
15
|
+
dividerFillActive?: tFillProps;
|
|
16
|
+
dividerFillActiveHover?: tFillHoverProps;
|
|
17
|
+
dividerFillDisabled?: tFillProps;
|
|
18
|
+
dividerFillHover?: tFillHoverProps;
|
|
19
|
+
dividerSize?: tSizeProps;
|
|
20
|
+
fill?: tFillProps;
|
|
21
|
+
fillActive?: tFillProps;
|
|
22
|
+
fillActiveHover?: tFillHoverProps;
|
|
23
|
+
fillDisabled?: tFillProps;
|
|
24
|
+
fillHover?: tFillHoverProps;
|
|
25
25
|
justifyContent?: justifyContentPropsType;
|
|
26
26
|
label?: string;
|
|
27
|
-
labelColor?:
|
|
27
|
+
labelColor?: tTextColorProps;
|
|
28
28
|
labelColorActive?: textColorActivePropsType;
|
|
29
|
-
labelColorDisabled?:
|
|
29
|
+
labelColorDisabled?: tTextColorProps;
|
|
30
30
|
labelTextColorHover?: textColorHoverPropsType;
|
|
31
31
|
labelTextGradient?: textGradientPropsType;
|
|
32
|
-
labelTextSize?:
|
|
32
|
+
labelTextSize?: tTextSizeProps;
|
|
33
33
|
labelTextStyle?: textStylePropsType;
|
|
34
|
-
labelTextWeight?:
|
|
34
|
+
labelTextWeight?: tTextWeightProps;
|
|
35
35
|
labelTextWrap?: textWrapPropsType;
|
|
36
|
-
linkFill?:
|
|
37
|
-
shape?:
|
|
38
|
-
size?:
|
|
36
|
+
linkFill?: tFillProps;
|
|
37
|
+
shape?: tShapeProps;
|
|
38
|
+
size?: tSizeProps;
|
|
39
39
|
type?: string;
|
|
40
|
-
width?:
|
|
40
|
+
width?: tWidthProps;
|
|
41
41
|
}
|
|
42
|
-
type appearanceKeysType =
|
|
42
|
+
type appearanceKeysType = tAppearanceKeysDefault & {};
|
|
43
43
|
export type tabAppearanceType = {
|
|
44
44
|
[key in appearanceKeysType]?: ITabThemeColor;
|
|
45
45
|
};
|
|
@@ -47,7 +47,7 @@ export interface ITabConfig {
|
|
|
47
47
|
appearance: tabAppearanceType | undefined;
|
|
48
48
|
setAppearance: (newComponent: tabAppearanceType) => void;
|
|
49
49
|
}
|
|
50
|
-
export interface ITabProps extends ITabThemeColor,
|
|
50
|
+
export interface ITabProps extends ITabThemeColor, iStyleAttributes {
|
|
51
51
|
after?: ReactNode;
|
|
52
52
|
appearance?: appearanceKeysType;
|
|
53
53
|
before?: ReactNode;
|
|
@@ -67,7 +67,7 @@ export interface ITabProps extends ITabThemeColor, TypeStyleAttributes {
|
|
|
67
67
|
onClick?: () => void;
|
|
68
68
|
onMouseEnter?: () => void;
|
|
69
69
|
}
|
|
70
|
-
export interface ITabGroupProps extends
|
|
70
|
+
export interface ITabGroupProps extends iStyleAttributes {
|
|
71
71
|
children?: ReactNode;
|
|
72
72
|
className?: string;
|
|
73
73
|
dataTour?: string;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { CSSProperties, ElementType, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
import { tSizeProps, textAlignPropsType, textColorActivePropsType, textColorHoverPropsType, tTextColorProps, textGradientPropsType, tTextSizeProps, textStylePropsType, tTextWeightProps, textWrapPropsType, typePropsType, tWidthProps } from '../../types';
|
|
4
|
+
import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
5
5
|
interface ITextThemeColor {
|
|
6
|
-
size?:
|
|
7
|
-
textColor?:
|
|
6
|
+
size?: tSizeProps;
|
|
7
|
+
textColor?: tTextColorProps;
|
|
8
8
|
textColorActive?: textColorActivePropsType;
|
|
9
9
|
textColorGradient?: textGradientPropsType;
|
|
10
10
|
textColorHover?: textColorHoverPropsType;
|
|
11
11
|
}
|
|
12
|
-
type appearanceKeysType =
|
|
12
|
+
type appearanceKeysType = tAppearanceKeysDefault & {};
|
|
13
13
|
type appearanceType = {
|
|
14
14
|
[key in appearanceKeysType]: ITextThemeColor;
|
|
15
15
|
};
|
|
@@ -17,7 +17,7 @@ export interface ITextConfig {
|
|
|
17
17
|
appearance: appearanceType | undefined;
|
|
18
18
|
setAppearance: (newComponent: appearanceType) => void;
|
|
19
19
|
}
|
|
20
|
-
export interface ITextProps extends ITextThemeColor,
|
|
20
|
+
export interface ITextProps extends ITextThemeColor, iStyleAttributes {
|
|
21
21
|
after?: ReactNode;
|
|
22
22
|
appearance?: appearanceKeysType;
|
|
23
23
|
before?: ReactNode;
|
|
@@ -32,24 +32,24 @@ export interface ITextProps extends ITextThemeColor, TypeStyleAttributes {
|
|
|
32
32
|
tag?: ElementType;
|
|
33
33
|
onClick?: () => void;
|
|
34
34
|
onDoubleClick?: () => void;
|
|
35
|
-
sizeDesktop?:
|
|
36
|
-
sizeMobile?:
|
|
37
|
-
sizeTablet?:
|
|
38
|
-
textColorDesktop?:
|
|
39
|
-
textColorMobile?:
|
|
40
|
-
textColorTablet?:
|
|
41
|
-
textWeightDesktop?:
|
|
42
|
-
textWeightMobile?:
|
|
43
|
-
textWeightTablet?:
|
|
35
|
+
sizeDesktop?: tSizeProps;
|
|
36
|
+
sizeMobile?: tSizeProps;
|
|
37
|
+
sizeTablet?: tSizeProps;
|
|
38
|
+
textColorDesktop?: tTextColorProps;
|
|
39
|
+
textColorMobile?: tTextColorProps;
|
|
40
|
+
textColorTablet?: tTextColorProps;
|
|
41
|
+
textWeightDesktop?: tTextWeightProps;
|
|
42
|
+
textWeightMobile?: tTextWeightProps;
|
|
43
|
+
textWeightTablet?: tTextWeightProps;
|
|
44
44
|
type?: typePropsType;
|
|
45
45
|
cursor?: string;
|
|
46
|
-
size?:
|
|
46
|
+
size?: tTextSizeProps;
|
|
47
47
|
textAlign?: textAlignPropsType;
|
|
48
|
-
textColor?:
|
|
48
|
+
textColor?: tTextColorProps;
|
|
49
49
|
textStyle?: textStylePropsType;
|
|
50
50
|
textTruncate?: boolean;
|
|
51
|
-
textWeight?:
|
|
51
|
+
textWeight?: tTextWeightProps;
|
|
52
52
|
textWrap?: textWrapPropsType;
|
|
53
|
-
width?:
|
|
53
|
+
width?: tWidthProps;
|
|
54
54
|
}
|
|
55
55
|
export {};
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { borderColorHoverPropsType,
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
2
|
+
import { borderColorHoverPropsType, tBorderColorProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
|
|
3
|
+
import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
4
|
+
import { tStateKeysDefault } from '../../types/componentProps/stateKeys';
|
|
5
5
|
export interface ITextareaThemeColor {
|
|
6
|
-
borderColor?:
|
|
6
|
+
borderColor?: tBorderColorProps;
|
|
7
7
|
borderHover?: borderColorHoverPropsType;
|
|
8
|
-
caret?:
|
|
9
|
-
fill?:
|
|
10
|
-
placeholderTextColor?:
|
|
11
|
-
shape?:
|
|
12
|
-
size?:
|
|
13
|
-
textColor?:
|
|
14
|
-
textSize?:
|
|
15
|
-
textWeight?:
|
|
16
|
-
width?:
|
|
8
|
+
caret?: tItemColorProps;
|
|
9
|
+
fill?: tFillProps;
|
|
10
|
+
placeholderTextColor?: tTextColorProps;
|
|
11
|
+
shape?: tShapeProps;
|
|
12
|
+
size?: tSizeProps;
|
|
13
|
+
textColor?: tTextColorProps;
|
|
14
|
+
textSize?: tTextSizeProps;
|
|
15
|
+
textWeight?: tTextWeightProps;
|
|
16
|
+
width?: tWidthProps;
|
|
17
17
|
}
|
|
18
|
-
type appearanceKeysType =
|
|
19
|
-
type stateKeysType =
|
|
18
|
+
type appearanceKeysType = tAppearanceKeysDefault & {};
|
|
19
|
+
type stateKeysType = tStateKeysDefault & {};
|
|
20
20
|
export type textareaAppearanceType = {
|
|
21
21
|
[key in appearanceKeysType]?: ITextareaThemeColor;
|
|
22
22
|
};
|
|
@@ -29,7 +29,7 @@ export interface ITextareaConfig {
|
|
|
29
29
|
appearance: textareaAppearanceType | undefined;
|
|
30
30
|
setAppearance: (newComponent: textareaAppearanceType) => void;
|
|
31
31
|
}
|
|
32
|
-
export interface ITextareaProps extends ITextareaThemeColor,
|
|
32
|
+
export interface ITextareaProps extends ITextareaThemeColor, iStyleAttributes {
|
|
33
33
|
appearance?: appearanceKeysType;
|
|
34
34
|
className?: string;
|
|
35
35
|
disabled?: boolean;
|
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { alignDirectionPropsType, alignPropsType, borderColorHoverPropsType,
|
|
4
|
-
export interface ITileProps extends
|
|
2
|
+
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
import { alignDirectionPropsType, alignPropsType, borderColorHoverPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, tDirectionProps, tFillProps, tShapeProps, tSizeProps, textAlignPropsType, tTextColorProps, tTextSizeProps, tTextWeightProps, textWrapPropsType, titleSizePropsType } from '../../types';
|
|
4
|
+
export interface ITileProps extends iStyleAttributes {
|
|
5
5
|
after?: ReactNode;
|
|
6
6
|
align?: alignPropsType;
|
|
7
7
|
alignDirection?: alignDirectionPropsType;
|
|
8
8
|
badge?: string;
|
|
9
|
-
badgeSize?:
|
|
10
|
-
badgeTextColor?:
|
|
11
|
-
badgeTextSize?:
|
|
9
|
+
badgeSize?: tSizeProps;
|
|
10
|
+
badgeTextColor?: tTextColorProps;
|
|
11
|
+
badgeTextSize?: tTextSizeProps;
|
|
12
12
|
before?: ReactNode;
|
|
13
|
-
borderColor?:
|
|
13
|
+
borderColor?: tBorderColorProps;
|
|
14
14
|
borderColorHover?: borderColorHoverPropsType;
|
|
15
15
|
borderType?: borderTypePropsType;
|
|
16
|
-
borderWidth?:
|
|
16
|
+
borderWidth?: tBorderWidthProps;
|
|
17
17
|
children?: ReactNode;
|
|
18
18
|
className?: string;
|
|
19
|
-
direction?:
|
|
20
|
-
fill?:
|
|
19
|
+
direction?: tDirectionProps;
|
|
20
|
+
fill?: tFillProps;
|
|
21
21
|
reverse?: boolean;
|
|
22
|
-
shape?:
|
|
22
|
+
shape?: tShapeProps;
|
|
23
23
|
size?: string;
|
|
24
24
|
style?: CSSProperties;
|
|
25
25
|
text?: string;
|
|
26
|
-
textColor?:
|
|
27
|
-
textSize?:
|
|
26
|
+
textColor?: tTextColorProps;
|
|
27
|
+
textSize?: tTextSizeProps;
|
|
28
28
|
textWrap?: textWrapPropsType;
|
|
29
29
|
title?: string;
|
|
30
30
|
titleTextAlign?: textAlignPropsType;
|
|
31
|
-
titleTextColor?:
|
|
31
|
+
titleTextColor?: tTextColorProps;
|
|
32
32
|
titleTextSize?: titleSizePropsType;
|
|
33
|
-
titleTextWeight?:
|
|
33
|
+
titleTextWeight?: tTextWeightProps;
|
|
34
34
|
titleTextWrap?: textWrapPropsType;
|
|
35
35
|
type?: string;
|
|
36
36
|
onClick?: () => void;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { CSSProperties, ElementType, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
import { tFillProps, textAlignPropsType, textColorActivePropsType, textColorHoverPropsType, tTextColorProps, textGradientPropsType, textStylePropsType, tTextWeightProps, textWrapPropsType, titleSizePropsType, svgFillPropsType } from '../../types';
|
|
4
|
+
import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
5
5
|
interface ITitleThemeColor {
|
|
6
|
-
fill?:
|
|
6
|
+
fill?: tFillProps;
|
|
7
7
|
size?: titleSizePropsType;
|
|
8
8
|
sizeDesktop?: titleSizePropsType;
|
|
9
9
|
sizeMobile?: titleSizePropsType;
|
|
10
10
|
sizeTablet?: titleSizePropsType;
|
|
11
|
-
textColor?:
|
|
11
|
+
textColor?: tTextColorProps;
|
|
12
12
|
textColorActive?: textColorActivePropsType;
|
|
13
13
|
textColorHover?: textColorHoverPropsType;
|
|
14
14
|
textGradient?: textGradientPropsType;
|
|
15
15
|
textStyle?: textStylePropsType;
|
|
16
|
-
textWeight?:
|
|
16
|
+
textWeight?: tTextWeightProps;
|
|
17
17
|
textWrap?: textWrapPropsType;
|
|
18
|
-
weight?:
|
|
18
|
+
weight?: tTextWeightProps;
|
|
19
19
|
svgFill?: svgFillPropsType;
|
|
20
20
|
svgFillHover?: svgFillPropsType;
|
|
21
21
|
}
|
|
22
|
-
type appearanceKeysType =
|
|
22
|
+
type appearanceKeysType = tAppearanceKeysDefault & {};
|
|
23
23
|
type appearanceType = {
|
|
24
24
|
[key in appearanceKeysType]: ITitleThemeColor;
|
|
25
25
|
};
|
|
@@ -27,7 +27,7 @@ export interface ITitleConfig {
|
|
|
27
27
|
appearance: appearanceType | undefined;
|
|
28
28
|
setAppearance: (newComponent: appearanceType) => void;
|
|
29
29
|
}
|
|
30
|
-
export interface ITitleProps extends ITitleThemeColor,
|
|
30
|
+
export interface ITitleProps extends ITitleThemeColor, iStyleAttributes {
|
|
31
31
|
appearance?: appearanceKeysType;
|
|
32
32
|
children: ReactNode;
|
|
33
33
|
className?: string;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { alignDirectionPropsType, alignmentPropsType, alignPropsType,
|
|
4
|
-
import {
|
|
2
|
+
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
import { alignDirectionPropsType, alignmentPropsType, alignPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, titleSizePropsType } from '../../types';
|
|
4
|
+
import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
5
5
|
export interface ITooltipThemeColor {
|
|
6
6
|
align?: alignPropsType;
|
|
7
7
|
alignDirection?: alignDirectionPropsType;
|
|
8
8
|
alignment?: alignmentPropsType;
|
|
9
|
-
borderColor?:
|
|
9
|
+
borderColor?: tBorderColorProps;
|
|
10
10
|
borderType?: borderTypePropsType;
|
|
11
|
-
borderWidth?:
|
|
11
|
+
borderWidth?: tBorderWidthProps;
|
|
12
12
|
elevation?: elevationPropsType;
|
|
13
|
-
fill?:
|
|
14
|
-
shape?:
|
|
15
|
-
size?:
|
|
16
|
-
textColor?:
|
|
17
|
-
textSize?:
|
|
13
|
+
fill?: tFillProps;
|
|
14
|
+
shape?: tShapeProps;
|
|
15
|
+
size?: tSizeProps;
|
|
16
|
+
textColor?: tTextColorProps;
|
|
17
|
+
textSize?: tTextSizeProps;
|
|
18
18
|
titleSize?: titleSizePropsType;
|
|
19
|
-
titleTextColor?:
|
|
19
|
+
titleTextColor?: tTextColorProps;
|
|
20
20
|
}
|
|
21
|
-
type appearanceKeysType =
|
|
21
|
+
type appearanceKeysType = tAppearanceKeysDefault & {};
|
|
22
22
|
export type tooltipAppearanceType = {
|
|
23
23
|
[key in appearanceKeysType]?: ITooltipThemeColor;
|
|
24
24
|
};
|
|
@@ -26,7 +26,7 @@ export interface ITooltipConfig {
|
|
|
26
26
|
appearance: tooltipAppearanceType | undefined;
|
|
27
27
|
setAppearance: (newComponent: tooltipAppearanceType) => void;
|
|
28
28
|
}
|
|
29
|
-
export interface ITooltipProps extends ITooltipThemeColor,
|
|
29
|
+
export interface ITooltipProps extends ITooltipThemeColor, iStyleAttributes {
|
|
30
30
|
after?: ReactNode;
|
|
31
31
|
appearance?: appearanceKeysType;
|
|
32
32
|
arrowPosition?: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export interface IVideoProps extends
|
|
2
|
+
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
export interface IVideoProps extends iStyleAttributes {
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
className?: string;
|
|
6
6
|
codecs: string;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { CSSProperties, ElementType, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { alignDirectionPropsType, alignPropsType,
|
|
4
|
-
export interface IWrapperProps extends
|
|
2
|
+
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
import { alignDirectionPropsType, alignPropsType, tFillProps, horizontalResizeModePropsType, positionPropsType, verticalResizeModePropsType } from '../../types';
|
|
4
|
+
export interface IWrapperProps extends iStyleAttributes {
|
|
5
5
|
after?: ReactNode;
|
|
6
6
|
align?: alignPropsType;
|
|
7
7
|
alignDirection?: alignDirectionPropsType;
|
|
8
8
|
before?: ReactNode;
|
|
9
9
|
children?: ReactNode;
|
|
10
10
|
className?: string;
|
|
11
|
-
fill?:
|
|
11
|
+
fill?: tFillProps;
|
|
12
12
|
horizontalResizing?: horizontalResizeModePropsType;
|
|
13
13
|
id?: string;
|
|
14
14
|
position?: positionPropsType;
|
package/dist/components.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
export { A as Accordion, a as AccordionItem } from './Accordion-
|
|
1
|
+
export { A as Accordion, a as AccordionItem } from './Accordion-DF2lqrVA.js';
|
|
2
2
|
export { A as Avatar } from './Avatar-DLNS2LBo.js';
|
|
3
3
|
export { B as Badge, b as badgeConfig } from './Badge-BBbMdbjo.js';
|
|
4
4
|
export { B as Breadcrumbs, a as BreadcrumbsItem } from './Breadcrumbs-Dz-WcAoT.js';
|
|
5
5
|
export { B as Button, b as buttonConfig } from './Button-ULZVVxWC.js';
|
|
6
6
|
export { C as Caption } from './Caption-DDh0VFPJ.js';
|
|
7
7
|
export { C as Card } from './Card-DPGgzPuD.js';
|
|
8
|
-
export { C as Cell } from './Cell-
|
|
9
|
-
export { C as Checkbox, c as checkboxConfig } from './Checkbox-
|
|
10
|
-
export { C as Chips, c as chipsConfig } from './Chips-
|
|
8
|
+
export { C as Cell } from './Cell-D9Wa7coO.js';
|
|
9
|
+
export { C as Checkbox, c as checkboxConfig } from './Checkbox-i0qZk0sb.js';
|
|
10
|
+
export { C as Chips, c as chipsConfig } from './Chips-BdK4kVmq.js';
|
|
11
11
|
export { C as Choice, c as choiceConfig } from './Choice-BT6xwc_a.js';
|
|
12
12
|
export { C as Code } from './Code-DkWVSDOy.js';
|
|
13
13
|
export { C as ContextMenu, a as ContextMenuItem } from './ContextMenuItem--304_MdY.js';
|
|
14
14
|
export { C as CookiesWarning } from './CookiesWarning-CDlz4Rfl.js';
|
|
15
|
-
export { D as DadataHintField } from './DadataHintField-
|
|
16
|
-
export { D as DatePickerInput } from './DatePicker-
|
|
15
|
+
export { D as DadataHintField } from './DadataHintField-CHJLsVjJ.js';
|
|
16
|
+
export { D as DatePickerInput } from './DatePicker-CAgJ_CIz.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-CgJX3Utw.js';
|
|
@@ -24,23 +24,23 @@ export { G as Grid, a as GridItem, b as GridRow } from './GridRow-CvYQDJ2W.js';
|
|
|
24
24
|
export { G as Group, g as groupConfig } from './Group-C2kJKhWJ.js';
|
|
25
25
|
export { I as Icon, i as iconConfig } from './Icon-DWnG-4KG.js';
|
|
26
26
|
export { I as Image } from './Image-Bz4Fo3eB.js';
|
|
27
|
-
export { I as Input, i as inputConfig } from './Input-
|
|
27
|
+
export { I as Input, i as inputConfig } from './Input-CYDtAlO-.js';
|
|
28
28
|
export { i as inputPasswordConfig } from './InputPassword-BOdsE_Yd.js';
|
|
29
29
|
export { L as Label, l as labelConfig } from './Label-VHbRKztj.js';
|
|
30
30
|
export { L as LanguageSelector } from './LanguageSelector-CzIV_gnd.js';
|
|
31
31
|
export { L as Link, a as LinkWrapper, l as linkConfig } from './Link-Co6uspFK.js';
|
|
32
32
|
export { L as List, a as ListItem } from './ListItem-DMS6_Rtr.js';
|
|
33
33
|
export { L as Loader, l as loaderConfig } from './Loader-YZrWGaNy.js';
|
|
34
|
-
export { L as Logo } from './Logo-
|
|
34
|
+
export { L as Logo } from './Logo-D4NFjeqd.js';
|
|
35
35
|
export { M as Menu } from './Menu-Cd-XlUmJ.js';
|
|
36
36
|
export { M as MenuItem, m as menuItemConfig } from './MenuItem-COZ-C9K2.js';
|
|
37
|
-
export { M as Modal, a as ModalLoader } from './ModalLoader-
|
|
37
|
+
export { M as Modal, a as ModalLoader } from './ModalLoader-D17lZhS7.js';
|
|
38
38
|
export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from './NotificationList-C2OCJkY5.js';
|
|
39
39
|
export { Page } from './components/Page.js';
|
|
40
40
|
export { P as Pagination } from './Pagination-QfVqvSbE.js';
|
|
41
41
|
export { R as Radio, r as radioConfig } from './Radio-Ca2-2PPF.js';
|
|
42
42
|
export { R as RangeSlider } from './RangeSlider-BPFVikab.js';
|
|
43
|
-
export { R as Response, r as responseConfig } from './Response-
|
|
43
|
+
export { R as Response, r as responseConfig } from './Response-m-8zeYeD.js';
|
|
44
44
|
export { S as Scrollbar } from './Scrollbar-DrRNpn12.js';
|
|
45
45
|
export { S as SearchInput, a as SearchResult } from './SearchResult-DbhHiNmy.js';
|
|
46
46
|
export { S as Segmented, s as segmentedConfig } from './Segmented-pa7MGnor.js';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const textColorProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'];
|
|
1
|
+
const textColorProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert', 'surfaceTextInverse'];
|
|
2
2
|
|
|
3
3
|
export { textColorProps as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const textColorActiveProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'];
|
|
1
|
+
const textColorActiveProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert', 'surfaceTextInverse'];
|
|
2
2
|
|
|
3
3
|
export { textColorActiveProps as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const textColorHoverProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'];
|
|
1
|
+
const textColorHoverProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert', 'surfaceTextInverse'];
|
|
2
2
|
|
|
3
3
|
export { textColorHoverProps as default };
|
|
@@ -53,6 +53,9 @@
|
|
|
53
53
|
border-color: #57c5f7;
|
|
54
54
|
box-shadow: 0 0 0 5px #96dbfa;
|
|
55
55
|
}
|
|
56
|
+
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {
|
|
57
|
+
opacity: 0;
|
|
58
|
+
}
|
|
56
59
|
.rc-slider-handle:focus {
|
|
57
60
|
outline: none;
|
|
58
61
|
box-shadow: none;
|
|
@@ -148,8 +151,8 @@
|
|
|
148
151
|
}
|
|
149
152
|
.rc-slider-vertical .rc-slider-track-draggable {
|
|
150
153
|
border-top: 0;
|
|
151
|
-
border-bottom: 0;
|
|
152
154
|
border-right: 5px solid rgba(0, 0, 0, 0);
|
|
155
|
+
border-bottom: 0;
|
|
153
156
|
border-left: 5px solid rgba(0, 0, 0, 0);
|
|
154
157
|
transform: translateX(-5px);
|
|
155
158
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type * as CSS from 'csstype';
|
|
2
2
|
import { overflowPropsType, textAlignPropsType } from '../types';
|
|
3
|
-
export interface
|
|
3
|
+
export interface iStyleAttributes {
|
|
4
4
|
/**
|
|
5
5
|
* Layout
|
|
6
6
|
*/
|
|
@@ -152,10 +152,10 @@ type LabelInterface<T> = {
|
|
|
152
152
|
type ImageInterface<T> = {
|
|
153
153
|
[P in keyof T as `${string & P}Image`]: T[P];
|
|
154
154
|
};
|
|
155
|
-
export interface TypeStyleWrapperAttributes extends WrappedInterface<
|
|
155
|
+
export interface TypeStyleWrapperAttributes extends WrappedInterface<iStyleAttributes> {
|
|
156
156
|
}
|
|
157
|
-
export interface TypeStyleLabelAttributes extends LabelInterface<
|
|
157
|
+
export interface TypeStyleLabelAttributes extends LabelInterface<iStyleAttributes> {
|
|
158
158
|
}
|
|
159
|
-
export interface TypeStyleImageAttributes extends ImageInterface<
|
|
159
|
+
export interface TypeStyleImageAttributes extends ImageInterface<iStyleAttributes> {
|
|
160
160
|
}
|
|
161
161
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type tAppearanceKeysDefault = 'any' | 'dev' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceDisabled' | 'gradientPrimary' | 'accent' | 'primary' | 'secondary' | 'disabled' | 'success' | 'warning' | 'error' | 'fail' | 'accentSecondary';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type tBorderColorProps = 'accentBorderPrimary' | 'accentBorderSecondary' | 'accentBorderTertiary' | 'accentBorderQuaternary' | 'accentBorderDisabled' | 'primaryBorderPrimary' | 'primaryBorderSecondary' | 'primaryBorderTertiary' | 'primaryBorderQuaternary' | 'primaryBorderDisabled' | 'secondaryBorderPrimary' | 'secondaryBorderSecondary' | 'secondaryBorderTertiary' | 'secondaryBorderQuaternary' | 'secondaryBorderDisabled' | 'tertiaryBorderPrimary' | 'tertiaryBorderSecondary' | 'tertiaryBorderTertiary' | 'tertiaryBorderQuaternary' | 'tertiaryBorderDisabled' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'surfaceBorderQuaternary' | 'surfaceBorderDisabled' | 'surfaceBorderInvert' | 'errorBorderPrimary' | 'errorBorderSecondary' | 'errorBorderDisabled' | 'successBorderPrimary' | 'successBorderSecondary' | 'successBorderDisabled';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type tBorderWidthProps = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type tDirectionProps = 'row' | 'row-reverse' | 'column' | 'column-reverse' | 'vertical' | 'horizontal';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type tFillProps = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'errorPrimary' | 'errorSecondary' | 'gradientPrimary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'successPrimary' | 'successSecondary' | 'surfaceAccent' | 'surfaceItemPrimary' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'surfaceSecondary' | 'surfaceTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type tFillHoverProps = 'accentPrimaryHover' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimaryHover' | 'secondaryPrimaryHover' | 'surfaceTertiary' | 'surfaceItemTertiary' | 'surfacePrimaryHover' | 'surfaceSecondaryHover' | 'surfaceTertiaryHover';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type tHeightProps = 'fixed' | 'hug' | 'fill' | string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type tItemColorProps = 'accentItemPrimary' | 'accentItemSecondary' | 'accentItemTertiary' | 'accentItemDisabled' | 'primaryItemPrimary' | 'primaryItemSecondary' | 'primaryItemTertiary' | 'primaryItemDisabled' | 'secondaryItemPrimary' | 'secondaryItemSecondary' | 'secondaryItemTertiary' | 'secondaryItemDisabled' | 'tertiaryItemPrimary' | 'tertiaryItemSecondary' | 'tertiaryItemTertiary' | 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemQuaternary' | 'surfaceItemQuinary' | 'surfaceItemDisabled' | 'surfaceItemInvert' | 'surfaceItemAccent' | 'errorItemPrimary' | 'errorItemSecondary' | 'successItemPrimary' | 'successItemSecondary';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type tShapeProps = 'geometric' | 'rounded' | 'circular';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type tSizeProps = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type tStateKeysDefault = 'normal' | 'filled' | 'active' | 'activeFilled' | 'error' | 'errorFilled' | 'readonly' | 'disabled' | 'success' | 'require';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type tTextColorProps = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert' | 'surfaceTextInverse';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type tTextSizeProps = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type tTextWeightProps = 'normal' | 'bold' | 'light' | 'lighter' | 'bolder' | '100' | 100 | '200' | 200 | '300' | 300 | '400' | 400 | '500' | 500 | '600' | 600 | '700' | 700 | '800' | 800 | '900' | 900 | '950' | 950;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type tWidthProps = 'fixed' | 'hug' | 'fill' | string;
|