@itcase/ui 1.8.42 → 1.8.43

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.
Files changed (18) hide show
  1. package/dist/css/mixins/mixin_utils.css +16 -0
  2. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSize.d.ts +7 -7
  3. package/dist/types/components/Chips/stories/__mock__/index.d.ts +1 -1
  4. package/dist/types/components/Choice/stories/__mock__/index.d.ts +3 -3
  5. package/dist/types/components/DatePicker/DatePicker.appearance.d.ts +6 -6
  6. package/dist/types/components/DatePicker/appearance/datePickerSize.d.ts +6 -6
  7. package/dist/types/components/Drawer/appearance/drawerSurface.d.ts +1 -1
  8. package/dist/types/components/Dropdown/stories/__mock__/index.d.ts +6 -6
  9. package/dist/types/components/Notification/appearance/notificationDefault.d.ts +1 -1
  10. package/dist/types/components/Notification/appearance/notificationError.d.ts +1 -1
  11. package/dist/types/components/Notification/appearance/notificationInfo.d.ts +1 -1
  12. package/dist/types/components/Notification/appearance/notificationSuccess.d.ts +1 -1
  13. package/dist/types/components/Notification/appearance/notificationWarning.d.ts +1 -1
  14. package/dist/types/components/Pagination/appearance/paginationSize.d.ts +16 -16
  15. package/dist/types/components/Search/appearance/searchSize.d.ts +12 -12
  16. package/dist/types/components/Segmented/stories/__mock__/index.d.ts +8 -8
  17. package/dist/types/components/Tab/stories/__mock__/index.d.ts +1 -1
  18. package/package.json +13 -12
package/dist/css/mixins/mixin_utils.css CHANGED
@@ -36,3 +36,19 @@
36
36
  word-break: break-word;
37
37
  hyphens: auto;
38
38
  }
39
+ @define-mixin truncate-text $font-size: 16px, $line-height: 1.4,
40
+ $lines-to-show: 2 {
41
+ position: relative;
42
+ overflow: hidden;
43
+ display: -webkit-box;
44
+ -webkit-line-clamp: $lines-to-show;
45
+ -webkit-box-orient: vertical;
46
+ word-wrap: break-word;
47
+ text-overflow: ellipsis;
48
+ visibility: visible;
49
+ @supports not (-webkit-line-clamp: $lines-to-show) {
50
+ max-height: $font-size * $line-height * $lines-to-show;
51
+ line-height: $line-height;
52
+ display: block;
53
+ }
54
+ }
package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSize.d.ts CHANGED
@@ -2,37 +2,37 @@ declare const breadcrumbsAppearanceSize: {
2
2
  sizeXXL: {
3
3
  size: string;
4
4
  labelTextSize: string;
5
- icon: any;
5
+ icon: string;
6
6
  };
7
7
  sizeXL: {
8
8
  size: string;
9
9
  labelTextSize: string;
10
- icon: any;
10
+ icon: string;
11
11
  };
12
12
  sizeL: {
13
13
  size: string;
14
14
  labelTextSize: string;
15
- icon: any;
15
+ icon: string;
16
16
  };
17
17
  sizeM: {
18
18
  size: string;
19
19
  labelTextSize: string;
20
- icon: any;
20
+ icon: string;
21
21
  };
22
22
  sizeS: {
23
23
  size: string;
24
24
  labelTextSize: string;
25
- icon: any;
25
+ icon: string;
26
26
  };
27
27
  sizeXS: {
28
28
  size: string;
29
29
  labelTextSize: string;
30
- icon: any;
30
+ icon: string;
31
31
  };
32
32
  sizeXXS: {
33
33
  size: string;
34
34
  labelTextSize: string;
35
- icon: any;
35
+ icon: string;
36
36
  };
37
37
  };
38
38
  export { breadcrumbsAppearanceSize };
package/dist/types/components/Chips/stories/__mock__/index.d.ts CHANGED
@@ -7,7 +7,7 @@ declare const chipsListMock: {
7
7
  } | {
8
8
  id: number;
9
9
  label: string;
10
- iconAfter: any;
10
+ iconAfter: string;
11
11
  isActive: boolean;
12
12
  })[];
13
13
  };
package/dist/types/components/Choice/stories/__mock__/index.d.ts CHANGED
@@ -4,8 +4,8 @@ declare const choiceListMock: {
4
4
  };
5
5
  choices: {
6
6
  label: string;
7
- iconAfter: any;
8
- iconBefore: any;
7
+ iconAfter: string;
8
+ iconBefore: string;
9
9
  value: number;
10
10
  }[];
