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

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

@@ -0,0 +1,75 @@
+"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 _global_config_synced_component_helpers = _interopRequireDefault(require("../../shared/ui/global_config_synced_component_helpers"));
+var _switch = _interopRequireWildcard(require("./switch"));
+var _excluded = ["disabled", "globalConfigKey", "onChange"];
+/** @module @airtable/blocks/ui: Switch */
+/** */
+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; }
+/**
+ * Props for the {@link SwitchSynced} component. Also accepts:
+ * * {@link SwitchStyleProps}
+ *
+ * @docsPath UI/components/SwitchSynced
+ * @groupPath UI/components/Switch
+ */
+
+/**
+ * A toggleable switch for controlling boolean values, synced with {@link GlobalConfig}. Similar to a checkbox.
+ *
+ * [[ Story id="switch--example-synced" title="Synced switch example" ]]
+ *
+ * @docsPath UI/components/SwitchSynced
+ * @groupPath UI/components/Switch
+ * @component
+ */
+var SwitchSynced = (props, ref) => {
+  var disabled = props.disabled,
+    globalConfigKey = props.globalConfigKey,
+    _onChange = props.onChange,
+    restOfProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useSynced = (0, _use_synced.default)(globalConfigKey),
+    _useSynced2 = (0, _slicedToArray2.default)(_useSynced, 3),
+    value = _useSynced2[0],
+    setValue = _useSynced2[1],
+    canSetValue = _useSynced2[2];
+  return /*#__PURE__*/React.createElement(_switch.default, (0, _extends2.default)({}, restOfProps, {
+    ref: ref,
+    value: !!value,
+    onChange: newValue => {
+      setValue(newValue);
+      if (_onChange) {
+        _onChange(newValue);
+      }
+    },
+    disabled: disabled || !canSetValue
+  }));
+};
+var ForwardedRefSwitchSynced = /*#__PURE__*/React.forwardRef(SwitchSynced);
+ForwardedRefSwitchSynced.propTypes = _objectSpread({
+  globalConfigKey: _global_config_synced_component_helpers.default.globalConfigKeyPropType
+}, _switch.sharedSwitchPropTypes);
+ForwardedRefSwitchSynced.displayName = 'SwitchSynced';
+var _default = exports.default = ForwardedRefSwitchSynced;

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

@@ -0,0 +1,70 @@
+"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 = exports.Synced = 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 React = _interopRequireWildcard(require("react"));
+var _with_hooks = _interopRequireDefault(require("../../shared/ui/with_hooks"));
+var _sdk_context = require("../../shared/ui/sdk_context");
+var _global_config_synced_component_helpers = _interopRequireDefault(require("../../shared/ui/global_config_synced_component_helpers"));
+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 */ /** */
+/** @hidden */
+/** @hidden */
+var Synced = exports.Synced = /*#__PURE__*/function (_React$Component) {
+  /** @hidden */
+  function Synced(props) {
+    var _this;
+    (0, _classCallCheck2.default)(this, Synced);
+    _this = _callSuper(this, Synced, [props]);
+    _this._setValue = _this._setValue.bind(_this);
+    return _this;
+  }
+  /** @internal */
+  (0, _inherits2.default)(Synced, _React$Component);
+  return (0, _createClass2.default)(Synced, [{
+    key: "_setValue",
+    value: function _setValue(newValue) {
+      this.props.sdk.globalConfig.setAsync(this.props.globalConfigKey, newValue);
+    }
+    /** @hidden */
+  }, {
+    key: "render",
+    value: function render() {
+      var globalConfig = this.props.sdk.globalConfig;
+      var value = globalConfig.get(this.props.globalConfigKey);
+      var canSetValue = globalConfig.hasPermissionToSet(this.props.globalConfigKey);
+      return this.props.render({
+        value,
+        canSetValue,
+        setValue: this._setValue
+      });
+    }
+  }]);
+}(React.Component);
+/** @hidden */
+(0, _defineProperty2.default)(Synced, "propTypes", {
+  globalConfigKey: _global_config_synced_component_helpers.default.globalConfigKeyPropType,
+  render: _propTypes.default.func.isRequired
+});
+var _default = exports.default = (0, _with_hooks.default)(Synced, props => {
+  _global_config_synced_component_helpers.default.useDefaultWatchesForSyncedComponent(props.globalConfigKey);
+  return {
+    sdk: (0, _sdk_context.useSdk)()
+  };
+});

