@itcase/ui 1.0.65 → 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 (76) 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 +251 -2
  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 +422 -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/Page/Page.css +8 -0
  72. package/dist/css/components/RadioButton/RadioButton.css +19 -19
  73. package/dist/css/components/Segmented/Segmented.css +6 -8
  74. package/dist/css/styles/constraints/constraints.css +42 -29
  75. package/dist/css/styles/width/width.css +3 -1
  76. package/package.json +2 -1
@@ -128,6 +128,41 @@ Dropdown.defaultProps = {
128
128
  animationOpen: 'dropdown_animation_open',
129
129
  animationClose: 'dropdown_animation_close'
130
130
  };
131
+ Dropdown.__docgenInfo = {
132
+ "description": "",
133
+ "methods": [],
134
+ "displayName": "Dropdown",
135
+ "props": {
136
+ "animationOpen": {
137
+ "defaultValue": {
138
+ "value": "'dropdown_animation_open'",
139
+ "computed": false
140
+ },
141
+ "required": false
142
+ },
143
+ "animationClose": {
144
+ "defaultValue": {
145
+ "value": "'dropdown_animation_close'",
146
+ "computed": false
147
+ },
148
+ "required": false
149
+ },
150
+ "className": {
151
+ "description": "",
152
+ "type": {
153
+ "name": "string"
154
+ },
155
+ "required": false
156
+ },
157
+ "isCloseByClickOutside": {
158
+ "description": "",
159
+ "type": {
160
+ "name": "bool"
161
+ },
162
+ "required": false
163
+ }
164
+ }
165
+ };
131
166
 
