@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
@@ -16,9 +16,7 @@ var fill = require('../constants/componentProps/fill.js');
16
16
  var shape = require('../constants/componentProps/shape.js');
17
17
  var useStyles = require('../hooks/useStyles.js');
18
18
  var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
19
- require('../constants/componentProps/borderType.js');
20
19
  require('../constants/componentProps/textColor.js');
21
- require('../constants/componentProps/type.js');
22
20
  require('../constants/componentProps/textColorActive.js');
23
21
  require('../constants/componentProps/textColorHover.js');
24
22
  require('../constants/componentProps/textStyle.js');
@@ -36,6 +34,7 @@ require('../constants/componentProps/iconSize.js');
36
34
  require('../constants/componentProps/strokeColor.js');
37
35
  require('./Link.js');
38
36
  require('../constants/componentProps/textGradient.js');
37
+ require('../constants/componentProps/type.js');
39
38
  require('../constants/componentProps/underline.js');
40
39
  require('../constants/componentProps/titleSize.js');
41
40
  require('../constants/componentProps/wrap.js');
@@ -179,5 +178,370 @@ Tile.defaultProps = {
179
178
  textTag: 'span',
180
179
  alignDirection: 'vertical'
181
180
  };
181
+ Tile.__docgenInfo = {
182
+ "description": "",
183
+ "methods": [],
184
+ "displayName": "Tile",
185
+ "props": {
186
+ "textTag": {
187
+ "defaultValue": {
188
+ "value": "'span'",
189
+ "computed": false
190
+ },
191
+ "description": "",
192
+ "type": {
193
+ "name": "enum",
194
+ "computed": true,
195
+ "value": "sizeProps"
196
+ },
197
+ "required": false
198
+ },
199
+ "alignDirection": {
200
+ "defaultValue": {
201
+ "value": "'vertical'",
202
+ "computed": false
203
+ },
204
+ "description": "",
205
+ "type": {
206
+ "name": "enum",
207
+ "computed": true,
208
+ "value": "alignDirectionProps"
209
+ },
210
+ "required": false
211
+ },
212
+ "align": {
213
+ "description": "",
214
+ "type": {
215
+ "name": "enum",
216
+ "computed": true,
217
+ "value": "alignProps"
218
+ },
219
+ "required": false
220
+ },
221
+ "alignMobile": {
222
+ "description": "",
223
+ "type": {
224
+ "name": "enum",
225
+ "computed": true,
226
+ "value": "alignProps"
227
+ },
228
+ "required": false
229
+ },
230
+ "alignTablet": {
231
+ "description": "",
232
+ "type": {
233
+ "name": "enum",
234
+ "computed": true,
235
+ "value": "alignProps"
236
+ },
237
+ "required": false
238
+ },
239
+ "alignDesktop": {
240
+ "description": "",
241
+ "type": {
242
+ "name": "enum",
243
+ "computed": true,
244
+ "value": "alignProps"
245
+ },
246
+ "required": false
247
+ },
248
+ "alignDirectionMobile": {
249
+ "description": "",
250
+ "type": {
251
+ "name": "enum",
252
+ "computed": true,
253
+ "value": "alignDirectionProps"
254
+ },
255
+ "required": false
256
+ },
257
+ "alignDirectionTablet": {
258
+ "description": "",
259
+ "type": {
260
+ "name": "enum",
261
+ "computed": true,
262
+ "value": "alignDirectionProps"
263
+ },
264
+ "required": false
265
+ },
266
+ "alignDirectionDesktop": {
267
+ "description": "",
268
+ "type": {
269
+ "name": "enum",
270
+ "computed": true,
271
+ "value": "alignDirectionProps"
272
+ },
273
+ "required": false
274
+ },
275
+ "children": {
276
+ "description": "",
277
+ "type": {
278
+ "name": "any"
279
+ },
280
+ "required": false
281
+ },
282
+ "className": {
283
+ "description": "",
284
+ "type": {
285
+ "name": "string"
286
+ },
287
+ "required": false
288
+ },
289
+ "badge": {
290
+ "description": "",
291
+ "type": {
292
+ "name": "string"
293
+ },
294
+ "required": false
295
+ },
296
+ "badgeSize": {
297
+ "description": "",
298
+ "type": {
299
+ "name": "string"
300
+ },
301
+ "required": false
302
+ },
303
+ "badgeType": {
304
+ "description": "",
305
+ "type": {
306
+ "name": "string"
307
+ },
308
+ "required": false
309
+ },
310
+ "direction": {
311
+ "description": "",
312
+ "type": {
313
+ "name": "string"
314
+ },
315
+ "required": false
316
+ },
317
+ "fill": {
318
+ "description": "",
319
+ "type": {
320
+ "name": "enum",
321
+ "computed": true,
322
+ "value": "fillProps"
323
+ },
324
+ "required": false
325
+ },
326
+ "fillDesktop": {
327
+ "description": "",
328
+ "type": {
329
+ "name": "enum",
330
+ "computed": true,
331
+ "value": "fillProps"
332
+ },
333
+ "required": false
334
+ },
335
+ "fillMobile": {
336
+ "description": "",
337
+ "type": {
338
+ "name": "enum",
339
+ "computed": true,
340
+ "value": "fillProps"
341
+ },
342
+ "required": false
343
+ },
344
+ "fillTablet": {
345
+ "description": "",
346
+ "type": {
347
+ "name": "enum",
348
+ "computed": true,
349
+ "value": "fillProps"
350
+ },
351
+ "required": false
352
+ },
353
+ "shape": {
354
+ "description": "",
355
+ "type": {
356
+ "name": "enum",
357
+ "computed": true,
358
+ "value": "shapeProps"
359
+ },
360
+ "required": false
361
+ },
362
+ "shapeDesktop": {
363
+ "description": "",
364
+ "type": {
365
+ "name": "enum",
366
+ "computed": true,
367
+ "value": "shapeProps"
368
+ },
369
+ "required": false
370
+ },
371
+ "shapeMobile": {
372
+ "description": "",
373
+ "type": {
374
+ "name": "enum",
375
+ "computed": true,
376
+ "value": "shapeProps"
377
+ },
378
+ "required": false
379
+ },
380
+ "shapeTablet": {
381
+ "description": "",
382
+ "type": {
383
+ "name": "enum",
384
+ "computed": true,
385
+ "value": "shapeProps"
386
+ },
387
+ "required": false
388
+ },
389
+ "height": {
390
+ "description": "",
391
+ "type": {
392
+ "name": "string"
393
+ },
394
+ "required": false
395
+ },
396
+ "reverse": {
397
+ "description": "",
398
+ "type": {
399
+ "name": "bool"
400
+ },
401
+ "required": false
402
+ },
403
+ "size": {
404
+ "description": "",
405
+ "type": {
406
+ "name": "string"
407
+ },
408
+ "required": false
409
+ },
410
+ "text": {
411
+ "description": "",
412
+ "type": {
413
+ "name": "string"
414
+ },
415
+ "required": false
416
+ },
417
+ "type": {
418
+ "description": "",
419
+ "type": {
420
+ "name": "string"
421
+ },
422
+ "required": false
423
+ },
424
+ "width": {
425
+ "description": "",
426
+ "type": {
427
+ "name": "enum",
428
+ "computed": true,
429
+ "value": "horizontalResizeModeProps"
430
+ },
431
+ "required": false
432
+ },
433
+ "widthMobile": {
434
+ "description": "",
435
+ "type": {
436
+ "name": "enum",
437
+ "computed": true,
438
+ "value": "horizontalResizeModeProps"
439
+ },
440
+ "required": false
441
+ },
442
+ "widthTablet": {
443
+ "description": "",
444
+ "type": {
445
+ "name": "enum",
446
+ "computed": true,
447
+ "value": "horizontalResizeModeProps"
448
+ },
449
+ "required": false
450
+ },
451
+ "widthDesktop": {
452
+ "description": "",
453
+ "type": {
454
+ "name": "enum",
455
+ "computed": true,
456
+ "value": "horizontalResizeModeProps"
457
+ },
458
+ "required": false
459
+ },
460
+ "onClick": {
461
+ "description": "",
462
+ "type": {
463
+ "name": "func"
464
+ },
465
+ "required": false
466
+ },
467
+ "title": {
468
+ "description": "",
469
+ "type": {
470
+ "name": "string"
471
+ },
472
+ "required": false
473
+ },
474
+ "titleSize": {
475
+ "description": "",
476
+ "type": {
477
+ "name": "enum",
478
+ "computed": true,
479
+ "value": "sizeProps"
480
+ },
481
+ "required": false
482
+ },
483
+ "titleAlign": {
484
+ "description": "",
485
+ "type": {
486
+ "name": "enum",
487
+ "computed": true,
488
+ "value": "textAlignProps"
489
+ },
490
+ "required": false
491
+ },
492
+ "titleAlignMobile": {
493
+ "description": "",
494
+ "type": {
495
+ "name": "enum",
496
+ "computed": true,
497
+ "value": "textAlignProps"
498
+ },
499
+ "required": false
500
+ },
501
+ "titleAlignTablet": {
502
+ "description": "",
503
+ "type": {
504
+ "name": "enum",
505
+ "computed": true,
506
+ "value": "textAlignProps"
507
+ },
508
+ "required": false
509
+ },
510
+ "titleAlignDesktop": {
511
+ "description": "",
512
+ "type": {
513
+ "name": "enum",
514
+ "computed": true,
515
+ "value": "textAlignProps"
516
+ },
517
+ "required": false
518
+ },
519
+ "titleTag": {
520
+ "description": "",
521
+ "type": {
522
+ "name": "enum",
523
+ "computed": true,
524
+ "value": "sizeProps"
525
+ },
526
+ "required": false
527
+ },
528
+ "textSize": {
529
+ "description": "",
530
+ "type": {
531
+ "name": "enum",
532
+ "computed": true,
533
+ "value": "sizeProps"
534
+ },
535
+ "required": false
536
+ },
537
+ "textWrap": {
538
+ "description": "",
539
+ "type": {
540
+ "name": "string"
541
+ },
542
+ "required": false
543
+ }
544
+ }
545
+ };
182
546
 
