@itcase/ui 1.0.96 → 1.0.99

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 (55) hide show
  1. package/dist/components/Button.js +1 -1
  2. package/dist/components/Checkbox.js +11 -6
  3. package/dist/components/Chips.js +6 -2
  4. package/dist/components/Choice.js +25 -12
  5. package/dist/components/DadataHintField.js +1 -1
  6. package/dist/components/DatePicker.js +7746 -8885
  7. package/dist/components/FormField.js +3 -3
  8. package/dist/components/Grid.js +2 -1
  9. package/dist/components/Group.js +9 -1
  10. package/dist/components/Input.js +6 -1
  11. package/dist/components/InputPassword.js +6 -1
  12. package/dist/components/Label.js +254 -35
  13. package/dist/components/RadioButton.js +12 -7
  14. package/dist/components/Segmented.js +22 -6
  15. package/dist/components/Select.js +8520 -46
  16. package/dist/components/Swiper.js +23 -13
  17. package/dist/components/Text.js +13 -1
  18. package/dist/components/Textarea.js +6 -1
  19. package/dist/components/Title.js +11 -3
  20. package/dist/components/Tooltip.js +115 -14
  21. package/dist/css/components/Avatar/Avatar.css +7 -0
  22. package/dist/css/components/Cell/Cell.css +1 -0
  23. package/dist/css/components/Chips/Chips.css +7 -7
  24. package/dist/css/components/DatePicker/DatePicker.css +33 -84
  25. package/dist/css/components/Grid/Grid.css +8 -0
  26. package/dist/css/components/Group/Group.css +8 -0
  27. package/dist/css/components/Label/Label.css +9 -1
  28. package/dist/css/components/Swiper/Swiper.css +3 -3
  29. package/dist/css/components/Tooltip/Tooltip.css +37 -3
  30. package/dist/css/styles/align/align_vertical.css +4 -4
  31. package/dist/css/styles/border-color/border-color.css +1 -2
  32. package/dist/css/styles/border-color/border-color_hover.css +22 -0
  33. package/dist/css/styles/fill/fill.css +2 -4
  34. package/dist/css/styles/fill/fill_active.css +2 -2
  35. package/dist/css/styles/fill/fill_disabled.css +2 -2
  36. package/dist/css/styles/fill/fill_hover.css +2 -2
  37. package/dist/css/styles/fill-gradient/fill-gradient.css +1 -1
  38. package/dist/css/styles/hover/hover-fill-color.css +1 -1
  39. package/dist/css/styles/hover/hover-item-color.css +1 -1
  40. package/dist/css/styles/hover/hover-text-color.css +1 -1
  41. package/dist/css/styles/mediaqueries.css +0 -14
  42. package/dist/css/styles/text-color/text-color.css +2 -3
  43. package/dist/css/styles/text-color/text-color_active.css +1 -1
  44. package/dist/css/styles/text-color/text-color_hover.css +23 -0
  45. package/dist/css/styles/text-gradient/text-gradient.css +0 -3
  46. package/dist/floating-ui.dom-D_Zct5p2.js +1401 -0
  47. package/dist/stories/Avatar.stories.js +179 -0
  48. package/dist/stories/Cell.stories.js +317 -0
  49. package/package.json +32 -30
  50. package/dist/SelectContainer-umrbJtB5.js +0 -8728
  51. package/dist/css/styles/border-color-hover/border-color-hover.css +0 -21
  52. package/dist/css/styles/text-color-hover/text-color-hover.css +0 -21
  53. package/dist/defineProperty-ujK-k7aM.js +0 -166
  54. /package/dist/{_commonjsHelpers-rI13D0F7.js → _commonjsHelpers-CFO10eej.js} +0 -0
  55. /package/dist/css/styles/{border-color-focus/border-color-focus.css → border-color/border-color_focus.css} +0 -0
package/dist/components/Segmented.js CHANGED
@@ -30,8 +30,15 @@ var React__default = /*#__PURE__*/_interopDefault(React);
30
30
  var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
31
31
  var clsx__default = /*#__PURE__*/_interopDefault(clsx);
32
32
 
