@spothero/ui 23.0.0 → 23.0.1
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.
|
@@ -20,8 +20,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-c
|
|
|
20
20
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
21
21
|
var _react = _interopRequireWildcard(require("react"));
|
|
22
22
|
var _react2 = require("@chakra-ui/react");
|
|
23
|
+
var _base = require("../../theme/base");
|
|
23
24
|
var _buttonProps = _interopRequireDefault(require("./button-props"));
|
|
24
|
-
var _excluded = ["asAnchor", "isExternal"];
|
|
25
|
+
var _excluded = ["asAnchor", "isExternal", "height"];
|
|
25
26
|
function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
26
27
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
27
28
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -36,13 +37,33 @@ var anchorProps = function anchorProps() {
|
|
|
36
37
|
rel: 'noopener noreferrer'
|
|
37
38
|
});
|
|
38
39
|
};
|
|
40
|
+
var heightProps = function heightProps() {
|
|
41
|
+
var height = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'md';
|
|
42
|
+
var heights = {
|
|
43
|
+
md: {
|
|
44
|
+
height: 10,
|
|
45
|
+
borderRadius: _base.sizes['5'],
|
|
46
|
+
lineHeight: _base.sizes['3.5']
|
|
47
|
+
},
|
|
48
|
+
lg: {
|
|
49
|
+
height: 12,
|
|
50
|
+
borderRadius: _base.sizes['6'],
|
|
51
|
+
lineHeight: _base.sizes['6']
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
return heights[height] || {
|
|
55
|
+
height: height // when a custom height is provided, pass it as is
|
|
56
|
+
};
|
|
57
|
+
};
|
|
39
58
|
var Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
40
59
|
var asAnchor = _ref.asAnchor,
|
|
41
60
|
isExternal = _ref.isExternal,
|
|
61
|
+
_ref$height = _ref.height,
|
|
62
|
+
height = _ref$height === void 0 ? 'md' : _ref$height,
|
|
42
63
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
43
64
|
return /*#__PURE__*/_react["default"].createElement(_react2.Button, (0, _extends2["default"])({
|
|
44
65
|
iconSpacing: 2
|
|
45
|
-
}, props, (asAnchor || props.as === 'a') && anchorProps(isExternal), {
|
|
66
|
+
}, props, heightProps(height), (asAnchor || props.as === 'a') && anchorProps(isExternal), {
|
|
46
67
|
ref: ref
|
|
47
68
|
}));
|
|
48
69
|
});
|
|
@@ -33,6 +33,12 @@ var _default = exports["default"] = {
|
|
|
33
33
|
chakraLink: 'https://chakra-ui.com/docs/form/button'
|
|
34
34
|
},
|
|
35
35
|
argTypes: _objectSpread(_objectSpread({}, (0, _disableArgs["default"])('children')), {}, {
|
|
36
|
+
'height': {
|
|
37
|
+
options: ['md', 'lg', '100%'],
|
|
38
|
+
control: {
|
|
39
|
+
type: 'select'
|
|
40
|
+
}
|
|
41
|
+
},
|
|
36
42
|
onClick: {
|
|
37
43
|
action: 'clicked'
|
|
38
44
|
}
|
package/dist/components/index.js
CHANGED
|
@@ -107,7 +107,8 @@ var _exportNames = {
|
|
|
107
107
|
usePrefersReducedMotion: true,
|
|
108
108
|
keyframes: true,
|
|
109
109
|
BoxProps: true,
|
|
110
|
-
BasicTextarea: true
|
|
110
|
+
BasicTextarea: true,
|
|
111
|
+
Tooltip: true
|
|
111
112
|
};
|
|
112
113
|
_Object$defineProperty(exports, "Alert", {
|
|
113
114
|
enumerable: true,
|
|
@@ -595,6 +596,12 @@ _Object$defineProperty(exports, "ToggleButtonGroup", {
|
|
|
595
596
|
return _ToggleButtonGroup["default"];
|
|
596
597
|
}
|
|
597
598
|
});
|
|
599
|
+
_Object$defineProperty(exports, "Tooltip", {
|
|
600
|
+
enumerable: true,
|
|
601
|
+
get: function get() {
|
|
602
|
+
return _react.Tooltip;
|
|
603
|
+
}
|
|
604
|
+
});
|
|
598
605
|
_Object$defineProperty(exports, "VStack", {
|
|
599
606
|
enumerable: true,
|
|
600
607
|
get: function get() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spothero/ui",
|
|
3
|
-
"version": "23.0.
|
|
3
|
+
"version": "23.0.1",
|
|
4
4
|
"description": "SpotHero's React component UI library.",
|
|
5
5
|
"main": "./dist/components/index.js",
|
|
6
6
|
"exports": "./dist/components/index.js",
|
|
@@ -101,13 +101,13 @@
|
|
|
101
101
|
"style-loader": "1.2.1",
|
|
102
102
|
"webpack-merge": "5.1.4",
|
|
103
103
|
"@spothero/babel-preset-spothero": "5.1.0",
|
|
104
|
-
"@spothero/browserslist-config": "4.0.0",
|
|
105
104
|
"@spothero/core": "7.0.1",
|
|
105
|
+
"@spothero/browserslist-config": "4.0.0",
|
|
106
106
|
"@spothero/icons": "9.0.2",
|
|
107
107
|
"@spothero/eslint-config": "6.1.0",
|
|
108
|
-
"@spothero/npm-publisher": "7.0.0",
|
|
109
108
|
"@spothero/prettier-config": "4.0.0",
|
|
110
|
-
"@spothero/stylelint-config": "6.0.0"
|
|
109
|
+
"@spothero/stylelint-config": "6.0.0",
|
|
110
|
+
"@spothero/npm-publisher": "7.0.0"
|
|
111
111
|
},
|
|
112
112
|
"dependencies": {
|
|
113
113
|
"@babel/preset-env": "7.23.9",
|