package/dist/cjs/base/ui/system/all_styles_set.js

@@ -0,0 +1,100 @@
+"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.allStylesPropTypes = exports.allStylesParser = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = require("@styled-system/core");
+var _index = require("./index");
+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/system: All style props */ /** */
+/**
+ * In the Blocks SDK, UI components can be styled via a set of supported style props.
+ * These style props (e.g. `width`, `margin`, `backgroundColor`) take a subset of
+ * supported CSS properties and expose them as explicit React component props.
+ *
+ * Here is an example that uses the {@link Box} layout primitive:
+ *
+ * ```
+ * <Box
+ *     display="flex"
+ *     alignItems="center"
+ *     justifyContent="center"
+ *     width="200px"
+ *     height="200px"
+ * >
+ *     Hello world
+ * </Box>
+ * ```
+ *
+ * This is equivalent to the following:
+ *
+ * ```
+ * <div style={{
+ *     display: 'flex',
+ *     alignItems: 'center',
+ *     justifyContent: 'center',
+ *     width: '200px',
+ *     height: '200px',
+ * }}>
+ *     Hello world
+ * </div>
+ * ```
+ *
+ * Style props also provide access to Airtable's design tokens, including our color
+ * palette, typographic scale, and spacing scale. This allows developers to quickly
+ * build UIs that adhere to the Airtable design system. As an example, numbers passed
+ * to the `margin` or `padding` props are converted to our spacing scale, based on
+ * powers of two.
+ *
+ * ```
+ * <Box margin={0} /> // margin: 0;
+ * <Box margin={1} /> // margin: 4px;
+ * <Box margin={2} /> // margin: 8px;
+ * <Box margin={3} /> // margin: 16px;
+ *
+ * // Negative margins are also supported
+ * <Box margin={-1} /> // margin: -4px;
+ * <Box margin={-2} /> // margin: -8px;
+ * <Box margin={-3} /> // margin: -16px;
+ * ```
+ *
+ * To override this behavior and use a specific pixel value (or other units, like percentages
+ * or ems/rems), you may pass a string like `200px`. However, this is generally discouraged,
+ * as these values don't adhere to the same grid/vertical rhythm as the rest of our components.
+ *
+ * As another example, style props like `backgroundColor` and `textColor` accept
+ * {@link Colors|color names} that ensure visual consistency with the Airtable styleguide.
+ * Like the spacing scale, you can always opt out by passing in hex/rgb/hsl strings directly.
+ *
+ * ```
+ * <Box backgroundColor="blue" textColor="white" />
+ * ```
+ *
+ * Each component in our UI library exposes a particular subset of style props, documented as
+ * style prop interfaces. For more information, refer to the API reference for the specific
+ * component that you're trying to use.
+ *
+ * All supported style props:
+ * * {@link AppearanceSetProps|Appearance}
+ * * {@link DimensionsSetProps|Dimensions}
+ * * {@link FlexContainerSetProps|Flex container}
+ * * {@link FlexItemSetProps|Flex item}
+ * * {@link PositionSetProps|Position}
+ * * {@link SpacingSetProps|Spacing}
+ * * {@link TypographySetProps|Typography}
+ * * {@link DisplayProps|Display}
+ * * {@link OverflowProps|Overflow}
+ *
+ * @docsPath UI/Style System/All styles
+ */
+
+var allStylesParser = exports.allStylesParser = (0, _core.compose)(_index.appearanceSet, _index.dimensionsSet, _index.flexContainerSet, _index.flexItemSet, _index.positionSet, _index.spacingSet, _index.typographySet, _index.display, _index.overflow);
+var allStylesPropTypes = exports.allStylesPropTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _index.appearanceSetPropTypes), _index.dimensionsSetPropTypes), _index.flexContainerSetPropTypes), _index.flexItemSetPropTypes), _index.positionSetPropTypes), _index.spacingSetPropTypes), _index.typographySetPropTypes), _index.displayPropTypes), _index.overflowPropTypes);

