@itcase/ui 1.8.35 → 1.8.37

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 (186) hide show
  1. package/dist/{Avatar_cjs_kADy_b4o.js → Avatar_cjs_nMPCDjk8.js} +1 -1
  2. package/dist/{Avatar_es_DbGpnL99.js → Avatar_es_B73a6TzA.js} +1 -1
  3. package/dist/{Button_cjs_CW6ENTbm.js → Button_cjs_plv5-qcj.js} +11 -2
  4. package/dist/{Button_es_DTUagqgU.js → Button_es_BigB2Wz6.js} +11 -2
  5. package/dist/ChipsGroup_cjs_DrOhD-Fc.js +312 -0
  6. package/dist/ChipsGroup_es_B9m4l0wN.js +307 -0
  7. package/dist/{DatePicker_cjs_Bx5_lZNT.js → DatePicker_cjs_CmqgSNw7.js} +4 -4
  8. package/dist/{DatePicker_es_A1FcasHs.js → DatePicker_es_mk9wFTe9.js} +4 -4
  9. package/dist/{DropdownItem_cjs_tH2DBClp.js → DropdownItem_cjs_DQvByLbN.js} +1 -1
  10. package/dist/{DropdownItem_es_BeVv-pDA.js → DropdownItem_es_KppIfto7.js} +1 -1
  11. package/dist/{Input_cjs_arr_wxD2.js → Input_cjs_CPmXkQGd.js} +1 -0
  12. package/dist/{Input_es_BW6cZThr.js → Input_es_D9Y1Rj5Y.js} +1 -0
  13. package/dist/{Label_cjs_CP4b6Mg2.js → Label_cjs_BGJfyrOL.js} +15 -13
  14. package/dist/{Label_es_DFSiy5sL.js → Label_es_C4Px7b-N.js} +15 -13
  15. package/dist/{Loader_cjs_CCrbD8Em.js → Loader_cjs_Ca4i0sER.js} +4 -2
  16. package/dist/{Loader_es_B2auu_rc.js → Loader_es_GYOr0UTX.js} +4 -2
  17. package/dist/{Tooltip_cjs_DinScDnC.js → Tooltip_cjs_DHduWa-v.js} +76 -70
  18. package/dist/{Tooltip_es_B0nm9irO.js → Tooltip_es_ltCY-w4M.js} +76 -70
  19. package/dist/cjs/components/Accordion.js +1 -1
  20. package/dist/cjs/components/Avatar.js +2 -2
  21. package/dist/cjs/components/AvatarStack.js +2 -2
  22. package/dist/cjs/components/Badge.js +1 -1
  23. package/dist/cjs/components/Breadcrumbs/stories/__mock__.js +32 -41
  24. package/dist/cjs/components/Breadcrumbs.js +41 -124
  25. package/dist/cjs/components/Button.js +3 -3
  26. package/dist/cjs/components/Cell.js +2 -2
  27. package/dist/cjs/components/Chips/stories/__mock__.js +31 -0
  28. package/dist/cjs/components/Chips.js +4 -4
  29. package/dist/cjs/components/Choice/stories/__mock__.js +15 -15
  30. package/dist/cjs/components/Choice.js +20 -18
  31. package/dist/cjs/components/CookiesWarning.js +3 -3
  32. package/dist/cjs/components/Dadata.js +1 -1
  33. package/dist/cjs/components/DatePeriod.js +7 -7
  34. package/dist/cjs/components/DatePicker.js +6 -6
  35. package/dist/cjs/components/Drawer.js +1 -1
  36. package/dist/cjs/components/Dropdown/stories/__mock__.js +104 -33
  37. package/dist/cjs/components/Dropdown.js +2 -2
  38. package/dist/cjs/components/HeroTitle.js +1 -1
  39. package/dist/cjs/components/Icon.js +1 -1
  40. package/dist/cjs/components/Input.js +1 -1
  41. package/dist/cjs/components/InputPassword.js +1 -1
  42. package/dist/cjs/components/Label.js +2 -2
  43. package/dist/cjs/components/Loader.js +1 -1
  44. package/dist/cjs/components/MenuItem.js +17 -12
  45. package/dist/cjs/components/Modal.js +2 -2
  46. package/dist/cjs/components/Notification.js +3 -8
  47. package/dist/cjs/components/Pagination.js +2 -4
  48. package/dist/cjs/components/Response.js +3 -3
  49. package/dist/cjs/components/ScrollOnDrag.js +5 -3
  50. package/dist/cjs/components/Search.js +1 -1
  51. package/dist/cjs/components/Segmented/stories/__mock__.js +26 -11
  52. package/dist/cjs/components/Segmented.js +84 -52
  53. package/dist/cjs/components/Select.js +1 -1
  54. package/dist/cjs/components/Swiper.js +1 -1
  55. package/dist/cjs/components/Tab.js +1 -1
  56. package/dist/cjs/components/Textarea.js +8 -9
  57. package/dist/cjs/components/Tile.js +1 -1
  58. package/dist/cjs/components/Title.js +1 -1
  59. package/dist/cjs/components/Tooltip.js +1 -1
  60. package/dist/cjs/hooks/useStyles/styleAttributes.js +1 -1
  61. package/dist/components/Accordion.js +1 -1
  62. package/dist/components/Avatar.js +2 -2
  63. package/dist/components/AvatarStack.js +2 -2
  64. package/dist/components/Badge.js +1 -1
  65. package/dist/components/Breadcrumbs/stories/__mock__.js +32 -41
  66. package/dist/components/Breadcrumbs.js +41 -124
  67. package/dist/components/Button.js +3 -3
  68. package/dist/components/Cell.js +2 -2
  69. package/dist/components/Chips/stories/__mock__.js +29 -0
  70. package/dist/components/Chips.js +4 -4
  71. package/dist/components/Choice/stories/__mock__.js +15 -15
  72. package/dist/components/Choice.js +20 -18
  73. package/dist/components/CookiesWarning.js +3 -3
  74. package/dist/components/Dadata.js +1 -1
  75. package/dist/components/DatePeriod.js +7 -7
  76. package/dist/components/DatePicker.js +6 -6
  77. package/dist/components/Drawer.js +1 -1
  78. package/dist/components/Dropdown/stories/__mock__.js +102 -34
  79. package/dist/components/Dropdown.js +2 -2
  80. package/dist/components/HeroTitle.js +1 -1
  81. package/dist/components/Icon.js +1 -1
  82. package/dist/components/Input.js +1 -1
  83. package/dist/components/InputPassword.js +1 -1
  84. package/dist/components/Label.js +2 -2
  85. package/dist/components/Loader.js +1 -1
  86. package/dist/components/MenuItem.js +17 -12
  87. package/dist/components/Modal.js +2 -2
  88. package/dist/components/Notification.js +3 -8
  89. package/dist/components/Pagination.js +3 -5
  90. package/dist/components/Response.js +3 -3
  91. package/dist/components/ScrollOnDrag.js +7 -5
  92. package/dist/components/Search.js +1 -1
  93. package/dist/components/Segmented/stories/__mock__.js +24 -12
  94. package/dist/components/Segmented.js +84 -52
  95. package/dist/components/Select.js +1 -1
  96. package/dist/components/Swiper.js +1 -1
  97. package/dist/components/Tab.js +1 -1
  98. package/dist/components/Textarea.js +8 -9
  99. package/dist/components/Tile.js +1 -1
  100. package/dist/components/Title.js +1 -1
  101. package/dist/components/Tooltip.js +1 -1
  102. package/dist/css/components/Breadcrumbs/Breadcrumbs.css +39 -6
  103. package/dist/css/components/Chips/Chips.css +40 -14
  104. package/dist/css/components/Icon/Icon.css +24 -0
  105. package/dist/css/components/Loader/Loader.css +1 -19
  106. package/dist/css/components/MenuItem/MenuItem.css +53 -30
  107. package/dist/css/components/Notification/Notification.css +0 -48
  108. package/dist/css/components/ScrollOnDrag/ScrollOnDrag.css +230 -4
  109. package/dist/css/components/Segmented/Segmented.css +64 -8
  110. package/dist/css/components/Segmented/css/__item/segmaented__item.css +28 -0
  111. package/dist/css/styles/centering/centering.css +17 -0
  112. package/dist/css/styles/shape-strength/shape-strength.css +6 -0
  113. package/dist/hooks/useStyles/styleAttributes.js +1 -1
  114. package/dist/stories/BreadcrumbsPlsyground.mdx +1 -1
  115. package/dist/stories/ChipsOverview.mdx +26 -14
  116. package/dist/stories/ChipsPlayground.mdx +3 -3
  117. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsAccent.d.ts +2 -12
  118. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSize.d.ts +7 -14
  119. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsStyle.d.ts +4 -6
  120. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSurface.d.ts +11 -8
  121. package/dist/types/components/Breadcrumbs/stories/__mock__/index.d.ts +5 -8
  122. package/dist/types/components/Button/appearance/buttonSurface.d.ts +9 -0
  123. package/dist/types/components/Chips/Chips.interface.d.ts +1 -0
  124. package/dist/types/components/Chips/appearance/chipsAccent.d.ts +9 -1
  125. package/dist/types/components/Chips/appearance/chipsDanger.d.ts +16 -1
  126. package/dist/types/components/Chips/appearance/chipsError.d.ts +16 -1
  127. package/dist/types/components/Chips/appearance/chipsInfo.d.ts +16 -1
  128. package/dist/types/components/Chips/appearance/chipsPrimary.d.ts +11 -2
  129. package/dist/types/components/Chips/appearance/chipsSecondary.d.ts +10 -2
  130. package/dist/types/components/Chips/appearance/chipsSuccess.d.ts +16 -1
  131. package/dist/types/components/Chips/appearance/chipsSurface.d.ts +11 -1
  132. package/dist/types/components/Chips/appearance/chipsWarning.d.ts +16 -1
  133. package/dist/types/components/Chips/stories/__mock__/index.d.ts +14 -0
  134. package/dist/types/components/Choice/appearance/choiceDefault.d.ts +1 -0
  135. package/dist/types/components/Choice/appearance/choiceDisabled.d.ts +1 -1
  136. package/dist/types/components/Choice/appearance/choiceError.d.ts +1 -0
  137. package/dist/types/components/Choice/appearance/choiceRequire.d.ts +1 -0
  138. package/dist/types/components/Choice/appearance/choiceStyle.d.ts +4 -6
  139. package/dist/types/components/Choice/appearance/choiceSuccess.d.ts +1 -0
  140. package/dist/types/components/Choice/stories/__mock__/index.d.ts +3 -9
  141. package/dist/types/components/Dropdown/stories/__mock__/index.d.ts +87 -44
  142. package/dist/types/components/Icon/appearance/iconAccent.d.ts +2 -4
  143. package/dist/types/components/Icon/appearance/iconDanger.d.ts +2 -4
  144. package/dist/types/components/Icon/appearance/iconDisabled.d.ts +12 -0
  145. package/dist/types/components/Icon/appearance/iconError.d.ts +4 -4
  146. package/dist/types/components/Icon/appearance/iconInfo.d.ts +7 -4
  147. package/dist/types/components/Icon/appearance/iconPrimary.d.ts +4 -2
  148. package/dist/types/components/Icon/appearance/iconSecondary.d.ts +2 -2
  149. package/dist/types/components/Icon/appearance/iconStyle.d.ts +4 -6
  150. package/dist/types/components/Icon/appearance/iconSuccess.d.ts +0 -2
  151. package/dist/types/components/Icon/appearance/iconSurface.d.ts +0 -5
  152. package/dist/types/components/Icon/appearance/iconWarning.d.ts +4 -4
  153. package/dist/types/components/Input/appearance/inputDefault.d.ts +1 -0
  154. package/dist/types/components/Label/appearance/labelDisable.d.ts +2 -2
  155. package/dist/types/components/Label/appearance/labelPrimary.d.ts +1 -0
  156. package/dist/types/components/Label/appearance/labelSurface.d.ts +1 -0
  157. package/dist/types/components/MenuItem/appearance/menuItemStyle.d.ts +4 -6
  158. package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts +5 -0
  159. package/dist/types/components/Notification/appearance/notificationDefault.d.ts +0 -1
  160. package/dist/types/components/Notification/appearance/notificationError.d.ts +0 -1
  161. package/dist/types/components/Notification/appearance/notificationInfo.d.ts +0 -1
  162. package/dist/types/components/Notification/appearance/notificationSuccess.d.ts +0 -1
  163. package/dist/types/components/Notification/appearance/notificationWarning.d.ts +0 -1
  164. package/dist/types/components/Segmented/Segmented.interface.d.ts +5 -2
  165. package/dist/types/components/Segmented/appearance/segmentedDefault.d.ts +8 -11
  166. package/dist/types/components/Segmented/appearance/segmentedDisabled.d.ts +8 -10
  167. package/dist/types/components/Segmented/appearance/segmentedError.d.ts +10 -1
  168. package/dist/types/components/Segmented/appearance/segmentedSize.d.ts +5 -0
  169. package/dist/types/components/Segmented/appearance/segmentedStyle.d.ts +3 -3
  170. package/dist/types/components/Segmented/appearance/segmentedSuccess.d.ts +10 -1
  171. package/dist/types/components/Segmented/appearance/segmentedWarning.d.ts +10 -1
  172. package/dist/types/components/Segmented/stories/__mock__/index.d.ts +31 -9
  173. package/dist/types/components/Textarea/appearance/textareaDefault.d.ts +1 -0
  174. package/dist/types/components/Textarea/appearance/textareaStyle.d.ts +4 -4
  175. package/dist/types/context/UIContext.d.ts +3 -5
  176. package/package.json +8 -7
  177. package/dist/ChipsGroup_cjs_j3QOma3U.js +0 -200
  178. package/dist/ChipsGroup_es_DF1fhn97.js +0 -195
  179. package/dist/css/components/Notification/css/__item/notification__item_status.css +0 -48
  180. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsDanger.d.ts +0 -7
  181. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsError.d.ts +0 -9
  182. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsInfo.d.ts +0 -17
  183. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsPrimary.d.ts +0 -8
  184. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSecondary.d.ts +0 -8
  185. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSuccess.d.ts +0 -9
  186. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsWarning.d.ts +0 -9
