@itcase/ui 1.8.64 → 1.8.65

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 (3) hide show
  1. package/dist/cjs/components/Checkmark.js +6 -6
  2. package/dist/components/Checkmark.js +6 -6
  3. package/package.json +1 -1
package/dist/cjs/components/Checkmark.js CHANGED
@@ -100,24 +100,24 @@ var checkmarkConfig = {
100
100
  },
101
101
  };
102
102
  function Checkmark(props) {
103
- var className = props.className, appearance = props.appearance, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, isChecked = props.isChecked, onClick = props.onClick;
103
+ var className = props.className, appearance = props.appearance, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, isActive = props.isActive, isChecked = props.isChecked, onClick = props.onClick;
104
104
  var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, checkmarkConfig);
105
105
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
106
106
  var fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorActiveClass = propsGenerator.borderColorActiveClass, borderColorActiveHoverClass = propsGenerator.borderColorActiveHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderWidthClass = propsGenerator.borderWidthClass, checkmarkFillClass = propsGenerator.checkmarkFillClass, sizeClass = propsGenerator.sizeClass;
107
107
  // @ts-expect-error
108
108
  var checkmarkStyles = useStyles.useStyles(props).styles;
109
- return (jsxRuntime.jsx("div", { className: clsx(className, 'checkmark', sizeClass && "checkmark_size_".concat(sizeClass), !isChecked
109
+ return (jsxRuntime.jsx("div", { className: clsx(className, 'checkmark', sizeClass && "checkmark_size_".concat(sizeClass), !isChecked || !isActive
110
110
  ? fillClass && "fill_".concat(fillClass)
111
- : fillActiveClass && "fill_active_".concat(fillActiveClass), !isChecked
111
+ : fillActiveClass && "fill_active_".concat(fillActiveClass), !isChecked || !isActive
112
112
  ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
113
- : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), !isChecked
113
+ : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), !isChecked || !isActive
114
114
  ? borderColorClass && "border-color_".concat(borderColorClass)
115
115
  : borderColorActiveClass &&
116
- "border-color_active_".concat(borderColorActiveClass), !isChecked
116
+ "border-color_active_".concat(borderColorActiveClass), !isChecked || !isActive
117
117
  ? borderColorHoverClass &&
118
118
  "border-color_hover_".concat(borderColorHoverClass)
119
119
  : borderColorActiveHoverClass &&
120
- "border-color_active_hover_".concat(borderColorActiveHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), isDisabled), style: checkmarkStyles, onClick: onClick, children: isChecked && (jsxRuntime.jsx("div", { className: clsx('checkmark__icon', "svg_path_fill_".concat(checkmarkFillClass)), children: jsxRuntime.jsx("svg", { width: "32", height: "24", fill: "none", viewBox: "0 0 32 24", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { fill: checkmarkFillClass, d: "M28.0896 0.706312L11.4967 18.1772L3.9104 10.1895C3.01576 9.24775 1.56549 9.24775 0.670845 10.1895C-0.223615 11.1315 -0.223615 12.6585 0.670845 13.6005L9.87695 23.2936C10.3243 23.7644 10.9105 24 11.4967 24C12.083 24 12.6692 23.7644 13.1165 23.2936L31.3292 4.11744C32.2236 3.17547 32.2236 1.64848 31.3292 0.706504C30.4345 -0.235469 28.9841 -0.235469 28.0896 0.706312Z" }) }) })) }));
120
+ "border-color_active_hover_".concat(borderColorActiveHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), isDisabled), style: checkmarkStyles, onClick: onClick, children: (isChecked || isActive) && (jsxRuntime.jsx("div", { className: clsx('checkmark__icon', "svg_path_fill_".concat(checkmarkFillClass)), children: jsxRuntime.jsx("svg", { width: "32", height: "24", fill: "none", viewBox: "0 0 32 24", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { fill: checkmarkFillClass, d: "M28.0896 0.706312L11.4967 18.1772L3.9104 10.1895C3.01576 9.24775 1.56549 9.24775 0.670845 10.1895C-0.223615 11.1315 -0.223615 12.6585 0.670845 13.6005L9.87695 23.2936C10.3243 23.7644 10.9105 24 11.4967 24C12.083 24 12.6692 23.7644 13.1165 23.2936L31.3292 4.11744C32.2236 3.17547 32.2236 1.64848 31.3292 0.706504C30.4345 -0.235469 28.9841 -0.235469 28.0896 0.706312Z" }) }) })) }));
121
121
  }
