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

package/dist/cjs/base/ui/theme/default_theme/switch_variants.js

@@ -1,33 +1,25 @@
 "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.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _emotion = require("emotion");
 var _css_helpers = _interopRequireDefault(require("../../css_helpers"));
 var _tokens = require("./tokens");
-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; }
-var SWITCH_WIDTH = 20;
-var SWITCH_HEIGHT = 12;
-var SWITCH_PADDING = 2;
-var CIRCLE_SIZE = SWITCH_HEIGHT - 2 * SWITCH_PADDING;
-var switchClassName = (0, _emotion.css)({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SWITCH_WIDTH = 20;
+const SWITCH_HEIGHT = 12;
+const SWITCH_PADDING = 2;
+const CIRCLE_SIZE = SWITCH_HEIGHT - 2 * SWITCH_PADDING;
+const switchClassName = (0, _emotion.css)({
   width: CIRCLE_SIZE,
   height: CIRCLE_SIZE,
   transition: '0.085s all ease-in',
   borderRadius: _tokens.radii.circle,
   backgroundColor: _tokens.colors.white
 });
-var switchContainerClassName = (0, _emotion.css)({
+const switchContainerClassName = (0, _emotion.css)({
   flex: 'none',
   width: SWITCH_WIDTH,
   height: SWITCH_HEIGHT,
@@ -37,14 +29,14 @@ var switchContainerClassName = (0, _emotion.css)({
   borderRadius: _tokens.radii.circle,
   backgroundColor: _tokens.colors.darken2
 });
-var switchLabelClassName = (0, _emotion.css)({
+const switchLabelClassName = (0, _emotion.css)({
   cursor: 'inherit',
   userSelect: 'none',
   marginLeft: _tokens.space[2],
   color: _tokens.colors.dark,
   flex: 'auto'
 });
-var baseStyles = (0, _emotion.css)({
+const baseStyles = (0, _emotion.css)({
   alignItems: 'center',
   borderRadius: _tokens.radii.default,
   boxSizing: 'border-box',
@@ -60,32 +52,34 @@ var baseStyles = (0, _emotion.css)({
       opacity: _tokens.opacities.quiet
     },
     '&:focus': {
-      boxShadow: "inset 0 0 0 2px ".concat(_tokens.colors.darken3)
+      boxShadow: `inset 0 0 0 2px ${_tokens.colors.darken3}`
     }
   },
-  ["&[aria-checked=\"true\"] .".concat(switchClassName)]: {
+  [`&[aria-checked="true"] .${switchClassName}`]: {
     transform: 'translateX(100%)'
   }
 });
-var subcomponentClassNames = {
+const subcomponentClassNames = {
   switchClassName,
   switchContainerClassName,
   switchLabelClassName: (0, _emotion.cx)(switchLabelClassName, _css_helpers.default.TRUNCATE)
 };
-var switchVariants = {
-  default: _objectSpread({
+const switchVariants = {
+  default: {
     baseClassName: (0, _emotion.cx)(baseStyles, (0, _emotion.css)({
-      ["&[aria-checked=\"true\"] > .".concat(switchContainerClassName)]: {
+      [`&[aria-checked="true"] > .${switchContainerClassName}`]: {
         backgroundColor: _tokens.colors.greenBright
       }
-    }))
-  }, subcomponentClassNames),
-  danger: _objectSpread({
+    })),
+    ...subcomponentClassNames
+  },
+  danger: {
     baseClassName: (0, _emotion.cx)(baseStyles, (0, _emotion.css)({
-      ["&[aria-checked=\"true\"] > .".concat(switchContainerClassName)]: {
+      [`&[aria-checked="true"] > .${switchContainerClassName}`]: {
         backgroundColor: _tokens.colors.redBright
       }
-    }))
-  }, subcomponentClassNames)
+    })),
+    ...subcomponentClassNames
+  }
 };
 var _default = exports.default = switchVariants;

package/dist/cjs/base/ui/theme/default_theme/text_button_variants.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _emotion = require("emotion");
 var _tokens = require("./tokens");
-var NOT_DISABLED = '&:not([aria-disabled="true"])';
-var DISABLED = '&[aria-disabled="true"]';
-var baseStyles = (0, _emotion.css)({
+const NOT_DISABLED = '&:not([aria-disabled="true"])';
+const DISABLED = '&[aria-disabled="true"]';
+const baseStyles = (0, _emotion.css)({
   alignItems: 'center',
   justifyContent: 'center',
   borderRadius: _tokens.radii.default,
@@ -23,14 +23,14 @@ var baseStyles = (0, _emotion.css)({
       opacity: 1
     },
     '&:focus': {
-      boxShadow: "0 0 0 2px ".concat(_tokens.colors.darken3)
+      boxShadow: `0 0 0 2px ${_tokens.colors.darken3}`
     }
   },
   [DISABLED]: {
     opacity: _tokens.opacities.quieter
   }
 });
-var textButtonVariants = {
+const textButtonVariants = {
   default: (0, _emotion.cx)(baseStyles, (0, _emotion.css)({
     color: _tokens.colors.blueBright
   })),

package/dist/cjs/base/ui/theme/default_theme/text_styles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var textStyles = {
+const textStyles = {
   default: {
     small: {
       fontSize: 1,

package/dist/cjs/base/ui/theme/default_theme/tokens.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.textColorsByBackgroundColor = exports.textColors = exports.space = exports.radii = exports.opacities = exports.fontWeights = exports.fontSizes = exports.fontFamilies = exports.colors = exports.breakpoints = exports.borders = exports.borderWidths = void 0;
-var colors = exports.colors = {
+const colors = exports.colors = {
   // neutrals
   white: 'hsl(0, 0%, 100%)',
   dark: 'hsl(0, 0%, 20%)',
@@ -84,7 +84,7 @@ var colors = exports.colors = {
   yellowLight1: 'rgb(255, 214, 110)',
   yellowLight2: 'rgb(255, 234, 182)'
 };
-var textColorsByBackgroundColor = exports.textColorsByBackgroundColor = {
+const textColorsByBackgroundColor = exports.textColorsByBackgroundColor = {
   // blue bg
   blueBright: 'white',
   blue: 'white',
@@ -146,26 +146,26 @@ var textColorsByBackgroundColor = exports.textColorsByBackgroundColor = {
   yellowLight1: 'rgb(66, 10, 0)',
   yellowLight2: 'rgb(66, 10, 0)'
 };
-var textColors = exports.textColors = {
+const textColors = exports.textColors = {
   dark: colors.dark,
   default: colors.dark,
   light: colors.light
 };
-var breakpoints = exports.breakpoints = {
+const breakpoints = exports.breakpoints = {
   xsmallViewport: '480px',
   smallViewport: '640px',
   mediumViewport: '832px',
   largeViewport: '1152px'
 };
-var borderWidths = exports.borderWidths = {
+const borderWidths = exports.borderWidths = {
   default: '1px',
   thick: '2px'
 };
-var borders = exports.borders = {
-  default: "1px solid ".concat(colors.darken2),
-  thick: "2px solid ".concat(colors.darken2)
+const borders = exports.borders = {
+  default: `1px solid ${colors.darken2}`,
+  thick: `2px solid ${colors.darken2}`
 };
-var fontFamilies = exports.fontFamilies = {
+const fontFamilies = exports.fontFamilies = {
   default: "-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
   monospace: ' Menlo, Courier, monospace'
 };
@@ -173,7 +173,7 @@ var fontFamilies = exports.fontFamilies = {
 // On Mac OS X when `-apple-system` is used, two different fonts are rendered at different font sizes.
 // SF Pro Text is used under 21px (0-5) and SF Pro Display is used from 21px and up (6-9).
 // SF Pro Text visually looks slightly bigger than SF Pro Display.
-var fontSizes = exports.fontSizes = ['9px',
+const fontSizes = exports.fontSizes = ['9px',
 // 0
 '11px',
 // 1
@@ -193,19 +193,19 @@ var fontSizes = exports.fontSizes = ['9px',
 // 8
 '35px' // 9
 ];
-var fontWeights = exports.fontWeights = {
+const fontWeights = exports.fontWeights = {
   strong: 500
 };
-var opacities = exports.opacities = {
+const opacities = exports.opacities = {
   normal: 1,
   quiet: 0.75,
   quieter: 0.5,
   quietest: 0.25,
   invisible: 0
 };
-var radii = exports.radii = {
+const radii = exports.radii = {
   default: 3,
   large: 6,
   circle: 9999
 };
-var space = exports.space = [0, 4, 8, 16, 32, 64, 128];
+const space = exports.space = [0, 4, 8, 16, 32, 64, 128];

package/dist/cjs/base/ui/theme/theme_context.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = require("react");
 var _default_theme = _interopRequireDefault(require("./default_theme"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @hidden */
 
-var ThemeContext = /*#__PURE__*/(0, _react.createContext)(_default_theme.default);
+const ThemeContext = /*#__PURE__*/(0, _react.createContext)(_default_theme.default);
 var _default = exports.default = ThemeContext;

package/dist/cjs/base/ui/theme/use_theme.js

@@ -1,11 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = require("react");
 var _theme_context = _interopRequireDefault(require("./theme_context"));
-var useTheme = () => (0, _react.useContext)(_theme_context.default);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const useTheme = () => (0, _react.useContext)(_theme_context.default);
 var _default = exports.default = useTheme;

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

@@ -1,32 +1,20 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _emotion = require("emotion");
 var React = _interopRequireWildcard(require("react"));
-var _private_utils = require("../../shared/private_utils");
 var _baymax_utils = require("./baymax_utils");
 var _popover = _interopRequireDefault(require("./popover"));
 var _text = _interopRequireDefault(require("./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 _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; })(); } /** @module @airtable/blocks/ui: Tooltip */ /** */
-var FADE_IN_ANIMATION_DURATION = 150;
+/** @module @airtable/blocks/ui: Tooltip */ /** */
+
+const FADE_IN_ANIMATION_DURATION = 150;
 
 /**
  * Props for the {@link Tooltip} component.
@@ -35,6 +23,7 @@ var FADE_IN_ANIMATION_DURATION = 150;
  */
 
 /** @hidden */
+
 /**
  * A component that renders a tooltip on hover. Wraps its children.
  *
@@ -43,173 +32,144 @@ var FADE_IN_ANIMATION_DURATION = 150;
  * @docsPath UI/components/Tooltip
  * @component
  */
-var Tooltip = /*#__PURE__*/function (_React$Component) {
+class Tooltip extends React.Component {
+  /** @hidden */
+  static placements = _popover.default.placements;
+  /** @hidden */
+  static fitInWindowModes = _popover.default.fitInWindowModes;
+
   /** @hidden */
-  function Tooltip(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, Tooltip);
-    _this = _callSuper(this, Tooltip, [props]);
-    _this.state = {
+  static defaultProps = {
+    placementX: _popover.default.placements.RIGHT,
+    placementY: _popover.default.placements.CENTER,
+    placementOffsetX: 8,
+    placementOffsetY: 8,
+    fitInWindowMode: _popover.default.fitInWindowModes.FLIP
+  };
+  /** @hidden */
+  constructor(props) {
+    super(props);
+    this.state = {
       isShowingTooltip: false
     };
-    _this._onMouseEnter = _this._onMouseEnter.bind(_this);
-    _this._onMouseLeave = _this._onMouseLeave.bind(_this);
-    _this._onClick = _this._onClick.bind(_this);
-    _this._showTooltip = _this._showTooltip.bind(_this);
-    _this._hideTooltip = _this._hideTooltip.bind(_this);
-    _this._renderTooltipContent = _this._renderTooltipContent.bind(_this);
-    return _this;
+    this._onMouseEnter = this._onMouseEnter.bind(this);
+    this._onMouseLeave = this._onMouseLeave.bind(this);
+    this._onClick = this._onClick.bind(this);
+    this._showTooltip = this._showTooltip.bind(this);
+    this._hideTooltip = this._hideTooltip.bind(this);
+    this._renderTooltipContent = this._renderTooltipContent.bind(this);
   }
   /** @internal */
-  (0, _inherits2.default)(Tooltip, _React$Component);
-  return (0, _createClass2.default)(Tooltip, [{
-    key: "_onMouseEnter",
-    value: function _onMouseEnter(e) {
-      this._showTooltip();
-      var originalOnMouseEnter = this.props.children.props.onMouseEnter;
-      if (originalOnMouseEnter) {
-        originalOnMouseEnter(e);
-      }
+  _onMouseEnter(e) {
+    this._showTooltip();
+    const originalOnMouseEnter = this.props.children.props.onMouseEnter;
+    if (originalOnMouseEnter) {
+      originalOnMouseEnter(e);
     }
-    /** @internal */
-  }, {
-    key: "_onMouseLeave",
-    value: function _onMouseLeave(e) {
-      this._hideTooltip();
-      var originalOnMouseLeave = this.props.children.props.onMouseLeave;
-      if (originalOnMouseLeave) {
-        originalOnMouseLeave(e);
-      }
+  }
+  /** @internal */
+  _onMouseLeave(e) {
+    this._hideTooltip();
+    const originalOnMouseLeave = this.props.children.props.onMouseLeave;
+    if (originalOnMouseLeave) {
+      originalOnMouseLeave(e);
     }
-    /** @internal */
-  }, {
-    key: "_onClick",
-    value: function _onClick(e) {
-      var _this$props = this.props,
-        shouldHideTooltipOnClick = _this$props.shouldHideTooltipOnClick,
-        children = _this$props.children;
-      if (shouldHideTooltipOnClick) {
-        this._hideTooltip();
-      }
-      var originalOnClick = children.props.onClick;
-      if (originalOnClick) {
-        originalOnClick(e);
-      }
+  }
+  /** @internal */
+  _onClick(e) {
+    const {
+      shouldHideTooltipOnClick,
+      children
+    } = this.props;
+    if (shouldHideTooltipOnClick) {
+      this._hideTooltip();
     }
-    /** @internal */
-  }, {
-    key: "_showTooltip",
-    value: function _showTooltip() {
-      this.setState({
-        isShowingTooltip: true
-      });
+    const originalOnClick = children.props.onClick;
+    if (originalOnClick) {
+      originalOnClick(e);
     }
-    /** @internal */
-  }, {
-    key: "_hideTooltip",
-    value: function _hideTooltip() {
-      this.setState({
-        isShowingTooltip: false
-      });
+  }
+  /** @internal */
+  _showTooltip() {
+    this.setState({
+      isShowingTooltip: true
+    });
+  }
+  /** @internal */
+  _hideTooltip() {
+    this.setState({
+      isShowingTooltip: false
+    });
+  }
+  /** @internal */
+  _renderTooltipContent() {
+    const {
+      content,
+      className,
+      style
+    } = this.props;
+    let renderedContent;
+    let isContentAFunction;
+    if (typeof content === 'function') {
+      renderedContent = content();
+      isContentAFunction = true;
+    } else {
+      renderedContent = content;
+      isContentAFunction = false;
     }
-    /** @internal */
-  }, {
-    key: "_renderTooltipContent",
-    value: function _renderTooltipContent() {
-      var _this$props2 = this.props,
-        content = _this$props2.content,
-        className = _this$props2.className,
-        style = _this$props2.style;
-      var renderedContent;
-      var isContentAFunction;
-      if (typeof content === 'function') {
-        renderedContent = content();
-        isContentAFunction = true;
-      } else {
-        renderedContent = content;
-        isContentAFunction = false;
-      }
-      return /*#__PURE__*/React.createElement(_text.default, {
-        className: (0, _emotion.cx)((0, _baymax_utils.baymax)('nowrap'), className),
-        style: style,
-        position: "relative"
-        // Add padding only when using content.
-        ,
-        padding: isContentAFunction ? null : 2,
-        backgroundColor: "dark",
-        textColor: "white",
-        borderRadius: "default",
-        overflow: "hidden"
-      }, renderedContent);
+    return /*#__PURE__*/React.createElement(_text.default, {
+      className: (0, _emotion.cx)((0, _baymax_utils.baymax)('nowrap'), className),
+      style: style,
+      position: "relative"
+      // Add padding only when using content.
+      ,
+      padding: isContentAFunction ? null : 2,
+      backgroundColor: "dark",
+      textColor: "white",
+      borderRadius: "default",
+      overflow: "hidden"
+    }, renderedContent);
+  }
+  /** @hidden */
+  render() {
+    const {
+      children,
+      content,
+      disabled
+    } = this.props;
+    if (disabled || !content) {
+      // The tooltip will never show, so just return the children.
+      return children;
     }
-    /** @hidden */
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-        children = _this$props3.children,
-        content = _this$props3.content,
-        disabled = _this$props3.disabled;
-      if (disabled || !content) {
-        // The tooltip will never show, so just return the children.
-        return children;
+    const popoverAnchor = /*#__PURE__*/React.cloneElement(React.Children.only(children), {
+      onMouseEnter: this._onMouseEnter,
+      onMouseLeave: this._onMouseLeave,
+      onClick: this._onClick,
+      // Specifically for RecordCard, which needs to know if onClick is defined.
+      hasOnClick: children.props.onClick !== undefined
+    });
+    return /*#__PURE__*/React.createElement(_popover.default, {
+      renderContent: this._renderTooltipContent,
+      placementX: this.props.placementX,
+      placementY: this.props.placementY,
+      placementOffsetX: this.props.placementOffsetX,
+      placementOffsetY: this.props.placementOffsetY,
+      fitInWindowMode: this.props.fitInWindowMode,
+      isOpen: this.state.isShowingTooltip,
+      backgroundStyle: {
+        // Override the background style of the popover so that it doesn't
+        // take up any space. If we don't do this, the mouseEnter and mouseLeave
+        // handlers won't work, since showing the Popover would place a div over
+        // the content that we care about.
+        top: 0,
+        left: 0,
+        width: 0,
+        height: 0,
+        animationName: 'opacityFadeIn',
+        animationDuration: `${FADE_IN_ANIMATION_DURATION}ms`,
+        animationTimingFunction: 'ease-out'
       }
-      var popoverAnchor = /*#__PURE__*/React.cloneElement(React.Children.only(children), {
-        onMouseEnter: this._onMouseEnter,
-        onMouseLeave: this._onMouseLeave,
-        onClick: this._onClick,
-        // Specifically for RecordCard, which needs to know if onClick is defined.
-        hasOnClick: children.props.onClick !== undefined
-      });
-      return /*#__PURE__*/React.createElement(_popover.default, {
-        renderContent: this._renderTooltipContent,
-        placementX: this.props.placementX,
-        placementY: this.props.placementY,
-        placementOffsetX: this.props.placementOffsetX,
-        placementOffsetY: this.props.placementOffsetY,
-        fitInWindowMode: this.props.fitInWindowMode,
-        isOpen: this.state.isShowingTooltip,
-        backgroundStyle: {
-          // Override the background style of the popover so that it doesn't
-          // take up any space. If we don't do this, the mouseEnter and mouseLeave
-          // handlers won't work, since showing the Popover would place a div over
-          // the content that we care about.
-          top: 0,
-          left: 0,
-          width: 0,
-          height: 0,
-          animationName: 'opacityFadeIn',
-          animationDuration: "".concat(FADE_IN_ANIMATION_DURATION, "ms"),
-          animationTimingFunction: 'ease-out'
-        }
-      }, popoverAnchor);
-    }
-  }]);
-}(React.Component);
-/** @hidden */
-(0, _defineProperty2.default)(Tooltip, "placements", _popover.default.placements);
-/** @hidden */
-(0, _defineProperty2.default)(Tooltip, "fitInWindowModes", _popover.default.fitInWindowModes);
-/** @hidden */
-(0, _defineProperty2.default)(Tooltip, "propTypes", {
-  children: _propTypes.default.element.isRequired,
-  content: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
-  placementX: _propTypes.default.oneOf([_popover.default.placements.LEFT, _popover.default.placements.CENTER, _popover.default.placements.RIGHT]),
-  placementY: _propTypes.default.oneOf([_popover.default.placements.TOP, _popover.default.placements.CENTER, _popover.default.placements.BOTTOM]),
-  placementOffsetX: _propTypes.default.number,
-  placementOffsetY: _propTypes.default.number,
-  fitInWindowMode: _propTypes.default.oneOf((0, _private_utils.values)(_popover.default.fitInWindowModes)),
-  shouldHideTooltipOnClick: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  className: _propTypes.default.string,
-  style: _propTypes.default.object
-});
-/** @hidden */
-(0, _defineProperty2.default)(Tooltip, "defaultProps", {
-  placementX: _popover.default.placements.RIGHT,
-  placementY: _popover.default.placements.CENTER,
-  placementOffsetX: 8,
-  placementOffsetY: 8,
-  fitInWindowMode: _popover.default.fitInWindowModes.FLIP
-});
+    }, popoverAnchor);
+  }
+}
 var _default = exports.default = Tooltip;

package/dist/cjs/base/ui/types/aria_props.js

@@ -1,23 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ariaPropTypes = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-/** @module @airtable/blocks/ui/types: Aria props */ /** */
-
-/** */
-
-/** @internal */
-var ariaPropTypes = exports.ariaPropTypes = {
-  'aria-label': _propTypes.default.string,
-  'aria-labelledby': _propTypes.default.string,
-  'aria-describedby': _propTypes.default.string,
-  'aria-controls': _propTypes.default.string,
-  'aria-expanded': _propTypes.default.bool,
-  'aria-haspopup': _propTypes.default.bool,
-  'aria-hidden': _propTypes.default.bool,
-  'aria-live': _propTypes.default.oneOf(['off', 'assertive', 'polite'])
-};
+"use strict";

package/dist/cjs/base/ui/types/data_attributes_prop.js

@@ -1,18 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.dataAttributesPropType = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-/** @hidden */ /** */
-
-/**
- * Data attributes that are spread onto the element, e.g. `dataAttributes={{'data-*': '...'}}`.
- *
- * @hidden
- */
-// TODO (stephen): switch to extend for inherited documentation
-
-var dataAttributesPropType = exports.dataAttributesPropType = _propTypes.default.object;
+"use strict";