@@ -4,7 +4,7 @@ var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
5
  var React = require('react');
6
6
  var clsx = require('clsx');
7
- var Tooltip = require('../../Tooltip_cjs_DinScDnC.js');
7
+ var Tooltip = require('../../Tooltip_cjs_DHduWa-v.js');
8
8
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
9
9
  var Text = require('../../Text_cjs_C9fOm0nd.js');
10
10
  require('../hooks/useStyles/useStyles.js');
@@ -30,103 +30,130 @@ var segmentedAppearanceDefault = {
30
30
  fillActiveHover: 'accentPrimary',
31
31
  fillHover: 'surfaceSecondary',
32
32
  labelTextActiveColor: 'accentTextPrimary',
33
+ labelTextActiveHoverColor: 'accentTextPrimary',
33
34
  labelTextColor: 'surfaceTextPrimary',
35
+ borderColor: 'surfaceBorderQuaternary',
36
+ iconAfterFill: 'surfaceItemQuaternary',
37
+ iconAfterFillActive: 'surfaceItemSecondary',
38
+ iconBeforeFill: 'surfaceItemQuaternary',
39
+ iconBeforeFillActive: 'surfaceItemSecondary',
40
+ iconFill: 'surfaceItemQuaternary',
41
+ iconFillActive: 'surfaceItemSecondary',
34
42
  indicatorFill: 'accentPrimary',
35
- shape: 'rounded',
36
- },
37
- defaultSecondary: {
38
- fill: 'surfaceSecondary',
39
- fillActive: 'accentPrimary',
40
- fillActiveHover: 'accentPrimary',
41
- fillHover: 'surfaceTertiary',
42
- labelTextActiveColor: 'accentTextPrimary',
43
- labelTextColor: 'surfaceTextPrimary',
44
- indicatorFill: 'accentPrimary',
45
- shape: 'rounded',
46
43
  },