33
+ const segmentedConfig = {
34
+ appearance: {},
35
+ setAppearance: newComponent => {
36
+ segmentedConfig.appearance = newComponent;
37
+ }
38
+ };
33
39
  const Segmented = /*#__PURE__*/React__default.default.forwardRef((props, ref) => {
34
40
  const {
41
+ appearance,
35
42
  name,
36
43
  className,
37
44
  type,
@@ -96,14 +103,14 @@ const Segmented = /*#__PURE__*/React__default.default.forwardRef((props, ref) =>
96
103
  propsKey: 'fillHover'
97
104
  });
98
105
  return /*#__PURE__*/React__default.default.createElement("div", {
99
- className: clsx__default.default(className, 'segmented', shapeClass, fillClass, widthClass, size && `segmented_size_${size}`, type && `segmented_type_${type}`, borderColorClass, borderWidthClass, borderTypeClass),
106
+ className: clsx__default.default(className, 'segmented', shapeClass || segmentedConfig.appearance[appearance]?.shape && `segmented_shape_${segmentedConfig.appearance[appearance].shape}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillClass || segmentedConfig.appearance[appearance]?.fill && `fill_${segmentedConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), widthClass || segmentedConfig.appearance[appearance]?.width && `segmented_width_${segmentedConfig.appearance[appearance].width}`.replace(/([A-Z])/g, '-$1').toLowerCase(), size && `segmented_size_${size}`, type && `segmented_type_${type}`, borderColorClass, borderWidthClass, borderTypeClass),
100
107
  ref: controlRef
101
108
  }, /*#__PURE__*/React__default.default.createElement("div", {
102
109
  className: "segmented__wrapper"
103
110
  }, /*#__PURE__*/React__default.default.createElement("div", {
104
111
  className: clsx__default.default('segmented__wrapper-inner')
105
112
  }, segments?.map((item, i) => /*#__PURE__*/React__default.default.createElement("div", {
106
- className: clsx__default.default('segmented__item', fillHoverClass, item.value === activeSegment.value && 'segmented__item_active'),
113
+ className: clsx__default.default('segmented__item', fillHoverClass || segmentedConfig.appearance[appearance]?.fillHover && `fill_hover_${segmentedConfig.appearance[appearance].fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), item.value === activeSegment.value && 'segmented__item_active'),
107
114
  key: item.value,
108
115
  ref: segmentsRefs.get(item.value)
109
116
  }, /*#__PURE__*/React__default.default.createElement("input", {
@@ -119,10 +126,10 @@ const Segmented = /*#__PURE__*/React__default.default.forwardRef((props, ref) =>
119
126
  htmlFor: item.label
120
127
  }, /*#__PURE__*/React__default.default.createElement(index.Text, {
121
128
  className: clsx__default.default('segmented__item-label-text', labelTextWrap && `word-wrap_${labelTextWrap}`),
122
- size: labelTextSize,
123
- textColor: item.value === activeSegment.value ? labelTextActiveColor : labelTextColor
129
+ size: labelTextSize || segmentedConfig.appearance[appearance]?.labelTextSize,
130
+ textColor: item.value === activeSegment.value ? labelTextActiveColor || segmentedConfig.appearance[appearance]?.labelTextActiveColor : labelTextColor || segmentedConfig.appearance[appearance]?.labelTextColor
124
131
  }, item.label)))), /*#__PURE__*/React__default.default.createElement("div", {
125
- className: clsx__default.default('segmented__indicator', indicatorFillClass)
132
+ className: clsx__default.default('segmented__indicator', indicatorFillClass || segmentedConfig.appearance[appearance]?.indicatorFill && `fill_${segmentedConfig.appearance[appearance].indicatorFill}`.replace(/([A-Z])/g, '-$1').toLowerCase())
126
133
  }, "\xA0"))));
127
134
  });
128
135
  Segmented.displayName = 'Segmented';
@@ -141,7 +148,8 @@ Segmented.propTypes = {
141
148
  type: PropTypes__default.default.string
142
149
  };
143
150
  Segmented.defaultProps = {
144
- activeSegment: {}
151
+ activeSegment: {},
152
+ size: 'normal'
145
153
  };
146
154
  Segmented.__docgenInfo = {
147
155
  "description": "",
@@ -159,6 +167,13 @@ Segmented.__docgenInfo = {
159
167
  },
160
168
  "required": false
161
169
  },
170
+ "size": {
171
+ "defaultValue": {
172
+ "value": "'normal'",
173
+ "computed": false
174
+ },
175
+ "required": false
176
+ },
162
177
  "className": {
163
178
  "description": "",
164
179
  "type": {
@@ -223,3 +238,4 @@ Segmented.__docgenInfo = {
223
238
  };
224
239
 
225
240
  exports.Segmented = Segmented;
241
+ exports.segmentedConfig = segmentedConfig;