@itcase/ui 1.8.33 → 1.8.34

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 (59) hide show
  1. package/dist/{DatePicker_cjs_CJl9V32f.js → DatePicker_cjs_C-VbK2J4.js} +1 -1
  2. package/dist/{DatePicker_es_C2Pi6aB-.js → DatePicker_es_CIEHQyHC.js} +1 -1
  3. package/dist/{Label_cjs_CZMMdwt5.js → Label_cjs_BWbVsB-u.js} +3 -3
  4. package/dist/{Label_es_DmDqs4Rc.js → Label_es_ouC2i_iI.js} +3 -3
  5. package/dist/cjs/components/Cell.js +1 -1
  6. package/dist/cjs/components/Choice/stories/__mock__.js +15 -15
  7. package/dist/cjs/components/Choice.js +33 -28
  8. package/dist/cjs/components/DatePeriod.js +2 -2
  9. package/dist/cjs/components/DatePicker.js +2 -2
  10. package/dist/cjs/components/Dropdown/stories/__mock__.js +2 -2
  11. package/dist/cjs/components/Label.js +1 -1
  12. package/dist/cjs/components/MenuItem.js +11 -6
  13. package/dist/cjs/components/Notification/stories/__mock__.js +4 -0
  14. package/dist/cjs/components/Notification.js +27 -9
  15. package/dist/cjs/components/Pagination.js +18 -9
  16. package/dist/cjs/components/Segmented/stories/__mock__.js +38 -0
  17. package/dist/cjs/components/Segmented.js +12 -9
  18. package/dist/components/Cell.js +1 -1
  19. package/dist/components/Choice/stories/__mock__.js +16 -16
  20. package/dist/components/Choice.js +33 -28
  21. package/dist/components/DatePeriod.js +2 -2
  22. package/dist/components/DatePicker.js +2 -2
  23. package/dist/components/Dropdown/stories/__mock__.js +2 -2
  24. package/dist/components/Label.js +1 -1
  25. package/dist/components/MenuItem.js +11 -6
  26. package/dist/components/Notification/stories/__mock__.js +4 -0
  27. package/dist/components/Notification.js +27 -9
  28. package/dist/components/Pagination.js +19 -10
  29. package/dist/components/Segmented/stories/__mock__.js +36 -0
  30. package/dist/components/Segmented.js +12 -9
  31. package/dist/css/components/Notification/Notification.css +23 -0
  32. package/dist/css/components/Pagination/Pagination.css +19 -6
  33. package/dist/css/components/Segmented/Segmented.css +24 -0
  34. package/dist/stories/CellOverview.mdx +3 -2
  35. package/dist/stories/DatePeriodPlayground.mdx +2 -2
  36. package/dist/stories/RangeSliderOverview.mdx +0 -3
  37. package/dist/stories/VideoOverview.mdx +2 -10
  38. package/dist/stories/VideoPlayground.mdx +2 -2
  39. package/dist/types/components/Choice/appearance/choiceDefault.d.ts +7 -0
  40. package/dist/types/components/Choice/appearance/choiceDisabled.d.ts +7 -0
  41. package/dist/types/components/Choice/appearance/choiceRequire.d.ts +6 -0
  42. package/dist/types/components/Choice/appearance/choiceStyle.d.ts +4 -0
  43. package/dist/types/components/Choice/appearance/choiceSuccess.d.ts +6 -0
  44. package/dist/types/components/Choice/stories/__mock__/index.d.ts +9 -3
  45. package/dist/types/components/Label/appearance/labelInfo.d.ts +1 -1
  46. package/dist/types/components/MenuItem/appearance/menuItemAccent.d.ts +1 -0
  47. package/dist/types/components/MenuItem/appearance/menuItemError.d.ts +1 -0
  48. package/dist/types/components/MenuItem/appearance/menuItemStyle.d.ts +6 -4
  49. package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts +1 -0
  50. package/dist/types/components/Notification/appearance/notificationInfo.d.ts +17 -0
  51. package/dist/types/components/Notification/appearance/notificationStyle.d.ts +4 -4
  52. package/dist/types/components/Notification/stories/__mock__/index.d.ts +1 -0
  53. package/dist/types/components/Pagination/appearance/paginationSize.d.ts +12 -0
  54. package/dist/types/components/Pagination/appearance/paginationSurface.d.ts +0 -5
  55. package/dist/types/components/Segmented/Segmented.interface.d.ts +1 -0
  56. package/dist/types/components/Segmented/appearance/segmentedSuccess.d.ts +1 -1
  57. package/dist/types/components/Segmented/stories/__mock__/index.d.ts +17 -0
  58. package/package.json +5 -5
  59. package/dist/types/components/Choice/appearance/choiceSurface.d.ts +0 -25
@@ -1,13 +1,15 @@
1
1
  declare const menuItemAppearanceStyle: {
2
- solid: {
2
+ full: {
3
3
  borderColor: string;
4
4
  };
5
- outlined: {
5
+ ghost: {
6
6
  fill: string;
7
+ borderColor: string;
7
8
  };
8
- full: {};
9
- ghost: {
9
+ outlined: {
10
10
  fill: string;
11
+ };
12
+ solid: {
11
13
  borderColor: string;
12
14
  };
13
15
  };
@@ -5,6 +5,7 @@ declare const menuItemAppearanceSurface: {
5
5
  fillActiveHover: string;
6
6
  fillHover: string;
7
7
  labelTextColor: string;
8
+ borderColor: string;
8
9
  iconAfterFillIcon: string;
9
10
  iconBeforeFillIcon: string;
10
11
  };
@@ -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
- full: {};
3
- ghost: {
4
- fill: string;
2
+ solid: {
5
3
  borderColor: string;
6
4
  };
7
5
  outlined: {
8
6
  fill: string;
9
7
  };
10
- solid: {
8
+ full: {};
9
+ ghost: {
10
+ fill: string;
11
11
  borderColor: string;
12
12
  };
13
13
  };
@@ -3,5 +3,6 @@ declare const notificationsMock: {
3
3
  title: string;
4
4
  desc: string;
5
5
  status: string;
6
+ closeByTime: boolean;
6
7
  }[];
7
8
  export { notificationsMock };
@@ -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
  }
@@ -1,5 +1,5 @@
1
1
  declare const segmentedAppearanceSuccess: {
2
- success: {
2
+ successPrimary: {
3
3
  fill: string;
4
4
  fillHover: string;
5
5
  labelTextColor: string;
@@ -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.33",
3
+ "version": "1.8.34",
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.1.6",
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.31.0",
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.18",
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.5.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 };