47
44
  };
48
45
 
49
46
  var segmentedAppearanceDisabled = {
50
47
  disabledPrimary: {
51
- fill: 'surfaceFillDisabled',
52
- borderColor: 'errorBorderQuaternary',
53
- borderHover: 'errorBorderQuaternary',
54
- textColor: 'surfaceTextQuaternary',
55
- iconBeforeFill: 'errorItemQuaternary',
56
- iconClearFill: 'errorItemPrimary',
57
- },
58
- disabledSecondary: {
59
- fill: 'surfaceSecondary',
60
- borderColor: 'surfaceBorderTertiary',
61
- borderHover: 'surfaceBorderQuaternary',
62
- iconBeforeFill: 'surfaceItemQuaternary',
63
- iconClearFill: 'surfaceItemPrimary',
48
+ fill: 'surfaceDisabled',
49
+ fillActive: 'surfaceItemTertiary',
50
+ labelTextActiveColor: 'surfaceTextQuaternary',
51
+ labelTextColor: 'surfaceTextQuaternary',
52
+ borderColor: 'surfaceBorderPrimary',
53
+ iconAfterFill: 'surfaceItemPrimary',
54
+ iconAfterFillActive: 'surfaceItemDisabled',
55
+ iconBeforeFill: 'surfaceItemPrimary',
56
+ iconBeforeFillActive: 'surfaceItemDisabled',
57
+ iconFill: 'surfaceItemPrimary',
58
+ iconFillActive: 'surfaceItemDisabled',
64
59
  },
65
60
  };
