@airtable/blocks 0.0.0-experimental-20e3506bd-20250428

package/dist/cjs/base/ui/geometry/rect.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _point = _interopRequireDefault(require("./point"));
+/** @internal */
+var Rect = exports.default = /*#__PURE__*/function () {
+  /** @internal */
+  function Rect(x, y, width, height) {
+    (0, _classCallCheck2.default)(this, Rect);
+    /** @internal */
+    (0, _defineProperty2.default)(this, "x", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(this, "y", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(this, "width", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(this, "height", void 0);
+    this.x = x;
+    this.y = y;
+    this.width = width;
+    this.height = height;
+  }
+  /** @internal */
+  return (0, _createClass2.default)(Rect, [{
+    key: "growBy",
+    value: function growBy(amount) {
+      return new Rect(this.x - amount, this.y - amount, this.width + 2 * amount, this.height + 2 * amount);
+    }
+    /** @internal */
+  }, {
+    key: "top",
+    value: function top() {
+      return this.y;
+    }
+    /** @internal */
+  }, {
+    key: "left",
+    value: function left() {
+      return this.x;
+    }
+    /** @internal */
+  }, {
+    key: "right",
+    value: function right() {
+      return this.x + this.width;
+    }
+    /** @internal */
+  }, {
+    key: "bottom",
+    value: function bottom() {
+      return this.y + this.height;
+    }
+    /** @internal */
+  }, {
+    key: "centerPoint",
+    value: function centerPoint() {
+      return new _point.default(this.x + this.width / 2, this.y + this.height / 2);
+    }
+  }]);
+}();

package/dist/cjs/base/ui/geometry/size.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+/** @internal */
+var Size = exports.default = /*#__PURE__*/(0, _createClass2.default)( /** @internal */
+function Size(width, height) {
+  (0, _classCallCheck2.default)(this, Size);
+  /** @internal */
+  (0, _defineProperty2.default)(this, "width", void 0);
+  /** @internal */
+  (0, _defineProperty2.default)(this, "height", void 0);
+  this.width = width;
+  this.height = height;
+});

package/dist/cjs/base/ui/global_alert.js

@@ -0,0 +1,92 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var React = _interopRequireWildcard(require("react"));
+var _private_utils = require("../../shared/private_utils");
+var _watchable = _interopRequireDefault(require("../../shared/watchable"));
+var _sdk_context = require("../../shared/ui/sdk_context");
+var _baymax_utils = require("./baymax_utils");
+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); }
+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 && {}.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; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @hidden */ /** */
+var WatchableGlobalAlertKeys = Object.freeze({
+  __alertInfo: '__alertInfo'
+});
+/** @hidden */
+
+/** @hidden */
+
+var GlobalAlertInfo = () => {
+  var sdk = (0, _sdk_context.useSdk)();
+  return /*#__PURE__*/React.createElement("span", {
+    className: (0, _baymax_utils.baymax)('center line-height-4 quiet strong')
+  }, /*#__PURE__*/React.createElement("span", {
+    className: (0, _baymax_utils.baymax)('pointer understroke link-unquiet'),
+    onClick: () => {
+      sdk.reload();
+    }
+  }, "Please reload"));
+};
+
+/**
+ * @hidden
+ * @example
+ * ```js
+ * import {globalAlert} from '@airtable/blocks/ui';
+ * globalAlert.showReloadPrompt();
+ * ```
+ */
+var GlobalAlert = /*#__PURE__*/function (_Watchable) {
+  /** @hidden */
+  function GlobalAlert() {
+    var _this;
+    (0, _classCallCheck2.default)(this, GlobalAlert);
+    _this = _callSuper(this, GlobalAlert);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_alertInfo", void 0);
+    _this._alertInfo = null;
+    Object.seal(_this);
+    return _this;
+  }
+  /** @internal */
+  (0, _inherits2.default)(GlobalAlert, _Watchable);
+  return (0, _createClass2.default)(GlobalAlert, [{
+    key: "__alertInfo",
+    get: function get() {
+      return this._alertInfo;
+    }
+    /** */
+  }, {
+    key: "showReloadPrompt",
+    value: function showReloadPrompt() {
+      this._alertInfo = {
+        content: /*#__PURE__*/React.createElement(GlobalAlertInfo, null)
+      };
+      this._onChange(WatchableGlobalAlertKeys.__alertInfo);
+    }
+  }], [{
+    key: "_isWatchableKey",
+    value: /** @internal */
+    function _isWatchableKey(key) {
+      return (0, _private_utils.isEnumValue)(WatchableGlobalAlertKeys, key);
+    }
+  }]);
+}(_watchable.default);
+/** @internal */
+(0, _defineProperty2.default)(GlobalAlert, "_className", 'GlobalAlert');
+var _default = exports.default = GlobalAlert;

package/dist/cjs/base/ui/heading.js

@@ -0,0 +1,181 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+require("core-js/modules/es.array.concat.js");
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _emotion = require("emotion");
+var _error_utils = require("../../shared/error_utils");
+var _private_utils = require("../../shared/private_utils");
+var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
+var _index = require("./system/index");
+var _get_style_props_for_responsive_prop = _interopRequireDefault(require("./system/utils/get_style_props_for_responsive_prop"));
+var _use_theme = _interopRequireDefault(require("./theme/use_theme"));
+var _aria_props = require("./types/aria_props");
+var _data_attributes_prop = require("./types/data_attributes_prop");
+var _enum_prop_type_utils = require("./system/utils/enum_prop_type_utils");
+var _excluded = ["as", "size", "variant", "children", "id", "role", "dataAttributes", "className", "style", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-expanded", "aria-haspopup", "aria-hidden", "aria-live"];
+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); }
+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 && {}.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; }
+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; }
+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; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } /** @module @airtable/blocks/ui: Heading */ /** */
+/**
+ * Sizes for the {@link Heading} component.
+ */
+
+var HeadingSize = (0, _private_utils.createEnum)('xsmall', 'small', 'default', 'large', 'xlarge', 'xxlarge');
+
+/**
+ * Size prop for the {@link Heading} component.
+ */
+
+var headingSizePropType = (0, _enum_prop_type_utils.createResponsivePropTypeFromEnum)(HeadingSize);
+
+/**
+ * Variant prop for the {@link Heading} component.
+ * • **default** - Headings typically used for titles.
+ * • **caps** - All-caps headings typically used for field names and smaller section headings.
+ */
+
+var HeadingVariant = (0, _private_utils.createEnum)('default', 'caps');
+var headingVariantPropType = (0, _enum_prop_type_utils.createPropTypeFromEnum)(HeadingVariant);
+
+/** @internal */
+function warnIfHeadingSizeOutOfRangeForVariant(size, variant, headingSizesForVariant) {
+  if (process.env.NODE_ENV === 'development' && !(0, _private_utils.has)(headingSizesForVariant, size)) {
+    // eslint-disable-next-line
+    console.warn("[@airtable/blocks/ui] warning: <Heading variant='".concat(variant, "' /> only supports the following values for the size prop: ").concat(Object.keys(headingSizesForVariant).join(', '), ". The component will fall back to the default size."));
+  }
+}
+
+/** @internal */
+function useHeadingStyle(headingSizeProp, variant) {
+  var _useTheme = (0, _use_theme.default)(),
+    headingStyles = _useTheme.headingStyles;
+  var headingSizesForVariant = headingStyles[variant];
+  var styleProps;
+  if (typeof headingSizeProp === 'string') {
+    warnIfHeadingSizeOutOfRangeForVariant(headingSizeProp, variant, headingSizesForVariant);
+    styleProps = headingSizesForVariant[headingSizeProp] || headingSizesForVariant[HeadingSize.default];
+  } else {
+    var responsiveSizePropObject = {};
+    var _iterator = _createForOfIteratorHelper((0, _private_utils.keys)(headingSizeProp)),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var sizeKey = _step.value;
+        var sizeProp = headingSizeProp[sizeKey];
+        (0, _error_utils.invariant)(sizeProp, 'sizeProp');
+        warnIfHeadingSizeOutOfRangeForVariant(sizeProp, variant, headingSizesForVariant);
+        responsiveSizePropObject[sizeKey] = sizeProp || HeadingSize.default;
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    styleProps = (0, _get_style_props_for_responsive_prop.default)(responsiveSizePropObject,
+    // Cast to any to because `caps` don't all have the same sizes as `default`.
+    // This in turn requires each size to be typed as optional.
+    headingSizesForVariant);
+  }
+  return (0, _use_styled_system.default)(styleProps);
+}
+
+/**
+ * Props for the {@link Heading} component. Also supports:
+ * * {@link AllStylesProps}
+ * * {@link AriaProps}
+ *
+ * @docsPath UI/components/Heading
+ * @noInheritDoc
+ */
+
+/**
+ * A heading component with sizes and variants.
+ *
+ * [[ Story id="heading--example" title="Heading example" ]]
+ *
+ * @docsPath UI/components/Heading
+ * @component
+ */
+var Heading = (props, ref) => {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'h3' : _props$as,
+    _props$size = props.size,
+    size = _props$size === void 0 ? HeadingSize.default : _props$size,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? HeadingVariant.default : _props$variant,
+    children = props.children,
+    id = props.id,
+    role = props.role,
+    dataAttributes = props.dataAttributes,
+    className = props.className,
+    style = props.style,
+    ariaLabel = props['aria-label'],
+    ariaLabelledBy = props['aria-labelledby'],
+    ariaDescribedBy = props['aria-describedby'],
+    ariaControls = props['aria-controls'],
+    ariaExpanded = props['aria-expanded'],
+    ariaHasPopup = props['aria-haspopup'],
+    ariaHidden = props['aria-hidden'],
+    ariaLive = props['aria-live'],
+    styleProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var classNameForHeadingSize = useHeadingStyle(size, variant);
+  var classNameForStyleProps = (0, _use_styled_system.default)(_objectSpread({
+    fontFamily: 'default',
+    textColor: 'default'
+  }, styleProps));
+  return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({
+    ref: ref,
+    id: id,
+    className: (0, _emotion.cx)(classNameForHeadingSize, classNameForStyleProps, className),
+    style: style,
+    role: role,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-controls": ariaControls,
+    "aria-expanded": ariaExpanded,
+    "aria-haspopup": ariaHasPopup,
+    "aria-hidden": ariaHidden,
+    "aria-live": ariaLive
+  }, dataAttributes), children);
+};
+var ForwardedRefHeading = /*#__PURE__*/React.forwardRef(Heading);
+ForwardedRefHeading.propTypes = _objectSpread(_objectSpread({
+  as: _propTypes.default.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']),
+  size: headingSizePropType,
+  variant: headingVariantPropType,
+  children: _propTypes.default.node,
+  id: _propTypes.default.string,
+  role: _propTypes.default.string,
+  dataAttributes: _data_attributes_prop.dataAttributesPropType,
+  className: _propTypes.default.string,
+  style: _propTypes.default.object
+}, _index.allStylesPropTypes), _aria_props.ariaPropTypes);
+ForwardedRefHeading.displayName = 'Heading';
+var _default = exports.default = ForwardedRefHeading;

