@itcase/ui 1.8.38 → 1.8.40

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 (162) hide show
  1. package/dist/{Avatar_cjs_nMPCDjk8.js → Avatar_cjs_BbeDJ-No.js} +2 -2
  2. package/dist/{Avatar_es_B73a6TzA.js → Avatar_es_B1Ao9Im_.js} +2 -2
  3. package/dist/{Button_cjs_plv5-qcj.js → Button_cjs_Ctkyt2ES.js} +1 -1
  4. package/dist/{Button_es_BigB2Wz6.js → Button_es_BiIuX0ER.js} +1 -1
  5. package/dist/{ChipsGroup_cjs_DrOhD-Fc.js → ChipsGroup_cjs_p99H-9a8.js} +48 -64
  6. package/dist/{ChipsGroup_es_B9m4l0wN.js → ChipsGroup_es_CWq3TR_1.js} +48 -64
  7. package/dist/{DatePicker_cjs_DKoF73mp.js → DatePicker_cjs_D_1v2mS0.js} +3 -3
  8. package/dist/{DatePicker_es_CdEYxtwj.js → DatePicker_es_CQwbdG0g.js} +3 -3
  9. package/dist/{DropdownItem_cjs_DQvByLbN.js → DropdownItem_cjs_B1gGciTB.js} +26 -9
  10. package/dist/{DropdownItem_es_KppIfto7.js → DropdownItem_es_JVT4f6Nb.js} +26 -9
  11. package/dist/{Image_cjs_CCWqbNn4.js → Image_cjs_2zEjohYE.js} +5 -4
  12. package/dist/{Image_es_DZUVp0FS.js → Image_es_ChF-63wh.js} +5 -4
  13. package/dist/{Label_cjs_BGJfyrOL.js → Label_cjs_Mb8j2bLu.js} +1 -5
  14. package/dist/{Label_es_C4Px7b-N.js → Label_es_CIDBUVgO.js} +1 -5
  15. package/dist/{Tooltip_cjs_DHduWa-v.js → Tooltip_cjs_BBwH8sjA.js} +16 -6
  16. package/dist/{Tooltip_es_ltCY-w4M.js → Tooltip_es_Y2aoFQW7.js} +16 -6
  17. package/dist/cjs/components/Accordion.js +3 -1
  18. package/dist/cjs/components/Avatar.js +5 -3
  19. package/dist/cjs/components/AvatarStack.js +5 -3
  20. package/dist/cjs/components/Badge.js +3 -1
  21. package/dist/cjs/components/Breadcrumbs.js +3 -1
  22. package/dist/cjs/components/Button.js +4 -2
  23. package/dist/cjs/components/Cell.js +4 -2
  24. package/dist/cjs/components/Chips.js +5 -2
  25. package/dist/cjs/components/Choice.js +3 -1
  26. package/dist/cjs/components/CookiesWarning.js +4 -2
  27. package/dist/cjs/components/DatePeriod.js +8 -5
  28. package/dist/cjs/components/DatePicker.js +6 -4
  29. package/dist/cjs/components/Drawer.js +3 -1
  30. package/dist/cjs/components/Dropdown/stories/__mock__.js +27 -4
  31. package/dist/cjs/components/Dropdown.js +5 -3
  32. package/dist/cjs/components/HeroTitle.js +3 -1
  33. package/dist/cjs/components/Icon.js +3 -1
  34. package/dist/cjs/components/Image.js +5 -3
  35. package/dist/cjs/components/InputPassword.js +3 -1
  36. package/dist/cjs/components/Label.js +4 -2
  37. package/dist/cjs/components/Logo.js +7 -5
  38. package/dist/cjs/components/MenuItem.js +3 -1
  39. package/dist/cjs/components/Modal.js +3 -1
  40. package/dist/cjs/components/Notification.js +3 -1
  41. package/dist/cjs/components/Pagination.js +68 -21
  42. package/dist/cjs/components/Radio.js +45 -65
  43. package/dist/cjs/components/Response.js +8 -5
  44. package/dist/cjs/components/SVGContent.js +5 -3
  45. package/dist/cjs/components/Search.js +3 -1
  46. package/dist/cjs/components/Segmented.js +3 -1
  47. package/dist/cjs/components/Select.js +5 -3
  48. package/dist/cjs/components/Swiper.js +3 -1
  49. package/dist/cjs/components/Tab.js +3 -1
  50. package/dist/cjs/components/Textarea.js +1 -1
  51. package/dist/cjs/components/Tile.js +3 -1
  52. package/dist/cjs/components/Title.js +3 -1
  53. package/dist/cjs/components/Tooltip.js +3 -1
  54. package/dist/cjs/context/UrlAssetPrefix.js +17 -0
  55. package/dist/cjs/hoc/urlWithAssetPrefix.js +64 -0
  56. package/dist/cjs/hooks/useAppearanceConfig/useAppearanceConfig.js +29 -0
  57. package/dist/cjs/hooks/useAppearanceConfig.js +9 -0
  58. package/dist/components/Accordion.js +3 -1
  59. package/dist/components/Avatar.js +5 -3
  60. package/dist/components/AvatarStack.js +5 -3
  61. package/dist/components/Badge.js +3 -1
  62. package/dist/components/Breadcrumbs.js +3 -1
  63. package/dist/components/Button.js +4 -2
  64. package/dist/components/Cell.js +4 -2
  65. package/dist/components/Chips.js +5 -2
  66. package/dist/components/Choice.js +3 -1
  67. package/dist/components/CookiesWarning.js +4 -2
  68. package/dist/components/DatePeriod.js +8 -5
  69. package/dist/components/DatePicker.js +6 -4
  70. package/dist/components/Drawer.js +3 -1
  71. package/dist/components/Dropdown/stories/__mock__.js +26 -5
  72. package/dist/components/Dropdown.js +5 -3
  73. package/dist/components/HeroTitle.js +3 -1
  74. package/dist/components/Icon.js +3 -1
  75. package/dist/components/Image.js +5 -3
  76. package/dist/components/InputPassword.js +3 -1
  77. package/dist/components/Label.js +4 -2
  78. package/dist/components/Logo.js +7 -5
  79. package/dist/components/MenuItem.js +3 -1
  80. package/dist/components/Modal.js +3 -1
  81. package/dist/components/Notification.js +3 -1
  82. package/dist/components/Pagination.js +69 -22
  83. package/dist/components/Radio.js +45 -65
  84. package/dist/components/Response.js +8 -5
  85. package/dist/components/SVGContent.js +5 -3
  86. package/dist/components/Search.js +3 -1
  87. package/dist/components/Segmented.js +3 -1
  88. package/dist/components/Select.js +5 -3
  89. package/dist/components/Swiper.js +3 -1
  90. package/dist/components/Tab.js +3 -1
  91. package/dist/components/Textarea.js +1 -1
  92. package/dist/components/Tile.js +3 -1
  93. package/dist/components/Title.js +3 -1
  94. package/dist/components/Tooltip.js +3 -1
  95. package/dist/context/UrlAssetPrefix.js +14 -0
  96. package/dist/css/components/Dropdown/Dropdown.css +24 -0
  97. package/dist/css/components/Pagination/Pagination.css +82 -30
  98. package/dist/css/components/Pagination/css/__item/pagination__item.css +8 -8
  99. package/dist/css/components/Pagination/css/__item/pagination__item_size.css +8 -0
  100. package/dist/css/components/Pagination/css/__item/pagination__item_state_active.css +16 -16
  101. package/dist/css/components/Radio/Radio.css +44 -5
  102. package/dist/css/components/Select/Select.css +1 -0
  103. package/dist/css/components/Select/css/__indicators/select__indicators.css +1 -0
  104. package/dist/css/components/Swiper/Swiper.css +2 -2
  105. package/dist/css/styles/fill/fill.css +2 -1
  106. package/dist/css/styles/fill/fill_active.css +3 -0
  107. package/dist/css/styles/fill/fill_active_hover.css +7 -0
  108. package/dist/css/styles/fill/fill_hover.css +5 -9
  109. package/dist/hoc/urlWithAssetPrefix.js +62 -0
  110. package/dist/hooks/useAppearanceConfig/useAppearanceConfig.js +27 -0
  111. package/dist/hooks/useAppearanceConfig.js +3 -0
  112. package/dist/stories/ChipsOverview.mdx +10 -10
  113. package/dist/stories/ChipsPlayground.mdx +2 -2
  114. package/dist/stories/Components.mdx +378 -87
  115. package/dist/stories/useAppearanceConfig.mdx +83 -0
  116. package/dist/stories/useDevicePropsGenerator.mdx +6 -8
  117. package/dist/types/components/Chips/appearance/chipsDisabled.d.ts +2 -3
  118. package/dist/types/components/Dropdown/appearance/dropdownAccent.d.ts +5 -0
  119. package/dist/types/components/Dropdown/appearance/dropdownSize.d.ts +9 -0
  120. package/dist/types/components/Dropdown/appearance/dropdownSurface.d.ts +3 -0
  121. package/dist/types/components/Dropdown/stories/__mock__/index.d.ts +9 -12
  122. package/dist/types/components/Icon/Icon.d.ts +6 -2
  123. package/dist/types/components/Icon/appearance/iconDanger.d.ts +1 -0
  124. package/dist/types/components/Icon/appearance/iconDisabled.d.ts +1 -0
  125. package/dist/types/components/Icon/appearance/iconError.d.ts +1 -0
  126. package/dist/types/components/Icon/appearance/iconInfo.d.ts +0 -1
  127. package/dist/types/components/Icon/appearance/iconPrimary.d.ts +1 -0
  128. package/dist/types/components/Icon/appearance/iconSecondary.d.ts +1 -0
  129. package/dist/types/components/Icon/appearance/iconSuccess.d.ts +1 -0
  130. package/dist/types/components/Icon/appearance/iconSurface.d.ts +1 -0
  131. package/dist/types/components/Icon/appearance/iconWarning.d.ts +1 -0
  132. package/dist/types/components/Image/Image.d.ts +5 -2
  133. package/dist/types/components/Label/appearance/labelError.d.ts +0 -1
  134. package/dist/types/components/Label/appearance/labelGradient.d.ts +8 -0
  135. package/dist/types/components/Label/appearance/labelPrimary.d.ts +0 -1
  136. package/dist/types/components/Label/appearance/labelSuccess.d.ts +0 -1
  137. package/dist/types/components/Label/appearance/labelSurface.d.ts +0 -1
  138. package/dist/types/components/Logo/Logo.d.ts +6 -2
  139. package/dist/types/components/Pagination/appearance/paginationAccent.d.ts +22 -1
  140. package/dist/types/components/Pagination/appearance/paginationSize.d.ts +20 -1
  141. package/dist/types/components/Pagination/appearance/paginationSurface.d.ts +4 -1
  142. package/dist/types/components/Radio/Radio.appearance.d.ts +28 -48
  143. package/dist/types/components/Radio/appearance/radioDefault.d.ts +2 -14
  144. package/dist/types/components/Radio/appearance/radioDisabled.d.ts +5 -5
  145. package/dist/types/components/Radio/appearance/radioError.d.ts +6 -5
  146. package/dist/types/components/Radio/appearance/radioRequire.d.ts +5 -13
  147. package/dist/types/components/Radio/appearance/radioStyle.d.ts +4 -6
  148. package/dist/types/components/Radio/appearance/radioSuccess.d.ts +6 -5
  149. package/dist/types/components/Response/Response.d.ts +6 -2
  150. package/dist/types/components/Response/Response.interface.d.ts +3 -1
  151. package/dist/types/components/SVGContent/SVGContent.d.ts +5 -2
  152. package/dist/types/components/Select/SelectLoadingIndicator.d.ts +2 -1
  153. package/dist/types/config/forms/datepicker.d.ts +18 -0
  154. package/dist/types/config/forms/index.d.ts +3 -0
  155. package/dist/types/config/forms/input.d.ts +14 -0
  156. package/dist/types/context/UrlAssetPrefix.d.ts +12 -0
  157. package/dist/types/hoc/urlWithAssetPrefix.d.ts +8 -0
  158. package/dist/types/hooks/useAppearanceConfig/index.d.ts +1 -0
  159. package/dist/types/hooks/useAppearanceConfig/useAppearanceConfig.d.ts +7 -0
  160. package/dist/types/hooks/useDevicePropsGenerator/index.d.ts +1 -0
  161. package/package.json +22 -17
  162. package/dist/types/hooks/useDeviceTargetClass.d.ts +0 -5