66
61
 
67
62
  var segmentedAppearanceError = {
68
- error: {
69
- fill: 'errorPrimary',
70
- fillHover: 'errorPrimaryHover',
71
- labelTextColor: 'errorTextPrimary',
63
+ errorPrimary: {
64
+ fill: 'errorTertiary',
65
+ fillActive: 'errorPrimary',
66
+ fillHover: 'errorItemHover',
67
+ labelTextActiveColor: 'errorTextPrimary',
68
+ labelTextColor: 'errorTextSecondary',
72
69
  labelTextColorHover: 'errorTextPrimary',
70
+ borderColor: 'errorBorderQuaternary',
71
+ iconAfterFill: 'errorItemSecondary',
72
+ iconAfterFillActive: 'errorItemTertiary',
73
+ iconBeforeFill: 'errorItemSecondary',
74
+ iconBeforeFillActive: 'errorItemTertiary',
75
+ iconFill: 'errorItemSecondary',
76
+ iconFillActive: 'errorItemTertiary',
73
77
  },
74
78
  };
75
79
 
76
80
  var segmentedAppearanceSize = {
77
81
  sizeL: {
78
82
  size: 'l',
79
- labelTextSize: 'l',
83
+ labelTextSize: 'm',
84
+ iconSize: '24',
80
85
  },
81
86
  sizeM: {
82
87
  size: 'm',
83
88
  labelTextSize: 'm',
89
+ iconSize: '24',
84
90
  },
85
91
  sizeS: {
86
92
  size: 's',
87
93
  labelTextSize: 's',
94
+ iconSize: '20',
88
95
  },
89
96
  sizeXS: {
90
97
  size: 'xs',
91
98
  labelTextSize: 'xs',
99
+ iconSize: '16',
92
100
  },
93
101
  sizeXSS: {
94
102
  size: 'xxs',
95
103
  labelTextSize: 'xxs',
104
+ iconSize: '14',
96
105
  },
97
106
  };
98
107
 
99
108
  var segmentedAppearanceStyle = {
100
109
  solid: {
101
- borderColor: '0',
110
+ borderColor: 'none',
102
111
  },
103
112
  outlined: {
104
113
  fill: 'none',
114
+ fillActive: 'none',
105
115
  },
106
- full: {
107
- borderColor: '0',
108
- },
116
+ full: {},
109
117
  ghost: {
110
118
  fill: 'none',
111
- borderColor: '0',
119
+ fillActive: 'none',
120
+ borderColor: 'none',
112
121
  },
113
122
  };
114
123
 
115
124
  var segmentedAppearanceSuccess = {
116
125
  successPrimary: {
117
- fill: 'successPrimary',
118
- fillHover: 'successPrimaryHover',
126
+ fill: 'successTertiary',
127
+ fillActive: 'successItemSecondary',
128
+ fillHover: 'successItemSecondary',
129
+ labelTextActiveColor: 'successTextPrimary',
119
130
  labelTextColor: 'successTextSecondary',
120
- labelTextColorHover: 'successTextSecondary',
131
+ labelTextHoverColor: 'successTextPrimary',
132
+ borderColor: 'successBorderSecondary',
133
+ iconAfterFill: 'successItemSecondary',
134
+ iconAfterFillActive: 'successTertiary',
135
+ iconBeforeFill: 'successItemSecondary',
136
+ iconBeforeFillActive: 'successTertiary',
137
+ iconFill: 'successItemSecondary',
138
+ iconFillActive: 'successTertiary',
121
139
  },
122
140
  };
123
141
 
124
142
  var segmentedAppearanceWarning = {
125
- warning: {
126
- fill: 'warningPrimary',
127
- fillHover: 'warningPrimaryHover',
143
+ warningPrimary: {
144
+ fill: 'warningTertiary',
145
+ fillActive: 'warningItemSecondary',
146
+ fillHover: 'warningItemHover',
147
+ labelTextActiveColor: 'warningTextPrimary',
128
148
  labelTextColor: 'warningTextSecondary',
129
149
  labelTextColorHover: 'warningTextSecondary',
150
+ borderColor: 'warningBorderSecondary',
151
+ iconAfterFill: 'warningItemSecondary',
152
+ iconAfterFillActive: 'warningTertiary',
153
+ iconBeforeFill: 'warningItemSecondary',
154
+ iconBeforeFillActive: 'warningTertiary',
155
+ iconFill: 'warningItemSecondary',
156
+ iconFillActive: 'warningTertiary',
130
157
  },
131
158
  };
132
159
 
@@ -166,17 +193,22 @@ var Segmented = React.forwardRef(function (props) {
166
193
  return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = segmentedConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
167
194
  }, {});
168
195
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
169
- var fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextColor = propsGenerator.labelTextColor, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextSize = propsGenerator.labelTextSize, labelTextWrap = propsGenerator.labelTextWrap, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, icon = propsGenerator.icon, iconAppearance = propsGenerator.iconAppearance, iconFill = propsGenerator.iconFill, iconFillIcon = propsGenerator.iconFillIcon, iconFillSize = propsGenerator.iconFillSize, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, indicatorFillClass = propsGenerator.indicatorFillClass, inputBorderColorClass = propsGenerator.inputBorderColorClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
170
- return (jsxRuntime.jsx("div", { className: clsx(className, 'segmented', shapeClass && "segmented_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), widthClass && "segmented_width_".concat(widthClass), sizeClass && "segmented_size_".concat(sizeClass), inputBorderColorClass && "border-color_".concat(inputBorderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), isSkeleton && "segmented_skeleton"), ref: controlRef, children: jsxRuntime.jsx("div", { className: "segmented__wrapper", children: jsxRuntime.jsxs("div", { className: clsx('segmented__wrapper-inner'), children: [segments === null || segments === void 0 ? void 0 : segments.map(function (item) { return (jsxRuntime.jsxs("div", { className: clsx('segmented__item', item.value === (activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value)
171
- ? fillActiveHoverClass &&
172
- "fill_active_hover_".concat(fillActiveHoverClass)
173
- : fillHoverClass && "fill_hover_".concat(fillHoverClass), item.value === (activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value)
174
- ? fillActiveClass && "fill_active_".concat(fillActiveClass)
175
- : fillClass && "fill_".concat(fillClass), item.value === (activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value) && 'segmented__item_active', onChange && 'cursor_type_pointer', isDisabled && 'cursor_type_default'), ref: segmentsRefs.get(item.value), children: [(icon || iconSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: clsx('tile__icon'), appearance: iconAppearance, fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), jsxRuntime.jsx("input", { id: item.label, className: "segmented__item-radio", type: "radio", name: name, checked: item.value === (activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value), value: item.value, onChange: function () { return onChangeValue(item); } }), jsxRuntime.jsx("label", { className: clsx('segmented__item-label'), htmlFor: item.label, children: jsxRuntime.jsx(Text.Text, { className: clsx('segmented__item-label-text', labelTextWrap && "word-wrap_".concat(labelTextWrap)), size: labelTextSize, textColor: item.value === (activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value)
176
- ? labelTextActiveColor
177
- : labelTextColor, textColorHover: item.value === (activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value)
178
- ? labelTextActiveHoverColor
179
- : labelTextHoverColor, children: item.label }) })] }, item.value)); }), jsxRuntime.jsx("div", { className: clsx('segmented__indicator', indicatorFillClass && "fill_".concat(indicatorFillClass)) })] }) }) }));
196
+ var fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextColor = propsGenerator.labelTextColor, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextSize = propsGenerator.labelTextSize, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconFillDisabled = propsGenerator.iconFillDisabled, iconFill = propsGenerator.iconFill, iconFillActive = propsGenerator.iconFillActive, iconSize = propsGenerator.iconSize, indicatorFillClass = propsGenerator.indicatorFillClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
197
+ return (jsxRuntime.jsx("div", { className: clsx(className, 'segmented', shapeClass && "segmented_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), widthClass && "segmented_width_".concat(widthClass), sizeClass && "segmented_size_".concat(sizeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), isSkeleton && "segmented_skeleton"), ref: controlRef, children: jsxRuntime.jsx("div", { className: "segmented__wrapper", children: jsxRuntime.jsxs("div", { className: clsx('segmented__wrapper-inner'), children: [segments === null || segments === void 0 ? void 0 : segments.map(function (item) {
198
+ var isActive = String(activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value) === String(item.value);
199
+ return (jsxRuntime.jsx("div", { className: clsx('segmented__item', !item.label && 'segmented__item_icon', sizeClass && "segmented__item_size_".concat(sizeClass), isActive && 'segmented__item_active', !isActive && isDisabled && 'segmented__item_state_disabled', isActive &&
200
+ isDisabled &&
201
+ 'segmented__item_active_state_disabled', !isActive
202
+ ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
203
+ : fillActiveHoverClass &&
204
+ "fill_active_hover_".concat(fillActiveHoverClass), isActive &&
205
+ fillActiveClass &&
206
+ "fill_active_".concat(fillActiveClass)), ref: segmentsRefs.get(item.value), onClick: function () { return !isDisabled && onChangeValue(item); }, children: jsxRuntime.jsxs("div", { className: clsx('segmented__item-label', sizeClass && "segmented_size_".concat(sizeClass)), children: [item.iconBefore || item.iconBeforeActive ? (jsxRuntime.jsx(Tooltip.Icon, { className: "segmented__item-icon", iconFillDisabled: iconFillDisabled, isDisabled: isDisabled, iconFill: iconFill, iconFillActive: iconFillActive, iconSize: iconSize, SvgImage: isActive
207
+ ? item.iconBeforeActive || item.iconBefore
208
+ : item.iconBefore, isActive: isActive })) : null, item.label && (jsxRuntime.jsx(Text.Text, { size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveHoverColor, textColorHover: labelTextHoverColor, textWrap: labelTextWrap, isActive: isActive, children: item.label })), item.icon || item.iconActive ? (jsxRuntime.jsx(Tooltip.Icon, { className: "segmented__item-icon", iconFillDisabled: iconFillDisabled, isDisabled: isDisabled, iconFill: iconFill, iconFillActive: iconFillActive, iconSize: iconSize, SvgImage: isActive ? item.iconActive || item.icon : item.icon, isActive: isActive })) : null, item.iconAfter || item.iconAfterActive ? (jsxRuntime.jsx(Tooltip.Icon, { className: "segmented__item-icon", iconFillDisabled: iconFillDisabled, isDisabled: isDisabled, iconFill: iconFill, iconFillActive: iconFillActive, iconSize: iconSize, SvgImage: isActive
209
+ ? item.iconAfterActive || item.iconAfter
210
+ : item.iconAfter, isActive: isActive })) : null] }) }, "".concat(name, "-").concat(item.value)));
211
+ }), jsxRuntime.jsx("div", { className: clsx('segmented__indicator', indicatorFillClass && "fill_".concat(indicatorFillClass)) })] }) }) }));
180
212
  });