132
167
  function DropdownItem(props) {
133
168
  const {
@@ -306,6 +341,392 @@ DropdownItem.defaultProps = {
306
341
  LinkComponent: 'a',
307
342
  direction: 'horizontal'
308
343
  };
344
+ DropdownItem.__docgenInfo = {
345
+ "description": "",
346
+ "methods": [],
347
+ "displayName": "DropdownItem",
348
+ "props": {
349
+ "size": {
350
+ "defaultValue": {
351
+ "value": "'m'",
352
+ "computed": false
353
+ },
354
+ "description": "",
355
+ "type": {
356
+ "name": "enum",
357
+ "computed": true,
358
+ "value": "sizeProps"
359
+ },
360
+ "required": false
361
+ },
362
+ "LinkComponent": {
363
+ "defaultValue": {
364
+ "value": "'a'",
365
+ "computed": false
366
+ },
367
+ "description": "",
368
+ "type": {
369
+ "name": "any"
370
+ },
371
+ "required": false
372
+ },
373
+ "direction": {
374
+ "defaultValue": {
375
+ "value": "'horizontal'",
376
+ "computed": false
377
+ },
378
+ "required": false
379
+ },
380
+ "before": {
381
+ "description": "",
382
+ "type": {
383
+ "name": "any"
384
+ },
385
+ "required": false
386
+ },
387
+ "after": {
388
+ "description": "",
389
+ "type": {
390
+ "name": "any"
391
+ },
392
+ "required": false
393
+ },
394
+ "children": {
395
+ "description": "",
396
+ "type": {
397
+ "name": "any"
398
+ },
399
+ "required": false
400
+ },
401
+ "className": {
402
+ "description": "",
403
+ "type": {
404
+ "name": "string"
405
+ },
406
+ "required": false
407
+ },
408
+ "fill": {
409
+ "description": "",
410
+ "type": {
411
+ "name": "enum",
412
+ "computed": true,
413
+ "value": "fillProps"
414
+ },
415
+ "required": false
416
+ },
417
+ "fillDesktop": {
418
+ "description": "",
419
+ "type": {
420
+ "name": "enum",
421
+ "computed": true,
422
+ "value": "fillProps"
423
+ },
424
+ "required": false
425
+ },
426
+ "fillMobile": {
427
+ "description": "",
428
+ "type": {
429
+ "name": "enum",
430
+ "computed": true,
431
+ "value": "fillProps"
432
+ },
433
+ "required": false
434
+ },
435
+ "fillTablet": {
436
+ "description": "",
437
+ "type": {
438
+ "name": "enum",
439
+ "computed": true,
440
+ "value": "fillProps"
441
+ },
442
+ "required": false
443
+ },
444
+ "linkFill": {
445
+ "description": "",
446
+ "type": {
447
+ "name": "enum",
448
+ "computed": true,
449
+ "value": "fillProps"
450
+ },
451
+ "required": false
452
+ },
453
+ "linkFillDesktop": {
454
+ "description": "",
455
+ "type": {
456
+ "name": "enum",
457
+ "computed": true,
458
+ "value": "fillProps"
459
+ },
460
+ "required": false
461
+ },
462
+ "linkFillMobile": {
463
+ "description": "",
464
+ "type": {
465
+ "name": "enum",
466
+ "computed": true,
467
+ "value": "fillProps"
468
+ },
469
+ "required": false
470
+ },
471
+ "linkFillTablet": {
472
+ "description": "",
473
+ "type": {
474
+ "name": "enum",
475
+ "computed": true,
476
+ "value": "fillProps"
477
+ },
478
+ "required": false
479
+ },
480
+ "isActive": {
481
+ "description": "",
482
+ "type": {
483
+ "name": "bool"
484
+ },
485
+ "required": false
486
+ },
487
+ "label": {
488
+ "description": "",
489
+ "type": {
490
+ "name": "string"
491
+ },
492
+ "required": false
493
+ },
494
+ "labelSize": {
495
+ "description": "",
496
+ "type": {
497
+ "name": "string"
498
+ },
499
+ "required": false
500
+ },
501
+ "onClick": {
502
+ "description": "",
503
+ "type": {
504
+ "name": "func"
505
+ },
506
+ "required": false
507
+ },
508
+ "onMouseEnter": {
509
+ "description": "",
510
+ "type": {
511
+ "name": "func"
512
+ },
513
+ "required": false
514
+ },
515
+ "sizeDesktop": {
516
+ "description": "",
517
+ "type": {
518
+ "name": "enum",
519
+ "computed": true,
520
+ "value": "sizeProps"
521
+ },
522
+ "required": false
523
+ },
524
+ "sizeMobile": {
525
+ "description": "",
526
+ "type": {
527
+ "name": "enum",
528
+ "computed": true,
529
+ "value": "sizeProps"
530
+ },
531
+ "required": false
532
+ },
533
+ "sizeTablet": {
534
+ "description": "",
535
+ "type": {
536
+ "name": "enum",
537
+ "computed": true,
538
+ "value": "sizeProps"
539
+ },
540
+ "required": false
541
+ },
542
+ "href": {
543
+ "description": "",
544
+ "type": {
545
+ "name": "string"
546
+ },
547
+ "required": false
548
+ },
549
+ "link": {
550
+ "description": "",
551
+ "type": {
552
+ "name": "string"
553
+ },
554
+ "required": false
555
+ },
556
+ "target": {
557
+ "description": "",
558
+ "type": {
559
+ "name": "string"
560
+ },
561
+ "required": false
562
+ },
563
+ "rel": {
564
+ "description": "",
565
+ "type": {
566
+ "name": "string"
567
+ },
568
+ "required": false
569
+ },
570
+ "shape": {
571
+ "description": "",
572
+ "type": {
573
+ "name": "enum",
574
+ "computed": true,
575
+ "value": "shapeProps"
576
+ },
577
+ "required": false
578
+ },
579
+ "shapeDesktop": {
580
+ "description": "",
581
+ "type": {
582
+ "name": "enum",
583
+ "computed": true,
584
+ "value": "shapeProps"
585
+ },
586
+ "required": false
587
+ },
588
+ "shapeMobile": {
589
+ "description": "",
590
+ "type": {
591
+ "name": "enum",
592
+ "computed": true,
593
+ "value": "shapeProps"
594
+ },
595
+ "required": false
596
+ },
597
+ "shapeTablet": {
598
+ "description": "",
599
+ "type": {
600
+ "name": "enum",
601
+ "computed": true,
602
+ "value": "shapeProps"
603
+ },
604
+ "required": false
605
+ },
606
+ "textColor": {
607
+ "description": "",
608
+ "type": {
609
+ "name": "enum",
610
+ "computed": true,
611
+ "value": "textColorProps"
612
+ },
613
+ "required": false
614
+ },
615
+ "textColorHover": {
616
+ "description": "",
617
+ "type": {
618
+ "name": "enum",
619
+ "computed": true,
620
+ "value": "textColorHoverProps"
621
+ },
622
+ "required": false
623
+ },
624
+ "textColorActive": {
625
+ "description": "",
626
+ "type": {
627
+ "name": "enum",
628
+ "computed": true,
629
+ "value": "textColorActiveProps"
630
+ },
631
+ "required": false
632
+ },
633
+ "textGradient": {
634
+ "description": "",
635
+ "type": {
636
+ "name": "enum",
637
+ "computed": true,
638
+ "value": "textGradientProps"
639
+ },
640
+ "required": false
641
+ },
642
+ "textSize": {
643
+ "description": "",
644
+ "type": {
645
+ "name": "enum",
646
+ "computed": true,
647
+ "value": "sizeProps"
648
+ },
649
+ "required": false
650
+ },
651
+ "textWrap": {
652
+ "description": "",
653
+ "type": {
654
+ "name": "string"
655
+ },
656
+ "required": false
657
+ },
658
+ "textStyle": {
659
+ "description": "",
660
+ "type": {
661
+ "name": "enum",
662
+ "computed": true,
663
+ "value": "textStyleProps"
664
+ },
665
+ "required": false
666
+ },
667
+ "textWeight": {
668
+ "description": "",
669
+ "type": {
670
+ "name": "enum",
671
+ "computed": true,
672
+ "value": "textWeightProps"
673
+ },
674
+ "required": false
675
+ },
676
+ "type": {
677
+ "description": "",
678
+ "type": {
679
+ "name": "enum",
680
+ "computed": true,
681
+ "value": "typeProps"
682
+ },
683
+ "required": false
684
+ },
685
+ "typeDesktop": {
686
+ "description": "",
687
+ "type": {
688
+ "name": "enum",
689
+ "computed": true,
690
+ "value": "typeProps"
691
+ },
692
+ "required": false
693
+ },
694
+ "typeMobile": {
695
+ "description": "",
696
+ "type": {
697
+ "name": "enum",
698
+ "computed": true,
699
+ "value": "typeProps"
700
+ },
701
+ "required": false
702
+ },
703
+ "typeTablet": {
704
+ "description": "",
705
+ "type": {
706
+ "name": "enum",
707
+ "computed": true,
708
+ "value": "typeProps"
709
+ },
710
+ "required": false
711
+ },
712
+ "title": {
713
+ "description": "",
714
+ "type": {
715
+ "name": "string"
716
+ },
717
+ "required": false
718
+ },
719
+ "underline": {
720
+ "description": "",
721
+ "type": {
722
+ "name": "enum",
723
+ "computed": true,
724
+ "value": "underlineProps"
725
+ },
726
+ "required": false
727
+ }
728
+ }
729
+ };
309
730
 
310
731
  exports.Dropdown = Dropdown;
311
732
  exports.DropdownItem = DropdownItem;
@@ -10,9 +10,6 @@ var textColor = require('../constants/componentProps/textColor.js');
10
10
  var index$1 = require('./Button.js');
11
11
  var index = require('./Text.js');
12
12
  require('clsx');
13
- require('../constants/componentProps/borderType.js');
14
- require('../constants/componentProps/horizontalResizeMode.js');
15
- require('../constants/componentProps/type.js');
16
13
  require('./Icon.js');
17
14
  require('react-inlinesvg');
18
15
  require('../constants/componentProps/iconSize.js');
@@ -21,6 +18,7 @@ require('./Link.js');
21
18
  require('../constants/componentProps/textGradient.js');
22
19
  require('../constants/componentProps/textStyle.js');
23
20
  require('../constants/componentProps/textWeight.js');
21
+ require('../constants/componentProps/type.js');
24
22
  require('../constants/componentProps/underline.js');
25
23
  require('../hooks/useStyles.js');
26
24
  require('lodash/camelCase');
@@ -94,5 +92,128 @@ Empty.propTypes = {
94
92
  buttonSize: PropTypes__default.default.oneOf(size.default),
95
93
  buttonWidth: PropTypes__default.default.oneOf(width.default)
96
94
  };
95
+ Empty.__docgenInfo = {
96
+ "description": "",
97
+ "methods": [],
98
+ "displayName": "Empty",
99
+ "props": {
100
+ "before": {
101
+ "description": "",
102
+ "type": {
103
+ "name": "any"
104
+ },
105
+ "required": false
106
+ },
107
+ "message": {
108
+ "description": "",
109
+ "type": {
110
+ "name": "string"
111
+ },
112
+ "required": false
113
+ },
114
+ "messageTextColor": {
115
+ "description": "",
116
+ "type": {
117
+ "name": "enum",
118
+ "computed": true,
119
+ "value": "textColorProps"
120
+ },
121
+ "required": false
122
+ },
123
+ "messageTextSize": {
124
+ "description": "",
125
+ "type": {
126
+ "name": "enum",
127
+ "computed": true,
128
+ "value": "sizeProps"
129
+ },
130
+ "required": false
131
+ },
132
+ "buttonAfter": {
133
+ "description": "",
134
+ "type": {
135
+ "name": "any"
136
+ },
137
+ "required": false
138
+ },
139
+ "buttonBefore": {
140
+ "description": "",
141
+ "type": {
142
+ "name": "any"
143
+ },
144
+ "required": false
145
+ },
146
+ "buttonFill": {
147
+ "description": "",
148
+ "type": {
149
+ "name": "enum",
150
+ "computed": true,
151
+ "value": "fillProps"
152
+ },
153
+ "required": false
154
+ },
155
+ "buttonFillHover": {
156
+ "description": "",
157
+ "type": {
158
+ "name": "enum",
159
+ "computed": true,
160
+ "value": "fillProps"
161
+ },
162
+ "required": false
163
+ },
164
+ "buttonLabel": {
165
+ "description": "",
166
+ "type": {
167
+ "name": "string"
168
+ },
169
+ "required": false
170
+ },
171
+ "buttonLabelTextColor": {
172
+ "description": "",
173
+ "type": {
174
+ "name": "enum",
175
+ "computed": true,
176
+ "value": "textColorProps"
177
+ },
178
+ "required": false
179
+ },
180
+ "buttonLabelTextSize": {
181
+ "description": "",
182
+ "type": {
183
+ "name": "enum",
184
+ "computed": true,
185
+ "value": "sizeProps"
186
+ },
187
+ "required": false
188
+ },
189
+ "buttonShape": {
190
+ "description": "",
191
+ "type": {
192
+ "name": "enum",
193
+ "computed": true,
194
+ "value": "shapeProps"
195
+ },
196
+ "required": false
197
+ },
198
+ "buttonSize": {
199
+ "description": "",
200
+ "type": {
201
+ "name": "enum",
202
+ "computed": true,
203
+ "value": "sizeProps"
204
+ },
205
+ "required": false
206
+ },
207
+ "buttonWidth": {
208
+ "description": "",
209
+ "type": {
210
+ "name": "enum",
211
+ "computed": true,
212
+ "value": "widthProps"
213
+ },
214
+ "required": false
215
+ }
216
+ }
217
+ };
97
218
 
98
219
  exports.Empty = Empty;
@@ -65,5 +65,133 @@ Fader.propTypes = {
65
65
  type: PropTypes__default.default.string,
66
66
  isFader: PropTypes__default.default.any
67
67
  };
68
+ Fader.__docgenInfo = {
69
+ "description": "",
70
+ "methods": [],
71
+ "displayName": "Fader",
72
+ "props": {
73
+ "className": {
74
+ "description": "",
75
+ "type": {
76
+ "name": "string"
77
+ },
78
+ "required": false
79
+ },
80
+ "opacity": {
81
+ "description": "",
82
+ "type": {
83
+ "name": "string"
84
+ },
85
+ "required": false
86
+ },
87
+ "opacityDesktop": {
88
+ "description": "",
89
+ "type": {
90
+ "name": "string"
91
+ },
92
+ "required": false
93
+ },
94
+ "opacityMobile": {
95
+ "description": "",
96
+ "type": {
97
+ "name": "string"
98
+ },
99
+ "required": false
100
+ },
101
+ "opacityTablet": {
102
+ "description": "",
103
+ "type": {
104
+ "name": "string"
105
+ },
106
+ "required": false
107
+ },
108
+ "fill": {
109
+ "description": "",
110
+ "type": {
111
+ "name": "enum",
112
+ "computed": true,
113
+ "value": "fillProps"
114
+ },
115
+ "required": false
116
+ },
117
+ "fillMobile": {
118
+ "description": "",
119
+ "type": {
120
+ "name": "enum",
121
+ "computed": true,
122
+ "value": "fillProps"
123
+ },
124
+ "required": false
125
+ },
126
+ "fillTablet": {
127
+ "description": "",
128
+ "type": {
129
+ "name": "enum",
130
+ "computed": true,
131
+ "value": "fillProps"
132
+ },
133
+ "required": false
134
+ },
135
+ "fillDesktop": {
136
+ "description": "",
137
+ "type": {
138
+ "name": "enum",
139
+ "computed": true,
140
+ "value": "fillProps"
141
+ },
142
+ "required": false
143
+ },
144
+ "fillGradient": {
145
+ "description": "",
146
+ "type": {
147
+ "name": "enum",
148
+ "computed": true,
149
+ "value": "fillGradientProps"
150
+ },
151
+ "required": false
152
+ },
153
+ "fillGradientMobile": {
154
+ "description": "",
155
+ "type": {
156
+ "name": "enum",
157
+ "computed": true,
158
+ "value": "fillGradientProps"
159
+ },
160
+ "required": false
161
+ },
162
+ "fillGradientTablet": {
163
+ "description": "",
164
+ "type": {
165
+ "name": "enum",
166
+ "computed": true,
167
+ "value": "fillGradientProps"
168
+ },
169
+ "required": false
170
+ },
171
+ "fillGradientDesktop": {
172
+ "description": "",
173
+ "type": {
174
+ "name": "enum",
175
+ "computed": true,
176
+ "value": "fillGradientProps"
177
+ },
178
+ "required": false
179
+ },
180
+ "type": {
181
+ "description": "",
182
+ "type": {
183
+ "name": "string"
184
+ },
185
+ "required": false
186
+ },
187
+ "isFader": {
188
+ "description": "",
189
+ "type": {
190
+ "name": "any"
191
+ },
192
+ "required": false
193
+ }
194
+ }
195
+ };
68
196
 
69
197
  exports.Fader = Fader;