@@ -1,3 +1,4 @@
1
+ import React from 'react';
1
2
  import { GroupBase, LoadingIndicatorProps } from 'react-select';
2
- declare const SelectLoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LoadingIndicatorProps<Option, IsMulti, Group>) => any;
3
+ declare const SelectLoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LoadingIndicatorProps<Option, IsMulti, Group>) => React.ReactNode;
3
4
  export { SelectLoadingIndicator };
@@ -0,0 +1,18 @@
1
+ declare const defaultDatepickerProps: {
2
+ size: string;
3
+ iconSize: number;
4
+ iconFillSize: number;
5
+ iconItemFill: string;
6
+ daySize: string;
7
+ dayTextColor: string;
8
+ dayTextSize: string;
9
+ dayTextShape: string;
10
+ monthTextColor: string;
11
+ monthTextSize: string;
12
+ monthTextWeight: number;
13
+ yearTextColor: string;
14
+ yearTextSize: string;
15
+ yearTextWeight: number;
16
+ placeholderTextColor: string;
17
+ };
18
+ export { defaultDatepickerProps };
@@ -0,0 +1,3 @@
1
+ import { defaultDatepickerProps } from './datepicker';
2
+ import { defaultInputProps } from './input';
3
+ export { defaultDatepickerProps, defaultInputProps };
@@ -0,0 +1,14 @@
1
+ declare const defaultInputProps: {
2
+ width: string;
3
+ borderColor: string;
4
+ caret: string;
5
+ errorBorderColor: string;
6
+ placeholderTextColor: string;
7
+ requiredBorderColor: string;
8
+ shape: string;
9
+ size: string;
10
+ textColor: string;
11
+ textColorDisabled: string;
12
+ textSize: string;
13
+ };
14
+ export { defaultInputProps };
@@ -0,0 +1,12 @@
1
+ type UrlAssetPrefixValue = {
2
+ assetPrefix?: string;
3
+ ignorePathsList?: Array<string | RegExp>;
4
+ };
5
+ type UrlAssetPrefixProviderProps = {
6
+ assetPrefix?: string;
7
+ children: React.ReactNode;
8
+ ignorePathsList?: Array<string | RegExp>;
9
+ };
10
+ declare const UrlAssetPrefixContext: import("react").Context<UrlAssetPrefixValue>;
11
+ declare function UrlAssetPrefixProvider(props: UrlAssetPrefixProviderProps): import("react/jsx-runtime").JSX.Element;
12
+ export { UrlAssetPrefixProvider, UrlAssetPrefixContext };
@@ -0,0 +1,8 @@
1
+ import React, { type ComponentType } from 'react';
2
+ type UrlWithAssetPrefixProps = {
3
+ imageSrc?: string;
4
+ src?: string;
5
+ svgSrc?: string;
6
+ };
7
+ declare const urlWithAssetPrefix: (WrappedComponent: ComponentType<UrlWithAssetPrefixProps>) => React.ForwardRefExoticComponent<UrlWithAssetPrefixProps & React.RefAttributes<HTMLDivElement>>;
8
+ export { urlWithAssetPrefix };
@@ -0,0 +1 @@
1
+ export { useAppearanceConfig } from './useAppearanceConfig';
@@ -0,0 +1,7 @@
1
+ import { AppearanceConfig } from '../useDevicePropsGenerator';
2
+ declare const useAppearanceConfig: <Keys extends string, Config extends Record<"disabled" | Keys, AppearanceConfig>>(appearance: string | undefined, componentConfig: {
3
+ appearance?: Partial<Config>;
4
+ }, isDisabled?: boolean) => {
5
+ appearanceConfig: AppearanceConfig | undefined;
6
+ };
7
+ export { useAppearanceConfig };
@@ -1 +1,2 @@
1
1
  export { useDevicePropsGenerator } from './useDevicePropsGenerator';
