@itcase/ui 1.0.66 → 1.0.71

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 (88) 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 +120 -35
  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 +1303 -2
  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 +57 -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/borderColor.js +1 -1
  62. package/dist/constants/componentProps/borderColorHover.js +5 -0
  63. package/dist/constants/componentProps/borderType.js +1 -1
  64. package/dist/constants/componentProps/borderWidth.js +5 -0
  65. package/dist/constants/componentProps/height.js +5 -0
  66. package/dist/constants/componentProps/iconSize.js +1 -1
  67. package/dist/constants/componentProps/itemColor.js +5 -0
  68. package/dist/constants/componentProps/size.js +1 -1
  69. package/dist/constants/componentProps/sizeInterface.js +5 -0
  70. package/dist/constants/componentProps/sizePX.js +5 -0
  71. package/dist/constants/componentProps/state.js +5 -0
  72. package/dist/constants/componentProps/textSize.js +5 -0
  73. package/dist/constants/componentProps/textWrap.js +5 -0
  74. package/dist/constants.js +26 -8
  75. package/dist/context/Notifications.js +14 -0
  76. package/dist/css/components/Badge/Badge.css +1 -1
  77. package/dist/css/components/Button/Button.css +1 -1
  78. package/dist/css/components/DatePicker/DatePicker.css +6 -1
  79. package/dist/css/components/RadioButton/RadioButton.css +19 -19
  80. package/dist/css/components/Segmented/Segmented.css +6 -8
  81. package/dist/css/styles/border-color/border-color.css +0 -27
  82. package/dist/css/styles/border-color-focus/border-color-focus.css +18 -0
  83. package/dist/css/styles/border-color-hover/border-color-hover.css +21 -0
  84. package/dist/css/styles/border-width/border-width.css +1 -1
  85. package/dist/css/styles/constraints/constraints.css +42 -29
  86. package/dist/css/styles/width/width.css +3 -1
  87. package/package.json +2 -1
  88. package/dist/css/styles/border/border.css +0 -13
package/dist/components/Accordion.js CHANGED
@@ -148,6 +148,228 @@ AccordionItem.propTypes = {
148
148
  onClick: PropTypes__default.default.func
149
149
  };
150
150
 
