@onesy/ui-react 1.0.43 → 1.0.44
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.
- package/Checkbox/Checkbox.js +14 -0
- package/esm/Checkbox/Checkbox.js +4 -4
- package/esm/index.js +1 -1
- package/package.json +1 -1
package/Checkbox/Checkbox.js
CHANGED
|
@@ -288,11 +288,17 @@ const Checkbox = react_1.default.forwardRef((props_, ref) => {
|
|
|
288
288
|
classes.root,
|
|
289
289
|
disabled && classes.disabled
|
|
290
290
|
]) }, other, { children: [(0, jsx_runtime_1.jsx)(IconItem, { className: (0, style_react_1.classNames)([
|
|
291
|
+
(0, utils_2.staticClassName)('Checkbox', theme) && [
|
|
292
|
+
'onesy-Checkbox-icon-item'
|
|
293
|
+
],
|
|
291
294
|
classes.iconItem,
|
|
292
295
|
value && classes.iconItem_checked,
|
|
293
296
|
indeterminate && classes.iconItem_indeterminate,
|
|
294
297
|
(value && disabled) && classes.iconItem_checked_disabled
|
|
295
298
|
]), style: styles.iconItem }), (0, jsx_runtime_1.jsx)(IconItem, { Component: 'div', className: (0, style_react_1.classNames)([
|
|
299
|
+
(0, utils_2.staticClassName)('Checkbox', theme) && [
|
|
300
|
+
'onesy-Checkbox-icon-box'
|
|
301
|
+
],
|
|
296
302
|
classes.icon,
|
|
297
303
|
classes.iconBox,
|
|
298
304
|
value && [
|
|
@@ -308,10 +314,18 @@ const Checkbox = react_1.default.forwardRef((props_, ref) => {
|
|
|
308
314
|
indeterminate && classes.iconBox_indeterminate_disabled,
|
|
309
315
|
]
|
|
310
316
|
]), style: styles.iconBox }), indeterminate && ((0, jsx_runtime_1.jsx)(IconItem, Object.assign({ className: (0, style_react_1.classNames)([
|
|
317
|
+
(0, utils_2.staticClassName)('Checkbox', theme) && [
|
|
318
|
+
'onesy-Checkbox-icon',
|
|
319
|
+
'onesy-Checkbox-icon-indeterminate'
|
|
320
|
+
],
|
|
311
321
|
classes.icon,
|
|
312
322
|
classes.iconDone,
|
|
313
323
|
indeterminate && classes.indeterminate
|
|
314
324
|
]), style: styles.iconDone, noFontSizeDownScale: true }, { children: (0, jsx_runtime_1.jsx)(IconMaterialIndeterminateCheckBox, { size: 'inherit' }) }))), value && ((0, jsx_runtime_1.jsx)(Buttons_1.IconDoneAnimated, { className: (0, style_react_1.classNames)([
|
|
325
|
+
(0, utils_2.staticClassName)('Checkbox', theme) && [
|
|
326
|
+
'onesy-Checkbox-icon',
|
|
327
|
+
'onesy-Checkbox-icon-done'
|
|
328
|
+
],
|
|
315
329
|
classes.icon,
|
|
316
330
|
classes.iconDone
|
|
317
331
|
]), style: styles.iconDone, in: value, add: true }))] })));
|
package/esm/Checkbox/Checkbox.js
CHANGED
|
@@ -311,20 +311,20 @@ const Checkbox = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
311
311
|
Component: Component,
|
|
312
312
|
className: classNames([staticClassName('Checkbox', theme) && ['onesy-Checkbox-root', `onesy-Checkbox-version-${version}`, `onesy-Checkbox-size-${size}`, value && `onesy-Checkbox-checked`, disabled && `onesy-Checkbox-disabled`], className, classes.root, disabled && classes.disabled])
|
|
313
313
|
}, other), /*#__PURE__*/React.createElement(IconItem, {
|
|
314
|
-
className: classNames([classes.iconItem, value && classes.iconItem_checked, indeterminate && classes.iconItem_indeterminate, value && disabled && classes.iconItem_checked_disabled]),
|
|
314
|
+
className: classNames([staticClassName('Checkbox', theme) && ['onesy-Checkbox-icon-item'], classes.iconItem, value && classes.iconItem_checked, indeterminate && classes.iconItem_indeterminate, value && disabled && classes.iconItem_checked_disabled]),
|
|
315
315
|
style: styles.iconItem
|
|
316
316
|
}), /*#__PURE__*/React.createElement(IconItem, {
|
|
317
317
|
Component: "div",
|
|
318
|
-
className: classNames([classes.icon, classes.iconBox, value && [classes.iconBox_checked, classes[`iconBox_checked_version_${version}`]], indeterminate && [classes.iconBox_indeterminate, classes[`iconBox_indeterminate_version_${version}`]], disabled && [value && classes.iconBox_checked_disabled, indeterminate && classes.iconBox_indeterminate_disabled]]),
|
|
318
|
+
className: classNames([staticClassName('Checkbox', theme) && ['onesy-Checkbox-icon-box'], classes.icon, classes.iconBox, value && [classes.iconBox_checked, classes[`iconBox_checked_version_${version}`]], indeterminate && [classes.iconBox_indeterminate, classes[`iconBox_indeterminate_version_${version}`]], disabled && [value && classes.iconBox_checked_disabled, indeterminate && classes.iconBox_indeterminate_disabled]]),
|
|
319
319
|
style: styles.iconBox
|
|
320
320
|
}), indeterminate && /*#__PURE__*/React.createElement(IconItem, {
|
|
321
|
-
className: classNames([classes.icon, classes.iconDone, indeterminate && classes.indeterminate]),
|
|
321
|
+
className: classNames([staticClassName('Checkbox', theme) && ['onesy-Checkbox-icon', 'onesy-Checkbox-icon-indeterminate'], classes.icon, classes.iconDone, indeterminate && classes.indeterminate]),
|
|
322
322
|
style: styles.iconDone,
|
|
323
323
|
noFontSizeDownScale: true
|
|
324
324
|
}, /*#__PURE__*/React.createElement(IconMaterialIndeterminateCheckBox, {
|
|
325
325
|
size: "inherit"
|
|
326
326
|
})), value && /*#__PURE__*/React.createElement(IconDoneAnimated, {
|
|
327
|
-
className: classNames([classes.icon, classes.iconDone]),
|
|
327
|
+
className: classNames([staticClassName('Checkbox', theme) && ['onesy-Checkbox-icon', 'onesy-Checkbox-icon-done'], classes.icon, classes.iconDone]),
|
|
328
328
|
style: styles.iconDone,
|
|
329
329
|
in: value,
|
|
330
330
|
add: true
|
package/esm/index.js
CHANGED