package/dist/cjs/base/ui/system/appearance/appearance_set.js

@@ -0,0 +1,30 @@
+"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.appearanceSetPropTypes = exports.appearanceSet = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = require("@styled-system/core");
+var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+var _background_color = require("./background_color");
+var _border = require("./border");
+var _border_radius = require("./border_radius");
+var _box_shadow = require("./box_shadow");
+var _opacity = require("./opacity");
+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/system: Appearance */ /** */
+/**
+ * Style props for the visual appearance of an element.
+ *
+ * @docsPath UI/Style System/Appearance
+ */
+
+var appearanceSet = exports.appearanceSet = (0, _core.system)(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _background_color.config), _border_radius.config), _border.config), _box_shadow.config), _opacity.config));
+var appearanceSetPropTypes = exports.appearanceSetPropTypes = (0, _create_style_prop_types.default)(appearanceSet.propNames);

package/dist/cjs/base/ui/system/appearance/background_color.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = exports.backgroundColorPropTypes = exports.backgroundColor = void 0;
+var _core = require("@styled-system/core");
+var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+/** @module @airtable/blocks/ui/system: Appearance */ /** */
+
+/** */
+
+var config = exports.config = {
+  backgroundColor: {
+    property: 'backgroundColor',
+    scale: 'colors'
+  }
+};
+var backgroundColor = exports.backgroundColor = (0, _core.system)(config);
+var backgroundColorPropTypes = exports.backgroundColorPropTypes = (0, _create_style_prop_types.default)(backgroundColor.propNames);

package/dist/cjs/base/ui/system/appearance/border.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = exports.borderPropTypes = exports.border = void 0;
+var _core = require("@styled-system/core");
+var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+/** @module @airtable/blocks/ui/system: Appearance */ /** */
+
+/** */
+
+var config = exports.config = {
+  border: {
+    property: 'border',
+    scale: 'borders'
+  },
+  borderWidth: {
+    property: 'borderWidth',
+    scale: 'borderWidths'
+  },
+  borderStyle: {
+    property: 'borderStyle',
+    scale: 'borderStyles'
+  },
+  borderColor: {
+    property: 'borderColor',
+    scale: 'colors'
+  },
+  borderTop: {
+    property: 'borderTop',
+    scale: 'borders'
+  },
+  borderRight: {
+    property: 'borderRight',
+    scale: 'borders'
+  },
+  borderBottom: {
+    property: 'borderBottom',
+    scale: 'borders'
+  },
+  borderLeft: {
+    property: 'borderLeft',
+    scale: 'borders'
+  },
+  borderX: {
+    properties: ['borderLeft', 'borderRight'],
+    scale: 'borders'
+  },
+  borderY: {
+    properties: ['borderTop', 'borderBottom'],
+    scale: 'borders'
+  }
+};
+var border = exports.border = (0, _core.system)(config);
+var borderPropTypes = exports.borderPropTypes = (0, _create_style_prop_types.default)(border.propNames);

