@spothero/ui 23.0.0 → 23.1.0

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,29 @@ 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
+ lg: {
45
+ height: 12,
46
+ borderRadius: _base.sizes['6'],
47
+ lineHeight: _base.sizes['6']
48
+ }
49
+ };
50
+ return heights[height] || {
51
+ height: height // when a custom height is provided, pass it as is
52
+ };
53
+ };
39
54
  var Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
40
55
  var asAnchor = _ref.asAnchor,
41
56
  isExternal = _ref.isExternal,
57
+ _ref$height = _ref.height,
58
+ height = _ref$height === void 0 ? 'md' : _ref$height,
42
59
  props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
43
60
  return /*#__PURE__*/_react["default"].createElement(_react2.Button, (0, _extends2["default"])({
44
61
  iconSpacing: 2
45
- }, props, (asAnchor || props.as === 'a') && anchorProps(isExternal), {
62
+ }, props, heightProps(height), (asAnchor || props.as === 'a') && anchorProps(isExternal), {
46
63
  ref: ref
47
64
  }));
48
65
  });
@@ -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
  }
@@ -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.0",
3
+ "version": "23.1.0",
4
4
  "description": "SpotHero's React component UI library.",
5
5
  "main": "./dist/components/index.js",
6
6
  "exports": "./dist/components/index.js",
@@ -103,8 +103,8 @@
103
103
  "@spothero/babel-preset-spothero": "5.1.0",
104
104
  "@spothero/browserslist-config": "4.0.0",
105
105
  "@spothero/core": "7.0.1",
106
- "@spothero/icons": "9.0.2",
107
106
  "@spothero/eslint-config": "6.1.0",
107
+ "@spothero/icons": "9.0.2",
108
108
  "@spothero/npm-publisher": "7.0.0",
109
109
  "@spothero/prettier-config": "4.0.0",
110
110
  "@spothero/stylelint-config": "6.0.0"
@@ -146,6 +146,6 @@
146
146
  "build": "pnpm run clean && pnpm run build:v2",
147
147
  "release": "npm-release",
148
148
  "build-storybook": "NODE_OPTIONS=--openssl-legacy-provider storybook build -o ./docs/v2",
149
- "publish-storybook": "pnpm run build:storybook"
149
+ "publish-storybook": "pnpm run build-storybook"
150
150
  }
151
151
  }