@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.
Files changed (56) hide show
  1. package/dist/components/Accordion.js +2 -0
  2. package/dist/components/Avatar.js +8 -22
  3. package/dist/components/Badge.js +2 -1
  4. package/dist/components/Breadcrumbs.js +2 -0
  5. package/dist/components/Button.js +5 -2
  6. package/dist/components/Card.js +1 -0
  7. package/dist/components/Cell.js +4 -2
  8. package/dist/components/Checkbox.js +1 -0
  9. package/dist/components/Chips.js +12 -1
  10. package/dist/components/Choice.js +2 -1
  11. package/dist/components/ContextMenu.js +3 -1
  12. package/dist/components/CookiesWarning.js +4 -2
  13. package/dist/components/DadataHintField.js +1 -1
  14. package/dist/components/DatePicker.js +8 -5
  15. package/dist/components/Dot.js +1 -1
  16. package/dist/components/Dropdown.js +1 -1
  17. package/dist/components/Empty.js +32 -30
  18. package/dist/components/Flex.js +1 -1
  19. package/dist/components/FormField.js +5 -3
  20. package/dist/components/Group.js +1 -1
  21. package/dist/components/Icon.js +209 -14
  22. package/dist/components/Input.js +1 -1
  23. package/dist/components/InputPassword.js +3 -0
  24. package/dist/components/Label.js +10 -9
  25. package/dist/components/LanguageSelector.js +3 -0
  26. package/dist/components/Loader.js +1 -0
  27. package/dist/components/Logo.js +58 -9
  28. package/dist/components/Menu.js +3 -1
  29. package/dist/components/MenuItem.js +100 -28
  30. package/dist/components/Modal.js +2 -1
  31. package/dist/components/Notification.js +2 -2
  32. package/dist/components/RadioButton.js +4 -3
  33. package/dist/components/Search.js +4 -1
  34. package/dist/components/Segmented.js +2 -1
  35. package/dist/components/Select.js +42 -35
  36. package/dist/components/SiteMenu.js +3 -0
  37. package/dist/components/Tab.js +5 -13
  38. package/dist/components/Text.js +5 -2
  39. package/dist/components/Tile.js +140 -114
  40. package/dist/components/Tooltip.js +1 -1
  41. package/dist/constants/componentProps/fillHover.js +5 -0
  42. package/dist/constants/componentProps/textSize.js +1 -1
  43. package/dist/constants/componentProps/titleSize.js +1 -1
  44. package/dist/constants.js +2 -0
  45. package/dist/css/components/Cell/Cell.css +7 -7
  46. package/dist/css/components/Chips/Chips.css +8 -2
  47. package/dist/css/components/DatePicker/DatePicker.css +2 -1
  48. package/dist/css/components/Input/Input.css +14 -0
  49. package/dist/css/components/Notification/Notification.css +1 -0
  50. package/dist/css/components/Notification/css/__item/notification__item_set_float.css +1 -0
  51. package/dist/css/components/Select/Select.css +19 -0
  52. package/dist/css/styles/border-color-hover/border-color-hover.css +3 -3
  53. package/dist/css/styles/text-color-hover/text-color-hover.css +4 -3
  54. package/package.json +11 -11
  55. /package/dist/{_commonjsHelpers-facfc6d6.js → _commonjsHelpers-rI13D0F7.js} +0 -0
  56. /package/dist/{defineProperty-f9e5e1f3.js → defineProperty-ujK-k7aM.js} +0 -0
package/dist/components/Accordion.js CHANGED
@@ -26,6 +26,8 @@ require('../hooks/styleAttributes.js');
26
26
  require('../context/UIContext.js');
27
27
  require('../hooks/useMediaQueries.js');
28
28
  require('react-responsive');
29
+ require('../constants/componentProps/iconSize.js');
30
+ require('../constants/componentProps/strokeColor.js');
29
31
 
30
32
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
31
33
 
package/dist/components/Avatar.js CHANGED
@@ -24,13 +24,15 @@ require('../constants/componentProps/textColor.js');
24
24
  require('../constants/componentProps/textColorActive.js');
25
25
  require('../constants/componentProps/textColorHover.js');
26
26
  require('../constants/componentProps/textStyle.js');
27
+ require('../constants/componentProps/textGradient.js');
27
28
  require('../constants/componentProps/textWeight.js');
28
29
  require('react-inlinesvg');
29
30
  require('./Link.js');
30
31
  require('../constants/componentProps/fill.js');
31
- require('../constants/componentProps/textGradient.js');
32
32
  require('../constants/componentProps/type.js');
33
33
  require('../constants/componentProps/underline.js');
34
+ require('../constants/componentProps/iconSize.js');
35
+ require('../constants/componentProps/strokeColor.js');
34
36
  require('lodash/castArray');
35
37
 
36
38
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -115,10 +117,8 @@ Avatar.propTypes = {
115
117
  };
