@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
@@ -121,5 +121,176 @@ RangeSlider.propTypes = {
121
121
  widthMobile: PropTypes__default.default.oneOf(width.default),
122
122
  widthTablet: PropTypes__default.default.oneOf(width.default)
123
123
  };
124
+ RangeSlider.__docgenInfo = {
125
+ "description": "",
126
+ "methods": [],
127
+ "displayName": "RangeSlider",
128
+ "props": {
129
+ "after": {
130
+ "description": "",
131
+ "type": {
132
+ "name": "any"
133
+ },
134
+ "required": false
135
+ },
136
+ "before": {
137
+ "description": "",
138
+ "type": {
139
+ "name": "any"
140
+ },
141
+ "required": false
142
+ },
143
+ "children": {
144
+ "description": "",
145
+ "type": {
146
+ "name": "any"
147
+ },
148
+ "required": false
149
+ },
150
+ "className": {
151
+ "description": "",
152
+ "type": {
153
+ "name": "string"
154
+ },
155
+ "required": false
156
+ },
157
+ "desc": {
158
+ "description": "",
159
+ "type": {
160
+ "name": "string"
161
+ },
162
+ "required": false
163
+ },
164
+ "descSize": {
165
+ "description": "",
166
+ "type": {
167
+ "name": "string"
168
+ },
169
+ "required": false
170
+ },
171
+ "descTextColor": {
172
+ "description": "",
173
+ "type": {
174
+ "name": "string"
175
+ },
176
+ "required": false
177
+ },
178
+ "fill": {
179
+ "description": "",
180
+ "type": {
181
+ "name": "enum",
182
+ "computed": true,
183
+ "value": "fillProps"
184
+ },
185
+ "required": false
186
+ },
187
+ "fillDesktop": {
188
+ "description": "",
189
+ "type": {
190
+ "name": "enum",
191
+ "computed": true,
192
+ "value": "fillProps"
193
+ },
194
+ "required": false
195
+ },
196
+ "fillMobile": {
197
+ "description": "",
198
+ "type": {
199
+ "name": "enum",
200
+ "computed": true,
201
+ "value": "fillProps"
202
+ },
203
+ "required": false
204
+ },
205
+ "fillTablet": {
206
+ "description": "",
207
+ "type": {
208
+ "name": "enum",
209
+ "computed": true,
210
+ "value": "fillProps"
211
+ },
212
+ "required": false
213
+ },
214
+ "set": {
215
+ "description": "",
216
+ "type": {
217
+ "name": "string"
218
+ },
219
+ "required": false
220
+ },
221
+ "shape": {
222
+ "description": "",
223
+ "type": {
224
+ "name": "enum",
225
+ "computed": true,
226
+ "value": "shapeProps"
227
+ },
228
+ "required": false
229
+ },
230
+ "shapeDesktop": {
231
+ "description": "",
232
+ "type": {
233
+ "name": "enum",
234
+ "computed": true,
235
+ "value": "shapeProps"
236
+ },
237
+ "required": false
238
+ },
239
+ "shapeMobile": {
240
+ "description": "",
241
+ "type": {
242
+ "name": "enum",
243
+ "computed": true,
244
+ "value": "shapeProps"
245
+ },
246
+ "required": false
247
+ },
248
+ "shapeTablet": {
249
+ "description": "",
250
+ "type": {
251
+ "name": "enum",
252
+ "computed": true,
253
+ "value": "shapeProps"
254
+ },
255
+ "required": false
256
+ },
257
+ "width": {
258
+ "description": "",
259
+ "type": {
260
+ "name": "enum",
261
+ "computed": true,
262
+ "value": "widthProps"
263
+ },
264
+ "required": false
265
+ },
266
+ "widthDesktop": {
267
+ "description": "",
268
+ "type": {
269
+ "name": "enum",
270
+ "computed": true,
271
+ "value": "widthProps"
272
+ },
273
+ "required": false
274
+ },
275
+ "widthMobile": {
276
+ "description": "",
277
+ "type": {
278
+ "name": "enum",
279
+ "computed": true,
280
+ "value": "widthProps"
281
+ },
282
+ "required": false
283
+ },
284
+ "widthTablet": {
285
+ "description": "",
286
+ "type": {
287
+ "name": "enum",
288
+ "computed": true,
289
+ "value": "widthProps"
290
+ },
291
+ "required": false
292
+ }
293
+ }
294
+ };
124
295
 
125
296
  exports.RangeSlider = RangeSlider;
