@itcase/ui 1.8.29 → 1.8.31

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 (151) hide show
  1. package/dist/{Avatar_cjs_33OrnLtt.js → Avatar_cjs_DRaNGlad.js} +1 -1
  2. package/dist/{Avatar_es_B3LiV8MM.js → Avatar_es_Ck1RiTgB.js} +1 -1
  3. package/dist/{Button_cjs_C05Joa8j.js → Button_cjs_CnBP4mKv.js} +1 -1
  4. package/dist/{Button_es_CO_dwo-N.js → Button_es_WG0yV-rp.js} +1 -1
  5. package/dist/{ChipsGroup_cjs_Cm_pVx8z.js → ChipsGroup_cjs_BCnPa9xv.js} +2 -4
  6. package/dist/{ChipsGroup_es_CLpRB95W.js → ChipsGroup_es_1854brF_.js} +2 -4
  7. package/dist/{DatePicker_cjs_0y_2FcnF.js → DatePicker_cjs_Cbv3ffoB.js} +3 -6
  8. package/dist/{DatePicker_es_bY1aXemt.js → DatePicker_es_DGck2HRu.js} +3 -6
  9. package/dist/{DropdownItem_cjs_DPoFy70W.js → DropdownItem_cjs_C3BV7axh.js} +1 -1
  10. package/dist/{DropdownItem_es_CVztMEm0.js → DropdownItem_es_VDp5tKZr.js} +1 -1
  11. package/dist/{Label_cjs_BefEcq6i.js → Label_cjs_CqSZcFNk.js} +63 -63
  12. package/dist/{Label_es_Dl_DrMOh.js → Label_es_s3M2-dON.js} +63 -63
  13. package/dist/{Tooltip_cjs_pBGCcXLZ.js → Tooltip_cjs_BE4fABOp.js} +34 -5
  14. package/dist/{Tooltip_es_frBCZDrO.js → Tooltip_es_BPMRrd2L.js} +34 -5
  15. package/dist/cjs/components/Accordion.js +28 -12
  16. package/dist/cjs/components/Avatar.js +2 -2
  17. package/dist/cjs/components/AvatarStack.js +2 -2
  18. package/dist/cjs/components/Badge.js +1 -1
  19. package/dist/cjs/components/Breadcrumbs.js +1 -1
  20. package/dist/cjs/components/Button.js +2 -2
  21. package/dist/cjs/components/Cell.js +2 -2
  22. package/dist/cjs/components/Chips.js +2 -2
  23. package/dist/cjs/components/Choice/stories/__mock__.js +11 -0
  24. package/dist/cjs/components/Choice.js +59 -17
  25. package/dist/cjs/components/CookiesWarning.js +2 -2
  26. package/dist/cjs/components/DatePeriod.js +14 -14
  27. package/dist/cjs/components/DatePicker.js +4 -4
  28. package/dist/cjs/components/Drawer.js +1 -1
  29. package/dist/cjs/components/Dropdown.js +2 -2
  30. package/dist/cjs/components/HeroTitle.js +1 -1
  31. package/dist/cjs/components/Icon.js +1 -1
  32. package/dist/cjs/components/InputPassword.js +1 -1
  33. package/dist/cjs/components/Label.js +2 -2
  34. package/dist/cjs/components/MenuItem.js +38 -68
  35. package/dist/cjs/components/Modal.js +1 -1
  36. package/dist/cjs/components/Notification.js +1 -1
  37. package/dist/cjs/components/Pagination.js +2 -2
  38. package/dist/cjs/components/Response.js +2 -2
  39. package/dist/cjs/components/Search.js +4 -4
  40. package/dist/cjs/components/Segmented.js +21 -44
  41. package/dist/cjs/components/Select.js +1 -1
  42. package/dist/cjs/components/Swiper.js +1 -1
  43. package/dist/cjs/components/Tab.js +1 -1
  44. package/dist/cjs/components/Tile.js +1 -1
  45. package/dist/cjs/components/Title.js +1 -1
  46. package/dist/cjs/components/Tooltip.js +1 -1
  47. package/dist/components/Accordion.js +28 -12
  48. package/dist/components/Avatar.js +2 -2
  49. package/dist/components/AvatarStack.js +2 -2
  50. package/dist/components/Badge.js +1 -1
  51. package/dist/components/Breadcrumbs.js +1 -1
  52. package/dist/components/Button.js +2 -2
  53. package/dist/components/Cell.js +2 -2
  54. package/dist/components/Chips.js +2 -2
  55. package/dist/components/Choice/stories/__mock__.js +9 -0
  56. package/dist/components/Choice.js +59 -17
  57. package/dist/components/CookiesWarning.js +2 -2
  58. package/dist/components/DatePeriod.js +14 -14
  59. package/dist/components/DatePicker.js +4 -4
  60. package/dist/components/Drawer.js +1 -1
  61. package/dist/components/Dropdown.js +2 -2
  62. package/dist/components/HeroTitle.js +1 -1
  63. package/dist/components/Icon.js +1 -1
  64. package/dist/components/InputPassword.js +1 -1
  65. package/dist/components/Label.js +2 -2
  66. package/dist/components/MenuItem.js +38 -68
  67. package/dist/components/Modal.js +1 -1
  68. package/dist/components/Notification.js +1 -1
  69. package/dist/components/Pagination.js +2 -2
  70. package/dist/components/Response.js +2 -2
  71. package/dist/components/Search.js +4 -4
  72. package/dist/components/Segmented.js +21 -44
  73. package/dist/components/Select.js +1 -1
  74. package/dist/components/Swiper.js +1 -1
  75. package/dist/components/Tab.js +1 -1
  76. package/dist/components/Tile.js +1 -1
  77. package/dist/components/Title.js +1 -1
  78. package/dist/components/Tooltip.js +1 -1
  79. package/dist/css/components/Accordion/Accordion.css +27 -7
  80. package/dist/css/components/Badge/Badge.css +1 -1
  81. package/dist/css/components/Choice/Choice.css +27 -19
  82. package/dist/css/components/MenuItem/MenuItem.css +45 -8
  83. package/dist/stories/ChoiceOverview.mdx +2 -2
  84. package/dist/stories/ChoicePlayground.mdx +3 -3
  85. package/dist/types/components/Accordion/appearance/accordionSize.d.ts +14 -7
  86. package/dist/types/components/Accordion/appearance/accordionSurface.d.ts +11 -2
  87. package/dist/types/components/Breadcrumbs/stories/__mock__/index.d.ts +1 -1
  88. package/dist/types/components/Cell/stories/__mock__/index.d.ts +2 -2
  89. package/dist/types/components/Choice/Choice.interface.d.ts +1 -0
  90. package/dist/types/components/Choice/appearance/choiceDefault.d.ts +10 -0
  91. package/dist/types/components/Choice/appearance/choiceDisabled.d.ts +10 -0
  92. package/dist/types/components/Choice/appearance/choiceError.d.ts +10 -0
  93. package/dist/types/components/Choice/appearance/choiceRequire.d.ts +11 -0
  94. package/dist/types/components/Choice/appearance/choiceStyle.d.ts +6 -4
  95. package/dist/types/components/Choice/appearance/choiceSuccess.d.ts +11 -0
  96. package/dist/types/components/Choice/stories/__mock__/index.d.ts +4 -0
  97. package/dist/types/components/DatePeriod/appearance/datePeriodSize.d.ts +4 -2
  98. package/dist/types/components/DatePeriod/appearance/datePeriodSurface.d.ts +0 -2
  99. package/dist/types/components/DatePicker/DatePicker.appearance.d.ts +6 -8
  100. package/dist/types/components/DatePicker/appearance/datePickerSize.d.ts +6 -6
  101. package/dist/types/components/DatePicker/appearance/datePickerSurface.d.ts +0 -2
  102. package/dist/types/components/Drawer/appearance/drawerSurface.d.ts +1 -1
  103. package/dist/types/components/Icon/appearance/iconDanger.d.ts +6 -0
  104. package/dist/types/components/Icon/appearance/iconError.d.ts +6 -0
  105. package/dist/types/components/Icon/appearance/iconPrimary.d.ts +5 -0
  106. package/dist/types/components/Icon/appearance/iconSecondary.d.ts +5 -0
  107. package/dist/types/components/Icon/appearance/iconStyle.d.ts +6 -5
  108. package/dist/types/components/Icon/appearance/iconWarning.d.ts +6 -0
  109. package/dist/types/components/Label/appearance/labelAccent.d.ts +1 -1
  110. package/dist/types/components/Label/appearance/labelDanger.d.ts +1 -1
  111. package/dist/types/components/Label/appearance/labelError.d.ts +7 -7
  112. package/dist/types/components/Label/appearance/labelPrimary.d.ts +1 -1
  113. package/dist/types/components/Label/appearance/labelSecondary.d.ts +1 -1
  114. package/dist/types/components/Label/appearance/labelSuccess.d.ts +1 -1
  115. package/dist/types/components/Label/appearance/labelSurface.d.ts +8 -8
  116. package/dist/types/components/Label/appearance/labelWarning.d.ts +1 -1
  117. package/dist/types/components/MenuItem/MenuItem.interface.d.ts +1 -0
  118. package/dist/types/components/MenuItem/appearance/menuItemAccent.d.ts +5 -8
  119. package/dist/types/components/MenuItem/appearance/menuItemError.d.ts +3 -3
  120. package/dist/types/components/MenuItem/appearance/menuItemSize.d.ts +0 -15
  121. package/dist/types/components/MenuItem/appearance/menuItemStyle.d.ts +1 -3
  122. package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts +3 -5
  123. package/dist/types/components/Notification/appearance/notificationDefault.d.ts +1 -1
  124. package/dist/types/components/Notification/appearance/notificationError.d.ts +1 -1
  125. package/dist/types/components/Notification/appearance/notificationSuccess.d.ts +1 -1
  126. package/dist/types/components/Notification/appearance/notificationWarning.d.ts +1 -1
  127. package/dist/types/components/Pagination/appearance/paginationSurface.d.ts +1 -1
  128. package/dist/types/components/Search/appearance/searchSize.d.ts +12 -12
  129. package/dist/types/components/Segmented/appearance/{segmentedSurface.d.ts → segmentedDefault.d.ts} +4 -4
  130. package/dist/types/components/Select/SelectLoadingIndicator.d.ts +1 -2
  131. package/dist/types/components/Tab/stories/__mock__/index.d.ts +1 -1
  132. package/dist/types/hooks/useDeviceTargetClass.d.ts +5 -0
  133. package/package.json +12 -12
  134. package/dist/types/components/Choice/appearance/choiceAccent.d.ts +0 -10
  135. package/dist/types/components/Label/appearance/labelGradient.d.ts +0 -9
  136. package/dist/types/components/MenuItem/appearance/menuItemPrimary.d.ts +0 -8
  137. package/dist/types/components/Pagination/appearance/paginationAccent.d.ts +0 -21
  138. package/dist/types/components/Pagination/appearance/paginationDanger.d.ts +0 -7
  139. package/dist/types/components/Pagination/appearance/paginationError.d.ts +0 -11
  140. package/dist/types/components/Pagination/appearance/paginationInfo.d.ts +0 -21
  141. package/dist/types/components/Pagination/appearance/paginationPrimary.d.ts +0 -8
  142. package/dist/types/components/Pagination/appearance/paginationSecondary.d.ts +0 -8
  143. package/dist/types/components/Pagination/appearance/paginationSize.d.ts +0 -48
  144. package/dist/types/components/Pagination/appearance/paginationStyle.d.ts +0 -16
  145. package/dist/types/components/Pagination/appearance/paginationSuccess.d.ts +0 -11
  146. package/dist/types/components/Pagination/appearance/paginationWarning.d.ts +0 -11
  147. package/dist/types/components/Segmented/appearance/segmentedAccent.d.ts +0 -19
  148. package/dist/types/components/Segmented/appearance/segmentedFalse.d.ts +0 -4
  149. package/dist/types/config/forms/datepicker.d.ts +0 -18
  150. package/dist/types/config/forms/index.d.ts +0 -3
  151. package/dist/types/config/forms/input.d.ts +0 -14
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var DatePicker = require('../../DatePicker_cjs_0y_2FcnF.js');
3
+ var DatePicker = require('../../DatePicker_cjs_Cbv3ffoB.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -21,14 +21,14 @@ require('../utils/setViewportProperty.js');
21
21
  require('../hooks/useStyles/useStyles.js');
22
22
  require('lodash/maxBy');
23
23
  require('../hooks/useStyles/styleAttributes.js');
24
- require('../../Button_cjs_C05Joa8j.js');
25
- require('../../Tooltip_cjs_pBGCcXLZ.js');
24
+ require('../../Button_cjs_CnBP4mKv.js');
25
+ require('../../Tooltip_cjs_BE4fABOp.js');
26
26
  require('../../Text_cjs_C9fOm0nd.js');
27
27
  require('react-inlinesvg');
28
28
  require('../../Link_cjs_DbRGq2Yk.js');
29
29
  require('../../Loader_cjs_CCrbD8Em.js');
30
30
  require('../../Input_cjs_BAVggtkk.js');
31
- require('../../Label_cjs_BefEcq6i.js');
31
+ require('../../Label_cjs_CqSZcFNk.js');
32
32
  require('@itcase/icons/default');
33
33
 
34
34
 
@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
5
5
  var React = require('react');
6
6
  var clsx = require('clsx');
7
7
  var ReactDrawer = require('react-modern-drawer');
8
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
8
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
9
9
  var Text = require('../../Text_cjs_C9fOm0nd.js');
10
10
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
11
11
  var _default = require('@itcase/icons/default');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var DropdownItem = require('../../DropdownItem_cjs_DPoFy70W.js');
3
+ var DropdownItem = require('../../DropdownItem_cjs_C3BV7axh.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
@@ -20,7 +20,7 @@ require('../hooks/useStyles/useStyles.js');
20
20
  require('lodash/maxBy');
21
21
  require('../hooks/useStyles/styleAttributes.js');
22
22
  require('../../Divider_cjs_BmCJj3TN.js');
23
- require('../../Tooltip_cjs_pBGCcXLZ.js');
23
+ require('../../Tooltip_cjs_BE4fABOp.js');
24
24
  require('../../Text_cjs_C9fOm0nd.js');
25
25
  require('react-inlinesvg');
26
26
  require('../../Link_cjs_DbRGq2Yk.js');
@@ -6,7 +6,7 @@ var React = require('react');
6
6
  var clsx = require('clsx');
7
7
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
8
  var useStyles = require('../hooks/useStyles/useStyles.js');
9
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
9
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
10
10
  require('lodash/camelCase');
11
11
  require('lodash/castArray');
12
12
  require('lodash/upperFirst');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
3
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
5
5
  var React = require('react');
6
6
  var clsx = require('clsx');
7
7
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
8
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
9
9
  require('lodash/camelCase');
10
10
  require('lodash/castArray');
11
11
  require('lodash/upperFirst');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Label = require('../../Label_cjs_BefEcq6i.js');
3
+ var Label = require('../../Label_cjs_CqSZcFNk.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -19,7 +19,7 @@ require('../utils/setViewportProperty.js');
19
19
  require('../hooks/useStyles/useStyles.js');
20
20
  require('lodash/maxBy');
21
21
  require('../hooks/useStyles/styleAttributes.js');
22
- require('../../Tooltip_cjs_pBGCcXLZ.js');
22
+ require('../../Tooltip_cjs_BE4fABOp.js');
23
23
  require('../../Text_cjs_C9fOm0nd.js');
24
24
  require('react-inlinesvg');
25
25
  require('../../Link_cjs_DbRGq2Yk.js');
@@ -6,7 +6,7 @@ var React = require('react');
6
6
  var clsx = require('clsx');
7
7
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
8
  var useStyles = require('../hooks/useStyles/useStyles.js');
9
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
9
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
10
10
  var Link = require('../../Link_cjs_DbRGq2Yk.js');
11
11
  var Text = require('../../Text_cjs_C9fOm0nd.js');
12
12
  require('lodash/camelCase');
@@ -24,102 +24,76 @@ require('../hooks/useStyles/styleAttributes.js');
24
24
  require('react-inlinesvg');
25
25
 
26
26
  var menuItemAppearanceAccent = {
27
- accent: {
28
- fill: 'accentPrimary',
29
- fillHover: 'accentPrimaryHover',
30
- },
31
27
  accentPrimary: {
32
28
  fill: 'accentPrimary',
33
29
  fillHover: 'accentPrimaryHover',
34
- borderColor: 'accentBorderPrimary',
30
+ labelTextColor: 'accentTextPrimary',
31
+ iconAfterFillIcon: 'accentItemPrimary',
32
+ iconBeforeFillIcon: 'accentItemPrimary',
35
33
  },
36
34
  accentSecondary: {
37
35
  fill: 'accentPrimary',
38
36
  fillHover: 'accentPrimaryHover',
39
37
  labelTextColor: 'accentTextSecondary',
40
38
  labelTextColorHover: 'accentTextSecondary',
41
- borderColor: 'accentBorderPrimary',
42
- loaderFill: 'accentPrimary',
43
- loaderItemFill: 'accentItemPrimary',
39
+ iconAfterFillIcon: 'accentItemSecondary',
40
+ iconBeforeFillIcon: 'accentItemSecondary',
44
41
  },
45
42
  };
46
43
 
47
44
  var menuItemAppearanceError = {
48
- error: {
45
+ errorPrimary: {
49
46
  fill: 'errorPrimary',
50
47
  fillHover: 'errorPrimaryHover',
51
48
  labelTextColor: 'errorTextPrimary',
52
49
  labelTextColorHover: 'errorTextPrimary',
53
- loaderFill: 'errorPrimary',
54
- loaderItemFill: 'errorItemPrimary',
55
- },
56
- };
57
-
58
- var menuItemAppearancePrimary = {
59
- primary: {
60
- fill: 'primaryPrimary',
61
- fillHover: 'primaryPrimaryHover',
62
- labelTextColor: 'primaryTextPrimary',
50
+ iconAfterFillIcon: 'errorItemPrimary',
51
+ iconBeforeFillIcon: 'errorItemPrimary',
63
52
  },
64
53
  };
65
54
 
66
55
  var menuItemAppearanceSize = {
67
56
  sizeXXL: {
68
57
  size: 'xxl',
69
- labelTextSize: 'xxl',
70
- iconAfterFillSize: '48',
71
- iconAfterSize: '48',
72
- iconBeforeFillSize: '48',
73
- iconBeforeSize: '14',
58
+ labelTextSize: 'l',
59
+ iconAfterSize: '20',
60
+ iconBeforeSize: '20',
74
61
  },
75
62
  sizeXL: {
76
63
  size: 'xl',
77
64
  labelTextSize: 'l',
78
- iconAfterFillSize: '40',
79
- iconAfterSize: '40',
80
- iconBeforeFillSize: '40',
81
- iconBeforeSize: '40',
65
+ iconAfterSize: '20',
66
+ iconBeforeSize: '20',
82
67
  },
83
68
  sizeL: {
84
69
  size: 'l',
85
- labelTextSize: 'l',
86
- descTextSize: 'm',
87
- iconAfterFillSize: '32',
88
- iconAfterSize: '32',
89
- iconBeforeFillSize: '32',
90
- iconBeforeSize: '32',
70
+ labelTextSize: 's',
71
+ iconAfterSize: '16',
72
+ iconBeforeSize: '16',
91
73
  },
92
74
  sizeM: {
93
75
  size: 'm',
94
- labelTextSize: 'm',
95
- iconAfterFillSize: '28',
96
- iconAfterSize: '28',
97
- iconBeforeFillSize: '28',
98
- iconBeforeSize: '28',
76
+ labelTextSize: 's',
77
+ iconAfterSize: '16',
78
+ iconBeforeSize: '16',
99
79
  },
100
80
  sizeS: {
101
81
  size: 's',
102
- labelTextSize: 's',
103
- iconAfterFillSize: '24',
104
- iconAfterSize: '24',
105
- iconBeforeFillSize: '24',
106
- iconBeforeSize: '24',
82
+ labelTextSize: 'xs',
83
+ iconAfterSize: '12',
84
+ iconBeforeSize: '12',
107
85
  },
108
86
  sizeXS: {
109
87
  size: 'xs',
110
88
  labelTextSize: 'xs',
111
- iconAfterFillSize: '20',
112
- iconAfterSize: '20',
113
- iconBeforeFillSize: '20',
114
- iconBeforeSize: '20',
89
+ iconAfterSize: '12',
90
+ iconBeforeSize: '12',
115
91
  },
116
92
  sizeXXS: {
117
93
  size: 'xxs',
118
- labelTextSize: 'xs',
119
- iconAfterFillSize: '16',
120
- iconAfterSize: '16',
121
- iconBeforeFillSize: '16',
122
- iconBeforeSize: '16',
94
+ labelTextSize: 'xxs',
95
+ iconAfterSize: '12',
96
+ iconBeforeSize: '12',
123
97
  },
124
98
  };
125
99
 
@@ -130,9 +104,7 @@ var menuItemAppearanceStyle = {
130
104
  outlined: {
131
105
  fill: 'none',
132
106
  },
133
- full: {
134
- borderColor: 'none',
135
- },
107
+ full: {},
136
108
  ghost: {
137
109
  fill: 'none',
138
110
  borderColor: 'none',
@@ -142,18 +114,11 @@ var menuItemAppearanceStyle = {
142
114
  var menuItemAppearanceSurface = {
143
115
  surfacePrimary: {
144
116
  fill: 'surfacePrimary',
145
- fillActive: 'surfaceSecondary',
146
- fillActiveHover: 'surfaceSecondary',
147
- fillHover: 'surfaceSecondary',
117
+ fillHover: 'surfacePrimaryHover',
148
118
  labelTextColor: 'surfaceTextPrimary',
149
119
  iconAfterFillIcon: 'surfaceItemPrimary',
150
120
  iconBeforeFillIcon: 'surfaceItemPrimary',
151
121
  },
152
- surfaceQuaternary: {
153
- fill: 'surfaceQuaternary',
154
- fillHover: 'surfaceQuaternaryHover',
155
- labelTextColor: 'surfaceTextPrimary',
156
- },
157
122
  surfaceSecondary: {
158
123
  fill: 'surfaceSecondary',
159
124
  fillHover: 'surfaceSecondaryHover',
@@ -164,9 +129,14 @@ var menuItemAppearanceSurface = {
164
129
  fillHover: 'surfaceTertiaryHover',
165
130
  labelTextColor: 'surfaceTextPrimary',
166
131
  },
132
+ surfaceQuaternary: {
133
+ fill: 'surfaceQuaternary',
134
+ fillHover: 'surfaceQuaternaryHover',
135
+ labelTextColor: 'surfaceTextPrimary',
136
+ },
167
137
  };
168
138
 
169
- var menuItemAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, menuItemAppearanceSize), menuItemAppearanceStyle), menuItemAppearanceAccent), menuItemAppearanceError), menuItemAppearancePrimary), menuItemAppearanceSurface);
139
+ var menuItemAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, menuItemAppearanceSize), menuItemAppearanceStyle), menuItemAppearanceAccent), menuItemAppearanceError), menuItemAppearanceSurface);
170
140
 
