@itcase/ui 1.2.33 → 1.2.34

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 (10) hide show
  1. package/dist/cjs/components/Pagination.js +38 -3
  2. package/dist/cjs/hooks/useStyles.js +1 -2
  3. package/dist/components/Pagination.js +38 -3
  4. package/dist/css/components/Avatar/Avatar.css +8 -4
  5. package/dist/css/components/Label/Label.tokens.css +3 -3
  6. package/dist/css/components/Search/Search.tokens.css +5 -0
  7. package/dist/hooks/useStyles.js +1 -2
  8. package/dist/types/components/Pagination/Pagination.appearance.d.ts +2 -0
  9. package/dist/types/components/Pagination/Pagination.interface.d.ts +1 -0
  10. package/package.json +1 -1
package/dist/cjs/components/Pagination.js CHANGED
@@ -25,14 +25,49 @@ require('react-inlinesvg');
25
25
  require('../../Tooltip-BswHy19O.js');
26
26
  require('../../Title-DWIc05TX.js');
27
27
 
28
+ var paginationAppearance = {
29
+ default: {
30
+ gap: '8',
31
+ fill: 'surfacePrimary',
32
+ fillHover: 'surfaceSecondary',
33
+ marginPagesDisplayed: 10,
34
+ pageCountDesc: 'кол-во строк',
35
+ pageCountDescTextColor: 'surfaceTextPrimary',
36
+ pageCountDescTextSize: 'm',
37
+ pageCountDropdownAlignment: 'topCenter',
38
+ pageCountDropdownElevation: '8',
39
+ pageCountDropdownFill: 'surfacePrimary',
40
+ pageCountDropdownItemDividerFill: 'surfaceSecondary',
41
+ pageCountDropdownItemDividerSize: 'xxs',
42
+ pageCountDropdownItemFill: 'surfacePrimary',
43
+ pageCountDropdownItemFillActive: 'accentPrimary',
44
+ pageCountDropdownItemFillActiveHover: 'accentActive',
45
+ pageCountDropdownItemFillHover: 'surfaceSecondary',
46
+ pageCountDropdownItemLabelAlign: 'center',
47
+ pageCountDropdownItemLabelColor: 'surfaceTextPrimary',
48
+ pageCountDropdownItemLabelColorActive: 'surfaceTextInverse',
49
+ pageCountDropdownItemLabelSize: 'm',
50
+ pageCountDropdownItemShowDivider: true,
51
+ pageCountDropdownItemSize: 'l',
52
+ pageCountDropdownItemWidth: 'hug',
53
+ pageCountDropdownSet: 'default',
54
+ pageCountDropdownShape: 'rounded',
55
+ pageCountInputIconColor: 'surfaceItemPrimary',
56
+ pageCountInputIconFillSize: '24',
57
+ pageCountInputTextColor: 'surfaceTextPrimary',
58
+ pageCountInputTextSize: 'm',
59
+ pageRangeDisplayed: 8,
60
+ },
61
+ };
62
+
28
63
  var paginationConfig = {
29
- appearance: undefined,
64
+ appearance: paginationAppearance,
30
65
  setAppearance: function (newComponent) {
31
66
  paginationConfig.appearance = newComponent;
32
67
  },
33
68
  };
