@itcase/ui 1.0.72 → 1.0.74
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.
- package/dist/components/Accordion.js +2 -0
- package/dist/components/Avatar.js +8 -22
- package/dist/components/Badge.js +2 -1
- package/dist/components/Breadcrumbs.js +2 -0
- package/dist/components/Button.js +5 -2
- package/dist/components/Card.js +1 -0
- package/dist/components/Cell.js +4 -2
- package/dist/components/Checkbox.js +1 -0
- package/dist/components/Chips.js +12 -1
- package/dist/components/Choice.js +2 -1
- package/dist/components/ContextMenu.js +3 -1
- package/dist/components/CookiesWarning.js +4 -2
- package/dist/components/DadataHintField.js +1 -1
- package/dist/components/DatePicker.js +8 -5
- package/dist/components/Dot.js +1 -1
- package/dist/components/Dropdown.js +1 -1
- package/dist/components/Empty.js +32 -30
- package/dist/components/Flex.js +1 -1
- package/dist/components/FormField.js +5 -3
- package/dist/components/Group.js +1 -1
- package/dist/components/Icon.js +209 -14
- package/dist/components/Input.js +1 -1
- package/dist/components/InputPassword.js +3 -0
- package/dist/components/Label.js +10 -9
- package/dist/components/LanguageSelector.js +3 -0
- package/dist/components/Loader.js +1 -0
- package/dist/components/Logo.js +58 -9
- package/dist/components/Menu.js +3 -1
- package/dist/components/MenuItem.js +100 -28
- package/dist/components/Modal.js +2 -1
- package/dist/components/Notification.js +2 -2
- package/dist/components/RadioButton.js +4 -3
- package/dist/components/Search.js +4 -1
- package/dist/components/Segmented.js +2 -1
- package/dist/components/Select.js +42 -35
- package/dist/components/SiteMenu.js +3 -0
- package/dist/components/Tab.js +5 -13
- package/dist/components/Text.js +5 -2
- package/dist/components/Tile.js +140 -114
- package/dist/components/Tooltip.js +1 -1
- package/dist/constants/componentProps/fillHover.js +5 -0
- package/dist/constants/componentProps/textSize.js +1 -1
- package/dist/constants/componentProps/titleSize.js +1 -1
- package/dist/constants.js +2 -0
- package/dist/css/components/Cell/Cell.css +7 -7
- package/dist/css/components/Chips/Chips.css +8 -2
- package/dist/css/components/DatePicker/DatePicker.css +2 -1
- package/dist/css/components/Input/Input.css +14 -0
- package/dist/css/components/Notification/Notification.css +1 -0
- package/dist/css/components/Notification/css/__item/notification__item_set_float.css +1 -0
- package/dist/css/components/Select/Select.css +19 -0
- package/dist/css/styles/border-color-hover/border-color-hover.css +3 -3
- package/dist/css/styles/text-color-hover/text-color-hover.css +4 -3
- package/package.json +11 -11
- /package/dist/{_commonjsHelpers-facfc6d6.js → _commonjsHelpers-rI13D0F7.js} +0 -0
- /package/dist/{defineProperty-f9e5e1f3.js → defineProperty-ujK-k7aM.js} +0 -0
|
@@ -11,7 +11,9 @@ var textColorActive = require('../constants/componentProps/textColorActive.js');
|
|
|
11
11
|
var textColorHover = require('../constants/componentProps/textColorHover.js');
|
|
12
12
|
var textColor = require('../constants/componentProps/textColor.js');
|
|
13
13
|
var textGradient = require('../constants/componentProps/textGradient.js');
|
|
14
|
+
var textSize = require('../constants/componentProps/textSize.js');
|
|
14
15
|
var textStyle = require('../constants/componentProps/textStyle.js');
|
|
16
|
+
var textWrap = require('../constants/componentProps/textWrap.js');
|
|
15
17
|
var textWeight = require('../constants/componentProps/textWeight.js');
|
|
16
18
|
var type = require('../constants/componentProps/type.js');
|
|
17
19
|
var underline = require('../constants/componentProps/underline.js');
|
|
@@ -166,21 +168,29 @@ function MenuItem(props) {
|
|
|
166
168
|
}, desc)), after)));
|
|
167
169
|
}
|
|
168
170
|
MenuItem.propTypes = {
|
|
169
|
-
before: PropTypes__default.default.any,
|
|
170
171
|
after: PropTypes__default.default.any,
|
|
172
|
+
before: PropTypes__default.default.any,
|
|
171
173
|
children: PropTypes__default.default.any,
|
|
172
174
|
className: PropTypes__default.default.string,
|
|
175
|
+
desc: PropTypes__default.default.string,
|
|
176
|
+
descTextColor: PropTypes__default.default.oneOf(textColor.default),
|
|
177
|
+
descTextColorHover: PropTypes__default.default.oneOf(textColorHover.default),
|
|
178
|
+
descTextGradient: PropTypes__default.default.oneOf(textGradient.default),
|
|
179
|
+
descTextSize: PropTypes__default.default.oneOf(textSize.default),
|
|
180
|
+
descTextStyle: PropTypes__default.default.oneOf(textStyle.default),
|
|
181
|
+
descTextWeight: PropTypes__default.default.oneOf(textWeight.default),
|
|
182
|
+
descTextWrap: PropTypes__default.default.oneOf(textWrap.default),
|
|
173
183
|
fill: PropTypes__default.default.oneOf(fill.default),
|
|
174
184
|
fillDesktop: PropTypes__default.default.oneOf(fill.default),
|
|
175
185
|
fillMobile: PropTypes__default.default.oneOf(fill.default),
|
|
176
186
|
fillTablet: PropTypes__default.default.oneOf(fill.default),
|
|
187
|
+
isActive: PropTypes__default.default.bool,
|
|
188
|
+
isHover: PropTypes__default.default.bool,
|
|
189
|
+
label: PropTypes__default.default.string,
|
|
177
190
|
linkFill: PropTypes__default.default.oneOf(fill.default),
|
|
178
191
|
linkFillDesktop: PropTypes__default.default.oneOf(fill.default),
|
|
179
192
|
linkFillMobile: PropTypes__default.default.oneOf(fill.default),
|
|
180
193
|
linkFillTablet: PropTypes__default.default.oneOf(fill.default),
|
|
181
|
-
isActive: PropTypes__default.default.bool,
|
|
182
|
-
label: PropTypes__default.default.string,
|
|
183
|
-
labelSize: PropTypes__default.default.string,
|
|
184
194
|
onClick: PropTypes__default.default.func,
|
|
185
195
|
onMouseEnter: PropTypes__default.default.func,
|
|
186
196
|
size: PropTypes__default.default.oneOf(size.default),
|
|
@@ -208,7 +218,6 @@ MenuItem.propTypes = {
|
|
|
208
218
|
typeDesktop: PropTypes__default.default.oneOf(type.default),
|
|
209
219
|
typeMobile: PropTypes__default.default.oneOf(type.default),
|
|
210
220
|
typeTablet: PropTypes__default.default.oneOf(type.default),
|
|
211
|
-
title: PropTypes__default.default.string,
|
|
212
221
|
underline: PropTypes__default.default.oneOf(underline.default)
|
|
213
222
|
};
|
|
214
223
|
MenuItem.defaultProps = {
|
|
@@ -252,14 +261,14 @@ MenuItem.__docgenInfo = {
|
|
|
252
261
|
},
|
|
253
262
|
"required": false
|
|
254
263
|
},
|
|
255
|
-
"
|
|
264
|
+
"after": {
|
|
256
265
|
"description": "",
|
|
257
266
|
"type": {
|
|
258
267
|
"name": "any"
|
|
259
268
|
},
|
|
260
269
|
"required": false
|
|
261
270
|
},
|
|
262
|
-
"
|
|
271
|
+
"before": {
|
|
263
272
|
"description": "",
|
|
264
273
|
"type": {
|
|
265
274
|
"name": "any"
|
|
@@ -280,43 +289,77 @@ MenuItem.__docgenInfo = {
|
|
|
280
289
|
},
|
|
281
290
|
"required": false
|
|
282
291
|
},
|
|
283
|
-
"
|
|
292
|
+
"desc": {
|
|
293
|
+
"description": "",
|
|
294
|
+
"type": {
|
|
295
|
+
"name": "string"
|
|
296
|
+
},
|
|
297
|
+
"required": false
|
|
298
|
+
},
|
|
299
|
+
"descTextColor": {
|
|
284
300
|
"description": "",
|
|
285
301
|
"type": {
|
|
286
302
|
"name": "enum",
|
|
287
303
|
"computed": true,
|
|
288
|
-
"value": "
|
|
304
|
+
"value": "textColorProps"
|
|
289
305
|
},
|
|
290
306
|
"required": false
|
|
291
307
|
},
|
|
292
|
-
"
|
|
308
|
+
"descTextColorHover": {
|
|
293
309
|
"description": "",
|
|
294
310
|
"type": {
|
|
295
311
|
"name": "enum",
|
|
296
312
|
"computed": true,
|
|
297
|
-
"value": "
|
|
313
|
+
"value": "textColorHoverProps"
|
|
298
314
|
},
|
|
299
315
|
"required": false
|
|
300
316
|
},
|
|
301
|
-
"
|
|
317
|
+
"descTextGradient": {
|
|
302
318
|
"description": "",
|
|
303
319
|
"type": {
|
|
304
320
|
"name": "enum",
|
|
305
321
|
"computed": true,
|
|
306
|
-
"value": "
|
|
322
|
+
"value": "textGradientProps"
|
|
307
323
|
},
|
|
308
324
|
"required": false
|
|
309
325
|
},
|
|
310
|
-
"
|
|
326
|
+
"descTextSize": {
|
|
311
327
|
"description": "",
|
|
312
328
|
"type": {
|
|
313
329
|
"name": "enum",
|
|
314
330
|
"computed": true,
|
|
315
|
-
"value": "
|
|
331
|
+
"value": "textSizeProps"
|
|
316
332
|
},
|
|
317
333
|
"required": false
|
|
318
334
|
},
|
|
319
|
-
"
|
|
335
|
+
"descTextStyle": {
|
|
336
|
+
"description": "",
|
|
337
|
+
"type": {
|
|
338
|
+
"name": "enum",
|
|
339
|
+
"computed": true,
|
|
340
|
+
"value": "textStyleProps"
|
|
341
|
+
},
|
|
342
|
+
"required": false
|
|
343
|
+
},
|
|
344
|
+
"descTextWeight": {
|
|
345
|
+
"description": "",
|
|
346
|
+
"type": {
|
|
347
|
+
"name": "enum",
|
|
348
|
+
"computed": true,
|
|
349
|
+
"value": "textWeightProps"
|
|
350
|
+
},
|
|
351
|
+
"required": false
|
|
352
|
+
},
|
|
353
|
+
"descTextWrap": {
|
|
354
|
+
"description": "",
|
|
355
|
+
"type": {
|
|
356
|
+
"name": "enum",
|
|
357
|
+
"computed": true,
|
|
358
|
+
"value": "textWrapProps"
|
|
359
|
+
},
|
|
360
|
+
"required": false
|
|
361
|
+
},
|
|
362
|
+
"fill": {
|
|
320
363
|
"description": "",
|
|
321
364
|
"type": {
|
|
322
365
|
"name": "enum",
|
|
@@ -325,7 +368,7 @@ MenuItem.__docgenInfo = {
|
|
|
325
368
|
},
|
|
326
369
|
"required": false
|
|
327
370
|
},
|
|
328
|
-
"
|
|
371
|
+
"fillDesktop": {
|
|
329
372
|
"description": "",
|
|
330
373
|
"type": {
|
|
331
374
|
"name": "enum",
|
|
@@ -334,7 +377,7 @@ MenuItem.__docgenInfo = {
|
|
|
334
377
|
},
|
|
335
378
|
"required": false
|
|
336
379
|
},
|
|
337
|
-
"
|
|
380
|
+
"fillMobile": {
|
|
338
381
|
"description": "",
|
|
339
382
|
"type": {
|
|
340
383
|
"name": "enum",
|
|
@@ -343,7 +386,7 @@ MenuItem.__docgenInfo = {
|
|
|
343
386
|
},
|
|
344
387
|
"required": false
|
|
345
388
|
},
|
|
346
|
-
"
|
|
389
|
+
"fillTablet": {
|
|
347
390
|
"description": "",
|
|
348
391
|
"type": {
|
|
349
392
|
"name": "enum",
|
|
@@ -359,6 +402,13 @@ MenuItem.__docgenInfo = {
|
|
|
359
402
|
},
|
|
360
403
|
"required": false
|
|
361
404
|
},
|
|
405
|
+
"isHover": {
|
|
406
|
+
"description": "",
|
|
407
|
+
"type": {
|
|
408
|
+
"name": "bool"
|
|
409
|
+
},
|
|
410
|
+
"required": false
|
|
411
|
+
},
|
|
362
412
|
"label": {
|
|
363
413
|
"description": "",
|
|
364
414
|
"type": {
|
|
@@ -366,10 +416,39 @@ MenuItem.__docgenInfo = {
|
|
|
366
416
|
},
|
|
367
417
|
"required": false
|
|
368
418
|
},
|
|
369
|
-
"
|
|
419
|
+
"linkFill": {
|
|
370
420
|
"description": "",
|
|
371
421
|
"type": {
|
|
372
|
-
"name": "
|
|
422
|
+
"name": "enum",
|
|
423
|
+
"computed": true,
|
|
424
|
+
"value": "fillProps"
|
|
425
|
+
},
|
|
426
|
+
"required": false
|
|
427
|
+
},
|
|
428
|
+
"linkFillDesktop": {
|
|
429
|
+
"description": "",
|
|
430
|
+
"type": {
|
|
431
|
+
"name": "enum",
|
|
432
|
+
"computed": true,
|
|
433
|
+
"value": "fillProps"
|
|
434
|
+
},
|
|
435
|
+
"required": false
|
|
436
|
+
},
|
|
437
|
+
"linkFillMobile": {
|
|
438
|
+
"description": "",
|
|
439
|
+
"type": {
|
|
440
|
+
"name": "enum",
|
|
441
|
+
"computed": true,
|
|
442
|
+
"value": "fillProps"
|
|
443
|
+
},
|
|
444
|
+
"required": false
|
|
445
|
+
},
|
|
446
|
+
"linkFillTablet": {
|
|
447
|
+
"description": "",
|
|
448
|
+
"type": {
|
|
449
|
+
"name": "enum",
|
|
450
|
+
"computed": true,
|
|
451
|
+
"value": "fillProps"
|
|
373
452
|
},
|
|
374
453
|
"required": false
|
|
375
454
|
},
|
|
@@ -584,13 +663,6 @@ MenuItem.__docgenInfo = {
|
|
|
584
663
|
},
|
|
585
664
|
"required": false
|
|
586
665
|
},
|
|
587
|
-
"title": {
|
|
588
|
-
"description": "",
|
|
589
|
-
"type": {
|
|
590
|
-
"name": "string"
|
|
591
|
-
},
|
|
592
|
-
"required": false
|
|
593
|
-
},
|
|
594
666
|
"underline": {
|
|
595
667
|
"description": "",
|
|
596
668
|
"type": {
|
package/dist/components/Modal.js
CHANGED
|
@@ -24,6 +24,7 @@ require('../constants/componentProps/textColorActive.js');
|
|
|
24
24
|
require('../constants/componentProps/textColorHover.js');
|
|
25
25
|
require('../constants/componentProps/size.js');
|
|
26
26
|
require('../constants/componentProps/textStyle.js');
|
|
27
|
+
require('../constants/componentProps/textGradient.js');
|
|
27
28
|
require('../constants/componentProps/textWeight.js');
|
|
28
29
|
|
|
29
30
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -177,7 +178,7 @@ const Modal = /*#__PURE__*/React__default.default.forwardRef(function Modal(prop
|
|
|
177
178
|
propsKey: 'borderWidth'
|
|
178
179
|
});
|
|
179
180
|
const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
180
|
-
prefix: '
|
|
181
|
+
prefix: 'border_type_',
|
|
181
182
|
propsKey: 'borderType'
|
|
182
183
|
});
|
|
183
184
|
const elevationClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
@@ -13,6 +13,7 @@ require('../constants/componentProps/textColorActive.js');
|
|
|
13
13
|
require('../constants/componentProps/textColorHover.js');
|
|
14
14
|
require('../constants/componentProps/size.js');
|
|
15
15
|
require('../constants/componentProps/textStyle.js');
|
|
16
|
+
require('../constants/componentProps/textGradient.js');
|
|
16
17
|
require('../constants/componentProps/textWeight.js');
|
|
17
18
|
require('../hooks/useStyles.js');
|
|
18
19
|
require('lodash/camelCase');
|
|
@@ -25,7 +26,6 @@ require('react-responsive');
|
|
|
25
26
|
require('lodash/castArray');
|
|
26
27
|
require('../constants/componentProps/fill.js');
|
|
27
28
|
require('../constants/componentProps/textAlign.js');
|
|
28
|
-
require('../constants/componentProps/textGradient.js');
|
|
29
29
|
require('../constants/componentProps/titleSize.js');
|
|
30
30
|
require('../constants/componentProps/type.js');
|
|
31
31
|
require('../constants/componentProps/wrap.js');
|
|
@@ -72,7 +72,7 @@ function NotificationItem(props) {
|
|
|
72
72
|
propsKey: 'fill'
|
|
73
73
|
});
|
|
74
74
|
return /*#__PURE__*/React__default.default.createElement("div", {
|
|
75
|
-
className: clsx__default.default('notification__item', status && `notification__item_status_${status}`, set && `notification__item_set_${set}`, size && `notification__item_set_${size}`, fillClass || notificationItemConfig.appearance[appearance] && `fill_${notificationItemConfig.appearance[appearance].fillClass}`.replace(/([A-Z])/g, '-$1').toLowerCase()),
|
|
75
|
+
className: clsx__default.default('notification__item', status && `notification__item_status_${status}`, set && `notification__item_set_${set}`, size && `notification__item_set_${size}`, closeButton && 'notification__item_type_close-button', fillClass || notificationItemConfig.appearance[appearance] && `fill_${notificationItemConfig.appearance[appearance].fillClass}`.replace(/([A-Z])/g, '-$1').toLowerCase()),
|
|
76
76
|
"data-tour": dataTour
|
|
77
77
|
}, before, /*#__PURE__*/React__default.default.createElement("div", {
|
|
78
78
|
className: clsx__default.default(className, 'notification__item-wrapper')
|
|
@@ -10,6 +10,7 @@ require('../constants/componentProps/textColorActive.js');
|
|
|
10
10
|
require('../constants/componentProps/textColorHover.js');
|
|
11
11
|
require('../constants/componentProps/size.js');
|
|
12
12
|
require('../constants/componentProps/textStyle.js');
|
|
13
|
+
require('../constants/componentProps/textGradient.js');
|
|
13
14
|
require('../constants/componentProps/textWeight.js');
|
|
14
15
|
require('../hooks/useStyles.js');
|
|
15
16
|
require('lodash/camelCase');
|
|
@@ -93,7 +94,7 @@ function RadioButton(props) {
|
|
|
93
94
|
});
|
|
94
95
|
return /*#__PURE__*/React__default.default.createElement(Tag, {
|
|
95
96
|
htmlFor: id,
|
|
96
|
-
|
|
97
|
+
className: clsx__default.default(className, 'radio-button', fillClass, shapeClass)
|
|
97
98
|
}, /*#__PURE__*/React__default.default.createElement("div", {
|
|
98
99
|
className: clsx__default.default('radio-button__item', stateCheckmarkFillClass)
|
|
99
100
|
}, /*#__PURE__*/React__default.default.createElement("input", {
|
|
@@ -115,8 +116,8 @@ function RadioButton(props) {
|
|
|
115
116
|
}, label), desc && /*#__PURE__*/React__default.default.createElement(index.Text, {
|
|
116
117
|
className: "radio-button__desc",
|
|
117
118
|
size: descTextSize,
|
|
118
|
-
|
|
119
|
-
|
|
119
|
+
textColor: descTextColor,
|
|
120
|
+
textWeight: descTextWidth
|
|
120
121
|
}, desc));
|
|
121
122
|
}
|
|
122
123
|
RadioButton.propTypes = {
|
|
@@ -26,6 +26,9 @@ require('../context/UIContext.js');
|
|
|
26
26
|
require('../hooks/useMediaQueries.js');
|
|
27
27
|
require('react-responsive');
|
|
28
28
|
require('lodash/castArray');
|
|
29
|
+
require('../constants/componentProps/iconSize.js');
|
|
30
|
+
require('../constants/componentProps/shape.js');
|
|
31
|
+
require('../constants/componentProps/strokeColor.js');
|
|
29
32
|
require('../constants/componentProps/textColorActive.js');
|
|
30
33
|
require('../constants/componentProps/textColorHover.js');
|
|
31
34
|
require('react-scrollbars-custom');
|
|
@@ -151,7 +154,7 @@ const SearchInput = /*#__PURE__*/React__default.default.forwardRef(function Sear
|
|
|
151
154
|
propsKey: 'borderWidth'
|
|
152
155
|
});
|
|
153
156
|
const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
154
|
-
prefix: '
|
|
157
|
+
prefix: 'border_type_',
|
|
155
158
|
propsKey: 'borderType'
|
|
156
159
|
});
|
|
157
160
|
const {
|
|
@@ -10,6 +10,7 @@ require('../constants/componentProps/textColorActive.js');
|
|
|
10
10
|
require('../constants/componentProps/textColorHover.js');
|
|
11
11
|
require('../constants/componentProps/size.js');
|
|
12
12
|
require('../constants/componentProps/textStyle.js');
|
|
13
|
+
require('../constants/componentProps/textGradient.js');
|
|
13
14
|
require('../constants/componentProps/textWeight.js');
|
|
14
15
|
require('../hooks/useStyles.js');
|
|
15
16
|
require('lodash/camelCase');
|
|
@@ -67,7 +68,7 @@ const Segmented = /*#__PURE__*/React__default.default.forwardRef((props, ref) =>
|
|
|
67
68
|
propsKey: 'borderWidth'
|
|
68
69
|
});
|
|
69
70
|
const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
70
|
-
prefix: '
|
|
71
|
+
prefix: 'border_type_',
|
|
71
72
|
propsKey: 'borderType'
|
|
72
73
|
});
|
|
73
74
|
const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
@@ -5,7 +5,7 @@ var PropTypes = require('prop-types');
|
|
|
5
5
|
var index$1 = require('./Icon.js');
|
|
6
6
|
var Select$1 = require('react-select');
|
|
7
7
|
var clsx = require('clsx');
|
|
8
|
-
var defineProperty = require('../defineProperty-
|
|
8
|
+
var defineProperty = require('../defineProperty-ujK-k7aM.js');
|
|
9
9
|
var ReactDOM = require('react-dom');
|
|
10
10
|
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
11
11
|
var index$2 = require('./Text.js');
|
|
@@ -29,10 +29,12 @@ require('../context/UIContext.js');
|
|
|
29
29
|
require('../hooks/useMediaQueries.js');
|
|
30
30
|
require('react-responsive');
|
|
31
31
|
require('lodash/castArray');
|
|
32
|
+
require('../constants/componentProps/iconSize.js');
|
|
33
|
+
require('../constants/componentProps/shape.js');
|
|
34
|
+
require('../constants/componentProps/strokeColor.js');
|
|
32
35
|
require('../constants/componentProps/textColorActive.js');
|
|
33
36
|
require('../constants/componentProps/textColorHover.js');
|
|
34
37
|
require('../constants/componentProps/direction.js');
|
|
35
|
-
require('../constants/componentProps/shape.js');
|
|
36
38
|
require('../constants/componentProps/stacking.js');
|
|
37
39
|
require('../constants/componentProps/wrap.js');
|
|
38
40
|
require('../constants/componentProps/width.js');
|
|
@@ -1581,31 +1583,6 @@ var createCache = function createCache(options) {
|
|
|
1581
1583
|
|
|
1582
1584
|
var reactIs$1 = {exports: {}};
|
|
1583
1585
|
|
|
1584
|
-
var reactIs_production_min = {};
|
|
1585
|
-
|
|
1586
|
-
/** @license React v16.13.1
|
|
1587
|
-
* react-is.production.min.js
|
|
1588
|
-
*
|
|
1589
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
1590
|
-
*
|
|
1591
|
-
* This source code is licensed under the MIT license found in the
|
|
1592
|
-
* LICENSE file in the root directory of this source tree.
|
|
1593
|
-
*/
|
|
1594
|
-
|
|
1595
|
-
var hasRequiredReactIs_production_min;
|
|
1596
|
-
|
|
1597
|
-
function requireReactIs_production_min () {
|
|
1598
|
-
if (hasRequiredReactIs_production_min) return reactIs_production_min;
|
|
1599
|
-
hasRequiredReactIs_production_min = 1;
|
|
1600
|
-
var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
|
|
1601
|
-
Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
|
|
1602
|
-
function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d;
|
|
1603
|
-
reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
|
|
1604
|
-
reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
|
|
1605
|
-
reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
|
|
1606
|
-
return reactIs_production_min;
|
|
1607
|
-
}
|
|
1608
|
-
|
|
1609
1586
|
var reactIs_development = {};
|
|
1610
1587
|
|
|
1611
1588
|
/** @license React v16.13.1
|
|
@@ -1795,6 +1772,31 @@ function requireReactIs_development () {
|
|
|
1795
1772
|
return reactIs_development;
|
|
1796
1773
|
}
|
|
1797
1774
|
|
|
1775
|
+
var reactIs_production_min = {};
|
|
1776
|
+
|
|
1777
|
+
/** @license React v16.13.1
|
|
1778
|
+
* react-is.production.min.js
|
|
1779
|
+
*
|
|
1780
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
1781
|
+
*
|
|
1782
|
+
* This source code is licensed under the MIT license found in the
|
|
1783
|
+
* LICENSE file in the root directory of this source tree.
|
|
1784
|
+
*/
|
|
1785
|
+
|
|
1786
|
+
var hasRequiredReactIs_production_min;
|
|
1787
|
+
|
|
1788
|
+
function requireReactIs_production_min () {
|
|
1789
|
+
if (hasRequiredReactIs_production_min) return reactIs_production_min;
|
|
1790
|
+
hasRequiredReactIs_production_min = 1;
|
|
1791
|
+
var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
|
|
1792
|
+
Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
|
|
1793
|
+
function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d;
|
|
1794
|
+
reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
|
|
1795
|
+
reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
|
|
1796
|
+
reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
|
|
1797
|
+
return reactIs_production_min;
|
|
1798
|
+
}
|
|
1799
|
+
|
|
1798
1800
|
if (process.env.NODE_ENV === 'production') {
|
|
1799
1801
|
reactIs$1.exports = requireReactIs_production_min();
|
|
1800
1802
|
} else {
|
|
@@ -8100,15 +8102,14 @@ SelectSingleValue.__docgenInfo = {
|
|
|
8100
8102
|
|
|
8101
8103
|
const SelectValueContainer = props => {
|
|
8102
8104
|
const {
|
|
8103
|
-
children,
|
|
8104
8105
|
inputBefore,
|
|
8105
8106
|
inputAfter
|
|
8106
8107
|
} = props.selectProps;
|
|
8107
8108
|
return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.ValueContainer, props, inputBefore, props.children, inputAfter);
|
|
8108
8109
|
};
|
|
8109
8110
|
SelectValueContainer.propTypes = {
|
|
8111
|
+
children: PropTypes__default.default.any,
|
|
8110
8112
|
selectProps: PropTypes__default.default.shape({
|
|
8111
|
-
children: PropTypes__default.default.any,
|
|
8112
8113
|
inputBefore: PropTypes__default.default.any,
|
|
8113
8114
|
inputAfter: PropTypes__default.default.any
|
|
8114
8115
|
})
|
|
@@ -8118,15 +8119,18 @@ SelectValueContainer.__docgenInfo = {
|
|
|
8118
8119
|
"methods": [],
|
|
8119
8120
|
"displayName": "SelectValueContainer",
|
|
8120
8121
|
"props": {
|
|
8122
|
+
"children": {
|
|
8123
|
+
"description": "",
|
|
8124
|
+
"type": {
|
|
8125
|
+
"name": "any"
|
|
8126
|
+
},
|
|
8127
|
+
"required": false
|
|
8128
|
+
},
|
|
8121
8129
|
"selectProps": {
|
|
8122
8130
|
"description": "",
|
|
8123
8131
|
"type": {
|
|
8124
8132
|
"name": "shape",
|
|
8125
8133
|
"value": {
|
|
8126
|
-
"children": {
|
|
8127
|
-
"name": "any",
|
|
8128
|
-
"required": false
|
|
8129
|
-
},
|
|
8130
8134
|
"inputBefore": {
|
|
8131
8135
|
"name": "any",
|
|
8132
8136
|
"required": false
|
|
@@ -8148,6 +8152,7 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
|
|
|
8148
8152
|
}), []);
|
|
8149
8153
|
const {
|
|
8150
8154
|
className,
|
|
8155
|
+
hideSelectedOptions,
|
|
8151
8156
|
clearIcon,
|
|
8152
8157
|
clearIconFill,
|
|
8153
8158
|
clearIconStroke,
|
|
@@ -8159,6 +8164,7 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
|
|
|
8159
8164
|
multipleItemIconFill,
|
|
8160
8165
|
multipleItemFill,
|
|
8161
8166
|
multipleItemFillHover,
|
|
8167
|
+
hideValueContainer,
|
|
8162
8168
|
filterOption,
|
|
8163
8169
|
key,
|
|
8164
8170
|
initialValue,
|
|
@@ -8213,7 +8219,7 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
|
|
|
8213
8219
|
propsKey: 'optionBorder'
|
|
8214
8220
|
});
|
|
8215
8221
|
const optionBorderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
8216
|
-
prefix: '
|
|
8222
|
+
prefix: 'border_type_',
|
|
8217
8223
|
propsKey: 'optionBorderType'
|
|
8218
8224
|
});
|
|
8219
8225
|
const optionTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
@@ -8285,7 +8291,7 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
|
|
|
8285
8291
|
});
|
|
8286
8292
|
const SelectComponent = React.useMemo(() => isCreatable ? CreatableSelect$1 : Select__default.default, [isCreatable]);
|
|
8287
8293
|
return /*#__PURE__*/React__namespace.default.createElement(SelectComponent, {
|
|
8288
|
-
className: clsx__default.default(className, 'select', fillClass, fillHoverClass, shapeClass, borderColorClass, sizeClass, set && `select_set_${set}`),
|
|
8294
|
+
className: clsx__default.default(className, 'select', fillClass, fillHoverClass, shapeClass, borderColorClass, sizeClass, hideValueContainer && 'select_state_hide-value-container', set && `select_set_${set}`),
|
|
8289
8295
|
classNamePrefix: "select",
|
|
8290
8296
|
styles: clearStyle,
|
|
8291
8297
|
value: value,
|
|
@@ -8302,6 +8308,7 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
|
|
|
8302
8308
|
dropdownIconStroke: dropdownIconStroke,
|
|
8303
8309
|
filterOption: filterOption,
|
|
8304
8310
|
key: key,
|
|
8311
|
+
hideSelectedOptions: hideSelectedOptions,
|
|
8305
8312
|
isMulti: isMulti,
|
|
8306
8313
|
isSearchable: isSearchable,
|
|
8307
8314
|
set: set,
|
|
@@ -25,6 +25,9 @@ require('../hooks/useStyles.js');
|
|
|
25
25
|
require('lodash/maxBy');
|
|
26
26
|
require('lodash/upperFirst');
|
|
27
27
|
require('../hooks/styleAttributes.js');
|
|
28
|
+
require('../constants/componentProps/iconSize.js');
|
|
29
|
+
require('../constants/componentProps/shape.js');
|
|
30
|
+
require('../constants/componentProps/strokeColor.js');
|
|
28
31
|
require('../constants/componentProps/textColorActive.js');
|
|
29
32
|
require('../constants/componentProps/textColorHover.js');
|
|
30
33
|
|
package/dist/components/Tab.js
CHANGED
|
@@ -155,7 +155,7 @@ function Tab(props) {
|
|
|
155
155
|
}, label && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
|
|
156
156
|
className: "tab__label",
|
|
157
157
|
textColorActive: isActive && labelColorActive || appearance && tabConfig.appearance[appearance].labelColorActive.replace(/([A-Z])/g, '-$1').toLowerCase(),
|
|
158
|
-
|
|
158
|
+
textColorGradient: labelTextGradient,
|
|
159
159
|
size: labelTextSize,
|
|
160
160
|
textWeight: labelTextWeight,
|
|
161
161
|
textColor: labelColor || appearance && tabConfig.appearance[appearance].labelColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
|
|
@@ -180,8 +180,8 @@ function Tab(props) {
|
|
|
180
180
|
})), after)));
|
|
181
181
|
}
|
|
182
182
|
Tab.propTypes = {
|
|
183
|
-
before: PropTypes__default.default.any,
|
|
184
183
|
after: PropTypes__default.default.any,
|
|
184
|
+
before: PropTypes__default.default.any,
|
|
185
185
|
children: PropTypes__default.default.any,
|
|
186
186
|
className: PropTypes__default.default.string,
|
|
187
187
|
fill: PropTypes__default.default.oneOf(fill.default),
|
|
@@ -221,7 +221,6 @@ Tab.propTypes = {
|
|
|
221
221
|
typeDesktop: PropTypes__default.default.oneOf(type.default),
|
|
222
222
|
typeMobile: PropTypes__default.default.oneOf(type.default),
|
|
223
223
|
typeTablet: PropTypes__default.default.oneOf(type.default),
|
|
224
|
-
title: PropTypes__default.default.string,
|
|
225
224
|
underline: PropTypes__default.default.oneOf(underline.default)
|
|
226
225
|
};
|
|
227
226
|
Tab.defaultProps = {
|
|
@@ -265,14 +264,14 @@ Tab.__docgenInfo = {
|
|
|
265
264
|
},
|
|
266
265
|
"required": false
|
|
267
266
|
},
|
|
268
|
-
"
|
|
267
|
+
"after": {
|
|
269
268
|
"description": "",
|
|
270
269
|
"type": {
|
|
271
270
|
"name": "any"
|
|
272
271
|
},
|
|
273
272
|
"required": false
|
|
274
273
|
},
|
|
275
|
-
"
|
|
274
|
+
"before": {
|
|
276
275
|
"description": "",
|
|
277
276
|
"type": {
|
|
278
277
|
"name": "any"
|
|
@@ -590,13 +589,6 @@ Tab.__docgenInfo = {
|
|
|
590
589
|
},
|
|
591
590
|
"required": false
|
|
592
591
|
},
|
|
593
|
-
"title": {
|
|
594
|
-
"description": "",
|
|
595
|
-
"type": {
|
|
596
|
-
"name": "string"
|
|
597
|
-
},
|
|
598
|
-
"required": false
|
|
599
|
-
},
|
|
600
592
|
"underline": {
|
|
601
593
|
"description": "",
|
|
602
594
|
"type": {
|
|
@@ -656,7 +648,7 @@ function TabGroup(props) {
|
|
|
656
648
|
propsKey: 'borderWidth'
|
|
657
649
|
});
|
|
658
650
|
const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
659
|
-
prefix: '
|
|
651
|
+
prefix: 'border_type_',
|
|
660
652
|
propsKey: 'borderType'
|
|
661
653
|
});
|
|
662
654
|
const {
|
package/dist/components/Text.js
CHANGED
|
@@ -8,6 +8,7 @@ var textColorActive = require('../constants/componentProps/textColorActive.js');
|
|
|
8
8
|
var textColorHover = require('../constants/componentProps/textColorHover.js');
|
|
9
9
|
var size = require('../constants/componentProps/size.js');
|
|
10
10
|
var textStyle = require('../constants/componentProps/textStyle.js');
|
|
11
|
+
var textGradient = require('../constants/componentProps/textGradient.js');
|
|
11
12
|
var textWeight = require('../constants/componentProps/textWeight.js');
|
|
12
13
|
var useStyles = require('../hooks/useStyles.js');
|
|
13
14
|
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
@@ -111,7 +112,7 @@ Text.propTypes = {
|
|
|
111
112
|
textColorDesktop: PropTypes__default.default.oneOf(textColor.default),
|
|
112
113
|
textColorActive: PropTypes__default.default.oneOf(textColorActive.default),
|
|
113
114
|
textColorHover: PropTypes__default.default.oneOf(textColorHover.default),
|
|
114
|
-
textGradient: PropTypes__default.default.
|
|
115
|
+
textGradient: PropTypes__default.default.oneOf(textGradient.default),
|
|
115
116
|
textStyle: PropTypes__default.default.oneOf(textStyle.default),
|
|
116
117
|
textWeight: PropTypes__default.default.oneOf(textWeight.default),
|
|
117
118
|
textWeightDesktop: PropTypes__default.default.oneOf(textWeight.default),
|
|
@@ -268,7 +269,9 @@ Text.__docgenInfo = {
|
|
|
268
269
|
"textGradient": {
|
|
269
270
|
"description": "",
|
|
270
271
|
"type": {
|
|
271
|
-
"name": "
|
|
272
|
+
"name": "enum",
|
|
273
|
+
"computed": true,
|
|
274
|
+
"value": "textGradientProps"
|
|
272
275
|
},
|
|
273
276
|
"required": false
|
|
274
277
|
},
|