@@ -49,5 +49,19 @@ function Scrollbar(props) {
49
49
  Scrollbar.defaultProps = {
50
50
  scrollHeight: '200px'
51
51
  };
52
+ Scrollbar.__docgenInfo = {
53
+ "description": "",
54
+ "methods": [],
55
+ "displayName": "Scrollbar",
56
+ "props": {
57
+ "scrollHeight": {
58
+ "defaultValue": {
59
+ "value": "'200px'",
60
+ "computed": false
61
+ },
62
+ "required": false
63
+ }
64
+ }
65
+ };
52
66
 
53
67
  exports.Scrollbar = Scrollbar;
@@ -247,6 +247,256 @@ SearchInput.defaultProps = {
247
247
  placeholderTextSize: 'm',
248
248
  inputTextSize: 'm'
249
249
  };
250
+ SearchInput.__docgenInfo = {
251
+ "description": "",
252
+ "methods": [],
253
+ "displayName": "SearchInput",
254
+ "props": {
255
+ "placeholderTextSize": {
256
+ "defaultValue": {
257
+ "value": "'m'",
258
+ "computed": false
259
+ },
260
+ "required": false
261
+ },
262
+ "inputTextSize": {
263
+ "defaultValue": {
264
+ "value": "'m'",
265
+ "computed": false
266
+ },
267
+ "description": "",
268
+ "type": {
269
+ "name": "string"
270
+ },
271
+ "required": false
272
+ },
273
+ "after": {
274
+ "description": "",
275
+ "type": {
276
+ "name": "any"
277
+ },
278
+ "required": false
279
+ },
280
+ "before": {
281
+ "description": "",
282
+ "type": {
283
+ "name": "any"
284
+ },
285
+ "required": false
286
+ },
287
+ "children": {
288
+ "description": "",
289
+ "type": {
290
+ "name": "any"
291
+ },
292
+ "required": false
293
+ },
294
+ "className": {
295
+ "description": "",
296
+ "type": {
297
+ "name": "string"
298
+ },
299
+ "required": false
300
+ },
301
+ "fill": {
302
+ "description": "",
303
+ "type": {
304
+ "name": "enum",
305
+ "computed": true,
306
+ "value": "fillProps"
307
+ },
308
+ "required": false
309
+ },
310
+ "fillDesktop": {
311
+ "description": "",
312
+ "type": {
313
+ "name": "enum",
314
+ "computed": true,
315
+ "value": "fillProps"
316
+ },
317
+ "required": false
318
+ },
319
+ "fillMobile": {
320
+ "description": "",
321
+ "type": {
322
+ "name": "enum",
323
+ "computed": true,
324
+ "value": "fillProps"
325
+ },
326
+ "required": false
327
+ },
328
+ "fillTablet": {
329
+ "description": "",
330
+ "type": {
331
+ "name": "enum",
332
+ "computed": true,
333
+ "value": "fillProps"
334
+ },
335
+ "required": false
336
+ },
337
+ "iconAfter": {
338
+ "description": "",
339
+ "type": {
340
+ "name": "any"
341
+ },
342
+ "required": false
343
+ },
344
+ "iconAfterBgFill": {
345
+ "description": "",
346
+ "type": {
347
+ "name": "any"
348
+ },
349
+ "required": false
350
+ },
351
+ "iconAfterFill": {
352
+ "description": "",
353
+ "type": {
354
+ "name": "any"
355
+ },
356
+ "required": false
357
+ },
358
+ "iconAfterSize": {
359
+ "description": "",
360
+ "type": {
361
+ "name": "any"
362
+ },
363
+ "required": false
364
+ },
365
+ "iconAfterStroke": {
366
+ "description": "",
367
+ "type": {
368
+ "name": "any"
369
+ },
370
+ "required": false
371
+ },
372
+ "iconBefore": {
373
+ "description": "",
374
+ "type": {
375
+ "name": "any"
376
+ },
377
+ "required": false
378
+ },
379
+ "iconBeforeBgFill": {
380
+ "description": "",
381
+ "type": {
382
+ "name": "any"
383
+ },
384
+ "required": false
385
+ },
386
+ "iconBeforeFill": {
387
+ "description": "",
388
+ "type": {
389
+ "name": "any"
390
+ },
391
+ "required": false
392
+ },
393
+ "iconBeforeSize": {
394
+ "description": "",
395
+ "type": {
396
+ "name": "any"
397
+ },
398
+ "required": false
399
+ },
400
+ "iconBeforeStroke": {
401
+ "description": "",
402
+ "type": {
403
+ "name": "any"
404
+ },
405
+ "required": false
406
+ },
407
+ "iconClear": {
408
+ "description": "",
409
+ "type": {
410
+ "name": "any"
411
+ },
412
+ "required": false
413
+ },
414
+ "iconClearBgFill": {
415
+ "description": "",
416
+ "type": {
417
+ "name": "any"
418
+ },
419
+ "required": false
420
+ },
421
+ "iconClearFill": {
422
+ "description": "",
423
+ "type": {
424
+ "name": "any"
425
+ },
426
+ "required": false
427
+ },
428
+ "iconClearSize": {
429
+ "description": "",
430
+ "type": {
431
+ "name": "any"
432
+ },
433
+ "required": false
434
+ },
435
+ "iconClearStroke": {
436
+ "description": "",
437
+ "type": {
438
+ "name": "any"
439
+ },
440
+ "required": false
441
+ },
442
+ "placeholder": {
443
+ "description": "",
444
+ "type": {
445
+ "name": "string"
446
+ },
447
+ "required": false
448
+ },
449
+ "placeholderTextColor": {
450
+ "description": "",
451
+ "type": {
452
+ "name": "string"
453
+ },
454
+ "required": false
455
+ },
456
+ "type": {
457
+ "description": "",
458
+ "type": {
459
+ "name": "string"
460
+ },
461
+ "required": false
462
+ },
463
+ "value": {
464
+ "description": "",
465
+ "type": {
466
+ "name": "string"
467
+ },
468
+ "required": false
469
+ },
470
+ "onChange": {
471
+ "description": "",
472
+ "type": {
473
+ "name": "func"
474
+ },
475
+ "required": false
476
+ },
477
+ "onClickClean": {
478
+ "description": "",
479
+ "type": {
480
+ "name": "func"
481
+ },
482
+ "required": false
483
+ },
484
+ "onFocus": {
485
+ "description": "",
486
+ "type": {
487
+ "name": "func"
488
+ },
489
+ "required": false
490
+ },
491
+ "onKeyDown": {
492
+ "description": "",
493
+ "type": {
494
+ "name": "func"
495
+ },
496
+ "required": false
497
+ }
498
+ }
499
+ };
250
500
 
251
501
  const SearchResult = /*#__PURE__*/React__default.default.forwardRef(function SearchResult(props, ref) {
252
502
  const {
@@ -277,6 +527,55 @@ SearchResult.propTypes = {
277
527
  className: PropTypes__default.default.string,
278
528
  type: PropTypes__default.default.string
279
529
  };
530
+ SearchResult.__docgenInfo = {
531
+ "description": "",
532
+ "methods": [],
533
+ "displayName": "SearchResult",
534
+ "props": {
535
+ "after": {
536
+ "description": "",
537
+ "type": {
538
+ "name": "any"
539
+ },
540
+ "required": false
541
+ },
542
+ "before": {
543
+ "description": "",
544
+ "type": {
545
+ "name": "any"
546
+ },
547
+ "required": false
548
+ },
549
+ "children": {
550
+ "description": "",
551
+ "type": {
552
+ "name": "any"
553
+ },
554
+ "required": false
555
+ },
556
+ "scrollHeight": {
557
+ "description": "",
558
+ "type": {
559
+ "name": "string"
560
+ },
561
+ "required": false
562
+ },
563
+ "className": {
564
+ "description": "",
565
+ "type": {
566
+ "name": "string"
567
+ },
568
+ "required": false
569
+ },
570
+ "type": {
571
+ "description": "",
572
+ "type": {
573
+ "name": "string"
574
+ },
575
+ "required": false
576
+ }
577
+ }
578
+ };
280
579
 
281
580
  exports.SearchInput = SearchInput;
282
581
  exports.SearchResult = SearchResult;
@@ -129,5 +129,65 @@ Segmented.propTypes = {
129
129
  Segmented.defaultProps = {
130
130
  activeSegment: {}
131
131
  };
132
+ Segmented.__docgenInfo = {
133
+ "description": "",
134
+ "methods": [],
135
+ "displayName": "Segmented",
136
+ "props": {
137
+ "activeSegment": {
138
+ "defaultValue": {
139
+ "value": "{}",
140
+ "computed": false
141
+ },
142
+ "description": "",
143
+ "type": {
144
+ "name": "object"
145
+ },
146
+ "required": false
147
+ },
148
+ "className": {
149
+ "description": "",
150
+ "type": {
151
+ "name": "string"
152
+ },
153
+ "required": false
154
+ },
155
+ "fill": {
156
+ "description": "",
157
+ "type": {
158
+ "name": "string"
159
+ },
160
+ "required": false
161
+ },
162
+ "name": {
163
+ "description": "",
164
+ "type": {
165
+ "name": "string"
166
+ },
167
+ "required": false
168
+ },
169
+ "segments": {
170
+ "description": "",
171
+ "type": {
172
+ "name": "array"
173
+ },
174
+ "required": false
175
+ },
176
+ "setActiveSegment": {
177
+ "description": "",
178
+ "type": {
179
+ "name": "func"
180
+ },
181
+ "required": false
182
+ },
183
+ "type": {
184
+ "description": "",
185
+ "type": {
186
+ "name": "string"
187
+ },
188
+ "required": false
189
+ }
190
+ }
191
+ };
132
192
 
133
193
  exports.Segmented = Segmented;