@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 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({
@@ -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,
@@ -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, {
@@ -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,
@@ -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, {
@@ -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
@@ -1,4 +1,4 @@
1
- /** @license UiReact v1.0.197
1
+ /** @license UiReact v1.0.198
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license UiReact v1.0.197
1
+ /** @license UiReact v1.0.198
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onesy/ui-react",
3
- "version": "1.0.198",
3
+ "version": "1.0.199",
4
4
  "description": "UI for React",
5
5
  "repository": "https://github.com/onesy-me/onesy.git",
6
6
  "author": "Lazar Erić <lazareric1@proton.me>",