@itcase/ui 1.0.66 → 1.0.70

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 (75) hide show
  1. package/dist/components/Accordion.js +349 -0
  2. package/dist/components/Avatar.js +100 -0
  3. package/dist/components/Background.js +172 -0
  4. package/dist/components/Badge.js +109 -32
  5. package/dist/components/Breadcrumbs.js +414 -0
  6. package/dist/components/Button.js +364 -59
  7. package/dist/components/Caption.js +129 -0
  8. package/dist/components/Card.js +171 -0
  9. package/dist/components/Cell.js +190 -0
  10. package/dist/components/Checkbox.js +14 -0
  11. package/dist/components/Chips.js +247 -0
  12. package/dist/components/Choice.js +60 -0
  13. package/dist/components/Code.js +119 -0
  14. package/dist/components/ContextMenu.js +83 -0
  15. package/dist/components/CookiesWarning.js +55 -6
  16. package/dist/components/DadataHintField.js +49 -0
  17. package/dist/components/DatePicker.js +71 -8
  18. package/dist/components/Divider.js +165 -0
  19. package/dist/components/Dot.js +157 -0
  20. package/dist/components/Drawer.js +77 -0
  21. package/dist/components/Dropdown.js +421 -0
  22. package/dist/components/Empty.js +124 -3
  23. package/dist/components/Fader.js +128 -0
  24. package/dist/components/Flex.js +898 -0
  25. package/dist/components/FormField.js +306 -2
  26. package/dist/components/Grid.js +1299 -0
  27. package/dist/components/Group.js +377 -0
  28. package/dist/components/Icon.js +342 -0
  29. package/dist/components/Image.js +326 -0
  30. package/dist/components/Input.js +88 -0
  31. package/dist/components/InputPassword.js +88 -0
  32. package/dist/components/Label.js +255 -1
  33. package/dist/components/LanguageSelector.js +35 -0
  34. package/dist/components/Link.js +324 -0
  35. package/dist/components/List.js +349 -0
  36. package/dist/components/Loader.js +49 -0
  37. package/dist/components/Logo.js +49 -0
  38. package/dist/components/Menu.js +98 -0
  39. package/dist/components/MenuItem.js +386 -0
  40. package/dist/components/Modal.js +147 -0
  41. package/dist/components/Notification.js +133 -0
  42. package/dist/components/Page.js +308 -0
  43. package/dist/components/Pagination.js +30 -2
  44. package/dist/components/RadioButton.js +28 -0
  45. package/dist/components/RangeSlider.js +171 -0
  46. package/dist/components/Scrollbar.js +14 -0
  47. package/dist/components/Search.js +299 -0
  48. package/dist/components/Segmented.js +60 -0
  49. package/dist/components/Select.js +524 -1
  50. package/dist/components/SiteMenu.js +70 -0
  51. package/dist/components/Swiper.js +361 -0
  52. package/dist/components/Switch.js +49 -0
  53. package/dist/components/Tab.js +750 -3
  54. package/dist/components/Text.js +218 -2
  55. package/dist/components/Textarea.js +78 -2
  56. package/dist/components/Tile.js +366 -2
  57. package/dist/components/Title.js +235 -0
  58. package/dist/components/Tooltip.js +195 -0
  59. package/dist/components/Video.js +98 -0
  60. package/dist/components/Wrapper.js +316 -0
  61. package/dist/constants/componentProps/iconSize.js +1 -1
  62. package/dist/constants/componentProps/itemColor.js +5 -0
  63. package/dist/constants/componentProps/size.js +1 -1
  64. package/dist/constants/componentProps/textSize.js +5 -0
  65. package/dist/constants/componentProps/textWrap.js +5 -0
  66. package/dist/constants.js +8 -2
  67. package/dist/context/Notifications.js +14 -0
  68. package/dist/css/components/Badge/Badge.css +1 -1
  69. package/dist/css/components/Button/Button.css +1 -1
  70. package/dist/css/components/DatePicker/DatePicker.css +6 -1
  71. package/dist/css/components/RadioButton/RadioButton.css +19 -19
  72. package/dist/css/components/Segmented/Segmented.css +6 -8
  73. package/dist/css/styles/constraints/constraints.css +42 -29
  74. package/dist/css/styles/width/width.css +3 -1
  75. package/package.json +2 -1