171
141
  var menuItemConfig = {
172
142
  appearance: menuItemAppearance,
@@ -181,7 +151,7 @@ function MenuItem(props) {
181
151
  return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = menuItemConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
182
152
  }, {});
183
153
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
184
- var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelStyle = propsGenerator.labelStyle, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveColorDisabled = propsGenerator.labelTextActiveColorDisabled, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextActiveHoverColorDisabled = propsGenerator.labelTextActiveHoverColorDisabled, labelTextColor = propsGenerator.labelTextColor, labelTextColorDisabled = propsGenerator.labelTextColorDisabled, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextHoverColorDisabled = propsGenerator.labelTextHoverColorDisabled, labelTextSize = propsGenerator.labelTextSize, labelWeight = propsGenerator.labelWeight, labelWrap = propsGenerator.labelWrap, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBadgeAppearance = propsGenerator.iconBadgeAppearance, iconBadgeShape = propsGenerator.iconBadgeShape, iconBadgeSize = propsGenerator.iconBadgeSize, iconBadgeTextColor = propsGenerator.iconBadgeTextColor, iconBadgeTextSize = propsGenerator.iconBadgeTextSize, iconBadgeValue = propsGenerator.iconBadgeValue, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass;
154
+ var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelStyle = propsGenerator.labelStyle, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveColorDisabled = propsGenerator.labelTextActiveColorDisabled, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextActiveHoverColorDisabled = propsGenerator.labelTextActiveHoverColorDisabled, labelTextColor = propsGenerator.labelTextColor, labelTextColorDisabled = propsGenerator.labelTextColorDisabled, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextHoverColorDisabled = propsGenerator.labelTextHoverColorDisabled, labelTextSize = propsGenerator.labelTextSize, labelWeight = propsGenerator.labelWeight, labelWrap = propsGenerator.labelWrap, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBadgeAppearance = propsGenerator.iconBadgeAppearance, iconBadgeShape = propsGenerator.iconBadgeShape, iconBadgeSize = propsGenerator.iconBadgeSize, iconBadgeTextColor = propsGenerator.iconBadgeTextColor, iconBadgeTextSize = propsGenerator.iconBadgeTextSize, iconBadgeValue = propsGenerator.iconBadgeValue, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass, isSkeleton = propsGenerator.isSkeleton;
185
155
  // @ts-expect-error