34
69
  function Pagination(props) {
35
- var isPageCount = props.isPageCount, _a = props.isPageCountDropdownReversed, isPageCountDropdownReversed = _a === void 0 ? false : _a, _b = props.allItemsCount, allItemsCount = _b === void 0 ? 0 : _b, appearance = props.appearance, className = props.className, marginPagesDisplayed = props.marginPagesDisplayed, nextLabel = props.nextLabel, _c = props.pageCountArray, pageCountArray = _c === void 0 ? [10, 20, 50, 100] : _c, pageCountDesc = props.pageCountDesc, pageCountDescTextColor = props.pageCountDescTextColor, pageCountDescTextSize = props.pageCountDescTextSize, pageCountDropdownAlignment = props.pageCountDropdownAlignment, pageCountDropdownElevation = props.pageCountDropdownElevation, pageCountDropdownFill = props.pageCountDropdownFill, pageCountDropdownItemDividerDirection = props.pageCountDropdownItemDividerDirection, pageCountDropdownItemDividerFill = props.pageCountDropdownItemDividerFill, pageCountDropdownItemDividerSize = props.pageCountDropdownItemDividerSize, pageCountDropdownItemFill = props.pageCountDropdownItemFill, pageCountDropdownItemFillActive = props.pageCountDropdownItemFillActive, pageCountDropdownItemFillActiveHover = props.pageCountDropdownItemFillActiveHover, pageCountDropdownItemFillHover = props.pageCountDropdownItemFillHover, pageCountDropdownItemLabelAlign = props.pageCountDropdownItemLabelAlign, pageCountDropdownItemLabelColor = props.pageCountDropdownItemLabelColor, _d = props.pageCountDropdownItemLabelColorActive, pageCountDropdownItemLabelColorActive = _d === void 0 ? '' : _d, pageCountDropdownItemLabelSize = props.pageCountDropdownItemLabelSize, pageCountDropdownItemLabelWrap = props.pageCountDropdownItemLabelWrap, pageCountDropdownItemShowDivider = props.pageCountDropdownItemShowDivider, pageCountDropdownItemSize = props.pageCountDropdownItemSize, pageCountDropdownItemWidth = props.pageCountDropdownItemWidth, pageCountDropdownSet = props.pageCountDropdownSet, pageCountDropdownShape = props.pageCountDropdownShape, pageCountInputIcon = props.pageCountInputIcon, pageCountInputIconColor = props.pageCountInputIconColor, pageCountInputIconFillSize = props.pageCountInputIconFillSize, pageCountInputTextColor = props.pageCountInputTextColor, pageCountInputTextSize = props.pageCountInputTextSize, _e = props.pageNumber, pageNumber = _e === void 0 ? 0 : _e, pageRangeDisplayed = props.pageRangeDisplayed, _f = props.perPageCount, perPageCount = _f === void 0 ? 0 : _f, previousLabel = props.previousLabel, onChangePage = props.onChangePage, onChangePerPageCount = props.onChangePerPageCount,
70
+ var isPageCount = props.isPageCount, _a = props.isPageCountDropdownReversed, isPageCountDropdownReversed = _a === void 0 ? false : _a, _b = props.allItemsCount, allItemsCount = _b === void 0 ? 0 : _b, appearance = props.appearance, className = props.className, marginPagesDisplayed = props.marginPagesDisplayed, nextLabel = props.nextLabel, _c = props.pageCountArray, pageCountArray = _c === void 0 ? [10, 20, 50, 100] : _c, pageCountDesc = props.pageCountDesc, pageCountDescTextColor = props.pageCountDescTextColor, pageCountDescTextSize = props.pageCountDescTextSize, pageCountDropdownAlignment = props.pageCountDropdownAlignment, pageCountDropdownElevation = props.pageCountDropdownElevation, pageCountDropdownFill = props.pageCountDropdownFill, pageCountDropdownItemDividerDirection = props.pageCountDropdownItemDividerDirection, pageCountDropdownItemDividerFill = props.pageCountDropdownItemDividerFill, pageCountDropdownItemDividerSize = props.pageCountDropdownItemDividerSize, pageCountDropdownItemFill = props.pageCountDropdownItemFill, pageCountDropdownItemFillActive = props.pageCountDropdownItemFillActive, pageCountDropdownItemFillActiveHover = props.pageCountDropdownItemFillActiveHover, pageCountDropdownItemFillHover = props.pageCountDropdownItemFillHover, pageCountDropdownItemLabelAlign = props.pageCountDropdownItemLabelAlign, pageCountDropdownItemLabelColor = props.pageCountDropdownItemLabelColor, _d = props.pageCountDropdownItemLabelColorActive, pageCountDropdownItemLabelColorActive = _d === void 0 ? '' : _d, pageCountDropdownItemLabelSize = props.pageCountDropdownItemLabelSize, pageCountDropdownItemLabelWrap = props.pageCountDropdownItemLabelWrap, pageCountDropdownItemShowDivider = props.pageCountDropdownItemShowDivider, pageCountDropdownItemSize = props.pageCountDropdownItemSize, pageCountDropdownItemWidth = props.pageCountDropdownItemWidth, pageCountDropdownSet = props.pageCountDropdownSet, pageCountDropdownShape = props.pageCountDropdownShape, pageCountInputIcon = props.pageCountInputIcon, pageCountInputIconColor = props.pageCountInputIconColor, pageCountInputIconFillSize = props.pageCountInputIconFillSize, pageCountInputIconSrc = props.pageCountInputIconSrc, pageCountInputTextColor = props.pageCountInputTextColor, pageCountInputTextSize = props.pageCountInputTextSize, _e = props.pageNumber, pageNumber = _e === void 0 ? 0 : _e, pageRangeDisplayed = props.pageRangeDisplayed, _f = props.perPageCount, perPageCount = _f === void 0 ? 0 : _f, previousLabel = props.previousLabel, onChangePage = props.onChangePage, onChangePerPageCount = props.onChangePerPageCount,
36
71
  /**
37
72
  * @deprecated The method should not be used
38
73
  */
@@ -122,7 +157,7 @@ function Pagination(props) {
122
157
  ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
123
158
  "fill_hover_".concat(appearanceConfig.fillHover)
124
159
  .replace(/([A-Z])/g, '-$1')
125
- .toLowerCase())), onClick: onClickCommandMenuButton, children: [jsxRuntime.jsx(Text.Text, { size: pageCountInputTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputTextSize), textColor: pageCountInputTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputTextColor), children: activeDropdownItem }), jsxRuntime.jsx(Icon.Icon, { fillSize: pageCountInputIconFillSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputIconFillSize), iconFill: pageCountInputIconColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputIconColor), SvgImage: pageCountInputIcon }), jsxRuntime.jsx(DropdownItem.Dropdown, { fill: pageCountDropdownFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownFill), alignment: pageCountDropdownAlignment || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownAlignment), elevation: pageCountDropdownElevation || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownElevation), shape: pageCountDropdownShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownShape), isOpen: isOpenDropdown, set: pageCountDropdownSet || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownSet), setIsOpen: setIsOpenDropdown, children: pageCountDropdownArray.map(function (item, index) {
160
+ .toLowerCase())), onClick: onClickCommandMenuButton, children: [jsxRuntime.jsx(Text.Text, { size: pageCountInputTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputTextSize), textColor: pageCountInputTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputTextColor), children: activeDropdownItem }), jsxRuntime.jsx(Icon.Icon, { fillSize: pageCountInputIconFillSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputIconFillSize), iconFill: pageCountInputIconColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputIconColor), imageSrc: pageCountInputIconSrc, SvgImage: pageCountInputIcon }), jsxRuntime.jsx(DropdownItem.Dropdown, { fill: pageCountDropdownFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownFill), alignment: pageCountDropdownAlignment || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownAlignment), elevation: pageCountDropdownElevation || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownElevation), shape: pageCountDropdownShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownShape), isOpen: isOpenDropdown, set: pageCountDropdownSet || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownSet), setIsOpen: setIsOpenDropdown, children: pageCountDropdownArray.map(function (item, index) {
126
161
  return activeDropdownItem === item ? (jsxRuntime.jsx(DropdownItem.DropdownItem, { width: pageCountDropdownItemWidth || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownItemWidth), labelTextColor: pageCountDropdownItemLabelColor ||
127
162
  (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownItemLabelColor), labelTextSize: pageCountDropdownItemLabelSize ||
128
163
  (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownItemLabelSize), fill: pageCountDropdownItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownItemFill), fillHover: pageCountDropdownItemFillHover ||
package/dist/cjs/hooks/useStyles.js CHANGED
@@ -110,8 +110,7 @@ function useStyles(props) {
110
110
  if (value) {
111
111
  // TODO: handle 16px/9px propValues for Horizontal(Left/Right) and Vertical(Top/Bottom)
112
112
  const HAS_UNIT = /\D/;
113
- // prettier-ignore
114
- const ignorePX = styleAttributeKey.includes('zIndex') || styleAttributeKey.includes('order');
113
+ const ignorePX = ['zIndex', 'order', 'flexGrow'].includes(styleAttributeKey);
115
114
  if (!HAS_UNIT.test(value) && !ignorePX) {
116
115
  value = `${value}px`;
117
116
  }
package/dist/components/Pagination.js CHANGED
@@ -23,14 +23,49 @@ import 'react-inlinesvg';
23
23
  import '../Tooltip--c-4Qp04.js';
24
24
  import '../Title-YVzIwk68.js';
25
25
 
26
+ var paginationAppearance = {
27
+ default: {
28
+ gap: '8',
29
+ fill: 'surfacePrimary',
30
+ fillHover: 'surfaceSecondary',
31
+ marginPagesDisplayed: 10,
32
+ pageCountDesc: 'кол-во строк',
33
+ pageCountDescTextColor: 'surfaceTextPrimary',
34
+ pageCountDescTextSize: 'm',
35
+ pageCountDropdownAlignment: 'topCenter',
36
+ pageCountDropdownElevation: '8',
37
+ pageCountDropdownFill: 'surfacePrimary',
38
+ pageCountDropdownItemDividerFill: 'surfaceSecondary',
39
+ pageCountDropdownItemDividerSize: 'xxs',
40
+ pageCountDropdownItemFill: 'surfacePrimary',
41
+ pageCountDropdownItemFillActive: 'accentPrimary',
42
+ pageCountDropdownItemFillActiveHover: 'accentActive',
43
+ pageCountDropdownItemFillHover: 'surfaceSecondary',
44
+ pageCountDropdownItemLabelAlign: 'center',
45
+ pageCountDropdownItemLabelColor: 'surfaceTextPrimary',
46
+ pageCountDropdownItemLabelColorActive: 'surfaceTextInverse',
47
+ pageCountDropdownItemLabelSize: 'm',
48
+ pageCountDropdownItemShowDivider: true,
49
+ pageCountDropdownItemSize: 'l',
50
+ pageCountDropdownItemWidth: 'hug',
51
+ pageCountDropdownSet: 'default',
52
+ pageCountDropdownShape: 'rounded',
53
+ pageCountInputIconColor: 'surfaceItemPrimary',
54
+ pageCountInputIconFillSize: '24',
55
+ pageCountInputTextColor: 'surfaceTextPrimary',
56
+ pageCountInputTextSize: 'm',
57
+ pageRangeDisplayed: 8,
58
+ },
59
+ };
60
+
26
61
  var paginationConfig = {
27
- appearance: undefined,
62
+ appearance: paginationAppearance,
28
63
  setAppearance: function (newComponent) {
29
64
  paginationConfig.appearance = newComponent;
30
65
  },
31
66
  };
32
67
  function Pagination(props) {
33
- var isPageCount = props.isPageCount, _a = props.isPageCountDropdownReversed, isPageCountDropdownReversed = _a === void 0 ? false : _a, _b = props.allItemsCount, allItemsCount = _b === void 0 ? 0 : _b, appearance = props.appearance, className = props.className, marginPagesDisplayed = props.marginPagesDisplayed, nextLabel = props.nextLabel, _c = props.pageCountArray, pageCountArray = _c === void 0 ? [10, 20, 50, 100] : _c, pageCountDesc = props.pageCountDesc, pageCountDescTextColor = props.pageCountDescTextColor, pageCountDescTextSize = props.pageCountDescTextSize, pageCountDropdownAlignment = props.pageCountDropdownAlignment, pageCountDropdownElevation = props.pageCountDropdownElevation, pageCountDropdownFill = props.pageCountDropdownFill, pageCountDropdownItemDividerDirection = props.pageCountDropdownItemDividerDirection, pageCountDropdownItemDividerFill = props.pageCountDropdownItemDividerFill, pageCountDropdownItemDividerSize = props.pageCountDropdownItemDividerSize, pageCountDropdownItemFill = props.pageCountDropdownItemFill, pageCountDropdownItemFillActive = props.pageCountDropdownItemFillActive, pageCountDropdownItemFillActiveHover = props.pageCountDropdownItemFillActiveHover, pageCountDropdownItemFillHover = props.pageCountDropdownItemFillHover, pageCountDropdownItemLabelAlign = props.pageCountDropdownItemLabelAlign, pageCountDropdownItemLabelColor = props.pageCountDropdownItemLabelColor, _d = props.pageCountDropdownItemLabelColorActive, pageCountDropdownItemLabelColorActive = _d === void 0 ? '' : _d, pageCountDropdownItemLabelSize = props.pageCountDropdownItemLabelSize, pageCountDropdownItemLabelWrap = props.pageCountDropdownItemLabelWrap, pageCountDropdownItemShowDivider = props.pageCountDropdownItemShowDivider, pageCountDropdownItemSize = props.pageCountDropdownItemSize, pageCountDropdownItemWidth = props.pageCountDropdownItemWidth, pageCountDropdownSet = props.pageCountDropdownSet, pageCountDropdownShape = props.pageCountDropdownShape, pageCountInputIcon = props.pageCountInputIcon, pageCountInputIconColor = props.pageCountInputIconColor, pageCountInputIconFillSize = props.pageCountInputIconFillSize, pageCountInputTextColor = props.pageCountInputTextColor, pageCountInputTextSize = props.pageCountInputTextSize, _e = props.pageNumber, pageNumber = _e === void 0 ? 0 : _e, pageRangeDisplayed = props.pageRangeDisplayed, _f = props.perPageCount, perPageCount = _f === void 0 ? 0 : _f, previousLabel = props.previousLabel, onChangePage = props.onChangePage, onChangePerPageCount = props.onChangePerPageCount,
68
+ var isPageCount = props.isPageCount, _a = props.isPageCountDropdownReversed, isPageCountDropdownReversed = _a === void 0 ? false : _a, _b = props.allItemsCount, allItemsCount = _b === void 0 ? 0 : _b, appearance = props.appearance, className = props.className, marginPagesDisplayed = props.marginPagesDisplayed, nextLabel = props.nextLabel, _c = props.pageCountArray, pageCountArray = _c === void 0 ? [10, 20, 50, 100] : _c, pageCountDesc = props.pageCountDesc, pageCountDescTextColor = props.pageCountDescTextColor, pageCountDescTextSize = props.pageCountDescTextSize, pageCountDropdownAlignment = props.pageCountDropdownAlignment, pageCountDropdownElevation = props.pageCountDropdownElevation, pageCountDropdownFill = props.pageCountDropdownFill, pageCountDropdownItemDividerDirection = props.pageCountDropdownItemDividerDirection, pageCountDropdownItemDividerFill = props.pageCountDropdownItemDividerFill, pageCountDropdownItemDividerSize = props.pageCountDropdownItemDividerSize, pageCountDropdownItemFill = props.pageCountDropdownItemFill, pageCountDropdownItemFillActive = props.pageCountDropdownItemFillActive, pageCountDropdownItemFillActiveHover = props.pageCountDropdownItemFillActiveHover, pageCountDropdownItemFillHover = props.pageCountDropdownItemFillHover, pageCountDropdownItemLabelAlign = props.pageCountDropdownItemLabelAlign, pageCountDropdownItemLabelColor = props.pageCountDropdownItemLabelColor, _d = props.pageCountDropdownItemLabelColorActive, pageCountDropdownItemLabelColorActive = _d === void 0 ? '' : _d, pageCountDropdownItemLabelSize = props.pageCountDropdownItemLabelSize, pageCountDropdownItemLabelWrap = props.pageCountDropdownItemLabelWrap, pageCountDropdownItemShowDivider = props.pageCountDropdownItemShowDivider, pageCountDropdownItemSize = props.pageCountDropdownItemSize, pageCountDropdownItemWidth = props.pageCountDropdownItemWidth, pageCountDropdownSet = props.pageCountDropdownSet, pageCountDropdownShape = props.pageCountDropdownShape, pageCountInputIcon = props.pageCountInputIcon, pageCountInputIconColor = props.pageCountInputIconColor, pageCountInputIconFillSize = props.pageCountInputIconFillSize, pageCountInputIconSrc = props.pageCountInputIconSrc, pageCountInputTextColor = props.pageCountInputTextColor, pageCountInputTextSize = props.pageCountInputTextSize, _e = props.pageNumber, pageNumber = _e === void 0 ? 0 : _e, pageRangeDisplayed = props.pageRangeDisplayed, _f = props.perPageCount, perPageCount = _f === void 0 ? 0 : _f, previousLabel = props.previousLabel, onChangePage = props.onChangePage, onChangePerPageCount = props.onChangePerPageCount,
34
69
  /**
35
70
  * @deprecated The method should not be used
36
71
  */
@@ -120,7 +155,7 @@ function Pagination(props) {
120
155
  ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
121
156
  "fill_hover_".concat(appearanceConfig.fillHover)
122
157
  .replace(/([A-Z])/g, '-$1')
123
- .toLowerCase())), onClick: onClickCommandMenuButton, children: [jsx(Text, { size: pageCountInputTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputTextSize), textColor: pageCountInputTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputTextColor), children: activeDropdownItem }), jsx(Icon, { fillSize: pageCountInputIconFillSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputIconFillSize), iconFill: pageCountInputIconColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputIconColor), SvgImage: pageCountInputIcon }), jsx(Dropdown, { fill: pageCountDropdownFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownFill), alignment: pageCountDropdownAlignment || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownAlignment), elevation: pageCountDropdownElevation || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownElevation), shape: pageCountDropdownShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownShape), isOpen: isOpenDropdown, set: pageCountDropdownSet || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownSet), setIsOpen: setIsOpenDropdown, children: pageCountDropdownArray.map(function (item, index) {
158
+ .toLowerCase())), onClick: onClickCommandMenuButton, children: [jsx(Text, { size: pageCountInputTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputTextSize), textColor: pageCountInputTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputTextColor), children: activeDropdownItem }), jsx(Icon, { fillSize: pageCountInputIconFillSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputIconFillSize), iconFill: pageCountInputIconColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountInputIconColor), imageSrc: pageCountInputIconSrc, SvgImage: pageCountInputIcon }), jsx(Dropdown, { fill: pageCountDropdownFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownFill), alignment: pageCountDropdownAlignment || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownAlignment), elevation: pageCountDropdownElevation || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownElevation), shape: pageCountDropdownShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownShape), isOpen: isOpenDropdown, set: pageCountDropdownSet || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownSet), setIsOpen: setIsOpenDropdown, children: pageCountDropdownArray.map(function (item, index) {
124
159
  return activeDropdownItem === item ? (jsx(DropdownItem, { width: pageCountDropdownItemWidth || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownItemWidth), labelTextColor: pageCountDropdownItemLabelColor ||
125
160
  (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownItemLabelColor), labelTextSize: pageCountDropdownItemLabelSize ||
126
161
  (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownItemLabelSize), fill: pageCountDropdownItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.pageCountDropdownItemFill), fillHover: pageCountDropdownItemFillHover ||
package/dist/css/components/Avatar/Avatar.css CHANGED
@@ -76,14 +76,18 @@
76
76
  @each $size in 14, 16, 20, 24, 32, 40, 48, 56, 60, 64, 72, 80, 96, 112, 144, 240 {
77
77
  &_$(size) {
78
78
  ^^&__wrapper {
79
- width: $(size)px;
80
- height: $(size)px;
79
+ width: $(size) px;
80
+ height: $(size) px;
81
81
  display: flex;
82
82
  justify-content: center;
83
83
  align-items: center;
84
84
  ^^^&__image {
85
- width: $(size)px;
86
- height: $(size)px;
85
+ width: $(size) px;
86
+ height: $(size) px;
87
+ & .image__item {
88
+ width: $(size) px;
89
+ height: $(size) px;
90
+ }
87
91
  }
88
92
  }
89
93
  }
package/dist/css/components/Label/Label.tokens.css CHANGED
@@ -7,13 +7,13 @@
7
7
  --label-size-m-shape-rounded: 12px;
8
8
  --label-size-s-shape-rounded: 12px;
9
9
  --label-size-xs-shape-rounded: 12px;
10
- --label-size-xxs-shape-rounded: 12px;
10
+ --label-size-xxs-shape-rounded: 6px;
11
11
 
12
12
  --label-size-xxl-padding: 10px 10px;
13
13
  --label-size-xl-padding: 7px 8px;
14
14
  --label-size-l-padding: 4px 6px;
15
15
  --label-size-m-padding: 2px 8px;
16
16
  --label-size-s-padding: 2px 6px;
17
- --label-size-xs-padding: 0px 4px;
18
- --label-size-xxs-padding: 0px 4px;
17
+ --label-size-xs-padding: 1px 4px;
18
+ --label-size-xxs-padding: 1px 4px;
19
19
  }
package/dist/css/components/Search/Search.tokens.css CHANGED
@@ -5,4 +5,9 @@
5
5
 
6
6
  --search-input-compact-padding: 8px;
7
7
  --search-input-compact-gap: 4px;
8
+
9
+ --search-input-l-padding: 6px 12px;
10
+ --search-input-l-gap: 4px;
11
+
12
+ --search-shape-rounded: 4px;
8
13
  }
package/dist/hooks/useStyles.js CHANGED
@@ -108,8 +108,7 @@ function useStyles(props) {
108
108
  if (value) {
109
109
  // TODO: handle 16px/9px propValues for Horizontal(Left/Right) and Vertical(Top/Bottom)
110
110
  const HAS_UNIT = /\D/;
111
- // prettier-ignore
112
- const ignorePX = styleAttributeKey.includes('zIndex') || styleAttributeKey.includes('order');
111
+ const ignorePX = ['zIndex', 'order', 'flexGrow'].includes(styleAttributeKey);
113
112
  if (!HAS_UNIT.test(value) && !ignorePX) {
114
113
  value = `${value}px`;
115
114
  }
package/dist/types/components/Pagination/Pagination.appearance.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { paginationAppearanceType } from './Pagination.interface';
2
+ export declare const paginationAppearance: paginationAppearanceType;
package/dist/types/components/Pagination/Pagination.interface.d.ts CHANGED
@@ -53,6 +53,7 @@ interface iPaginationProps extends IPaginationThemeColor, iStyleAttributes {
53
53
  pageCountDropdownItemDividerDirection?: tDirectionProps;
54
54
  pageCountDropdownItemLabelWrap?: tTextWrapProps;
55
55
  pageCountInputIcon?: ReactNode;
56
+ pageCountInputIconSrc?: ReactNode;
56
57
  pageNumber: string | string;
57
58
  pageRangeDisplayed?: number;
58
59
  perPageCount?: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.2.33",
3
+ "version": "1.2.34",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",