151
+ /* Exports */
152
+ AccordionItem.__docgenInfo = {
153
+ "description": "",
154
+ "methods": [],
155
+ "displayName": "AccordionItem",
156
+ "props": {
157
+ "iconFill": {
158
+ "defaultValue": {
159
+ "value": "'surfaceItemAccent'",
160
+ "computed": false
161
+ },
162
+ "description": "",
163
+ "type": {
164
+ "name": "enum",
165
+ "computed": true,
166
+ "value": "fillProps"
167
+ },
168
+ "required": false
169
+ },
170
+ "afterContent": {
171
+ "description": "",
172
+ "type": {
173
+ "name": "any"
174
+ },
175
+ "required": false
176
+ },
177
+ "beforeContent": {
178
+ "description": "",
179
+ "type": {
180
+ "name": "any"
181
+ },
182
+ "required": false
183
+ },
184
+ "children": {
185
+ "description": "",
186
+ "type": {
187
+ "name": "any"
188
+ },
189
+ "required": false
190
+ },
191
+ "className": {
192
+ "description": "",
193
+ "type": {
194
+ "name": "string"
195
+ },
196
+ "required": false
197
+ },
198
+ "content": {
199
+ "description": "",
200
+ "type": {
201
+ "name": "string"
202
+ },
203
+ "required": false
204
+ },
205
+ "fill": {
206
+ "description": "",
207
+ "type": {
208
+ "name": "enum",
209
+ "computed": true,
210
+ "value": "fillProps"
211
+ },
212
+ "required": false
213
+ },
214
+ "fillDesktop": {
215
+ "description": "",
216
+ "type": {
217
+ "name": "enum",
218
+ "computed": true,
219
+ "value": "fillProps"
220
+ },
221
+ "required": false
222
+ },
223
+ "fillMobile": {
224
+ "description": "",
225
+ "type": {
226
+ "name": "enum",
227
+ "computed": true,
228
+ "value": "fillProps"
229
+ },
230
+ "required": false
231
+ },
232
+ "fillTablet": {
233
+ "description": "",
234
+ "type": {
235
+ "name": "enum",
236
+ "computed": true,
237
+ "value": "fillProps"
238
+ },
239
+ "required": false
240
+ },
241
+ "icon": {
242
+ "description": "",
243
+ "type": {
244
+ "name": "any"
245
+ },
246
+ "required": false
247
+ },
248
+ "iconFillDesktop": {
249
+ "description": "",
250
+ "type": {
251
+ "name": "enum",
252
+ "computed": true,
253
+ "value": "fillProps"
254
+ },
255
+ "required": false
256
+ },
257
+ "iconFillMobile": {
258
+ "description": "",
259
+ "type": {
260
+ "name": "enum",
261
+ "computed": true,
262
+ "value": "fillProps"
263
+ },
264
+ "required": false
265
+ },
266
+ "iconFillTablet": {
267
+ "description": "",
268
+ "type": {
269
+ "name": "enum",
270
+ "computed": true,
271
+ "value": "fillProps"
272
+ },
273
+ "required": false
274
+ },
275
+ "id": {
276
+ "description": "",
277
+ "type": {
278
+ "name": "union",
279
+ "value": [{
280
+ "name": "string"
281
+ }, {
282
+ "name": "number"
283
+ }]
284
+ },
285
+ "required": false
286
+ },
287
+ "isExpanded": {
288
+ "description": "",
289
+ "type": {
290
+ "name": "bool"
291
+ },
292
+ "required": false
293
+ },
294
+ "item": {
295
+ "description": "",
296
+ "type": {
297
+ "name": "shape",
298
+ "value": {
299
+ "id": {
300
+ "name": "union",
301
+ "value": [{
302
+ "name": "string"
303
+ }, {
304
+ "name": "number"
305
+ }],
306
+ "required": false
307
+ },
308
+ "title": {
309
+ "name": "string",
310
+ "required": false
311
+ },
312
+ "content": {
313
+ "name": "string",
314
+ "required": false
315
+ }
316
+ }
317
+ },
318
+ "required": false
319
+ },
320
+ "shape": {
321
+ "description": "",
322
+ "type": {
323
+ "name": "enum",
324
+ "computed": true,
325
+ "value": "shapeProps"
326
+ },
327
+ "required": false
328
+ },
329
+ "shapeDesktop": {
330
+ "description": "",
331
+ "type": {
332
+ "name": "enum",
333
+ "computed": true,
334
+ "value": "shapeProps"
335
+ },
336
+ "required": false
337
+ },
338
+ "shapeMobile": {
339
+ "description": "",
340
+ "type": {
341
+ "name": "enum",
342
+ "computed": true,
343
+ "value": "shapeProps"
344
+ },
345
+ "required": false
346
+ },
347
+ "shapeTablet": {
348
+ "description": "",
349
+ "type": {
350
+ "name": "enum",
351
+ "computed": true,
352
+ "value": "shapeProps"
353
+ },
354
+ "required": false
355
+ },
356
+ "title": {
357
+ "description": "",
358
+ "type": {
359
+ "name": "any"
360
+ },
361
+ "required": false
362
+ },
363
+ "onClick": {
364
+ "description": "",
365
+ "type": {
366
+ "name": "func"
367
+ },
368
+ "required": false
369
+ }
370
+ }
371
+ };
372
+
151
373
  /* React, PropTypes, other third-party modules */
152
374
 
153
375
  /* Component */
@@ -260,5 +482,132 @@ Accordion.propTypes = {
260
482
  onClickItem: PropTypes__default.default.func
261
483
  };
262
484
 