186
156
  var menuItem = useStyles.useStyles(props).styles;
187
157
  return (jsxRuntime.jsx("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isDisabled && "menu-item_state_disabled", directionClass && "menu-item_direction_".concat(directionClass), className, sizeClass && "menu-item_size_".concat(sizeClass), !isActive
@@ -189,7 +159,7 @@ function MenuItem(props) {
189
159
  : fillActiveClass && "fill_active_".concat(fillActiveClass), !isActive
190
160
  ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
191
161
  : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), shapeClass && "menu-item_shape_".concat(shapeClass), typeClass && "menu-item_type_".concat(typeClass), widthClass && "width_".concat(widthClass), justifyContentClass &&
192
- "menu-item_justify-content_".concat(justifyContentClass)), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxRuntime.jsxs(Link.Link, { className: clsx('menu-item__wrapper', alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass)), href: link || href, LinkComponent: LinkComponent, rel: rel, target: target, underline: underline, children: [before, children || (jsxRuntime.jsxs(React.Fragment, { children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: clsx('menu-item__icon_before', iconBadgeValue && 'menu-item__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'menu-item__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), label && (jsxRuntime.jsx(Text.Text, { className: "menu-item__label", size: labelTextSize, textColor: isActive
162
+ "menu-item_justify-content_".concat(justifyContentClass), isSkeleton && "menu-item_skeleton"), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxRuntime.jsxs(Link.Link, { className: clsx('menu-item__wrapper', alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass)), href: link || href, LinkComponent: LinkComponent, rel: rel, target: target, underline: underline, children: [before, children || (jsxRuntime.jsxs(React.Fragment, { children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: clsx('menu-item__icon_before', iconBadgeValue && 'menu-item__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'menu-item__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), label && (jsxRuntime.jsx(Text.Text, { className: "menu-item__label", size: labelTextSize, textColor: isActive
193
163
  ? !isDisabled
194
164
  ? labelTextActiveColor
195
165
  : labelTextActiveColorDisabled
@@ -8,7 +8,7 @@ var ReactDOM = require('react-dom');
8
8
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
9
9
  var useStyles = require('../hooks/useStyles/useStyles.js');
10
10
  var Overlay = require('../../Overlay_cjs_CFOtnzDU.js');
11
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
11
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
12
12
  var Loader = require('../../Loader_cjs_CCrbD8Em.js');
13
13
  require('lodash/camelCase');
14
14
  require('lodash/castArray');
@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
5
5
  var clsx = require('clsx');
6
6
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
7
  var useStyles = require('../hooks/useStyles/useStyles.js');
8
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
8
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
9
9
  var Text = require('../../Text_cjs_C9fOm0nd.js');
10
10
  var _default = require('@itcase/icons/default');
11
11
  var Notifications = require('../context/Notifications.js');
@@ -8,8 +8,8 @@ var ceil = require('lodash/ceil');
8
8
  var ReactPaginate = require('react-paginate');
9
9
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
10
10
  var useStyles = require('../hooks/useStyles/useStyles.js');
11
- var DropdownItem = require('../../DropdownItem_cjs_DPoFy70W.js');
12
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
11
+ var DropdownItem = require('../../DropdownItem_cjs_C3BV7axh.js');
12
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
13
13
  var Text = require('../../Text_cjs_C9fOm0nd.js');
14
14
  var _default = require('@itcase/icons/default');
15
15
  require('lodash/camelCase');
@@ -7,7 +7,7 @@ var clsx = require('clsx');
7
7
  var SVG = require('react-inlinesvg');
8
8
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
9
9
  var useStyles = require('../hooks/useStyles/useStyles.js');
10
- var Button = require('../../Button_cjs_C05Joa8j.js');
10
+ var Button = require('../../Button_cjs_CnBP4mKv.js');
11
11
  var Group = require('../../Group_cjs_Cwt0gWk4.js');
12
12
  var Text = require('../../Text_cjs_C9fOm0nd.js');
13
13
  require('lodash/camelCase');
@@ -22,7 +22,7 @@ require('react-responsive');
22
22
  require('../utils/setViewportProperty.js');
23
23
  require('lodash/maxBy');
24
24
  require('../hooks/useStyles/styleAttributes.js');
25
- require('../../Tooltip_cjs_pBGCcXLZ.js');
25
+ require('../../Tooltip_cjs_BE4fABOp.js');
26
26
  require('../../Link_cjs_DbRGq2Yk.js');
27
27
  require('../../Loader_cjs_CCrbD8Em.js');
28
28
 
@@ -7,7 +7,7 @@ var React = require('react');
7
7
  var clsx = require('clsx');
8
8
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
9
9
  var useStyles = require('../hooks/useStyles/useStyles.js');
10
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
10
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
11
11
  var Text = require('../../Text_cjs_C9fOm0nd.js');
12
12
  var Scrollbar = require('../../Scrollbar_cjs_DcKOfcNp.js');
13
13
  require('lodash/camelCase');
@@ -57,9 +57,9 @@ var searchAppearanceError = {
57
57
  fill: 'errorTertiary',
58
58
  borderColor: 'errorBorderQuaternary',
59
59
  borderHover: 'errorBorderQuaternaryHover',
60
- iconAfterFill: 'errorItemPrimary',
61
- iconBeforeFill: 'errorItemPrimary',
62
- iconClearFill: 'errorItemPrimary',
60
+ iconAfterFill: 'errorItemSecondary',
61
+ iconBeforeFill: 'errorItemSecondary',
62
+ iconClearFill: 'errorItemSecondary',
63
63
  inputTextColor: 'surfaceTextPrimary',
64
64
  placeholderTextColor: 'surfaceTextQuaternary',
65
65
  },
@@ -20,22 +20,26 @@ require('../hooks/useStyles/useStyles.js');
20
20
  require('lodash/maxBy');
21
21
  require('../hooks/useStyles/styleAttributes.js');
22
22
 
23
- var segmentedAppearanceAccent = {
24
- accent: {
25
- fill: 'accentPrimary',
26
- fillHover: 'accentPrimaryHover',
27
- },
28
- accentPrimary: {
29
- fill: 'accentPrimary',
30
- fillHover: 'accentPrimaryHover',
31
- borderColor: 'accentBorderPrimary',
32
- },
33
- accentSecondary: {
34
- fill: 'accentPrimary',
35
- fillHover: 'accentPrimaryHover',
36
- labelTextColor: 'accentTextSecondary',
37
- labelTextColorHover: 'accentTextSecondary',
38
- borderColor: 'accentBorderPrimary',
23
+ var segmentedAppearanceDefault = {
24
+ defaultPrimary: {
25
+ fill: 'surfacePrimary',
26
+ fillActive: 'accentPrimary',
27
+ fillActiveHover: 'accentPrimary',
28
+ fillHover: 'surfaceSecondary',
29
+ labelTextActiveColor: 'accentTextPrimary',
30
+ labelTextColor: 'surfaceTextPrimary',
31
+ indicatorFill: 'accentPrimary',
32
+ shape: 'rounded',
33
+ },
34
+ defaultSecondary: {
35
+ fill: 'surfaceSecondary',
36
+ fillActive: 'accentPrimary',
37
+ fillActiveHover: 'accentPrimary',
38
+ fillHover: 'surfaceSecondary',
39
+ labelTextActiveColor: 'accentTextPrimary',
40
+ labelTextColor: 'surfaceTextPrimary',
41
+ indicatorFill: 'accentPrimary',
42
+ shape: 'rounded',
39
43
  },
40
44
  };
41
45
 
@@ -66,10 +70,6 @@ var segmentedAppearanceError = {
66
70
  },
67
71
  };
68
72
 
69
- var segmentedAppearanceFalse = {
70
- false: {},
71
- };
72
-
73
73
  var segmentedAppearanceSize = {
74
74
  sizeL: {
75
75
  size: 'l',
@@ -118,29 +118,6 @@ var segmentedAppearanceSuccess = {
118
118
  },
119
119
  };
120
120
 
121
- var segmentedAppearanceSurface = {
122
- surfacePrimary: {
123
- fill: 'surfacePrimary',
124
- fillActive: 'accentPrimary',
125
- fillActiveHover: 'accentPrimary',
126
- fillHover: 'surfaceSecondary',
127
- labelTextActiveColor: 'accentTextPrimary',
128
- labelTextColor: 'surfaceTextPrimary',
129
- indicatorFill: 'accentPrimary',
130
- shape: 'rounded',
131
- },
132
- surfaceSecondary: {
133
- fill: 'surfaceSecondary',
134
- fillActive: 'accentPrimary',
135
- fillActiveHover: 'accentPrimary',
136
- fillHover: 'surfaceSecondary',
137
- labelTextActiveColor: 'accentTextPrimary',
138
- labelTextColor: 'surfaceTextPrimary',
139
- indicatorFill: 'accentPrimary',
140
- shape: 'rounded',
141
- },
142
- };
143
-
144
121
  var segmentedAppearanceWarning = {
145
122
  warning: {
146
123
  fill: 'warningPrimary',
@@ -150,7 +127,7 @@ var segmentedAppearanceWarning = {
150
127
  },
151
128
  };
152
129
 
153
- var segmentedAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, segmentedAppearanceFalse), segmentedAppearanceDisabled), segmentedAppearanceSize), segmentedAppearanceStyle), segmentedAppearanceAccent), segmentedAppearanceError), segmentedAppearanceSuccess), segmentedAppearanceSurface), segmentedAppearanceWarning);
130
+ var segmentedAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, segmentedAppearanceDisabled), segmentedAppearanceSize), segmentedAppearanceStyle), segmentedAppearanceError), segmentedAppearanceSuccess), segmentedAppearanceDefault), segmentedAppearanceWarning);
154
131
 
155
132
  var segmentedConfig = {
156
133
  appearance: segmentedAppearance,
@@ -3,7 +3,7 @@
3
3
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
5
  var Select = require('react-select');
6
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
6
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
7
7
  var React = require('react');
8
8
  var clsx = require('clsx');
9
9
  var CreatableSelect = require('react-select/creatable');
@@ -6,7 +6,7 @@ var clsx = require('clsx');
6
6
  var react = require('swiper/react');
7
7
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
8
  var useStyles = require('../hooks/useStyles/useStyles.js');
9
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
9
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
10
10
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
11
11
  require('lodash/camelCase');
12
12
  require('lodash/castArray');
@@ -6,7 +6,7 @@ var React = require('react');
6
6
  var clsx = require('clsx');
7
7
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
8
  var useStyles = require('../hooks/useStyles/useStyles.js');
9
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
9
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
10
10
  var Divider = require('../../Divider_cjs_BmCJj3TN.js');
11
11
  var Link = require('../../Link_cjs_DbRGq2Yk.js');
12
12
  var Text = require('../../Text_cjs_C9fOm0nd.js');
@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
5
5
  var clsx = require('clsx');
6
6
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
7
  var useStyles = require('../hooks/useStyles/useStyles.js');
8
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
8
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
9
9
  var Text = require('../../Text_cjs_C9fOm0nd.js');
10
10
  require('react');
11
11
  require('lodash/camelCase');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
3
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
3
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');