116
118
  Avatar.defaultProps = {
117
119
  textSize: 'l',
118
- titleColor: 'surfaceTextPrimary',
119
- titleTag: 'span',
120
- titleSize: 'xxl',
121
120
  textColor: 'surfaceTextTertiary',
121
+ textWeight: 600,
122
122
  firstName: '',
123
123
  secondName: ''
124
124
  };
@@ -134,30 +134,16 @@ Avatar.__docgenInfo = {
134
134
  },
135
135
  "required": false
136
136
  },
137
- "titleColor": {
138
- "defaultValue": {
139
- "value": "'surfaceTextPrimary'",
140
- "computed": false
141
- },
142
- "required": false
143
- },
144
- "titleTag": {
145
- "defaultValue": {
146
- "value": "'span'",
147
- "computed": false
148
- },
149
- "required": false
150
- },
151
- "titleSize": {
137
+ "textColor": {
152
138
  "defaultValue": {
153
- "value": "'xxl'",
139
+ "value": "'surfaceTextTertiary'",
154
140
  "computed": false
155
141
  },
156
142
  "required": false
157
143
  },
158
- "textColor": {
144
+ "textWeight": {
159
145
  "defaultValue": {
160
- "value": "'surfaceTextTertiary'",
146
+ "value": "600",
161
147
  "computed": false
162
148
  },
163
149
  "required": false
package/dist/components/Badge.js CHANGED
@@ -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');
@@ -55,7 +56,7 @@ function Badge(props) {
55
56
  propsKey: 'borderWidth'
56
57
  });
57
58
  const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
58
- prefix: 'border_type',
59
+ prefix: 'border_type_',
59
60
  propsKey: 'borderType'
60
61
  });
61
62
  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
package/dist/components/Breadcrumbs.js CHANGED
@@ -15,6 +15,8 @@ var index = require('./Link.js');
15
15
  var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
16
16
  var useStyles = require('../hooks/useStyles.js');
17
17
  require('react-inlinesvg');
18
+ require('../constants/componentProps/iconSize.js');
19
+ require('../constants/componentProps/strokeColor.js');
18
20
  require('../constants/componentProps/size.js');
19
21
  require('../constants/componentProps/textColor.js');
20
22
  require('../constants/componentProps/textGradient.js');
package/dist/components/Button.js CHANGED
@@ -10,14 +10,17 @@ var index = require('./Link.js');
10
10
  var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
11
11
  var useStyles = require('../hooks/useStyles.js');
12
12
  require('react-inlinesvg');
13
+ require('../constants/componentProps/fill.js');
14
+ require('../constants/componentProps/iconSize.js');
15
+ require('../constants/componentProps/shape.js');
16
+ require('../constants/componentProps/strokeColor.js');
13
17
  require('../constants/componentProps/textColor.js');
14
18
  require('../constants/componentProps/textColorActive.js');
15
19
  require('../constants/componentProps/textColorHover.js');
16
20
  require('../constants/componentProps/size.js');
17
21
  require('../constants/componentProps/textStyle.js');
18
- require('../constants/componentProps/textWeight.js');
19
- require('../constants/componentProps/fill.js');
20
22
  require('../constants/componentProps/textGradient.js');
23
+ require('../constants/componentProps/textWeight.js');
21
24
  require('../constants/componentProps/type.js');
22
25
  require('../constants/componentProps/underline.js');
23
26
  require('lodash/castArray');
package/dist/components/Card.js CHANGED
@@ -13,6 +13,7 @@ require('../constants/componentProps/textColor.js');
13
13
  require('../constants/componentProps/textColorActive.js');
14
14
  require('../constants/componentProps/textColorHover.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');
package/dist/components/Cell.js CHANGED
@@ -24,6 +24,9 @@ require('../hooks/styleAttributes.js');
24
24
  require('../context/UIContext.js');
25
25
  require('../hooks/useMediaQueries.js');
26
26
  require('react-responsive');
27
+ require('../constants/componentProps/iconSize.js');
28
+ require('../constants/componentProps/shape.js');
29
+ require('../constants/componentProps/strokeColor.js');
27
30
  require('../constants/componentProps/textColorActive.js');
28
31
  require('../constants/componentProps/textColorHover.js');
29
32
  require('lodash/castArray');
@@ -64,8 +67,7 @@ function Cell(props) {
64
67
  titleTextColor,
65
68
  titleTextWeight,
66
69
  onClick,
67
- onMouseEnter,
68
- direction
70
+ onMouseEnter
69
71
  } = props;
70
72
  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
71
73
  prefix: 'fill_',
package/dist/components/Checkbox.js CHANGED
@@ -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');
package/dist/components/Chips.js CHANGED
@@ -14,6 +14,7 @@ require('../constants/componentProps/textColor.js');
14
14
  require('../constants/componentProps/textColorActive.js');
15
15
  require('../constants/componentProps/textColorHover.js');
16
16
  require('../constants/componentProps/textStyle.js');
17
+ require('../constants/componentProps/textGradient.js');
17
18
  require('../constants/componentProps/textWeight.js');