181
213
 
182
214
  exports.Segmented = Segmented;
@@ -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_DinScDnC.js');
6
+ var Tooltip = require('../../Tooltip_cjs_DHduWa-v.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_DinScDnC.js');
9
+ var Tooltip = require('../../Tooltip_cjs_DHduWa-v.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_DinScDnC.js');
9
+ var Tooltip = require('../../Tooltip_cjs_DHduWa-v.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');
@@ -23,6 +23,7 @@ var textareaAppearanceDefault = {
23
23
  borderHover: 'surfaceBorderQuaternary',
24
24
  iconBeforeFill: 'surfaceItemQuaternary',
25
25
  iconClearFill: 'surfaceItemPrimary',
26
+ placeholderTextColor: 'surfaceTextQuaternary',
26
27
  },
27
28
  defaultSecondary: {
28
29
  fill: 'surfacePrimary',
@@ -30,7 +31,7 @@ var textareaAppearanceDefault = {
30
31
  borderHover: 'surfaceBorderQuaternary',
31
32
  iconBeforeFill: 'surfaceItemQuaternary',
32
33
  iconClearFill: 'surfaceItemPrimary',
33
- placeholderTextColor: 'surfaceTextSecondary',
34
+ placeholderTextColor: 'surfaceTextQuaternary',
34
35
  },
35
36
  defaultTertiaryy: {
36
37
  fill: 'surfacePrimary',
@@ -38,7 +39,7 @@ var textareaAppearanceDefault = {
38
39
  borderHover: 'surfaceBorderQuaternary',
39
40
  iconBeforeFill: 'surfaceItemQuaternary',
40
41
  iconClearFill: 'surfaceItemPrimary',
41
- placeholderTextColor: 'surfaceTextSecondary',
42
+ placeholderTextColor: 'surfaceTextQuaternary',
42
43
  },
43
44
  defaultQuaternary: {
44
45
  fill: 'surfacePrimary',
@@ -46,7 +47,7 @@ var textareaAppearanceDefault = {
46
47
  borderHover: 'surfaceBorderQuaternary',
47
48
  iconBeforeFill: 'surfaceItemQuaternary',
48
49
  iconClearFill: 'surfaceItemPrimary',
49
- placeholderTextColor: 'surfaceTextSecondary',
50
+ placeholderTextColor: 'surfaceTextQuaternary',
50
51
  },
51
52
  };
52
53
 
@@ -142,17 +143,15 @@ var textareaAppearanceSize = {
142
143
  };
143
144
 
144
145
  var textareaAppearanceStyle = {
145
- full: {
146
- /* border / fill */
147
- },
148
- ghost: {
149
- fill: 'none',
146
+ solid: {
150
147
  borderWidth: '0',
151
148
  },
152
149
  outlined: {
153
150
  fill: 'none',
154
151
  },
155
- solid: {
152
+ full: {},
153
+ ghost: {
154
+ fill: 'none',
156
155
  borderWidth: '0',
157
156
  },
158
157
  };
@@ -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_DinScDnC.js');
8
+ var Tooltip = require('../../Tooltip_cjs_DHduWa-v.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_DinScDnC.js');
3
+ var Tooltip = require('../../Tooltip_cjs_DHduWa-v.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_DinScDnC.js');
3
+ var Tooltip = require('../../Tooltip_cjs_DHduWa-v.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -6,7 +6,7 @@ var styleAttributes = [
6
6
  /**
7
7
  * Layout
8
8
  */
9
- 'alignContent', 'alignItems', 'alignSelf', 'aspectRatio', 'border', 'borderBottomWidth', 'borderEndWidth', 'borderLeftWidth', 'borderRightWidth', 'borderStartWidth', 'borderTopWidth', 'borderWidth', 'bottom', 'display', 'flex', 'flexBasis', 'flexDirection', 'flexGrow', 'flexShrink', 'flexWrap', 'gap', 'rowGap', 'columnGap', 'columnWidth', 'height', 'justifyContent', 'left', 'margin', 'marginBottom', 'marginEnd', 'marginHorizontal', 'marginLeft', 'marginRight', 'marginStart', 'marginTop', 'marginVertical', 'maxHeight', 'maxWidth', 'minHeight', 'minWidth', 'overflow', 'padding', 'paddingBottom', 'paddingEnd', 'paddingHorizontal', 'paddingLeft', 'paddingRight', 'paddingStart', 'paddingTop', 'paddingVertical', 'position', 'right', 'top', ['width', {
9
+ 'alignContent', 'alignItems', 'alignSelf', 'aspectRatio', 'border', 'borderBottomWidth', 'borderEndWidth', 'borderLeftWidth', 'borderRightWidth', 'borderStartWidth', 'borderTopWidth', 'borderWidth', 'bottom', 'display', 'flex', 'flexBasis', 'flexDirection', 'flexGrow', 'flexShrink', 'flexWrap', 'gap', 'rowGap', 'columnGap', 'columnWidth', 'height', 'justifyContent', 'left', 'margin', 'marginBottom', 'marginEnd', 'marginHorizontal', 'marginLeft', 'marginRight', 'marginStart', 'marginTop', 'marginVertical', 'maxHeight', 'maxWidth', 'minHeight', 'minWidth', 'overflow', 'overflowY', 'overflowX', 'padding', 'paddingBottom', 'paddingEnd', 'paddingHorizontal', 'paddingLeft', 'paddingRight', 'paddingStart', 'paddingTop', 'paddingVertical', 'position', 'right', 'top', ['width', {
10
10
  validate: value => {
11
11
  // Pass only number value for "width" style.
12
12
  // If width have custom value, like "fill", we must set class by this value.
@@ -5,7 +5,7 @@ import clsx from 'clsx';
5
5
  import castArray from 'lodash/castArray';
6
6
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
7
7
  import { useStyles } from '../hooks/useStyles/useStyles.js';
8
- import { B as Badge, I as Icon } from '../Tooltip_es_B0nm9irO.js';
8
+ import { B as Badge, I as Icon } from '../Tooltip_es_ltCY-w4M.js';
9
9
  import { D as Divider } from '../Divider_es_kY-30pft.js';
10
10
  import { T as Text } from '../Text_es_BfLRfj-5.js';
11
11
  import { icons16 } from '@itcase/icons/default';
@@ -1,4 +1,4 @@
1
- export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es_DbGpnL99.js';
1
+ export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es_B73a6TzA.js';
2
2
  import '../tslib.es6_es_Bwu1Cn-t.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
@@ -14,7 +14,7 @@ import '../context/UIContext.js';
14
14
  import '../hooks/useMediaQueries/useMediaQueries.js';
15
15
  import 'react-responsive';
16
16
  import '../utils/setViewportProperty.js';
17
- import '../Tooltip_es_B0nm9irO.js';
17
+ import '../Tooltip_es_ltCY-w4M.js';
18
18
  import '../hooks/useStyles/useStyles.js';
19
19
  import 'lodash/maxBy';
20
20
  import '../hooks/useStyles/styleAttributes.js';
@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import clsx from 'clsx';
4
4
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
5
5
  import { useStyles } from '../hooks/useStyles/useStyles.js';
6
- import { A as Avatar } from '../Avatar_es_DbGpnL99.js';
6
+ import { A as Avatar } from '../Avatar_es_B73a6TzA.js';
7
7
  import { G as Group } from '../Group_es_CYW2Hquh.js';
8
8
  import { T as Text } from '../Text_es_BfLRfj-5.js';
9
9
  import 'react';
@@ -19,7 +19,7 @@ import 'react-responsive';
19
19
  import '../utils/setViewportProperty.js';
20
20
  import 'lodash/maxBy';
21
21
  import '../hooks/useStyles/styleAttributes.js';
22
- import '../Tooltip_es_B0nm9irO.js';
22
+ import '../Tooltip_es_ltCY-w4M.js';
23
23
  import 'react-inlinesvg';
24
24
  import '../Link_es_DxtZLeKY.js';
25
25
  import '../Image_es_DZUVp0FS.js';
@@ -1,4 +1,4 @@
1
- export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Tooltip_es_B0nm9irO.js';
1
+ export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Tooltip_es_ltCY-w4M.js';
2
2
  import '../tslib.es6_es_Bwu1Cn-t.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
@@ -1,43 +1,34 @@
1
- import { icons16 } from '@itcase/icons/default';
2
-
3
- var breadcrumbsListMock = {
4
- breadcrumbsList: [
5
- {
6
- id: '1',
7
- key: 1,
8
- text: 'Text 123',
9
- href: '/',
10
- icon: icons16.Placeholder.Default,
11
- },
12
- {
13
- id: '2',
14
- key: 2,
15
- text: 'Text 123',
16
- href: '/',
17
- icon: icons16.Placeholder.Default,
18
- },
19
- {
20
- id: '3',
21
- key: 3,
22
- text: 'Text 123',
23
- href: '/',
24
- icon: icons16.Placeholder.Default,
25
- },
26
- {
27
- id: '4',
28
- key: 4,
29
- text: 'Text 123',
30
- href: '/',
31
- icon: icons16.Placeholder.Default,
32
- },
33
- {
34
- id: '5',
35
- key: 5,
36
- text: 'Text 123',
37
- href: '/',
38
- icon: icons16.Placeholder.Default,
39
- },
40
- ],
41
- };
1
+ var breadcrumbsListMock = [
2
+ {
3
+ id: '1',
4
+ key: 1,
5
+ text: 'Text 123',
6
+ href: '/',
7
+ },
8
+ {
9
+ id: '2',
10
+ key: 2,
11
+ text: 'Text 123',
12
+ href: '/',
13
+ },
14
+ {
15
+ id: '3',
16
+ key: 3,
17
+ text: 'Text 123',
18
+ href: '/',
19
+ },
20
+ {
21
+ id: '4',
22
+ key: 4,
23
+ text: 'Text 123',
24
+ href: '/',
25
+ },
26
+ {
27
+ id: '5',
28
+ key: 5,
29
+ text: 'Text 123',
30
+ href: '/',
31
+ },
32
+ ];
42
33
 
43
34
  export { breadcrumbsListMock };