@airtable/blocks 1.18.1 → 1.18.2

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

@@ -1,38 +1,26 @@
 "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 =
-/*#__PURE__*/
-function () {
-  /** @internal */
-
-  /** @internal */
-
-  /** @internal */
-
-  /** @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;
@@ -40,50 +28,40 @@ function () {
     this.height = height;
   }
   /** @internal */
-
-
-  (0, _createClass2.default)(Rect, [{
+  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);
     }
   }]);
-  return Rect;
-}();
-
-exports.default = Rect;
+}();

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

@@ -1,29 +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 =
-/** @internal */
-
-/** @internal */
-
 /** @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;
-};
-
-exports.default = Size;
+});

package/dist/cjs/ui/global_alert.js

@@ -1,57 +1,48 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 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("../private_utils");
-
 var _watchable = _interopRequireDefault(require("../watchable"));
-
 var _baymax_utils = require("./baymax_utils");
-
 var _sdk_context = require("./sdk_context");
-
-/** @hidden */
-
-/** */
+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 React.createElement("span", {
+  return /*#__PURE__*/React.createElement("span", {
     className: (0, _baymax_utils.baymax)('center line-height-4 quiet strong')
-  }, React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: (0, _baymax_utils.baymax)('pointer understroke link-unquiet'),
     onClick: () => {
       sdk.reload();
     }
   }, "Please reload"));
 };
+
 /**
  * @hidden
  * @example
@@ -60,59 +51,42 @@ var GlobalAlertInfo = () => {
  * globalAlert.showReloadPrompt();
  * ```
  */
-
-
-var GlobalAlert =
-/*#__PURE__*/
-function (_Watchable) {
-  (0, _inherits2.default)(GlobalAlert, _Watchable);
-  (0, _createClass2.default)(GlobalAlert, null, [{
-    key: "_isWatchableKey",
-
-    /** @internal */
-
-    /** @internal */
-    value: function _isWatchableKey(key) {
-      return (0, _private_utils.isEnumValue)(WatchableGlobalAlertKeys, key);
-    }
-    /** @internal */
-
-  }]);
-
+var GlobalAlert = /*#__PURE__*/function (_Watchable) {
   /** @hidden */
   function GlobalAlert() {
     var _this;
-
     (0, _classCallCheck2.default)(this, GlobalAlert);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(GlobalAlert).call(this));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_alertInfo", void 0);
+    _this = _callSuper(this, GlobalAlert);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_alertInfo", void 0);
     _this._alertInfo = null;
-    Object.seal((0, _assertThisInitialized2.default)(_this));
+    Object.seal(_this);
     return _this;
   }
   /** @internal */
-
-
-  (0, _createClass2.default)(GlobalAlert, [{
-    key: "showReloadPrompt",
-
+  (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: React.createElement(GlobalAlertInfo, null)
+        content: /*#__PURE__*/React.createElement(GlobalAlertInfo, null)
       };
-
       this._onChange(WatchableGlobalAlertKeys.__alertInfo);
     }
-  }, {
-    key: "__alertInfo",
-    get: function get() {
-      return this._alertInfo;
+  }], [{
+    key: "_isWatchableKey",
+    value: /** @internal */
+    function _isWatchableKey(key) {
+      return (0, _private_utils.isEnumValue)(WatchableGlobalAlertKeys, key);
     }
   }]);
-  return GlobalAlert;
 }(_watchable.default);
-
+/** @internal */
 (0, _defineProperty2.default)(GlobalAlert, "_className", 'GlobalAlert');
-var _default = GlobalAlert;
-exports.default = _default;
+var _default = exports.default = GlobalAlert;

package/dist/cjs/ui/global_config_synced_component_helpers.js

@@ -1,36 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _airtable_interface = require("../types/airtable_interface");
-
 var _use_watchable = _interopRequireDefault(require("./use_watchable"));
-
 var _sdk_context = require("./sdk_context");
-
 /** @hidden */
 var globalConfigSyncedComponentHelpers = {
   globalConfigKeyPropType: _propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.arrayOf(_propTypes.default.string.isRequired).isRequired]).isRequired,
-
   useDefaultWatchesForSyncedComponent(globalConfigKey) {
     var sdk = (0, _sdk_context.useSdk)();
     var globalConfig = sdk.globalConfig,
-        session = sdk.session;
+      session = sdk.session;
     var runContext = sdk.getBlockRunContext();
     (0, _use_watchable.default)(globalConfig, [globalConfig.__getTopLevelKey(globalConfigKey)]);
     (0, _use_watchable.default)(session, ['permissionLevel']);
-    var viewIfInViewContext = runContext.type === _airtable_interface.BlockRunContextType.VIEW ? sdk.base.getTableById(runContext.tableId).getViewById(runContext.viewId) : null; // We can't conditionally watch, but if it's not a viewContext the model will be null.
-
+    var viewIfInViewContext = runContext.type === _airtable_interface.BlockRunContextType.VIEW ? sdk.base.getTableById(runContext.tableId).getViewById(runContext.viewId) : null;
+    // We can't conditionally watch, but if it's not a viewContext the model will be null.
     (0, _use_watchable.default)(viewIfInViewContext, ['isLockedView']);
   }