18
19
  require('lodash/castArray');
19
20
  require('lodash/camelCase');
@@ -77,7 +78,7 @@ function Chips(props) {
77
78
  propsKey: 'border'
78
79
  });
79
80
  const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
80
- prefix: 'border_',
81
+ prefix: 'border_type_',
81
82
  propsKey: 'borderType'
82
83
  });
83
84
  const {
@@ -113,6 +114,7 @@ Chips.propTypes = {
113
114
  fillDesktop: PropTypes__default.default.oneOf(fill.default),
114
115
  fillMobile: PropTypes__default.default.oneOf(fill.default),
115
116
  fillTablet: PropTypes__default.default.oneOf(fill.default),
117
+ fillHover: PropTypes__default.default.oneOf(fill.default),
116
118
  shape: PropTypes__default.default.oneOf(shape.default),
117
119
  shapeDesktop: PropTypes__default.default.oneOf(shape.default),
118
120
  shapeMobile: PropTypes__default.default.oneOf(shape.default),
@@ -261,6 +263,15 @@ Chips.__docgenInfo = {
261
263
  },
262
264
  "required": false
263
265
  },
266
+ "fillHover": {
267
+ "description": "",
268
+ "type": {
269
+ "name": "enum",
270
+ "computed": true,
271
+ "value": "fillProps"
272
+ },
273
+ "required": false
274
+ },
264
275
  "shape": {
265
276
  "description": "",
266
277
  "type": {
package/dist/components/Choice.js CHANGED
@@ -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');
@@ -52,7 +53,7 @@ const Choice = /*#__PURE__*/React__default.default.forwardRef((props, ref) => {
52
53
  propsKey: 'borderWidth'
53
54
  });
54
55
  const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
55
- prefix: 'border-type_',
56
+ prefix: 'border_type_',
56
57
  propsKey: 'borderType'
57
58
  });
58
59
  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
package/dist/components/ContextMenu.js CHANGED
@@ -18,6 +18,7 @@ require('../constants/componentProps/textColorActive.js');
18
18
  require('../constants/componentProps/textColorHover.js');
19
19
  require('../constants/componentProps/size.js');
20
20
  require('../constants/componentProps/textStyle.js');
21
+ require('../constants/componentProps/textGradient.js');
21
22
  require('../constants/componentProps/textWeight.js');
22
23
  require('../hooks/useStyles.js');
23
24
  require('lodash/maxBy');
@@ -26,9 +27,10 @@ require('../hooks/styleAttributes.js');
26
27
  require('react-inlinesvg');
27
28
  require('./Link.js');
28
29
  require('../constants/componentProps/fill.js');
29
- require('../constants/componentProps/textGradient.js');
30
30
  require('../constants/componentProps/type.js');
31
31
  require('../constants/componentProps/underline.js');
32
+ require('../constants/componentProps/iconSize.js');
33
+ require('../constants/componentProps/strokeColor.js');
32
34
  require('../constants/componentProps/direction.js');
33
35
  require('../constants/componentProps/width.js');
34
36
 
package/dist/components/CookiesWarning.js CHANGED
@@ -17,6 +17,7 @@ require('../constants/componentProps/textColorActive.js');
17
17
  require('../constants/componentProps/textColorHover.js');
18
18
  require('../constants/componentProps/size.js');
19
19
  require('../constants/componentProps/textStyle.js');
20
+ require('../constants/componentProps/textGradient.js');
20
21
  require('../constants/componentProps/textWeight.js');
21
22
  require('../hooks/useStyles.js');
22
23
  require('../hooks/styleAttributes.js');
@@ -24,12 +25,13 @@ require('./Icon.js');
24
25
  require('react-inlinesvg');
25
26
  require('./Link.js');
26
27
  require('../constants/componentProps/fill.js');
27
- require('../constants/componentProps/textGradient.js');
28
28
  require('../constants/componentProps/type.js');
29
29
  require('../constants/componentProps/underline.js');
30
+ require('../constants/componentProps/iconSize.js');
31
+ require('../constants/componentProps/shape.js');
32
+ require('../constants/componentProps/strokeColor.js');
30
33
  require('./Loader.js');
31
34
  require('../constants/componentProps/direction.js');
32
- require('../constants/componentProps/shape.js');
33
35
  require('../constants/componentProps/stacking.js');
34
36
  require('../constants/componentProps/wrap.js');
35
37
  require('../constants/componentProps/width.js');
package/dist/components/DadataHintField.js CHANGED
@@ -3,7 +3,7 @@
3
3
  var React = require('react');
4
4
  var PropTypes = require('prop-types');
5
5
  var clsx = require('clsx');
6
- var _commonjsHelpers = require('../_commonjsHelpers-facfc6d6.js');
6
+ var _commonjsHelpers = require('../_commonjsHelpers-rI13D0F7.js');
7
7
  var crypto = require('crypto');
8
8
  var index = require('./Input.js');
9
9
  require('../hooks/useDeviceTargetClass.js');