package/dist/cjs/base/ui/system/appearance/border_radius.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = exports.borderRadiusPropTypes = exports.borderRadius = void 0;
+var _core = require("@styled-system/core");
+var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+/** @module @airtable/blocks/ui/system: Appearance */ /** */
+
+/** */
+
+var config = exports.config = {
+  borderRadius: {
+    property: 'borderRadius',
+    scale: 'radii'
+  }
+};
+var borderRadius = exports.borderRadius = (0, _core.system)(config);
+var borderRadiusPropTypes = exports.borderRadiusPropTypes = (0, _create_style_prop_types.default)(borderRadius.propNames);

package/dist/cjs/base/ui/system/appearance/box_shadow.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = exports.boxShadowPropTypes = exports.boxShadow = void 0;
+var _core = require("@styled-system/core");
+var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+/** @module @airtable/blocks/ui/system: Appearance */ /** */
+
+/** */
+
+var config = exports.config = {
+  boxShadow: {
+    property: 'boxShadow',
+    scale: 'shadows'
+  }
+};
+var boxShadow = exports.boxShadow = (0, _core.system)(config);
+var boxShadowPropTypes = exports.boxShadowPropTypes = (0, _create_style_prop_types.default)(boxShadow.propNames);

package/dist/cjs/base/ui/system/appearance/opacity.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.opacityPropTypes = exports.opacity = exports.config = void 0;
+var _core = require("@styled-system/core");
+var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+/** @module @airtable/blocks/ui/system: Appearance */ /** */
+
+/** */
+
+var config = exports.config = {
+  opacity: {
+    property: 'opacity',
+    scale: 'opacities'
+  }
+};
+var opacity = exports.opacity = (0, _core.system)(config);
+var opacityPropTypes = exports.opacityPropTypes = (0, _create_style_prop_types.default)(opacity.propNames);

package/dist/cjs/base/ui/system/dimensions/dimensions_set.js

@@ -0,0 +1,31 @@
+"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.dimensionsSetPropTypes = exports.dimensionsSet = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = require("@styled-system/core");
+var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+var _height = require("./height");
+var _max_height = require("./max_height");
+var _max_width = require("./max_width");
+var _min_height = require("./min_height");
+var _min_width = require("./min_width");
+var _width = require("./width");
+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/system: Dimensions */ /** */
+/**
+ * Style props for the dimensions of an element.
+ *
+ * @docsPath UI/Style System/Dimensions
+ */
+
+var dimensionsSet = exports.dimensionsSet = (0, _core.system)(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _height.config), _max_width.config), _max_height.config), _min_height.config), _min_width.config), _width.config));
+var dimensionsSetPropTypes = exports.dimensionsSetPropTypes = (0, _create_style_prop_types.default)(dimensionsSet.propNames);

package/dist/cjs/base/ui/system/dimensions/height.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.heightPropTypes = exports.height = exports.config = void 0;
+var _core = require("@styled-system/core");
+var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+/** @module @airtable/blocks/ui/system: Dimensions */ /** */
+
+/** */
+
+var config = exports.config = {
+  height: {
+    property: 'height',
+    scale: 'dimensions'
+  }
+};
+var height = exports.height = (0, _core.system)(config);
+var heightPropTypes = exports.heightPropTypes = (0, _create_style_prop_types.default)(height.propNames);

package/dist/cjs/base/ui/system/dimensions/max_height.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.maxHeightPropTypes = exports.maxHeight = exports.config = void 0;
+var _core = require("@styled-system/core");
+var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+/** @module @airtable/blocks/ui/system: Dimensions */ /** */
+
+/** */
+
+var config = exports.config = {
+  maxHeight: {
+    property: 'maxHeight',
+    scale: 'dimensions'
+  }
+};
+var maxHeight = exports.maxHeight = (0, _core.system)(config);
+var maxHeightPropTypes = exports.maxHeightPropTypes = (0, _create_style_prop_types.default)(maxHeight.propNames);