485
+ /* Exports */
486
+ Accordion.__docgenInfo = {
487
+ "description": "",
488
+ "methods": [],
489
+ "displayName": "Accordion",
490
+ "props": {
491
+ "initial": {
492
+ "defaultValue": {
493
+ "value": "[]",
494
+ "computed": false
495
+ },
496
+ "description": "",
497
+ "type": {
498
+ "name": "array"
499
+ },
500
+ "required": false
501
+ },
502
+ "children": {
503
+ "description": "",
504
+ "type": {
505
+ "name": "any"
506
+ },
507
+ "required": false
508
+ },
509
+ "className": {
510
+ "description": "",
511
+ "type": {
512
+ "name": "string"
513
+ },
514
+ "required": false
515
+ },
516
+ "direction": {
517
+ "description": "The number of columns to span on extra small devices (<576px)",
518
+ "type": {
519
+ "name": "enum",
520
+ "computed": true,
521
+ "value": "directionProps"
522
+ },
523
+ "required": false
524
+ },
525
+ "directionDesktop": {
526
+ "description": "",
527
+ "type": {
528
+ "name": "enum",
529
+ "computed": true,
530
+ "value": "directionProps"
531
+ },
532
+ "required": false
533
+ },
534
+ "directionMobile": {
535
+ "description": "",
536
+ "type": {
537
+ "name": "enum",
538
+ "computed": true,
539
+ "value": "directionProps"
540
+ },
541
+ "required": false
542
+ },
543
+ "directionTablet": {
544
+ "description": "",
545
+ "type": {
546
+ "name": "enum",
547
+ "computed": true,
548
+ "value": "directionProps"
549
+ },
550
+ "required": false
551
+ },
552
+ "fill": {
553
+ "description": "",
554
+ "type": {
555
+ "name": "enum",
556
+ "computed": true,
557
+ "value": "fillProps"
558
+ },
559
+ "required": false
560
+ },
561
+ "fillDesktop": {
562
+ "description": "",
563
+ "type": {
564
+ "name": "enum",
565
+ "computed": true,
566
+ "value": "fillProps"
567
+ },
568
+ "required": false
569
+ },
570
+ "fillMobile": {
571
+ "description": "",
572
+ "type": {
573
+ "name": "enum",
574
+ "computed": true,
575
+ "value": "fillProps"
576
+ },
577
+ "required": false
578
+ },
579
+ "fillTablet": {
580
+ "description": "",
581
+ "type": {
582
+ "name": "enum",
583
+ "computed": true,
584
+ "value": "fillProps"
585
+ },
586
+ "required": false
587
+ },
588
+ "isMultiple": {
589
+ "description": "",
590
+ "type": {
591
+ "name": "bool"
592
+ },
593
+ "required": false
594
+ },
595
+ "items": {
596
+ "description": "",
597
+ "type": {
598
+ "name": "array"
599
+ },
600
+ "required": false
601
+ },
602
+ "onClickItem": {
603
+ "description": "",
604
+ "type": {
605
+ "name": "func"
606
+ },
607
+ "required": false
608
+ }
609
+ }
610
+ };
611
+
263
612
  exports.Accordion = Accordion;
264
613
  exports.AccordionItem = AccordionItem;
package/dist/components/Avatar.js CHANGED
@@ -124,5 +124,105 @@ Avatar.defaultProps = {
124
124
  firstName: '',
125
125
  secondName: ''
126
126
  };
127
+ Avatar.__docgenInfo = {
128
+ "description": "",
129
+ "methods": [],
130
+ "displayName": "Avatar",
131
+ "props": {
132
+ "textSize": {
133
+ "defaultValue": {
134
+ "value": "'l'",
135
+ "computed": false
136
+ },
137
+ "required": false
138
+ },
139
+ "titleColor": {
140
+ "defaultValue": {
141
+ "value": "'surfaceTextPrimary'",
142
+ "computed": false
143
+ },
144
+ "required": false
145
+ },
146
+ "titleTag": {
147
+ "defaultValue": {
148
+ "value": "'span'",
149
+ "computed": false
150
+ },
151
+ "required": false
152
+ },
153
+ "titleSize": {
154
+ "defaultValue": {
155
+ "value": "'xxl'",
156
+ "computed": false
157
+ },
158
+ "required": false
159
+ },
160
+ "textColor": {
161
+ "defaultValue": {
162
+ "value": "'surfaceTextTertiary'",
163
+ "computed": false
164
+ },
165
+ "required": false
166
+ },
167
+ "firstName": {
168
+ "defaultValue": {
169
+ "value": "''",
170
+ "computed": false
171
+ },
172
+ "required": false
173
+ },
174
+ "secondName": {
175
+ "defaultValue": {
176
+ "value": "''",
177
+ "computed": false
178
+ },
179
+ "required": false
180
+ },
181
+ "children": {
182
+ "description": "",
183
+ "type": {
184
+ "name": "any"
185
+ },
186
+ "required": false
187
+ },
188
+ "className": {
189
+ "description": "",
190
+ "type": {
191
+ "name": "string"
192
+ },
193
+ "required": false
194
+ },
195
+ "icon": {
196
+ "description": "",
197
+ "type": {
198
+ "name": "string"
199
+ },
200
+ "required": false
201
+ },
202
+ "size": {
203
+ "description": "",
204
+ "type": {
205
+ "name": "enum",
206
+ "computed": true,
207
+ "value": "PropTypes.oneOf(sizeProps)"
208
+ },
209
+ "required": false
210
+ },
211
+ "type": {
212
+ "description": "",
213
+ "type": {
214
+ "name": "string"
215
+ },
216
+ "required": false
217
+ },
218
+ "onClick": {
219
+ "description": "",
220
+ "type": {
221
+ "name": "func"
222
+ },
223
+ "required": false
224
+ }
225
+ }
226
+ };
127
227
 
128
228
  exports.Avatar = Avatar;