2
+ export type { AppearanceConfig } from './useDevicePropsGenerator.interface';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.8.38",
3
+ "version": "1.8.40",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",
@@ -44,6 +44,11 @@
44
44
  "import": "./dist/context/*.js",
45
45
  "require": "./dist/cjs/context/*.js"
46
46
  },
47
+ "./hoc/*": {
48
+ "types": "./dist/types/hoc/*.d.ts",
49
+ "import": "./dist/hoc/*.js",
50
+ "require": "./dist/cjs/hoc/*.js"
51
+ },
47
52
  "./hooks/*": {
48
53
  "types": "./dist/types/hooks/*.d.ts",
49
54
  "import": "./dist/hooks/*.js",
@@ -74,7 +79,7 @@
74
79
  "prepack": "npm run build",
75
80
  "semantic-release": "semantic-release",
76
81
  "typecheck": "tsc --noEmit",
77
- "storybook": "rm -rf node_modules/.cache/ && storybook dev -p 6006",
82
+ "storybook": "rm -rf node_modules/.cache/ && storybook dev -p 6006 --no-open",
78
83
  "build-storybook": "storybook build"
79
84
  },
80
85
  "files": [
@@ -98,19 +103,19 @@
98
103
  "@emotion/is-prop-valid": "^1.3.1",
99
104
  "@itcase/common": "^1.2.28",
100
105
  "@itcase/icons": "^1.2.6",
101
- "@itcase/storybook-config": "^1.1.14",
102
- "@itcase/tokens-am": "^1.1.9",
106
+ "@itcase/storybook-config": "^1.1.23",
107
+ "@itcase/tokens-am": "^1.1.13",
103
108
  "@itcase/tokens-baikal": "^1.1.9",
104
109
  "@itcase/tokens-palette": "^1.1.11",
105
110
  "clsx": "^2.1.1",
106
111
  "date-fns": "^4.1.0",
107
112
  "eslint-import-resolver-alias": "^1.1.2",
108
113
  "eslint-plugin-import": "^2.32.0",
109
- "framer-motion": "^12.19.1",
114
+ "framer-motion": "^12.23.0",
110
115
  "js-cookie": "^3.0.5",
111
116
  "lodash": "^4.17.21",
112
117
  "luxon": "^3.6.1",
113
- "motion": "^12.19.1",
118
+ "motion": "^12.23.0",
114
119
  "rc-slider": "^11.1.8",
115
120
  "react": "^18.3.1",
116
121
  "react-dadata": "^2.27.4",
@@ -126,13 +131,13 @@
126
131
  "react-scroll": "^1.9.3",
127
132
  "react-scrollbars-custom": "^4.1.1",
128
133
  "react-select": "^5.10.1",
129
- "simplebar-react": "^3.3.1",
130
- "swiper": "^11.2.8",
134
+ "simplebar-react": "^3.3.2",
135
+ "swiper": "^11.2.10",
131
136
  "uuid": "^11.1.0"
132
137
  },
