@onesy/ui-react 1.0.160 → 1.0.161

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 (5) hide show
  1. package/Tooltip/Tooltip.js +17 -5
  2. package/esm/Tooltip/Tooltip.js +17 -5
  3. package/esm/index.js +1 -1
  4. package/index.js +1 -1
  5. package/package.json +1 -1
package/Tooltip/Tooltip.js CHANGED
@@ -16,7 +16,7 @@ var _Modal = _interopRequireDefault(require("../Modal"));
16
16
  var _Append = _interopRequireDefault(require("../Append"));
17
17
  var _Surface = _interopRequireDefault(require("../Surface"));
18
18
  var _utils2 = require("../utils");
19
- const _excluded = ["tonal", "color", "open", "openDefault", "name", "label", "parent", "position", "switch", "alignment", "portal", "fullWidth", "maxWidth", "arrow", "anchor", "anchorElement", "noMargin", "classNameSwitch", "transformOrigin", "transformOriginSwitch", "transformOriginRtl", "transformOriginRtlSwitch", "click", "touch", "longPress", "hover", "focus", "inset", "nowrap", "follow", "interactive", "onOpen", "onClose", "onExited", "TransitionComponent", "TransitionComponentProps", "AppendProps", "ModalProps", "LabelProps", "LabelTextProps", "elevation", "className", "style", "children"];
19
+ const _excluded = ["tonal", "color", "open", "openDefault", "name", "label", "size", "parent", "position", "switch", "alignment", "portal", "fullWidth", "maxWidth", "arrow", "anchor", "anchorElement", "noMargin", "classNameSwitch", "transformOrigin", "transformOriginSwitch", "transformOriginRtl", "transformOriginRtlSwitch", "click", "touch", "longPress", "hover", "focus", "inset", "nowrap", "follow", "interactive", "onOpen", "onClose", "onExited", "TransitionComponent", "TransitionComponentProps", "AppendProps", "ModalProps", "LabelProps", "LabelTextProps", "elevation", "className", "style", "children"];
20
20
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
21
21
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22
22
  const useStyle = (0, _styleReact.style)(theme => ({
@@ -42,10 +42,21 @@ const useStyle = (0, _styleReact.style)(theme => ({
42
42
  nameRoot_noMargin: {
43
43
  padding: '0'
44
44
  },
45
- name: _objectSpread(_objectSpread({}, theme.typography.values.b3), {}, {
46
- borderRadius: `${(0, _utils.clamp)(theme.shape.radius.unit / 2, 0, 8)}px`,
45
+ name: {},
46
+ name_size_small: _objectSpread(_objectSpread({}, theme.typography.values.b3), {}, {
47
47
  padding: `${theme.methods.space.value(0.5, 'px')} ${theme.methods.space.value(1, 'px')}`,
48
- lineHeight: '1.455'
48
+ borderRadius: `${(0, _utils.clamp)(theme.shape.radius.unit / 2, 0, 6)}px`,
49
+ lineHeight: '1.4'
50
+ }),
51
+ name_size_regular: _objectSpread(_objectSpread({}, theme.typography.values.b2), {}, {
52
+ padding: `${theme.methods.space.value(0.75, 'px')} ${theme.methods.space.value(1.25, 'px')}`,
53
+ borderRadius: `${(0, _utils.clamp)(theme.shape.radius.unit / 2, 0, 8)}px`,
54
+ lineHeight: '1.5'
55
+ }),
56
+ name_size_large: _objectSpread(_objectSpread({}, theme.typography.values.b1), {}, {
57
+ padding: `${theme.methods.space.value(1, 'px')} ${theme.methods.space.value(1.5, 'px')}`,
58
+ borderRadius: `${(0, _utils.clamp)(theme.shape.radius.unit / 2, 0, 12)}px`,
59
+ lineHeight: '1.6'
49
60
  }),
50
61
  arrow: {
51
62
  '&::before': {
@@ -204,6 +215,7 @@ const Tooltip = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
204
215
  openDefault,
205
216
  name,
206
217
  label: label_,
218
+ size = 'regular',
207
219
  parent,
208
220
  position = 'bottom',
209
221
  switch: switch_ = true,
@@ -457,7 +469,7 @@ const Tooltip = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
457
469
  tonal: tonal,
458
470
  color: color
459
471
  }, LabelProps, {
460
- className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Tooltip', theme) && ['onesy-Tooltip-name'], LabelProps === null || LabelProps === void 0 ? void 0 : LabelProps.className, classes.name, arrow && [classes.arrow, classes[`arrow_position_${position}_alignment_${alignment}`]]]),
472
+ className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Tooltip', theme) && ['onesy-Tooltip-name'], LabelProps === null || LabelProps === void 0 ? void 0 : LabelProps.className, classes.name, classes[`name_size_${size}`], arrow && [classes.arrow, classes[`arrow_position_${position}_alignment_${alignment}`]]]),
461
473
  style: _objectSpread(_objectSpread({}, styles.name), LabelProps === null || LabelProps === void 0 ? void 0 : LabelProps.style)
462
474
  }), /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, LabelTextProps, {
463
475
  className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Tooltip', theme) && ['onesy-Tooltip-name-text'], LabelTextProps === null || LabelTextProps === void 0 ? void 0 : LabelTextProps.className])
package/esm/Tooltip/Tooltip.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
- const _excluded = ["tonal", "color", "open", "openDefault", "name", "label", "parent", "position", "switch", "alignment", "portal", "fullWidth", "maxWidth", "arrow", "anchor", "anchorElement", "noMargin", "classNameSwitch", "transformOrigin", "transformOriginSwitch", "transformOriginRtl", "transformOriginRtlSwitch", "click", "touch", "longPress", "hover", "focus", "inset", "nowrap", "follow", "interactive", "onOpen", "onClose", "onExited", "TransitionComponent", "TransitionComponentProps", "AppendProps", "ModalProps", "LabelProps", "LabelTextProps", "elevation", "className", "style", "children"];
4
+ const _excluded = ["tonal", "color", "open", "openDefault", "name", "label", "size", "parent", "position", "switch", "alignment", "portal", "fullWidth", "maxWidth", "arrow", "anchor", "anchorElement", "noMargin", "classNameSwitch", "transformOrigin", "transformOriginSwitch", "transformOriginRtl", "transformOriginRtlSwitch", "click", "touch", "longPress", "hover", "focus", "inset", "nowrap", "follow", "interactive", "onOpen", "onClose", "onExited", "TransitionComponent", "TransitionComponentProps", "AppendProps", "ModalProps", "LabelProps", "LabelTextProps", "elevation", "className", "style", "children"];
5
5
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
6
6
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7
7
  import React from 'react';
@@ -35,10 +35,21 @@ const useStyle = styleMethod(theme => ({
35
35
  nameRoot_noMargin: {
36
36
  padding: '0'
37
37
  },
38
- name: _objectSpread(_objectSpread({}, theme.typography.values.b3), {}, {
39
- borderRadius: `${clamp(theme.shape.radius.unit / 2, 0, 8)}px`,
38
+ name: {},
39
+ name_size_small: _objectSpread(_objectSpread({}, theme.typography.values.b3), {}, {
40
40
  padding: `${theme.methods.space.value(0.5, 'px')} ${theme.methods.space.value(1, 'px')}`,
41
- lineHeight: '1.455'
41
+ borderRadius: `${clamp(theme.shape.radius.unit / 2, 0, 6)}px`,
42
+ lineHeight: '1.4'
43
+ }),
44
+ name_size_regular: _objectSpread(_objectSpread({}, theme.typography.values.b2), {}, {
45
+ padding: `${theme.methods.space.value(0.75, 'px')} ${theme.methods.space.value(1.25, 'px')}`,
46
+ borderRadius: `${clamp(theme.shape.radius.unit / 2, 0, 8)}px`,
47
+ lineHeight: '1.5'
48
+ }),
49
+ name_size_large: _objectSpread(_objectSpread({}, theme.typography.values.b1), {}, {
50
+ padding: `${theme.methods.space.value(1, 'px')} ${theme.methods.space.value(1.5, 'px')}`,
51
+ borderRadius: `${clamp(theme.shape.radius.unit / 2, 0, 12)}px`,
52
+ lineHeight: '1.6'
42
53
  }),
43
54
  arrow: {
44
55
  '&::before': {
@@ -182,6 +193,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef((props_, ref) => {
182
193
  openDefault,
183
194
  name,
184
195
  label: label_,
196
+ size = 'regular',
185
197
  parent,
186
198
  position = 'bottom',
187
199
  switch: switch_ = true,
@@ -433,7 +445,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef((props_, ref) => {
433
445
  tonal: tonal,
434
446
  color: color
435
447
  }, LabelProps, {
436
- className: classNames([staticClassName('Tooltip', theme) && ['onesy-Tooltip-name'], LabelProps?.className, classes.name, arrow && [classes.arrow, classes[`arrow_position_${position}_alignment_${alignment}`]]]),
448
+ className: classNames([staticClassName('Tooltip', theme) && ['onesy-Tooltip-name'], LabelProps?.className, classes.name, classes[`name_size_${size}`], arrow && [classes.arrow, classes[`arrow_position_${position}_alignment_${alignment}`]]]),
437
449
  style: _objectSpread(_objectSpread({}, styles.name), LabelProps?.style)
438
450
  }), /*#__PURE__*/React.createElement("span", _extends({}, LabelTextProps, {
439
451
  className: classNames([staticClassName('Tooltip', theme) && ['onesy-Tooltip-name-text'], LabelTextProps?.className])
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license UiReact v1.0.159
1
+ /** @license UiReact v1.0.160
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.159
1
+ /** @license UiReact v1.0.160
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.160",
3
+ "version": "1.0.161",
4
4
  "description": "UI for React",
5
5
  "repository": "https://github.com/onesy-me/onesy.git",
6
6
  "author": "Lazar Erić <lazareric1@proton.me>",