package/dist/components/Background.js CHANGED
@@ -89,5 +89,177 @@ Background.propTypes = {
89
89
  widthTablet: PropTypes__default.default.oneOf(width.default),
90
90
  widthDesktop: PropTypes__default.default.oneOf(width.default)
91
91
  };
92
+ Background.__docgenInfo = {
93
+ "description": "",
94
+ "methods": [],
95
+ "displayName": "Background",
96
+ "props": {
97
+ "children": {
98
+ "description": "",
99
+ "type": {
100
+ "name": "any"
101
+ },
102
+ "required": false
103
+ },
104
+ "className": {
105
+ "description": "",
106
+ "type": {
107
+ "name": "string"
108
+ },
109
+ "required": false
110
+ },
111
+ "fill": {
112
+ "description": "",
113
+ "type": {
114
+ "name": "enum",
115
+ "computed": true,
116
+ "value": "fillProps"
117
+ },
118
+ "required": false
119
+ },
120
+ "fillMobile": {
121
+ "description": "",
122
+ "type": {
123
+ "name": "enum",
124
+ "computed": true,
125
+ "value": "fillProps"
126
+ },
127
+ "required": false
128
+ },
129
+ "fillTablet": {
130
+ "description": "",
131
+ "type": {
132
+ "name": "enum",
133
+ "computed": true,
134
+ "value": "fillProps"
135
+ },
136
+ "required": false
137
+ },
138
+ "fillDesktop": {
139
+ "description": "",
140
+ "type": {
141
+ "name": "enum",
142
+ "computed": true,
143
+ "value": "fillProps"
144
+ },
145
+ "required": false
146
+ },
147
+ "shape": {
148
+ "description": "",
149
+ "type": {
150
+ "name": "enum",
151
+ "computed": true,
152
+ "value": "shapeProps"
153
+ },
154
+ "required": false
155
+ },
156
+ "src": {
157
+ "description": "",
158
+ "type": {
159
+ "name": "string"
160
+ },
161
+ "required": false
162
+ },
163
+ "position": {
164
+ "description": "",
165
+ "type": {
166
+ "name": "enum",
167
+ "computed": true,
168
+ "value": "positionProps"
169
+ },
170
+ "required": false
171
+ },
172
+ "positionMobile": {
173
+ "description": "",
174
+ "type": {
175
+ "name": "enum",
176
+ "computed": true,
177
+ "value": "positionProps"
178
+ },
179
+ "required": false
180
+ },
181
+ "positionTablet": {
182
+ "description": "",
183
+ "type": {
184
+ "name": "enum",
185
+ "computed": true,
186
+ "value": "positionProps"
187
+ },
188
+ "required": false
189
+ },
190
+ "positionDesktop": {
191
+ "description": "",
192
+ "type": {
193
+ "name": "enum",
194
+ "computed": true,
195
+ "value": "positionProps"
196
+ },
197
+ "required": false
198
+ },
199
+ "shapeDesktop": {
200
+ "description": "",
201
+ "type": {
202
+ "name": "enum",
203
+ "computed": true,
204
+ "value": "shapeProps"
205
+ },
206
+ "required": false
207
+ },
208
+ "shapeMobile": {
209
+ "description": "",
210
+ "type": {
211
+ "name": "enum",
212
+ "computed": true,
213
+ "value": "shapeProps"
214
+ },
215
+ "required": false
216
+ },
217
+ "shapeTablet": {
218
+ "description": "",
219
+ "type": {
220
+ "name": "enum",
221
+ "computed": true,
222
+ "value": "shapeProps"
223
+ },
224
+ "required": false
225
+ },
226
+ "width": {
227
+ "description": "",
228
+ "type": {
229
+ "name": "enum",
230
+ "computed": true,
231
+ "value": "widthProps"
232
+ },
233
+ "required": false
234
+ },
235
+ "widthMobile": {
236
+ "description": "",
237
+ "type": {
238
+ "name": "enum",
239
+ "computed": true,
240
+ "value": "widthProps"
241
+ },
242
+ "required": false
243
+ },
244
+ "widthTablet": {
245
+ "description": "",
246
+ "type": {
247
+ "name": "enum",
248
+ "computed": true,
249
+ "value": "widthProps"
250
+ },
251
+ "required": false
252
+ },
253
+ "widthDesktop": {
254
+ "description": "",
255
+ "type": {
256
+ "name": "enum",
257
+ "computed": true,
258
+ "value": "widthProps"
259
+ },
260
+ "required": false
261
+ }
262
+ }
263
+ };
92
264
 
93
265
  exports.Background = Background;