@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
@@ -114,5 +114,200 @@ Tooltip.propTypes = {
114
114
  Tooltip.defaultProps = {
115
115
  label: 'Label'
116
116
  };
117
+ Tooltip.__docgenInfo = {
118
+ "description": "",
119
+ "methods": [],
120
+ "displayName": "Tooltip",
121
+ "props": {
122
+ "label": {
123
+ "defaultValue": {
124
+ "value": "'Label'",
125
+ "computed": false
126
+ },
127
+ "required": false
128
+ },
129
+ "children": {
130
+ "description": "",
131
+ "type": {
132
+ "name": "any"
133
+ },
134
+ "required": false
135
+ },
136
+ "className": {
137
+ "description": "",
138
+ "type": {
139
+ "name": "string"
140
+ },
141
+ "required": false
142
+ },
143
+ "fill": {
144
+ "description": "",
145
+ "type": {
146
+ "name": "enum",
147
+ "computed": true,
148
+ "value": "fillProps"
149
+ },
150
+ "required": false
151
+ },
152
+ "fillDesktop": {
153
+ "description": "",
154
+ "type": {
155
+ "name": "enum",
156
+ "computed": true,
157
+ "value": "fillProps"
158
+ },
159
+ "required": false
160
+ },
161
+ "fillMobile": {
162
+ "description": "",
163
+ "type": {
164
+ "name": "enum",
165
+ "computed": true,
166
+ "value": "fillProps"
167
+ },
168
+ "required": false
169
+ },
170
+ "fillTablet": {
171
+ "description": "",
172
+ "type": {
173
+ "name": "enum",
174
+ "computed": true,
175
+ "value": "fillProps"
176
+ },
177
+ "required": false
178
+ },
179
+ "shape": {
180
+ "description": "",
181
+ "type": {
182
+ "name": "enum",
183
+ "computed": true,
184
+ "value": "shapeProps"
185
+ },
186
+ "required": false
187
+ },
188
+ "shapeDesktop": {
189
+ "description": "",
190
+ "type": {
191
+ "name": "enum",
192
+ "computed": true,
193
+ "value": "shapeProps"
194
+ },
195
+ "required": false
196
+ },
197
+ "shapeMobile": {
198
+ "description": "",
199
+ "type": {
200
+ "name": "enum",
201
+ "computed": true,
202
+ "value": "shapeProps"
203
+ },
204
+ "required": false
205
+ },
206
+ "shapeTablet": {
207
+ "description": "",
208
+ "type": {
209
+ "name": "enum",
210
+ "computed": true,
211
+ "value": "shapeProps"
212
+ },
213
+ "required": false
214
+ },
215
+ "text": {
216
+ "description": "",
217
+ "type": {
218
+ "name": "any"
219
+ },
220
+ "required": false
221
+ },
222
+ "textSize": {
223
+ "description": "",
224
+ "type": {
225
+ "name": "enum",
226
+ "computed": true,
227
+ "value": "sizeProps"
228
+ },
229
+ "required": false
230
+ },
231
+ "textSizeDesktop": {
232
+ "description": "",
233
+ "type": {
234
+ "name": "enum",
235
+ "computed": true,
236
+ "value": "sizeProps"
237
+ },
238
+ "required": false
239
+ },
240
+ "textSizeMobile": {
241
+ "description": "",
242
+ "type": {
243
+ "name": "enum",
244
+ "computed": true,
245
+ "value": "sizeProps"
246
+ },
247
+ "required": false
248
+ },
249
+ "textSizeTablet": {
250
+ "description": "",
251
+ "type": {
252
+ "name": "enum",
253
+ "computed": true,
254
+ "value": "sizeProps"
255
+ },
256
+ "required": false
257
+ },
258
+ "textColor": {
259
+ "description": "",
260
+ "type": {
261
+ "name": "enum",
262
+ "computed": true,
263
+ "value": "sizeProps"
264
+ },
265
+ "required": false
266
+ },
267
+ "size": {
268
+ "description": "",
269
+ "type": {
270
+ "name": "enum",
271
+ "computed": true,
272
+ "value": "sizeProps"
273
+ },
274
+ "required": false
275
+ },
276
+ "sizeDesktop": {
277
+ "description": "",
278
+ "type": {
279
+ "name": "enum",
280
+ "computed": true,
281
+ "value": "sizeProps"
282
+ },
283
+ "required": false
284
+ },
285
+ "sizeMobile": {
286
+ "description": "",
287
+ "type": {
288
+ "name": "enum",
289
+ "computed": true,
290
+ "value": "sizeProps"
291
+ },
292
+ "required": false
293
+ },
294
+ "sizeTablet": {
295
+ "description": "",
296
+ "type": {
297
+ "name": "enum",
298
+ "computed": true,
299
+ "value": "sizeProps"
300
+ },
301
+ "required": false
302
+ },
303
+ "type": {
304
+ "description": "",
305
+ "type": {
306
+ "name": "string"
307
+ },
308
+ "required": false
309
+ }
310
+ }
311
+ };
117
312
 
118
313
  exports.Tooltip = Tooltip;
@@ -73,5 +73,103 @@ Video.propTypes = {
73
73
  width: PropTypes__default.default.string,
74
74
  height: PropTypes__default.default.string
75
75
  };
76
+ Video.__docgenInfo = {
77
+ "description": "",
78
+ "methods": [],
79
+ "displayName": "Video",
80
+ "props": {
81
+ "id": {
82
+ "description": "",
83
+ "type": {
84
+ "name": "string"
85
+ },
86
+ "required": false
87
+ },
88
+ "children": {
89
+ "description": "",
90
+ "type": {
91
+ "name": "any"
92
+ },
93
+ "required": false
94
+ },
95
+ "className": {
96
+ "description": "",
97
+ "type": {
98
+ "name": "string"
99
+ },
100
+ "required": false
101
+ },
102
+ "size": {
103
+ "description": "",
104
+ "type": {
105
+ "name": "string"
106
+ },
107
+ "required": false
108
+ },
109
+ "position": {
110
+ "description": "",
111
+ "type": {
112
+ "name": "string"
113
+ },
114
+ "required": false
115
+ },
116
+ "type": {
117
+ "description": "",
118
+ "type": {
119
+ "name": "string"
120
+ },
121
+ "required": false
122
+ },
123
+ "poster": {
124
+ "description": "",
125
+ "type": {
126
+ "name": "string"
127
+ },
128
+ "required": false
129
+ },
130
+ "onClick": {
131
+ "description": "",
132
+ "type": {
133
+ "name": "func"
134
+ },
135
+ "required": false
136
+ },
137
+ "webm": {
138
+ "description": "",
139
+ "type": {
140
+ "name": "string"
141
+ },
142
+ "required": false
143
+ },
144
+ "ogv": {
145
+ "description": "",
146
+ "type": {
147
+ "name": "string"
148
+ },
149
+ "required": false
150
+ },
151
+ "mp4": {
152
+ "description": "",
153
+ "type": {
154
+ "name": "string"
155
+ },
156
+ "required": false
157
+ },
158
+ "width": {
159
+ "description": "",
160
+ "type": {
161
+ "name": "string"
162
+ },
163
+ "required": false
164
+ },
165
+ "height": {
166
+ "description": "",
167
+ "type": {
168
+ "name": "string"
169
+ },
170
+ "required": false
171
+ }
172
+ }
173
+ };
76
174
 
77
175
  exports.Video = Video;
@@ -118,5 +118,321 @@ Wrapper.defaultProps = {
118
118
  className: 'wrapper',
119
119
  tag: 'div'
120
120
  };
121
+ Wrapper.__docgenInfo = {
122
+ "description": "",
123
+ "methods": [],
124
+ "displayName": "Wrapper",
125
+ "props": {
126
+ "className": {
127
+ "defaultValue": {
128
+ "value": "'wrapper'",
129
+ "computed": false
130
+ },
131
+ "description": "",
132
+ "type": {
133
+ "name": "string"
134
+ },
135
+ "required": false
136
+ },
137
+ "tag": {
138
+ "defaultValue": {
139
+ "value": "'div'",
140
+ "computed": false
141
+ },
142
+ "description": "",
143
+ "type": {
144
+ "name": "string"
145
+ },
146
+ "required": false
147
+ },
148
+ "children": {
149
+ "description": "",
150
+ "type": {
151
+ "name": "any"
152
+ },
153
+ "required": false
154
+ },
155
+ "before": {
156
+ "description": "",
157
+ "type": {
158
+ "name": "string"
159
+ },
160
+ "required": false
161
+ },
162
+ "after": {
163
+ "description": "",
164
+ "type": {
165
+ "name": "string"
166
+ },
167
+ "required": false
168
+ },
169
+ "id": {
170
+ "description": "",
171
+ "type": {
172
+ "name": "string"
173
+ },
174
+ "required": false
175
+ },
176
+ "fill": {
177
+ "description": "",
178
+ "type": {
179
+ "name": "enum",
180
+ "computed": true,
181
+ "value": "fillProps"
182
+ },
183
+ "required": false
184
+ },
185
+ "fillMobile": {
186
+ "description": "",
187
+ "type": {
188
+ "name": "enum",
189
+ "computed": true,
190
+ "value": "fillProps"
191
+ },
192
+ "required": false
193
+ },
194
+ "fillTablet": {
195
+ "description": "",
196
+ "type": {
197
+ "name": "enum",
198
+ "computed": true,
199
+ "value": "fillProps"
200
+ },
201
+ "required": false
202
+ },
203
+ "fillDesktop": {
204
+ "description": "",
205
+ "type": {
206
+ "name": "enum",
207
+ "computed": true,
208
+ "value": "fillProps"
209
+ },
210
+ "required": false
211
+ },
212
+ "type": {
213
+ "description": "",
214
+ "type": {
215
+ "name": "string"
216
+ },
217
+ "required": false
218
+ },
219
+ "position": {
220
+ "description": "",
221
+ "type": {
222
+ "name": "enum",
223
+ "computed": true,
224
+ "value": "positionProps"
225
+ },
226
+ "required": false
227
+ },
228
+ "positionMobile": {
229
+ "description": "",
230
+ "type": {
231
+ "name": "enum",
232
+ "computed": true,
233
+ "value": "positionProps"
234
+ },
235
+ "required": false
236
+ },
237
+ "positionTablet": {
238
+ "description": "",
239
+ "type": {
240
+ "name": "enum",
241
+ "computed": true,
242
+ "value": "positionProps"
243
+ },
244
+ "required": false
245
+ },
246
+ "positionDesktop": {
247
+ "description": "",
248
+ "type": {
249
+ "name": "enum",
250
+ "computed": true,
251
+ "value": "positionProps"
252
+ },
253
+ "required": false
254
+ },
255
+ "wrapperPosition": {
256
+ "description": "",
257
+ "type": {
258
+ "name": "enum",
259
+ "computed": true,
260
+ "value": "positionProps"
261
+ },
262
+ "required": false
263
+ },
264
+ "wrapperPositionMobile": {
265
+ "description": "",
266
+ "type": {
267
+ "name": "enum",
268
+ "computed": true,
269
+ "value": "positionProps"
270
+ },
271
+ "required": false
272
+ },
273
+ "wrapperPositionTablet": {
274
+ "description": "",
275
+ "type": {
276
+ "name": "enum",
277
+ "computed": true,
278
+ "value": "positionProps"
279
+ },
280
+ "required": false
281
+ },
282
+ "wrapperPositionDesktop": {
283
+ "description": "",
284
+ "type": {
285
+ "name": "enum",
286
+ "computed": true,
287
+ "value": "positionProps"
288
+ },
289
+ "required": false
290
+ },
291
+ "horizontalResizing": {
292
+ "description": "",
293
+ "type": {
294
+ "name": "enum",
295
+ "computed": true,
296
+ "value": "horizontalResizeModeProps"
297
+ },
298
+ "required": false
299
+ },
300
+ "horizontalResizingMobile": {
301
+ "description": "",
302
+ "type": {
303
+ "name": "enum",
304
+ "computed": true,
305
+ "value": "horizontalResizeModeProps"
306
+ },
307
+ "required": false
308
+ },
309
+ "horizontalResizingTablet": {
310
+ "description": "",
311
+ "type": {
312
+ "name": "enum",
313
+ "computed": true,
314
+ "value": "horizontalResizeModeProps"
315
+ },
316
+ "required": false
317
+ },
318
+ "horizontalResizingDesktop": {
319
+ "description": "",
320
+ "type": {
321
+ "name": "enum",
322
+ "computed": true,
323
+ "value": "horizontalResizeModeProps"
324
+ },
325
+ "required": false
326
+ },
327
+ "verticalResizing": {
328
+ "description": "",
329
+ "type": {
330
+ "name": "enum",
331
+ "computed": true,
332
+ "value": "verticalResizeModeProps"
333
+ },
334
+ "required": false
335
+ },
336
+ "verticalResizingMobile": {
337
+ "description": "",
338
+ "type": {
339
+ "name": "enum",
340
+ "computed": true,
341
+ "value": "verticalResizeModeProps"
342
+ },
343
+ "required": false
344
+ },
345
+ "verticalResizingTablet": {
346
+ "description": "",
347
+ "type": {
348
+ "name": "enum",
349
+ "computed": true,
350
+ "value": "verticalResizeModeProps"
351
+ },
352
+ "required": false
353
+ },
354
+ "verticalResizingDesktop": {
355
+ "description": "",
356
+ "type": {
357
+ "name": "enum",
358
+ "computed": true,
359
+ "value": "verticalResizeModeProps"
360
+ },
361
+ "required": false
362
+ },
363
+ "align": {
364
+ "description": "",
365
+ "type": {
366
+ "name": "enum",
367
+ "computed": true,
368
+ "value": "alignProps"
369
+ },
370
+ "required": false
371
+ },
372
+ "alignMobile": {
373
+ "description": "",
374
+ "type": {
375
+ "name": "enum",
376
+ "computed": true,
377
+ "value": "alignProps"
378
+ },
379
+ "required": false
380
+ },
381
+ "alignTablet": {
382
+ "description": "",
383
+ "type": {
384
+ "name": "enum",
385
+ "computed": true,
386
+ "value": "alignProps"
387
+ },
388
+ "required": false
389
+ },
390
+ "alignDesktop": {
391
+ "description": "",
392
+ "type": {
393
+ "name": "enum",
394
+ "computed": true,
395
+ "value": "alignProps"
396
+ },
397
+ "required": false
398
+ },
399
+ "alignDirection": {
400
+ "description": "",
401
+ "type": {
402
+ "name": "enum",
403
+ "computed": true,
404
+ "value": "alignDirectionProps"
405
+ },
406
+ "required": false
407
+ },
408
+ "alignDirectionMobile": {
409
+ "description": "",
410
+ "type": {
411
+ "name": "enum",
412
+ "computed": true,
413
+ "value": "alignDirectionProps"
414
+ },
415
+ "required": false
416
+ },
417
+ "alignDirectionTablet": {
418
+ "description": "",
419
+ "type": {
420
+ "name": "enum",
421
+ "computed": true,
422
+ "value": "alignDirectionProps"
423
+ },
424
+ "required": false
425
+ },
426
+ "alignDirectionDesktop": {
427
+ "description": "",
428
+ "type": {
429
+ "name": "enum",
430
+ "computed": true,
431
+ "value": "alignDirectionProps"
432
+ },
433
+ "required": false
434
+ }
435
+ }
436
+ };
121
437
 
122
438
  exports.Wrapper = Wrapper;
@@ -1,5 +1,5 @@
1
1
  'use strict';
2
2
 
3
- const iconSizeProps = [null, '16', '24', '32', '40', '60', '64', '144'];
3
+ const iconSizeProps = [null, '14', '16', '24', '32', '40', '60', '64', '144'];
4
4
 
5
5
  exports.default = iconSizeProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ const itemColorProps = [null, 'accentPrimary', 'accentSecondary', 'accentTertiary', 'primaryPrimary', 'primarySecondary', 'primaryTertiary', 'secondaryPrimary', 'secondarySecondary', 'secondaryTertiary', 'tertiaryPrimary', 'tertiarySecondary', 'tertiaryTertiary', 'surfacePrimary', 'surfaceSecondary', 'surfaceTertiary', 'surfaceQuaternary', 'surfaceQuinary', 'errorPrimary', 'errorSecondary', 'successPrimary', 'successSecondary'];
4
+
5
+ exports.default = itemColorProps;
@@ -1,5 +1,5 @@
1
1
  'use strict';
2
2
 
3
- const sizeProps = [null, 'xs', 's', 'm', 'l', 'xl'];
3
+ const sizeProps = [null, 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'];
4
4
 
5
5
  exports.default = sizeProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ const textSizeProps = [null, 'xs', 's', 'm', 'l', 'xl'];
4
+
5
+ exports.default = textSizeProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ const textWrapProps = [null, 'wrap', 'nowrap'];
4
+
5
+ exports.default = textWrapProps;
package/dist/constants.js CHANGED
@@ -4,10 +4,12 @@ var align = require('./constants/componentProps/align.js');
4
4
  var alignDirection = require('./constants/componentProps/alignDirection.js');
5
5
  var borderColor = require('./constants/componentProps/borderColor.js');
6
6
  var borderType = require('./constants/componentProps/borderType.js');
7
+ var textSize = require('./constants/componentProps/textSize.js');
8
+ var textWrap = require('./constants/componentProps/textWrap.js');
9
+ var itemColor = require('./constants/componentProps/itemColor.js');
7
10
  var captionPosition = require('./constants/componentProps/captionPosition.js');
8
11
  var direction = require('./constants/componentProps/direction.js');
9
12
  var emojiSize = require('./constants/componentProps/emojiSize.js');
10
- var position = require('./constants/componentProps/position.js');
11
13
  var fill = require('./constants/componentProps/fill.js');
12
14
  var fillGradient = require('./constants/componentProps/fillGradient.js');
13
15
  var fillType = require('./constants/componentProps/fillType.js');
@@ -21,6 +23,7 @@ var gridJustifySelf = require('./constants/componentProps/gridJustifySelf.js');
21
23
  var horizontalContentAlign = require('./constants/componentProps/horizontalContentAlign.js');
22
24
  var horizontalResizeMode = require('./constants/componentProps/horizontalResizeMode.js');
23
25
  var iconSize = require('./constants/componentProps/iconSize.js');
26
+ var position = require('./constants/componentProps/position.js');
24
27
  var resizeMode = require('./constants/componentProps/resizeMode.js');
25
28
  var shape = require('./constants/componentProps/shape.js');
26
29
  var size = require('./constants/componentProps/size.js');
@@ -48,10 +51,12 @@ exports.alignProps = align.default;
48
51
  exports.alignDirectionProps = alignDirection.default;
49
52
  exports.borderColorProps = borderColor.default;
50
53
  exports.borderTypeProps = borderType.default;
54
+ exports.textSizeProps = textSize.default;
55
+ exports.textWrapProps = textWrap.default;
56
+ exports.itemColorProps = itemColor.default;
51
57
  exports.captionPositionProps = captionPosition.default;
52
58
  exports.directionProps = direction.default;
53
59
  exports.emojiSizeProps = emojiSize.default;
54
- exports.positionProps = position.default;
55
60
  exports.fillProps = fill.default;
56
61
  exports.fillGradientProps = fillGradient.default;
57
62
  exports.fillTypeProps = fillType.default;
@@ -65,6 +70,7 @@ exports.gridJustifySelfProps = gridJustifySelf.default;
65
70
  exports.horizontalContentAlignProps = horizontalContentAlign.default;
66
71
  exports.horizontalResizeModeProps = horizontalResizeMode.default;
67
72
  exports.iconSizeProps = iconSize.default;
73
+ exports.positionProps = position.default;
68
74
  exports.resizeModeProps = resizeMode.default;
69
75
  exports.shapeProps = shape.default;
70
76
  exports.sizeProps = size.default;