@airtable/blocks 0.0.0-experimental-c4b2228f4-20250630 → 0.0.0-experimental-3649c7162-20250904

package/dist/esm/base/ui/system/overflow.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.overflow = void 0;
+var _core = require("@styled-system/core");
+/** @module @airtable/blocks/ui/system: Overflow */ /** */
+
+/**
+ * Style props for the overflow behavior of an element.
+ *
+ * @docsPath UI/Style System/Overflow
+ */
+
+const config = {
+  overflow: true,
+  overflowY: true,
+  overflowX: true
+};
+const overflow = exports.overflow = (0, _core.system)(config);

package/dist/{cjs → esm}/base/ui/system/position/bottom.js

@@ -1,18 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.config = exports.bottomPropTypes = exports.bottom = void 0;
+exports.config = exports.bottom = void 0;
 var _core = require("@styled-system/core");
-var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
 var _ensure_numbers_are_within_scale = _interopRequireDefault(require("../utils/ensure_numbers_are_within_scale"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/ui/system: Position */ /** */
 
 /** */
 
-var config = exports.config = {
+const config = exports.config = {
   bottom: {
     property: 'bottom',
     scale: 'space',
@@ -22,5 +21,4 @@ var config = exports.config = {
     })
   }
 };
-var bottom = exports.bottom = (0, _core.system)(config);
-var bottomPropTypes = exports.bottomPropTypes = (0, _create_style_prop_types.default)(bottom.propNames);
+const bottom = exports.bottom = (0, _core.system)(config);

package/dist/{cjs → esm}/base/ui/system/position/left.js

@@ -1,18 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.leftPropTypes = exports.left = exports.config = void 0;
+exports.left = exports.config = void 0;
 var _core = require("@styled-system/core");
-var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
 var _ensure_numbers_are_within_scale = _interopRequireDefault(require("../utils/ensure_numbers_are_within_scale"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/ui/system: Position */ /** */
 
 /** */
 
-var config = exports.config = {
+const config = exports.config = {
   left: {
     property: 'left',
     scale: 'space',
@@ -22,5 +21,4 @@ var config = exports.config = {
     })
   }
 };
-var left = exports.left = (0, _core.system)(config);
-var leftPropTypes = exports.leftPropTypes = (0, _create_style_prop_types.default)(left.propNames);
+const left = exports.left = (0, _core.system)(config);

package/dist/esm/base/ui/system/position/position.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.position = exports.config = void 0;
+var _core = require("@styled-system/core");
+/** @module @airtable/blocks/ui/system: Position */ /** */
+
+/** */
+
+const config = exports.config = {
+  position: true
+};
+const position = exports.position = (0, _core.system)(config);

package/dist/esm/base/ui/system/position/position_set.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.positionSet = void 0;
+var _core = require("@styled-system/core");
+var _position = require("./position");
+var _top = require("./top");
+var _right = require("./right");
+var _bottom = require("./bottom");
+var _left = require("./left");
+var _z_index = require("./z_index");
+/** @module @airtable/blocks/ui/system: Position */ /** */
+
+/**
+ * Style props for the position of an element.
+ *
+ * @docsPath UI/Style System/Position
+ */
+
+const positionSet = exports.positionSet = (0, _core.system)({
+  ..._position.config,
+  ..._top.config,
+  ..._right.config,
+  ..._bottom.config,
+  ..._left.config,
+  ..._z_index.config
+});

package/dist/{cjs → esm}/base/ui/system/position/right.js

@@ -1,18 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.rightPropTypes = exports.right = exports.config = void 0;
+exports.right = exports.config = void 0;
 var _core = require("@styled-system/core");
-var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
 var _ensure_numbers_are_within_scale = _interopRequireDefault(require("../utils/ensure_numbers_are_within_scale"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/ui/system: Position */ /** */
 
 /** */
 
-var config = exports.config = {
+const config = exports.config = {
   right: {
     property: 'right',
     scale: 'space',
@@ -22,5 +21,4 @@ var config = exports.config = {
     })
   }
 };
-var right = exports.right = (0, _core.system)(config);
-var rightPropTypes = exports.rightPropTypes = (0, _create_style_prop_types.default)(right.propNames);
+const right = exports.right = (0, _core.system)(config);

package/dist/{cjs → esm}/base/ui/system/position/top.js

@@ -1,18 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.topPropTypes = exports.top = exports.config = void 0;
+exports.top = exports.config = void 0;
 var _core = require("@styled-system/core");
-var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
 var _ensure_numbers_are_within_scale = _interopRequireDefault(require("../utils/ensure_numbers_are_within_scale"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/ui/system: Position */ /** */
 
 /** */
 
-var config = exports.config = {
+const config = exports.config = {
   top: {
     property: 'top',
     scale: 'space',
@@ -22,5 +21,4 @@ var config = exports.config = {
     })
   }
 };
-var top = exports.top = (0, _core.system)(config);
-var topPropTypes = exports.topPropTypes = (0, _create_style_prop_types.default)(top.propNames);
+const top = exports.top = (0, _core.system)(config);

package/dist/esm/base/ui/system/position/z_index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.zIndex = exports.config = void 0;
+var _core = require("@styled-system/core");
+/** @module @airtable/blocks/ui/system: Position */ /** */
+
+/** */
+
+const config = exports.config = {
+  zIndex: {
+    property: 'zIndex',
+    scale: 'zIndices'
+  }
+};
+const zIndex = exports.zIndex = (0, _core.system)(config);

package/dist/{cjs → esm}/base/ui/system/spacing/margin.js

@@ -1,18 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.marginPropTypes = exports.margin = exports.config = void 0;
+exports.margin = exports.config = void 0;
 var _core = require("@styled-system/core");
 var _ensure_numbers_are_within_scale = _interopRequireDefault(require("../utils/ensure_numbers_are_within_scale"));
-var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/ui/system: Spacing */ /** */
 
 /** */
 
-var config = exports.config = {
+const config = exports.config = {
   margin: {
     property: 'margin',
     scale: 'space',
@@ -70,5 +69,4 @@ var config = exports.config = {
     })
   }
 };
-var margin = exports.margin = (0, _core.system)(config);
-var marginPropTypes = exports.marginPropTypes = (0, _create_style_prop_types.default)(margin.propNames);
+const margin = exports.margin = (0, _core.system)(config);

package/dist/{cjs → esm}/base/ui/system/spacing/padding.js

@@ -1,18 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.paddingPropTypes = exports.padding = exports.config = void 0;
+exports.padding = exports.config = void 0;
 var _core = require("@styled-system/core");
 var _ensure_numbers_are_within_scale = _interopRequireDefault(require("../utils/ensure_numbers_are_within_scale"));
-var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/ui/system: Spacing */ /** */
 
 /** */
 
-var config = exports.config = {
+const config = exports.config = {
   padding: {
     property: 'padding',
     scale: 'space',
@@ -63,5 +62,4 @@ var config = exports.config = {
     })
   }
 };
-var padding = exports.padding = (0, _core.system)(config);
-var paddingPropTypes = exports.paddingPropTypes = (0, _create_style_prop_types.default)(padding.propNames);
+const padding = exports.padding = (0, _core.system)(config);

package/dist/esm/base/ui/system/spacing/spacing_set.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.spacingSet = void 0;
+var _core = require("@styled-system/core");
+var _margin = require("./margin");
+var _padding = require("./padding");
+/** @module @airtable/blocks/ui/system: Spacing */ /** */
+
+/**
+ * Style props for the spacing of an element.
+ *
+ * @docsPath UI/Style System/Spacing
+ */
+
+const spacingSet = exports.spacingSet = (0, _core.system)({
+  ..._margin.config,
+  ..._padding.config
+});

package/dist/esm/base/ui/system/typography/font_family.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fontFamily = exports.config = void 0;
+var _core = require("@styled-system/core");
+/** @module @airtable/blocks/ui/system: Typography */ /** */
+
+/** */
+
+const config = exports.config = {
+  fontFamily: {
+    property: 'fontFamily',
+    scale: 'fontFamilies'
+  }
+};
+const fontFamily = exports.fontFamily = (0, _core.system)(config);

package/dist/esm/base/ui/system/typography/font_size.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fontSize = exports.config = void 0;
+var _core = require("@styled-system/core");
+/** @module @airtable/blocks/ui/system: Typography */ /** */
+
+/** */
+
+const config = exports.config = {
+  fontSize: {
+    property: 'fontSize',
+    scale: 'fontSizes'
+  }
+};
+const fontSize = exports.fontSize = (0, _core.system)(config);

package/dist/esm/base/ui/system/typography/font_style.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fontStyle = exports.config = void 0;
+var _core = require("@styled-system/core");
+/** @module @airtable/blocks/ui/system: Typography */ /** */
+
+/** */
+
+const config = exports.config = {
+  fontStyle: true
+};
+const fontStyle = exports.fontStyle = (0, _core.system)(config);

package/dist/esm/base/ui/system/typography/font_weight.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fontWeight = exports.config = void 0;
+var _core = require("@styled-system/core");
+/** @module @airtable/blocks/ui/system: Typography */ /** */
+
+/** */
+
+const config = exports.config = {
+  fontWeight: {
+    property: 'fontWeight',
+    scale: 'fontWeights'
+  }
+};
+const fontWeight = exports.fontWeight = (0, _core.system)(config);

package/dist/esm/base/ui/system/typography/letter_spacing.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.letterSpacing = exports.config = void 0;
+var _core = require("@styled-system/core");
+/** @module @airtable/blocks/ui/system: Typography */ /** */
+
+/** */
+
+const config = exports.config = {
+  letterSpacing: {
+    property: 'letterSpacing',
+    scale: 'letterSpacing'
+  }
+};
+const letterSpacing = exports.letterSpacing = (0, _core.system)(config);

package/dist/esm/base/ui/system/typography/line_height.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lineHeight = exports.config = void 0;
+var _core = require("@styled-system/core");
+/** @module @airtable/blocks/ui/system: Typography */ /** */
+
+/** */
+
+const config = exports.config = {
+  lineHeight: true
+};
+const lineHeight = exports.lineHeight = (0, _core.system)(config);

package/dist/esm/base/ui/system/typography/text_align.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.textAlign = exports.config = void 0;
+var _core = require("@styled-system/core");
+/** @module @airtable/blocks/ui/system: Typography */ /** */
+
+/** */
+
+const config = exports.config = {
+  textAlign: true
+};
+const textAlign = exports.textAlign = (0, _core.system)(config);

package/dist/esm/base/ui/system/typography/text_color.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.textColor = exports.config = void 0;
+var _core = require("@styled-system/core");
+/** @module @airtable/blocks/ui/system: Typography */ /** */
+
+/** */
+
+const config = exports.config = {
+  textColor: {
+    property: 'color',
+    scale: 'textColors'
+  }
+};
+const textColor = exports.textColor = (0, _core.system)(config);

package/dist/esm/base/ui/system/typography/text_decoration.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.textDecoration = exports.config = void 0;
+var _core = require("@styled-system/core");
+/** @module @airtable/blocks/ui/system: Typography */ /** */
+
+/** */
+
+const config = exports.config = {
+  textDecoration: true
+};
+const textDecoration = exports.textDecoration = (0, _core.system)(config);

package/dist/esm/base/ui/system/typography/text_transform.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.textTransform = exports.config = void 0;
+var _core = require("@styled-system/core");
+/** @module @airtable/blocks/ui/system: Typography */ /** */
+
+/** */
+
+const config = exports.config = {
+  textTransform: true
+};
+const textTransform = exports.textTransform = (0, _core.system)(config);

package/dist/esm/base/ui/system/typography/typography_set.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.typographySet = void 0;
+var _core = require("@styled-system/core");
+var _font_family = require("./font_family");
+var _font_size = require("./font_size");
+var _font_style = require("./font_style");
+var _font_weight = require("./font_weight");
+var _letter_spacing = require("./letter_spacing");
+var _line_height = require("./line_height");
+var _text_align = require("./text_align");
+var _text_color = require("./text_color");
+var _text_decoration = require("./text_decoration");
+var _text_transform = require("./text_transform");
+/** @module @airtable/blocks/ui/system: Typography */ /** */
+
+/**
+ * Style props for the typography of an element.
+ *
+ * @docsPath UI/Style System/Typography
+ */
+
+const typographySet = exports.typographySet = (0, _core.system)({
+  ..._font_family.config,
+  ..._font_size.config,
+  ..._font_style.config,
+  ..._font_weight.config,
+  ..._letter_spacing.config,
+  ..._line_height.config,
+  ..._text_align.config,
+  ..._text_color.config,
+  ..._text_decoration.config,
+  ..._text_transform.config
+});

package/dist/{cjs → esm}/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/esm/base/ui/system/utils/get_style_props_for_responsive_prop.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getStylePropsForResponsiveProp;
+var _error_utils = require("../../../../shared/error_utils");
+var _private_utils = require("../../../../shared/private_utils");
+/**
+ * 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.
+ *
+ * @internal
+ */
+function getStylePropsForResponsiveProp(responsivePropObject, scale) {
+  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"
+   * ```
+   */
+  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;
+      }
+    }
+    if (shouldConsolidateValue) {
+      responsiveStyleProps[stylePropKey] = prevValue;
+    }
+  }
+  return responsiveStyleProps;
+}