@airtable/blocks 0.0.0-experimental-f52bc4e5e-20250709 → 0.0.0-experimental-3649c7162-20250904

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

@@ -1,137 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.iterator.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.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.formFieldStylePropTypes = exports.default = void 0;
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.symbol.description.js");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _emotion = require("emotion");
-var _core = require("@styled-system/core");
-var _private_utils = require("../../shared/private_utils");
-var _box = _interopRequireDefault(require("./box"));
-var _text = _interopRequireWildcard(require("./text"));
-var _label = _interopRequireDefault(require("./label"));
-var _use_form_field = require("./use_form_field");
-var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
-var _system = require("./system");
-var _excluded = ["id", "className", "style", "label", "htmlFor", "description", "children"];
-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; } /** @module @airtable/blocks/ui: FormField */ /** */
-/**
- * Style props for the {@link FormField} component. Accepts:
- * * {@link FlexItemSetProps}
- * * {@link MaxWidthProps}
- * * {@link MinWidthProps}
- * * {@link PositionSetProps}
- * * {@link SpacingSetProps}
- * * {@link WidthProps}
- *
- * @noInheritDoc
- */
-
-var styleParser = (0, _core.compose)(_system.maxWidth, _system.minWidth, _system.width, _system.flexItemSet, _system.positionSet, _system.spacingSet);
-var formFieldStylePropTypes = exports.formFieldStylePropTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _system.maxWidthPropTypes), _system.minWidthPropTypes), _system.widthPropTypes), _system.flexItemSetPropTypes), _system.positionSetPropTypes), _system.spacingSetPropTypes);
-
-/**
- * Props for the {@link FormField} component. Also accepts:
- * * {@link FormFieldStyleProps}
- *
- * @noInheritDoc
- * @docsPath UI/components/FormField
- */
-
-/**
- * A form field component that wraps any control field, supplying a provided label and optional
- * description.
- *
- * [[ Story id="formfield--example" title="Form field example" ]]
- *
- * This component will automatically set up the `for` attribute on the outputted label with the `id` attribute
- * on the wrapped control field for the following UI components: Label, Select, FieldPicker,
- * ModelPicker, and ViewPicker. If you'd like to manually override this behavior, you can provide an
- * `htmlFor` prop to this component and manually set the `id` attribute on your wrapped control to
- * the same value.
- *
- * @docsPath UI/components/FormField
- * @component
- */
-var FormField = (props, ref) => {
-  var id = props.id,
-    className = props.className,
-    style = props.style,
-    _props$label = props.label,
-    label = _props$label === void 0 ? _text.TextSize.default : _props$label,
-    htmlFor = props.htmlFor,
-    description = props.description,
-    children = props.children,
-    styleProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var classNameForStyleProps = (0, _use_styled_system.default)(_objectSpread({
-    width: '100%'
-  }, styleProps), styleParser);
-  var _useState = (0, _react.useState)((0, _private_utils.getLocallyUniqueId)('form-field-')),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
-    generatedId = _useState2[0];
-  var controlId = htmlFor || generatedId;
-  var _useState3 = (0, _react.useState)((0, _private_utils.getLocallyUniqueId)('input-description-')),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 1),
-    generatedDescriptionId = _useState4[0];
-  var descriptionId = description ? generatedDescriptionId : '';
-  var optionalLabelProps;
-  if (description) {
-    optionalLabelProps = {
-      marginBottom: 1
-    };
-  }
-  return /*#__PURE__*/_react.default.createElement(_box.default, {
-    ref: ref,
-    id: id,
-    className: (0, _emotion.cx)(classNameForStyleProps, className),
-    style: style,
-    display: "flex",
-    flexDirection: "column",
-    marginBottom: 3
-  }, /*#__PURE__*/_react.default.createElement(_label.default, (0, _extends2.default)({
-    htmlFor: controlId,
-    size: "default"
-  }, optionalLabelProps), label), description && /*#__PURE__*/_react.default.createElement(_text.default, {
-    variant: "paragraph",
-    id: descriptionId,
-    size: "default",
-    textColor: "light",
-    marginBottom: "6px"
-  }, description), /*#__PURE__*/_react.default.createElement(_use_form_field.FormFieldContext.Provider, {
-    value: {
-      controlId,
-      descriptionId
-    }
-  }, children));
-};
-var ForwardedRefFormField = /*#__PURE__*/_react.default.forwardRef(FormField);
-ForwardedRefFormField.propTypes = _objectSpread({
-  id: _propTypes.default.string,
-  className: _propTypes.default.string,
-  style: _propTypes.default.object,
-  label: _propTypes.default.node,
-  htmlFor: _propTypes.default.string,
-  description: _propTypes.default.node,
-  children: _propTypes.default.node
-}, formFieldStylePropTypes);
-ForwardedRefFormField.displayName = 'FormField';
-var _default = exports.default = ForwardedRefFormField;

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

@@ -1,21 +0,0 @@
-"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 Point = exports.default = /*#__PURE__*/(0, _createClass2.default)( /** @internal */
-function Point(x, y) {
-  (0, _classCallCheck2.default)(this, Point);
-  /** @internal */
-  (0, _defineProperty2.default)(this, "x", void 0);
-  /** @internal */
-  (0, _defineProperty2.default)(this, "y", void 0);
-  this.x = x;
-  this.y = y;
-});

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

@@ -1,67 +0,0 @@
-"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

@@ -1,21 +0,0 @@
-"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

@@ -1,92 +0,0 @@
-"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/base/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

@@ -1,181 +0,0 @@
-"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

@@ -1,129 +0,0 @@
-"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;