@itcase/ui 1.8.33 → 1.8.35
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_DdWjvr_S.js → ChipsGroup_cjs_j3QOma3U.js} +49 -17
- package/dist/{ChipsGroup_es_CXS0aeon.js → ChipsGroup_es_DF1fhn97.js} +49 -17
- package/dist/{DatePicker_cjs_CJl9V32f.js → DatePicker_cjs_Bx5_lZNT.js} +23 -27
- package/dist/{DatePicker_es_C2Pi6aB-.js → DatePicker_es_A1FcasHs.js} +24 -28
- package/dist/{DropdownItem_cjs_D-zoX7Ik.js → DropdownItem_cjs_tH2DBClp.js} +4 -2
- package/dist/{DropdownItem_es_BMnIhUSe.js → DropdownItem_es_BeVv-pDA.js} +4 -2
- package/dist/{Label_cjs_CZMMdwt5.js → Label_cjs_CP4b6Mg2.js} +13 -85
- package/dist/{Label_es_DmDqs4Rc.js → Label_es_DFSiy5sL.js} +13 -85
- package/dist/cjs/components/Cell.js +1 -1
- package/dist/cjs/components/Chips.js +1 -1
- package/dist/cjs/components/Choice/stories/__mock__.js +15 -15
- package/dist/cjs/components/Choice.js +33 -28
- package/dist/cjs/components/DatePeriod.js +6 -4
- package/dist/cjs/components/DatePicker.js +2 -2
- package/dist/cjs/components/Dropdown/stories/__mock__.js +2 -2
- package/dist/cjs/components/Dropdown.js +1 -1
- package/dist/cjs/components/Label.js +1 -1
- package/dist/cjs/components/MenuItem.js +11 -6
- package/dist/cjs/components/Notification/stories/__mock__.js +4 -0
- package/dist/cjs/components/Notification.js +27 -9
- package/dist/cjs/components/Pagination.js +19 -10
- package/dist/cjs/components/Segmented/stories/__mock__.js +38 -0
- package/dist/cjs/components/Segmented.js +12 -9
- package/dist/components/Cell.js +1 -1
- package/dist/components/Chips.js +1 -1
- package/dist/components/Choice/stories/__mock__.js +16 -16
- package/dist/components/Choice.js +33 -28
- package/dist/components/DatePeriod.js +6 -4
- package/dist/components/DatePicker.js +2 -2
- package/dist/components/Dropdown/stories/__mock__.js +2 -2
- package/dist/components/Dropdown.js +1 -1
- package/dist/components/Label.js +1 -1
- package/dist/components/MenuItem.js +11 -6
- package/dist/components/Notification/stories/__mock__.js +4 -0
- package/dist/components/Notification.js +27 -9
- package/dist/components/Pagination.js +20 -11
- package/dist/components/Segmented/stories/__mock__.js +36 -0
- package/dist/components/Segmented.js +12 -9
- package/dist/css/components/Dropdown/Dropdown.css +7 -14
- package/dist/css/components/Notification/Notification.css +23 -0
- package/dist/css/components/Pagination/Pagination.css +19 -6
- package/dist/css/components/Segmented/Segmented.css +24 -0
- package/dist/css/styles/shape-strength/shape-strength.css +4 -9
- package/dist/stories/CellOverview.mdx +3 -2
- package/dist/stories/DatePeriodPlayground.mdx +2 -2
- package/dist/stories/RangeSliderOverview.mdx +0 -3
- package/dist/stories/VideoOverview.mdx +2 -10
- package/dist/stories/VideoPlayground.mdx +2 -2
- package/dist/types/components/Chips/appearance/chipsSize.d.ts +34 -0
- package/dist/types/components/Chips/appearance/chipsStyle.d.ts +7 -9
- package/dist/types/components/Choice/appearance/choiceDefault.d.ts +7 -0
- package/dist/types/components/Choice/appearance/choiceDisabled.d.ts +7 -0
- package/dist/types/components/Choice/appearance/choiceRequire.d.ts +6 -0
- package/dist/types/components/Choice/appearance/choiceStyle.d.ts +4 -0
- package/dist/types/components/Choice/appearance/choiceSuccess.d.ts +6 -0
- package/dist/types/components/Choice/stories/__mock__/index.d.ts +9 -3
- package/dist/types/components/Label/appearance/labelAccent.d.ts +0 -8
- package/dist/types/components/Label/appearance/labelDanger.d.ts +0 -12
- package/dist/types/components/Label/appearance/labelDisable.d.ts +0 -2
- package/dist/types/components/Label/appearance/labelError.d.ts +0 -8
- package/dist/types/components/Label/appearance/labelInfo.d.ts +1 -6
- package/dist/types/components/Label/appearance/labelPrimary.d.ts +0 -10
- package/dist/types/components/Label/appearance/labelSecondary.d.ts +0 -10
- package/dist/types/components/Label/appearance/labelSize.d.ts +6 -0
- package/dist/types/components/Label/appearance/labelStyle.d.ts +4 -4
- package/dist/types/components/Label/appearance/labelSuccess.d.ts +0 -8
- package/dist/types/components/Label/appearance/labelSurface.d.ts +0 -6
- package/dist/types/components/Label/appearance/labelWarning.d.ts +0 -9
- package/dist/types/components/MenuItem/appearance/menuItemAccent.d.ts +1 -0
- package/dist/types/components/MenuItem/appearance/menuItemError.d.ts +1 -0
- package/dist/types/components/MenuItem/appearance/menuItemStyle.d.ts +6 -4
- package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts +1 -0
- package/dist/types/components/Notification/appearance/notificationInfo.d.ts +17 -0
- package/dist/types/components/Notification/appearance/notificationStyle.d.ts +4 -4
- package/dist/types/components/Notification/stories/__mock__/index.d.ts +1 -0
- package/dist/types/components/Pagination/appearance/paginationSize.d.ts +12 -0
- package/dist/types/components/Pagination/appearance/paginationSurface.d.ts +0 -5
- package/dist/types/components/Segmented/Segmented.interface.d.ts +1 -0
- package/dist/types/components/Segmented/appearance/segmentedSuccess.d.ts +1 -1
- package/dist/types/components/Segmented/stories/__mock__/index.d.ts +17 -0
- package/package.json +5 -5
- package/dist/types/components/Choice/appearance/choiceSurface.d.ts +0 -25
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
declare const notificationAppearanceInfo: {
|
|
2
|
+
infoPrimary: {
|
|
3
|
+
fill: string;
|
|
4
|
+
fillHover: string;
|
|
5
|
+
titleTextColor: string;
|
|
6
|
+
titleTextSize: string;
|
|
7
|
+
descTextColor: string;
|
|
8
|
+
descTextSize: string;
|
|
9
|
+
borderColor: string;
|
|
10
|
+
elevation: number;
|
|
11
|
+
textColor: string;
|
|
12
|
+
iconSize: number;
|
|
13
|
+
closeIcon: any;
|
|
14
|
+
closeIconFillIcon: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export { notificationAppearanceInfo };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
declare const notificationAppearanceStyle: {
|
|
2
|
-
|
|
3
|
-
ghost: {
|
|
4
|
-
fill: string;
|
|
2
|
+
solid: {
|
|
5
3
|
borderColor: string;
|
|
6
4
|
};
|
|
7
5
|
outlined: {
|
|
8
6
|
fill: string;
|
|
9
7
|
};
|
|
10
|
-
|
|
8
|
+
full: {};
|
|
9
|
+
ghost: {
|
|
10
|
+
fill: string;
|
|
11
11
|
borderColor: string;
|
|
12
12
|
};
|
|
13
13
|
};
|
|
@@ -6,12 +6,15 @@ declare const paginationAppearanceSize: {
|
|
|
6
6
|
iconAfterSize: string;
|
|
7
7
|
iconBeforeFillSize: string;
|
|
8
8
|
iconBeforeSize: string;
|
|
9
|
+
nextIcon: any;
|
|
9
10
|
pageCountDescTextSize: string;
|
|
10
11
|
pageCountDropdownItemDividerSize: string;
|
|
11
12
|
pageCountDropdownItemLabelSize: string;
|
|
12
13
|
pageCountDropdownItemSize: string;
|
|
14
|
+
pageCountInputIcon: any;
|
|
13
15
|
pageCountInputIconFillSize: string;
|
|
14
16
|
pageCountInputTextSize: string;
|
|
17
|
+
previousIcon: any;
|
|
15
18
|
};
|
|
16
19
|
sizeM: {
|
|
17
20
|
size: string;
|
|
@@ -20,12 +23,16 @@ declare const paginationAppearanceSize: {
|
|
|
20
23
|
iconAfterSize: string;
|
|
21
24
|
iconBeforeFillSize: string;
|
|
22
25
|
iconBeforeSize: string;
|
|
26
|
+
nextIcon: any;
|
|
23
27
|
pageCountDescTextSize: string;
|
|
24
28
|
pageCountDropdownItemDividerSize: string;
|
|
25
29
|
pageCountDropdownItemLabelSize: string;
|
|
26
30
|
pageCountDropdownItemSize: string;
|
|
31
|
+
pageCountDropdownItemWidth: string;
|
|
32
|
+
pageCountInputIcon: any;
|
|
27
33
|
pageCountInputIconFillSize: string;
|
|
28
34
|
pageCountInputTextSize: string;
|
|
35
|
+
previousIcon: any;
|
|
29
36
|
};
|
|
30
37
|
sizeS: {
|
|
31
38
|
size: string;
|
|
@@ -34,12 +41,17 @@ declare const paginationAppearanceSize: {
|
|
|
34
41
|
iconAfterSize: string;
|
|
35
42
|
iconBeforeFillSize: string;
|
|
36
43
|
iconBeforeSize: string;
|
|
44
|
+
nextIcon: any;
|
|
45
|
+
previousIcon: any;
|
|
37
46
|
};
|
|
38
47
|
sizeXS: {
|
|
39
48
|
size: string;
|
|
40
49
|
labelTextSize: string;
|
|
41
50
|
beforeSize: string;
|
|
42
51
|
iconAfterFillSize: string;
|
|
52
|
+
nextIcon: any;
|
|
53
|
+
pageCountInputIcon: any;
|
|
54
|
+
previousIcon: any;
|
|
43
55
|
};
|
|
44
56
|
};
|
|
45
57
|
export { paginationAppearanceSize };
|
|
@@ -2,9 +2,7 @@ declare const paginationAppearanceSurface: {
|
|
|
2
2
|
surfacePrimary: {
|
|
3
3
|
fill: string;
|
|
4
4
|
fillHover: string;
|
|
5
|
-
nextIcon: any;
|
|
6
5
|
nextIconFillIcon: string;
|
|
7
|
-
pageCountDesc: string;
|
|
8
6
|
pageCountDescTextColor: string;
|
|
9
7
|
pageCountDropdownAlignment: string;
|
|
10
8
|
pageCountDropdownElevation: number;
|
|
@@ -19,12 +17,9 @@ declare const paginationAppearanceSurface: {
|
|
|
19
17
|
pageCountDropdownItemLabelColorActive: string;
|
|
20
18
|
pageCountDropdownItemLabelColorActiveHover: string;
|
|
21
19
|
pageCountDropdownItemLabelColorHover: string;
|
|
22
|
-
pageCountDropdownItemWidth: string;
|
|
23
20
|
pageCountDropdownShape: string;
|
|
24
|
-
pageCountInputIcon: any;
|
|
25
21
|
pageCountInputIconColor: string;
|
|
26
22
|
pageCountInputTextColor: string;
|
|
27
|
-
previousIcon: any;
|
|
28
23
|
previousIconFillIcon: string;
|
|
29
24
|
};
|
|
30
25
|
};
|
|
@@ -41,6 +41,7 @@ export interface SegmentedProps extends SegmentedThemeColor, StyleAttributes {
|
|
|
41
41
|
type?: string;
|
|
42
42
|
value?: string;
|
|
43
43
|
isDisabled?: boolean;
|
|
44
|
+
isSkeleton: boolean;
|
|
44
45
|
onChange?: (value: string, name?: string) => void;
|
|
45
46
|
setActiveSegment?: (item: Segment) => void;
|
|
46
47
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
declare const segmentedArgsMock: {
|
|
2
|
+
activeSegment: {
|
|
3
|
+
value: number;
|
|
4
|
+
};
|
|
5
|
+
segments: {
|
|
6
|
+
label: string;
|
|
7
|
+
iconAfter: {
|
|
8
|
+
Default: any;
|
|
9
|
+
};
|
|
10
|
+
iconBefore: {
|
|
11
|
+
Default: any;
|
|
12
|
+
};
|
|
13
|
+
value: number;
|
|
14
|
+
}[];
|
|
15
|
+
shape: string;
|
|
16
|
+
};
|
|
17
|
+
export { segmentedArgsMock };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.35",
|
|
4
4
|
"description": "UI components (Modal, Loader, Popup, etc)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Modal",
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
"dependencies": {
|
|
98
98
|
"@emotion/is-prop-valid": "^1.3.1",
|
|
99
99
|
"@itcase/common": "^1.2.28",
|
|
100
|
-
"@itcase/icons": "^1.
|
|
100
|
+
"@itcase/icons": "^1.2.4",
|
|
101
101
|
"@itcase/storybook-config": "^1.1.14",
|
|
102
102
|
"@itcase/tokens-am": "^1.1.9",
|
|
103
103
|
"@itcase/tokens-baikal": "^1.1.9",
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
"clsx": "^2.1.1",
|
|
106
106
|
"date-fns": "^4.1.0",
|
|
107
107
|
"eslint-import-resolver-alias": "^1.1.2",
|
|
108
|
-
"eslint-plugin-import": "^2.
|
|
108
|
+
"eslint-plugin-import": "^2.32.0",
|
|
109
109
|
"framer-motion": "^12.18.1",
|
|
110
110
|
"js-cookie": "^3.0.5",
|
|
111
111
|
"lodash": "^4.17.21",
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
"@commitlint/cli": "^19.8.1",
|
|
137
137
|
"@commitlint/config-conventional": "^19.8.1",
|
|
138
138
|
"@itcase/config": "^1.0.48",
|
|
139
|
-
"@itcase/lint": "^1.1.
|
|
139
|
+
"@itcase/lint": "^1.1.19",
|
|
140
140
|
"@itcase/types": "^1.0.5",
|
|
141
141
|
"@rollup/plugin-alias": "^5.1.1",
|
|
142
142
|
"@rollup/plugin-babel": "^6.0.4",
|
|
@@ -167,7 +167,7 @@
|
|
|
167
167
|
"lint-staged": "^16.1.2",
|
|
168
168
|
"npm": "^11.4.2",
|
|
169
169
|
"postcss": "^8.5.6",
|
|
170
|
-
"prettier": "^3.
|
|
170
|
+
"prettier": "^3.6.0",
|
|
171
171
|
"react-docgen-typescript": "^2.4.0",
|
|
172
172
|
"rollup": "^4.44.0",
|
|
173
173
|
"rollup-plugin-copy": "^3.5.0",
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
declare const choiceAppearanceSurface: {
|
|
2
|
-
surfacePrimary: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillItem: string;
|
|
5
|
-
fillItemActive: string;
|
|
6
|
-
fillItemActiveHover: string;
|
|
7
|
-
fillItemHover: string;
|
|
8
|
-
labelTextActiveColor: string;
|
|
9
|
-
labelTextColor: string;
|
|
10
|
-
labelTextWrap: string;
|
|
11
|
-
borderColor: string;
|
|
12
|
-
iconBeforeFill: string;
|
|
13
|
-
iconBeforeFillActive: string;
|
|
14
|
-
};
|
|
15
|
-
surfaceSecondary: {
|
|
16
|
-
fill: string;
|
|
17
|
-
fillItem: string;
|
|
18
|
-
fillItemActive: string;
|
|
19
|
-
fillItemHover: string;
|
|
20
|
-
labelTextActiveColor: string;
|
|
21
|
-
labelTextColor: string;
|
|
22
|
-
labelTextWrap: string;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
export { choiceAppearanceSurface };
|