package/dist/cjs/base/ui/icon.js

@@ -0,0 +1,129 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sharedIconPropTypes = exports.iconStylePropTypes = exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _core = require("@styled-system/core");
+var _emotion = require("emotion");
+var _warning = _interopRequireDefault(require("../../shared/warning"));
+var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
+var _system = require("./system");
+var _tooltip_anchor_props = require("./types/tooltip_anchor_props");
+var _icon_config = require("./icon_config");
+var _excluded = ["name", "size", "fillColor", "onMouseEnter", "onMouseLeave", "onClick", "hasOnClick", "className", "style", "pathClassName", "pathStyle", "suppressWarning"];
+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; }
+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; } /** @module @airtable/blocks/ui: Icon */ /** */
+/**
+ * Style props shared between the {@link Icon} and {@link FieldIcon} components. Accepts:
+ * * {@link FlexItemSetProps}
+ * * {@link PositionSetProps}
+ * * {@link MarginProps}
+ *
+ * @noInheritDoc
+ */
+
+var styleParser = (0, _core.compose)(_system.flexItemSet, _system.positionSet, _system.margin, _system.width, _system.height);
+var iconStylePropTypes = exports.iconStylePropTypes = _objectSpread(_objectSpread(_objectSpread({}, _system.flexItemSetPropTypes), _system.positionSetPropTypes), _system.marginPropTypes);
+
+/**
+ * Props shared between the {@link Icon} and {@link FieldIcon} components.
+ *
+ * @noInheritDoc
+ */
+// TODO (stephen): inherit shared props without inheriting style props
+
+var sharedIconPropTypes = exports.sharedIconPropTypes = _objectSpread(_objectSpread({
+  size: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  fillColor: _propTypes.default.string,
+  className: _propTypes.default.string,
+  style: _propTypes.default.object,
+  pathClassName: _propTypes.default.string,
+  pathStyle: _propTypes.default.object
+}, _tooltip_anchor_props.tooltipAnchorPropTypes), iconStylePropTypes);
+
+/**
+ * Props for the {@link Icon} component. Also accepts:
+ * * {@link IconStyleProps}
+ */
+
+/**
+ * A vector icon from the Airtable icon set.
+ *
+ * [[ Story id="icon--example" title="Icon example" height="576px"]]
+ *
+ * @component
+ * @docsPath UI/components/Icon
+ */
+var Icon = (props, ref) => {
+  var name = props.name,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 16 : _props$size,
+    _props$fillColor = props.fillColor,
+    fillColor = _props$fillColor === void 0 ? 'currentColor' : _props$fillColor,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    onClick = props.onClick,
+    hasOnClick = props.hasOnClick,
+    className = props.className,
+    style = props.style,
+    pathClassName = props.pathClassName,
+    pathStyle = props.pathStyle,
+    _props$suppressWarnin = props.suppressWarning,
+    suppressWarning = _props$suppressWarnin === void 0 ? false : _props$suppressWarnin,
+    styleProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var classNameForStyleProps = (0, _use_styled_system.default)(_objectSpread(_objectSpread({}, styleProps), {}, {
+    width: size,
+    height: size
+  }), styleParser);
+  var phosphorIconName = _icon_config.legacyIconNameToPhosphorIconName[name];
+  var pathData = phosphorIconName ? _icon_config.phosphorIconConfig[phosphorIconName] : null;
+  if (!pathData) {
+    return null;
+  }
+  if (_icon_config.deprecatedIconNameToReplacementName.has(name) && !suppressWarning) {
+    var alternative = _icon_config.deprecatedIconNameToReplacementName.get(name);
+    var alternativeText = '';
+    if (alternative) {
+      alternativeText = "Use <Icon name='".concat(alternative, "' .../> instead.");
+    }
+    (0, _warning.default)("'".concat(name, "' as an icon name is deprecated. ").concat(alternativeText));
+  }
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    ref: ref,
+    viewBox: "0 0 16 16"
+    // TODO (stephen): remove tooltip anchor props
+    ,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    onClick: onClick,
+    className: (0, _emotion.cx)(classNameForStyleProps, className),
+    style: _objectSpread({
+      shapeRendering: 'geometricPrecision'
+    }, style)
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    className: pathClassName,
+    style: pathStyle,
+    fill: fillColor,
+    d: pathData
+  }));
+};
+var ForwardedRefIcon = /*#__PURE__*/_react.default.forwardRef(Icon);
+ForwardedRefIcon.propTypes = _objectSpread({
+  name: _icon_config.iconNamePropType.isRequired,
+  suppressWarning: _propTypes.default.bool
+}, sharedIconPropTypes);
+ForwardedRefIcon.displayName = 'Icon';
+var _default = exports.default = ForwardedRefIcon;