@onesy/ui-react 1.0.198 → 1.0.199
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/Button/Button.js +1 -1
- package/CardButton/CardButton.js +1 -1
- package/Checkbox/Checkbox.js +1 -1
- package/NavigationItem/NavigationItem.js +1 -1
- package/Radio/Radio.js +1 -1
- package/Tab/Tab.js +1 -1
- package/esm/Button/Button.js +1 -1
- package/esm/CardButton/CardButton.js +1 -1
- package/esm/Checkbox/Checkbox.js +1 -1
- package/esm/NavigationItem/NavigationItem.js +1 -1
- package/esm/Radio/Radio.js +1 -1
- package/esm/Tab/Tab.js +1 -1
- package/esm/index.js +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
package/Button/Button.js
CHANGED
|
@@ -446,7 +446,7 @@ const Button = props_ => {
|
|
|
446
446
|
onFocus: onFocus,
|
|
447
447
|
onBlur: onBlur,
|
|
448
448
|
Component: Component,
|
|
449
|
-
className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Button', theme) && [`onesy-Button-root`, `onesy-Button-version-${version}`, `onesy-Button-size-${size}`, fullWidth && `onesy-Button-full-width`, start && `onesy-Button-start`, end && `onesy-Button-end`, selected && `onesy-Button-selected`, loading && `onesy-Button-loading`, focus && `onesy-Button-focus`, disabled && `onesy-Button-disabled`], className, classes.root, classes[`size_${size}`], classes[`version_${version}`], classes[`color_${color}`], elevation && !disabled && ['filled', 'tonal'].includes(version) && classes.elevation, start && classes.start, end && classes.end, fullWidth && classes.fullWidth, icon && [classes.icon, classes[`icon_size_${size}`]], fab && [classes.fab, classes[`fab_size_${size}`]], chip && [classes.chip, classes[`chip_size_${size}`]], disabled && [classes.disabled, classes[`disabled_version_${version}`]]]),
|
|
449
|
+
className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Button', theme) && [`onesy-Button-root`, `onesy-Button-version-${version}`, `onesy-Button-size-${size}`, fullWidth && `onesy-Button-full-width`, start && `onesy-Button-start`, end && `onesy-Button-end`, selected && `onesy-Button-selected`, loading && `onesy-Button-loading`, focus && `onesy-Button-focus`, readOnly && `onesy-Button-readOnly`, disabled && `onesy-Button-disabled`], className, classes.root, classes[`size_${size}`], classes[`version_${version}`], classes[`color_${color}`], elevation && !disabled && ['filled', 'tonal'].includes(version) && classes.elevation, start && classes.start, end && classes.end, fullWidth && classes.fullWidth, icon && [classes.icon, classes[`icon_size_${size}`]], fab && [classes.fab, classes[`fab_size_${size}`]], chip && [classes.chip, classes[`chip_size_${size}`]], disabled && [classes.disabled, classes[`disabled_version_${version}`]]]),
|
|
450
450
|
style: _objectSpread(_objectSpread({}, styles.root), style)
|
|
451
451
|
}, other), {}, {
|
|
452
452
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Interaction, _objectSpread({
|
package/CardButton/CardButton.js
CHANGED
|
@@ -66,7 +66,7 @@ const CardButton = props_ => {
|
|
|
66
66
|
onFocus: onFocus,
|
|
67
67
|
onBlur: onBlur,
|
|
68
68
|
href: href,
|
|
69
|
-
className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('CardButton', theme) && [`onesy-CardButton-root`, focus && `onesy-CardButton-focus`, disabled && `onesy-CardButton-disabled`], className, classes.root])
|
|
69
|
+
className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('CardButton', theme) && [`onesy-CardButton-root`, focus && `onesy-CardButton-focus`, readOnly && `onesy-CardButton-readOnly`, disabled && `onesy-CardButton-disabled`], className, classes.root])
|
|
70
70
|
}, other), {}, {
|
|
71
71
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Interaction, _objectSpread({
|
|
72
72
|
border: false,
|
package/Checkbox/Checkbox.js
CHANGED
|
@@ -424,7 +424,7 @@ const Checkbox = props_ => {
|
|
|
424
424
|
"aria-disabled": disabled,
|
|
425
425
|
disabled: disabled,
|
|
426
426
|
Component: Component,
|
|
427
|
-
className: (0, _styleReact.classNames)([(0, _utils2.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])
|
|
427
|
+
className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Checkbox', theme) && ['onesy-Checkbox-root', `onesy-Checkbox-version-${version}`, `onesy-Checkbox-size-${size}`, value && `onesy-Checkbox-checked`, readOnly && `onesy-Checkbox-readOnly`, disabled && `onesy-Checkbox-disabled`], className, classes.root, disabled && classes.disabled])
|
|
428
428
|
}, other), {}, {
|
|
429
429
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(IconItem, {
|
|
430
430
|
size: size,
|
|
@@ -249,7 +249,7 @@ const NavigationItem = props_ => {
|
|
|
249
249
|
onMouseDown: onMouseDown,
|
|
250
250
|
onMouseEnter: onMouseEnter,
|
|
251
251
|
onMouseLeave: onMouseLeave,
|
|
252
|
-
className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('NavigationItem', theme) && ['onesy-NavigationItem-root', selected && 'onesy-NavigationItem-selected', hover && `onesy-NavigationItem-hover`, mouseDown && `onesy-NavigationItem-mouse-down`, focus && `onesy-NavigationItem-focus`, disabled && `onesy-NavigationItem-disabled`], className, classes.root, vertical && classes.vertical, disabled && classes.disabled]),
|
|
252
|
+
className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('NavigationItem', theme) && ['onesy-NavigationItem-root', selected && 'onesy-NavigationItem-selected', hover && `onesy-NavigationItem-hover`, mouseDown && `onesy-NavigationItem-mouse-down`, focus && `onesy-NavigationItem-focus`, readOnly && `onesy-NavigationItem-readOnly`, disabled && `onesy-NavigationItem-disabled`], className, classes.root, vertical && classes.vertical, disabled && classes.disabled]),
|
|
253
253
|
style: _objectSpread({}, style)
|
|
254
254
|
}, other), {}, {
|
|
255
255
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
|
package/Radio/Radio.js
CHANGED
|
@@ -259,7 +259,7 @@ const Radio = props_ => {
|
|
|
259
259
|
"aria-disabled": disabled,
|
|
260
260
|
disabled: disabled,
|
|
261
261
|
Component: Component,
|
|
262
|
-
className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Radio', theme) && ['onesy-Radio-root', `onesy-Radio-version-${version}`, `onesy-Radio-size-${size}`, value && `onesy-Radio-checked`, disabled && `onesy-Radio-disabled`], className, classes.root, disabled && classes.disabled])
|
|
262
|
+
className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Radio', theme) && ['onesy-Radio-root', `onesy-Radio-version-${version}`, `onesy-Radio-size-${size}`, value && `onesy-Radio-checked`, readOnly && `onesy-Radio-readOnly`, disabled && `onesy-Radio-disabled`], className, classes.root, disabled && classes.disabled])
|
|
263
263
|
}, other), {}, {
|
|
264
264
|
children: (0, _utils.is)('function', render) ? render(value, _objectSpread(_objectSpread(_objectSpread({}, props), other), {}, {
|
|
265
265
|
tonal,
|
package/Tab/Tab.js
CHANGED
|
@@ -165,7 +165,7 @@ const Tab = props_ => {
|
|
|
165
165
|
}, TooltipProps) : undefined;
|
|
166
166
|
const t7 = !(readOnly || disabled) ? 0 : -1;
|
|
167
167
|
const t8 = "tab";
|
|
168
|
-
const t9 = (0, _styleReact.classNames)([(0, _utils2.staticClassName)("Tab", theme) && ["onesy-Tab-root", `onesy-Tab-version-${version}`, `onesy-Tab-size-${size}`, active && "onesy-Tab-active", disabled && "onesy-Tab-disabled"], className, classes.root, classes[`size_${size}`], active && classes.active, disabled && classes.disabled]);
|
|
168
|
+
const t9 = (0, _styleReact.classNames)([(0, _utils2.staticClassName)("Tab", theme) && ["onesy-Tab-root", `onesy-Tab-version-${version}`, `onesy-Tab-size-${size}`, active && "onesy-Tab-active", readOnly && "onesy-Tab-readOnly", disabled && "onesy-Tab-disabled"], className, classes.root, classes[`size_${size}`], active && classes.active, disabled && classes.disabled]);
|
|
169
169
|
let t10;
|
|
170
170
|
if ($[0] !== Interaction || $[1] !== focus) {
|
|
171
171
|
t10 = /*#__PURE__*/(0, _jsxRuntime.jsx)(Interaction, {
|
package/esm/Button/Button.js
CHANGED
|
@@ -438,7 +438,7 @@ const Button = props_ => {
|
|
|
438
438
|
onFocus: onFocus,
|
|
439
439
|
onBlur: onBlur,
|
|
440
440
|
Component: Component,
|
|
441
|
-
className: classNames([staticClassName('Button', theme) && [`onesy-Button-root`, `onesy-Button-version-${version}`, `onesy-Button-size-${size}`, fullWidth && `onesy-Button-full-width`, start && `onesy-Button-start`, end && `onesy-Button-end`, selected && `onesy-Button-selected`, loading && `onesy-Button-loading`, focus && `onesy-Button-focus`, disabled && `onesy-Button-disabled`], className, classes.root, classes[`size_${size}`], classes[`version_${version}`], classes[`color_${color}`], elevation && !disabled && ['filled', 'tonal'].includes(version) && classes.elevation, start && classes.start, end && classes.end, fullWidth && classes.fullWidth, icon && [classes.icon, classes[`icon_size_${size}`]], fab && [classes.fab, classes[`fab_size_${size}`]], chip && [classes.chip, classes[`chip_size_${size}`]], disabled && [classes.disabled, classes[`disabled_version_${version}`]]]),
|
|
441
|
+
className: classNames([staticClassName('Button', theme) && [`onesy-Button-root`, `onesy-Button-version-${version}`, `onesy-Button-size-${size}`, fullWidth && `onesy-Button-full-width`, start && `onesy-Button-start`, end && `onesy-Button-end`, selected && `onesy-Button-selected`, loading && `onesy-Button-loading`, focus && `onesy-Button-focus`, readOnly && `onesy-Button-readOnly`, disabled && `onesy-Button-disabled`], className, classes.root, classes[`size_${size}`], classes[`version_${version}`], classes[`color_${color}`], elevation && !disabled && ['filled', 'tonal'].includes(version) && classes.elevation, start && classes.start, end && classes.end, fullWidth && classes.fullWidth, icon && [classes.icon, classes[`icon_size_${size}`]], fab && [classes.fab, classes[`fab_size_${size}`]], chip && [classes.chip, classes[`chip_size_${size}`]], disabled && [classes.disabled, classes[`disabled_version_${version}`]]]),
|
|
442
442
|
style: _objectSpread(_objectSpread({}, styles.root), style)
|
|
443
443
|
}, other), {}, {
|
|
444
444
|
children: [/*#__PURE__*/_jsx(Interaction, _objectSpread({
|
|
@@ -58,7 +58,7 @@ const CardButton = props_ => {
|
|
|
58
58
|
onFocus: onFocus,
|
|
59
59
|
onBlur: onBlur,
|
|
60
60
|
href: href,
|
|
61
|
-
className: classNames([staticClassName('CardButton', theme) && [`onesy-CardButton-root`, focus && `onesy-CardButton-focus`, disabled && `onesy-CardButton-disabled`], className, classes.root])
|
|
61
|
+
className: classNames([staticClassName('CardButton', theme) && [`onesy-CardButton-root`, focus && `onesy-CardButton-focus`, readOnly && `onesy-CardButton-readOnly`, disabled && `onesy-CardButton-disabled`], className, classes.root])
|
|
62
62
|
}, other), {}, {
|
|
63
63
|
children: [/*#__PURE__*/_jsx(Interaction, _objectSpread({
|
|
64
64
|
border: false,
|
package/esm/Checkbox/Checkbox.js
CHANGED
|
@@ -415,7 +415,7 @@ const Checkbox = props_ => {
|
|
|
415
415
|
"aria-disabled": disabled,
|
|
416
416
|
disabled: disabled,
|
|
417
417
|
Component: Component,
|
|
418
|
-
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])
|
|
418
|
+
className: classNames([staticClassName('Checkbox', theme) && ['onesy-Checkbox-root', `onesy-Checkbox-version-${version}`, `onesy-Checkbox-size-${size}`, value && `onesy-Checkbox-checked`, readOnly && `onesy-Checkbox-readOnly`, disabled && `onesy-Checkbox-disabled`], className, classes.root, disabled && classes.disabled])
|
|
419
419
|
}, other), {}, {
|
|
420
420
|
children: [/*#__PURE__*/_jsx(IconItem, {
|
|
421
421
|
size: size,
|
|
@@ -238,7 +238,7 @@ const NavigationItem = props_ => {
|
|
|
238
238
|
onMouseDown: onMouseDown,
|
|
239
239
|
onMouseEnter: onMouseEnter,
|
|
240
240
|
onMouseLeave: onMouseLeave,
|
|
241
|
-
className: classNames([staticClassName('NavigationItem', theme) && ['onesy-NavigationItem-root', selected && 'onesy-NavigationItem-selected', hover && `onesy-NavigationItem-hover`, mouseDown && `onesy-NavigationItem-mouse-down`, focus && `onesy-NavigationItem-focus`, disabled && `onesy-NavigationItem-disabled`], className, classes.root, vertical && classes.vertical, disabled && classes.disabled]),
|
|
241
|
+
className: classNames([staticClassName('NavigationItem', theme) && ['onesy-NavigationItem-root', selected && 'onesy-NavigationItem-selected', hover && `onesy-NavigationItem-hover`, mouseDown && `onesy-NavigationItem-mouse-down`, focus && `onesy-NavigationItem-focus`, readOnly && `onesy-NavigationItem-readOnly`, disabled && `onesy-NavigationItem-disabled`], className, classes.root, vertical && classes.vertical, disabled && classes.disabled]),
|
|
242
242
|
style: _objectSpread({}, style)
|
|
243
243
|
}, other), {}, {
|
|
244
244
|
children: /*#__PURE__*/_jsxs(Line, {
|
package/esm/Radio/Radio.js
CHANGED
|
@@ -251,7 +251,7 @@ const Radio = props_ => {
|
|
|
251
251
|
"aria-disabled": disabled,
|
|
252
252
|
disabled: disabled,
|
|
253
253
|
Component: Component,
|
|
254
|
-
className: classNames([staticClassName('Radio', theme) && ['onesy-Radio-root', `onesy-Radio-version-${version}`, `onesy-Radio-size-${size}`, value && `onesy-Radio-checked`, disabled && `onesy-Radio-disabled`], className, classes.root, disabled && classes.disabled])
|
|
254
|
+
className: classNames([staticClassName('Radio', theme) && ['onesy-Radio-root', `onesy-Radio-version-${version}`, `onesy-Radio-size-${size}`, value && `onesy-Radio-checked`, readOnly && `onesy-Radio-readOnly`, disabled && `onesy-Radio-disabled`], className, classes.root, disabled && classes.disabled])
|
|
255
255
|
}, other), {}, {
|
|
256
256
|
children: is('function', render) ? render(value, _objectSpread(_objectSpread(_objectSpread({}, props), other), {}, {
|
|
257
257
|
tonal,
|
package/esm/Tab/Tab.js
CHANGED
|
@@ -157,7 +157,7 @@ const Tab = props_ => {
|
|
|
157
157
|
}, TooltipProps) : undefined;
|
|
158
158
|
const t7 = !(readOnly || disabled) ? 0 : -1;
|
|
159
159
|
const t8 = "tab";
|
|
160
|
-
const t9 = classNames([staticClassName("Tab", theme) && ["onesy-Tab-root", `onesy-Tab-version-${version}`, `onesy-Tab-size-${size}`, active && "onesy-Tab-active", disabled && "onesy-Tab-disabled"], className, classes.root, classes[`size_${size}`], active && classes.active, disabled && classes.disabled]);
|
|
160
|
+
const t9 = classNames([staticClassName("Tab", theme) && ["onesy-Tab-root", `onesy-Tab-version-${version}`, `onesy-Tab-size-${size}`, active && "onesy-Tab-active", readOnly && "onesy-Tab-readOnly", disabled && "onesy-Tab-disabled"], className, classes.root, classes[`size_${size}`], active && classes.active, disabled && classes.disabled]);
|
|
161
161
|
let t10;
|
|
162
162
|
if ($[0] !== Interaction || $[1] !== focus) {
|
|
163
163
|
t10 = /*#__PURE__*/_jsx(Interaction, {
|
package/esm/index.js
CHANGED
package/index.js
CHANGED