package/dist/components/Text.js CHANGED
@@ -63,7 +63,7 @@ function Text(props) {
63
63
  propsKey: 'textColorActive'
64
64
  });
65
65
  const textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
66
- prefix: 'text-color-hover_',
66
+ prefix: 'text-color_hover_',
67
67
  propsKey: 'textColorHover'
68
68
  });
69
69
  const textGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
@@ -119,10 +119,226 @@ Text.propTypes = {
119
119
  textWeightTablet: PropTypes__default.default.oneOf(textWeight.default),
120
120
  type: PropTypes__default.default.string,
121
121
  htmlFor: PropTypes__default.default.string,
122
- onClick: PropTypes__default.default.fund
122
+ onClick: PropTypes__default.default.func
123
123
  };
124
124
  Text.defaultProps = {
125
125
  tag: 'span'
126
126
  };
127
+ Text.__docgenInfo = {
128
+ "description": "",
129
+ "methods": [],
130
+ "displayName": "Text",
131
+ "props": {
132
+ "tag": {
133
+ "defaultValue": {
134
+ "value": "'span'",
135
+ "computed": false
136
+ },
137
+ "description": "",
138
+ "type": {
139
+ "name": "string"
140
+ },
141
+ "required": false
142
+ },
143
+ "after": {
144
+ "description": "",
145
+ "type": {
146
+ "name": "any"
147
+ },
148
+ "required": false
149
+ },
150
+ "before": {
151
+ "description": "",
152
+ "type": {
153
+ "name": "any"
154
+ },
155
+ "required": false
156
+ },
157
+ "children": {
158
+ "description": "",
159
+ "type": {
160
+ "name": "any"
161
+ },
162
+ "required": false
163
+ },
164
+ "className": {
165
+ "description": "",
166
+ "type": {
167
+ "name": "string"
168
+ },
169
+ "required": false
170
+ },
171
+ "size": {
172
+ "description": "",
173
+ "type": {
174
+ "name": "enum",
175
+ "computed": true,
176
+ "value": "sizeProps"
177
+ },
178
+ "required": false
179
+ },
180
+ "sizeDesktop": {
181
+ "description": "",
182
+ "type": {
183
+ "name": "enum",
184
+ "computed": true,
185
+ "value": "sizeProps"
186
+ },
187
+ "required": false
188
+ },
189
+ "sizeMobile": {
190
+ "description": "",
191
+ "type": {
192
+ "name": "enum",
193
+ "computed": true,
194
+ "value": "sizeProps"
195
+ },
196
+ "required": false
197
+ },
198
+ "sizeTablet": {
199
+ "description": "",
200
+ "type": {
201
+ "name": "enum",
202
+ "computed": true,
203
+ "value": "sizeProps"
204
+ },
205
+ "required": false
206
+ },
207
+ "cursor": {
208
+ "description": "",
209
+ "type": {
210
+ "name": "string"
211
+ },
212
+ "required": false
213
+ },
214
+ "textColor": {
215
+ "description": "",
216
+ "type": {
217
+ "name": "enum",
218
+ "computed": true,
219
+ "value": "textColorProps"
220
+ },
221
+ "required": false
222
+ },
223
+ "textColorMobile": {
224
+ "description": "",
225
+ "type": {
226
+ "name": "enum",
227
+ "computed": true,
228
+ "value": "textColorProps"
229
+ },
230
+ "required": false
231
+ },
232
+ "textColorTablet": {
233
+ "description": "",
234
+ "type": {
235
+ "name": "enum",
236
+ "computed": true,
237
+ "value": "textColorProps"
238
+ },
239
+ "required": false
240
+ },
241
+ "textColorDesktop": {
242
+ "description": "",
243
+ "type": {
244
+ "name": "enum",
245
+ "computed": true,
246
+ "value": "textColorProps"
247
+ },
248
+ "required": false
249
+ },
250
+ "textColorActive": {
251
+ "description": "",
252
+ "type": {
253
+ "name": "enum",
254
+ "computed": true,
255
+ "value": "textColorActiveProps"
256
+ },
257
+ "required": false
258
+ },
259
+ "textColorHover": {
260
+ "description": "",
261
+ "type": {
262
+ "name": "enum",
263
+ "computed": true,
264
+ "value": "textColorHoverProps"
265
+ },
266
+ "required": false
267
+ },
268
+ "textGradient": {
269
+ "description": "",
270
+ "type": {
271
+ "name": "string"
272
+ },
273
+ "required": false
274
+ },
275
+ "textStyle": {
276
+ "description": "",
277
+ "type": {
278
+ "name": "enum",
279
+ "computed": true,
280
+ "value": "textStyleProps"
281
+ },
282
+ "required": false
283
+ },
284
+ "textWeight": {
285
+ "description": "",
286
+ "type": {
287
+ "name": "enum",
288
+ "computed": true,
289
+ "value": "textWeightProps"
290
+ },
291
+ "required": false
292
+ },
293
+ "textWeightDesktop": {
294
+ "description": "",
295
+ "type": {
296
+ "name": "enum",
297
+ "computed": true,
298
+ "value": "textWeightProps"
299
+ },
300
+ "required": false
301
+ },
302
+ "textWeightMobile": {
303
+ "description": "",
304
+ "type": {
305
+ "name": "enum",
306
+ "computed": true,
307
+ "value": "textWeightProps"
308
+ },
309
+ "required": false
310
+ },
311
+ "textWeightTablet": {
312
+ "description": "",
313
+ "type": {
314
+ "name": "enum",
315
+ "computed": true,
316
+ "value": "textWeightProps"
317
+ },
318
+ "required": false
319
+ },
320
+ "type": {
321
+ "description": "",
322
+ "type": {
323
+ "name": "string"
324
+ },
325
+ "required": false
326
+ },
327
+ "htmlFor": {
328
+ "description": "",
329
+ "type": {
330
+ "name": "string"
331
+ },
332
+ "required": false
333
+ },
334
+ "onClick": {
335
+ "description": "",
336
+ "type": {
337
+ "name": "func"
338
+ },
339
+ "required": false
340
+ }
341
+ }
342
+ };
127
343
 