-
 };
-var _default = globalConfigSyncedComponentHelpers;
-exports.default = _default;
+var _default = exports.default = globalConfigSyncedComponentHelpers;

package/dist/cjs/ui/heading.js

@@ -1,70 +1,58 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+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");
-
-require("core-js/modules/es.symbol");
-
-require("core-js/modules/es.symbol.description");
-
-require("core-js/modules/es.array.concat");
-
-require("core-js/modules/es.array.filter");
-
-require("core-js/modules/es.array.iterator");
-
-require("core-js/modules/es.object.get-own-property-descriptors");
-
-require("core-js/modules/es.object.to-string");
-
-require("core-js/modules/web.dom-collections.for-each");
-
-require("core-js/modules/web.dom-collections.iterator");
-
 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("../error_utils");
-
 var _private_utils = require("../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");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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, _private_utils.createResponsivePropTypeFromEnum)(HeadingSize);
+
 /**
  * Variant prop for the {@link Heading} component.
  * • **default** - Headings typically used for titles.
@@ -73,35 +61,30 @@ var headingSizePropType = (0, _private_utils.createResponsivePropTypeFromEnum)(H
 
 var HeadingVariant = (0, _private_utils.createEnum)('default', 'caps');
 var headingVariantPropType = (0, _private_utils.createPropTypeFromEnum)(HeadingVariant);
-/** @internal */
 
+/** @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 */
-
 
+/** @internal */
 function useHeadingStyle(headingSizeProp, variant) {
   var _useTheme = (0, _use_theme.default)(),
-      headingStyles = _useTheme.headingStyles;
-
+    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 _iteratorNormalCompletion = true;
-    var _didIteratorError = false;
-    var _iteratorError = undefined;
-
+    var _iterator = _createForOfIteratorHelper((0, _private_utils.keys)(headingSizeProp)),
+      _step;
     try {
-      for (var _iterator = (0, _private_utils.keys)(headingSizeProp)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var sizeKey = _step.value;
         var sizeProp = headingSizeProp[sizeKey];
         (0, _error_utils.invariant)(sizeProp, 'sizeProp');
@@ -109,27 +92,18 @@ function useHeadingStyle(headingSizeProp, variant) {
         responsiveSizePropObject[sizeKey] = sizeProp || HeadingSize.default;
       }
     } catch (err) {
-      _didIteratorError = true;
-      _iteratorError = err;
+      _iterator.e(err);
     } finally {
-      try {
-        if (!_iteratorNormalCompletion && _iterator.return != null) {
-          _iterator.return();
-        }
-      } finally {
-        if (_didIteratorError) {
-          throw _iteratorError;
-        }
-      }
+      _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`.
+    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}
@@ -139,7 +113,6 @@ function useHeadingStyle(headingSizeProp, variant) {
  * @noInheritDoc
  */
 
-
 /**
  * A heading component with sizes and variants.
  *
@@ -150,32 +123,32 @@ function useHeadingStyle(headingSizeProp, variant) {
  */
 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, ["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"]);
+    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 React.createElement(Component, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({
     ref: ref,
     id: id,
     className: (0, _emotion.cx)(classNameForHeadingSize, classNameForStyleProps, className),
@@ -191,9 +164,8 @@ var Heading = (props, ref) => {
     "aria-live": ariaLive
   }, dataAttributes), children);
 };
-
-var ForwardedRefHeading = React.forwardRef(Heading);
-ForwardedRefHeading.propTypes = _objectSpread({
+var ForwardedRefHeading = /*#__PURE__*/React.forwardRef(Heading);
+ForwardedRefHeading.propTypes = _objectSpread(_objectSpread({
   as: _propTypes.default.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']),
   size: headingSizePropType,
   variant: headingVariantPropType,
@@ -203,7 +175,6 @@ ForwardedRefHeading.propTypes = _objectSpread({
   dataAttributes: _data_attributes_prop.dataAttributesPropType,
   className: _propTypes.default.string,
   style: _propTypes.default.object
-}, _index.allStylesPropTypes, {}, _aria_props.ariaPropTypes);
+}, _index.allStylesPropTypes), _aria_props.ariaPropTypes);
 ForwardedRefHeading.displayName = 'Heading';
-var _default = ForwardedRefHeading;
-exports.default = _default;
+var _default = exports.default = ForwardedRefHeading;