11
11
  };
@@ -14,7 +14,7 @@ declare const choiceListIconMock: {
14
14
  value: number;
15
15
  };
16
16
  choices: {
17
- icon: any;
17
+ icon: string;
18
18
  value: number;
19
19
  }[];
20
20
  };
package/dist/types/components/DatePicker/DatePicker.appearance.d.ts CHANGED
@@ -21,16 +21,16 @@ export declare const datePickerAppearance: {
21
21
  daySize: string;
22
22
  dayTextSize: string;
23
23
  iconFillSize: number;
24
- iconLeft: any;
25
- iconRight: any;
24
+ iconLeft: string;
25
+ iconRight: string;
26
26
  };
27
27
  sizeM: {
28
28
  size: string;
29
29
  daySize: string;
30
30
  dayTextSize: string;
31
31
  iconFillSize: number;
32
- iconLeft: any;
33
- iconRight: any;
32
+ iconLeft: string;
33
+ iconRight: string;
34
34
  iconSize: number;
35
35
  monthTextSize: string;
36
36
  yearTextSize: string;
@@ -40,8 +40,8 @@ export declare const datePickerAppearance: {
40
40
  daySize: string;
41
41
  dayTextSize: string;
42
42
  iconFillSize: number;
43
- iconLeft: any;
44
- iconRight: any;
43
+ iconLeft: string;
44
+ iconRight: string;
45
45
  };
46
46
  surfacePrimary: {
47
47
  dayTextColor: string;
package/dist/types/components/DatePicker/appearance/datePickerSize.d.ts CHANGED
@@ -4,16 +4,16 @@ declare const datePickerSize: {
4
4
  daySize: string;
5
5
  dayTextSize: string;
6
6
  iconFillSize: number;
7
- iconLeft: any;
8
- iconRight: any;
7
+ iconLeft: string;
8
+ iconRight: string;
9
9
  };
10
10
  sizeM: {
11
11
  size: string;
12
12
  daySize: string;
13
13
  dayTextSize: string;
14
14
  iconFillSize: number;
15
- iconLeft: any;
16
- iconRight: any;
15
+ iconLeft: string;
16
+ iconRight: string;
17
17
  iconSize: number;
18
18
  monthTextSize: string;
19
19
  yearTextSize: string;
@@ -23,8 +23,8 @@ declare const datePickerSize: {
23
23
  daySize: string;
24
24
  dayTextSize: string;
25
25
  iconFillSize: number;
26
- iconLeft: any;
27
- iconRight: any;
26
+ iconLeft: string;
27
+ iconRight: string;
28
28
  };
29
29
  };
30
30
  export { datePickerSize };
package/dist/types/components/Drawer/appearance/drawerSurface.d.ts CHANGED
@@ -7,7 +7,7 @@ declare const drawerAppearanceSurface: {
7
7
  descTextColor: string;
8
8
  descTextSize: string;
9
9
  iconSize: number;
10
- closeIcon: any;
10
+ closeIcon: string;
11
11
  closeIconFillIcon: string;
12
12
  };
13
13
  surfaceSecondary: {
package/dist/types/components/Dropdown/stories/__mock__/index.d.ts CHANGED
@@ -15,14 +15,14 @@ declare const dropdownListMock: ({
15
15
  } | {
16
16
  key: number;
17
17
  label: string;
18
- iconBefore: any;
18
+ iconBefore: string;
19
19
  isActive: boolean;
20
20
  badgeValue?: undefined;
21
21
  iconAfter?: undefined;
22
22
  } | {
23
23
  key: number;
24
24
  label: string;
25
- iconAfter: any;
25
+ iconAfter: string;
26
26
  isActive: boolean;
27
27
  badgeValue?: undefined;
28
28
  iconBefore?: undefined;
@@ -58,27 +58,27 @@ declare const dropdownListSimpleMock: ({
58
58
  declare const dropdownListBeforeMock: ({
59
59
  key: number;
60
60
  label: string;
61
- iconBefore: any;
61
+ iconBefore: string;
62
62
  isActive: boolean;
63
63
  badgeValue?: undefined;
64
64
  } | {
65
65
  key: number;
66
66
  label: string;
67
67
  badgeValue: number;
68
- iconBefore: any;
68
+ iconBefore: string;
69
69
  isActive: boolean;
70
70
  })[];
71
71
  declare const dropdownListAfterMock: ({
72
72
  key: number;
73
73
  label: string;
74
- iconAfter: any;
74
+ iconAfter: string;
75
75
  isActive: boolean;
76
76
  badgeValue?: undefined;
77
77
  } | {
78
78
  key: number;
79
79
  label: string;
80
80
  badgeValue: number;
81
- iconAfter: any;
81
+ iconAfter: string;
82
82
  isActive: boolean;
83
83
  })[];
84
84
  export { dropdownListMock, dropdownListSimpleMock, dropdownListBeforeMock, dropdownListAfterMock, dropdownListMessageMock, dropdownListBadgeMock, };
package/dist/types/components/Notification/appearance/notificationDefault.d.ts CHANGED
@@ -9,7 +9,7 @@ declare const notificationAppearanceDefault: {
9
9
  borderColor: string;
10
10
  textColor: string;
11
11
  iconSize: number;
12
- closeIcon: any;
12
+ closeIcon: string;
13
13
  closeIconFillIcon: string;
14
14
  };
15
15
  };
package/dist/types/components/Notification/appearance/notificationError.d.ts CHANGED
@@ -9,7 +9,7 @@ declare const notificationAppearanceError: {
9
9
  borderColor: string;
10
10
  textColor: string;
11
11
  iconSize: number;
12
- closeIcon: any;
12
+ closeIcon: string;
13
13
  closeIconFillIcon: string;
14
14
  };
15
15
  };
package/dist/types/components/Notification/appearance/notificationInfo.d.ts CHANGED
@@ -9,7 +9,7 @@ declare const notificationAppearanceInfo: {
9
9
  borderColor: string;
10
10
  textColor: string;
11
11
  iconSize: number;
12
- closeIcon: any;
12
+ closeIcon: string;
13
13
  closeIconFillIcon: string;
14
14
  };
15
15
  };
package/dist/types/components/Notification/appearance/notificationSuccess.d.ts CHANGED
@@ -9,7 +9,7 @@ declare const notificationAppearanceSuccess: {
9
9
  borderColor: string;
10
10
  textColor: string;
11
11
  iconSize: number;
12
- closeIcon: any;
12
+ closeIcon: string;
13
13
  closeIconFillIcon: string;
14
14
  };
15
15
  };
package/dist/types/components/Notification/appearance/notificationWarning.d.ts CHANGED
@@ -9,7 +9,7 @@ declare const notificationAppearanceWarning: {
9
9
  borderColor: string;
10
10
  textColor: string;
11
11
  iconSize: number;
12
- closeIcon: any;
12
+ closeIcon: string;
13
13
  closeIconFillIcon: string;
14
14
  };
15
15
  };
package/dist/types/components/Pagination/appearance/paginationSize.d.ts CHANGED
@@ -3,74 +3,74 @@ declare const paginationAppearanceSize: {
3
3
  size: string;
4
4
  labelTextSize: string;
5
5
  textSize: string;
6
- builderIcon: any;
6
+ builderIcon: string;
7
7
  iconAfterFillSize: string;
8
8
  iconAfterSize: string;
9
9
  iconBeforeFillSize: string;
10
10
  iconBeforeSize: string;
11
- nextIcon: any;
11
+ nextIcon: string;
12
12
  pageCountDescTextSize: string;
13
13
  pageCountDropdownItemDividerSize: string;
14
14
  pageCountDropdownItemLabelSize: string;
15
15
  pageCountDropdownItemSize: string;
16
16
  pageCountDropdownItemWidth: string;
17
- pageCountInputIcon: any;
17
+ pageCountInputIcon: string;
18
18
  pageCountInputIconFillSize: string;
19
19
  pageCountInputTextSize: string;
20
- previousIcon: any;
20
+ previousIcon: string;
21
21
  };
22
22
  sizeM: {
23
23
  size: string;
24
24
  labelTextSize: string;
25
25
  textSize: string;
26
- builderIcon: any;
26
+ builderIcon: string;
27
27
  iconAfterFillSize: string;
28
28
  iconAfterSize: string;
29
29
  iconBeforeFillSize: string;
30
30
  iconBeforeSize: string;
31
- nextIcon: any;
31
+ nextIcon: string;
32
32
  pageCountDescTextSize: string;
33
33
  pageCountDropdownItemDividerSize: string;
34
34
  pageCountDropdownItemLabelSize: string;
35
35
  pageCountDropdownItemSize: string;
36
- pageCountInputIcon: any;
36
+ pageCountInputIcon: string;
37
37
  pageCountInputIconFillSize: string;
38
38
  pageCountInputTextSize: string;
39
- previousIcon: any;
39
+ previousIcon: string;
40
40
  };
41
41
  sizeS: {
42
42
  size: string;
43
43
  labelTextSize: string;
44
44
  textSize: string;
45
- builderIcon: any;
45
+ builderIcon: string;
46
46
  iconAfterFillSize: string;
47
47
  iconAfterSize: string;
48
48
  iconBeforeFillSize: string;
49
49
  iconBeforeSize: string;
50
- nextIcon: any;
50
+ nextIcon: string;
51
51
  pageCountDescTextSize: string;
52
52
  pageCountDropdownItemDividerSize: string;
53
53
  pageCountDropdownItemLabelSize: string;
54
54
  pageCountDropdownItemSize: string;
55
- pageCountInputIcon: any;
55
+ pageCountInputIcon: string;
56
56
  pageCountInputTextSize: string;
57
- previousIcon: any;
57
+ previousIcon: string;
58
58
  };
59
59
  sizeXS: {
60
60
  size: string;
61
61
  labelTextSize: string;
62
62
  textSize: string;
63
63
  beforeSize: string;
64
- builderIcon: any;
64
+ builderIcon: string;
65
65
  iconAfterFillSize: string;
66
- nextIcon: any;
66
+ nextIcon: string;
67
67
  pageCountDescTextSize: string;
68
68
  pageCountDropdownItemDividerSize: string;
69
69
  pageCountDropdownItemLabelSize: string;
70
70
  pageCountDropdownItemSize: string;
71
- pageCountInputIcon: any;
71
+ pageCountInputIcon: string;
72
72
  pageCountInputTextSize: string;
73
- previousIcon: any;
73
+ previousIcon: string;
74
74
  };
75
75
  };
76
76
  export { paginationAppearanceSize };
package/dist/types/components/Search/appearance/searchSize.d.ts CHANGED
@@ -1,43 +1,43 @@
1
1
  declare const searchAppearanceSize: {
2
2
  sizeXXL: {
3
3
  size: string;
4
- iconBefore: any;
5
- iconClear: any;
4
+ iconBefore: string;
5
+ iconClear: string;
6
6
  inputTextSize: string;
7
7
  placeholderTextSize: string;
8
8
  };
9
9
  sizeXL: {
10
10
  size: string;
11
- iconBefore: any;
12
- iconClear: any;
11
+ iconBefore: string;
12
+ iconClear: string;
13
13
  inputTextSize: string;
14
14
  placeholderTextSize: string;
15
15
  };
16
16
  sizeL: {
17
17
  size: string;
18
- iconBefore: any;
19
- iconClear: any;
18
+ iconBefore: string;
19
+ iconClear: string;
20
20
  inputTextSize: string;
21
21
  placeholderTextSize: string;
22
22
  };
23
23
  sizeM: {
24
24
  size: string;
25
- iconBefore: any;
26
- iconClear: any;
25
+ iconBefore: string;
26
+ iconClear: string;
27
27
  inputTextSize: string;
28
28
  placeholderTextSize: string;
29
29
  };
30
30
  sizeS: {
31
31
  size: string;
32
- iconBefore: any;
33
- iconClear: any;
32
+ iconBefore: string;
33
+ iconClear: string;
34
34
  inputTextSize: string;
35
35
  placeholderTextSize: string;
36
36
  };
37
37
  sizeXS: {
38
38
  size: string;
39
- iconBefore: any;
40
- iconClear: any;
39
+ iconBefore: string;
40
+ iconClear: string;
41
41
  inputTextSize: string;
42
42
  placeholderTextSize: string;
43
43
  };
package/dist/types/components/Segmented/stories/__mock__/index.d.ts CHANGED
@@ -4,8 +4,8 @@ declare const segmentedMock: {
4
4
  };
5
5
  segments: {
6
6
  label: string;
7
- iconAfter: any;
8
- iconBefore: any;
7
+ iconAfter: string;
8
+ iconBefore: string;
9
9
  value: number;
10
10
  }[];
11
11
  };
@@ -18,20 +18,20 @@ declare const segmentedIconMock: {
18
18
  }[];
19
19
  declare const segmentedMockSize: {
20
20
  14: {
21
- iconAfter: any;
22
- iconBefore: any;
21
+ iconAfter: string;
22
+ iconBefore: string;
23
23
  label: string;
24
24
  value: number;
25
25
  }[];
26
26
  16: {
27
- iconAfter: any;
28
- iconBefore: any;
27
+ iconAfter: string;
28
+ iconBefore: string;
29
29
  label: string;
30
30
  value: number;
31
31
  }[];
32
32
  20: {
33
- iconAfter: any;
34
- iconBefore: any;
33
+ iconAfter: string;
34
+ iconBefore: string;
35
35
  label: string;
36
36
  value: number;
37
37
  }[];
package/dist/types/components/Tab/stories/__mock__/index.d.ts CHANGED
@@ -14,7 +14,7 @@ declare const tabListMock: {
14
14
  } | {
15
15
  key: number;
16
16
  label: string;
17
- icon: any;
17
+ icon: string;
18
18
  isActive: boolean;
19
19
  badgeValue?: undefined;
20
20
  })[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.8.42",
3
+ "version": "1.8.43",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",
@@ -102,20 +102,21 @@
102
102
  "dependencies": {
103
103
  "@emotion/is-prop-valid": "^1.3.1",
104
104
  "@itcase/common": "^1.2.28",
105
- "@itcase/icons": "^1.2.6",
106
- "@itcase/storybook-config": "^1.1.34",
105
+ "@itcase/icons": "^1.2.11",
106
+ "@itcase/storybook-config": "^1.1.37",
107
107
  "@itcase/tokens-am": "^1.1.13",
108
108
  "@itcase/tokens-baikal": "^1.1.9",
109
109
  "@itcase/tokens-palette": "^1.1.11",
110
+ "@storybook/addon-vitest": "^9.0.16",
110
111
  "clsx": "^2.1.1",
111
112
  "date-fns": "^4.1.0",
112
113
  "eslint-import-resolver-alias": "^1.1.2",
113
114
  "eslint-plugin-import": "^2.32.0",
114
- "framer-motion": "^12.23.0",
115
+ "framer-motion": "^12.23.5",
115
116
  "js-cookie": "^3.0.5",
116
117
  "lodash": "^4.17.21",
117
- "luxon": "^3.6.1",
118
- "motion": "^12.23.0",
118
+ "luxon": "^3.7.1",
119
+ "motion": "^12.23.5",
119
120
  "rc-slider": "^11.1.8",
120
121
  "react": "^18.3.1",
121
122
  "react-dadata": "^2.27.4",
@@ -130,7 +131,7 @@
130
131
  "react-responsive": "^10.0.1",
131
132
  "react-scroll": "^1.9.3",
132
133
  "react-scrollbars-custom": "^4.1.1",
133
- "react-select": "^5.10.1",
134
+ "react-select": "^5.10.2",
134
135
  "simplebar-react": "^3.3.2",
135
136
  "swiper": "^11.2.10",
136
137
  "uuid": "^11.1.0"
@@ -141,7 +142,7 @@
141
142
  "@babel/preset-react": "^7.27.1",
142
143
  "@commitlint/cli": "^19.8.1",
143
144
  "@commitlint/config-conventional": "^19.8.1",
144
- "@itcase/config": "^1.0.48",
145
+ "@itcase/config": "^1.0.51",
145
146
  "@itcase/lint": "^1.1.21",
146
147
  "@itcase/types": "^1.0.5",
147
148
  "@rollup/plugin-alias": "^5.1.1",
@@ -167,19 +168,19 @@
167
168
  "babel-plugin-inline-react-svg": "^2.0.2",
168
169
  "babel-plugin-react-docgen": "^4.2.1",
169
170
  "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
170
- "conventional-changelog-conventionalcommits": "^9.0.0",
171
- "eslint": "9.30.1",
171
+ "conventional-changelog-conventionalcommits": "^9.1.0",
172
+ "eslint": "9.31.0",
172
173
  "husky": "^9.1.7",
173
174
  "lint-staged": "^16.1.2",
174
175
  "npm": "^11.4.2",
175
176
  "prettier": "^3.6.2",
176
177
  "react-docgen-typescript": "^2.4.0",
177
- "rollup": "^4.44.2",
178
+ "rollup": "^4.45.0",
178
179
  "rollup-plugin-copy": "^3.5.0",
179
180
  "rollup-plugin-dts": "^6.2.1",
180
181
  "rollup-plugin-peer-deps-external": "^2.2.4",
181
182
  "rollup-preserve-directives": "^1.1.3",
182
- "semantic-release": "^24.2.6",
183
+ "semantic-release": "^24.2.7",
183
184
  "storybook": "^9.0.16",
184
185
  "stylelint": "^16.21.1",
185
186
  "typescript": "^5.8.3"