128
344
  exports.Text = Text;
package/dist/components/Textarea.js CHANGED
@@ -24,7 +24,6 @@ const textareaConfig = {
24
24
  };
25
25
  function Textarea(props) {
26
26
  const {
27
- state,
28
27
  id,
29
28
  className,
30
29
  placeholder,
@@ -38,7 +37,7 @@ function Textarea(props) {
38
37
  prefix: 'fill_',
39
38
  propsKey: 'fill'
40
39
  });
41
- var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
40
+ const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
42
41
  prefix: 'border-color_',
43
42
  propsKey: 'borderColor'
44
43
  });
@@ -103,6 +102,83 @@ Textarea.propTypes = {
103
102
  Textarea.defaultProps = {
104
103
  size: 'm'
105
104
  };
105
+ Textarea.__docgenInfo = {
106
+ "description": "",
107
+ "methods": [],
108
+ "displayName": "Textarea",
109
+ "props": {
110
+ "size": {
111
+ "defaultValue": {
112
+ "value": "'m'",
113
+ "computed": false
114
+ },
115
+ "required": false
116
+ },
117
+ "id": {
118
+ "description": "",
119
+ "type": {
120
+ "name": "string"
121
+ },
122
+ "required": false
123
+ },
124
+ "className": {
125
+ "description": "",
126
+ "type": {
127
+ "name": "string"
128
+ },
129
+ "required": false
130
+ },
131
+ "placeholder": {
132
+ "description": "",
133
+ "type": {
134
+ "name": "string"
135
+ },
136
+ "required": false
137
+ },
138
+ "value": {
139
+ "description": "",
140
+ "type": {
141
+ "name": "string"
142
+ },
143
+ "required": false
144
+ },
145
+ "checked": {
146
+ "description": "",
147
+ "type": {
148
+ "name": "bool"
149
+ },
150
+ "required": false
151
+ },
152
+ "disabled": {
153
+ "description": "",
154
+ "type": {
155
+ "name": "bool"
156
+ },
157
+ "required": false
158
+ },
159
+ "onBlur": {
160
+ "description": "",
161
+ "type": {
162
+ "name": "func"
163
+ },
164
+ "required": false
165
+ },
166
+ "onChange": {
167
+ "description": "",
168
+ "type": {
169
+ "name": "func"
170
+ },
171
+ "required": false
172
+ },
173
+ "onKeyDown": {
174
+ "description": "",
175
+ "type": {
176
+ "name": "func"
177
+ },
178
+ "required": false
179
+ }
180
+ }
181
+ };
106
182
 
107
183
  exports.Textarea = Textarea;
108
184
  exports.textareaConfig = textareaConfig;