122
122
 
123
123
  exports.Checkmark = Checkmark;
package/dist/components/Checkmark.js CHANGED
@@ -98,24 +98,24 @@ var checkmarkConfig = {
98
98
  },
99
99
  };
100
100
  function Checkmark(props) {
101
- var className = props.className, appearance = props.appearance, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, isChecked = props.isChecked, onClick = props.onClick;
101
+ var className = props.className, appearance = props.appearance, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, isActive = props.isActive, isChecked = props.isChecked, onClick = props.onClick;
102
102
  var appearanceConfig = useAppearanceConfig(appearance, checkmarkConfig);
103
103
  var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
104
104
  var fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorActiveClass = propsGenerator.borderColorActiveClass, borderColorActiveHoverClass = propsGenerator.borderColorActiveHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderWidthClass = propsGenerator.borderWidthClass, checkmarkFillClass = propsGenerator.checkmarkFillClass, sizeClass = propsGenerator.sizeClass;
105
105
  // @ts-expect-error
106
106
  var checkmarkStyles = useStyles(props).styles;
107
- return (jsx("div", { className: clsx(className, 'checkmark', sizeClass && "checkmark_size_".concat(sizeClass), !isChecked
107
+ return (jsx("div", { className: clsx(className, 'checkmark', sizeClass && "checkmark_size_".concat(sizeClass), !isChecked || !isActive
108
108
  ? fillClass && "fill_".concat(fillClass)
109
- : fillActiveClass && "fill_active_".concat(fillActiveClass), !isChecked
109
+ : fillActiveClass && "fill_active_".concat(fillActiveClass), !isChecked || !isActive
110
110
  ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
111
- : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), !isChecked
111
+ : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), !isChecked || !isActive
112
112
  ? borderColorClass && "border-color_".concat(borderColorClass)
113
113
  : borderColorActiveClass &&
114
- "border-color_active_".concat(borderColorActiveClass), !isChecked
114
+ "border-color_active_".concat(borderColorActiveClass), !isChecked || !isActive
115
115
  ? borderColorHoverClass &&
116
116
  "border-color_hover_".concat(borderColorHoverClass)
117
117
  : borderColorActiveHoverClass &&
118
- "border-color_active_hover_".concat(borderColorActiveHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), isDisabled), style: checkmarkStyles, onClick: onClick, children: isChecked && (jsx("div", { className: clsx('checkmark__icon', "svg_path_fill_".concat(checkmarkFillClass)), children: jsx("svg", { width: "32", height: "24", fill: "none", viewBox: "0 0 32 24", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { fill: checkmarkFillClass, d: "M28.0896 0.706312L11.4967 18.1772L3.9104 10.1895C3.01576 9.24775 1.56549 9.24775 0.670845 10.1895C-0.223615 11.1315 -0.223615 12.6585 0.670845 13.6005L9.87695 23.2936C10.3243 23.7644 10.9105 24 11.4967 24C12.083 24 12.6692 23.7644 13.1165 23.2936L31.3292 4.11744C32.2236 3.17547 32.2236 1.64848 31.3292 0.706504C30.4345 -0.235469 28.9841 -0.235469 28.0896 0.706312Z" }) }) })) }));
118
+ "border-color_active_hover_".concat(borderColorActiveHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), isDisabled), style: checkmarkStyles, onClick: onClick, children: (isChecked || isActive) && (jsx("div", { className: clsx('checkmark__icon', "svg_path_fill_".concat(checkmarkFillClass)), children: jsx("svg", { width: "32", height: "24", fill: "none", viewBox: "0 0 32 24", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { fill: checkmarkFillClass, d: "M28.0896 0.706312L11.4967 18.1772L3.9104 10.1895C3.01576 9.24775 1.56549 9.24775 0.670845 10.1895C-0.223615 11.1315 -0.223615 12.6585 0.670845 13.6005L9.87695 23.2936C10.3243 23.7644 10.9105 24 11.4967 24C12.083 24 12.6692 23.7644 13.1165 23.2936L31.3292 4.11744C32.2236 3.17547 32.2236 1.64848 31.3292 0.706504C30.4345 -0.235469 28.9841 -0.235469 28.0896 0.706312Z" }) }) })) }));
119
119
  }
120
120
 
121
121
  export { Checkmark, checkmarkAppearance, checkmarkConfig };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.8.64",
3
+ "version": "1.8.65",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",