package/dist/cjs/base/ui/system/dimensions/max_width.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.maxWidthPropTypes = exports.maxWidth = exports.config = void 0;
+var _core = require("@styled-system/core");
+var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+/** @module @airtable/blocks/ui/system: Dimensions */ /** */
+
+/** */
+
+var config = exports.config = {
+  maxWidth: {
+    property: 'maxWidth',
+    scale: 'dimensions'
+  }
+};
+var maxWidth = exports.maxWidth = (0, _core.system)(config);
+var maxWidthPropTypes = exports.maxWidthPropTypes = (0, _create_style_prop_types.default)(maxWidth.propNames);

package/dist/cjs/base/ui/system/dimensions/min_height.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.minHeightPropTypes = exports.minHeight = exports.config = void 0;
+var _core = require("@styled-system/core");
+var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+/** @module @airtable/blocks/ui/system: Dimensions */ /** */
+
+/** */
+
+var config = exports.config = {
+  minHeight: {
+    property: 'minHeight',
+    scale: 'dimensions'
+  }
+};
+var minHeight = exports.minHeight = (0, _core.system)(config);
+var minHeightPropTypes = exports.minHeightPropTypes = (0, _create_style_prop_types.default)(minHeight.propNames);

package/dist/cjs/base/ui/system/dimensions/min_width.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.minWidthPropTypes = exports.minWidth = exports.config = void 0;
+var _core = require("@styled-system/core");
+var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+/** @module @airtable/blocks/ui/system: Dimensions */ /** */
+
+/** */
+
+var config = exports.config = {
+  minWidth: {
+    property: 'minWidth',
+    scale: 'dimensions'
+  }
+};
+var minWidth = exports.minWidth = (0, _core.system)(config);
+var minWidthPropTypes = exports.minWidthPropTypes = (0, _create_style_prop_types.default)(minWidth.propNames);

package/dist/cjs/base/ui/system/dimensions/width.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.widthPropTypes = exports.width = exports.config = void 0;
+var _core = require("@styled-system/core");
+var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+/** @module @airtable/blocks/ui/system: Dimensions */ /** */
+
+/** */
+
+var config = exports.config = {
+  width: {
+    property: 'width',
+    scale: 'dimensions'
+  }
+};
+var width = exports.width = (0, _core.system)(config);
+var widthPropTypes = exports.widthPropTypes = (0, _create_style_prop_types.default)(width.propNames);

package/dist/cjs/base/ui/system/display.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.displayPropTypes = exports.display = void 0;
+var _core = require("@styled-system/core");
+var _create_style_prop_types = _interopRequireDefault(require("./utils/create_style_prop_types"));
+/** @module @airtable/blocks/ui/system: Display */ /** */
+
+/**
+ * Style prop for the display type of an element.
+ *
+ * @docsPath UI/Style System/Display
+ */
+
+var config = {
+  display: true
+};
+var display = exports.display = (0, _core.system)(config);
+var displayPropTypes = exports.displayPropTypes = (0, _create_style_prop_types.default)(display.propNames);

package/dist/cjs/base/ui/system/flex_container/align_content.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = exports.alignContentPropTypes = exports.alignContent = void 0;
+var _core = require("@styled-system/core");
+var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+/** @module @airtable/blocks/ui/system: Flex container */ /** */
+
+/** */
+
+var config = exports.config = {
+  alignContent: true
+};
+var alignContent = exports.alignContent = (0, _core.system)(config);
+var alignContentPropTypes = exports.alignContentPropTypes = (0, _create_style_prop_types.default)(alignContent.propNames);

package/dist/cjs/base/ui/system/flex_container/align_items.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = exports.alignItemsPropTypes = exports.alignItems = void 0;
+var _core = require("@styled-system/core");
+var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+/** @module @airtable/blocks/ui/system: Flex container */ /** */
+
+/** */
+
+var config = exports.config = {
+  alignItems: true
+};
+var alignItems = exports.alignItems = (0, _core.system)(config);
+var alignItemsPropTypes = exports.alignItemsPropTypes = (0, _create_style_prop_types.default)(alignItems.propNames);