@itcase/ui 1.8.130 → 1.8.132
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/{ChipsGroup_cjs_BMkiDYau.js → ChipsGroup_cjs_Du8WHI-Y.js} +15 -11
- package/dist/{ChipsGroup_es_Czu95rkL.js → ChipsGroup_es_CzVlqaHv.js} +15 -11
- package/dist/cjs/components/Chips.js +1 -1
- package/dist/cjs/components/DatePeriod.js +1 -1
- package/dist/cjs/components/MenuItem.js +11 -11
- package/dist/cjs/components/Pagination.js +48 -8
- package/dist/cjs/components/Response.js +29 -40
- package/dist/cjs/components/Segmented.js +5 -5
- package/dist/cjs/hooks/useActiveClasses/useActiveClasses.helpers.js +2 -2
- package/dist/components/Chips.js +1 -1
- package/dist/components/DatePeriod.js +1 -1
- package/dist/components/MenuItem.js +11 -11
- package/dist/components/Pagination.js +48 -8
- package/dist/components/Response.js +29 -40
- package/dist/components/Segmented.js +5 -5
- package/dist/css/components/Pagination/Pagination.css +6 -0
- package/dist/hooks/useActiveClasses/useActiveClasses.helpers.js +2 -2
- package/dist/types/components/Chips/appearance/chipsDisabled.d.ts +4 -0
- package/dist/types/components/Chips/appearance/chipsSurface.d.ts +2 -2
- package/dist/types/components/Dropdown/Dropdown.interface.d.ts +1 -3
- package/dist/types/components/MenuItem/MenuItem.appearance.d.ts +232 -290
- package/dist/types/components/MenuItem/MenuItem.interface.d.ts +6 -5
- package/dist/types/components/Pagination/appearance/paginationShape.d.ts +34 -0
- package/dist/types/components/Pagination/appearance/paginationSurface.d.ts +5 -1
- package/dist/types/components/Response/Response.constant.d.ts +6 -20
- package/dist/types/components/Segmented/Segmented.interface.d.ts +2 -2
- package/dist/types/components/Segmented/appearance/segmentedDefault.d.ts +2 -2
- package/dist/types/components/Segmented/appearance/segmentedSuccess.d.ts +1 -1
- package/package.json +6 -6
|
@@ -8,8 +8,8 @@ type MenuItemAppearanceProps = {
|
|
|
8
8
|
borderColor?: BorderColorProps;
|
|
9
9
|
cursor?: string;
|
|
10
10
|
fill?: FillProps;
|
|
11
|
-
fillActive?: FillActiveProps;
|
|
12
|
-
fillActiveHover?: FillActiveHoverProps;
|
|
11
|
+
fillActive?: FillActiveProps | FillProps;
|
|
12
|
+
fillActiveHover?: FillActiveHoverProps | FillProps;
|
|
13
13
|
fillHover?: FillHoverProps | FillProps;
|
|
14
14
|
iconAfter?: IconProps['SvgImage'];
|
|
15
15
|
iconAfterFill?: IconProps['fill'];
|
|
@@ -31,7 +31,7 @@ type MenuItemAppearanceProps = {
|
|
|
31
31
|
iconBeforeSrc?: IconProps['imageSrc'];
|
|
32
32
|
labelStyle?: TextProps['textStyle'];
|
|
33
33
|
labelTextActiveColor?: TextProps['textColorActive'];
|
|
34
|
-
|
|
34
|
+
labelTextActiveColorHover?: TextProps['textColorActiveHover'];
|
|
35
35
|
labelTextColor?: TextProps['textColor'];
|
|
36
36
|
labelTextColorHover?: TextProps['textColorHover'];
|
|
37
37
|
labelTextSize?: TextProps['size'];
|
|
@@ -43,9 +43,8 @@ type MenuItemAppearanceProps = {
|
|
|
43
43
|
tooltipFill?: TooltipProps['fill'];
|
|
44
44
|
tooltipShape?: TooltipProps['shape'];
|
|
45
45
|
tooltipShapeStrength?: TooltipProps['shapeStrength'];
|
|
46
|
-
tooltipText?: TooltipProps['shapeStrength'];
|
|
47
46
|
tooltipTextColor?: TooltipProps['textColor'];
|
|
48
|
-
tooltipTitleTextColor?: TooltipProps['
|
|
47
|
+
tooltipTitleTextColor?: TooltipProps['titleColor'];
|
|
49
48
|
};
|
|
50
49
|
type MenuItemProps = MenuItemAppearanceProps & StyleAttributes & {
|
|
51
50
|
after?: string;
|
|
@@ -64,6 +63,8 @@ type MenuItemProps = MenuItemAppearanceProps & StyleAttributes & {
|
|
|
64
63
|
onDoubleClick?: () => void;
|
|
65
64
|
style?: CSSProperties;
|
|
66
65
|
tag: TextTagProps;
|
|
66
|
+
tooltipText?: string;
|
|
67
|
+
tooltipTitle?: string;
|
|
67
68
|
};
|
|
68
69
|
type MenuItemAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
|
|
69
70
|
type MenuItemAppearance = {
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
declare const paginationAppearanceShape: {
|
|
2
|
+
circular: {
|
|
3
|
+
shape: string;
|
|
4
|
+
};
|
|
5
|
+
rounded: {
|
|
6
|
+
fillInputShape: string;
|
|
7
|
+
pageCountDropdownShape: string;
|
|
8
|
+
};
|
|
9
|
+
roundedXL: {
|
|
10
|
+
fillInputShape: string;
|
|
11
|
+
fillInputShapeStrength: string;
|
|
12
|
+
pageCountDropdownShape: string;
|
|
13
|
+
pageCountDropdownShapeStrength: string;
|
|
14
|
+
};
|
|
15
|
+
roundedL: {
|
|
16
|
+
fillInputShape: string;
|
|
17
|
+
fillInputShapeStrength: string;
|
|
18
|
+
pageCountDropdownShape: string;
|
|
19
|
+
pageCountDropdownShapeStrength: string;
|
|
20
|
+
};
|
|
21
|
+
roundedM: {
|
|
22
|
+
fillInputShape: string;
|
|
23
|
+
fillInputShapeStrength: string;
|
|
24
|
+
pageCountDropdownShape: string;
|
|
25
|
+
pageCountDropdownShapeStrength: string;
|
|
26
|
+
};
|
|
27
|
+
roundedS: {
|
|
28
|
+
fillInputShape: string;
|
|
29
|
+
fillInputShapeStrength: string;
|
|
30
|
+
pageCountDropdownShape: string;
|
|
31
|
+
pageCountDropdownShapeStrength: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export { paginationAppearanceShape };
|
|
@@ -5,13 +5,18 @@ declare const paginationAppearanceSurface: {
|
|
|
5
5
|
fillActive: string;
|
|
6
6
|
fillActiveHover: string;
|
|
7
7
|
fillInput: string;
|
|
8
|
+
fillInputHover: string;
|
|
8
9
|
textColor: string;
|
|
10
|
+
textColorHover: string;
|
|
11
|
+
textColorActive: string;
|
|
12
|
+
textColorActiveHover: string;
|
|
9
13
|
builderIconFillIcon: string;
|
|
10
14
|
nextIconFillIcon: string;
|
|
11
15
|
pageCountDescTextColor: string;
|
|
12
16
|
pageCountDropdownAlignment: string;
|
|
13
17
|
pageCountDropdownElevation: number;
|
|
14
18
|
pageCountDropdownFill: string;
|
|
19
|
+
pageCountDropdownFillHover: string;
|
|
15
20
|
pageCountDropdownItemDividerFill: string;
|
|
16
21
|
pageCountDropdownItemFill: string;
|
|
17
22
|
pageCountDropdownItemFillActive: string;
|
|
@@ -22,7 +27,6 @@ declare const paginationAppearanceSurface: {
|
|
|
22
27
|
pageCountDropdownItemLabelColorActive: string;
|
|
23
28
|
pageCountDropdownItemLabelColorActiveHover: string;
|
|
24
29
|
pageCountDropdownItemLabelColorHover: string;
|
|
25
|
-
pageCountDropdownShape: string;
|
|
26
30
|
pageCountInputIconColor: string;
|
|
27
31
|
pageCountInputTextColor: string;
|
|
28
32
|
previousIconFillIcon: string;
|
|
@@ -1,45 +1,35 @@
|
|
|
1
1
|
declare const RESPONSE_MESSAGES: {
|
|
2
|
-
empty: {
|
|
3
|
-
appearance: string;
|
|
4
|
-
title: string;
|
|
5
|
-
desc: string;
|
|
6
|
-
code: string;
|
|
7
|
-
imageSrc: any;
|
|
8
|
-
primaryButtonAppearance: string;
|
|
9
|
-
primaryButtonLabel: string;
|
|
10
|
-
};
|
|
11
2
|
error: {
|
|
12
3
|
appearance: string;
|
|
13
4
|
title: string;
|
|
14
5
|
desc: string;
|
|
15
|
-
code: string;
|
|
16
6
|
imageSrc: any;
|
|
17
7
|
primaryButtonAppearance: string;
|
|
18
8
|
primaryButtonLabel: string;
|
|
19
9
|
secondaryButtonAppearance: string;
|
|
20
10
|
secondaryButtonLabel: string;
|
|
21
11
|
};
|
|
22
|
-
|
|
12
|
+
errorNetwork: {
|
|
23
13
|
appearance: string;
|
|
24
14
|
title: string;
|
|
15
|
+
desc: string;
|
|
25
16
|
imageSrc: any;
|
|
26
17
|
primaryButtonAppearance: string;
|
|
27
18
|
primaryButtonLabel: string;
|
|
28
19
|
secondaryButtonAppearance: string;
|
|
29
20
|
secondaryButtonLabel: string;
|
|
30
21
|
};
|
|
31
|
-
|
|
22
|
+
nothingFound: {
|
|
32
23
|
appearance: string;
|
|
33
24
|
title: string;
|
|
34
25
|
desc: string;
|
|
35
|
-
code: string;
|
|
36
26
|
imageSrc: any;
|
|
37
27
|
primaryButtonAppearance: string;
|
|
38
28
|
primaryButtonLabel: string;
|
|
39
29
|
secondaryButtonAppearance: string;
|
|
40
30
|
secondaryButtonLabel: string;
|
|
41
31
|
};
|
|
42
|
-
|
|
32
|
+
empty: {
|
|
43
33
|
appearance: string;
|
|
44
34
|
title: string;
|
|
45
35
|
desc: string;
|
|
@@ -47,10 +37,8 @@ declare const RESPONSE_MESSAGES: {
|
|
|
47
37
|
imageSrc: any;
|
|
48
38
|
primaryButtonAppearance: string;
|
|
49
39
|
primaryButtonLabel: string;
|
|
50
|
-
secondaryButtonAppearance: string;
|
|
51
|
-
secondaryButtonLabel: string;
|
|
52
40
|
};
|
|
53
|
-
|
|
41
|
+
errorAccessDenied: {
|
|
54
42
|
appearance: string;
|
|
55
43
|
title: string;
|
|
56
44
|
desc: string;
|
|
@@ -61,11 +49,9 @@ declare const RESPONSE_MESSAGES: {
|
|
|
61
49
|
secondaryButtonAppearance: string;
|
|
62
50
|
secondaryButtonLabel: string;
|
|
63
51
|
};
|
|
64
|
-
|
|
52
|
+
warning: {
|
|
65
53
|
appearance: string;
|
|
66
54
|
title: string;
|
|
67
|
-
desc: string;
|
|
68
|
-
code: string;
|
|
69
55
|
imageSrc: any;
|
|
70
56
|
primaryButtonAppearance: string;
|
|
71
57
|
primaryButtonLabel: string;
|
|
@@ -9,9 +9,9 @@ export interface SegmentedThemeColor {
|
|
|
9
9
|
indicatorFill?: ItemColorProps;
|
|
10
10
|
inputBorderColor?: BorderColorProps;
|
|
11
11
|
labelTextActiveColor?: TextColorActiveProps;
|
|
12
|
-
|
|
12
|
+
labelTextActiveColorHover?: TextColorActiveProps;
|
|
13
13
|
labelTextColor?: TextColorProps;
|
|
14
|
-
|
|
14
|
+
labelTextColorHover?: TextColorProps;
|
|
15
15
|
labelTextSize?: TextSizeProps;
|
|
16
16
|
labelTextWrap?: TextWrapProps;
|
|
17
17
|
shape?: ShapeProps;
|
|
@@ -5,7 +5,7 @@ declare const segmentedAppearanceDefault: {
|
|
|
5
5
|
fillActiveHover: string;
|
|
6
6
|
fillHover: string;
|
|
7
7
|
labelTextActiveColor: string;
|
|
8
|
-
|
|
8
|
+
labelTextActiveColorHover: string;
|
|
9
9
|
labelTextColor: string;
|
|
10
10
|
borderColor: string;
|
|
11
11
|
iconAfterFill: string;
|
|
@@ -22,7 +22,7 @@ declare const segmentedAppearanceDefault: {
|
|
|
22
22
|
fillActiveHover: string;
|
|
23
23
|
fillHover: string;
|
|
24
24
|
labelTextActiveColor: string;
|
|
25
|
-
|
|
25
|
+
labelTextActiveColorHover: string;
|
|
26
26
|
labelTextColor: string;
|
|
27
27
|
borderColor: string;
|
|
28
28
|
iconAfterFill: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.132",
|
|
4
4
|
"description": "UI components (Modal, Loader, Popup, etc)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Modal",
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
"@emotion/is-prop-valid": "^1.4.0",
|
|
104
104
|
"@itcase/common": "^1.2.32",
|
|
105
105
|
"@itcase/icons": "^1.2.19",
|
|
106
|
-
"@itcase/storybook-config": "^1.2.
|
|
106
|
+
"@itcase/storybook-config": "^1.2.11",
|
|
107
107
|
"@itcase/tokens-am": "^1.1.19",
|
|
108
108
|
"@itcase/tokens-baikal": "^1.1.17",
|
|
109
109
|
"@itcase/tokens-palette": "^1.1.11",
|
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
"react-dom": "^18.3.1",
|
|
122
122
|
"react-indiana-drag-scroll": "^3.0.3-alpha",
|
|
123
123
|
"react-inlinesvg": "^4.2.0",
|
|
124
|
-
"react-modal-sheet": "5.1.
|
|
124
|
+
"react-modal-sheet": "5.1.2",
|
|
125
125
|
"react-modern-drawer": "^1.4.0",
|
|
126
126
|
"react-otp-input": "^3.1.1",
|
|
127
127
|
"react-paginate": "^8.3.0",
|
|
@@ -140,7 +140,7 @@
|
|
|
140
140
|
"@commitlint/cli": "^19.8.1",
|
|
141
141
|
"@commitlint/config-conventional": "^19.8.1",
|
|
142
142
|
"@itcase/config": "^1.0.57",
|
|
143
|
-
"@itcase/lint": "^1.1.
|
|
143
|
+
"@itcase/lint": "^1.1.61",
|
|
144
144
|
"@itcase/types": "^1.0.45",
|
|
145
145
|
"@rollup/plugin-alias": "^5.1.1",
|
|
146
146
|
"@rollup/plugin-babel": "^6.0.4",
|
|
@@ -171,13 +171,13 @@
|
|
|
171
171
|
"lint-staged": "^16.1.6",
|
|
172
172
|
"prettier": "^3.6.2",
|
|
173
173
|
"react-docgen-typescript": "^2.4.0",
|
|
174
|
-
"rollup": "^4.50.
|
|
174
|
+
"rollup": "^4.50.2",
|
|
175
175
|
"rollup-plugin-copy": "^3.5.0",
|
|
176
176
|
"rollup-plugin-dts": "^6.2.3",
|
|
177
177
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
178
178
|
"rollup-preserve-directives": "^1.1.3",
|
|
179
179
|
"semantic-release": "^24.2.8",
|
|
180
|
-
"storybook": "^9.1.
|
|
180
|
+
"storybook": "^9.1.6",
|
|
181
181
|
"stylelint": "^16.24.0",
|
|
182
182
|
"typescript": "^5.9.2"
|
|
183
183
|
}
|