@airtable/blocks 0.0.0-experimental-f52bc4e5e-20250709 → 0.0.0-experimental-75d011284-20250904

package/dist/cjs/base/ui/system/utils/ensure_numbers_are_within_scale.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ensureNumbersAreWithinScale;
-require("core-js/modules/es.number.constructor.js");
 var _core = require("@styled-system/core");
 var _error_utils = require("../../../../shared/error_utils");
 /** @internal */
@@ -28,15 +27,15 @@ function ensureNumbersAreWithinScale(params) {
     if (!Number.isInteger(value)) {
       throw (0, _error_utils.spawnError)('The number you passed for "%s" is not supported. To use a pixel value, pass the string "%spx" instead.', params.propertyName, value);
     }
-    var isValueNegative = value < 0;
+    const isValueNegative = value < 0;
     if (isValueNegative && !params.shouldAllowNegativeNumbers) {
       throw (0, _error_utils.spawnError)('The scale for the "%s" property does not support negative values. To use a pixel value, pass the string "%spx" instead.', params.propertyName, value);
     }
-    var absoluteValue = Math.abs(value);
+    const absoluteValue = Math.abs(value);
     if (absoluteValue >= scale.length) {
       throw (0, _error_utils.spawnError)('The number you passed for "%s" falls out the scale. To use a pixel value, pass the string "%spx" instead.', params.propertyName, value);
     }
-    var valueFromScale = Number(scale[absoluteValue]);
+    const valueFromScale = Number(scale[absoluteValue]);
     return valueFromScale * (isValueNegative ? -1 : 1);
   };
 }

package/dist/cjs/base/ui/system/utils/get_style_props_for_responsive_prop.js

@@ -1,23 +1,11 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.symbol.description.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.to-string.js");
-require("core-js/modules/es.regexp.exec.js");
-require("core-js/modules/es.regexp.to-string.js");
-require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getStylePropsForResponsiveProp;
 var _error_utils = require("../../../../shared/error_utils");
 var _private_utils = require("../../../../shared/private_utils");