133
138
  "devDependencies": {
134
- "@babel/core": "^7.27.4",
135
- "@babel/preset-env": "^7.27.2",
139
+ "@babel/core": "^7.28.0",
140
+ "@babel/preset-env": "^7.28.0",
136
141
  "@babel/preset-react": "^7.27.1",
137
142
  "@commitlint/cli": "^19.8.1",
138
143
  "@commitlint/config-conventional": "^19.8.1",
@@ -146,12 +151,12 @@
146
151
  "@rollup/plugin-json": "^6.1.0",
147
152
  "@rollup/plugin-node-resolve": "^16.0.1",
148
153
  "@rollup/plugin-terser": "^0.4.4",
149
- "@rollup/plugin-typescript": "^12.1.3",
154
+ "@rollup/plugin-typescript": "^12.1.4",
150
155
  "@semantic-release/changelog": "^6.0.3",
151
156
  "@semantic-release/git": "^10.0.1",
152
157
  "@semantic-release/release-notes-generator": "14.0.3",
153
158
  "@types/js-cookie": "^3.0.6",
154
- "@types/lodash": "^4.17.19",
159
+ "@types/lodash": "^4.17.20",
155
160
  "@types/luxon": "^3.6.2",
156
161
  "@types/react": "^19",
157
162
  "@types/react-datepicker": "^7.0.0",
@@ -163,21 +168,21 @@
163
168
  "babel-plugin-react-docgen": "^4.2.1",
164
169
  "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
165
170
  "conventional-changelog-conventionalcommits": "^9.0.0",
166
- "eslint": "9.29.0",
171
+ "eslint": "9.30.1",
167
172
  "husky": "^9.1.7",
168
173
  "lint-staged": "^16.1.2",
169
174
  "npm": "^11.4.2",
170
175
  "postcss": "^8.5.6",
171
- "prettier": "^3.6.1",
176
+ "prettier": "^3.6.2",
172
177
  "react-docgen-typescript": "^2.4.0",
173
- "rollup": "^4.44.1",
178
+ "rollup": "^4.44.2",
174
179
  "rollup-plugin-copy": "^3.5.0",
175
180
  "rollup-plugin-dts": "^6.2.1",
176
181
  "rollup-plugin-peer-deps-external": "^2.2.4",
177
182
  "rollup-preserve-directives": "^1.1.3",
178
- "semantic-release": "^24.2.5",
183
+ "semantic-release": "^24.2.6",
179
184
  "storybook": "^8.6.14",
180
- "stylelint": "^16.21.0",
185
+ "stylelint": "^16.21.1",
181
186
  "typescript": "^5.8.3"
182
187
  }
183
188
  }
@@ -1,5 +0,0 @@
1
- /** TODO:
2
- * Hook is still used in "itcase-forms".
3
- * Need replace with "useDevicePropsGenerator" and delete this.
4
- */
5
- export function useDeviceTargetClass(componentProps: any, hookProps: any): string | null;