183
547
  exports.Tile = Tile;
@@ -152,5 +152,240 @@ Title.propTypes = {
152
152
  Title.defaultProps = {
153
153
  size: 'h1'
154
154
  };
155
+ Title.__docgenInfo = {
156
+ "description": "",
157
+ "methods": [],
158
+ "displayName": "Title",
159
+ "props": {
160
+ "size": {
161
+ "defaultValue": {
162
+ "value": "'h1'",
163
+ "computed": false
164
+ },
165
+ "description": "",
166
+ "type": {
167
+ "name": "enum",
168
+ "computed": true,
169
+ "value": "titleSizeProps"
170
+ },
171
+ "required": false
172
+ },
173
+ "children": {
174
+ "description": "",
175
+ "type": {
176
+ "name": "any"
177
+ },
178
+ "required": false
179
+ },
180
+ "className": {
181
+ "description": "",
182
+ "type": {
183
+ "name": "string"
184
+ },
185
+ "required": false
186
+ },
187
+ "fill": {
188
+ "description": "",
189
+ "type": {
190
+ "name": "enum",
191
+ "computed": true,
192
+ "value": "fillProps"
193
+ },
194
+ "required": false
195
+ },
196
+ "fillDesktop": {
197
+ "description": "",
198
+ "type": {
199
+ "name": "enum",
200
+ "computed": true,
201
+ "value": "fillProps"
202
+ },
203
+ "required": false
204
+ },
205
+ "fillMobile": {
206
+ "description": "",
207
+ "type": {
208
+ "name": "enum",
209
+ "computed": true,
210
+ "value": "fillProps"
211
+ },
212
+ "required": false
213
+ },
214
+ "fillTablet": {
215
+ "description": "",
216
+ "type": {
217
+ "name": "enum",
218
+ "computed": true,
219
+ "value": "fillProps"
220
+ },
221
+ "required": false
222
+ },
223
+ "sizeMobile": {
224
+ "description": "",
225
+ "type": {
226
+ "name": "enum",
227
+ "computed": true,
228
+ "value": "titleSizeProps"
229
+ },
230
+ "required": false
231
+ },
232
+ "sizeTablet": {
233
+ "description": "",
234
+ "type": {
235
+ "name": "enum",
236
+ "computed": true,
237
+ "value": "titleSizeProps"
238
+ },
239
+ "required": false
240
+ },
241
+ "sizeDesktop": {
242
+ "description": "",
243
+ "type": {
244
+ "name": "enum",
245
+ "computed": true,
246
+ "value": "titleSizeProps"
247
+ },
248
+ "required": false
249
+ },
250
+ "text": {
251
+ "description": "",
252
+ "type": {
253
+ "name": "string"
254
+ },
255
+ "required": false
256
+ },
257
+ "tag": {
258
+ "description": "",
259
+ "type": {
260
+ "name": "string"
261
+ },
262
+ "required": false
263
+ },
264
+ "textColor": {
265
+ "description": "",
266
+ "type": {
267
+ "name": "enum",
268
+ "computed": true,
269
+ "value": "textColorProps"
270
+ },
271
+ "required": false
272
+ },
273
+ "textColorDesktop": {
274
+ "description": "",
275
+ "type": {
276
+ "name": "enum",
277
+ "computed": true,
278
+ "value": "textColorProps"
279
+ },
280
+ "required": false
281
+ },
282
+ "textColorMobile": {
283
+ "description": "",
284
+ "type": {
285
+ "name": "enum",
286
+ "computed": true,
287
+ "value": "textColorProps"
288
+ },
289
+ "required": false
290
+ },
291
+ "textColorTablet": {
292
+ "description": "",
293
+ "type": {
294
+ "name": "enum",
295
+ "computed": true,
296
+ "value": "textColorProps"
297
+ },
298
+ "required": false
299
+ },
300
+ "textGradient": {
301
+ "description": "",
302
+ "type": {
303
+ "name": "enum",
304
+ "computed": true,
305
+ "value": "textGradientProps"
306
+ },
307
+ "required": false
308
+ },
309
+ "textStyle": {
310
+ "description": "",
311
+ "type": {
312
+ "name": "enum",
313
+ "computed": true,
314
+ "value": "textStyleProps"
315
+ },
316
+ "required": false
317
+ },
318
+ "textWeight": {
319
+ "description": "",
320
+ "type": {
321
+ "name": "enum",
322
+ "computed": true,
323
+ "value": "textWeightProps"
324
+ },
325
+ "required": false
326
+ },
327
+ "textWrap": {
328
+ "description": "",
329
+ "type": {
330
+ "name": "enum",
331
+ "computed": true,
332
+ "value": "wrapProps"
333
+ },
334
+ "required": false
335
+ },
336
+ "textAlign": {
337
+ "description": "",
338
+ "type": {
339
+ "name": "enum",
340
+ "computed": true,
341
+ "value": "textAlignProps"
342
+ },
343
+ "required": false
344
+ },
345
+ "textAlignMobile": {
346
+ "description": "",
347
+ "type": {
348
+ "name": "enum",
349
+ "computed": true,
350
+ "value": "textAlignProps"
351
+ },
352
+ "required": false
353
+ },
354
+ "textAlignTablet": {
355
+ "description": "",
356
+ "type": {
357
+ "name": "enum",
358
+ "computed": true,
359
+ "value": "textAlignProps"
360
+ },
361
+ "required": false
362
+ },
363
+ "textAlignDesktop": {
364
+ "description": "",
365
+ "type": {
366
+ "name": "enum",
367
+ "computed": true,
368
+ "value": "textAlignProps"
369
+ },
370
+ "required": false
371
+ },
372
+ "type": {
373
+ "description": "",
374
+ "type": {
375
+ "name": "enum",
376
+ "computed": true,
377
+ "value": "typeProps"
378
+ },
379
+ "required": false
380
+ },
381
+ "onClick": {
382
+ "description": "",
383
+ "type": {
384
+ "name": "func"
385
+ },
386
+ "required": false
387
+ }
388
+ }
389
+ };
155
390
 
156
391
  exports.Title = Title;