-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; }
 /**
  * Given a styled system scale, convert a responsive prop object into a style props object.
  * Typically used for variant APIs that compose multiple style props.
@@ -25,85 +13,57 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
  * @internal
  */
 function getStylePropsForResponsiveProp(responsivePropObject, scale) {
-  var responsiveStyleProps = {};
-  var _iterator = _createForOfIteratorHelper((0, _private_utils.keys)(responsivePropObject)),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var viewportKey = _step.value;
-      var scaleValueForViewport = responsivePropObject[viewportKey];
-      (0, _error_utils.invariant)(scaleValueForViewport, 'scaleValueForViewport');
-      var propsForViewport = scale[scaleValueForViewport];
-      (0, _error_utils.invariant)(propsForViewport !== undefined && propsForViewport !== null, 'propsForViewport');
-      var _iterator3 = _createForOfIteratorHelper((0, _private_utils.keys)(propsForViewport)),
-        _step3;
-      try {
-        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-          var propForViewportKey = _step3.value;
-          if (!(0, _private_utils.has)(responsiveStyleProps, propForViewportKey)) {
-            responsiveStyleProps[propForViewportKey] = {};
-          }
-          responsiveStyleProps[propForViewportKey][viewportKey] = propsForViewport[propForViewportKey];
-        }
-      } catch (err) {
-        _iterator3.e(err);
-      } finally {
-        _iterator3.f();
+  const responsiveStyleProps = {};
+  for (const viewportKey of (0, _private_utils.keys)(responsivePropObject)) {
+    const scaleValueForViewport = responsivePropObject[viewportKey];
+    (0, _error_utils.invariant)(scaleValueForViewport, 'scaleValueForViewport');
+    const propsForViewport = scale[scaleValueForViewport];
+    (0, _error_utils.invariant)(propsForViewport !== undefined && propsForViewport !== null, 'propsForViewport');
+    for (const propForViewportKey of (0, _private_utils.keys)(propsForViewport)) {
+      if (!(0, _private_utils.has)(responsiveStyleProps, propForViewportKey)) {
+        responsiveStyleProps[propForViewportKey] = {};
       }
+      responsiveStyleProps[propForViewportKey][viewportKey] = propsForViewport[propForViewportKey];
     }
-
-    /**
-     * @internal
-     * If multiple values are the same for each viewport, just use a string value.
-     *
-     * For example turn the following object:
-     *
-     * ```
-     *  "fontSize": {
-     *      "smallViewport": "13px",
-     *      "mediumViewport": "15px"
-     *  },
-     *  "fontFamily": {
-     *      "smallViewport": "default",
-     *      "mediumViewport": "default"
-     *  },
-     * ```
-     *
-     * Into:
-     *
-     * ```
-     *  "fontSize": {
-     *      "smallViewport": "13px",
-     *      "mediumViewport": "15px"
-     *  },
-     *  "fontFamily": "default"
-     * ```
-     */
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
   }
-  for (var _i = 0, _Object$keys = Object.keys(responsiveStyleProps); _i < _Object$keys.length; _i++) {
-    var stylePropKey = _Object$keys[_i];
-    var shouldConsolidateValue = true;
-    var prevValue = void 0;
-    var _iterator2 = _createForOfIteratorHelper((0, _private_utils.values)(responsiveStyleProps[stylePropKey])),
-      _step2;
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var value = _step2.value;
-        if (prevValue === undefined) {
-          prevValue = value;
-        } else if (prevValue !== value) {
-          shouldConsolidateValue = false;
-          break;
-        }
+
+  /**
+   * @internal
+   * If multiple values are the same for each viewport, just use a string value.
+   *
+   * For example turn the following object:
+   *
+   * ```
+   *  "fontSize": {
+   *      "smallViewport": "13px",
+   *      "mediumViewport": "15px"
+   *  },
+   *  "fontFamily": {
+   *      "smallViewport": "default",
+   *      "mediumViewport": "default"
+   *  },
+   * ```
+   *
+   * Into:
+   *
+   * ```
+   *  "fontSize": {
+   *      "smallViewport": "13px",
+   *      "mediumViewport": "15px"
+   *  },
+   *  "fontFamily": "default"
+   * ```
+   */
+  for (const stylePropKey of Object.keys(responsiveStyleProps)) {
+    let shouldConsolidateValue = true;
+    let prevValue;
+    for (const value of (0, _private_utils.values)(responsiveStyleProps[stylePropKey])) {
+      if (prevValue === undefined) {
+        prevValue = value;
+      } else if (prevValue !== value) {
+        shouldConsolidateValue = false;
+        break;
       }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
     }
     if (shouldConsolidateValue) {
       responsiveStyleProps[stylePropKey] = prevValue;

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

@@ -1,44 +1,21 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-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.sharedTablePickerPropTypes = exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _table = _interopRequireDefault(require("../models/table"));
 var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchable"));
 var _sdk_context = require("../../shared/ui/sdk_context");
-var _select = require("./select");
 var _model_picker_select = _interopRequireDefault(require("./model_picker_select"));
-var _excluded = ["table", "shouldAllowPickingNone", "placeholder", "onChange"];
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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: TablePicker */ /** */
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /** @module @airtable/blocks/ui: TablePicker */ /** */
 /**
  * Props shared between the {@link TablePicker} and {@link TablePickerSynced} components.
  */
 
-// Shared with `TablePicker` and `TablePickerSynced`.
-var sharedTablePickerPropTypes = exports.sharedTablePickerPropTypes = _objectSpread({
-  shouldAllowPickingNone: _propTypes.default.bool,
-  placeholder: _propTypes.default.string,
-  onChange: _propTypes.default.func
-}, _select.sharedSelectBasePropTypes);
-
 /**
  * Props for the {@link TablePicker} component. Also accepts:
  * * {@link SelectStyleProps}
@@ -54,22 +31,24 @@ var sharedTablePickerPropTypes = exports.sharedTablePickerPropTypes = _objectSpr
  * @docsPath UI/components/TablePicker
  * @component
  */
-var TablePicker = (props, ref) => {
-  var table = props.table,
-    shouldAllowPickingNone = props.shouldAllowPickingNone,
-    placeholder = props.placeholder,
-    onChange = props.onChange,
-    restOfProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var selectedTable = table && !table.isDeleted ? table : null;
-  var sdk = (0, _sdk_context.useSdk)();
+const TablePicker = (props, ref) => {
+  const {
+    table,
+    shouldAllowPickingNone,
+    placeholder,
+    onChange,
+    ...restOfProps
+  } = props;
+  const selectedTable = table && !table.isDeleted ? table : null;
+  const sdk = (0, _sdk_context.useSdk)();
   (0, _use_watchable.default)(sdk.base, ['tables']);
   function _onChange(tableId) {
     if (onChange) {
-      var newTable = tableId ? sdk.base.getTableByIdIfExists(tableId) : null;
+      const newTable = tableId ? sdk.base.getTableByIdIfExists(tableId) : null;
       onChange(newTable);
     }
   }
-  var placeholderToUse;
+  let placeholderToUse;
   if (placeholder === undefined) {
     // Let's set a good default value for the placeholder, depending
     // on the shouldAllowPickingNone flag.
@@ -77,7 +56,7 @@ var TablePicker = (props, ref) => {
   } else {
     placeholderToUse = placeholder;
   }
-  return /*#__PURE__*/React.createElement(_model_picker_select.default, (0, _extends2.default)({}, restOfProps, {
+  return /*#__PURE__*/React.createElement(_model_picker_select.default, _extends({}, restOfProps, {
     ref: ref,
     models: sdk.base.tables,
     selectedModelId: selectedTable ? selectedTable.id : null,
@@ -87,9 +66,6 @@ var TablePicker = (props, ref) => {
     onChange: _onChange
   }));
 };
-var ForwardedRefTablePicker = /*#__PURE__*/React.forwardRef(TablePicker);
+const ForwardedRefTablePicker = /*#__PURE__*/React.forwardRef(TablePicker);
 ForwardedRefTablePicker.displayName = 'TablePicker';
-ForwardedRefTablePicker.propTypes = _objectSpread({
-  table: _propTypes.default.instanceOf(_table.default)
-}, sharedTablePickerPropTypes);
 var _default = exports.default = ForwardedRefTablePicker;

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

@@ -1,35 +1,18 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-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.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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 React = _interopRequireWildcard(require("react"));
 var _use_synced = _interopRequireDefault(require("../../shared/ui/use_synced"));
 var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchable"));
 var _sdk_context = require("../../shared/ui/sdk_context");
-var _global_config_synced_component_helpers = _interopRequireDefault(require("../../shared/ui/global_config_synced_component_helpers"));
-var _table_picker = _interopRequireWildcard(require("./table_picker"));
-var _excluded = ["globalConfigKey", "onChange", "disabled"];
-/** @module @airtable/blocks/ui: TablePicker */
-/** */
-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); }
+var _table_picker = _interopRequireDefault(require("./table_picker"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /** @module @airtable/blocks/ui: TablePicker */ /** */
 /**
  * Props for the {@link TablePickerSynced} component. Also accepts:
  * * {@link SelectStyleProps}
@@ -52,33 +35,28 @@ function _getTableFromGlobalConfigValue(sdk, tableId) {
  * @groupPath UI/components/TablePicker
  * @component
  */
-var TablePickerSynced = (props, ref) => {
-  var globalConfigKey = props.globalConfigKey,
-    _onChange = props.onChange,
-    disabled = props.disabled,
-    restOfProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _useSynced = (0, _use_synced.default)(globalConfigKey),
-    _useSynced2 = (0, _slicedToArray2.default)(_useSynced, 3),
-    tableId = _useSynced2[0],
-    setTableId = _useSynced2[1],
-    canSetTableId = _useSynced2[2];
-  var sdk = (0, _sdk_context.useSdk)();
+const TablePickerSynced = (props, ref) => {
+  const {
+    globalConfigKey,
+    onChange,
+    disabled,
+    ...restOfProps
+  } = props;
+  const [tableId, setTableId, canSetTableId] = (0, _use_synced.default)(globalConfigKey);
+  const sdk = (0, _sdk_context.useSdk)();
   (0, _use_watchable.default)(sdk.base, ['tables']);
-  return /*#__PURE__*/React.createElement(_table_picker.default, (0, _extends2.default)({}, restOfProps, {
+  return /*#__PURE__*/React.createElement(_table_picker.default, _extends({}, restOfProps, {
     ref: ref,
     table: _getTableFromGlobalConfigValue(sdk, tableId),
     onChange: table => {
       setTableId(table ? table.id : null);
-      if (_onChange) {
-        _onChange(table);
+      if (onChange) {
+        onChange(table);
       }
     },
     disabled: disabled || !canSetTableId
   }));
 };
-var ForwardedRefTablePickerSynced = /*#__PURE__*/React.forwardRef(TablePickerSynced);
+const ForwardedRefTablePickerSynced = /*#__PURE__*/React.forwardRef(TablePickerSynced);
 ForwardedRefTablePickerSynced.displayName = 'TablePickerSynced';
-ForwardedRefTablePickerSynced.propTypes = _objectSpread({
-  globalConfigKey: _global_config_synced_component_helpers.default.globalConfigKeyPropType
-}, _table_picker.sharedTablePickerPropTypes);
 var _default = exports.default = ForwardedRefTablePickerSynced;

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

@@ -1,40 +1,20 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-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.textVariantPropType = exports.textSizePropType = exports.default = exports.TextVariant = exports.TextSize = void 0;
+exports.default = exports.TextVariant = exports.TextSize = void 0;
 exports.useTextStyle = useTextStyle;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _emotion = require("emotion");
 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"];
-/** @module @airtable/blocks/ui: Text */
-/** */
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /** @module @airtable/blocks/ui: Text */ /** */
 /**
  * Variants for the {@link Text} component:
  *
@@ -47,25 +27,23 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * Multi-line text such as body copy.
  */
 
-var TextVariant = exports.TextVariant = (0, _private_utils.createEnum)('default', 'paragraph');
-var textVariantPropType = exports.textVariantPropType = (0, _enum_prop_type_utils.createPropTypeFromEnum)(TextVariant);
+const TextVariant = exports.TextVariant = (0, _private_utils.createEnum)('default', 'paragraph');
 
 /**
  * Sizes for the {@link Text} component.
  */
 
-var TextSize = exports.TextSize = (0, _private_utils.createEnum)('small', 'default', 'large', 'xlarge');
+const TextSize = exports.TextSize = (0, _private_utils.createEnum)('small', 'default', 'large', 'xlarge');
 /** */
 
-var textSizePropType = exports.textSizePropType = (0, _enum_prop_type_utils.createResponsivePropTypeFromEnum)(TextSize);
-
 /** @internal */
 function useTextStyle(textSizeProp) {
-  var variant = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TextVariant.default;
-  var _useTheme = (0, _use_theme.default)(),
-    textStyles = _useTheme.textStyles;
-  var textSizesForVariant = textStyles[variant];
-  var styleProps;
+  let variant = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TextVariant.default;
+  const {
+    textStyles
+  } = (0, _use_theme.default)();
+  const textSizesForVariant = textStyles[variant];
+  let styleProps;
   if (typeof textSizeProp === 'string') {
     styleProps = textSizesForVariant[textSizeProp];
   } else {
@@ -91,34 +69,34 @@ function useTextStyle(textSizeProp) {
  * @docsPath UI/components/Text
  * @component
  */
-var Text = (props, ref) => {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'p' : _props$as,
-    _props$size = props.size,
-    size = _props$size === void 0 ? TextSize.default : _props$size,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? TextVariant.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 classNameForTextStyle = useTextStyle(size, variant);
-  var classNameForStyleProps = (0, _use_styled_system.default)(_objectSpread({
+const Text = (props, ref) => {
+  const {
+    as: Component = 'p',
+    size = TextSize.default,
+    variant = TextVariant.default,
+    children,
+    id,
+    role,
+    dataAttributes,
+    className,
+    style,
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledBy,
+    'aria-describedby': ariaDescribedBy,
+    'aria-controls': ariaControls,
+    'aria-expanded': ariaExpanded,
+    'aria-haspopup': ariaHasPopup,
+    'aria-hidden': ariaHidden,
+    'aria-live': ariaLive,
+    ...styleProps
+  } = props;
+  const classNameForTextStyle = useTextStyle(size, variant);
+  const classNameForStyleProps = (0, _use_styled_system.default)({
     textColor: 'default',
-    fontFamily: 'default'
-  }, styleProps));
-  return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({
+    fontFamily: 'default',
+    ...styleProps
+  });
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
     id: id,
     className: (0, _emotion.cx)(classNameForTextStyle, classNameForStyleProps, className),
@@ -134,17 +112,6 @@ var Text = (props, ref) => {
     "aria-live": ariaLive
   }, dataAttributes), children);
 };
-var ForwardedRefText = /*#__PURE__*/React.forwardRef(Text);
-ForwardedRefText.propTypes = _objectSpread(_objectSpread({
-  as: _propTypes.default.oneOf(['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span', 'li', 'em', 'strong', 'kbd', 'mark', 'q', 's', 'samp', 'small', 'sub', 'sup', 'time', 'var', 'blockquote']),
-  size: textSizePropType,
-  variant: textVariantPropType,
-  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);
+const ForwardedRefText = /*#__PURE__*/React.forwardRef(Text);
 ForwardedRefText.displayName = 'Text';
 var _default = exports.default = ForwardedRefText;